@sentropic/design-system-vue 0.36.56 → 0.36.58

package/dist/AppShell.d.ts

@@ -1,7 +1,9 @@
-import { type PropType } from "vue";
+import { type PropType, type VNode } from "vue";
 export type AppShellVariant = "site" | "workspace";
 export type AppShellUtilityMode = "reserve" | "overlay" | "floating";
 export type AppShellUtilitySide = "left" | "right" | "bottom";
+export type AppShellPanelCollapse = "stack" | "accordion";
+export type AppShellPanelKey = "navigationPanel" | "contextPanel" | "utilityPanel";
 export type AppShellProps = {
     variant?: AppShellVariant;
     mainId?: string;
@@ -10,6 +12,37 @@ export type AppShellProps = {
     utilityLabel?: string;
     utilityMode?: AppShellUtilityMode;
     utilitySide?: AppShellUtilitySide;
+    /**
+     * Below the 48rem breakpoint, `"stack"` (default) keeps today's behaviour —
+     * panels stack full-width in document order, always expanded. `"accordion"`
+     * degrades each present panel to a keyboard-accessible disclosure (collapsed
+     * by default) instead of squeezing the main content. Desktop (>48rem)
+     * rendering is IDENTICAL in both modes — side panels stay side-by-side
+     * columns. Panel content is mounted once regardless of mode/breakpoint;
+     * collapsing hides/sizes the region rather than destroying it, so stateful
+     * widgets (maps, live panels…) mounted in a panel never remount.
+     */
+    panelCollapse?: AppShellPanelCollapse;
+    /** Disclosure label for `primaryRail` when `panelCollapse="accordion"`. */
+    primaryRailLabel?: string;
+    /** Disclosure label for `navigationPanel` when `panelCollapse="accordion"`. Defaults to `navigationLabel`. */
+    navigationPanelLabel?: string;
+    /** Disclosure label for `contextPanel` when `panelCollapse="accordion"`. Defaults to `contextLabel`. */
+    contextPanelLabel?: string;
+    /** Disclosure label for `utilityPanel` when `panelCollapse="accordion"`. Defaults to `utilityLabel`. */
+    utilityPanelLabel?: string;
+    /** Enables drag-to-resize handles on side panels above 48rem. Default false — zero regression. */
+    panelResize?: boolean;
+    /** Controlled panel widths in px. When provided the component never mutates width itself. */
+    panelWidths?: Partial<Record<AppShellPanelKey, number>>;
+    /** Seeds uncontrolled widths in px. */
+    defaultPanelWidths?: Partial<Record<AppShellPanelKey, number>>;
+    /** Fired on every committed resize. Persistence is the CONSUMER's job — the DS stays presentational. */
+    onPanelResize?: (key: AppShellPanelKey, width: number) => void;
+    /** Lower clamp in px. Default 180. */
+    panelMinWidth?: number;
+    /** Upper clamp in px. Default 640. */
+    panelMaxWidth?: number;
     class?: string;
 };
 export declare const AppShell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -41,13 +74,57 @@ export declare const AppShell: import("vue").DefineComponent<import("vue").Extra
         type: PropType<AppShellUtilitySide>;
         default: string;
     };
+    panelCollapse: {
+        type: PropType<AppShellPanelCollapse>;
+        default: string;
+    };
+    primaryRailLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    navigationPanelLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    contextPanelLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    utilityPanelLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    panelResize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    panelWidths: {
+        type: () => Partial<Record<AppShellPanelKey, number>>;
+        default: undefined;
+    };
+    defaultPanelWidths: {
+        type: () => Partial<Record<AppShellPanelKey, number>>;
+        default: undefined;
+    };
+    onPanelResize: {
+        type: () => (key: AppShellPanelKey, width: number) => void;
+        default: undefined;
+    };
+    panelMinWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    panelMaxWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
     class: {
         type: StringConstructor;
         default: undefined;
     };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "panelResize"[], "panelResize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     variant: {
         type: PropType<AppShellVariant>;
         default: string;
