@sentropic/design-system-vue 0.18.0 → 0.20.0

package/dist/AppHeader.d.ts

@@ -0,0 +1,53 @@
+export type AppHeaderProps = {
+    compact?: boolean;
+    menuOpen?: boolean;
+    menuLabel?: string;
+    class?: string;
+};
+export declare const AppHeader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "menuToggle"[], "menuToggle", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onMenuToggle?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    compact: boolean;
+    menuOpen: boolean;
+    menuLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=AppHeader.d.ts.map

package/dist/AppHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../src/AppHeader.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgDF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA+DpB,CAAC"}

package/dist/AppHeader.js

@@ -0,0 +1,88 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+// Icônes lucide reproduites en SVG inline (mêmes paths que @lucide/svelte) pour
+// conserver une parité stricte sans dépendance lucide-vue-next.
+function MenuIcon() {
+    return h("svg", {
+        width: 20,
+        height: 20,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": 2,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true",
+        focusable: "false",
+        class: "st-appHeader__burgerIcon",
+    }, [
+        h("path", { d: "M4 5h16" }),
+        h("path", { d: "M4 12h16" }),
+        h("path", { d: "M4 19h16" }),
+    ]);
+}
+function XIcon() {
+    return h("svg", {
+        width: 20,
+        height: 20,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": 2,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true",
+        focusable: "false",
+        class: "st-appHeader__burgerIcon",
+    }, [h("path", { d: "M18 6 6 18" }), h("path", { d: "m6 6 12 12" })]);
+}
+export const AppHeader = defineComponent({
+    name: "AppHeader",
+    props: {
+        compact: { type: Boolean, default: false },
+        menuOpen: { type: Boolean, default: false },
+        menuLabel: { type: String, default: "Menu" },
+        class: { type: String, default: undefined },
+    },
+    emits: ["menuToggle"],
+    setup(props, { slots, emit }) {
+        const onToggle = () => emit("menuToggle");
+        return () => {
+            const bar = h("div", { class: "st-appHeader__bar" }, [
+                props.compact
+                    ? h("div", { class: "st-appHeader__burger" }, [
+                        h("button", {
+                            type: "button",
+                            class: "st-appHeader__burgerButton",
+                            "aria-label": props.menuLabel,
+                            "aria-expanded": props.menuOpen ? "true" : "false",
+                            "aria-haspopup": "menu",
+                            onClick: onToggle,
+                        }, [props.menuOpen ? XIcon() : MenuIcon()]),
+                    ])
+                    : h("nav", { class: "st-appHeader__nav", "aria-label": "Primary" }, slots.nav?.()),
+                slots.logo
+                    ? h("div", { class: "st-appHeader__logo" }, slots.logo())
+                    : null,
+                !props.compact
+                    ? h("div", { class: "st-appHeader__actions" }, slots.actions?.())
+                    : null,
+            ]);
+            const header = h("header", { class: classNames("st-appHeader", props.class) }, [bar]);
+            if (props.compact && props.menuOpen && slots.drawer) {
+                return [
+                    header,
+                    h("button", {
+                        type: "button",
+                        class: "st-appHeader__scrim",
+                        "aria-label": props.menuLabel,
+                        onClick: onToggle,
+                    }),
+                    h("aside", { class: "st-appHeader__drawer" }, slots.drawer()),
+                ];
+            }
+            return header;
+        };
+    },
+});
+//# sourceMappingURL=AppHeader.js.map

package/dist/AppHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.js","sourceRoot":"","sources":["../src/AppHeader.ts"],"names":[],"mappings":"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"}

package/dist/Avatar.d.ts

