@sentropic/design-system-vue 0.33.0 → 0.35.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/Accordion.d.ts +22 -0
- package/dist/Accordion.d.ts.map +1 -1
- package/dist/Accordion.js +13 -7
- package/dist/Accordion.js.map +1 -1
- package/dist/Avatar.d.ts +1 -1
- package/dist/AvatarGroup.d.ts +1 -1
- package/dist/Button.d.ts +1 -1
- package/dist/ButtonGroup.d.ts +1 -1
- package/dist/ChatComposer.d.ts.map +1 -1
- package/dist/ChatComposer.js +5 -1
- package/dist/ChatComposer.js.map +1 -1
- package/dist/ChatMessage.d.ts +22 -2
- package/dist/ChatMessage.d.ts.map +1 -1
- package/dist/ChatMessage.js +27 -12
- package/dist/ChatMessage.js.map +1 -1
- package/dist/ChatThread.d.ts.map +1 -1
- package/dist/ChatThread.js +3 -0
- package/dist/ChatThread.js.map +1 -1
- package/dist/Col.d.ts +3 -3
- package/dist/Combobox.d.ts +1 -1
- package/dist/Container.d.ts +1 -1
- package/dist/ContentSwitcher.d.ts +1 -1
- package/dist/CopyButton.d.ts +1 -1
- package/dist/DataTable.d.ts +1 -1
- package/dist/DatePicker.d.ts +1 -1
- package/dist/DonutChart.d.ts +1 -1
- package/dist/Flex.d.ts +1 -1
- package/dist/FormGroup.d.ts.map +1 -1
- package/dist/FormGroup.js +4 -2
- package/dist/FormGroup.js.map +1 -1
- package/dist/GaugeChart.d.ts +1 -1
- package/dist/IconButton.d.ts +1 -1
- package/dist/Inline.d.ts +1 -1
- package/dist/Input.d.ts +1 -1
- package/dist/KpiCard.d.ts +1 -1
- package/dist/MenuTriggerButton.d.ts +22 -0
- package/dist/MenuTriggerButton.d.ts.map +1 -1
- package/dist/MenuTriggerButton.js +4 -1
- package/dist/MenuTriggerButton.js.map +1 -1
- package/dist/MessageActions.d.ts.map +1 -1
- package/dist/MessageActions.js +11 -9
- package/dist/MessageActions.js.map +1 -1
- package/dist/MultiSelect.d.ts +112 -1
- package/dist/MultiSelect.d.ts.map +1 -1
- package/dist/MultiSelect.js +121 -62
- package/dist/MultiSelect.js.map +1 -1
- package/dist/NumberInput.d.ts +21 -1
- 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 +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/ProgressBar.d.ts +31 -1
- package/dist/ProgressBar.d.ts.map +1 -1
- package/dist/ProgressBar.js +32 -23
- package/dist/ProgressBar.js.map +1 -1
- package/dist/RangeSlider.d.ts +2 -2
- package/dist/Rating.d.ts +1 -1
- package/dist/Rating.d.ts.map +1 -1
- package/dist/Row.d.ts +1 -1
- package/dist/Search.d.ts +1 -1
- package/dist/Select.d.ts +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/SlideIndicator.d.ts +1 -1
- package/dist/SlideIndicator.d.ts.map +1 -1
- package/dist/Slider.d.ts +61 -1
- package/dist/Slider.d.ts.map +1 -1
- package/dist/Slider.js +69 -19
- package/dist/Slider.js.map +1 -1
- package/dist/Stack.d.ts +1 -1
- package/dist/Tag.d.ts +1 -1
- package/dist/TimePicker.d.ts +1 -1
- package/dist/TimePicker.d.ts.map +1 -1
- package/dist/Toggle.d.ts +21 -1
- package/dist/Toggle.d.ts.map +1 -1
- package/dist/Toggle.js +33 -27
- package/dist/Toggle.js.map +1 -1
- package/dist/Typography.d.ts +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;
|
|
@@ -119,10 +137,10 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
|
|
|
119
137
|
onInput?: ((...args: any[]) => any) | undefined;
|
|
120
138
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
121
139
|
}>, {
|
|
140
|
+
size: NumberInputSize;
|
|
122
141
|
class: string;
|
|
123
142
|
label: undefined;
|
|
124
143
|
disabled: boolean;
|
|
125
|
-
size: NumberInputSize;
|
|
126
144
|
max: string | number;
|
|
127
145
|
min: string | number;
|
|
128
146
|
value: string | number | null;
|
|
@@ -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":"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"}
|
package/dist/PasswordInput.d.ts
CHANGED
|
@@ -82,10 +82,10 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
|
|
|
82
82
|
onInput?: ((...args: any[]) => any) | undefined;
|
|
83
83
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
84
84
|
}>, {
|
|
85
|
+
size: PasswordInputSize;
|
|
85
86
|
class: string;
|
|
86
87
|
label: undefined;
|
|
87
88
|
disabled: boolean;
|
|
88
|
-
size: PasswordInputSize;
|
|
89
89
|
placeholder: string;
|
|
90
90
|
helperText: undefined;
|
|
91
91
|
modelValue: string;
|
|
@@ -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/ProgressBar.d.ts
CHANGED
|
@@ -2,11 +2,14 @@ export type ProgressBarTone = "neutral" | "info" | "success" | "warning" | "erro
|
|
|
2
2
|
export type ProgressBarSize = "sm" | "md" | "lg";
|
|
3
3
|
export type ProgressBarProps = {
|
|
4
4
|
label?: unknown;
|
|
5
|
+
helperText?: string;
|
|
5
6
|
value?: number;
|
|
6
7
|
max?: number;
|
|
7
8
|
tone?: ProgressBarTone;
|
|
8
9
|
size?: ProgressBarSize;
|
|
9
10
|
indeterminate?: boolean;
|
|
11
|
+
showValue?: boolean;
|
|
12
|
+
valueText?: string;
|
|
10
13
|
class?: string;
|
|
11
14
|
};
|
|
12
15
|
export declare const ProgressBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -14,6 +17,10 @@ export declare const ProgressBar: import("vue").DefineComponent<import("vue").Ex
|
|
|
14
17
|
type: () => unknown;
|
|
15
18
|
default: undefined;
|
|
16
19
|
};
|
|
20
|
+
helperText: {
|
|
21
|
+
type: StringConstructor;
|
|
22
|
+
default: undefined;
|
|
23
|
+
};
|
|
17
24
|
value: {
|
|
18
25
|
type: NumberConstructor;
|
|
19
26
|
default: number;
|
|
@@ -34,6 +41,14 @@ export declare const ProgressBar: import("vue").DefineComponent<import("vue").Ex
|
|
|
34
41
|
type: BooleanConstructor;
|
|
35
42
|
default: boolean;
|
|
36
43
|
};
|
|
44
|
+
showValue: {
|
|
45
|
+
type: BooleanConstructor;
|
|
46
|
+
default: boolean;
|
|
47
|
+
};
|
|
48
|
+
valueText: {
|
|
49
|
+
type: StringConstructor;
|
|
50
|
+
default: undefined;
|
|
51
|
+
};
|
|
37
52
|
class: {
|
|
38
53
|
type: StringConstructor;
|
|
39
54
|
default: undefined;
|
|
@@ -45,6 +60,10 @@ export declare const ProgressBar: import("vue").DefineComponent<import("vue").Ex
|
|
|
45
60
|
type: () => unknown;
|
|
46
61
|
default: undefined;
|
|
47
62
|
};
|
|
63
|
+
helperText: {
|
|
64
|
+
type: StringConstructor;
|
|
65
|
+
default: undefined;
|
|
66
|
+
};
|
|
48
67
|
value: {
|
|
49
68
|
type: NumberConstructor;
|
|
50
69
|
default: number;
|
|
@@ -65,17 +84,28 @@ export declare const ProgressBar: import("vue").DefineComponent<import("vue").Ex
|
|
|
65
84
|
type: BooleanConstructor;
|
|
66
85
|
default: boolean;
|
|
67
86
|
};
|
|
87
|
+
showValue: {
|
|
88
|
+
type: BooleanConstructor;
|
|
89
|
+
default: boolean;
|
|
90
|
+
};
|
|
91
|
+
valueText: {
|
|
92
|
+
type: StringConstructor;
|
|
93
|
+
default: undefined;
|
|
94
|
+
};
|
|
68
95
|
class: {
|
|
69
96
|
type: StringConstructor;
|
|
70
97
|
default: undefined;
|
|
71
98
|
};
|
|
72
99
|
}>> & Readonly<{}>, {
|
|
100
|
+
size: ProgressBarSize;
|
|
73
101
|
class: string;
|
|
74
102
|
label: undefined;
|
|
75
|
-
size: ProgressBarSize;
|
|
76
103
|
max: number;
|
|
77
104
|
tone: ProgressBarTone;
|
|
78
105
|
value: number;
|
|
106
|
+
helperText: string;
|
|
79
107
|
indeterminate: boolean;
|
|
108
|
+
showValue: boolean;
|
|
109
|
+
valueText: string;
|
|
80
110
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
81
111
|
//# sourceMappingURL=ProgressBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../src/ProgressBar.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AACZ,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../src/ProgressBar.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AACZ,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,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW;;cAG0B,MAAM,OAAO;;;;;;;;;;;;;;;;cAKzC,MAAM,eAAe;;;;cAIrB,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;cATO,MAAM,OAAO;;;;;;;;;;;;;;;;cAKzC,MAAM,eAAe;;;;cAIrB,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA6EzC,CAAC"}
|
package/dist/ProgressBar.js
CHANGED
|
@@ -1,17 +1,10 @@
|
|
|
1
1
|
import { defineComponent, h } from "vue";
|
|
2
2
|
import { classNames } from "./classNames.js";
|
|
3
|
-
function clamp(value, min, max) {
|
|
4
|
-
return Math.min(max, Math.max(min, value));
|
|
5
|
-
}
|
|
6
|
-
function pct(value, min = 0, max = 100) {
|
|
7
|
-
if (max <= min)
|
|
8
|
-
return 0;
|
|
9
|
-
return clamp(((value - min) / (max - min)) * 100, 0, 100);
|
|
10
|
-
}
|
|
11
3
|
export const ProgressBar = defineComponent({
|
|
12
4
|
name: "ProgressBar",
|
|
13
5
|
props: {
|
|
14
6
|
label: { type: [String, Object], default: undefined },
|
|
7
|
+
helperText: { type: String, default: undefined },
|
|
15
8
|
value: { type: Number, default: 0 },
|
|
16
9
|
max: { type: Number, default: 100 },
|
|
17
10
|
tone: {
|
|
@@ -23,38 +16,54 @@ export const ProgressBar = defineComponent({
|
|
|
23
16
|
default: "md",
|
|
24
17
|
},
|
|
25
18
|
indeterminate: { type: Boolean, default: false },
|
|
19
|
+
showValue: { type: Boolean, default: false },
|
|
20
|
+
valueText: { type: String, default: undefined },
|
|
26
21
|
class: { type: String, default: undefined },
|
|
27
22
|
},
|
|
28
23
|
setup(props, { attrs }) {
|
|
29
24
|
return () => {
|
|
30
|
-
const
|
|
25
|
+
const max = props.max ?? 100;
|
|
26
|
+
const value = props.value ?? 0;
|
|
27
|
+
const clamped = max <= 0 ? 0 : Math.min(Math.max(value, 0), max);
|
|
28
|
+
const percent = props.indeterminate ? 0 : (clamped / max) * 100;
|
|
29
|
+
const displayValue = props.valueText
|
|
30
|
+
? props.valueText
|
|
31
|
+
: props.indeterminate
|
|
32
|
+
? ""
|
|
33
|
+
: `${Math.round(percent)}%`;
|
|
34
|
+
const showValueSpan = props.showValue && !props.indeterminate;
|
|
31
35
|
return h("div", {
|
|
32
36
|
...attrs,
|
|
33
37
|
class: classNames("st-progressBar", props.class),
|
|
34
38
|
}, [
|
|
35
|
-
props.label
|
|
36
|
-
? h("div", { class: "st-
|
|
39
|
+
props.label || showValueSpan
|
|
40
|
+
? h("div", { class: "st-progressBar__header" }, [
|
|
41
|
+
props.label
|
|
42
|
+
? h("span", { class: "st-progressBar__label" }, props.label)
|
|
43
|
+
: null,
|
|
44
|
+
showValueSpan
|
|
45
|
+
? h("span", { class: "st-progressBar__value", "aria-hidden": "true" }, displayValue)
|
|
46
|
+
: null,
|
|
47
|
+
])
|
|
37
48
|
: null,
|
|
38
49
|
h("div", {
|
|
39
|
-
class: classNames("st-progressBar__track", `st-progressBar__track--${props.
|
|
50
|
+
class: classNames("st-progressBar__track", `st-progressBar__track--${props.size}`, `st-progressBar__track--${props.tone}`, props.indeterminate &&
|
|
40
51
|
"st-progressBar__track--indeterminate"),
|
|
41
52
|
role: "progressbar",
|
|
42
|
-
"aria-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
"aria-
|
|
46
|
-
"aria-
|
|
53
|
+
"aria-valuemin": props.indeterminate ? undefined : 0,
|
|
54
|
+
"aria-valuemax": props.indeterminate ? undefined : max,
|
|
55
|
+
"aria-valuenow": props.indeterminate ? undefined : clamped,
|
|
56
|
+
"aria-valuetext": props.indeterminate ? undefined : displayValue,
|
|
57
|
+
"aria-label": typeof props.label === "string" ? props.label : undefined,
|
|
47
58
|
}, [
|
|
48
59
|
h("div", {
|
|
49
60
|
class: "st-progressBar__fill",
|
|
50
|
-
style: {
|
|
51
|
-
width: props.indeterminate
|
|
52
|
-
? undefined
|
|
53
|
-
: `${percent}%`,
|
|
54
|
-
},
|
|
61
|
+
style: { "--st-progressBar-pct": `${percent}%` },
|
|
55
62
|
}),
|
|
56
63
|
]),
|
|
57
|
-
|
|
64
|
+
props.helperText
|
|
65
|
+
? h("span", { class: "st-progressBar__help" }, props.helperText)
|
|
66
|
+
: null,
|
|
58
67
|
]);
|
|
59
68
|
};
|
|
60
69
|
},
|
package/dist/ProgressBar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.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":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.ts"],"names":[],"mappings":"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"}
|
package/dist/RangeSlider.d.ts
CHANGED
|
@@ -166,11 +166,11 @@ export declare const RangeSlider: import("vue").DefineComponent<import("vue").Ex
|
|
|
166
166
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
167
167
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
168
168
|
}>, {
|
|
169
|
+
size: RangeSliderSize;
|
|
169
170
|
class: string;
|
|
170
171
|
label: string;
|
|
171
172
|
invalid: boolean;
|
|
172
173
|
disabled: boolean;
|
|
173
|
-
size: RangeSliderSize;
|
|
174
174
|
max: number;
|
|
175
175
|
min: number;
|
|
176
176
|
value: [number, number];
|
|
@@ -178,8 +178,8 @@ export declare const RangeSlider: import("vue").DefineComponent<import("vue").Ex
|
|
|
178
178
|
modelValue: [number, number];
|
|
179
179
|
errorText: string;
|
|
180
180
|
step: number;
|
|
181
|
-
defaultValue: [number, number];
|
|
182
181
|
showValue: boolean;
|
|
182
|
+
defaultValue: [number, number];
|
|
183
183
|
valueFormatter: (value: number) => string;
|
|
184
184
|
ariaLabelMin: string;
|
|
185
185
|
ariaLabelMax: string;
|
package/dist/Rating.d.ts
CHANGED
|
@@ -97,11 +97,11 @@ export declare const Rating: import("vue").DefineComponent<import("vue").Extract
|
|
|
97
97
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
98
98
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
99
99
|
}>, {
|
|
100
|
+
size: RatingSize;
|
|
100
101
|
class: string;
|
|
101
102
|
name: string;
|
|
102
103
|
onChange: (value: number) => void;
|
|
103
104
|
label: string;
|
|
104
|
-
size: RatingSize;
|
|
105
105
|
max: number;
|
|
106
106
|
value: number;
|
|
107
107
|
readonly: boolean;
|
package/dist/Rating.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../src/Rating.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAK5C,MAAM,MAAM,WAAW,GAAG;IACxB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAiDF,eAAO,MAAM,MAAM;;;;;;;;;;cAMgB,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;cAKpC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;cALT,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;cAKpC,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../src/Rating.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAK5C,MAAM,MAAM,WAAW,GAAG;IACxB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAiDF,eAAO,MAAM,MAAM;;;;;;;;;;cAMgB,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;cAKpC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;cALT,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;cAKpC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;sBALK,MAAM,KAAK,IAAI;;;;;;4EAoP9D,CAAC"}
|
package/dist/Row.d.ts
CHANGED
|
@@ -61,11 +61,11 @@ export declare const Row: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
61
61
|
default: undefined;
|
|
62
62
|
};
|
|
63
63
|
}>> & Readonly<{}>, {
|
|
64
|
+
align: FlexAlign;
|
|
64
65
|
class: string;
|
|
65
66
|
wrap: boolean;
|
|
66
67
|
justify: FlexJustify;
|
|
67
68
|
as: string;
|
|
68
|
-
align: FlexAlign;
|
|
69
69
|
gutter: number;
|
|
70
70
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
71
71
|
//# sourceMappingURL=Row.d.ts.map
|
package/dist/Search.d.ts
CHANGED
|
@@ -93,11 +93,11 @@ export declare const Search: import("vue").DefineComponent<import("vue").Extract
|
|
|
93
93
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
94
94
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
95
95
|
}>, {
|
|
96
|
+
size: SearchSize;
|
|
96
97
|
class: string;
|
|
97
98
|
label: undefined;
|
|
98
99
|
id: string;
|
|
99
100
|
disabled: boolean;
|
|
100
|
-
size: SearchSize;
|
|
101
101
|
value: string;
|
|
102
102
|
placeholder: string;
|
|
103
103
|
modelValue: string;
|
package/dist/Select.d.ts
CHANGED
|
@@ -95,11 +95,11 @@ export declare const Select: import("vue").DefineComponent<import("vue").Extract
|
|
|
95
95
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
96
96
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
97
97
|
}>, {
|
|
98
|
+
size: SelectSize;
|
|
98
99
|
class: string;
|
|
99
100
|
label: undefined;
|
|
100
101
|
invalid: boolean;
|
|
101
102
|
disabled: boolean;
|
|
102
|
-
size: SelectSize;
|
|
103
103
|
helperText: undefined;
|
|
104
104
|
modelValue: string;
|
|
105
105
|
options: SelectOption[];
|
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"}
|