@@ -76,12 +153,59 @@ export declare const AppShell: import("vue").DefineComponent<import("vue").Extra
         type: PropType<AppShellUtilitySide>;
         default: string;
     };
+    panelCollapse: {
+        type: PropType<AppShellPanelCollapse>;
+        default: string;
+    };
+    primaryRailLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    navigationPanelLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    contextPanelLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    utilityPanelLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    panelResize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    panelWidths: {
+        type: () => Partial<Record<AppShellPanelKey, number>>;
+        default: undefined;
+    };
+    defaultPanelWidths: {
+        type: () => Partial<Record<AppShellPanelKey, number>>;
+        default: undefined;
+    };
+    onPanelResize: {
+        type: () => (key: AppShellPanelKey, width: number) => void;
+        default: undefined;
+    };
+    panelMinWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    panelMaxWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
     class: {
         type: StringConstructor;
         default: undefined;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onPanelResize?: ((...args: any[]) => any) | undefined;
+}>, {
     class: string;
+    panelResize: boolean;
     variant: AppShellVariant;
     mainId: string;
     navigationLabel: string;
@@ -89,5 +213,15 @@ export declare const AppShell: import("vue").DefineComponent<import("vue").Extra
     utilityLabel: string;
     utilityMode: AppShellUtilityMode;
     utilitySide: AppShellUtilitySide;
+    panelCollapse: AppShellPanelCollapse;
+    primaryRailLabel: string;
+    navigationPanelLabel: string;
+    contextPanelLabel: string;
+    utilityPanelLabel: string;
+    panelWidths: Partial<Record<AppShellPanelKey, number>>;
+    defaultPanelWidths: Partial<Record<AppShellPanelKey, number>>;
+    onPanelResize: (key: AppShellPanelKey, width: number) => void;
+    panelMinWidth: number;
+    panelMaxWidth: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=AppShell.d.ts.map

package/dist/AppShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../src/AppShell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAGxD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,WAAW,CAAC;AACnD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACrE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ;;cAGU,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;cAKrB,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC7B,QAAQ,CAAC,mBAAmB,CAAC;;;;;;;;;;;cANjC,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;cAKrB,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC7B,QAAQ,CAAC,mBAAmB,CAAC;;;;;;;;;;;;;;;;4EAqB9D,CAAC"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../src/AppShell.ts"],"names":[],"mappings":"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"}

package/dist/AppShell.js

@@ -1,5 +1,29 @@
-import { defineComponent, h } from "vue";
+import { defineComponent, h, ref } from "vue";
+import { ChevronDown } from "lucide-vue-next";
 import { classNames } from "./classNames.js";
