@sentropic/design-system-vue 0.34.0 → 0.36.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/InlineLoading.d.ts +3 -3
- package/dist/InlineLoading.d.ts.map +1 -1
- package/dist/InlineLoading.js +36 -18
- package/dist/InlineLoading.js.map +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 +1 -1
- package/dist/PasswordInput.d.ts +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/SlideIndicator.d.ts +1 -1
- package/dist/SlideIndicator.d.ts.map +1 -1
- package/dist/Slider.d.ts +2 -2
- package/dist/Stack.d.ts +1 -1
- package/dist/Tag.d.ts +1 -1
- package/dist/Tile.d.ts +16 -2
- package/dist/Tile.d.ts.map +1 -1
- package/dist/Tile.js +41 -15
- package/dist/Tile.js.map +1 -1
- package/dist/TileGroup.d.ts +4 -1
- package/dist/TileGroup.d.ts.map +1 -1
- package/dist/TileGroup.js +1 -1
- package/dist/TileGroup.js.map +1 -1
- package/dist/TimePicker.d.ts +1 -1
- package/dist/TimePicker.d.ts.map +1 -1
- package/dist/Toast.d.ts.map +1 -1
- package/dist/Toast.js +26 -10
- package/dist/Toast.js.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/Stack.d.ts
CHANGED
|
@@ -52,10 +52,10 @@ export declare const Stack: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
52
52
|
default: undefined;
|
|
53
53
|
};
|
|
54
54
|
}>> & Readonly<{}>, {
|
|
55
|
+
align: FlexAlign;
|
|
55
56
|
class: string;
|
|
56
57
|
justify: FlexJustify;
|
|
57
58
|
gap: number;
|
|
58
59
|
as: string;
|
|
59
|
-
align: FlexAlign;
|
|
60
60
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
61
61
|
//# sourceMappingURL=Stack.d.ts.map
|
package/dist/Tag.d.ts
CHANGED
|
@@ -73,9 +73,9 @@ export declare const Tag: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
73
73
|
}>> & Readonly<{
|
|
74
74
|
onDismiss?: ((...args: any[]) => any) | undefined;
|
|
75
75
|
}>, {
|
|
76
|
+
size: TagSize;
|
|
76
77
|
class: string;
|
|
77
78
|
disabled: boolean;
|
|
78
|
-
size: TagSize;
|
|
79
79
|
tone: TagTone;
|
|
80
80
|
dismissible: boolean;
|
|
81
81
|
dismissLabel: string;
|
package/dist/Tile.d.ts
CHANGED
|
@@ -3,6 +3,9 @@ export type TileProps = {
|
|
|
3
3
|
title?: unknown;
|
|
4
4
|
description?: unknown;
|
|
5
5
|
variant?: TileVariant;
|
|
6
|
+
/** Pour `clickable` : si fourni, rend un `<a>`, sinon un `<button>`. */
|
|
7
|
+
href?: string;
|
|
8
|
+
/** Pour `selectable` : état coché. */
|
|
6
9
|
selected?: boolean;
|
|
7
10
|
disabled?: boolean;
|
|
8
11
|
class?: string;
|
|
@@ -20,6 +23,10 @@ export declare const Tile: import("vue").DefineComponent<import("vue").ExtractPr
|
|
|
20
23
|
type: () => TileVariant;
|
|
21
24
|
default: string;
|
|
22
25
|
};
|
|
26
|
+
href: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
default: undefined;
|
|
29
|
+
};
|
|
23
30
|
selected: {
|
|
24
31
|
type: BooleanConstructor;
|
|
25
32
|
default: boolean;
|
|
@@ -34,7 +41,7 @@ export declare const Tile: import("vue").DefineComponent<import("vue").ExtractPr
|
|
|
34
41
|
};
|
|
35
42
|
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
36
43
|
[key: string]: any;
|
|
37
|
-
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
44
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "select"[], "select", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
38
45
|
title: {
|
|
39
46
|
type: () => unknown;
|
|
40
47
|
default: undefined;
|
|
@@ -47,6 +54,10 @@ export declare const Tile: import("vue").DefineComponent<import("vue").ExtractPr
|
|
|
47
54
|
type: () => TileVariant;
|
|
48
55
|
default: string;
|
|
49
56
|
};
|
|
57
|
+
href: {
|
|
58
|
+
type: StringConstructor;
|
|
59
|
+
default: undefined;
|
|
60
|
+
};
|
|
50
61
|
selected: {
|
|
51
62
|
type: BooleanConstructor;
|
|
52
63
|
default: boolean;
|
|
@@ -59,10 +70,13 @@ export declare const Tile: import("vue").DefineComponent<import("vue").ExtractPr
|
|
|
59
70
|
type: StringConstructor;
|
|
60
71
|
default: undefined;
|
|
61
72
|
};
|
|
62
|
-
}>> & Readonly<{
|
|
73
|
+
}>> & Readonly<{
|
|
74
|
+
onSelect?: ((...args: any[]) => any) | undefined;
|
|
75
|
+
}>, {
|
|
63
76
|
class: string;
|
|
64
77
|
title: undefined;
|
|
65
78
|
disabled: boolean;
|
|
79
|
+
href: string;
|
|
66
80
|
variant: TileVariant;
|
|
67
81
|
description: undefined;
|
|
68
82
|
selected: boolean;
|
package/dist/Tile.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../src/Tile.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,CAAC;AAEhE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,IAAI;;cAGiC,MAAM,OAAO;;;;cACP,MAAM,OAAO;;;;cACtC,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../src/Tile.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,CAAC;AAEhE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,IAAI;;cAGiC,MAAM,OAAO;;;;cACP,MAAM,OAAO;;;;cACtC,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;cAFE,MAAM,OAAO;;;;cACP,MAAM,OAAO;;;;cACtC,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgE9C,CAAC"}
|
package/dist/Tile.js
CHANGED
|
@@ -6,25 +6,51 @@ export const Tile = defineComponent({
|
|
|
6
6
|
title: { type: [String, Object], default: undefined },
|
|
7
7
|
description: { type: [String, Object], default: undefined },
|
|
8
8
|
variant: { type: String, default: "static" },
|
|
9
|
+
href: { type: String, default: undefined },
|
|
9
10
|
selected: { type: Boolean, default: false },
|
|
10
11
|
disabled: { type: Boolean, default: false },
|
|
11
12
|
class: { type: String, default: undefined },
|
|
12
13
|
},
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
14
|
+
emits: ["select"],
|
|
15
|
+
setup(props, { slots, attrs, emit }) {
|
|
16
|
+
return () => {
|
|
17
|
+
const tileClass = classNames("st-tile", `st-tile--${props.variant}`, props.variant === "selectable" && props.selected && "st-tile--selected", props.disabled && "st-tile--disabled", props.class);
|
|
18
|
+
const bodyChildren = slots.default
|
|
19
|
+
? [slots.default()]
|
|
20
|
+
: [
|
|
21
|
+
props.title
|
|
22
|
+
? h("span", { class: "st-tile__title" }, props.title)
|
|
23
|
+
: null,
|
|
24
|
+
props.description
|
|
25
|
+
? h("span", { class: "st-tile__description" }, props.description)
|
|
26
|
+
: null,
|
|
27
|
+
];
|
|
28
|
+
const body = h("span", { class: "st-tile__content" }, bodyChildren);
|
|
29
|
+
if (props.variant === "clickable" && props.href) {
|
|
30
|
+
return h("a", {
|
|
31
|
+
...attrs,
|
|
32
|
+
class: tileClass,
|
|
33
|
+
href: props.href,
|
|
34
|
+
"aria-disabled": props.disabled ? "true" : undefined,
|
|
35
|
+
}, [body]);
|
|
36
|
+
}
|
|
37
|
+
if (props.variant === "clickable") {
|
|
38
|
+
return h("button", { ...attrs, type: "button", class: tileClass, disabled: props.disabled }, [body]);
|
|
39
|
+
}
|
|
40
|
+
if (props.variant === "selectable") {
|
|
41
|
+
return h("label", { class: tileClass }, [
|
|
42
|
+
h("input", {
|
|
43
|
+
type: "checkbox",
|
|
44
|
+
class: "st-tile__input",
|
|
45
|
+
checked: props.selected,
|
|
46
|
+
disabled: props.disabled,
|
|
47
|
+
onChange: (event) => emit("select", event.target.checked),
|
|
48
|
+
}),
|
|
49
|
+
body,
|
|
50
|
+
]);
|
|
51
|
+
}
|
|
52
|
+
return h("div", { ...attrs, class: tileClass }, [body]);
|
|
53
|
+
};
|
|
28
54
|
},
|
|
29
55
|
});
|
|
30
56
|
//# sourceMappingURL=Tile.js.map
|
package/dist/Tile.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../src/Tile.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":"Tile.js","sourceRoot":"","sources":["../src/Tile.ts"],"names":[],"mappings":"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"}
|
package/dist/TileGroup.d.ts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
export interface TileGroupItem {
|
|
2
2
|
value: string;
|
|
3
|
-
|
|
3
|
+
/** Libellé du tile (canonique Svelte). */
|
|
4
|
+
label?: unknown;
|
|
5
|
+
/** @deprecated Alias de `label` (compat). Utilisez `label`. */
|
|
6
|
+
title?: unknown;
|
|
4
7
|
description?: unknown;
|
|
5
8
|
disabled?: boolean;
|
|
6
9
|
}
|
package/dist/TileGroup.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileGroup.d.ts","sourceRoot":"","sources":["../src/TileGroup.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TileGroup.d.ts","sourceRoot":"","sources":["../src/TileGroup.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS;;cAG6B,MAAM,OAAO;;;;cACpC,MAAM,aAAa,EAAE;;;;;;;;;;;;;;;;;;;cADE,MAAM,OAAO;;;;cACpC,MAAM,aAAa,EAAE;;;;;;;;;;;;;;;;;;;;;;;4EA8E/C,CAAC"}
|
package/dist/TileGroup.js
CHANGED
|
@@ -36,7 +36,7 @@ export const TileGroup = defineComponent({
|
|
|
36
36
|
},
|
|
37
37
|
}),
|
|
38
38
|
h("span", { class: "st-tileGroup__content" }, [
|
|
39
|
-
h("span", { class: "st-tileGroup__label" }, item.title),
|
|
39
|
+
h("span", { class: "st-tileGroup__label" }, (item.label ?? item.title)),
|
|
40
40
|
item.description
|
|
41
41
|
? h("span", { class: "st-tileGroup__description" }, item.description)
|
|
42
42
|
: null,
|
package/dist/TileGroup.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileGroup.js","sourceRoot":"","sources":["../src/TileGroup.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":"TileGroup.js","sourceRoot":"","sources":["../src/TileGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAoB7C,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE;QACL,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QAClF,KAAK,EAAE,EAAE,IAAI,EAAE,KAA8B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC/D,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC;IACtC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QAC1B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,UAAU,EACV;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CACf,cAAc,EACd,KAAK,CAAC,QAAQ,IAAI,wBAAwB,EAC1C,KAAK,CAAC,KAAK,CACZ;SACF,EACD;YACE,KAAK,CAAC,MAAM;gBACV,CAAC,CAAC,CAAC,CACC,QAAQ,EACR,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACjC,KAAK,CAAC,MAAgB,CACvB;gBACH,CAAC,CAAC,IAAI;YACR,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvB,CAAC,CACC,OAAO,EACP;gBACE,GAAG,EAAE,IAAI,CAAC,KAAK;gBACf,KAAK,EAAE,UAAU,CACf,oBAAoB,EACpB,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK;oBACxB,6BAA6B,EAC/B,IAAI,CAAC,QAAQ,IAAI,8BAA8B,CAChD;aACF,EACD;gBACE,CAAC,CAAC,OAAO,EAAE;oBACT,KAAK,EAAE,qBAAqB;oBAC5B,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK;oBACnC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;oBACzC,QAAQ,EAAE,IAAI;oBACd,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;wBACzB,IAAI,CACF,mBAAmB,EAClB,KAAK,CAAC,MAA2B,CAAC,KAAK,CACzC,CAAC;wBACF,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;oBACxB,CAAC;iBACF,CAAC;gBACF,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE;oBAC5C,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAW,CACrC;oBACD,IAAI,CAAC,WAAW;wBACd,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,2BAA2B,EAAE,EACtC,IAAI,CAAC,WAAqB,CAC3B;wBACH,CAAC,CAAC,IAAI;iBACT,CAAC;aACH,CACF,CACF,CACF;SACF,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
|
package/dist/TimePicker.d.ts
CHANGED
|
@@ -115,12 +115,12 @@ export declare const TimePicker: import("vue").DefineComponent<import("vue").Ext
|
|
|
115
115
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
116
116
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
117
117
|
}>, {
|
|
118
|
+
size: TimePickerSize;
|
|
118
119
|
class: string;
|
|
119
120
|
onChange: (value: string) => void;
|
|
120
121
|
label: string;
|
|
121
122
|
id: string;
|
|
122
123
|
disabled: boolean;
|
|
123
|
-
size: TimePickerSize;
|
|
124
124
|
max: string;
|
|
125
125
|
min: string;
|
|
126
126
|
format: TimePickerFormat;
|
package/dist/TimePicker.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../src/TimePicker.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAIhD,MAAM,MAAM,eAAe,GAAG;IAC5B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AA2BF,eAAO,MAAM,UAAU;;;;;;cAKY,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;;;;;cAMlC,MAAM,gBAAgB;;;;cACxB,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;cAPb,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;;;;;cAMlC,MAAM,gBAAgB;;;;cACxB,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../src/TimePicker.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAIhD,MAAM,MAAM,eAAe,GAAG;IAC5B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AA2BF,eAAO,MAAM,UAAU;;;;;;cAKY,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;;;;;cAMlC,MAAM,gBAAgB;;;;cACxB,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;cAPb,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;;;;;cAMlC,MAAM,gBAAgB;;;;cACxB,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;sBAPC,MAAM,KAAK,IAAI;;;;;;;;;4EAoS9D,CAAC"}
|
package/dist/Toast.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK;;cAGU,MAAM,SAAS;;;;cACO,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;cACrC,MAAM,SAAS,EAAE;;;;;;;;;;;;;;;;;;;cAHjB,MAAM,SAAS;;;;cACO,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;cACrC,MAAM,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK;;cAGU,MAAM,SAAS;;;;cACO,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;cACrC,MAAM,SAAS,EAAE;;;;;;;;;;;;;;;;;;;cAHjB,MAAM,SAAS;;;;cACO,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;cACrC,MAAM,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;4EAiH3C,CAAC"}
|
package/dist/Toast.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, h, onMounted, onUnmounted } from "vue";
|
|
1
|
+
import { defineComponent, getCurrentInstance, h, onMounted, onUnmounted } from "vue";
|
|
2
2
|
import { classNames } from "./classNames.js";
|
|
3
3
|
export const Toast = defineComponent({
|
|
4
4
|
name: "Toast",
|
|
@@ -13,6 +13,18 @@ export const Toast = defineComponent({
|
|
|
13
13
|
},
|
|
14
14
|
emits: ["close", "dismiss"],
|
|
15
15
|
setup(props, { emit, slots, attrs }) {
|
|
16
|
+
const instance = getCurrentInstance();
|
|
17
|
+
// Canon Svelte/React : pas de bouton de fermeture sauf si un gestionnaire
|
|
18
|
+
// est branché (onClose pour un toast unique, onDismiss pour une file).
|
|
19
|
+
// Avec `emits` déclaré, les écouteurs ne transitent pas par `attrs` ; on lit
|
|
20
|
+
// donc les props du vnode (source fiable des écouteurs passés au composant).
|
|
21
|
+
const hasListener = (name) => {
|
|
22
|
+
const fromAttrs = attrs[name];
|
|
23
|
+
const fromVnode = instance?.vnode.props?.[name];
|
|
24
|
+
return typeof fromAttrs === "function" || typeof fromVnode === "function";
|
|
25
|
+
};
|
|
26
|
+
const hasClose = () => hasListener("onClose");
|
|
27
|
+
const hasDismiss = () => hasListener("onDismiss");
|
|
16
28
|
let timer = null;
|
|
17
29
|
const startAutoDismiss = () => {
|
|
18
30
|
if (props.autoDismiss && props.items?.length) {
|
|
@@ -48,11 +60,13 @@ export const Toast = defineComponent({
|
|
|
48
60
|
item.actions
|
|
49
61
|
? h("div", { class: "st-toast__actions" }, item.actions)
|
|
50
62
|
: null,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
63
|
+
hasDismiss()
|
|
64
|
+
? h("button", {
|
|
65
|
+
type: "button",
|
|
66
|
+
"aria-label": `Dismiss ${String(item.title)}`,
|
|
67
|
+
onClick: () => emit("dismiss", item.id),
|
|
68
|
+
}, "Close")
|
|
69
|
+
: null,
|
|
56
70
|
])));
|
|
57
71
|
}
|
|
58
72
|
return h("aside", {
|
|
@@ -69,10 +83,12 @@ export const Toast = defineComponent({
|
|
|
69
83
|
slots.actions
|
|
70
84
|
? h("div", { class: "st-toast__actions" }, slots.actions())
|
|
71
85
|
: null,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
86
|
+
hasClose()
|
|
87
|
+
? h("button", {
|
|
88
|
+
type: "button",
|
|
89
|
+
onClick: () => emit("close"),
|
|
90
|
+
}, "Close")
|
|
91
|
+
: null,
|
|
76
92
|
]);
|
|
77
93
|
};
|
|
78
94
|
},
|
package/dist/Toast.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../src/Toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../src/Toast.ts"],"names":[],"mappings":"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"}
|
package/dist/Toggle.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export type ToggleSize = "sm" | "md";
|
|
2
2
|
export type ToggleProps = {
|
|
3
3
|
label: unknown;
|
|
4
|
+
labelOn?: string;
|
|
5
|
+
labelOff?: string;
|
|
4
6
|
helperText?: unknown;
|
|
5
7
|
size?: ToggleSize;
|
|
6
8
|
modelValue?: boolean;
|
|
@@ -15,6 +17,14 @@ export declare const Toggle: import("vue").DefineComponent<import("vue").Extract
|
|
|
15
17
|
type: () => unknown;
|
|
16
18
|
required: true;
|
|
17
19
|
};
|
|
20
|
+
labelOn: {
|
|
21
|
+
type: StringConstructor;
|
|
22
|
+
default: string;
|
|
23
|
+
};
|
|
24
|
+
labelOff: {
|
|
25
|
+
type: StringConstructor;
|
|
26
|
+
default: string;
|
|
27
|
+
};
|
|
18
28
|
helperText: {
|
|
19
29
|
type: () => unknown;
|
|
20
30
|
default: undefined;
|
|
@@ -54,6 +64,14 @@ export declare const Toggle: import("vue").DefineComponent<import("vue").Extract
|
|
|
54
64
|
type: () => unknown;
|
|
55
65
|
required: true;
|
|
56
66
|
};
|
|
67
|
+
labelOn: {
|
|
68
|
+
type: StringConstructor;
|
|
69
|
+
default: string;
|
|
70
|
+
};
|
|
71
|
+
labelOff: {
|
|
72
|
+
type: StringConstructor;
|
|
73
|
+
default: string;
|
|
74
|
+
};
|
|
57
75
|
helperText: {
|
|
58
76
|
type: () => unknown;
|
|
59
77
|
default: undefined;
|
|
@@ -90,13 +108,15 @@ export declare const Toggle: import("vue").DefineComponent<import("vue").Extract
|
|
|
90
108
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
91
109
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
92
110
|
}>, {
|
|
111
|
+
size: ToggleSize;
|
|
93
112
|
class: string;
|
|
94
113
|
name: string;
|
|
95
114
|
disabled: boolean;
|
|
96
|
-
size: ToggleSize;
|
|
97
115
|
value: string;
|
|
98
116
|
helperText: undefined;
|
|
99
117
|
modelValue: boolean;
|
|
100
118
|
checked: boolean;
|
|
119
|
+
labelOn: string;
|
|
120
|
+
labelOff: string;
|
|
101
121
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
102
122
|
//# sourceMappingURL=Toggle.d.ts.map
|
package/dist/Toggle.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../src/Toggle.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM;;cAG+B,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../src/Toggle.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM;;cAG+B,MAAM,OAAO;;;;;;;;;;;;cAGR,MAAM,OAAO;;;;cACxC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAJM,MAAM,OAAO;;;;;;;;;;;;cAGR,MAAM,OAAO;;;;cACxC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgE1C,CAAC"}
|
package/dist/Toggle.js
CHANGED
|
@@ -4,6 +4,8 @@ export const Toggle = defineComponent({
|
|
|
4
4
|
name: "Toggle",
|
|
5
5
|
props: {
|
|
6
6
|
label: { type: [String, Object], required: true },
|
|
7
|
+
labelOn: { type: String, default: "On" },
|
|
8
|
+
labelOff: { type: String, default: "Off" },
|
|
7
9
|
helperText: { type: [String, Object], default: undefined },
|
|
8
10
|
size: { type: String, default: "md" },
|
|
9
11
|
modelValue: { type: Boolean, default: undefined },
|
|
@@ -15,35 +17,39 @@ export const Toggle = defineComponent({
|
|
|
15
17
|
},
|
|
16
18
|
emits: ["update:modelValue", "change"],
|
|
17
19
|
setup(props, { emit, attrs }) {
|
|
18
|
-
return () =>
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
return () => {
|
|
21
|
+
const isChecked = props.modelValue ?? props.checked ?? false;
|
|
22
|
+
return h("label", {
|
|
23
|
+
class: classNames("st-toggle", `st-toggle--${props.size}`, props.class),
|
|
24
|
+
}, [
|
|
22
25
|
h("span", { class: "st-toggle__label" }, props.label),
|
|
23
|
-
h("
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
h("span", { class: "st-
|
|
26
|
+
h("span", { class: "st-toggle__row" }, [
|
|
27
|
+
h("input", {
|
|
28
|
+
...attrs,
|
|
29
|
+
class: "st-toggle__input",
|
|
30
|
+
type: "checkbox",
|
|
31
|
+
role: "switch",
|
|
32
|
+
"aria-checked": isChecked ? "true" : "false",
|
|
33
|
+
checked: isChecked,
|
|
34
|
+
disabled: props.disabled,
|
|
35
|
+
name: props.name,
|
|
36
|
+
value: props.value,
|
|
37
|
+
onChange: (event) => {
|
|
38
|
+
const checked = event.target.checked;
|
|
39
|
+
emit("update:modelValue", checked);
|
|
40
|
+
emit("change", event);
|
|
41
|
+
},
|
|
42
|
+
}),
|
|
43
|
+
h("span", { class: "st-toggle__track", "aria-hidden": "true" }, [
|
|
44
|
+
h("span", { class: "st-toggle__thumb" }),
|
|
45
|
+
]),
|
|
46
|
+
h("span", { class: "st-toggle__state", "aria-hidden": "true" }, isChecked ? props.labelOn : props.labelOff),
|
|
41
47
|
]),
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
48
|
+
props.helperText
|
|
49
|
+
? h("span", { class: "st-toggle__help" }, props.helperText)
|
|
50
|
+
: null,
|
|
51
|
+
]);
|
|
52
|
+
};
|
|
47
53
|
},
|
|
48
54
|
});
|
|
49
55
|
//# sourceMappingURL=Toggle.js.map
|
package/dist/Toggle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../src/Toggle.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":"Toggle.js","sourceRoot":"","sources":["../src/Toggle.ts"],"names":[],"mappings":"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"}
|
package/dist/Typography.d.ts
CHANGED
|
@@ -74,12 +74,12 @@ export declare const Typography: import("vue").DefineComponent<import("vue").Ext
|
|
|
74
74
|
default: undefined;
|
|
75
75
|
};
|
|
76
76
|
}>> & Readonly<{}>, {
|
|
77
|
+
align: TypographyAlign;
|
|
77
78
|
class: string;
|
|
78
79
|
tone: TypographyTone;
|
|
79
80
|
weight: TypographyWeight;
|
|
80
81
|
variant: TypographyVariant;
|
|
81
82
|
as: string;
|
|
82
|
-
align: TypographyAlign;
|
|
83
83
|
truncate: boolean;
|
|
84
84
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
85
85
|
//# sourceMappingURL=Typography.d.ts.map
|