@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineLoading.d.ts","sourceRoot":"","sources":["../src/InlineLoading.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAE9E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;
|
|
1
|
+
{"version":3,"file":"InlineLoading.d.ts","sourceRoot":"","sources":["../src/InlineLoading.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAE9E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AASF,eAAO,MAAM,aAAa;;cAGwB,MAAM,OAAO;;;;cAEzC,MAAM,mBAAmB;;;;;;;;;;;cAFG,MAAM,OAAO;;;;cAEzC,MAAM,mBAAmB;;;;;;;;;;;4EAqD7C,CAAC"}
|
package/dist/InlineLoading.js
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
import { defineComponent, h } from "vue";
|
|
2
2
|
import { CircleAlert, CircleCheck, LoaderCircle } from "lucide-vue-next";
|
|
3
3
|
import { classNames } from "./classNames.js";
|
|
4
|
+
const FALLBACK_LABELS = {
|
|
5
|
+
active: "Loading",
|
|
6
|
+
success: "Completed",
|
|
7
|
+
error: "Error",
|
|
8
|
+
inactive: "Inactive",
|
|
9
|
+
};
|
|
4
10
|
export const InlineLoading = defineComponent({
|
|
5
11
|
name: "InlineLoading",
|
|
6
12
|
props: {
|
|
7
|
-
label: { type: [String, Object], default:
|
|
13
|
+
label: { type: [String, Object], default: undefined },
|
|
8
14
|
status: {
|
|
9
15
|
type: String,
|
|
10
16
|
default: "active",
|
|
@@ -12,23 +18,35 @@ export const InlineLoading = defineComponent({
|
|
|
12
18
|
class: { type: String, default: undefined },
|
|
13
19
|
},
|
|
14
20
|
setup(props, { attrs }) {
|
|
15
|
-
return () =>
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
props.
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
21
|
+
return () => {
|
|
22
|
+
// Canon Svelte : le libellé visible n'est rendu que s'il est fourni ;
|
|
23
|
+
// sinon un aria-label de repli porte l'accessibilité (aucun texte anglais
|
|
24
|
+
// visible sur une page localisée).
|
|
25
|
+
const ariaLabel = attrs["aria-label"] ??
|
|
26
|
+
(props.label ? undefined : FALLBACK_LABELS[props.status]);
|
|
27
|
+
return h("div", {
|
|
28
|
+
...attrs,
|
|
29
|
+
class: classNames("st-inlineLoading", `st-inlineLoading--${props.status}`, props.class),
|
|
30
|
+
role: props.status === "error" ? "alert" : "status",
|
|
31
|
+
"aria-label": ariaLabel,
|
|
32
|
+
"aria-live": "polite",
|
|
33
|
+
}, [
|
|
34
|
+
h("span", { class: "st-inlineLoading__icon", "aria-hidden": "true" }, [
|
|
35
|
+
props.status === "active"
|
|
36
|
+
? h("span", { class: "st-inlineLoading__spinner" }, [
|
|
37
|
+
h(LoaderCircle, { size: 16, strokeWidth: 2, "aria-hidden": "true" }),
|
|
38
|
+
])
|
|
39
|
+
: props.status === "success"
|
|
40
|
+
? h(CircleCheck, { size: 16, strokeWidth: 2, "aria-hidden": "true" })
|
|
41
|
+
: props.status === "error"
|
|
42
|
+
? h(CircleAlert, { size: 16, strokeWidth: 2, "aria-hidden": "true" })
|
|
43
|
+
: null,
|
|
44
|
+
]),
|
|
45
|
+
props.label
|
|
46
|
+
? h("span", { class: "st-inlineLoading__label" }, props.label)
|
|
47
|
+
: null,
|
|
48
|
+
]);
|
|
49
|
+
};
|
|
32
50
|
},
|
|
33
51
|
});
|
|
34
52
|
//# sourceMappingURL=InlineLoading.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineLoading.js","sourceRoot":"","sources":["../src/InlineLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,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,MAAM,EAAE;YACN,IAAI,EAAE,MAAmC;YACzC,OAAO,EAAE,QAAQ;SAClB;QACD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"InlineLoading.js","sourceRoot":"","sources":["../src/InlineLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,MAAM,eAAe,GAAwC;IAC3D,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,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,MAAM,EAAE;YACN,IAAI,EAAE,MAAmC;YACzC,OAAO,EAAE,QAAQ;SAClB;QACD,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,sEAAsE;YACtE,0EAA0E;YAC1E,mCAAmC;YACnC,MAAM,SAAS,GACZ,KAAK,CAAC,YAAY,CAAwB;gBAC3C,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;YAC5D,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CACf,kBAAkB,EAClB,qBAAqB,KAAK,CAAC,MAAM,EAAE,EACnC,KAAK,CAAC,KAAK,CACZ;gBACD,IAAI,EAAE,KAAK,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;gBACnD,YAAY,EAAE,SAAS;gBACvB,WAAW,EAAE,QAAQ;aACtB,EACD;gBACE,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,EAAE,EAC1D;oBACE,KAAK,CAAC,MAAM,KAAK,QAAQ;wBACvB,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE;4BAChD,CAAC,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;yBACrE,CAAC;wBACJ,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS;4BAC1B,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;4BACrE,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,OAAO;gCACxB,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;gCACrE,CAAC,CAAC,IAAI;iBACb,CACF;gBACD,KAAK,CAAC,KAAK;oBACT,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,yBAAyB,EAAE,EACpC,KAAK,CAAC,KAAe,CACtB;oBACH,CAAC,CAAC,IAAI;aACT,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
|
package/dist/Input.d.ts
CHANGED
|
@@ -111,12 +111,12 @@ export declare const Input: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
111
111
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
112
112
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
113
113
|
}>, {
|
|
114
|
+
size: InputSize;
|
|
114
115
|
class: string;
|
|
115
116
|
label: string;
|
|
116
117
|
invalid: boolean;
|
|
117
118
|
id: string;
|
|
118
119
|
disabled: boolean;
|
|
119
|
-
size: InputSize;
|
|
120
120
|
placeholder: string;
|
|
121
121
|
helperText: string;
|
|
122
122
|
modelValue: string;
|
package/dist/KpiCard.d.ts
CHANGED
|
@@ -136,8 +136,8 @@ export declare const KpiCard: import("vue").DefineComponent<import("vue").Extrac
|
|
|
136
136
|
default: undefined;
|
|
137
137
|
};
|
|
138
138
|
}>> & Readonly<{}>, {
|
|
139
|
-
class: string;
|
|
140
139
|
size: KpiCardSize;
|
|
140
|
+
class: string;
|
|
141
141
|
format: KpiCardFormat;
|
|
142
142
|
tone: KpiCardTone;
|
|
143
143
|
locale: string;
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
+
export type MenuTriggerButtonSize = "sm" | "md" | "lg";
|
|
2
|
+
export type MenuTriggerButtonVariant = "ghost" | "secondary";
|
|
1
3
|
export type MenuTriggerButtonProps = {
|
|
2
4
|
open?: boolean;
|
|
3
5
|
expanded?: boolean;
|
|
6
|
+
size?: MenuTriggerButtonSize;
|
|
7
|
+
variant?: MenuTriggerButtonVariant;
|
|
4
8
|
disabled?: boolean;
|
|
5
9
|
class?: string;
|
|
6
10
|
};
|
|
@@ -13,6 +17,14 @@ export declare const MenuTriggerButton: import("vue").DefineComponent<import("vu
|
|
|
13
17
|
type: BooleanConstructor;
|
|
14
18
|
default: undefined;
|
|
15
19
|
};
|
|
20
|
+
size: {
|
|
21
|
+
type: () => MenuTriggerButtonSize;
|
|
22
|
+
default: string;
|
|
23
|
+
};
|
|
24
|
+
variant: {
|
|
25
|
+
type: () => MenuTriggerButtonVariant;
|
|
26
|
+
default: string;
|
|
27
|
+
};
|
|
16
28
|
disabled: {
|
|
17
29
|
type: BooleanConstructor;
|
|
18
30
|
default: boolean;
|
|
@@ -32,6 +44,14 @@ export declare const MenuTriggerButton: import("vue").DefineComponent<import("vu
|
|
|
32
44
|
type: BooleanConstructor;
|
|
33
45
|
default: undefined;
|
|
34
46
|
};
|
|
47
|
+
size: {
|
|
48
|
+
type: () => MenuTriggerButtonSize;
|
|
49
|
+
default: string;
|
|
50
|
+
};
|
|
51
|
+
variant: {
|
|
52
|
+
type: () => MenuTriggerButtonVariant;
|
|
53
|
+
default: string;
|
|
54
|
+
};
|
|
35
55
|
disabled: {
|
|
36
56
|
type: BooleanConstructor;
|
|
37
57
|
default: boolean;
|
|
@@ -42,8 +62,10 @@ export declare const MenuTriggerButton: import("vue").DefineComponent<import("vu
|
|
|
42
62
|
};
|
|
43
63
|
}>> & Readonly<{}>, {
|
|
44
64
|
open: boolean;
|
|
65
|
+
size: MenuTriggerButtonSize;
|
|
45
66
|
class: string;
|
|
46
67
|
disabled: boolean;
|
|
47
68
|
expanded: boolean;
|
|
69
|
+
variant: MenuTriggerButtonVariant;
|
|
48
70
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
49
71
|
//# sourceMappingURL=MenuTriggerButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTriggerButton.d.ts","sourceRoot":"","sources":["../src/MenuTriggerButton.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,iBAAiB
|
|
1
|
+
{"version":3,"file":"MenuTriggerButton.d.ts","sourceRoot":"","sources":["../src/MenuTriggerButton.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,qBAAqB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvD,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,WAAW,CAAC;AAC7D,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;cAKF,MAAM,qBAAqB;;;;cACxB,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;cADjC,MAAM,qBAAqB;;;;cACxB,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;4EAwB3D,CAAC"}
|
|
@@ -6,6 +6,8 @@ export const MenuTriggerButton = defineComponent({
|
|
|
6
6
|
props: {
|
|
7
7
|
open: { type: Boolean, default: undefined },
|
|
8
8
|
expanded: { type: Boolean, default: undefined },
|
|
9
|
+
size: { type: String, default: "md" },
|
|
10
|
+
variant: { type: String, default: "ghost" },
|
|
9
11
|
disabled: { type: Boolean, default: false },
|
|
10
12
|
class: { type: String, default: undefined },
|
|
11
13
|
},
|
|
@@ -15,7 +17,8 @@ export const MenuTriggerButton = defineComponent({
|
|
|
15
17
|
return h("button", {
|
|
16
18
|
...attrs,
|
|
17
19
|
type: "button",
|
|
18
|
-
class: classNames(
|
|
20
|
+
class: classNames(`st-iconButton st-iconButton--${props.size} st-iconButton--${props.variant}`, props.class),
|
|
21
|
+
"aria-haspopup": "menu",
|
|
19
22
|
"aria-expanded": isOpen,
|
|
20
23
|
disabled: props.disabled,
|
|
21
24
|
}, slots.default?.() ?? h(ChevronDownCircle, { size: 18, strokeWidth: 2, "aria-hidden": "true" }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTriggerButton.js","sourceRoot":"","sources":["../src/MenuTriggerButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuTriggerButton.js","sourceRoot":"","sources":["../src/MenuTriggerButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAc7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC/C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/C,IAAI,EAAE,EAAE,IAAI,EAAE,MAAqC,EAAE,OAAO,EAAE,IAAI,EAAE;QACpE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAwC,EAAE,OAAO,EAAE,OAAO,EAAE;QAC7E,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,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC;YACrD,OAAO,CAAC,CACN,QAAQ,EACR;gBACE,GAAG,KAAK;gBACR,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,UAAU,CACf,gCAAgC,KAAK,CAAC,IAAI,mBAAmB,KAAK,CAAC,OAAO,EAAE,EAC5E,KAAK,CAAC,KAAK,CACZ;gBACD,eAAe,EAAE,MAAM;gBACvB,eAAe,EAAE,MAAM;gBACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ;aACzB,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAC/F,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../src/MessageActions.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACxD;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc;;cAGG,MAAM,aAAa,EAAE;;;;cAE7B,MAAM,QAAQ,GAAG,OAAO;;;;;;;;;;;cAFhB,MAAM,aAAa,EAAE;;;;cAE7B,MAAM,QAAQ,GAAG,OAAO;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../src/MessageActions.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACxD;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc;;cAGG,MAAM,aAAa,EAAE;;;;cAE7B,MAAM,QAAQ,GAAG,OAAO;;;;;;;;;;;cAFhB,MAAM,aAAa,EAAE;;;;cAE7B,MAAM,QAAQ,GAAG,OAAO;;;;;;;;;;4EA4C5C,CAAC"}
|
package/dist/MessageActions.js
CHANGED
|
@@ -6,27 +6,29 @@ export const MessageActions = defineComponent({
|
|
|
6
6
|
actions: { type: Array, required: true },
|
|
7
7
|
visibility: {
|
|
8
8
|
type: String,
|
|
9
|
-
default: "
|
|
9
|
+
default: "hover",
|
|
10
10
|
},
|
|
11
11
|
class: { type: String, default: undefined },
|
|
12
12
|
},
|
|
13
13
|
setup(props, { attrs }) {
|
|
14
14
|
return () => {
|
|
15
|
-
const visibility = props.visibility ?? "
|
|
16
|
-
return h("
|
|
15
|
+
const visibility = props.visibility ?? "hover";
|
|
16
|
+
return h("div", {
|
|
17
17
|
...attrs,
|
|
18
18
|
class: classNames("st-messageActions", visibility === "hover" && "st-messageActions--hoverOnly", props.class),
|
|
19
|
-
|
|
19
|
+
role: "group",
|
|
20
|
+
"aria-label": "Actions du message",
|
|
20
21
|
}, props.actions.map((action, index) => h("button", {
|
|
21
22
|
key: action.id ?? index,
|
|
22
23
|
type: "button",
|
|
23
|
-
class: classNames("st-
|
|
24
|
+
class: classNames("st-iconButton st-iconButton--sm", action.variant === "danger"
|
|
25
|
+
? "st-iconButton--danger"
|
|
26
|
+
: "st-iconButton--ghost"),
|
|
24
27
|
disabled: action.disabled,
|
|
25
|
-
"aria-label": action.label
|
|
26
|
-
|
|
27
|
-
: undefined,
|
|
28
|
+
"aria-label": (action.label != null ? String(action.label) : undefined) ??
|
|
29
|
+
action.id,
|
|
28
30
|
onClick: action.onClick,
|
|
29
|
-
}, (action.
|
|
31
|
+
}, (action.icon ?? action.label))));
|
|
30
32
|
};
|
|
31
33
|
},
|
|
32
34
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageActions.js","sourceRoot":"","sources":["../src/MessageActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAuB7C,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,KAA8B,EAAE,QAAQ,EAAE,IAAI,EAAE;QACjE,UAAU,EAAE;YACV,IAAI,EAAE,MAAkC;YACxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"MessageActions.js","sourceRoot":"","sources":["../src/MessageActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAuB7C,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,KAA8B,EAAE,QAAQ,EAAE,IAAI,EAAE;QACjE,UAAU,EAAE;YACV,IAAI,EAAE,MAAkC;YACxC,OAAO,EAAE,OAAO;SACjB;QACD,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,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,OAAO,CAAC;YAC/C,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CACf,mBAAmB,EACnB,UAAU,KAAK,OAAO,IAAI,8BAA8B,EACxD,KAAK,CAAC,KAAK,CACZ;gBACD,IAAI,EAAE,OAAO;gBACb,YAAY,EAAE,oBAAoB;aACnC,EACD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAClC,CAAC,CACC,QAAQ,EACR;gBACE,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,KAAK;gBACvB,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,UAAU,CACf,iCAAiC,EACjC,MAAM,CAAC,OAAO,KAAK,QAAQ;oBACzB,CAAC,CAAC,uBAAuB;oBACzB,CAAC,CAAC,sBAAsB,CAC3B;gBACD,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,YAAY,EACV,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;oBACzD,MAAM,CAAC,EAAE;gBACX,OAAO,EAAE,MAAM,CAAC,OAAO;aACxB,EACD,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,CAAW,CACxC,CACF,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
|
package/dist/MultiSelect.d.ts
CHANGED
|
@@ -6,11 +6,23 @@ export type MultiSelectOption = {
|
|
|
6
6
|
export type MultiSelectSize = "sm" | "md" | "lg";
|
|
7
7
|
export type MultiSelectProps = {
|
|
8
8
|
label?: unknown;
|
|
9
|
+
helperText?: unknown;
|
|
10
|
+
errorText?: unknown;
|
|
11
|
+
invalid?: boolean;
|
|
9
12
|
options: MultiSelectOption[];
|
|
10
13
|
value?: string[];
|
|
11
14
|
values?: string[];
|
|
15
|
+
/** Svelte-canonical alias for the selected values. */
|
|
16
|
+
selected?: string[];
|
|
12
17
|
size?: MultiSelectSize;
|
|
13
18
|
open?: boolean;
|
|
19
|
+
placeholder?: string;
|
|
20
|
+
searchPlaceholder?: string;
|
|
21
|
+
noResultsLabel?: string;
|
|
22
|
+
toggleLabel?: string;
|
|
23
|
+
removeLabel?: string;
|
|
24
|
+
listLabel?: string;
|
|
25
|
+
disabled?: boolean;
|
|
14
26
|
class?: string;
|
|
15
27
|
};
|
|
16
28
|
export declare const MultiSelect: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -18,6 +30,18 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
18
30
|
type: () => unknown;
|
|
19
31
|
default: undefined;
|
|
20
32
|
};
|
|
33
|
+
helperText: {
|
|
34
|
+
type: () => unknown;
|
|
35
|
+
default: undefined;
|
|
36
|
+
};
|
|
37
|
+
errorText: {
|
|
38
|
+
type: () => unknown;
|
|
39
|
+
default: undefined;
|
|
40
|
+
};
|
|
41
|
+
invalid: {
|
|
42
|
+
type: BooleanConstructor;
|
|
43
|
+
default: boolean;
|
|
44
|
+
};
|
|
21
45
|
options: {
|
|
22
46
|
type: () => MultiSelectOption[];
|
|
23
47
|
required: true;
|
|
@@ -30,6 +54,10 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
30
54
|
type: () => string[];
|
|
31
55
|
default: undefined;
|
|
32
56
|
};
|
|
57
|
+
selected: {
|
|
58
|
+
type: () => string[];
|
|
59
|
+
default: undefined;
|
|
60
|
+
};
|
|
33
61
|
size: {
|
|
34
62
|
type: () => MultiSelectSize;
|
|
35
63
|
default: string;
|
|
@@ -38,6 +66,34 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
38
66
|
type: BooleanConstructor;
|
|
39
67
|
default: undefined;
|
|
40
68
|
};
|
|
69
|
+
placeholder: {
|
|
70
|
+
type: StringConstructor;
|
|
71
|
+
default: string;
|
|
72
|
+
};
|
|
73
|
+
searchPlaceholder: {
|
|
74
|
+
type: StringConstructor;
|
|
75
|
+
default: string;
|
|
76
|
+
};
|
|
77
|
+
noResultsLabel: {
|
|
78
|
+
type: StringConstructor;
|
|
79
|
+
default: string;
|
|
80
|
+
};
|
|
81
|
+
toggleLabel: {
|
|
82
|
+
type: StringConstructor;
|
|
83
|
+
default: string;
|
|
84
|
+
};
|
|
85
|
+
removeLabel: {
|
|
86
|
+
type: StringConstructor;
|
|
87
|
+
default: string;
|
|
88
|
+
};
|
|
89
|
+
listLabel: {
|
|
90
|
+
type: StringConstructor;
|
|
91
|
+
default: undefined;
|
|
92
|
+
};
|
|
93
|
+
disabled: {
|
|
94
|
+
type: BooleanConstructor;
|
|
95
|
+
default: boolean;
|
|
96
|
+
};
|
|
41
97
|
class: {
|
|
42
98
|
type: StringConstructor;
|
|
43
99
|
default: undefined;
|
|
@@ -49,6 +105,18 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
49
105
|
type: () => unknown;
|
|
50
106
|
default: undefined;
|
|
51
107
|
};
|
|
108
|
+
helperText: {
|
|
109
|
+
type: () => unknown;
|
|
110
|
+
default: undefined;
|
|
111
|
+
};
|
|
112
|
+
errorText: {
|
|
113
|
+
type: () => unknown;
|
|
114
|
+
default: undefined;
|
|
115
|
+
};
|
|
116
|
+
invalid: {
|
|
117
|
+
type: BooleanConstructor;
|
|
118
|
+
default: boolean;
|
|
119
|
+
};
|
|
52
120
|
options: {
|
|
53
121
|
type: () => MultiSelectOption[];
|
|
54
122
|
required: true;
|
|
@@ -61,6 +129,10 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
61
129
|
type: () => string[];
|
|
62
130
|
default: undefined;
|
|
63
131
|
};
|
|
132
|
+
selected: {
|
|
133
|
+
type: () => string[];
|
|
134
|
+
default: undefined;
|
|
135
|
+
};
|
|
64
136
|
size: {
|
|
65
137
|
type: () => MultiSelectSize;
|
|
66
138
|
default: string;
|
|
@@ -69,6 +141,34 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
69
141
|
type: BooleanConstructor;
|
|
70
142
|
default: undefined;
|
|
71
143
|
};
|
|
144
|
+
placeholder: {
|
|
145
|
+
type: StringConstructor;
|
|
146
|
+
default: string;
|
|
147
|
+
};
|
|
148
|
+
searchPlaceholder: {
|
|
149
|
+
type: StringConstructor;
|
|
150
|
+
default: string;
|
|
151
|
+
};
|
|
152
|
+
noResultsLabel: {
|
|
153
|
+
type: StringConstructor;
|
|
154
|
+
default: string;
|
|
155
|
+
};
|
|
156
|
+
toggleLabel: {
|
|
157
|
+
type: StringConstructor;
|
|
158
|
+
default: string;
|
|
159
|
+
};
|
|
160
|
+
removeLabel: {
|
|
161
|
+
type: StringConstructor;
|
|
162
|
+
default: string;
|
|
163
|
+
};
|
|
164
|
+
listLabel: {
|
|
165
|
+
type: StringConstructor;
|
|
166
|
+
default: undefined;
|
|
167
|
+
};
|
|
168
|
+
disabled: {
|
|
169
|
+
type: BooleanConstructor;
|
|
170
|
+
default: boolean;
|
|
171
|
+
};
|
|
72
172
|
class: {
|
|
73
173
|
type: StringConstructor;
|
|
74
174
|
default: undefined;
|
|
@@ -79,10 +179,21 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
79
179
|
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
80
180
|
}>, {
|
|
81
181
|
open: boolean;
|
|
182
|
+
size: MultiSelectSize;
|
|
82
183
|
class: string;
|
|
83
184
|
values: string[];
|
|
84
185
|
label: undefined;
|
|
85
|
-
|
|
186
|
+
invalid: boolean;
|
|
187
|
+
disabled: boolean;
|
|
86
188
|
value: string[];
|
|
189
|
+
placeholder: string;
|
|
190
|
+
helperText: undefined;
|
|
191
|
+
errorText: undefined;
|
|
192
|
+
noResultsLabel: string;
|
|
193
|
+
listLabel: string;
|
|
194
|
+
removeLabel: string;
|
|
195
|
+
selected: string[];
|
|
196
|
+
searchPlaceholder: string;
|
|
197
|
+
toggleLabel: string;
|
|
87
198
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
88
199
|
//# sourceMappingURL=MultiSelect.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../src/MultiSelect.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../src/MultiSelect.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,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,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW;;cAG0B,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;;;;;cAErC,MAAM,iBAAiB,EAAE;;;;cAC3B,MAAM,MAAM,EAAE;;;;cACb,MAAM,MAAM,EAAE;;;;cACZ,MAAM,MAAM,EAAE;;;;cACjB,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cARC,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;;;;;cAErC,MAAM,iBAAiB,EAAE;;;;cAC3B,MAAM,MAAM,EAAE;;;;cACb,MAAM,MAAM,EAAE;;;;cACZ,MAAM,MAAM,EAAE;;;;cACjB,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAmM/C,CAAC"}
|