@sentropic/design-system-vue 0.32.0 → 0.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Combobox.d.ts +50 -0
- package/dist/Combobox.d.ts.map +1 -1
- package/dist/Combobox.js +67 -40
- package/dist/Combobox.js.map +1 -1
- package/dist/FileUploader.d.ts +89 -9
- package/dist/FileUploader.d.ts.map +1 -1
- package/dist/FileUploader.js +82 -43
- package/dist/FileUploader.js.map +1 -1
- package/dist/NumberInput.d.ts +20 -0
- package/dist/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput.js +70 -21
- package/dist/NumberInput.js.map +1 -1
- package/dist/PaginationNav.d.ts +49 -7
- package/dist/PaginationNav.d.ts.map +1 -1
- package/dist/PaginationNav.js +92 -17
- package/dist/PaginationNav.js.map +1 -1
- package/dist/PasswordInput.d.ts.map +1 -1
- package/dist/PasswordInput.js +3 -3
- package/dist/PasswordInput.js.map +1 -1
- package/dist/ProgressIndicator.d.ts +24 -1
- package/dist/ProgressIndicator.d.ts.map +1 -1
- package/dist/ProgressIndicator.js +35 -19
- package/dist/ProgressIndicator.js.map +1 -1
- package/dist/SkeletonText.d.ts +26 -6
- package/dist/SkeletonText.d.ts.map +1 -1
- package/dist/SkeletonText.js +28 -13
- package/dist/SkeletonText.js.map +1 -1
- package/dist/Slider.d.ts +60 -0
- package/dist/Slider.d.ts.map +1 -1
- package/dist/Slider.js +69 -19
- package/dist/Slider.js.map +1 -1
- package/dist/Textarea.d.ts +1 -1
- package/dist/TreeView.d.ts +24 -2
- package/dist/TreeView.d.ts.map +1 -1
- package/dist/TreeView.js +8 -5
- package/dist/TreeView.js.map +1 -1
- package/dist/styles.css +11 -1
- package/package.json +1 -1
|
@@ -9,28 +9,44 @@ export const ProgressIndicator = defineComponent({
|
|
|
9
9
|
type: String,
|
|
10
10
|
default: "horizontal",
|
|
11
11
|
},
|
|
12
|
+
vertical: { type: Boolean, default: false },
|
|
13
|
+
label: { type: String, default: "Progress" },
|
|
12
14
|
class: { type: String, default: undefined },
|
|
13
15
|
},
|
|
14
16
|
setup(props, { attrs }) {
|
|
15
|
-
return () =>
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
:
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
17
|
+
return () => {
|
|
18
|
+
const resolvedOrientation = props.vertical ? "vertical" : props.orientation;
|
|
19
|
+
return h("ol", {
|
|
20
|
+
...attrs,
|
|
21
|
+
"aria-label": props.label,
|
|
22
|
+
class: classNames("st-progressIndicator", `st-progressIndicator--${resolvedOrientation}`, props.class),
|
|
23
|
+
}, props.items.map((item, index) => {
|
|
24
|
+
const status = item.status ?? "upcoming";
|
|
25
|
+
const isLast = index === props.items.length - 1;
|
|
26
|
+
return h("li", {
|
|
27
|
+
key: item.id ?? item.value ?? index,
|
|
28
|
+
class: classNames("st-progressIndicator__step", `st-progressIndicator__step--${status}`),
|
|
29
|
+
"aria-current": status === "current" ? "step" : undefined,
|
|
30
|
+
}, [
|
|
31
|
+
h("span", { class: "st-progressIndicator__indicator" }, [
|
|
32
|
+
h("span", { class: "st-progressIndicator__circle" }, status === "complete"
|
|
33
|
+
? h(Check, { size: 14, strokeWidth: 2, "aria-hidden": "true" })
|
|
34
|
+
: status === "invalid"
|
|
35
|
+
? h(X, { size: 14, strokeWidth: 2, "aria-hidden": "true" })
|
|
36
|
+
: status === "current"
|
|
37
|
+
? h("span", { class: "st-progressIndicator__dot" })
|
|
38
|
+
: h("span", { class: "st-progressIndicator__index" }, String(index + 1))),
|
|
39
|
+
!isLast ? h("span", { class: "st-progressIndicator__connector" }) : null,
|
|
40
|
+
]),
|
|
41
|
+
h("span", { class: "st-progressIndicator__text" }, [
|
|
42
|
+
h("span", { class: "st-progressIndicator__label" }, item.label),
|
|
43
|
+
item.description
|
|
44
|
+
? h("span", { class: "st-progressIndicator__description" }, item.description)
|
|
45
|
+
: null,
|
|
46
|
+
]),
|
|
47
|
+
]);
|
|
48
|
+
}));
|
|
49
|
+
};
|
|
34
50
|
},
|
|
35
51
|
});
|
|
36
52
|
//# sourceMappingURL=ProgressIndicator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressIndicator.js","sourceRoot":"","sources":["../src/ProgressIndicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressIndicator.js","sourceRoot":"","sources":["../src/ProgressIndicator.ts"],"names":[],"mappings":"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"}
|
package/dist/SkeletonText.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export type SkeletonTextProps = {
|
|
2
2
|
lines?: number;
|
|
3
|
-
|
|
3
|
+
width?: string;
|
|
4
|
+
heading?: boolean;
|
|
5
|
+
paragraph?: boolean;
|
|
4
6
|
class?: string;
|
|
5
7
|
};
|
|
6
8
|
export declare const SkeletonText: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -8,9 +10,17 @@ export declare const SkeletonText: import("vue").DefineComponent<import("vue").E
|
|
|
8
10
|
type: NumberConstructor;
|
|
9
11
|
default: number;
|
|
10
12
|
};
|
|
11
|
-
|
|
13
|
+
width: {
|
|
12
14
|
type: StringConstructor;
|
|
13
|
-
default:
|
|
15
|
+
default: undefined;
|
|
16
|
+
};
|
|
17
|
+
heading: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
21
|
+
paragraph: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
default: boolean;
|
|
14
24
|
};
|
|
15
25
|
class: {
|
|
16
26
|
type: StringConstructor;
|
|
@@ -23,9 +33,17 @@ export declare const SkeletonText: import("vue").DefineComponent<import("vue").E
|
|
|
23
33
|
type: NumberConstructor;
|
|
24
34
|
default: number;
|
|
25
35
|
};
|
|
26
|
-
|
|
36
|
+
width: {
|
|
27
37
|
type: StringConstructor;
|
|
28
|
-
default:
|
|
38
|
+
default: undefined;
|
|
39
|
+
};
|
|
40
|
+
heading: {
|
|
41
|
+
type: BooleanConstructor;
|
|
42
|
+
default: boolean;
|
|
43
|
+
};
|
|
44
|
+
paragraph: {
|
|
45
|
+
type: BooleanConstructor;
|
|
46
|
+
default: boolean;
|
|
29
47
|
};
|
|
30
48
|
class: {
|
|
31
49
|
type: StringConstructor;
|
|
@@ -33,7 +51,9 @@ export declare const SkeletonText: import("vue").DefineComponent<import("vue").E
|
|
|
33
51
|
};
|
|
34
52
|
}>> & Readonly<{}>, {
|
|
35
53
|
class: string;
|
|
36
|
-
|
|
54
|
+
width: string;
|
|
37
55
|
lines: number;
|
|
56
|
+
heading: boolean;
|
|
57
|
+
paragraph: boolean;
|
|
38
58
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
39
59
|
//# sourceMappingURL=SkeletonText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonText.d.ts","sourceRoot":"","sources":["../src/SkeletonText.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"SkeletonText.d.ts","sourceRoot":"","sources":["../src/SkeletonText.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAwCvB,CAAC"}
|
package/dist/SkeletonText.js
CHANGED
|
@@ -3,22 +3,37 @@ import { classNames } from "./classNames.js";
|
|
|
3
3
|
export const SkeletonText = defineComponent({
|
|
4
4
|
name: "SkeletonText",
|
|
5
5
|
props: {
|
|
6
|
-
lines: { type: Number, default:
|
|
7
|
-
|
|
6
|
+
lines: { type: Number, default: 1 },
|
|
7
|
+
width: { type: String, default: undefined },
|
|
8
|
+
heading: { type: Boolean, default: false },
|
|
9
|
+
paragraph: { type: Boolean, default: false },
|
|
8
10
|
class: { type: String, default: undefined },
|
|
9
11
|
},
|
|
10
12
|
setup(props, { attrs }) {
|
|
11
|
-
return () =>
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
return () => {
|
|
14
|
+
const lineCount = props.paragraph ? Math.max(props.lines ?? 1, 3) : props.lines ?? 1;
|
|
15
|
+
const lineWidth = (index) => {
|
|
16
|
+
if (props.width && index === 0)
|
|
17
|
+
return props.width;
|
|
18
|
+
if (props.paragraph && index === lineCount - 1)
|
|
19
|
+
return "60%";
|
|
20
|
+
return undefined;
|
|
21
|
+
};
|
|
22
|
+
return h("div", {
|
|
23
|
+
...attrs,
|
|
24
|
+
class: classNames("st-skeleton", props.class),
|
|
25
|
+
role: "status",
|
|
26
|
+
"aria-label": "Loading…",
|
|
27
|
+
"aria-busy": "true",
|
|
28
|
+
}, Array.from({ length: lineCount }, (_, index) => {
|
|
29
|
+
const w = lineWidth(index);
|
|
30
|
+
return h("span", {
|
|
31
|
+
key: index,
|
|
32
|
+
class: classNames("st-skeleton__line", props.heading && "st-skeleton__line--heading"),
|
|
33
|
+
style: w ? `width:${w}` : undefined,
|
|
34
|
+
});
|
|
35
|
+
}));
|
|
36
|
+
};
|
|
22
37
|
},
|
|
23
38
|
});
|
|
24
39
|
//# sourceMappingURL=SkeletonText.js.map
|
package/dist/SkeletonText.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonText.js","sourceRoot":"","sources":["../src/SkeletonText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"SkeletonText.js","sourceRoot":"","sources":["../src/SkeletonText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QACnC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC1C,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC5C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE;YACV,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC;YACrF,MAAM,SAAS,GAAG,CAAC,KAAa,EAAsB,EAAE;gBACtD,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC;oBAAE,OAAO,KAAK,CAAC,KAAK,CAAC;gBACnD,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,KAAK,SAAS,GAAG,CAAC;oBAAE,OAAO,KAAK,CAAC;gBAC7D,OAAO,SAAS,CAAC;YACnB,CAAC,CAAC;YACF,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC;gBAC7C,IAAI,EAAE,QAAQ;gBACd,YAAY,EAAE,UAAU;gBACxB,WAAW,EAAE,MAAM;aACpB,EACD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;gBAC7C,MAAM,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;gBAC3B,OAAO,CAAC,CAAC,MAAM,EAAE;oBACf,GAAG,EAAE,KAAK;oBACV,KAAK,EAAE,UAAU,CACf,mBAAmB,EACnB,KAAK,CAAC,OAAO,IAAI,4BAA4B,CAC9C;oBACD,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;iBACpC,CAAC,CAAC;YACL,CAAC,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
|
package/dist/Slider.d.ts
CHANGED
|
@@ -6,7 +6,13 @@ export type SliderProps = {
|
|
|
6
6
|
defaultValue?: number;
|
|
7
7
|
min?: number;
|
|
8
8
|
max?: number;
|
|
9
|
+
step?: number;
|
|
9
10
|
modelValue?: number;
|
|
11
|
+
helperText?: string;
|
|
12
|
+
errorText?: string;
|
|
13
|
+
invalid?: boolean;
|
|
14
|
+
showValue?: boolean;
|
|
15
|
+
valueFormatter?: (value: number) => string;
|
|
10
16
|
class?: string;
|
|
11
17
|
};
|
|
12
18
|
export declare const Slider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -34,10 +40,34 @@ export declare const Slider: import("vue").DefineComponent<import("vue").Extract
|
|
|
34
40
|
type: NumberConstructor;
|
|
35
41
|
default: number;
|
|
36
42
|
};
|
|
43
|
+
step: {
|
|
44
|
+
type: NumberConstructor;
|
|
45
|
+
default: number;
|
|
46
|
+
};
|
|
37
47
|
modelValue: {
|
|
38
48
|
type: NumberConstructor;
|
|
39
49
|
default: undefined;
|
|
40
50
|
};
|
|
51
|
+
helperText: {
|
|
52
|
+
type: StringConstructor;
|
|
53
|
+
default: undefined;
|
|
54
|
+
};
|
|
55
|
+
errorText: {
|
|
56
|
+
type: StringConstructor;
|
|
57
|
+
default: undefined;
|
|
58
|
+
};
|
|
59
|
+
invalid: {
|
|
60
|
+
type: BooleanConstructor;
|
|
61
|
+
default: boolean;
|
|
62
|
+
};
|
|
63
|
+
showValue: {
|
|
64
|
+
type: BooleanConstructor;
|
|
65
|
+
default: boolean;
|
|
66
|
+
};
|
|
67
|
+
valueFormatter: {
|
|
68
|
+
type: () => (value: number) => string;
|
|
69
|
+
default: undefined;
|
|
70
|
+
};
|
|
41
71
|
class: {
|
|
42
72
|
type: StringConstructor;
|
|
43
73
|
default: undefined;
|
|
@@ -69,10 +99,34 @@ export declare const Slider: import("vue").DefineComponent<import("vue").Extract
|
|
|
69
99
|
type: NumberConstructor;
|
|
70
100
|
default: number;
|
|
71
101
|
};
|
|
102
|
+
step: {
|
|
103
|
+
type: NumberConstructor;
|
|
104
|
+
default: number;
|
|
105
|
+
};
|
|
72
106
|
modelValue: {
|
|
73
107
|
type: NumberConstructor;
|
|
74
108
|
default: undefined;
|
|
75
109
|
};
|
|
110
|
+
helperText: {
|
|
111
|
+
type: StringConstructor;
|
|
112
|
+
default: undefined;
|
|
113
|
+
};
|
|
114
|
+
errorText: {
|
|
115
|
+
type: StringConstructor;
|
|
116
|
+
default: undefined;
|
|
117
|
+
};
|
|
118
|
+
invalid: {
|
|
119
|
+
type: BooleanConstructor;
|
|
120
|
+
default: boolean;
|
|
121
|
+
};
|
|
122
|
+
showValue: {
|
|
123
|
+
type: BooleanConstructor;
|
|
124
|
+
default: boolean;
|
|
125
|
+
};
|
|
126
|
+
valueFormatter: {
|
|
127
|
+
type: () => (value: number) => string;
|
|
128
|
+
default: undefined;
|
|
129
|
+
};
|
|
76
130
|
class: {
|
|
77
131
|
type: StringConstructor;
|
|
78
132
|
default: undefined;
|
|
@@ -83,11 +137,17 @@ export declare const Slider: import("vue").DefineComponent<import("vue").Extract
|
|
|
83
137
|
}>, {
|
|
84
138
|
class: string;
|
|
85
139
|
label: string;
|
|
140
|
+
invalid: boolean;
|
|
86
141
|
size: SliderSize;
|
|
87
142
|
max: number;
|
|
88
143
|
min: number;
|
|
89
144
|
value: number;
|
|
145
|
+
helperText: string;
|
|
90
146
|
modelValue: number;
|
|
147
|
+
errorText: string;
|
|
148
|
+
step: number;
|
|
91
149
|
defaultValue: number;
|
|
150
|
+
showValue: boolean;
|
|
151
|
+
valueFormatter: (value: number) => string;
|
|
92
152
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
93
153
|
//# sourceMappingURL=Slider.d.ts.map
|
package/dist/Slider.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../src/Slider.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;cAIS,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../src/Slider.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;cAIS,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAWO,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;;;;;;;;;;;;;;;cAXtD,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAWO,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;;;;;;;;;;;;;;;;;;;;;;;;4BAAjB,MAAM,KAAK,MAAM;4EAqFhF,CAAC"}
|
package/dist/Slider.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, h } from "vue";
|
|
1
|
+
import { defineComponent, h, ref } from "vue";
|
|
2
2
|
import { classNames } from "./classNames.js";
|
|
3
3
|
export const Slider = defineComponent({
|
|
4
4
|
name: "Slider",
|
|
@@ -9,35 +9,85 @@ export const Slider = defineComponent({
|
|
|
9
9
|
defaultValue: { type: Number, default: undefined },
|
|
10
10
|
min: { type: Number, default: 0 },
|
|
11
11
|
max: { type: Number, default: 100 },
|
|
12
|
+
step: { type: Number, default: 1 },
|
|
12
13
|
modelValue: { type: Number, default: undefined },
|
|
14
|
+
helperText: { type: String, default: undefined },
|
|
15
|
+
errorText: { type: String, default: undefined },
|
|
16
|
+
invalid: { type: Boolean, default: false },
|
|
17
|
+
showValue: { type: Boolean, default: true },
|
|
18
|
+
valueFormatter: { type: Function, default: undefined },
|
|
13
19
|
class: { type: String, default: undefined },
|
|
14
20
|
},
|
|
15
21
|
emits: ["update:modelValue", "change"],
|
|
16
22
|
setup(props, { emit, attrs }) {
|
|
23
|
+
const seed = props.modelValue ?? props.value ?? props.defaultValue ?? props.min;
|
|
24
|
+
const internal = ref(Number.isFinite(Number(seed)) ? Number(seed) : props.min);
|
|
17
25
|
return () => {
|
|
18
|
-
const
|
|
26
|
+
const controlled = props.modelValue !== undefined || props.value !== undefined;
|
|
27
|
+
const raw = controlled ? (props.modelValue ?? props.value ?? props.min) : internal.value;
|
|
28
|
+
const min = props.min;
|
|
29
|
+
const max = props.max;
|
|
30
|
+
const safe = !Number.isFinite(Number(raw))
|
|
31
|
+
? min
|
|
32
|
+
: Number(raw) < min
|
|
33
|
+
? min
|
|
34
|
+
: Number(raw) > max
|
|
35
|
+
? max
|
|
36
|
+
: Number(raw);
|
|
37
|
+
const percent = max === min ? 0 : ((safe - min) / (max - min)) * 100;
|
|
38
|
+
const formatted = props.valueFormatter ? props.valueFormatter(safe) : String(safe);
|
|
39
|
+
const isInvalid = props.invalid || Boolean(props.errorText);
|
|
19
40
|
return h("div", {
|
|
20
|
-
|
|
41
|
+
...attrs,
|
|
42
|
+
class: classNames("st-field", props.class),
|
|
21
43
|
}, [
|
|
22
44
|
h("div", { class: "st-slider__header" }, [
|
|
23
|
-
props.label
|
|
24
|
-
|
|
45
|
+
props.label ? h("span", { class: "st-field__label" }, props.label) : null,
|
|
46
|
+
props.showValue
|
|
47
|
+
? h("output", { class: "st-slider__value", "aria-live": "polite" }, formatted)
|
|
25
48
|
: null,
|
|
26
|
-
h("span", { class: "st-slider__value" }, String(numeric)),
|
|
27
49
|
]),
|
|
28
|
-
h("
|
|
29
|
-
|
|
30
|
-
class: "st-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
50
|
+
h("span", { class: classNames("st-slider", `st-slider--${props.size}`) }, [
|
|
51
|
+
h("span", { class: "st-slider__bounds", "aria-hidden": "true" }, String(min)),
|
|
52
|
+
h("span", { class: "st-slider__track" }, [
|
|
53
|
+
h("span", {
|
|
54
|
+
class: "st-slider__fill",
|
|
55
|
+
style: `--st-slider-fill: ${percent}%`,
|
|
56
|
+
}),
|
|
57
|
+
h("span", {
|
|
58
|
+
class: "st-slider__thumb",
|
|
59
|
+
style: `left: ${percent}%`,
|
|
60
|
+
"aria-hidden": "true",
|
|
61
|
+
}, props.showValue
|
|
62
|
+
? h("span", { class: "st-slider__tooltip" }, formatted)
|
|
63
|
+
: undefined),
|
|
64
|
+
h("input", {
|
|
65
|
+
class: "st-slider__input",
|
|
66
|
+
type: "range",
|
|
67
|
+
"aria-label": props.label,
|
|
68
|
+
"aria-invalid": isInvalid ? "true" : undefined,
|
|
69
|
+
value: safe,
|
|
70
|
+
min: props.min,
|
|
71
|
+
max: props.max,
|
|
72
|
+
step: props.step,
|
|
73
|
+
onInput: (event) => {
|
|
74
|
+
const val = Number(event.target.value);
|
|
75
|
+
if (Number.isFinite(val)) {
|
|
76
|
+
if (!controlled)
|
|
77
|
+
internal.value = val;
|
|
78
|
+
emit("update:modelValue", val);
|
|
79
|
+
emit("change", val);
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
}),
|
|
83
|
+
]),
|
|
84
|
+
h("span", { class: "st-slider__bounds", "aria-hidden": "true" }, String(max)),
|
|
85
|
+
]),
|
|
86
|
+
props.errorText
|
|
87
|
+
? h("span", { class: "st-field__error" }, props.errorText)
|
|
88
|
+
: props.helperText
|
|
89
|
+
? h("span", { class: "st-field__help" }, props.helperText)
|
|
90
|
+
: null,
|
|
41
91
|
]);
|
|
42
92
|
};
|
|
43
93
|
},
|
package/dist/Slider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../src/Slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../src/Slider.ts"],"names":[],"mappings":"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"}
|
package/dist/Textarea.d.ts
CHANGED
|
@@ -106,8 +106,8 @@ export declare const Textarea: import("vue").DefineComponent<import("vue").Extra
|
|
|
106
106
|
placeholder: string;
|
|
107
107
|
helperText: undefined;
|
|
108
108
|
modelValue: string;
|
|
109
|
-
rows: number;
|
|
110
109
|
errorText: undefined;
|
|
110
|
+
rows: number;
|
|
111
111
|
readonly: boolean;
|
|
112
112
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
113
113
|
//# sourceMappingURL=Textarea.d.ts.map
|
package/dist/TreeView.d.ts
CHANGED
|
@@ -7,8 +7,12 @@ export type TreeNode = {
|
|
|
7
7
|
export type TreeViewProps = {
|
|
8
8
|
nodes: TreeNode[];
|
|
9
9
|
selectedId?: string;
|
|
10
|
+
/** Svelte-canonical alias of `selectedId`. */
|
|
11
|
+
selected?: string;
|
|
10
12
|
expandedIds?: string[];
|
|
11
13
|
defaultExpandedIds?: string[];
|
|
14
|
+
/** Svelte-canonical alias of `defaultExpandedIds`. */
|
|
15
|
+
defaultExpanded?: string[];
|
|
12
16
|
/** Accessible name for the tree (parity with the Svelte `label`). */
|
|
13
17
|
label?: string;
|
|
14
18
|
class?: string;
|
|
@@ -22,13 +26,21 @@ export declare const TreeView: import("vue").DefineComponent<import("vue").Extra
|
|
|
22
26
|
type: StringConstructor;
|
|
23
27
|
default: undefined;
|
|
24
28
|
};
|
|
29
|
+
selected: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
default: undefined;
|
|
32
|
+
};
|
|
25
33
|
expandedIds: {
|
|
26
34
|
type: () => string[];
|
|
27
35
|
default: undefined;
|
|
28
36
|
};
|
|
29
37
|
defaultExpandedIds: {
|
|
30
38
|
type: () => string[];
|
|
31
|
-
default:
|
|
39
|
+
default: undefined;
|
|
40
|
+
};
|
|
41
|
+
defaultExpanded: {
|
|
42
|
+
type: () => string[];
|
|
43
|
+
default: undefined;
|
|
32
44
|
};
|
|
33
45
|
label: {
|
|
34
46
|
type: StringConstructor;
|
|
@@ -49,13 +61,21 @@ export declare const TreeView: import("vue").DefineComponent<import("vue").Extra
|
|
|
49
61
|
type: StringConstructor;
|
|
50
62
|
default: undefined;
|
|
51
63
|
};
|
|
64
|
+
selected: {
|
|
65
|
+
type: StringConstructor;
|
|
66
|
+
default: undefined;
|
|
67
|
+
};
|
|
52
68
|
expandedIds: {
|
|
53
69
|
type: () => string[];
|
|
54
70
|
default: undefined;
|
|
55
71
|
};
|
|
56
72
|
defaultExpandedIds: {
|
|
57
73
|
type: () => string[];
|
|
58
|
-
default:
|
|
74
|
+
default: undefined;
|
|
75
|
+
};
|
|
76
|
+
defaultExpanded: {
|
|
77
|
+
type: () => string[];
|
|
78
|
+
default: undefined;
|
|
59
79
|
};
|
|
60
80
|
label: {
|
|
61
81
|
type: StringConstructor;
|
|
@@ -71,8 +91,10 @@ export declare const TreeView: import("vue").DefineComponent<import("vue").Extra
|
|
|
71
91
|
}>, {
|
|
72
92
|
class: string;
|
|
73
93
|
label: string;
|
|
94
|
+
selected: string;
|
|
74
95
|
selectedId: string;
|
|
75
96
|
expandedIds: string[];
|
|
76
97
|
defaultExpandedIds: string[];
|
|
98
|
+
defaultExpanded: string[];
|
|
77
99
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
78
100
|
//# sourceMappingURL=TreeView.d.ts.map
|
package/dist/TreeView.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../src/TreeView.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAwBF,eAAO,MAAM,QAAQ;;cAGO,MAAM,QAAQ,EAAE
|
|
1
|
+
{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../src/TreeView.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,sDAAsD;IACtD,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAwBF,eAAO,MAAM,QAAQ;;cAGO,MAAM,QAAQ,EAAE;;;;;;;;;;;;cAGV,MAAM,MAAM,EAAE;;;;cACP,MAAM,MAAM,EAAE;;;;cACjB,MAAM,MAAM,EAAE;;;;;;;;;;;;;;;cALxB,MAAM,QAAQ,EAAE;;;;;;;;;;;;cAGV,MAAM,MAAM,EAAE;;;;cACP,MAAM,MAAM,EAAE;;;;cACjB,MAAM,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;4EAqJlD,CAAC"}
|
package/dist/TreeView.js
CHANGED
|
@@ -19,8 +19,10 @@ export const TreeView = defineComponent({
|
|
|
19
19
|
props: {
|
|
20
20
|
nodes: { type: Array, required: true },
|
|
21
21
|
selectedId: { type: String, default: undefined },
|
|
22
|
+
selected: { type: String, default: undefined },
|
|
22
23
|
expandedIds: { type: Array, default: undefined },
|
|
23
|
-
defaultExpandedIds: { type: Array, default:
|
|
24
|
+
defaultExpandedIds: { type: Array, default: undefined },
|
|
25
|
+
defaultExpanded: { type: Array, default: undefined },
|
|
24
26
|
label: { type: String, default: "Arborescence" },
|
|
25
27
|
class: { type: String, default: undefined },
|
|
26
28
|
},
|
|
@@ -29,8 +31,8 @@ export const TreeView = defineComponent({
|
|
|
29
31
|
emits: ["select", "update:selectedId"],
|
|
30
32
|
setup(props, { attrs, emit }) {
|
|
31
33
|
// Expansion: controlled via `expandedIds`, else internal state seeded from
|
|
32
|
-
// `defaultExpandedIds`
|
|
33
|
-
const internalExpanded = ref(new Set(props.defaultExpandedIds ?? []));
|
|
34
|
+
// `defaultExpandedIds` / `defaultExpanded` (Svelte-canonical alias).
|
|
35
|
+
const internalExpanded = ref(new Set(props.defaultExpandedIds ?? props.defaultExpanded ?? []));
|
|
34
36
|
const focusedId = ref(undefined);
|
|
35
37
|
const rootRef = ref(null);
|
|
36
38
|
const instance = getCurrentInstance();
|
|
@@ -119,8 +121,9 @@ export const TreeView = defineComponent({
|
|
|
119
121
|
break;
|
|
120
122
|
}
|
|
121
123
|
};
|
|
124
|
+
const resolvedSelectedId = props.selectedId ?? props.selected;
|
|
122
125
|
const rows = visible.map((flat) => {
|
|
123
|
-
const isSelected = flat.node.id ===
|
|
126
|
+
const isSelected = flat.node.id === resolvedSelectedId;
|
|
124
127
|
return h("div", {
|
|
125
128
|
key: flat.node.id,
|
|
126
129
|
role: "treeitem",
|
|
@@ -139,7 +142,7 @@ export const TreeView = defineComponent({
|
|
|
139
142
|
h("span", {
|
|
140
143
|
class: classNames("st-treeView__caret", !flat.hasChildren && "st-treeView__caret--leaf", flat.expanded && "st-treeView__caret--open"),
|
|
141
144
|
"aria-hidden": "true",
|
|
142
|
-
}
|
|
145
|
+
}),
|
|
143
146
|
h("span", { class: "st-treeView__label" }, flat.node.label),
|
|
144
147
|
]);
|
|
145
148
|
});
|
package/dist/TreeView.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../src/TreeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../src/TreeView.ts"],"names":[],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -8265,10 +8265,20 @@
|
|
|
8265
8265
|
gap: var(--st-spacing-1, 0.25rem);
|
|
8266
8266
|
}
|
|
8267
8267
|
|
|
8268
|
-
.st-calendar__weekdays
|
|
8268
|
+
.st-calendar__weekdays {
|
|
8269
|
+
display: grid;
|
|
8270
|
+
gap: 2px;
|
|
8271
|
+
grid-template-columns: repeat(7, minmax(2rem, 1fr));
|
|
8272
|
+
}
|
|
8273
|
+
|
|
8269
8274
|
.st-calendar__days {
|
|
8270
8275
|
display: grid;
|
|
8271
8276
|
gap: 2px;
|
|
8277
|
+
}
|
|
8278
|
+
|
|
8279
|
+
.st-calendar__week {
|
|
8280
|
+
display: grid;
|
|
8281
|
+
gap: 2px;
|
|
8272
8282
|
grid-template-columns: repeat(7, minmax(2rem, 1fr));
|
|
8273
8283
|
}
|
|
8274
8284
|
|