@@ -77,9 +77,9 @@ export declare const Avatar: import("vue").DefineComponent<import("vue").Extract
 }>> & Readonly<{}>, {
     class: string;
     tone: AvatarTone;
+    size: AvatarSize;
     src: string;
     alt: string;
-    size: AvatarSize;
     shape: AvatarShape;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/AvatarGroup.d.ts

@@ -46,8 +46,8 @@ export declare const AvatarGroup: import("vue").DefineComponent<import("vue").Ex
     };
 }>> & Readonly<{}>, {
     class: string;
-    max: number;
     size: AvatarSize;
+    max: number;
     total: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=AvatarGroup.d.ts.map

package/dist/CopyButton.d.ts

@@ -64,8 +64,8 @@ export declare const CopyButton: import("vue").DefineComponent<import("vue").Ext
 }>, {
     class: string;
     label: string;
-    text: string;
     size: CopyButtonSize;
+    text: string;
     value: string;
     copiedLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/GaugeChart.d.ts

@@ -121,9 +121,9 @@ export declare const GaugeChart: import("vue").DefineComponent<import("vue").Ext
 }>> & Readonly<{}>, {
     class: string;
     label: string;
+    size: number;
     min: number;
     max: number;
-    size: number;
     thickness: number;
     thresholds: GaugeChartThreshold[];
     format: GaugeChartFormat;

package/dist/IdentityMenu.d.ts

@@ -0,0 +1,119 @@
+export type IdentityUser = {
+    displayName: string;
+    email?: string;
+    id?: string;
+};
+export type IdentityMenuProps = {
+    user?: IdentityUser | null;
+    isAuthenticated?: boolean;
+    devicesHref?: string;
+    settingsHref?: string;
+    loginLabel?: string;
+    devicesLabel?: string;
+    settingsLabel?: string;
+    logoutLabel?: string;
+    variant?: "dropdown" | "accordion";
+    class?: string;
+};
+/** Première lettre du displayName, en majuscule (calque de la source). */
+export declare function identityInitial(user: IdentityUser | null | undefined): string;
+export declare const IdentityMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    user: {
+        type: () => IdentityUser | null;
+        default: null;
+    };
+    isAuthenticated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    devicesHref: {
+        type: StringConstructor;
+        default: string;
+    };
+    settingsHref: {
+        type: StringConstructor;
+        default: string;
+    };
+    loginLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    devicesLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    settingsLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    logoutLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: () => "dropdown" | "accordion";
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("login" | "logout")[], "login" | "logout", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    user: {
+        type: () => IdentityUser | null;
+        default: null;
+    };
+    isAuthenticated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    devicesHref: {
+        type: StringConstructor;
+        default: string;
+    };
+    settingsHref: {
+        type: StringConstructor;
+        default: string;
+    };
+    loginLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    devicesLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    settingsLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    logoutLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: () => "dropdown" | "accordion";
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onLogin?: ((...args: any[]) => any) | undefined;
+    onLogout?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    variant: "accordion" | "dropdown";
+    user: IdentityUser | null;
+    isAuthenticated: boolean;
+    devicesHref: string;
+    settingsHref: string;
+    loginLabel: string;
+    devicesLabel: string;
+    settingsLabel: string;
+    logoutLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=IdentityMenu.d.ts.map

package/dist/IdentityMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityMenu.d.ts","sourceRoot":"","sources":["../src/IdentityMenu.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,0EAA0E;AAC1E,wBAAgB,eAAe,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAG7E;AAyBD,eAAO,MAAM,YAAY;;cAGG,MAAM,YAAY,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAQtB,MAAM,UAAU,GAAG,WAAW;;;;;;;;;;;cARjC,MAAM,YAAY,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAQtB,MAAM,UAAU,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;4EA6L3D,CAAC"}

package/dist/IdentityMenu.js

@@ -0,0 +1,181 @@
+import { defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
+import { classNames } from "./classNames.js";
+/** Première lettre du displayName, en majuscule (calque de la source). */
+export function identityInitial(user) {
+    const source = user?.displayName || user?.email || "U";
+    return source.charAt(0).toUpperCase();
+}
+function ChevronDownIcon(open) {
+    return h("svg", {
+        width: 16,
+        height: 16,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": 2,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true",
+        focusable: "false",
+        class: classNames("st-identityMenu__chevron", open && "st-identityMenu__chevron--open"),
+    }, [h("path", { d: "m6 9 6 6 6-6" })]);
+}
+export const IdentityMenu = defineComponent({
+    name: "IdentityMenu",
+    props: {
+        user: { type: Object, default: null },
+        isAuthenticated: { type: Boolean, default: false },
+        devicesHref: { type: String, default: "#" },
+        settingsHref: { type: String, default: "#" },
+        loginLabel: { type: String, default: "Se connecter" },
+        devicesLabel: { type: String, default: "Appareils" },
+        settingsLabel: { type: String, default: "Paramètres" },
+        logoutLabel: { type: String, default: "Se déconnecter" },
+        variant: { type: String, default: "dropdown" },
+        class: { type: String, default: undefined },
+    },
+    emits: ["login", "logout"],
+    setup(props, { emit }) {
+        const open = ref(false);
+        const rootEl = ref(null);
+        const triggerEl = ref(null);
+        const onPointerDown = (event) => {
+            const target = event.target;
+            if (open.value && rootEl.value && target && !rootEl.value.contains(target)) {
+                open.value = false;
+            }
+        };
+        watch(open, (value) => {
+            if (value) {
+                document.addEventListener("pointerdown", onPointerDown);
+            }
+            else {
+                document.removeEventListener("pointerdown", onPointerDown);
+            }
+        });
+        onBeforeUnmount(() => document.removeEventListener("pointerdown", onPointerDown));
+        const getItems = () => Array.from(rootEl.value?.querySelectorAll('[role="menuitem"]') ?? []);
+        const focusItem = (index) => {
+            const items = getItems();
+            if (!items.length)
+                return;
+            const len = items.length;
+            items[((index % len) + len) % len]?.focus();
+        };
+        const closeAndFocusTrigger = () => {
+            open.value = false;
+            triggerEl.value?.focus();
+        };
+        const onTriggerKeyDown = (event) => {
+            if (event.key === "ArrowDown" || event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                open.value = true;
+                queueMicrotask(() => focusItem(0));
+            }
+            else if (event.key === "ArrowUp") {
+                event.preventDefault();
+                open.value = true;
+                queueMicrotask(() => focusItem(-1));
+            }
+        };
+        const onMenuKeyDown = (event) => {
+            const items = getItems();
+            const current = items.indexOf(document.activeElement);
+            if (event.key === "ArrowDown") {
+                event.preventDefault();
+                focusItem(current + 1);
+            }
+            else if (event.key === "ArrowUp") {
+                event.preventDefault();
+                focusItem(current - 1);
+            }
+            else if (event.key === "Home") {
+                event.preventDefault();
+                focusItem(0);
+            }
+            else if (event.key === "End") {
+                event.preventDefault();
+                focusItem(items.length - 1);
+            }
+            else if (event.key === "Escape") {
+                event.preventDefault();
+                closeAndFocusTrigger();
+            }
+        };
+        return () => {
+            const user = props.user;
+            if (!(props.isAuthenticated && user)) {
+                return h("button", {
+                    type: "button",
+                    class: classNames("st-identityMenu__login", props.variant === "accordion" && "st-identityMenu__login--accordion", props.class),
+                    onClick: () => emit("login"),
+                }, props.loginLabel);
+            }
+            const displayName = user.displayName || user.email || "User";
+            return h("div", {
+                ref: rootEl,
+                class: classNames("st-identityMenu", props.variant === "accordion" && "st-identityMenu--accordion", props.class),
+            }, [
+                h("button", {
+                    type: "button",
+                    ref: triggerEl,
+                    class: "st-identityMenu__trigger",
+                    "aria-haspopup": "menu",
+                    "aria-expanded": open.value ? "true" : "false",
+                    "aria-label": `Compte de ${displayName}`,
+                    onClick: () => (open.value = !open.value),
+                    onKeydown: onTriggerKeyDown,
+                }, [
+                    h("span", { class: "st-identityMenu__avatar", "aria-hidden": "true" }, identityInitial(user)),
+                    h("span", { class: "st-identityMenu__meta" }, [
+                        h("span", { class: "st-identityMenu__name" }, displayName),
+                        props.variant === "accordion" && user.email
+                            ? h("span", { class: "st-identityMenu__email" }, user.email)
+                            : null,
+                    ]),
+                    ChevronDownIcon(open.value),
+                ]),
+                open.value
+                    ? h("div", {
+                        class: "st-identityMenu__menu",
+                        role: "menu",
+                        tabindex: "-1",
+                        "aria-label": `Menu de ${displayName}`,
+                        onKeydown: onMenuKeyDown,
+                    }, [
+                        h("a", {
+                            href: props.devicesHref,
+                            class: "st-identityMenu__item",
+                            role: "menuitem",
+                            tabindex: "-1",
+                            onClick: () => (open.value = false),
+                        }, props.devicesLabel),
+                        h("a", {
+                            href: props.settingsHref,
+                            class: "st-identityMenu__item",
+                            role: "menuitem",
+                            tabindex: "-1",
+                            onClick: () => (open.value = false),
+                        }, props.settingsLabel),
+                        h("div", {
+                            class: "st-identityMenu__divider",
+                            role: "separator",
+                            "aria-hidden": "true",
+                        }),
+                        h("button", {
+                            type: "button",
+                            class: "st-identityMenu__item st-identityMenu__item--danger",
+                            role: "menuitem",
+                            tabindex: "-1",
+                            onClick: () => {
+                                open.value = false;
+                                emit("logout");
+                            },
+                        }, props.logoutLabel),
+                    ])
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=IdentityMenu.js.map

package/dist/IdentityMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityMenu.js","sourceRoot":"","sources":["../src/IdentityMenu.ts"],"names":[],"mappings":"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"}

package/dist/KpiCard.d.ts

@@ -138,8 +138,8 @@ export declare const KpiCard: import("vue").DefineComponent<import("vue").Extrac
 }>> & Readonly<{}>, {
     class: string;
     tone: KpiCardTone;
-    locale: string;
     size: KpiCardSize;
+    locale: string;
     format: KpiCardFormat;
     unit: string;
     currency: string;

package/dist/LanguageToggle.d.ts

@@ -0,0 +1,82 @@
+export type LanguageToggleLocale = "fr" | "en";
+export type LanguageToggleProps = {
+    locale?: LanguageToggleLocale;
+    frLabel?: string;
+    enLabel?: string;
+    label?: string;
+    variant?: "select" | "accordion";
+    accordionLabel?: string;
+    class?: string;
+};
+export declare const LanguageToggle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    locale: {
+        type: () => LanguageToggleLocale;
+        default: string;
+    };
+    frLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    enLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: () => "select" | "accordion";
+        default: string;
+    };
+    accordionLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "localeChange"[], "localeChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    locale: {
+        type: () => LanguageToggleLocale;
+        default: string;
+    };
+    frLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    enLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: () => "select" | "accordion";
+        default: string;
+    };
+    accordionLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onLocaleChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    label: string;
+    locale: LanguageToggleLocale;
+    variant: "select" | "accordion";
+    frLabel: string;
+    enLabel: string;
+    accordionLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=LanguageToggle.d.ts.map

package/dist/LanguageToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageToggle.d.ts","sourceRoot":"","sources":["../src/LanguageToggle.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAyBF,eAAO,MAAM,cAAc;;cAGG,MAAM,oBAAoB;;;;;;;;;;;;;;;;cAIzB,MAAM,QAAQ,GAAG,WAAW;;;;;;;;;;;;;;;cAJ7B,MAAM,oBAAoB;;;;;;;;;;;;;;;;cAIzB,MAAM,QAAQ,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;4EAuEzD,CAAC"}