@sentropic/design-system-angular 0.36.59 → 0.36.61

package/dist/AppShell.d.ts

@@ -3,6 +3,7 @@ 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;
     /** Presence flags for named panels — pair with a projected `[slot=x]` element. */
@@ -37,6 +38,18 @@ export type AppShellProps = {
     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 class AppShell {
@@ -61,6 +74,20 @@ export declare class AppShell {
     contextPanelLabel?: string;
     utilityPanelLabel?: string;
     classInput?: string;
+    panelResize: boolean;
+    panelWidths?: Partial<Record<AppShellPanelKey, number>>;
+    defaultPanelWidths?: Partial<Record<AppShellPanelKey, number>>;
+    onPanelResize?: (key: AppShellPanelKey, width: number) => void;
+    panelMinWidth: number;
+    panelMaxWidth: number;
+    private navigationPanelRef?;
+    private contextPanelRef?;
+    private utilityPanelRef?;
+    private internalWidths?;
+    private dragKey;
+    private dragPositive;
+    private dragStartX;
+    private dragStartWidth;
     primaryRailPanelOpen: boolean;
     navigationPanelOpen: boolean;
     contextPanelOpen: boolean;
@@ -85,7 +112,20 @@ export declare class AppShell {
     toggleNavigationPanel(): void;
     toggleContextPanel(): void;
     toggleUtilityPanel(): void;
+    private get isWidthControlled();
+    private ensureInternalWidths;
+    widthFor(key: AppShellPanelKey): number | undefined;
+    clampWidth(n: number): number;
+    displayWidth(key: AppShellPanelKey): number;
+    private panelElFor;
+    get utilityPositive(): boolean;
+    get panelStyle(): string | null;
+    private commitWidth;
+    onHandlePointerDown(event: PointerEvent, key: AppShellPanelKey, positive: boolean): void;
+    onHandlePointerMove(event: PointerEvent): void;
+    onHandlePointerUp(event: PointerEvent): void;
+    onHandleKeydown(event: KeyboardEvent, key: AppShellPanelKey, positive: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppShell, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppShell, "st-app-shell", never, { "variant": { "alias": "variant"; "required": false; }; "topChrome": { "alias": "topChrome"; "required": false; }; "primaryRail": { "alias": "primaryRail"; "required": false; }; "navigationPanel": { "alias": "navigationPanel"; "required": false; }; "contextPanel": { "alias": "contextPanel"; "required": false; }; "utilityPanel": { "alias": "utilityPanel"; "required": false; }; "bottomPanel": { "alias": "bottomPanel"; "required": false; }; "mainId": { "alias": "mainId"; "required": false; }; "navigationLabel": { "alias": "navigationLabel"; "required": false; }; "contextLabel": { "alias": "contextLabel"; "required": false; }; "utilityLabel": { "alias": "utilityLabel"; "required": false; }; "utilityMode": { "alias": "utilityMode"; "required": false; }; "utilitySide": { "alias": "utilitySide"; "required": false; }; "panelCollapse": { "alias": "panelCollapse"; "required": false; }; "primaryRailLabel": { "alias": "primaryRailLabel"; "required": false; }; "navigationPanelLabel": { "alias": "navigationPanelLabel"; "required": false; }; "contextPanelLabel": { "alias": "contextPanelLabel"; "required": false; }; "utilityPanelLabel": { "alias": "utilityPanelLabel"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*", "[slot=topChrome]", "[slot=primaryRail]", "[slot=navigationPanel]", "[slot=main]", "[slot=contextPanel]", "[slot=utilityPanel]", "[slot=bottomPanel]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppShell, "st-app-shell", never, { "variant": { "alias": "variant"; "required": false; }; "topChrome": { "alias": "topChrome"; "required": false; }; "primaryRail": { "alias": "primaryRail"; "required": false; }; "navigationPanel": { "alias": "navigationPanel"; "required": false; }; "contextPanel": { "alias": "contextPanel"; "required": false; }; "utilityPanel": { "alias": "utilityPanel"; "required": false; }; "bottomPanel": { "alias": "bottomPanel"; "required": false; }; "mainId": { "alias": "mainId"; "required": false; }; "navigationLabel": { "alias": "navigationLabel"; "required": false; }; "contextLabel": { "alias": "contextLabel"; "required": false; }; "utilityLabel": { "alias": "utilityLabel"; "required": false; }; "utilityMode": { "alias": "utilityMode"; "required": false; }; "utilitySide": { "alias": "utilitySide"; "required": false; }; "panelCollapse": { "alias": "panelCollapse"; "required": false; }; "primaryRailLabel": { "alias": "primaryRailLabel"; "required": false; }; "navigationPanelLabel": { "alias": "navigationPanelLabel"; "required": false; }; "contextPanelLabel": { "alias": "contextPanelLabel"; "required": false; }; "utilityPanelLabel": { "alias": "utilityPanelLabel"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; "panelResize": { "alias": "panelResize"; "required": false; }; "panelWidths": { "alias": "panelWidths"; "required": false; }; "defaultPanelWidths": { "alias": "defaultPanelWidths"; "required": false; }; "onPanelResize": { "alias": "onPanelResize"; "required": false; }; "panelMinWidth": { "alias": "panelMinWidth"; "required": false; }; "panelMaxWidth": { "alias": "panelMaxWidth"; "required": false; }; }, {}, never, ["*", "[slot=topChrome]", "[slot=primaryRail]", "[slot=navigationPanel]", "[slot=main]", "[slot=contextPanel]", "[slot=utilityPanel]", "[slot=bottomPanel]"], true, never>;
 }
 //# 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":"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"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../src/AppShell.ts"],"names":[],"mappings":";AAKA,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;AAC9D,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,WAAW,CAAC;AAC1D,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG,cAAc,GAAG,cAAc,CAAC;AA2BnF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,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;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8GAA8G;IAC9G,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wGAAwG;IACxG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wGAAwG;IACxG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kGAAkG;IAClG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6FAA6F;IAC7F,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IACxD,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/D,wGAAwG;IACxG,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBA8Ma,QAAQ;IACnB,MAAM,CAAC,QAAQ,CAAC,eAAe,cAAc;IAC7C,QAAQ,CAAC,aAAa,cAAc;IAEzB,OAAO,EAAE,eAAe,CAAe;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,SAAU;IAChB,eAAe,SAA0B;IACzC,YAAY,SAAmB;IAC/B,YAAY,SAAmB;IAC/B,WAAW,EAAE,mBAAmB,CAAa;IAC7C,WAAW,EAAE,mBAAmB,CAAW;IAC3C,aAAa,EAAE,qBAAqB,CAAW;IAC/C,gBAAgB,SAAkB;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,UAAS;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IACxD,kBAAkB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/D,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,aAAa,SAAO;IACpB,aAAa,SAAO;IAEC,OAAO,CAAC,kBAAkB,CAAC,CAA0B;IACxD,OAAO,CAAC,eAAe,CAAC,CAA0B;IAClD,OAAO,CAAC,eAAe,CAAC,CAA0B;IAM/E,OAAO,CAAC,cAAc,CAAC,CAA4C;IAInE,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,cAAc,CAAK;IAM3B,oBAAoB,UAAS;IAC7B,mBAAmB,UAAS;IAC5B,gBAAgB,UAAS;IACzB,gBAAgB,UAAS;IAIzB,QAAQ,CAAC,oBAAoB,qCAAqC;IAClE,QAAQ,CAAC,mBAAmB,oCAAoC;IAChE,QAAQ,CAAC,wBAAwB,yCAAyC;IAC1E,QAAQ,CAAC,uBAAuB,wCAAwC;IACxE,QAAQ,CAAC,qBAAqB,sCAAsC;IACpE,QAAQ,CAAC,oBAAoB,qCAAqC;IAClE,QAAQ,CAAC,qBAAqB,sCAAsC;IACpE,QAAQ,CAAC,oBAAoB,qCAAqC;IAElE,IAAI,SAAS,IAAI,MAAM,CAEtB;IAKD,IAAI,4BAA4B,IAAI,MAAM,CAEzC;IAED,IAAI,yBAAyB,IAAI,MAAM,CAEtC;IAED,IAAI,yBAAyB,IAAI,MAAM,CAEtC;IAED,IAAI,0BAA0B,IAAI,OAAO,CAExC;IAED,IAAI,8BAA8B,IAAI,OAAO,CAE5C;IAED,IAAI,2BAA2B,IAAI,OAAO,CAEzC;IAED,IAAI,2BAA2B,IAAI,OAAO,CAEzC;IAED,sBAAsB,IAAI,IAAI;IAI9B,qBAAqB,IAAI,IAAI;IAI7B,kBAAkB,IAAI,IAAI;IAI1B,kBAAkB,IAAI,IAAI;IAS1B,OAAO,KAAK,iBAAiB,GAE5B;IAED,OAAO,CAAC,oBAAoB;IAO5B,QAAQ,CAAC,GAAG,EAAE,gBAAgB,GAAG,MAAM,GAAG,SAAS;IAKnD,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAM7B,YAAY,CAAC,GAAG,EAAE,gBAAgB,GAAG,MAAM;IAI3C,OAAO,CAAC,UAAU;IASlB,IAAI,eAAe,IAAI,OAAO,CAE7B;IAMD,IAAI,UAAU,IAAI,MAAM,GAAG,IAAI,CAQ9B;IAED,OAAO,CAAC,WAAW;IASnB,mBAAmB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAWxF,mBAAmB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAO9C,iBAAiB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAW5C,eAAe,CAAC,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;yCAtN1E,QAAQ;2CAAR,QAAQ;CA4OpB"}

package/dist/AppShell.js

@@ -1,7 +1,30 @@
-import { Component, Input as NgInput } from "@angular/core";
+import { Component, ElementRef, Input as NgInput, ViewChild } from "@angular/core";
 import { classNames } from "./classNames.js";
 import { Icon } from "./Icon.js";
 import * as i0 from "@angular/core";
+// CSS custom property each resizable panel is sized by (see the
+// `.st-appShell` base rule in shared styles.css) — setting it inline on the
+// shell root is the intended resize mechanism, it simply out-specificities
+// the token-driven default declared there. Mirrors Svelte's `PANEL_VAR`.
+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 (navigation
+// 20rem, context 22rem, utility 24rem, all at a 16px root) — 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 class AppShell {
     static stComponentName = "AppShell";
     componentName = "AppShell";
@@ -24,6 +47,26 @@ export class AppShell {
     contextPanelLabel;
     utilityPanelLabel;
     classInput;
+    panelResize = false;
+    panelWidths;
+    defaultPanelWidths;
+    onPanelResize;
+    panelMinWidth = 180;
+    panelMaxWidth = 640;
+    navigationPanelRef;
+    contextPanelRef;
+    utilityPanelRef;
+    // Uncontrolled fallback for resizable widths, seeded on first read from
+    // `defaultPanelWidths` (mirrors `internalValue` on TimeRangePicker — a
+    // lazy, one-time seed rather than a constructor-time copy, since
+    // `@Input()`s aren't bound yet when the class is constructed).
+    internalWidths;
+    // Pointer-drag bookkeeping — plain fields, never read from the template,
+    // only from the pointer handlers below.
+    dragKey = null;
+    dragPositive = true;
+    dragStartX = 0;
+    dragStartWidth = 0;
     // 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
@@ -81,8 +124,120 @@ export class AppShell {
     toggleUtilityPanel() {
         this.utilityPanelOpen = !this.utilityPanelOpen;
     }
+    // ── Resizable panels (panelResize) ──────────────────────────────────────
+    // Controlled/uncontrolled mirrors the Svelte reference: `panelWidths`
+    // present (even as `{}`) means controlled — the component reads it but
+    // never writes it; otherwise widths live in `internalWidths`.
+    get isWidthControlled() {
+        return this.panelWidths !== undefined;
+    }
+    ensureInternalWidths() {
+        if (this.internalWidths === undefined) {
+            this.internalWidths = { ...this.defaultPanelWidths };
+        }
+        return this.internalWidths;
+    }
+    widthFor(key) {
+        const source = this.isWidthControlled ? this.panelWidths : this.ensureInternalWidths();
+        return source?.[key];
+    }
+    clampWidth(n) {
+        return Math.min(Math.max(n, this.panelMinWidth), this.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].
+    displayWidth(key) {
+        return this.clampWidth(this.widthFor(key) ?? PANEL_NOMINAL_PX[key]);
+    }
+    panelElFor(key) {
+        if (key === "navigationPanel")
+            return this.navigationPanelRef?.nativeElement ?? null;
+        if (key === "contextPanel")
+            return this.contextPanelRef?.nativeElement ?? null;
+        return this.utilityPanelRef?.nativeElement ?? null;
+    }
+    // `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
+    // (guarded in the template), so its `positive` value is never read.
+    get utilityPositive() {
+        return this.utilitySide !== "right";
+    }
+    // Only the CSS vars for panels with an explicit (controlled or committed)
+    // width are emitted — an untouched panel keeps deferring to its token
+    // default (`.st-appShell` base rule), so a theme's own width override is
+    // never silently overridden just because `panelResize` is on.
+    get panelStyle() {
+        if (!this.panelResize)
+            return null;
+        const parts = [];
+        for (const key of Object.keys(PANEL_VAR)) {
+            const width = this.widthFor(key);
+            if (width !== undefined)
+                parts.push(`${PANEL_VAR[key]}: ${this.clampWidth(width)}px`);
+        }
+        return parts.length ? parts.join("; ") : null;
+    }
+    commitWidth(key, next) {
+        const clamped = this.clampWidth(next);
+        if (!this.isWidthControlled) {
+            const widths = this.ensureInternalWidths();
+            this.internalWidths = { ...widths, [key]: clamped };
+        }
+        this.onPanelResize?.(key, clamped);
+    }
+    onHandlePointerDown(event, key, positive) {
+        const handle = event.currentTarget;
+        handle?.setPointerCapture?.(event.pointerId);
+        this.dragKey = key;
+        this.dragPositive = positive;
+        this.dragStartX = event.clientX;
+        const measured = this.panelElFor(key)?.getBoundingClientRect().width ?? 0;
+        this.dragStartWidth = measured > 0 ? measured : this.displayWidth(key);
+        event.preventDefault();
+    }
+    onHandlePointerMove(event) {
+        if (this.dragKey === null)
+            return;
+        const dx = event.clientX - this.dragStartX;
+        const delta = this.dragPositive ? dx : -dx;
+        this.commitWidth(this.dragKey, this.dragStartWidth + delta);
+    }
+    onHandlePointerUp(event) {
+        if (this.dragKey === null)
+            return;
+        const handle = event.currentTarget;
+        if (handle?.hasPointerCapture?.(event.pointerId))
+            handle.releasePointerCapture?.(event.pointerId);
+        this.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.
+    onHandleKeydown(event, key, positive) {
+        const current = this.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 = this.panelMinWidth;
+                break;
+            case "End":
+                next = this.panelMaxWidth;
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        this.commitWidth(key, next);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AppShell, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: AppShell, isStandalone: true, selector: "st-app-shell", inputs: { variant: "variant", topChrome: "topChrome", primaryRail: "primaryRail", navigationPanel: "navigationPanel", contextPanel: "contextPanel", utilityPanel: "utilityPanel", bottomPanel: "bottomPanel", mainId: "mainId", navigationLabel: "navigationLabel", contextLabel: "contextLabel", utilityLabel: "utilityLabel", utilityMode: "utilityMode", utilitySide: "utilitySide", panelCollapse: "panelCollapse", primaryRailLabel: "primaryRailLabel", navigationPanelLabel: "navigationPanelLabel", contextPanelLabel: "contextPanelLabel", utilityPanelLabel: "utilityPanelLabel", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: AppShell, isStandalone: true, selector: "st-app-shell", inputs: { variant: "variant", topChrome: "topChrome", primaryRail: "primaryRail", navigationPanel: "navigationPanel", contextPanel: "contextPanel", utilityPanel: "utilityPanel", bottomPanel: "bottomPanel", mainId: "mainId", navigationLabel: "navigationLabel", contextLabel: "contextLabel", utilityLabel: "utilityLabel", utilityMode: "utilityMode", utilitySide: "utilitySide", panelCollapse: "panelCollapse", primaryRailLabel: "primaryRailLabel", navigationPanelLabel: "navigationPanelLabel", contextPanelLabel: "contextPanelLabel", utilityPanelLabel: "utilityPanelLabel", classInput: ["class", "classInput"], panelResize: "panelResize", panelWidths: "panelWidths", defaultPanelWidths: "defaultPanelWidths", onPanelResize: "onPanelResize", panelMinWidth: "panelMinWidth", panelMaxWidth: "panelMaxWidth" }, viewQueries: [{ propertyName: "navigationPanelRef", first: true, predicate: ["navigationPanelEl"], descendants: true }, { propertyName: "contextPanelRef", first: true, predicate: ["contextPanelEl"], descendants: true }, { propertyName: "utilityPanelRef", first: true, predicate: ["utilityPanelEl"], descendants: true }], ngImport: i0, template: `
     @if (variant === "site") {
       <div [attr.data-st-component]="componentName" data-st-app-shell-variant="site" [class]="hostClass">
         <ng-content></ng-content>
@@ -95,6 +250,7 @@ export class AppShell {
         [attr.data-utility-side]="utilitySide"
         [attr.data-panel-collapse]="panelCollapse"
         [class]="hostClass"
+        [style]="panelStyle"
       >
         @if (topChrome) {
           <div class="st-appShell__topChrome">
@@ -131,7 +287,7 @@ export class AppShell {
             </aside>
           }
           @if (navigationPanel) {
-            <aside class="st-appShell__navigationPanel" [attr.aria-label]="navigationLabel">
+            <aside class="st-appShell__navigationPanel" [attr.aria-label]="navigationLabel" #navigationPanelEl>
               @if (panelCollapse === "accordion") {
                 <button
                   type="button"
@@ -156,13 +312,30 @@ export class AppShell {
               >
                 <ng-content select="[slot=navigationPanel]"></ng-content>
               </div>
+              @if (panelResize) {
+                <div
+                  class="st-appShell__resizeHandle"
+                  role="separator"
+                  aria-orientation="vertical"
+                  tabindex="0"
+                  [attr.aria-valuenow]="displayWidth('navigationPanel')"
+                  [attr.aria-valuemin]="panelMinWidth"
+                  [attr.aria-valuemax]="panelMaxWidth"
+                  [attr.aria-label]="'Resize ' + navigationLabel"
+                  (pointerdown)="onHandlePointerDown($event, 'navigationPanel', true)"
+                  (pointermove)="onHandlePointerMove($event)"
+                  (pointerup)="onHandlePointerUp($event)"
+                  (pointercancel)="onHandlePointerUp($event)"
+                  (keydown)="onHandleKeydown($event, 'navigationPanel', true)"
+                ></div>
+              }
             </aside>
           }
           <main class="st-appShell__main" [id]="mainId">
             <ng-content select="[slot=main]"></ng-content>
           </main>
           @if (contextPanel) {
-            <aside class="st-appShell__contextPanel" [attr.aria-label]="contextLabel">
+            <aside class="st-appShell__contextPanel" [attr.aria-label]="contextLabel" #contextPanelEl>
               @if (panelCollapse === "accordion") {
                 <button
                   type="button"
@@ -187,10 +360,27 @@ export class AppShell {
               >
                 <ng-content select="[slot=contextPanel]"></ng-content>
               </div>
+              @if (panelResize) {
+                <div
+                  class="st-appShell__resizeHandle"
+                  role="separator"
+                  aria-orientation="vertical"
+                  tabindex="0"
+                  [attr.aria-valuenow]="displayWidth('contextPanel')"
+                  [attr.aria-valuemin]="panelMinWidth"
+                  [attr.aria-valuemax]="panelMaxWidth"
+                  [attr.aria-label]="'Resize ' + contextLabel"
+                  (pointerdown)="onHandlePointerDown($event, 'contextPanel', false)"
+                  (pointermove)="onHandlePointerMove($event)"
+                  (pointerup)="onHandlePointerUp($event)"
+                  (pointercancel)="onHandlePointerUp($event)"
+                  (keydown)="onHandleKeydown($event, 'contextPanel', false)"
+                ></div>
+              }
             </aside>
           }
           @if (utilityPanel) {
-            <aside class="st-appShell__utilityPanel" [attr.aria-label]="utilityLabel">
+            <aside class="st-appShell__utilityPanel" [attr.aria-label]="utilityLabel" #utilityPanelEl>
               @if (panelCollapse === "accordion") {
                 <button
                   type="button"
@@ -215,6 +405,23 @@ export class AppShell {
               >
                 <ng-content select="[slot=utilityPanel]"></ng-content>
               </div>
+              @if (panelResize && utilitySide !== "bottom") {
+                <div
+                  class="st-appShell__resizeHandle"
+                  role="separator"
+                  aria-orientation="vertical"
+                  tabindex="0"
+                  [attr.aria-valuenow]="displayWidth('utilityPanel')"
+                  [attr.aria-valuemin]="panelMinWidth"
+                  [attr.aria-valuemax]="panelMaxWidth"
+                  [attr.aria-label]="'Resize ' + utilityLabel"
+                  (pointerdown)="onHandlePointerDown($event, 'utilityPanel', utilityPositive)"
+                  (pointermove)="onHandlePointerMove($event)"
+                  (pointerup)="onHandlePointerUp($event)"
+                  (pointercancel)="onHandlePointerUp($event)"
+                  (keydown)="onHandleKeydown($event, 'utilityPanel', utilityPositive)"
+                ></div>
+              }
             </aside>
           }
         </div>
@@ -242,6 +449,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
         [attr.data-utility-side]="utilitySide"
         [attr.data-panel-collapse]="panelCollapse"
         [class]="hostClass"
+        [style]="panelStyle"
       >
         @if (topChrome) {
           <div class="st-appShell__topChrome">
@@ -278,7 +486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             </aside>
           }
           @if (navigationPanel) {
-            <aside class="st-appShell__navigationPanel" [attr.aria-label]="navigationLabel">
+            <aside class="st-appShell__navigationPanel" [attr.aria-label]="navigationLabel" #navigationPanelEl>
               @if (panelCollapse === "accordion") {
                 <button
                   type="button"
@@ -303,13 +511,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
               >
                 <ng-content select="[slot=navigationPanel]"></ng-content>
               </div>
+              @if (panelResize) {
+                <div
+                  class="st-appShell__resizeHandle"
+                  role="separator"
+                  aria-orientation="vertical"
+                  tabindex="0"
+                  [attr.aria-valuenow]="displayWidth('navigationPanel')"
+                  [attr.aria-valuemin]="panelMinWidth"
+                  [attr.aria-valuemax]="panelMaxWidth"
+                  [attr.aria-label]="'Resize ' + navigationLabel"
+                  (pointerdown)="onHandlePointerDown($event, 'navigationPanel', true)"
+                  (pointermove)="onHandlePointerMove($event)"
+                  (pointerup)="onHandlePointerUp($event)"
+                  (pointercancel)="onHandlePointerUp($event)"
+                  (keydown)="onHandleKeydown($event, 'navigationPanel', true)"
+                ></div>
+              }
             </aside>
           }
           <main class="st-appShell__main" [id]="mainId">
             <ng-content select="[slot=main]"></ng-content>
           </main>
           @if (contextPanel) {
-            <aside class="st-appShell__contextPanel" [attr.aria-label]="contextLabel">
+            <aside class="st-appShell__contextPanel" [attr.aria-label]="contextLabel" #contextPanelEl>
               @if (panelCollapse === "accordion") {
                 <button
                   type="button"
@@ -334,10 +559,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
               >
                 <ng-content select="[slot=contextPanel]"></ng-content>
               </div>
+              @if (panelResize) {
+                <div
+                  class="st-appShell__resizeHandle"
+                  role="separator"
+                  aria-orientation="vertical"
+                  tabindex="0"
+                  [attr.aria-valuenow]="displayWidth('contextPanel')"
+                  [attr.aria-valuemin]="panelMinWidth"
+                  [attr.aria-valuemax]="panelMaxWidth"
+                  [attr.aria-label]="'Resize ' + contextLabel"
+                  (pointerdown)="onHandlePointerDown($event, 'contextPanel', false)"
+                  (pointermove)="onHandlePointerMove($event)"
+                  (pointerup)="onHandlePointerUp($event)"
+                  (pointercancel)="onHandlePointerUp($event)"
+                  (keydown)="onHandleKeydown($event, 'contextPanel', false)"
+                ></div>
+              }
             </aside>
           }
           @if (utilityPanel) {
-            <aside class="st-appShell__utilityPanel" [attr.aria-label]="utilityLabel">
+            <aside class="st-appShell__utilityPanel" [attr.aria-label]="utilityLabel" #utilityPanelEl>
               @if (panelCollapse === "accordion") {
                 <button
                   type="button"
@@ -362,6 +604,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
               >
                 <ng-content select="[slot=utilityPanel]"></ng-content>
               </div>
+              @if (panelResize && utilitySide !== "bottom") {
+                <div
+                  class="st-appShell__resizeHandle"
+                  role="separator"
+                  aria-orientation="vertical"
+                  tabindex="0"
+                  [attr.aria-valuenow]="displayWidth('utilityPanel')"
+                  [attr.aria-valuemin]="panelMinWidth"
+                  [attr.aria-valuemax]="panelMaxWidth"
+                  [attr.aria-label]="'Resize ' + utilityLabel"
+                  (pointerdown)="onHandlePointerDown($event, 'utilityPanel', utilityPositive)"
+                  (pointermove)="onHandlePointerMove($event)"
+                  (pointerup)="onHandlePointerUp($event)"
+                  (pointercancel)="onHandlePointerUp($event)"
+                  (keydown)="onHandleKeydown($event, 'utilityPanel', utilityPositive)"
+                ></div>
+              }
             </aside>
           }
         </div>
@@ -412,5 +671,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             }], classInput: [{
                 type: NgInput,
                 args: ["class"]
+            }], panelResize: [{
+                type: NgInput
+            }], panelWidths: [{
+                type: NgInput
+            }], defaultPanelWidths: [{
+                type: NgInput
+            }], onPanelResize: [{
+                type: NgInput
+            }], panelMinWidth: [{
+                type: NgInput
+            }], panelMaxWidth: [{
+                type: NgInput
+            }], navigationPanelRef: [{
+                type: ViewChild,
+                args: ["navigationPanelEl"]
+            }], contextPanelRef: [{
+                type: ViewChild,
+                args: ["contextPanelEl"]
+            }], utilityPanelRef: [{
+                type: ViewChild,
+                args: ["utilityPanelEl"]
             }] } });
 //# sourceMappingURL=AppShell.js.map

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/MenuPopover.d.ts

@@ -1,21 +1,86 @@
+import { ElementRef, EventEmitter } from "@angular/core";
+import type { AfterViewInit, OnChanges, OnDestroy, SimpleChanges } from "@angular/core";
 import type { MenuItem } from "./Menu.js";
 import * as i0 from "@angular/core";
 export type MenuPopoverPlacement = "top-start" | "top-end" | "bottom-start" | "bottom-end";
+export type MenuPopoverAlign = "start" | "end" | "center";
+export type MenuPopoverRect = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+    width: number;
+};
+export type MenuPopoverViewport = {
+    height: number;
+    scrollX: number;
+    scrollY: number;
+};
+export type MenuPopoverPosition = {
+    top: number;
+    left: number;
+    maxHeight: number;
+    alignEnd: boolean;
+    alignCenter: boolean;
+};
+/**
+ * Pure position solver — mirrors Svelte's `computePosition()` / React's
+ * `computePosition` callback so it can be unit-tested without a real
+ * `window`/DOM (this package's tests run in a Node environment, no jsdom).
+ */
+export declare function computeMenuPopoverPosition(rect: MenuPopoverRect, placement: MenuPopoverPlacement, align: MenuPopoverAlign | undefined, viewport: MenuPopoverViewport): MenuPopoverPosition;
+export declare function menuPopoverIsWithin(event: {
+    composedPath?: () => EventTarget[];
+    target: EventTarget | null;
+}, node: Element | null | undefined): boolean;
 export type MenuPopoverProps = {
     items?: MenuItem[];
     open?: boolean;
+    trigger?: HTMLElement | null;
     placement?: MenuPopoverPlacement;
+    align?: MenuPopoverAlign;
+    label?: string;
     class?: string;
+    closeOnOutside?: boolean;
+    closeOnEscape?: boolean;
 };
-export declare class MenuPopover {
+export declare class MenuPopover implements AfterViewInit, OnChanges, OnDestroy {
     static readonly stComponentName = "MenuPopover";
     readonly componentName = "MenuPopover";
+    /** Convenience (not in the Svelte contract): renders a <st-menu> from `items` instead of projected content. */
     items?: MenuItem[];
-    open?: boolean;
-    placement?: MenuPopoverPlacement;
+    open: boolean;
+    /** Anchor element used for position computation and outside-click exclusion (Svelte-canonical). */
+    trigger: HTMLElement | null;
+    placement: MenuPopoverPlacement;
+    align?: MenuPopoverAlign;
+    /** Accessible name for the panel (Svelte-canonical: applied as aria-label on role="dialog"). */
+    label: string;
     classInput?: string;
+    closeOnOutside: boolean;
+    closeOnEscape: boolean;
+    readonly openChange: EventEmitter<boolean>;
+    panel?: ElementRef<HTMLDivElement>;
+    top: number;
+    left: number;
+    maxHeight: number;
+    alignEnd: boolean;
+    alignCenter: boolean;
+    private listenersActive;
+    private readonly onScroll;
+    private readonly onResize;
+    private readonly onPointerDown;
+    private readonly onKeyDown;
     get hostClass(): string;
+    get panelStyle(): string;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    computePosition(): void;
+    close(): void;
+    private registerWindowListeners;
+    private unregisterWindowListeners;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuPopover, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuPopover, "st-menu-popover", never, { "items": { "alias": "items"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuPopover, "st-menu-popover", never, { "items": { "alias": "items"; "required": false; }; "open": { "alias": "open"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "align": { "alias": "align"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; "closeOnOutside": { "alias": "closeOnOutside"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
 }
 //# sourceMappingURL=MenuPopover.d.ts.map

package/dist/MenuPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../src/MenuPopover.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAE1C,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,CAAC;AAE3F,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAUa,WAAW;IACtB,MAAM,CAAC,QAAQ,CAAC,eAAe,iBAAiB;IAChD,QAAQ,CAAC,aAAa,iBAAiB;IAC5B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAVU,WAAW;2CAAX,WAAW;CAWvB"}
+{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../src/MenuPopover.ts"],"names":[],"mappings":"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"}