@sentropic/design-system-angular 0.36.59 → 0.36.61

package/dist/PanelStack.js

@@ -0,0 +1,584 @@
+import { Component, ContentChildren, ElementRef, EventEmitter, Input as NgInput, Output, QueryList } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { PanelSection } from "./PanelSection.js";
+import * as i0 from "@angular/core";
+/**
+ * Bound ratified by the chat consumer lane: beyond 4 sections, stacking
+ * collapsible regions in a pane capped at 640px makes scrolling unmanageable
+ * and the single-owner rule becomes untenable. Enforced as a dev-time
+ * `console.warn` in `register()` (this package's established convention —
+ * see NavActionStack/WaterfallChart — is to warn and degrade, never throw or
+ * silently truncate); exported here so the bound is also visible through
+ * types/docs to a consumer reading `PanelStackProps`. Mirrors
+ * `PanelStack.svelte`'s constant of the same name/value 1:1.
+ */
+export const PANEL_STACK_MAX_SECTIONS = 4;
+/**
+ * Default for the `primaryMinHeight` input below. The INPUT — not this
+ * constant — is the single source of truth for both the JS auto-collapse
+ * threshold (`resolvedPrimaryMinHeight`, fed into
+ * `computePanelStackAutoCollapse`'s `floorPx`) and the CSS floor: the host
+ * emits it as an inline `--st-component-panelStack-primaryMinBlockSize`
+ * custom property (see the `@Component` `host` binding), which styles.css's
+ * `.st-panelSection__body--scrollOwner` rule reads via `var(...)` — kept in
+ * sync with that stylesheet's `160px` var() fallback for the case where
+ * nothing sets the inline property. Not read back via `getComputedStyle`:
+ * this package's Node test environment has no DOM at all, which would make
+ * the threshold untestable; a hardcoded, documented, kept-in-sync numeric
+ * mirror of the CSS default is this codebase's existing pattern (see
+ * MenuPopover's `MIN_HEIGHT`/`GAP`). Mirrors `PanelStack.svelte`'s local
+ * `PRIMARY_MIN_BLOCK_SIZE_PX`.
+ */
+const PRIMARY_MIN_BLOCK_SIZE_PX = 160;
+/**
+ * Pure fallback-chain resolver for split-primary's scroll owner — mirrors
+ * `PanelStack.svelte`'s `effectivePrimary` derivation so it is unit-testable
+ * without any component/DOM machinery (see MenuPopover's
+ * `computeMenuPopoverPosition` for the established pattern).
+ *
+ * Tier 1: a `designatedPrimary` that matches a currently-registered id always
+ * wins. Tier 2: otherwise the first EXPANDED id in `orderedIds` (registration
+ * order is the tiebreak, never click order). Tier 3 (last resort): the first
+ * registered id, so the stack never degrades to zero scroll owners.
+ */
+export function resolvePanelStackPrimary(designatedPrimary, orderedIds, openIds) {
+    if (designatedPrimary !== undefined && orderedIds.includes(designatedPrimary)) {
+        return designatedPrimary;
+    }
+    const firstExpanded = orderedIds.find((id) => openIds.has(id));
+    if (firstExpanded !== undefined)
+        return firstExpanded;
+    return orderedIds[0] ?? null;
+}
+/**
+ * Pure resolver for sticky-item's effective expanded/scroll-owner id — a
+ * SINGLE resolved value deliberately reused by the class for both
+ * `isExpanded` and `isScrollOwner` in that shape (see `effectiveExpandedId`).
+ * Splitting these into two different values would let a section render as
+ * the (visible, `overflow:auto`) scroll owner while its trigger reports
+ * `aria-expanded="false"` — a screen reader announcing "collapsed" for
+ * on-screen, scrolling content. sticky-item's contract is that "expanded"
+ * and "owns the scroll" are the same fact about the same section by
+ * definition, so this resolver is the one place that fact is decided, for
+ * both.
+ *
+ * The controlled counterpart to `effectiveExpandedId`'s uncontrolled
+ * fallback (which already resolves to the first registered id on its own).
+ * Mirrors `resolvePanelStackPrimary`'s last-resort tier so this package's
+ * Node test environment can exercise the decision without any
+ * component/DOM machinery.
+ *
+ * Ratified cross-framework rule: a controlled `expanded` is NEVER silently
+ * corrected — the caller must still expose the raw, possibly-invalid value
+ * back to the consumer (never rewritten, never fed through
+ * `onExpandedChange`) — that is about the PROP, not about what gets
+ * rendered: ARIA still has to describe the actual DOM, so the resolved
+ * (possibly healed) value below is what both `isExpanded` and
+ * `isScrollOwner` read. Two distinct controlled inputs are told apart here:
+ *
+ * - `expandedId` is a non-null id that names NO id in `orderedIds`: this is
+ *   a MISTAKE (a stale/typo'd controlled value) — the consumer intended a
+ *   section open and silently got none, which is exactly the "content
+ *   unreachable by the wheel" state the stack must never reach. Falls back
+ *   to the first registered id, identically to `resolvePanelStackPrimary`'s
+ *   own tier 3.
+ * - `expandedId` is explicitly `null`: this is a DELIBERATE "everything
+ *   collapsed" — honoured as-is, no fallback. An all-collapsed stack shows
+ *   no content at all, so nothing is unreachable; zero scroll owners is the
+ *   correct, legitimate outcome here.
+ */
+export function resolvePanelStackExpanded(expandedId, orderedIds) {
+    if (expandedId === null)
+        return null;
+    if (orderedIds.includes(expandedId))
+        return expandedId;
+    return orderedIds[0] ?? null;
+}
+/**
+ * THE auto-collapse decision, factored out as a pure function (per
+ * MenuPopover's `computeMenuPopoverPosition` precedent) so it is testable
+ * without ResizeObserver/DOM: this package's Node test environment has
+ * neither. Mirrors `PanelStack.svelte`'s decision `$effect` body exactly.
+ *
+ * Returns the id of AT MOST ONE new secondary to auto-collapse this pass, or
+ * `null` if nothing needs to (either it already fits, or nothing is left to
+ * collapse — the degenerate "pane too small even fully collapsed" case).
+ *
+ * Convergence / no-avalanche contract: this function is a pure read of the
+ * measurements and state PASSED IN — it never reads or writes any component
+ * field itself, and it never returns more than one id per call. A caller
+ * that re-invokes it once per REAL measurement update (the pattern used by
+ * `PanelStack`'s ResizeObserver callback and `toggle()`) therefore collapses
+ * at most one NEW secondary per pass, using measurements that are always
+ * either accurate (untouched by this pass) or correctly reflect an EARLIER
+ * pass once the observer catches up — never a same-tick avalanche. Calling
+ * it again with IDENTICAL inputs (e.g. a duplicate/no-op resize delivery)
+ * always returns `null` once the fixed point is reached: `autoCollapsed`
+ * already contains every viable candidate, so the `.find()` below yields
+ * nothing new — no oscillation.
+ */
+export function computePanelStackAutoCollapse(measurements, floorPx = PRIMARY_MIN_BLOCK_SIZE_PX) {
+    const { primaryId, stackHeight, primaryHeaderHeight, secondaryIds, rootHeights, openSecondary, autoCollapsed, expansionOrder } = measurements;
+    if (stackHeight === 0)
+        return null; // not measured yet — nothing to decide.
+    let secondaryTotal = 0;
+    for (const id of secondaryIds) {
+        secondaryTotal += rootHeights.get(id) ?? 0;
+    }
+    const available = stackHeight - primaryHeaderHeight - secondaryTotal;
+    if (available >= floorPx)
+        return null;
+    const candidate = expansionOrder.find((id) => id !== primaryId && openSecondary.has(id) && !autoCollapsed.has(id));
+    return candidate ?? null;
+}
+/**
+ * Stacks several `PanelSection` contents inside ONE panel so a docked chat
+ * can share a pane with other content. The invariant is the whole point:
+ * exactly one section's body has `overflow: auto` at any moment, and the
+ * stack itself NEVER scrolls — see `PanelSection.ts` for the single scrolling
+ * declaration in this component pair.
+ *
+ * Faithful Angular port of `PanelStack.svelte`. See that file for the
+ * ratified contract this mirrors; the notable Angular-specific departures,
+ * all forced by this platform (documented in depth at each site below):
+ *
+ * - Coordination with `PanelSection` children is NOT Svelte-style context
+ *   (`setContext`/`getContext`). Angular constructor DI would be the direct
+ *   analog, but it needs `@Optional()`/`@Inject()` PARAMETER decorators,
+ *   which this package's tsconfig cannot compile (no `experimentalDecorators`
+ *   — the whole package already relies on standard/Ivy decorators for
+ *   class/property positions only). Instead `PanelStack` discovers its
+ *   sections via `@ContentChildren` and pushes `isPrimary`/`expanded`/
+ *   `scrollOwner` directly onto each instance — the SAME "parent owns
+ *   projected children's state" idiom `SelectableList` already established
+ *   for its `SelectableRow` children in this exact package.
+ * - Registration order substitutes for Svelte's DOM-order-via-
+ *   `compareDocumentPosition` fallback: `@ContentChildren` (and this
+ *   package's Node test environment, which has no DOM at all) both already
+ *   hand entries over in call/DOM order, so no separate re-sort is needed.
+ * - No `ChangeDetectorRef`/`markForCheck` — matching this package's existing
+ *   idiom of relying on zone.js's default full-tree change detection (same
+ *   as `MenuPopover`'s window-listener-driven position updates).
+ */
+export class PanelStack {
+    host;
+    static stComponentName = "PanelStack";
+    componentName = "PanelStack";
+    shape = "sticky-item";
+    label;
+    /** sticky-item, controlled: id of the expanded section. Presence (including
+     *  an explicit `null`) is what makes the stack controlled — same
+     *  undefined-vs-set idiom as `AppShell.panelWidths`. */
+    expanded;
+    defaultExpanded = null;
+    /** Svelte-canonical callback. */
+    onExpandedChange;
+    /** Angular-idiom addition (not in the Svelte contract): enables
+     *  `[(expanded)]` two-way binding alongside `onExpandedChange`. */
+    expandedChange = new EventEmitter();
+    primary;
+    primaryMinHeight;
+    classInput;
+    sectionsQuery;
+    // --- Registration -----------------------------------------------------
+    entries = [];
+    internalExpanded = null;
+    openSecondary = new Set();
+    autoCollapsed = new Set();
+    expansionOrder = [];
+    rootHeights = new Map();
+    stackHeight = 0;
+    primaryHeaderHeight = 0;
+    resizeObserver = null;
+    observedPrimaryHeaderEl = null;
+    /** Dev-time "warned once" latch for a controlled `expanded` naming no
+     *  registered section — see `effectiveExpandedId`. Guards the
+     *  `console.warn` only, never the fallback resolution itself (which must
+     *  always resolve a scroll owner). Never reset: the contract is "a
+     *  console.warn once" (per instance), not "once per distinct bad id". */
+    warnedInvalidExpanded = false;
+    // --- @ContentChildren glue: reconcile the discovered PanelSection
+    // instances against `entries`/subscriptions, and push state back onto
+    // them. All of THIS is Angular wiring; the actual decisions it calls into
+    // (`register`, `toggle`, `isPrimary`, ...) are plain, DOM/Angular-agnostic
+    // methods below, directly callable (and tested) on a bare `new PanelStack()`.
+    childUnregister = new Map();
+    childToggleSub = new Map();
+    sectionsChangesSub = null;
+    constructor(host) {
+        this.host = host;
+    }
+    ngOnInit() {
+        // One-time SEED, not a live binding to `defaultExpanded` — same idiom as
+        // RangeSlider's `defaultValue` (Svelte: `untrack(() => defaultExpanded)`).
+        this.internalExpanded = this.defaultExpanded;
+    }
+    ngAfterContentInit() {
+        this.syncSections();
+        this.sectionsChangesSub = this.sectionsQuery?.changes.subscribe(() => this.syncSections()) ?? null;
+    }
+    ngAfterViewInit() {
+        const observer = this.ensureResizeObserver();
+        observer?.observe(this.host.nativeElement);
+    }
+    ngOnChanges(changes) {
+        if (changes["primary"] || changes["shape"] || changes["primaryMinHeight"]) {
+            this.syncPrimaryHeaderObserver();
+            this.runAutoCollapseDecision();
+        }
+        if (changes["primary"] ||
+            changes["shape"] ||
+            changes["expanded"] ||
+            changes["defaultExpanded"] ||
+            changes["primaryMinHeight"]) {
+            this.applyStateToChildren();
+        }
+    }
+    ngOnDestroy() {
+        this.sectionsChangesSub?.unsubscribe();
+        this.sectionsChangesSub = null;
+        for (const sub of this.childToggleSub.values())
+            sub.unsubscribe();
+        this.childToggleSub.clear();
+        for (const unregister of this.childUnregister.values())
+            unregister();
+        this.childUnregister.clear();
+        // Release every observation (stack, primary header, every entry) in one
+        // shot — a leaked observer is a real bug.
+        this.resizeObserver?.disconnect();
+        this.resizeObserver = null;
+        this.observedPrimaryHeaderEl = null;
+    }
+    get hostClass() {
+        return classNames("st-panelStack", this.classInput);
+    }
+    get controlled() {
+        return this.expanded !== undefined;
+    }
+    /**
+     * sticky-item: the controlled branch NEVER rewrites `this.expanded` (the
+     * controlled contract is absolute — no self-correction, no synthetic
+     * `onExpandedChange`/`expandedChange` call), but it DOES resolve through
+     * `resolvePanelStackExpanded` so every DERIVED read (`isExpanded`,
+     * `isScrollOwner`) sees a healed value: a non-null `expanded` naming no
+     * registered section falls back to the first registered id (with a
+     * one-time dev warning below); an explicit `null` is a deliberate
+     * "everything collapsed" and is returned as-is. Guarded by
+     * `this.entries.length > 0` so a controlled value isn't flagged as
+     * "invalid" before any `PanelSection` has had a chance to register yet.
+     */
+    get effectiveExpandedId() {
+        if (this.controlled) {
+            const rawExpanded = this.expanded ?? null;
+            // Explicit null: deliberate "everything collapsed" — honoured as-is,
+            // never escalated to the fallback below (see resolvePanelStackExpanded's
+            // doc). No sections registered yet: defer judgment entirely — a
+            // controlled value isn't "invalid" before any `PanelSection` has had a
+            // chance to register, so return it untouched rather than resolving
+            // against an empty list (which would otherwise heal it to `null`).
+            if (rawExpanded === null)
+                return null;
+            const orderedIds = this.entries.map((e) => e.id);
+            if (orderedIds.length === 0)
+                return rawExpanded;
+            const resolved = resolvePanelStackExpanded(rawExpanded, orderedIds);
+            if (resolved !== rawExpanded && !this.warnedInvalidExpanded) {
+                this.warnedInvalidExpanded = true;
+                console.warn(`[PanelStack] expanded="${rawExpanded}" does not match any registered section — the controlled value is left untouched, but "${resolved}" is resolved internally as the scroll owner so the stack never has zero.`);
+            }
+            return resolved;
+        }
+        if (this.internalExpanded !== null && this.entries.some((e) => e.id === this.internalExpanded)) {
+            return this.internalExpanded;
+        }
+        return this.entries[0]?.id ?? null;
+    }
+    get effectivePrimary() {
+        if (this.shape !== "split-primary")
+            return null;
+        return resolvePanelStackPrimary(this.primary, this.entries.map((e) => e.id), this.openSecondary);
+    }
+    /** Resolved floor fed to `computePanelStackAutoCollapse`'s `floorPx` —
+     *  falls back to `PRIMARY_MIN_BLOCK_SIZE_PX` (the same value as the CSS
+     *  fallback) when `primaryMinHeight` is unset. */
+    get resolvedPrimaryMinHeight() {
+        return this.primaryMinHeight ?? PRIMARY_MIN_BLOCK_SIZE_PX;
+    }
+    /** Inline value for the host's `--st-component-panelStack-primaryMinBlockSize`
+     *  custom property — see the `host` binding in the `@Component` decorator.
+     *  `resolvedPrimaryMinHeight` is the single source of truth this is
+     *  derived from, so the JS threshold and the CSS floor can never drift
+     *  apart. */
+    get primaryMinHeightStyle() {
+        return `${this.resolvedPrimaryMinHeight}px`;
+    }
+    isPrimary(id) {
+        return this.shape === "split-primary" && id === this.effectivePrimary;
+    }
+    isExpanded(id) {
+        if (this.shape === "split-primary") {
+            if (id === this.effectivePrimary)
+                return true;
+            return this.openSecondary.has(id) && !this.autoCollapsed.has(id);
+        }
+        return id === this.effectiveExpandedId;
+    }
+    isScrollOwner(id) {
+        return this.shape === "split-primary" ? id === this.effectivePrimary : id === this.effectiveExpandedId;
+    }
+    toggle(id) {
+        if (this.shape === "split-primary") {
+            if (id === this.effectivePrimary)
+                return; // primary has no disclosure button; guard anyway.
+            const primaryBefore = this.effectivePrimary;
+            // Toggle acts on what's currently RENDERED (isExpanded), not the raw
+            // openSecondary flag, so a click on an auto-collapsed (visually
+            // closed) section always reads as "open it", never a confusing
+            // second "close" of a section the user already sees as closed.
+            if (this.isExpanded(id)) {
+                this.openSecondary.delete(id);
+                this.expansionOrder = this.expansionOrder.filter((x) => x !== id);
+            }
+            else {
+                this.openSecondary.add(id);
+                this.autoCollapsed.delete(id);
+                // Move to the most-recently-expanded end — an explicit re-open
+                // always makes this section the LAST one the algorithm would
+                // collapse again.
+                this.expansionOrder = [...this.expansionOrder.filter((x) => x !== id), id];
+            }
+            // Deliberately do NOT re-run the auto-collapse decision unconditionally
+            // here: `openSecondary`/`autoCollapsed`/`expansionOrder` are exactly
+            // the state this decision WRITES (mirrors PanelStack.svelte's `untrack`
+            // of those three inside its decision effect) — re-deciding off them
+            // synchronously, before the browser has actually re-laid-out and a
+            // real ResizeObserver measurement has landed, would judge the toggle's
+            // visual consequence using STALE sizes and could collapse the wrong
+            // section. Only re-decide here in the one case a toggle can change a
+            // TRACKED dependency: `effectivePrimary` itself shifting (split-primary
+            // tier 2/3, `primary` unset — opening/closing a secondary can change
+            // which one is "first expanded"). Every other case waits for the next
+            // real ResizeObserver delivery, exactly like Svelte's effect does.
+            if (this.effectivePrimary !== primaryBefore) {
+                this.syncPrimaryHeaderObserver();
+                this.runAutoCollapseDecision();
+            }
+            return;
+        }
+        // sticky-item: radio semantics — clicking the already-expanded header
+        // (including the first-section fallback) is a no-op, there is no
+        // "collapse to zero" gesture.
+        if (this.effectiveExpandedId === id)
+            return;
+        this.setExpanded(id);
+    }
+    /** Register a section's root AND header element, in registration order;
+     *  returns an unregister callback. NOT just bookkeeping — the stack falls
+     *  back to the first registered section as the scroll owner whenever
+     *  nothing else designates one (unset/stale `expanded` or `primary`), so
+     *  the invariant "exactly one scroll owner whenever the stack has >=1
+     *  section" holds even for a misconfigured or dynamically-changing stack.
+     *  Plain, DOM-agnostic bookkeeping — safe to call directly from tests with
+     *  fake element objects (no real DOM required: `el`/`headerEl` are only
+     *  ever compared by identity or handed to `ResizeObserver.observe`, which
+     *  is itself guarded for absence below). */
+    register(id, el, headerEl) {
+        this.entries = [...this.entries.filter((e) => e.el !== el), { id, el, headerEl }];
+        // Dev-time visibility only — see PANEL_STACK_MAX_SECTIONS' doc comment.
+        // Never truncated/hidden: every registered section still renders and
+        // participates normally, this is a nudge, not an enforcement mechanism.
+        if (this.entries.length > PANEL_STACK_MAX_SECTIONS) {
+            console.warn(`[PanelStack] ${this.entries.length} sections registered — the stack is designed for at most ${PANEL_STACK_MAX_SECTIONS}. Beyond that, stacked collapsible regions in a capped pane become unmanageable to scroll and the single-scroll-owner contract gets hard to reason about. Consider splitting into multiple panes.`);
+        }
+        const observer = this.ensureResizeObserver();
+        observer?.observe(el);
+        this.syncPrimaryHeaderObserver();
+        this.runAutoCollapseDecision();
+        return () => {
+            observer?.unobserve(el);
+            this.entries = this.entries.filter((e) => e.el !== el);
+            // Drop any stale open/closed/measurement record for a section that no
+            // longer exists, so a LATER section re-registered under the same id
+            // doesn't silently inherit a dead instance's state.
+            this.openSecondary.delete(id);
+            this.autoCollapsed.delete(id);
+            this.expansionOrder = this.expansionOrder.filter((x) => x !== id);
+            this.rootHeights.delete(id);
+            this.syncPrimaryHeaderObserver();
+            this.runAutoCollapseDecision();
+        };
+    }
+    setExpanded(id) {
+        if (!this.controlled)
+            this.internalExpanded = id;
+        this.onExpandedChange?.(id);
+        this.expandedChange.emit(id);
+        this.applyStateToChildren();
+    }
+    // --- @ContentChildren reconciliation -----------------------------------
+    syncSections() {
+        const list = this.sectionsQuery?.toArray() ?? [];
+        const live = new Set(list);
+        for (const [section, unregister] of [...this.childUnregister]) {
+            if (!live.has(section)) {
+                unregister();
+                this.childUnregister.delete(section);
+                this.childToggleSub.get(section)?.unsubscribe();
+                this.childToggleSub.delete(section);
+            }
+        }
+        for (const section of list) {
+            if (this.childUnregister.has(section))
+                continue;
+            const headerEl = section.headerElement;
+            if (!headerEl)
+                continue;
+            this.childUnregister.set(section, this.register(section.id, section.rootElement, headerEl));
+            this.childToggleSub.set(section, section.toggleRequested.subscribe((id) => {
+                this.toggle(id);
+                this.applyStateToChildren();
+            }));
+        }
+        this.applyStateToChildren();
+    }
+    applyStateToChildren() {
+        for (const section of this.sectionsQuery?.toArray() ?? []) {
+            section.isPrimary = this.isPrimary(section.id);
+            section.expanded = this.isExpanded(section.id);
+            section.scrollOwner = this.isScrollOwner(section.id);
+        }
+    }
+    // --- Measurement (split-primary auto-collapse) -------------------------
+    ensureResizeObserver() {
+        if (this.resizeObserver)
+            return this.resizeObserver;
+        // Guard: this package's Node test environment (and some SSR/older
+        // environments) has no ResizeObserver at all. Auto-collapse simply never
+        // engages there — `stackHeight` stays 0, `computePanelStackAutoCollapse`
+        // is a permanent no-op — rather than throwing.
+        if (typeof ResizeObserver === "undefined")
+            return null;
+        this.resizeObserver = new ResizeObserver((observedEntries) => {
+            for (const entry of observedEntries) {
+                const height = entry.contentRect.height;
+                if (entry.target === this.host.nativeElement) {
+                    this.stackHeight = height;
+                }
+                else if (entry.target === this.observedPrimaryHeaderEl) {
+                    this.primaryHeaderHeight = height;
+                }
+                else {
+                    const found = this.entries.find((e) => e.el === entry.target);
+                    if (found)
+                        this.rootHeights.set(found.id, height);
+                }
+            }
+            // One decision pass per DELIVERY (which may batch several targets),
+            // never per-target — matches the pure function's one-collapse-per-call
+            // contract and avoids a same-tick avalanche.
+            this.runAutoCollapseDecision();
+            this.applyStateToChildren();
+        });
+        return this.resizeObserver;
+    }
+    /** Retarget the header observer whenever the primary changes (designation,
+     *  fallback resolution, or a section registering/unregistering). */
+    syncPrimaryHeaderObserver() {
+        const primaryId = this.effectivePrimary;
+        const nextHeaderEl = primaryId ? (this.entries.find((e) => e.id === primaryId)?.headerEl ?? null) : null;
+        const observer = this.ensureResizeObserver();
+        if (!observer) {
+            this.observedPrimaryHeaderEl = nextHeaderEl;
+            return;
+        }
+        if (this.observedPrimaryHeaderEl && this.observedPrimaryHeaderEl !== nextHeaderEl) {
+            observer.unobserve(this.observedPrimaryHeaderEl);
+        }
+        if (nextHeaderEl && nextHeaderEl !== this.observedPrimaryHeaderEl) {
+            observer.observe(nextHeaderEl);
+        }
+        this.observedPrimaryHeaderEl = nextHeaderEl;
+    }
+    /** THE decision, driven off whatever measurements are CURRENTLY known.
+     *  Called after every event that could change what "fits" means (a fresh
+     *  ResizeObserver delivery, a toggle, a register/unregister, a `primary`/
+     *  `shape` input change) — safe to over-call: `computePanelStackAutoCollapse`
+     *  is a pure, idempotent read that returns `null` once nothing more needs
+     *  to collapse, so redundant calls are no-ops. */
+    runAutoCollapseDecision() {
+        if (this.shape !== "split-primary")
+            return;
+        const primaryId = this.effectivePrimary;
+        if (primaryId === null)
+            return;
+        const secondaryIds = this.entries.filter((e) => e.id !== primaryId).map((e) => e.id);
+        const candidate = computePanelStackAutoCollapse({
+            primaryId,
+            stackHeight: this.stackHeight,
+            primaryHeaderHeight: this.primaryHeaderHeight,
+            secondaryIds,
+            rootHeights: this.rootHeights,
+            openSecondary: this.openSecondary,
+            autoCollapsed: this.autoCollapsed,
+            expansionOrder: this.expansionOrder,
+        }, this.resolvedPrimaryMinHeight);
+        if (candidate !== null)
+            this.autoCollapsed.add(candidate);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PanelStack, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: PanelStack, isStandalone: true, selector: "st-panel-stack", inputs: { shape: "shape", label: "label", expanded: "expanded", defaultExpanded: "defaultExpanded", onExpandedChange: "onExpandedChange", primary: "primary", primaryMinHeight: "primaryMinHeight", classInput: ["class", "classInput"] }, outputs: { expandedChange: "expandedChange" }, host: { attributes: { "role": "group" }, properties: { "attr.data-st-component": "componentName", "class": "hostClass", "attr.aria-label": "label ?? null", "style.--st-component-panelStack-primaryMinBlockSize": "primaryMinHeightStyle" } }, queries: [{ propertyName: "sectionsQuery", predicate: PanelSection, descendants: true }], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PanelStack, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-panel-stack",
+                    standalone: true,
+                    // The host tag itself carries `.st-panelStack` (no inner wrapper div): the
+                    // shared stylesheet's `.st-panelStack > .st-panelSection + .st-panelSection`
+                    // separator rule is a direct-child/sibling combinator, which only matches
+                    // the real DOM tree — `:host{display:contents}` (this package's usual
+                    // "host + inner wrapper div" pattern, see MenuPopover/Icon) would still
+                    // leave the projected `<st-panel-section>` elements one level too deep for
+                    // that selector, since `display:contents` unboxes for LAYOUT, not for
+                    // selector matching. Binding the class straight onto the host, with no
+                    // wrapper, sidesteps that entirely and matches `PanelStack.svelte`'s flat
+                    // (one box) structure even more closely than the wrapper pattern would.
+                    host: {
+                        "[attr.data-st-component]": "componentName",
+                        "[class]": "hostClass",
+                        role: "group",
+                        "[attr.aria-label]": "label ?? null",
+                        // `primaryMinHeight` is the single source of truth for BOTH the JS
+                        // auto-collapse threshold (`resolvedPrimaryMinHeight`, read below) and
+                        // the CSS floor: styles.css's `.st-panelSection__body--scrollOwner` rule
+                        // reads this same inherited custom property via
+                        // `var(--st-component-panelStack-primaryMinBlockSize, 160px)`, so the
+                        // two can never drift apart again.
+                        "[style.--st-component-panelStack-primaryMinBlockSize]": "primaryMinHeightStyle",
+                    },
+                    template: `<ng-content></ng-content>`,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { shape: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], expanded: [{
+                type: NgInput
+            }], defaultExpanded: [{
+                type: NgInput
+            }], onExpandedChange: [{
+                type: NgInput
+            }], expandedChange: [{
+                type: Output
+            }], primary: [{
+                type: NgInput
+            }], primaryMinHeight: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], sectionsQuery: [{
+                type: ContentChildren,
+                args: [PanelSection, { descendants: true }]
+            }] } });
+//# sourceMappingURL=PanelStack.js.map

