@sentropic/design-system-vue 0.33.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/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/PasswordInput.d.ts.map +1 -1
- package/dist/PasswordInput.js +3 -3
- package/dist/PasswordInput.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/package.json +1 -1
package/dist/NumberInput.d.ts
CHANGED
|
@@ -12,6 +12,8 @@ export type NumberInputProps = {
|
|
|
12
12
|
min?: number | string;
|
|
13
13
|
max?: number | string;
|
|
14
14
|
step?: number | string;
|
|
15
|
+
incrementLabel?: string;
|
|
16
|
+
decrementLabel?: string;
|
|
15
17
|
class?: string;
|
|
16
18
|
};
|
|
17
19
|
export declare const NumberInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -59,6 +61,14 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
|
|
|
59
61
|
type: (StringConstructor | NumberConstructor)[];
|
|
60
62
|
default: undefined;
|
|
61
63
|
};
|
|
64
|
+
incrementLabel: {
|
|
65
|
+
type: StringConstructor;
|
|
66
|
+
default: string;
|
|
67
|
+
};
|
|
68
|
+
decrementLabel: {
|
|
69
|
+
type: StringConstructor;
|
|
70
|
+
default: string;
|
|
71
|
+
};
|
|
62
72
|
class: {
|
|
63
73
|
type: StringConstructor;
|
|
64
74
|
default: undefined;
|
|
@@ -110,6 +120,14 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
|
|
|
110
120
|
type: (StringConstructor | NumberConstructor)[];
|
|
111
121
|
default: undefined;
|
|
112
122
|
};
|
|
123
|
+
incrementLabel: {
|
|
124
|
+
type: StringConstructor;
|
|
125
|
+
default: string;
|
|
126
|
+
};
|
|
127
|
+
decrementLabel: {
|
|
128
|
+
type: StringConstructor;
|
|
129
|
+
default: string;
|
|
130
|
+
};
|
|
113
131
|
class: {
|
|
114
132
|
type: StringConstructor;
|
|
115
133
|
default: undefined;
|
|
@@ -131,5 +149,7 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
|
|
|
131
149
|
errorText: undefined;
|
|
132
150
|
readonly: boolean;
|
|
133
151
|
step: string | number;
|
|
152
|
+
incrementLabel: string;
|
|
153
|
+
decrementLabel: string;
|
|
134
154
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
135
155
|
//# sourceMappingURL=NumberInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../src/NumberInput.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,WAAW;;cAG0B,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,eAAe;;;;;;;;cAEC,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI
|
|
1
|
+
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../src/NumberInput.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,WAAW;;cAG0B,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,eAAe;;;;;;;;cAEC,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAL5B,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,eAAe;;;;;;;;cAEC,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAkI5E,CAAC"}
|
package/dist/NumberInput.js
CHANGED
|
@@ -18,41 +18,90 @@ export const NumberInput = defineComponent({
|
|
|
18
18
|
min: { type: [Number, String], default: undefined },
|
|
19
19
|
max: { type: [Number, String], default: undefined },
|
|
20
20
|
step: { type: [Number, String], default: undefined },
|
|
21
|
+
incrementLabel: { type: String, default: "Increment value" },
|
|
22
|
+
decrementLabel: { type: String, default: "Decrement value" },
|
|
21
23
|
class: { type: String, default: undefined },
|
|
22
24
|
},
|
|
23
25
|
emits: ["update:modelValue", "change", "input"],
|
|
24
26
|
setup(props, { emit, attrs }) {
|
|
25
27
|
const autoId = ref(nextId());
|
|
28
|
+
// Internal value, seeded from modelValue/value; used when the consumer does
|
|
29
|
+
// not control the field (the docs node specs pass an initial `value` only).
|
|
30
|
+
const seed = props.modelValue ?? props.value;
|
|
31
|
+
const internal = ref(seed !== undefined && seed !== null && seed !== "" ? Number(seed) : null);
|
|
26
32
|
return () => {
|
|
27
33
|
const inputId = autoId.value;
|
|
28
34
|
const isInvalid = Boolean(props.errorText);
|
|
35
|
+
const controlled = props.modelValue !== undefined;
|
|
36
|
+
const bound = props.modelValue ?? props.value;
|
|
37
|
+
const numValue = controlled
|
|
38
|
+
? bound === null || bound === undefined || bound === "" ? null : Number(bound)
|
|
39
|
+
: internal.value;
|
|
40
|
+
const numMin = props.min !== undefined && props.min !== "" ? Number(props.min) : undefined;
|
|
41
|
+
const numMax = props.max !== undefined && props.max !== "" ? Number(props.max) : undefined;
|
|
42
|
+
const numStep = props.step !== undefined && props.step !== "" ? Number(props.step) : 1;
|
|
43
|
+
const clamp = (n) => {
|
|
44
|
+
if (numMin !== undefined && n < numMin)
|
|
45
|
+
return numMin;
|
|
46
|
+
if (numMax !== undefined && n > numMax)
|
|
47
|
+
return numMax;
|
|
48
|
+
return n;
|
|
49
|
+
};
|
|
50
|
+
const isAtMin = numValue !== null && numMin !== undefined && numValue <= numMin;
|
|
51
|
+
const isAtMax = numValue !== null && numMax !== undefined && numValue >= numMax;
|
|
52
|
+
const setValue = (next) => {
|
|
53
|
+
if (!controlled)
|
|
54
|
+
internal.value = next;
|
|
55
|
+
emit("update:modelValue", next);
|
|
56
|
+
};
|
|
57
|
+
const increment = () => setValue(clamp((numValue ?? numMin ?? 0) + numStep));
|
|
58
|
+
const decrement = () => setValue(clamp((numValue ?? numMax ?? 0) - numStep));
|
|
29
59
|
return h("div", {
|
|
30
|
-
class: classNames("st-field",
|
|
60
|
+
class: classNames("st-field", props.class),
|
|
31
61
|
}, [
|
|
32
62
|
h("label", { class: "st-field__control", for: inputId }, [
|
|
33
63
|
props.label
|
|
34
64
|
? h("span", { class: "st-field__label" }, props.label)
|
|
35
65
|
: null,
|
|
36
|
-
h("
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
66
|
+
h("span", { class: classNames("st-numberInput", `st-numberInput--${props.size}`) }, [
|
|
67
|
+
h("input", {
|
|
68
|
+
...attrs,
|
|
69
|
+
id: inputId,
|
|
70
|
+
class: "st-numberInput__control",
|
|
71
|
+
type: "number",
|
|
72
|
+
"aria-invalid": isInvalid ? "true" : undefined,
|
|
73
|
+
value: numValue ?? "",
|
|
74
|
+
disabled: props.disabled,
|
|
75
|
+
readonly: props.readonly,
|
|
76
|
+
min: props.min,
|
|
77
|
+
max: props.max,
|
|
78
|
+
step: props.step,
|
|
79
|
+
onInput: (event) => {
|
|
80
|
+
const raw = event.target.value;
|
|
81
|
+
setValue(raw === "" ? null : Number.isFinite(Number(raw)) ? Number(raw) : numValue);
|
|
82
|
+
emit("input", event);
|
|
83
|
+
},
|
|
84
|
+
onChange: (event) => {
|
|
85
|
+
emit("change", event);
|
|
86
|
+
},
|
|
87
|
+
}),
|
|
88
|
+
h("span", { class: "st-numberInput__buttons" }, [
|
|
89
|
+
h("button", {
|
|
90
|
+
type: "button",
|
|
91
|
+
class: "st-numberInput__button",
|
|
92
|
+
"aria-label": props.decrementLabel,
|
|
93
|
+
disabled: props.disabled || isAtMin,
|
|
94
|
+
onClick: decrement,
|
|
95
|
+
}, h("span", { "aria-hidden": "true" }, "−")),
|
|
96
|
+
h("button", {
|
|
97
|
+
type: "button",
|
|
98
|
+
class: "st-numberInput__button",
|
|
99
|
+
"aria-label": props.incrementLabel,
|
|
100
|
+
disabled: props.disabled || isAtMax,
|
|
101
|
+
onClick: increment,
|
|
102
|
+
}, h("span", { "aria-hidden": "true" }, "+")),
|
|
103
|
+
]),
|
|
104
|
+
]),
|
|
56
105
|
]),
|
|
57
106
|
props.errorText
|
|
58
107
|
? h("span", { class: "st-field__error" }, props.errorText)
|
package/dist/NumberInput.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../src/NumberInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../src/NumberInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAsB7C,IAAI,QAAQ,GAAG,CAAC,CAAC;AACjB,SAAS,MAAM;IACb,OAAO,kBAAkB,EAAE,QAAQ,EAAE,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACtF,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACrF,IAAI,EAAE,EAAE,IAAI,EAAE,MAA+B,EAAE,OAAO,EAAE,IAAI,EAAE;QAC9D,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC1D,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA4C,EAAE,OAAO,EAAE,SAAS,EAAE;QAChG,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,GAAG,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE;QACnD,GAAG,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE;QACnD,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE;QACpD,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE;QAC5D,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE;QAC5D,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,mBAAmB,EAAE,QAAQ,EAAE,OAAO,CAAC;IAC/C,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QAC1B,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;QAC7B,4EAA4E;QAC5E,4EAA4E;QAC5E,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,KAAK,CAAC;QAC7C,MAAM,QAAQ,GAAG,GAAG,CAClB,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CACzE,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC;YAC7B,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAC3C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC;YAClD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,KAAK,CAAC;YAC9C,MAAM,QAAQ,GAAkB,UAAU;gBACxC,CAAC,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBAC9E,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YAEnB,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAC3F,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAC3F,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAEvF,MAAM,KAAK,GAAG,CAAC,CAAS,EAAU,EAAE;gBAClC,IAAI,MAAM,KAAK,SAAS,IAAI,CAAC,GAAG,MAAM;oBAAE,OAAO,MAAM,CAAC;gBACtD,IAAI,MAAM,KAAK,SAAS,IAAI,CAAC,GAAG,MAAM;oBAAE,OAAO,MAAM,CAAC;gBACtD,OAAO,CAAC,CAAC;YACX,CAAC,CAAC;YACF,MAAM,OAAO,GAAG,QAAQ,KAAK,IAAI,IAAI,MAAM,KAAK,SAAS,IAAI,QAAQ,IAAI,MAAM,CAAC;YAChF,MAAM,OAAO,GAAG,QAAQ,KAAK,IAAI,IAAI,MAAM,KAAK,SAAS,IAAI,QAAQ,IAAI,MAAM,CAAC;YAEhF,MAAM,QAAQ,GAAG,CAAC,IAAmB,EAAE,EAAE;gBACvC,IAAI,CAAC,UAAU;oBAAE,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;gBACvC,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;YAClC,CAAC,CAAC;YACF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,QAAQ,IAAI,MAAM,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;YAC7E,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,QAAQ,IAAI,MAAM,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;YAE7E,OAAO,CAAC,CACN,KAAK,EACL;gBACE,KAAK,EAAE,UAAU,CACf,UAAU,EACV,KAAK,CAAC,KAAK,CACZ;aACF,EACD;gBACE,CAAC,CACC,OAAO,EACP,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,OAAO,EAAE,EAC5C;oBACE,KAAK,CAAC,KAAK;wBACT,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,KAAe,CAAC;wBAChE,CAAC,CAAC,IAAI;oBACR,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,gBAAgB,EAAE,mBAAmB,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;wBAClF,CAAC,CAAC,OAAO,EAAE;4BACT,GAAG,KAAK;4BACR,EAAE,EAAE,OAAO;4BACX,KAAK,EAAE,yBAAyB;4BAChC,IAAI,EAAE,QAAQ;4BACd,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;4BAC9C,KAAK,EAAE,QAAQ,IAAI,EAAE;4BACrB,QAAQ,EAAE,KAAK,CAAC,QAAQ;4BACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;4BACxB,GAAG,EAAE,KAAK,CAAC,GAAG;4BACd,GAAG,EAAE,KAAK,CAAC,GAAG;4BACd,IAAI,EAAE,KAAK,CAAC,IAAI;4BAChB,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE;gCACxB,MAAM,GAAG,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;gCACrD,QAAQ,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;gCACpF,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;4BACvB,CAAC;4BACD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;gCACzB,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;4BACxB,CAAC;yBACF,CAAC;wBACF,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAE;4BAC9C,CAAC,CACC,QAAQ,EACR;gCACE,IAAI,EAAE,QAAQ;gCACd,KAAK,EAAE,wBAAwB;gCAC/B,YAAY,EAAE,KAAK,CAAC,cAAc;gCAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,OAAO;gCACnC,OAAO,EAAE,SAAS;6BACnB,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,GAAG,CAAC,CAC1C;4BACD,CAAC,CACC,QAAQ,EACR;gCACE,IAAI,EAAE,QAAQ;gCACd,KAAK,EAAE,wBAAwB;gCAC/B,YAAY,EAAE,KAAK,CAAC,cAAc;gCAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,OAAO;gCACnC,OAAO,EAAE,SAAS;6BACnB,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,GAAG,CAAC,CAC1C;yBACF,CAAC;qBACH,CAAC;iBACH,CACF;gBACD,KAAK,CAAC,SAAS;oBACb,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,KAAK,CAAC,SAAmB,CAC1B;oBACH,CAAC,CAAC,KAAK,CAAC,UAAU;wBAChB,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,KAAK,CAAC,UAAoB,CAC3B;wBACH,CAAC,CAAC,IAAI;aACX,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../src/PasswordInput.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,aAAa;;cAGwB,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;cAHD,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../src/PasswordInput.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,aAAa;;cAGwB,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;cAHD,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAqFjD,CAAC"}
|
package/dist/PasswordInput.js
CHANGED
|
@@ -25,17 +25,17 @@ export const PasswordInput = defineComponent({
|
|
|
25
25
|
const inputId = autoId.value;
|
|
26
26
|
const isInvalid = Boolean(props.errorText);
|
|
27
27
|
return h("div", {
|
|
28
|
-
class: classNames("st-field",
|
|
28
|
+
class: classNames("st-field", props.class),
|
|
29
29
|
}, [
|
|
30
30
|
h("label", { class: "st-field__control", for: inputId }, [
|
|
31
31
|
props.label
|
|
32
32
|
? h("span", { class: "st-field__label" }, props.label)
|
|
33
33
|
: null,
|
|
34
|
-
h("span", { class: "st-
|
|
34
|
+
h("span", { class: classNames("st-passwordInput", `st-passwordInput--${props.size}`) }, [
|
|
35
35
|
h("input", {
|
|
36
36
|
...attrs,
|
|
37
37
|
id: inputId,
|
|
38
|
-
class: "st-
|
|
38
|
+
class: "st-passwordInput__control",
|
|
39
39
|
type: shown.value ? "text" : "password",
|
|
40
40
|
"aria-invalid": isInvalid ? "true" : undefined,
|
|
41
41
|
value: props.modelValue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../src/PasswordInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAe7C,IAAI,QAAQ,GAAG,CAAC,CAAC;AACjB,SAAS,MAAM;IACb,OAAO,oBAAoB,EAAE,QAAQ,EAAE,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACtF,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACrF,IAAI,EAAE,EAAE,IAAI,EAAE,MAAiC,EAAE,OAAO,EAAE,IAAI,EAAE;QAChE,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAChD,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QACjD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,mBAAmB,EAAE,QAAQ,EAAE,OAAO,CAAC;IAC/C,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QAC1B,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;QAC7B,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;QAEzB,OAAO,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC;YAC7B,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAE3C,OAAO,CAAC,CACN,KAAK,EACL;gBACE,KAAK,EAAE,UAAU,CACf,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../src/PasswordInput.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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"}
|