+// CSS custom property each resizable panel is sized by (see the
+// `.st-appShell__navigationPanel` / `__contextPanel` / `__utilityPanel` rules
+// in styles.css) — setting it inline on the shell root is the intended resize
+// mechanism, it simply out-specificities the token-driven default declared
+// there.
+const PANEL_VAR = {
+    navigationPanel: "--st-appShell-navigation-width",
+    contextPanel: "--st-appShell-context-width",
+    utilityPanel: "--st-appShell-utility-width",
+};
+// Nominal px equivalent of each panel's own CSS-token default — used ONLY as
+// a display/ARIA fallback (aria-valuenow, drag-start anchor) before any width
+// has ever been supplied or committed. Never written back as an inline
+// style, so a themed override of the underlying token is never fought until
+// the consumer/user actually establishes a concrete width.
+// NOTE: `primaryRail` is intentionally NOT a resizable panel — it is a
+// fixed-width icon rail (à la VS Code's activity bar), not a splittable
+// pane; see `AppShellPanelKey` above.
+const PANEL_NOMINAL_PX = {
+    navigationPanel: 320,
+    contextPanel: 352,
+    utilityPanel: 384,
+};
 export const AppShell = defineComponent({
     name: "AppShell",
     props: {
@@ -10,21 +34,281 @@ export const AppShell = defineComponent({
         utilityLabel: { type: String, default: "Utility panel" },
         utilityMode: { type: String, default: "reserve" },
         utilitySide: { type: String, default: "right" },
+        panelCollapse: { type: String, default: "stack" },
+        primaryRailLabel: { type: String, default: "Primary rail" },
+        navigationPanelLabel: { type: String, default: undefined },
+        contextPanelLabel: { type: String, default: undefined },
+        utilityPanelLabel: { type: String, default: undefined },
+        panelResize: { type: Boolean, default: false },
+        panelWidths: { type: Object, default: undefined },
+        defaultPanelWidths: { type: Object, default: undefined },
+        onPanelResize: {
+            type: Function,
+            default: undefined,
+        },
+        panelMinWidth: { type: Number, default: 180 },
+        panelMaxWidth: { type: Number, default: 640 },
         class: { type: String, default: undefined },
     },
-    setup(props, { slots, attrs }) {
+    emits: ["panelResize"],
+    setup(props, { slots, attrs, emit }) {
+        // Uncontrolled per-panel disclosure state (v1) — each accordion panel
+        // starts collapsed. Desktop rendering never reads these (CSS scopes the
+        // collapse to `@media (max-width: 48rem)`), so they have zero effect
+        // above the breakpoint.
+        const primaryRailPanelOpen = ref(false);
+        const navigationPanelOpen = ref(false);
+        const contextPanelOpen = ref(false);
+        const utilityPanelOpen = ref(false);
+        // ── Resizable panels (panelResize) ──────────────────────────────────────
+        // Controlled/uncontrolled mirrors RangeSlider.ts: `panelWidths` present
+        // (even as `{}`) means controlled — the component reads it but never
+        // writes it; otherwise widths live in `internalWidths`, seeded ONCE (at
+        // setup time) from `defaultPanelWidths`.
+        const internalWidths = ref({ ...props.defaultPanelWidths });
+        const navigationPanelEl = ref(null);
+        const contextPanelEl = ref(null);
+        const utilityPanelEl = ref(null);
+        function isWidthControlled() {
+            return props.panelWidths !== undefined;
+        }
+        function widthFor(key) {
+            const source = isWidthControlled() ? props.panelWidths : internalWidths.value;
+            return source?.[key];
+        }
+        function clampWidth(n) {
+            return Math.min(Math.max(n, props.panelMinWidth), props.panelMaxWidth);
+        }
+        // Current width for rendering/ARIA — always a concrete, clamped number so
+        // aria-valuenow is never NaN and is always within [aria-valuemin, aria-valuemax].
+        function displayWidth(key) {
+            return clampWidth(widthFor(key) ?? PANEL_NOMINAL_PX[key]);
+        }
+        function panelElFor(key) {
+            if (key === "navigationPanel")
+                return navigationPanelEl.value;
+            if (key === "contextPanel")
+                return contextPanelEl.value;
+            return utilityPanelEl.value;
+        }
+        function commitWidth(key, next) {
+            const clamped = clampWidth(next);
+            if (!isWidthControlled())
+                internalWidths.value = { ...internalWidths.value, [key]: clamped };
+            // `emit("panelResize")` already routes to an `onPanelResize` handler prop
+            // (Vue maps emitted events to their `onX` listeners), so calling
+            // `props.onPanelResize` here as well would fire the callback twice.
+            // Emit only.
+            emit("panelResize", key, clamped);
+        }
+        // Pointer-drag bookkeeping — plain (non-reactive) fields, never read from
+        // the render function, only from the pointer handlers below.
+        let dragKey = null;
+        let dragPositive = true;
+        let dragStartX = 0;
+        let dragStartWidth = 0;
+        function onHandlePointerDown(event, key, positive) {
+            const handle = event.currentTarget;
+            handle.setPointerCapture?.(event.pointerId);
+            dragKey = key;
+            dragPositive = positive;
+            dragStartX = event.clientX;
+            const measured = panelElFor(key)?.getBoundingClientRect().width ?? 0;
+            dragStartWidth = measured > 0 ? measured : displayWidth(key);
+            event.preventDefault();
+        }
+        function onHandlePointerMove(event) {
+            if (dragKey === null)
+                return;
+            const dx = event.clientX - dragStartX;
+            const delta = dragPositive ? dx : -dx;
+            commitWidth(dragKey, dragStartWidth + delta);
+        }
+        function onHandlePointerUp(event) {
+            if (dragKey === null)
+                return;
+            const handle = event.currentTarget;
+            if (handle.hasPointerCapture?.(event.pointerId))
+                handle.releasePointerCapture?.(event.pointerId);
+            dragKey = null;
+        }
+        // Arrow keys move the splitter itself (WAI-ARIA window-splitter pattern):
+        // for a "positive" (left-edge) panel, moving the splitter right grows it;
+        // for a "negative" (right-edge) panel, moving the splitter right shrinks
+        // it. Home/End always jump to the absolute clamp bounds.
+        function onHandleKeydown(event, key, positive) {
+            const current = displayWidth(key);
+            let next;
+            switch (event.key) {
+                case "ArrowLeft":
+                    next = current + (positive ? -16 : 16);
+                    break;
+                case "ArrowRight":
+                    next = current + (positive ? 16 : -16);
+                    break;
+                case "Home":
+                    next = props.panelMinWidth;
+                    break;
+                case "End":
+                    next = props.panelMaxWidth;
+                    break;
+                default:
+                    return;
+            }
+            event.preventDefault();
+            commitWidth(key, next);
+        }
+        function renderResizeHandle(key, positive, ariaLabel) {
+            return h("div", {
+                class: "st-appShell__resizeHandle",
+                role: "separator",
+                "aria-orientation": "vertical",
+                tabindex: 0,
+                "aria-valuenow": displayWidth(key),
+                "aria-valuemin": props.panelMinWidth,
+                "aria-valuemax": props.panelMaxWidth,
+                "aria-label": `Resize ${ariaLabel}`,
+                onPointerdown: (event) => onHandlePointerDown(event, key, positive),
+                onPointermove: onHandlePointerMove,
+                onPointerup: onHandlePointerUp,
+                onPointercancel: onHandlePointerUp,
+                onKeydown: (event) => onHandleKeydown(event, key, positive),
+            });
+        }
+        // Renders a panel's `<aside>`. In `"accordion"` mode it wraps the slot
+        // content in a disclosure `<button>` + a SINGLE always-mounted
+        // `st-appShell__panelRegion` — the region is never conditionally
+        // unmounted, only resized/hidden via CSS, so panel content never
+        // remounts when it collapses/expands.
+        function renderPanel(opts) {
+            const { asideClass, ariaLabel, key, label, isOpen, toggle, content, elRef, resizeHandle } = opts;
+            const triggerId = `st-appShell-${key}-trigger`;
+            const regionId = `st-appShell-${key}-region`;
+            const asideProps = { class: asideClass, "aria-label": ariaLabel };
+            if (elRef)
+                asideProps.ref = elRef;
+            if (props.panelCollapse !== "accordion") {
+                const children = resizeHandle ? [...content, resizeHandle] : content;
+                return h("aside", asideProps, children);
+            }
+            const open = isOpen();
+            const children = [
+                h("button", {
+                    type: "button",
+                    class: "st-appShell__panelDisclosure",
+                    "aria-expanded": open ? "true" : "false",
+                    "aria-controls": regionId,
+                    id: triggerId,
+                    onClick: toggle,
+                }, [
+                    h("span", { class: "st-appShell__panelDisclosureLabel" }, label),
+                    h("span", {
+                        class: classNames("st-appShell__panelDisclosureIcon", open && "st-appShell__panelDisclosureIcon--expanded"),
+                    }, [h(ChevronDown, { size: 16, "aria-hidden": "true" })]),
+                ]),
+                h("div", {
+                    class: classNames("st-appShell__panelRegion", !open && "st-appShell__panelRegion--collapsed"),
+                    id: regionId,
+                    role: "region",
+                    "aria-labelledby": triggerId,
+                }, content),
+            ];
+            if (resizeHandle)
+                children.push(resizeHandle);
+            return h("aside", asideProps, children);
+        }
         return () => {
             if (props.variant === "site") {
                 return h("div", { ...attrs, class: classNames("st-appShell st-appShell--site", props.class), "data-st-app-shell-variant": "site" }, slots.default?.());
             }
-            return h("div", { ...attrs, class: classNames("st-appShell st-appShell--workspace", props.class), "data-st-app-shell-variant": "workspace", "data-utility-mode": props.utilityMode, "data-utility-side": props.utilitySide }, [
+            const navigationPanelLabelResolved = props.navigationPanelLabel ?? props.navigationLabel;
+            const contextPanelLabelResolved = props.contextPanelLabel ?? props.contextLabel;
+            const utilityPanelLabelResolved = props.utilityPanelLabel ?? props.utilityLabel;
+            // Only the CSS vars for panels with an explicit (controlled or
+            // committed) width are emitted — an untouched panel keeps deferring to
+            // its token default (styles.css), so a theme's own width override is
+            // never silently overridden just because `panelResize` is on.
+            let panelStyle;
+            if (props.panelResize) {
+                const style = {};
+                for (const key of Object.keys(PANEL_VAR)) {
+                    const width = widthFor(key);
+                    if (width !== undefined)
+                        style[PANEL_VAR[key]] = `${clampWidth(width)}px`;
+                }
+                panelStyle = Object.keys(style).length ? style : undefined;
+            }
+            // `utilityPanel` mirrors a left panel (grow-on-drag-right) unless it
+            // sits on the right edge; the "bottom" side never renders a handle at
+            // all, so its `positive` value is never read.
+            const utilityPositive = props.utilitySide !== "right";
+            return h("div", {
+                ...attrs,
+                class: classNames("st-appShell st-appShell--workspace", props.class),
+                "data-st-app-shell-variant": "workspace",
+                "data-utility-mode": props.utilityMode,
+                "data-utility-side": props.utilitySide,
+                "data-panel-collapse": props.panelCollapse,
+                style: panelStyle,
+            }, [
                 slots.topChrome ? h("div", { class: "st-appShell__topChrome" }, slots.topChrome()) : null,
                 h("div", { class: "st-appShell__body" }, [
-                    slots.primaryRail ? h("aside", { class: "st-appShell__primaryRail", "aria-label": "Primary rail" }, slots.primaryRail()) : null,
-                    slots.navigationPanel ? h("aside", { class: "st-appShell__navigationPanel", "aria-label": props.navigationLabel }, slots.navigationPanel()) : null,
+                    slots.primaryRail
+                        ? renderPanel({
+                            asideClass: "st-appShell__primaryRail",
+                            ariaLabel: "Primary rail",
+                            key: "primaryRail",
+                            label: props.primaryRailLabel,
+                            isOpen: () => primaryRailPanelOpen.value,
+                            toggle: () => (primaryRailPanelOpen.value = !primaryRailPanelOpen.value),
+                            content: slots.primaryRail(),
+                            // No resize handle here: `primaryRail` is a fixed-width icon
+                            // rail (à la VS Code's activity bar), not a resizable panel —
+                            // see `AppShellPanelKey`.
+                        })
+                        : null,
+                    slots.navigationPanel
+                        ? renderPanel({
+                            asideClass: "st-appShell__navigationPanel",
+                            ariaLabel: props.navigationLabel,
+                            key: "navigationPanel",
+                            label: navigationPanelLabelResolved,
+                            isOpen: () => navigationPanelOpen.value,
+                            toggle: () => (navigationPanelOpen.value = !navigationPanelOpen.value),
+                            content: slots.navigationPanel(),
+                            elRef: navigationPanelEl,
+                            resizeHandle: props.panelResize ? renderResizeHandle("navigationPanel", true, props.navigationLabel) : null,
+                        })
+                        : null,
                     h("main", { class: "st-appShell__main", id: props.mainId }, slots.main?.() ?? slots.default?.()),
-                    slots.contextPanel ? h("aside", { class: "st-appShell__contextPanel", "aria-label": props.contextLabel }, slots.contextPanel()) : null,
-                    slots.utilityPanel ? h("aside", { class: "st-appShell__utilityPanel", "aria-label": props.utilityLabel }, slots.utilityPanel()) : null,
+                    slots.contextPanel
+                        ? renderPanel({
+                            asideClass: "st-appShell__contextPanel",
+                            ariaLabel: props.contextLabel,
+                            key: "contextPanel",
+                            label: contextPanelLabelResolved,
+                            isOpen: () => contextPanelOpen.value,
+                            toggle: () => (contextPanelOpen.value = !contextPanelOpen.value),
+                            content: slots.contextPanel(),
+                            elRef: contextPanelEl,
+                            resizeHandle: props.panelResize ? renderResizeHandle("contextPanel", false, props.contextLabel) : null,
+                        })
+                        : null,
+                    slots.utilityPanel
+                        ? renderPanel({
+                            asideClass: "st-appShell__utilityPanel",
+                            ariaLabel: props.utilityLabel,
+                            key: "utilityPanel",
+                            label: utilityPanelLabelResolved,
+                            isOpen: () => utilityPanelOpen.value,
+                            toggle: () => (utilityPanelOpen.value = !utilityPanelOpen.value),
+                            content: slots.utilityPanel(),
+                            elRef: utilityPanelEl,
+                            resizeHandle: props.panelResize && props.utilitySide !== "bottom"
+                                ? renderResizeHandle("utilityPanel", utilityPositive, props.utilityLabel)
+                                : null,
+                        })
+                        : null,
                 ]),
                 slots.bottomPanel ? h("section", { class: "st-appShell__bottomPanel", "aria-label": "Workspace tools" }, slots.bottomPanel()) : null,
             ]);

package/dist/AppShell.js.map

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

package/dist/BarChart.d.ts

@@ -284,7 +284,7 @@ export declare const BarChart: import("vue").DefineComponent<import("vue").Extra
     onSelect: (key: string) => void;
     height: number;
     width: number;
-    orientation: "horizontal" | "vertical";
+    orientation: "vertical" | "horizontal";
     scale: ChartScale;
     annotations: ChartAnnotation[];
     dataLabels: DataLabelsProp;

package/dist/BulletChart.d.ts

@@ -69,6 +69,6 @@ export declare const BulletChart: import("vue").DefineComponent<import("vue").Ex
     data: BulletChartDatum[];
     height: number;
     width: number;
-    orientation: "horizontal" | "vertical";
+    orientation: "vertical" | "horizontal";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=BulletChart.d.ts.map

package/dist/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../src/Calendar.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;AAI3E,MAAM,MAAM,aAAa,GAAG;IAC1B,wEAAwE;IACxE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAwCF,eAAO,MAAM,QAAQ;;cAI6B,MAAM,aAAa;;;;cAIlC,MAAM,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI;;;;;;;;;;;;;;;;cAMnC,MAAM,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;cAVG,MAAM,aAAa;;;;cAIlC,MAAM,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI;;;;;;;;;;;;;;;;cAMnC,MAAM,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBANE,aAAa,KAAK,IAAI;;;;;;;;;;4EAybrE,CAAC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../src/Calendar.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;AAI3E,MAAM,MAAM,aAAa,GAAG;IAC1B,wEAAwE;IACxE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAwCF,eAAO,MAAM,QAAQ;;cAI6B,MAAM,aAAa;;;;cAIlC,MAAM,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI;;;;;;;;;;;;;;;;cAMnC,MAAM,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;cAVG,MAAM,aAAa;;;;cAIlC,MAAM,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI;;;;;;;;;;;;;;;;cAMnC,MAAM,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBANE,aAAa,KAAK,IAAI;;;;;;;;;;4EA2brE,CAAC"}

package/dist/Calendar.js

@@ -285,8 +285,10 @@ export const Calendar = defineComponent({
             if (props.value === undefined)
                 internal.value = next;
             emit("update:modelValue", next);
+            // `emit("change")` already routes to an `onChange` handler prop (Vue maps
+            // emitted events to their `onX` listeners), so calling `props.onChange`
+            // here as well would fire the callback twice. Emit only.
             emit("change", next);
-            props.onChange?.(next);
         };
         return () => {
             const activeValue = props.value ?? internal.value;