package/dist/PanelStack.js.map

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

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export type { AppHeaderProps } from "./AppHeader.js";
 export { AppChrome } from "./AppChrome.js";
 export type { AppChromeNavItem, AppChromeThemeOption, AppChromeColorMode, AppChromeLocale, AppChromeProps } from "./AppChrome.js";
 export { AppShell } from "./AppShell.js";
-export type { AppShellPanelCollapse, AppShellProps, AppShellUtilityMode, AppShellUtilitySide, AppShellVariant } from "./AppShell.js";
+export type { AppShellPanelCollapse, AppShellPanelKey, AppShellProps, AppShellUtilityMode, AppShellUtilitySide, AppShellVariant, } from "./AppShell.js";
 export { NavShell } from "./NavShell.js";
 export type { NavShellProps, NavShellSide, NavShellVariant } from "./NavShell.js";
 export { NavRail } from "./NavRail.js";
@@ -283,7 +283,7 @@ export type { LoadingStateVariant, LoadingStateProps } from "./LoadingState.js";
 export { Menu } from "./Menu.js";
 export type { MenuActionItem, MenuDividerItem, MenuGroupItem, MenuItem, MenuProps } from "./Menu.js";
 export { MenuPopover } from "./MenuPopover.js";
-export type { MenuPopoverPlacement, MenuPopoverProps } from "./MenuPopover.js";
+export type { MenuPopoverPlacement, MenuPopoverAlign, MenuPopoverProps } from "./MenuPopover.js";
 export { MenuTriggerButton } from "./MenuTriggerButton.js";
 export type { MenuTriggerButtonSize, MenuTriggerButtonVariant, MenuTriggerButtonProps } from "./MenuTriggerButton.js";
 export { Modal } from "./Modal.js";
@@ -447,4 +447,8 @@ export { Dashboard } from "./Dashboard.js";
 export type { DashboardProps, DashboardNavItem, DashboardKpi } from "./Dashboard.js";
 export { Wizard } from "./Wizard.js";
 export type { WizardProps, WizardStep } from "./Wizard.js";
+export { PanelStack, PANEL_STACK_MAX_SECTIONS, resolvePanelStackPrimary, computePanelStackAutoCollapse } from "./PanelStack.js";
+export type { PanelStackShape, PanelStackProps, PanelStackAutoCollapseMeasurements } from "./PanelStack.js";
+export { PanelSection } from "./PanelSection.js";
+export type { PanelSectionProps } from "./PanelSection.js";
 //# sourceMappingURL=index.d.ts.map