@jimka/typescript-ui 0.1.0

package/dist/lib/Container-3KsvsJ6S.js

@@ -0,0 +1,2 @@
+import{f as e,t}from"./Component-BR2f0Itb.js";var Container=class extends t{clampsToContentSize(){return!1}},n=e(Container);export{n as t};
+//# sourceMappingURL=Container-3KsvsJ6S.js.map

package/dist/lib/Container-3KsvsJ6S.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container-3KsvsJ6S.js","names":[],"sources":["../../src/typescript/lib/core/Container.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Component, ComponentOptions } from \"~/core/Component.js\";\nimport { callable } from \"~/core/Callable.js\";\n\n/**\n * Construction-time options for {@link Container}.\n *\n * Adds no fields over {@link ComponentOptions}; declared as a named extension\n * point so structural containers have a stable options type and so\n * {@link Panel}'s `PanelOptions` can extend it.\n *\n * @category Core\n */\nexport interface ContainerOptions extends ComponentOptions {}\n\n/**\n * A fit-parent {@link Component}: a container that fills the rect its parent's\n * layout manager allocates instead of shrinking to its content's size.\n *\n * `Component` already owns the container machinery — a layout manager, children,\n * insets, a child host. `Container`'s sole contribution is flipping the size\n * policy: it overrides `clampsToContentSize` to `false`, so its width and\n * height accept whatever the parent allocates and oversized content overflows\n * (clipped) rather than inflating the box back up to its content-derived\n * minimum. It keeps `Component`'s **zero** default insets and adds no scrolling.\n *\n * Use `Container` for structural regions that must fill their slot — a dock\n * `Split`/`Tab` region, an identity frame — without the perimeter padding or\n * native scrolling a content surface wants. For those, use\n * [`Panel`](/api/core/classes/Panel), which is a `Container` that adds a default\n * 4-pixel inset and an `autoScroll` stack on top.\n *\n * @category Core\n */\nclass Container<TOptions extends ContainerOptions = ContainerOptions> extends Component<TOptions> {\n\n    /**\n     * Overrides {@link Component.clampsToContentSize} to `false`: a container\n     * fits whatever space its parent's layout manager allocates rather than\n     * inflating up to its content-derived minimum. Oversized children clip (a\n     * `Container` adds no scrolling — use [`Panel`](/api/core/classes/Panel) for\n     * that). Only an explicit {@link Component.setMinSize} /\n     * {@link Component.setMaxSize} remains a hard floor or ceiling.\n     *\n     * @returns `false`, so size clamping uses the container's own explicit\n     *   constraints only, not its content-derived ones.\n     */\n    protected clampsToContentSize(): boolean {\n        return false;\n    }\n}\n\nconst ContainerCallable = callable(Container);\ntype ContainerCallable<TOptions extends ContainerOptions = ContainerOptions> = Container<TOptions>;\nexport {\n    Container         as _Container,\n    ContainerCallable as Container,\n};\n"],"mappings":"8CAmCA,IAAM,UAAN,cAA8E,CAAoB,CAa9F,qBAAyC,CACrC,MAAO,EACX,CACJ,EAEM,EAAoB,EAAS,SAAS"}

package/dist/lib/DragManager-tPMnbjeO.js

@@ -0,0 +1,2 @@
+import{t as e,u as t}from"./Position-B-WfZYAJ.js";import{f as n,t as r,y as i}from"./Component-BR2f0Itb.js";import{a}from"./Tooltip-4lU_tf6r.js";import{t as o}from"./Text-D1RrBY52.js";var s=a.Band.Window-1,DragFeedback=class extends r{_valid=!0;constructor(){super(),this.setPosition(e.ABSOLUTE),this.setZIndex(s),this.setPointerEvents(`none`),this.applyTintForValidity()}isValid(){return this._valid}setValid(e){this._valid!==e&&(this._valid=e,this.applyTintForValidity())}attachTo(e,n){let r=this.getElement(!0);if(n&&n!==e){this.setX(e.getX()),this.setY(e.getY()),this.setWidth(e.getWidth()),this.setHeight(e.getHeight());let i=n.getElement(!0);t.source.getParentElement(r)!==i&&t.sink.appendChild(i,r);return}this.setX(0),this.setY(0),this.setWidth(e.getWidth()),this.setHeight(e.getHeight());let i=e.getElement(!0);t.source.getParentElement(r)!==i&&t.sink.appendChild(i,r)}detach(){this.removeElement()}applyTintForValidity(){let e=this._valid?`valid`:`invalid`;this.setBackgroundColor(`var(--ts-ui-drag-feedback-${e}-bg)`),this.setBorder({border:`2px solid var(--ts-ui-drag-feedback-${e}-border)`})}},c=n(DragFeedback),l=10200,u=160,d=28,f=6,DragGhost=class extends r{_label=null;constructor(t,n,r){super(),this.setPosition(e.FIXED),this.setZIndex(l),this.setPointerEvents(`none`),this.setWidth(n??u),this.setHeight(r??d),this.setBackgroundColor(`var(--ts-ui-drag-ghost-bg)`),this.setBorder({border:`1px solid var(--ts-ui-drag-ghost-border)`}),this.setShadow(`var(--ts-ui-drag-ghost-shadow)`),this.setBorderRadius(`var(--ts-ui-border-radius, 4px)`),this.setOpacity(.85),t!==void 0&&(this._label=new o(t),this._label.setPointerEvents(`none`),this.addComponent(this._label))}moveTo(e,t){this.setX(e),this.setY(t)}show(){let e=this.getElement(!0);this.scheduleLayout(),t.sink.appendChild(t.source.getDocumentElement(),e)}hide(){this.removeElement()}doLayout(){if(super.doLayout(),this._label){let e=this.getWidth(),t=this.getHeight();this._label.setX(f),this._label.setY(f),this._label.setWidth(e-f*2),this._label.setHeight(t-f*2)}return this}},p=n(DragGhost),m=a.Band.Window-1,h=2,g=1,ReorderIndicator=class extends r{constructor(){super(),this.setPosition(e.ABSOLUTE),this.setZIndex(m),this.setPointerEvents(`none`),this.setHeight(h),this.setBackgroundColor(`var(--ts-ui-drag-reorder-color)`)}setInsertionY(e){this.setY(e-g)}attachTo(e){let n=e.getElement(!0),r=this.getElement(!0);this.setX(0),this.setWidth(e.getWidth()),t.source.getParentElement(r)!==n&&t.sink.appendChild(n,r)}detach(){this.removeElement()}},_=n(ReorderIndicator),v=new Map,y=1e3,b=4,x=12,S=12,C=new Map,w=new Map,T=null,E;(function(e){function makeDragSource(e,t){return C.set(e.getId(),{component:e,options:t}),e.addMouseDownSubtreeListener(onSourceMouseDown),tearDownDragSource.bind(null,e)}e.makeDragSource=makeDragSource;function makeDropTarget(e,t){return w.set(e.getId(),{component:e,options:t}),tearDownDropTarget.bind(null,e)}e.makeDropTarget=makeDropTarget;function isDragging(){return T!==null&&T.committed}e.isDragging=isDragging;function cancel(){T!==null&&endSession(!1,0,0)}e.cancel=cancel})(E||={});function resolveDragData(e){return typeof e.dragData==`function`?e.dragData():e.dragData}function tearDownDragSource(e){e.removeMouseDownSubtreeListener(onSourceMouseDown),C.delete(e.getId())}function tearDownDropTarget(e){w.delete(e.getId())}function onSourceMouseDown(e){if(T!==null||e.button!==0)return;let n=C.get(this.getId());if(!n)return;let r=n.component,a=n.options;T={source:r,sourceOptions:a,dragData:resolveDragData(a),startX:e.clientX,startY:e.clientY,committed:!1,ghost:null,feedback:null,indicator:null,currentTarget:null,previousBodyCursor:t.source.getInlineStyle(t.source.getBody(),`cursor`)},i.addViewportListener(r,`mousemove`,onMouseMove),i.addViewportListener(r,`mouseup`,onMouseUp)}function commitSession(e){e.committed=!0;let n=e.sourceOptions.ghostFactory?e.sourceOptions.ghostFactory(e.source,e.dragData):new p;if(e.ghost=n,e.feedback=new c,e.indicator=new _,typeof n.show==`function`)n.show();else{let e=n.getElement(!0);t.sink.appendChild(t.source.getDocumentElement(),e)}e.sourceOptions.cursor&&t.sink.apply(t.source.getBody(),{style:{cursor:e.sourceOptions.cursor}})}function buildDetail(e,t,n){return{dragData:e.dragData,sourceId:e.source.getId(),clientX:t,clientY:n}}function pickDropTarget(e,n){let r=t.source.elementsFromPoint(e,n);for(let e of r){let n=w.get(t.source.getId(e));if(n)return n}return null}function leaveCurrentTarget(e,t){if(e.currentTarget===null)return;let n=w.get(e.currentTarget.getId());n&&n.options.onDragLeave&&n.options.onDragLeave(t),e.feedback&&e.feedback.detach(),e.indicator&&e.indicator.detach(),e.currentTarget=null}function enterNewTarget(e,t,n){let r=t.options.accepts(n);if(e.feedback&&!t.options.suppressValidityTint&&(e.feedback.setValid(r),e.feedback.attachTo(t.component,t.options.feedbackHost)),!r){e.currentTarget=t.component;return}let i=t.options.onDragOver?.(n);typeof i==`number`&&e.indicator?(e.indicator.attachTo(t.component),e.indicator.setInsertionY(i)):e.indicator&&e.indicator.detach(),e.currentTarget=t.component}function onMouseMove(e){if(T===null)return;let t=T;if(!t.committed){let n=e.clientX-t.startX,r=e.clientY-t.startY;if(n*n+r*r<b*b)return;let a=buildDetail(t,e.clientX,e.clientY);if(t.sourceOptions.onDragStart?.(a)===!1){endSession(!1,e.clientX,e.clientY);return}commitSession(t),i.fireEvent(t.source,`dragstart`,{detail:a})}if(t.ghost){let n=t.ghost;typeof n.moveTo==`function`?n.moveTo(e.clientX+x,e.clientY+S):(t.ghost.setX(e.clientX+x),t.ghost.setY(e.clientY+S))}let n=buildDetail(t,e.clientX,e.clientY),r=pickDropTarget(e.clientX,e.clientY);if(r===null){leaveCurrentTarget(t,n);return}if(t.currentTarget!==r.component){leaveCurrentTarget(t,n),enterNewTarget(t,r,n);return}let a=r.options.accepts(n);if(t.feedback&&!r.options.suppressValidityTint&&t.feedback.setValid(a),!a){t.indicator&&t.indicator.detach();return}let o=r.options.onDragOver?.(n);typeof o==`number`&&t.indicator?(t.indicator.attachTo(r.component),t.indicator.setInsertionY(o)):t.indicator&&t.indicator.detach()}function onMouseUp(e){if(T===null)return;let t=T,n=buildDetail(t,e.clientX,e.clientY),r=!1;if(t.committed&&t.currentTarget!==null){let e=w.get(t.currentTarget.getId());e&&(e.options.accepts(n)&&e.options.onDrop?.(n)!==!1&&i.fireEvent(t.source,`drop`,{detail:n}),r=!0)}endSession(r,e.clientX,e.clientY)}function endSession(e,n,r){if(T===null)return;let a=T;if(i.removeViewportListener(a.source,`mousemove`,onMouseMove),i.removeViewportListener(a.source,`mouseup`,onMouseUp),a.feedback&&a.feedback.detach(),a.indicator&&a.indicator.detach(),a.ghost){let e=a.ghost;typeof e.hide==`function`?e.hide():a.ghost.removeElement()}if(a.sourceOptions.cursor&&t.sink.apply(t.source.getBody(),{style:{cursor:a.previousBodyCursor}}),a.committed){let t=buildDetail(a,n,r);i.fireEvent(a.source,`dragend`,{detail:t}),a.sourceOptions.onDragEnd?.(t,e)}T=null}export{p as a,_ as i,y as n,c as o,v as r,E as t};
+//# sourceMappingURL=DragManager-tPMnbjeO.js.map

package/dist/lib/DragManager-tPMnbjeO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragManager-tPMnbjeO.js","names":[],"sources":["../../src/typescript/lib/overlay/DragFeedback.ts","../../src/typescript/lib/overlay/DragGhost.ts","../../src/typescript/lib/overlay/ReorderIndicator.ts","../../src/typescript/lib/overlay/DragManager.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Component } from \"~/core/Component.js\";\nimport { Position } from \"~/primitive/Position.js\";\nimport { callable } from \"~/core/Callable.js\";\nimport { LayerManager } from \"~/core/LayerManager.js\";\nimport { DOM } from \"~/core/DOM.js\";\n\n/**\n * Z-order for the drop-target validity tint. The tint highlights a drop target,\n * which lives in ordinary app content — so it must sit **below** the lowest\n * {@link LayerManager} band (the {@link Window} band) or it paints over a\n * floating window, while still sitting above the target's own content (app\n * z-indexes top out near 3). The app tree establishes no isolating stacking\n * context, so a higher value escapes to the root context and beats windows —\n * which is exactly the bug `Band.Window - 1` avoids. Shared rationale with\n * {@link ReorderIndicator}; the drag ghost sits above both at the root.\n */\nconst Z_INDEX = LayerManager.Band.Window - 1;\n\n/**\n * A validity tint overlay drawn on top of the row currently being hovered\n * during an active drag. The colour swaps between the `valid` and\n * `invalid` theme tokens via {@link setValid}; the geometry is mirrored\n * onto a drop target via {@link attachTo}.\n *\n * Owned by [`DragManager`](/api/overlay/variables/DragManager) — application\n * code does not instantiate this directly.\n *\n * @category Core\n */\nclass DragFeedback extends Component {\n\n    private _valid: boolean = true;\n\n    /**\n     * Constructs a drag-feedback overlay. The overlay is not attached\n     * until {@link attachTo} is called.\n     */\n    constructor() {\n        super();\n\n        this.setPosition(Position.ABSOLUTE);\n        this.setZIndex(Z_INDEX);\n        this.setPointerEvents(\"none\");\n\n        this.applyTintForValidity();\n    }\n\n    /**\n     * Returns whether the overlay is currently showing the \"valid drop\"\n     * tint.\n     *\n     * @returns `true` for the valid tint, `false` for the invalid tint.\n     */\n    isValid(): boolean {\n        return this._valid;\n    }\n\n    /**\n     * Switches the overlay between the `valid` and `invalid` theme\n     * tokens. Idempotent — repeated calls with the same value are a\n     * no-op.\n     *\n     * @param valid - `true` to show the valid tint, `false` for invalid.\n     */\n    setValid(valid: boolean): void {\n        if (this._valid === valid) {\n            return;\n        }\n\n        this._valid = valid;\n\n        this.applyTintForValidity();\n    }\n\n    /**\n     * Sizes this overlay to cover the drop target and appends it to the DOM.\n     *\n     * With no `host`, the tint is a child of the target, covering its body. When\n     * a `host` is given, the tint instead lives in that (non-scrolling) layer,\n     * sized to the target's box within it — so a target that scrolls its own\n     * content (a Tab strip's clip frame) gets a tint over the *viewport* that\n     * stays put instead of riding the scroll.\n     *\n     * @param target - The drop target whose box the tint should cover.\n     * @param host - Optional non-scrolling layer to host the tint (see\n     *   {@link DropTargetOptions.feedbackHost}). Defaults to the target.\n     */\n    attachTo(target: Component, host?: Component): void {\n        const myEl = this.getElement(true)!;\n\n        if (host && host !== target) {\n            // Overlay the target's box from within the host layer.\n            this.setX(target.getX());\n            this.setY(target.getY());\n            this.setWidth(target.getWidth());\n            this.setHeight(target.getHeight());\n\n            const hostEl = host.getElement(true)!;\n            if (DOM.source.getParentElement(myEl) !== hostEl) {\n                DOM.sink.appendChild(hostEl, myEl);\n            }\n\n            return;\n        }\n\n        // Cover the target's own body as a child of it.\n        this.setX(0);\n        this.setY(0);\n        this.setWidth(target.getWidth());\n        this.setHeight(target.getHeight());\n\n        const targetEl = target.getElement(true)!;\n        if (DOM.source.getParentElement(myEl) !== targetEl) {\n            DOM.sink.appendChild(targetEl, myEl);\n        }\n    }\n\n    /**\n     * Removes the overlay element from the DOM.\n     */\n    detach(): void {\n        this.removeElement();\n    }\n\n    /**\n     * Writes the background and border CSS variables that correspond to\n     * the cached validity state. Called from the constructor and from\n     * {@link setValid} on transitions.\n     */\n    private applyTintForValidity(): void {\n        const suffix = this._valid ? \"valid\" : \"invalid\";\n\n        this.setBackgroundColor(`var(--ts-ui-drag-feedback-${suffix}-bg)`);\n        this.setBorder({ border: `2px solid var(--ts-ui-drag-feedback-${suffix}-border)` });\n    }\n}\n\nconst DragFeedbackCallable = callable(DragFeedback);\ntype DragFeedbackCallable = DragFeedback;\nexport {\n    DragFeedback         as _DragFeedback,\n    DragFeedbackCallable as DragFeedback,\n};\n","// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Component } from \"~/core/Component.js\";\nimport { Position } from \"~/primitive/Position.js\";\nimport { Text } from \"~/component/input/Text.js\";\nimport { callable } from \"~/core/Callable.js\";\nimport { DOM } from \"~/core/DOM.js\";\n\n/**\n * Z-order ceiling for the drag ghost. The follow-the-cursor preview rides above\n * everything during a drag — appended at the document root, above the\n * LayerManager bands — so it is never occluded by a floating window or by the\n * per-target highlights ([`DragFeedback`](/api/overlay/classes/DragFeedback) /\n * [`ReorderIndicator`](/api/overlay/classes/ReorderIndicator)), which deliberately\n * sit *below* the window band instead.\n */\nconst Z_INDEX = 10200;\n\n/**\n * Default ghost width when the caller omits an explicit size. Picked to\n * comfortably surround a one-line label without measuring text.\n */\nconst DEFAULT_WIDTH = 160;\n\n/** Default ghost height — one row's worth of vertical room. */\nconst DEFAULT_HEIGHT = 28;\n\n/**\n * Inner padding around the optional ghost label so text doesn't crowd the\n * border at the framework's default font size.\n */\nconst LABEL_INSET = 6;\n\n/**\n * A floating drag preview that follows the pointer during an active drag\n * session, drawn above every other overlay. Created and owned by\n * [`DragManager`](/api/overlay/variables/DragManager); application code does\n * not instantiate this directly.\n *\n * The ghost is `Position.FIXED` (one of the documented overlay carve-outs\n * in `ARCHITECTURE.md` §Positioning) and renders with\n * `pointer-events: none` so the manager's\n * `document.elementsFromPoint` hit-test always returns the row underneath.\n *\n * @category Core\n */\nclass DragGhost extends Component {\n\n    private _label: Text | null = null;\n\n    /**\n     * Constructs a drag ghost. The caller positions it via\n     * {@link moveTo} and toggles visibility through {@link show} /\n     * {@link hide}.\n     *\n     * @param label - Optional text drawn inside the ghost.\n     * @param width - Optional width in pixels (defaults to 160).\n     * @param height - Optional height in pixels (defaults to 28).\n     */\n    constructor(label?: string, width?: number, height?: number) {\n        super();\n\n        this.setPosition(Position.FIXED);\n        this.setZIndex(Z_INDEX);\n        this.setPointerEvents(\"none\");\n        this.setWidth(width ?? DEFAULT_WIDTH);\n        this.setHeight(height ?? DEFAULT_HEIGHT);\n\n        this.setBackgroundColor(\"var(--ts-ui-drag-ghost-bg)\");\n        this.setBorder({ border: \"1px solid var(--ts-ui-drag-ghost-border)\" });\n        this.setShadow(\"var(--ts-ui-drag-ghost-shadow)\");\n        this.setBorderRadius(\"var(--ts-ui-border-radius, 4px)\");\n        this.setOpacity(Number(\"0.85\"));\n\n        if (label !== undefined) {\n            this._label = new Text(label);\n            this._label.setPointerEvents(\"none\");\n            this.addComponent(this._label);\n        }\n    }\n\n    /**\n     * Repositions the ghost so its top-left corner sits at\n     * `(clientX, clientY)`. `DragManager` calls this on every `mousemove`\n     * during an active drag.\n     *\n     * @param clientX - The viewport X (already offset from the cursor by the manager).\n     * @param clientY - The viewport Y (already offset from the cursor by the manager).\n     */\n    moveTo(clientX: number, clientY: number): void {\n        this.setX(clientX);\n        this.setY(clientY);\n    }\n\n    /**\n     * Appends the ghost to `<html>` and schedules a layout pass. Used by\n     * `DragManager` when a drag commits past the movement threshold.\n     */\n    show(): void {\n        const el = this.getElement(true)!;\n\n        this.scheduleLayout();\n        DOM.sink.appendChild(DOM.source.getDocumentElement(), el);\n    }\n\n    /**\n     * Removes the ghost element from the DOM. Used by `DragManager` on\n     * mouseup / cancel.\n     */\n    hide(): void {\n        this.removeElement();\n    }\n\n    /**\n     * Lays out the optional label inside the ghost body.\n     *\n     * @returns This component, for method chaining.\n     */\n    doLayout(): this {\n        super.doLayout();\n\n        if (this._label) {\n            const w = this.getWidth();\n            const h = this.getHeight();\n\n            this._label.setX(LABEL_INSET);\n            this._label.setY(LABEL_INSET);\n            this._label.setWidth(w - LABEL_INSET * 2);\n            this._label.setHeight(h - LABEL_INSET * 2);\n        }\n\n        return this;\n    }\n}\n\nconst DragGhostCallable = callable(DragGhost);\ntype DragGhostCallable = DragGhost;\nexport {\n    DragGhost         as _DragGhost,\n    DragGhostCallable as DragGhost,\n};\n","// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Component } from \"~/core/Component.js\";\nimport { Position } from \"~/primitive/Position.js\";\nimport { callable } from \"~/core/Callable.js\";\nimport { LayerManager } from \"~/core/LayerManager.js\";\nimport { DOM } from \"~/core/DOM.js\";\n\n/**\n * Z-order shared with {@link DragFeedback}: just **below** the lowest\n * {@link LayerManager} band (the {@link Window} band) so this drop-target\n * insertion line — drawn over app content that establishes no isolating\n * stacking context — never paints over a floating window, while still sitting\n * above the target's own content. The drag ghost sits above both at the root.\n */\nconst Z_INDEX = LayerManager.Band.Window - 1;\n\n/** Height of the insertion-line bar in pixels. */\nconst BAR_HEIGHT = 2;\n\n/**\n * Half the bar height — subtracted in {@link ReorderIndicator.setInsertionY}\n * so the 2 px bar is centred on the insertion line.\n */\nconst BAR_HALF = 1;\n\n/**\n * A 2 px horizontal bar drawn between rows to mark the insertion line\n * during an active drag-reorder gesture.\n *\n * Reserved for future sibling-reorder work — drop-on-directory does not\n * use this overlay. The class ships now so the public API surface and\n * theme tokens stabilise alongside\n * [`DragGhost`](/api/overlay/classes/DragGhost) and\n * [`DragFeedback`](/api/overlay/classes/DragFeedback); the row-DnD wiring\n * in [`TreeTable`](/api/component/table/classes/TreeTable) only attaches\n * the feedback tint.\n *\n * @category Core\n */\nclass ReorderIndicator extends Component {\n\n    /**\n     * Constructs a reorder indicator. The bar is not attached until\n     * {@link attachTo} is called.\n     */\n    constructor() {\n        super();\n\n        this.setPosition(Position.ABSOLUTE);\n        this.setZIndex(Z_INDEX);\n        this.setPointerEvents(\"none\");\n        this.setHeight(BAR_HEIGHT);\n\n        this.setBackgroundColor(\"var(--ts-ui-drag-reorder-color)\");\n    }\n\n    /**\n     * Centres the bar on the given y-coordinate within the attached\n     * target. The `- BAR_HALF` shift accounts for the 2 px bar height.\n     *\n     * @param y - Insertion-line y, measured from the target's top edge.\n     */\n    setInsertionY(y: number): void {\n        this.setY(y - BAR_HALF);\n    }\n\n    /**\n     * Mirrors the target's width onto the bar and appends the bar\n     * element to the target.\n     *\n     * @param target - The drop target whose top-left coordinate space\n     *   the bar is positioned within.\n     */\n    attachTo(target: Component): void {\n        const targetEl = target.getElement(true)!;\n        const myEl     = this.getElement(true)!;\n\n        this.setX(0);\n        this.setWidth(target.getWidth());\n\n        if (DOM.source.getParentElement(myEl) === targetEl) {\n            return;\n        }\n\n        DOM.sink.appendChild(targetEl, myEl);\n    }\n\n    /**\n     * Removes the bar element from the DOM.\n     */\n    detach(): void {\n        this.removeElement();\n    }\n}\n\nconst ReorderIndicatorCallable = callable(ReorderIndicator);\ntype ReorderIndicatorCallable = ReorderIndicator;\nexport {\n    ReorderIndicator         as _ReorderIndicator,\n    ReorderIndicatorCallable as ReorderIndicator,\n};\n","// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Component } from \"~/core/Component.js\";\nimport { DragFeedback } from \"~/overlay/DragFeedback.js\";\nimport { DragGhost } from \"~/overlay/DragGhost.js\";\nimport { Event } from \"~/core/Event.js\";\nimport { ReorderIndicator } from \"~/overlay/ReorderIndicator.js\";\nimport { DOM } from \"~/core/DOM.js\";\n\n/**\n * Arbitrary, caller-defined payload attached to a drag source — the\n * shape is consumer-domain and the manager never inspects fields.\n *\n * @category Core\n */\nexport type DragData = Record<string, unknown>;\n\n/**\n * Payload delivered to every named drag-source / drop-target callback\n * and to every fired DOM event. Field names are stable across\n * `dragstart`, `dragover`, `dragleave`, `drop`, `dragend`.\n *\n * @category Core\n */\nexport interface DragEventDetail {\n    /** The source's resolved drag data — read from the source options at session start. */\n    dragData : DragData;\n    /** The source component's id (`getId()`), useful for cycle / self-drop checks. */\n    sourceId : string;\n    /** Viewport-relative pointer X at the moment the event was raised. */\n    clientX  : number;\n    /** Viewport-relative pointer Y at the moment the event was raised. */\n    clientY  : number;\n}\n\n/**\n * Drag-data payload attached to every tab-header drag — the cross-container\n * contract shared by the within-strip reorder path, tab tear-off / re-dock, the\n * Ctrl-drag window re-dock, and the downstream edge-split / dock-manager work.\n * A drop target reads it off {@link DragEventDetail}'s `dragData`. Because\n * {@link DragData} is a plain record it cannot carry a live component reference,\n * so `componentId` keys into the module-level `tabDragRegistry` to resolve the\n * dragged content.\n *\n * @category Core\n */\nexport interface TabDragData {\n    /** Discriminator a drop target tests in its `accepts` predicate. */\n    tabDrag:     true;\n    /** The source strip's stable id — distinguishes reorder-within from dock-from-elsewhere. */\n    sourceTabId: string;\n    /** The dragged content component's id — the key into `tabDragRegistry`. */\n    componentId: string;\n    /** The tab label — used for the drag ghost and the tear-off window title. */\n    label:       string;\n}\n\n/**\n * Resolves a {@link TabDragData} `componentId` back to the live content\n * component being dragged. Written when a header drag starts and cleared when it\n * ends, so a drop target — the same strip, another strip, or a torn-off\n * {@link DragData}-carrying window — can move the real component rather than\n * only learning its id. Shared by-import across `Tab` and `Window`; one\n * instance, so a source-side write is visible to the destination-side read.\n */\nexport const tabDragRegistry: Map<string, Component> = new Map<string, Component>();\n\n/**\n * Dwell, in milliseconds, before a tab held over a drop target spring-loads a\n * raise of that target's host window — surfacing a backgrounded float so the user\n * can aim the drop. Shared by the two dock drop surfaces so a region body\n * ([`DockRegion`](/api/layout/classes/DockRegion)) and a tab bar\n * ([`TabBar`](/api/component/container/classes/TabBar)) raise on the same cadence.\n *\n * Long enough that brushing a drag across a background window in transit does not\n * raise it, short enough that a deliberate hover surfaces the target. Set above a\n * `MenuItem` submenu's 150ms hover delay because raising a whole window is a\n * heavier, more disruptive action than opening a submenu, so it should demand a\n * clearly deliberate pause.\n */\nexport const SPRING_RAISE_DELAY_MS = 1000;\n\n/**\n * Construction-time options accepted by {@link DragManager.makeDragSource}.\n *\n * @category Core\n */\nexport interface DragSourceOptions {\n    /** Static or factory-produced payload attached to the session. */\n    dragData     : DragData | (() => DragData);\n    /**\n     * Optional veto callback fired the moment the threshold is crossed.\n     * Return `false` to abort the drag before any overlay is shown.\n     */\n    onDragStart? : (detail: DragEventDetail) => boolean | void;\n    /**\n     * Optional ghost factory. The returned component is used in place of\n     * the manager's default ghost (which carries no label and matches the\n     * source's size). The component must be detached when returned.\n     */\n    ghostFactory?: (source: Component, data: DragData) => Component;\n    /** CSS cursor applied to `<body>` while the drag is active. */\n    cursor?      : string;\n    /**\n     * Fired once the gesture ends, after any `onDrop`. `dropped` is `true` when\n     * the release was handled by a registered drop target — whether the target\n     * accepted the drop or refused it — and `false` only on a release over empty\n     * space. Lets a source distinguish a release that landed on a target from a\n     * fall-through to empty space (e.g. tab tear-off), the signal the `\"dragend\"`\n     * DOM event alone cannot carry.\n     */\n    onDragEnd?   : (detail: DragEventDetail, dropped: boolean) => void;\n}\n\n/**\n * Construction-time options accepted by {@link DragManager.makeDropTarget}.\n *\n * @category Core\n */\nexport interface DropTargetOptions {\n    /**\n     * Validity predicate. Returns `true` when the dragged source may\n     * drop on this target; the visual feedback tint mirrors the result.\n     */\n    accepts      : (detail: DragEventDetail) => boolean;\n    /**\n     * Optional hover callback. Return a number to position the\n     * [`ReorderIndicator`](/api/overlay/classes/ReorderIndicator) at the\n     * given y inside the target; return `null` / `undefined` for no\n     * reorder line.\n     */\n    onDragOver?  : (detail: DragEventDetail) => number | null | void;\n    /** Optional leave callback (cursor exits target's box). */\n    onDragLeave? : (detail: DragEventDetail) => void;\n    /** Optional drop callback — return `false` to suppress the `drop` event. */\n    onDrop?      : (detail: DragEventDetail) => boolean | void;\n    /**\n     * Suppresses the whole-target validity tint\n     * ([`DragFeedback`](/api/overlay/classes/DragFeedback)) for this target. Pass it\n     * when the target paints its own positional validity feedback (e.g. a\n     * [`DockRegion`](/api/layout/classes/DockRegion) colours the drop *zone*\n     * blue/red in `onDragOver`) so the two don't stack into a tinted frame *and*\n     * a tinted zone. `accepts` still governs whether `onDragOver`/`onDrop` fire.\n     */\n    suppressValidityTint?: boolean;\n    /**\n     * Optional non-scrolling layer to host the validity tint, sized to the\n     * target's box within it. Pass it when the target scrolls its own content\n     * (e.g. a Tab strip's clip frame) so the tint overlays the *viewport* and\n     * stays put instead of riding the scroll. Defaults to the target itself.\n     */\n    feedbackHost?: Component;\n}\n\ninterface DragSourceRecord {\n    component: Component;\n    options:   DragSourceOptions;\n}\n\ninterface DropTargetRecord {\n    component: Component;\n    options:   DropTargetOptions;\n}\n\ninterface DragSession {\n    source:           Component;\n    sourceOptions:    DragSourceOptions;\n    dragData:         DragData;\n    startX:           number;\n    startY:           number;\n    committed:        boolean;\n    ghost:            Component | null;\n    feedback:         DragFeedback | null;\n    indicator:        ReorderIndicator | null;\n    currentTarget:    Component | null;\n    previousBodyCursor: string;\n}\n\n/**\n * Distance the cursor must travel between `mousedown` and `mousemove`\n * before the press-and-drag commits to a drag. The 4 px slop matches\n * the standard HIG threshold on Windows and macOS — anything shorter\n * fires a drag on plain clicks; anything longer feels unresponsive.\n */\nconst DRAG_THRESHOLD = 4;\n\n/**\n * Diagonal offsets applied to the ghost's top-left corner so the cursor\n * stays clear of the preview. Matches Finder / VS Code placement.\n */\nconst GHOST_OFFSET_X = 12;\nconst GHOST_OFFSET_Y = 12;\n\nconst dragSources = new Map<string, DragSourceRecord>();\nconst dropTargets = new Map<string, DropTargetRecord>();\nlet activeSession: DragSession | null = null;\n\n/**\n * Process-wide drag-and-drop coordinator. Maintains the global source /\n * target registry, owns the single active drag session, and\n * positions the three overlay components\n * ([`DragGhost`](/api/overlay/classes/DragGhost),\n * [`DragFeedback`](/api/overlay/classes/DragFeedback),\n * [`ReorderIndicator`](/api/overlay/classes/ReorderIndicator)) above the\n * page during a drag.\n *\n * Consumers register through the two factory functions and receive a\n * teardown closure to unwire when the source / target component goes\n * away. The manager itself fires no events directly — every callback\n * lives on the option bag the caller passed to the factory.\n *\n * @example\n * ```typescript\n * const tearDownSrc = DragManager.makeDragSource(row, {\n *     dragData: () => ({ recordId: row.getRecord()?.get('id') }),\n * });\n * const tearDownTgt = DragManager.makeDropTarget(folder, {\n *     accepts: (d) => d.dragData.recordId !== folder.getRecord()?.get('id'),\n *     onDrop:  (d) => moveRecord(d.dragData.recordId, folder),\n * });\n * ```\n *\n * @category Core\n */\nexport namespace DragManager {\n\n    /**\n     * Registers a component as a drag source. The component's mousedown\n     * event begins a pending drag session that commits once the cursor\n     * travels past the 4 px movement threshold.\n     *\n     * @param component - The source component.\n     * @param options - Drag source configuration.\n     *\n     * @returns A teardown function that removes the source registration\n     *   and the mousedown listener.\n     */\n    export function makeDragSource(component: Component, options: DragSourceOptions): () => void {\n        dragSources.set(component.getId(), { component, options });\n        component.addMouseDownSubtreeListener(onSourceMouseDown);\n\n        return tearDownDragSource.bind(null, component);\n    }\n\n    /**\n     * Registers a component as a drop target. The component is queried\n     * for `accepts` during every `mousemove` while a drag is active and\n     * receives the configured callbacks at the appropriate phases.\n     *\n     * @param component - The drop target.\n     * @param options - Drop target configuration.\n     *\n     * @returns A teardown function that removes the target registration.\n     */\n    export function makeDropTarget(component: Component, options: DropTargetOptions): () => void {\n        dropTargets.set(component.getId(), { component, options });\n\n        return tearDownDropTarget.bind(null, component);\n    }\n\n    /**\n     * Returns whether a drag is currently in progress (committed past\n     * the 4 px movement threshold).\n     *\n     * @returns `true` while the ghost is visible; `false` otherwise.\n     */\n    export function isDragging(): boolean {\n        return activeSession !== null && activeSession.committed;\n    }\n\n    /**\n     * Aborts an in-flight drag. Mirrors a `mouseup` outside any drop\n     * target — no drop callback fires; the session tears down.\n     */\n    export function cancel(): void {\n        if (activeSession === null) {\n            return;\n        }\n\n        endSession(false, 0, 0);\n    }\n}\n\n/**\n * Resolves the source's drag-data payload — accepts either a literal or\n * a factory function on every drag start so callers can carry per-row\n * state without re-registering the source.\n */\nfunction resolveDragData(options: DragSourceOptions): DragData {\n    return typeof options.dragData === \"function\" ? options.dragData() : options.dragData;\n}\n\n/**\n * Removes the per-component mousedown listener and drops the source\n * record. Bound to `(component)` by `makeDragSource` so the returned\n * teardown closure stays a stable named-function reference.\n */\nfunction tearDownDragSource(component: Component): void {\n    component.removeMouseDownSubtreeListener(onSourceMouseDown);\n    dragSources.delete(component.getId());\n}\n\n/**\n * Drops the target record. Bound to `(component)` by\n * `makeDropTarget` so the returned teardown closure stays a stable\n * named-function reference.\n */\nfunction tearDownDropTarget(component: Component): void {\n    dropTargets.delete(component.getId());\n}\n\n/**\n * Records the pending press and arms the viewport-level move / up\n * listeners. Nothing visual happens until the cursor crosses the\n * threshold.\n *\n * Registered as a subtree mousedown listener on every drag source, so\n * a press on any descendant of the source bubbles up the subtree\n * walker and the framework's Event router applies `component` as\n * `this` for the matching source — the lookup that identifies which\n * source was pressed.\n */\nfunction onSourceMouseDown(this: Component, e: MouseEvent): void {\n    if (activeSession !== null) {\n        return;\n    }\n\n    if (e.button !== 0) {\n        return;\n    }\n\n    const record = dragSources.get(this.getId());\n\n    if (!record) {\n        return;\n    }\n\n    const source  = record.component;\n    const options = record.options;\n\n    activeSession = {\n        source,\n        sourceOptions: options,\n        dragData:      resolveDragData(options),\n        startX:        e.clientX,\n        startY:        e.clientY,\n        committed:     false,\n        ghost:         null,\n        feedback:      null,\n        indicator:     null,\n        currentTarget: null,\n        previousBodyCursor: DOM.source.getInlineStyle(DOM.source.getBody(), \"cursor\"),\n    };\n\n    // Viewport listeners route through Event.baseViewportListener, which stops\n    // mouseup propagation at window capture phase whenever any viewport\n    // listener for the type exists. A raw document-level mouseup binding would\n    // race SpinButton-class registrants that already pre-empt mouseup at\n    // capture and never fire.\n    Event.addViewportListener(source, \"mousemove\", onMouseMove);\n    Event.addViewportListener(source, \"mouseup\",   onMouseUp);\n}\n\n/**\n * Builds the session's three overlay components and writes the page-\n * wide cursor. Called once on the first mousemove that crosses the\n * threshold.\n */\nfunction commitSession(session: DragSession): void {\n    session.committed = true;\n\n    const ghost = session.sourceOptions.ghostFactory\n        ? session.sourceOptions.ghostFactory(session.source, session.dragData)\n        : new DragGhost();\n\n    session.ghost     = ghost;\n    session.feedback  = new DragFeedback();\n    session.indicator = new ReorderIndicator();\n\n    if (typeof (ghost as unknown as { show?: () => void }).show === \"function\") {\n        (ghost as unknown as { show: () => void }).show();\n    } else {\n        const el = ghost.getElement(true)!;\n\n        DOM.sink.appendChild(DOM.source.getDocumentElement(), el);\n    }\n\n    if (session.sourceOptions.cursor) {\n        DOM.sink.apply(DOM.source.getBody(), { style: { cursor: session.sourceOptions.cursor } });\n    }\n}\n\n/**\n * Builds the immutable detail payload threaded through every\n * source / target callback for the current pointer position.\n */\nfunction buildDetail(session: DragSession, clientX: number, clientY: number): DragEventDetail {\n    return {\n        dragData: session.dragData,\n        sourceId: session.source.getId(),\n        clientX,\n        clientY,\n    };\n}\n\n/**\n * Hit-tests under the ghost (which is pointer-events-none) and returns\n * the registered drop target whose element is the first match in the\n * z-stack, or `null` when no registered target sits under the cursor.\n */\nfunction pickDropTarget(clientX: number, clientY: number): DropTargetRecord | null {\n    const stack = DOM.source.elementsFromPoint(clientX, clientY);\n\n    for (const el of stack) {\n        const record = dropTargets.get(DOM.source.getId(el));\n\n        if (record) {\n            return record;\n        }\n    }\n\n    return null;\n}\n\n/**\n * Detaches the validity tint from the previous target and fires its\n * `onDragLeave`. No-op when there is no previous target.\n */\nfunction leaveCurrentTarget(session: DragSession, detail: DragEventDetail): void {\n    if (session.currentTarget === null) {\n        return;\n    }\n\n    const prev = dropTargets.get(session.currentTarget.getId());\n\n    if (prev && prev.options.onDragLeave) {\n        prev.options.onDragLeave(detail);\n    }\n\n    if (session.feedback) {\n        session.feedback.detach();\n    }\n\n    if (session.indicator) {\n        session.indicator.detach();\n    }\n\n    session.currentTarget = null;\n}\n\n/**\n * Attaches the validity tint to the new target, calls `onDragOver`\n * once, and positions the reorder indicator if the callback returned a\n * y value.\n */\nfunction enterNewTarget(session: DragSession, target: DropTargetRecord, detail: DragEventDetail): void {\n    const accepted = target.options.accepts(detail);\n\n    if (session.feedback && !target.options.suppressValidityTint) {\n        session.feedback.setValid(accepted);\n        session.feedback.attachTo(target.component, target.options.feedbackHost);\n    }\n\n    if (!accepted) {\n        session.currentTarget = target.component;\n\n        return;\n    }\n\n    const hint = target.options.onDragOver?.(detail);\n\n    if (typeof hint === \"number\" && session.indicator) {\n        session.indicator.attachTo(target.component);\n        session.indicator.setInsertionY(hint);\n    } else if (session.indicator) {\n        session.indicator.detach();\n    }\n\n    session.currentTarget = target.component;\n}\n\n/**\n * Drives the active session forward each frame: commits past the\n * threshold, moves the ghost, hands target changes to the\n * enter / leave helpers, and re-runs `onDragOver` while the cursor stays\n * inside the same target.\n */\nfunction onMouseMove(e: MouseEvent): void {\n    if (activeSession === null) {\n        return;\n    }\n\n    const session = activeSession;\n\n    if (!session.committed) {\n        const dx = e.clientX - session.startX;\n        const dy = e.clientY - session.startY;\n\n        if (dx * dx + dy * dy < DRAG_THRESHOLD * DRAG_THRESHOLD) {\n            return;\n        }\n\n        const startDetail = buildDetail(session, e.clientX, e.clientY);\n\n        if (session.sourceOptions.onDragStart?.(startDetail) === false) {\n            endSession(false, e.clientX, e.clientY);\n\n            return;\n        }\n\n        commitSession(session);\n        Event.fireEvent(session.source, \"dragstart\", { detail: startDetail });\n    }\n\n    if (session.ghost) {\n        const dragGhost = session.ghost as unknown as { moveTo?: (x: number, y: number) => void };\n\n        if (typeof dragGhost.moveTo === \"function\") {\n            dragGhost.moveTo(e.clientX + GHOST_OFFSET_X, e.clientY + GHOST_OFFSET_Y);\n        } else {\n            session.ghost.setX(e.clientX + GHOST_OFFSET_X);\n            session.ghost.setY(e.clientY + GHOST_OFFSET_Y);\n        }\n    }\n\n    const detail = buildDetail(session, e.clientX, e.clientY);\n    const target = pickDropTarget(e.clientX, e.clientY);\n\n    if (target === null) {\n        leaveCurrentTarget(session, detail);\n\n        return;\n    }\n\n    if (session.currentTarget !== target.component) {\n        leaveCurrentTarget(session, detail);\n        enterNewTarget(session, target, detail);\n\n        return;\n    }\n\n    // Same target as last frame — re-check accepts so the feedback\n    // tint stays accurate (the validity of a drop can change as the\n    // cursor moves within the same target, e.g. crossing into a\n    // descendant region the source isn't allowed to land on). Skip\n    // onDragOver / reorder indicator entirely while the drop is\n    // rejected.\n    const accepted = target.options.accepts(detail);\n\n    if (session.feedback && !target.options.suppressValidityTint) {\n        session.feedback.setValid(accepted);\n    }\n\n    if (!accepted) {\n        if (session.indicator) {\n            session.indicator.detach();\n        }\n\n        return;\n    }\n\n    const hint = target.options.onDragOver?.(detail);\n\n    if (typeof hint === \"number\" && session.indicator) {\n        session.indicator.attachTo(target.component);\n        session.indicator.setInsertionY(hint);\n    } else if (session.indicator) {\n        session.indicator.detach();\n    }\n}\n\n/**\n * Commits the drop (if any) and tears down the session.\n */\nfunction onMouseUp(e: MouseEvent): void {\n    if (activeSession === null) {\n        return;\n    }\n\n    const session = activeSession;\n    const detail  = buildDetail(session, e.clientX, e.clientY);\n    let dropped   = false;\n\n    if (session.committed && session.currentTarget !== null) {\n        const target = dropTargets.get(session.currentTarget.getId());\n\n        if (target) {\n            // Released over a registered drop target. Dispatch the drop only\n            // when the target accepts; either way the release was *handled* by a\n            // target rather than falling through to empty space, so report\n            // `dropped` so the source skips its empty-space fallback — e.g. a Tab\n            // header snaps back instead of tearing off into a window when the\n            // target refused it (a rejected self-dock is a no-op, not a detach).\n            if (target.options.accepts(detail)) {\n                const onDropResult = target.options.onDrop?.(detail);\n\n                if (onDropResult !== false) {\n                    Event.fireEvent(session.source, \"drop\", { detail });\n                }\n            }\n\n            dropped = true;\n        }\n    }\n\n    endSession(dropped, e.clientX, e.clientY);\n}\n\n/**\n * Removes overlays, unwires viewport listeners, restores the body\n * cursor, and fires `dragend` when the session committed.\n */\nfunction endSession(dropped: boolean, clientX: number, clientY: number): void {\n    if (activeSession === null) {\n        return;\n    }\n\n    const session = activeSession;\n\n    Event.removeViewportListener(session.source, \"mousemove\", onMouseMove);\n    Event.removeViewportListener(session.source, \"mouseup\",   onMouseUp);\n\n    if (session.feedback) {\n        session.feedback.detach();\n    }\n\n    if (session.indicator) {\n        session.indicator.detach();\n    }\n\n    if (session.ghost) {\n        const dragGhost = session.ghost as unknown as { hide?: () => void };\n\n        if (typeof dragGhost.hide === \"function\") {\n            dragGhost.hide();\n        } else {\n            session.ghost.removeElement();\n        }\n    }\n\n    if (session.sourceOptions.cursor) {\n        DOM.sink.apply(DOM.source.getBody(), { style: { cursor: session.previousBodyCursor } });\n    }\n\n    if (session.committed) {\n        const detail = buildDetail(session, clientX, clientY);\n\n        Event.fireEvent(session.source, \"dragend\", { detail });\n        session.sourceOptions.onDragEnd?.(detail, dropped);\n    }\n\n    activeSession = null;\n}\n"],"mappings":"wLAkBA,IAAM,EAAU,EAAa,KAAK,OAAS,EAarC,aAAN,cAA2B,CAAU,CAEjC,OAA0B,GAM1B,aAAc,CACV,MAAM,EAEN,KAAK,YAAY,EAAS,QAAQ,EAClC,KAAK,UAAU,CAAO,EACtB,KAAK,iBAAiB,MAAM,EAE5B,KAAK,qBAAqB,CAC9B,CAQA,SAAmB,CACf,OAAO,KAAK,MAChB,CASA,SAAS,EAAsB,CACvB,KAAK,SAAW,IAIpB,KAAK,OAAS,EAEd,KAAK,qBAAqB,EAC9B,CAeA,SAAS,EAAmB,EAAwB,CAChD,IAAM,EAAO,KAAK,WAAW,EAAI,EAEjC,GAAI,GAAQ,IAAS,EAAQ,CAEzB,KAAK,KAAK,EAAO,KAAK,CAAC,EACvB,KAAK,KAAK,EAAO,KAAK,CAAC,EACvB,KAAK,SAAS,EAAO,SAAS,CAAC,EAC/B,KAAK,UAAU,EAAO,UAAU,CAAC,EAEjC,IAAM,EAAS,EAAK,WAAW,EAAI,EAC/B,EAAI,OAAO,iBAAiB,CAAI,IAAM,GACtC,EAAI,KAAK,YAAY,EAAQ,CAAI,EAGrC,MACJ,CAGA,KAAK,KAAK,CAAC,EACX,KAAK,KAAK,CAAC,EACX,KAAK,SAAS,EAAO,SAAS,CAAC,EAC/B,KAAK,UAAU,EAAO,UAAU,CAAC,EAEjC,IAAM,EAAW,EAAO,WAAW,EAAI,EACnC,EAAI,OAAO,iBAAiB,CAAI,IAAM,GACtC,EAAI,KAAK,YAAY,EAAU,CAAI,CAE3C,CAKA,QAAe,CACX,KAAK,cAAc,CACvB,CAOA,sBAAqC,CACjC,IAAM,EAAS,KAAK,OAAS,QAAU,UAEvC,KAAK,mBAAmB,6BAA6B,EAAO,KAAK,EACjE,KAAK,UAAU,CAAE,OAAQ,uCAAuC,EAAO,SAAU,CAAC,CACtF,CACJ,EAEM,EAAuB,EAAS,YAAY,EC3H5C,EAAU,MAMV,EAAgB,IAGhB,EAAiB,GAMjB,EAAc,EAed,UAAN,cAAwB,CAAU,CAE9B,OAA8B,KAW9B,YAAY,EAAgB,EAAgB,EAAiB,CACzD,MAAM,EAEN,KAAK,YAAY,EAAS,KAAK,EAC/B,KAAK,UAAU,CAAO,EACtB,KAAK,iBAAiB,MAAM,EAC5B,KAAK,SAAS,GAAS,CAAa,EACpC,KAAK,UAAU,GAAU,CAAc,EAEvC,KAAK,mBAAmB,4BAA4B,EACpD,KAAK,UAAU,CAAE,OAAQ,0CAA2C,CAAC,EACrE,KAAK,UAAU,gCAAgC,EAC/C,KAAK,gBAAgB,iCAAiC,EACtD,KAAK,WAAW,GAAc,EAE1B,IAAU,IAAA,KACV,KAAK,OAAS,IAAI,EAAK,CAAK,EAC5B,KAAK,OAAO,iBAAiB,MAAM,EACnC,KAAK,aAAa,KAAK,MAAM,EAErC,CAUA,OAAO,EAAiB,EAAuB,CAC3C,KAAK,KAAK,CAAO,EACjB,KAAK,KAAK,CAAO,CACrB,CAMA,MAAa,CACT,IAAM,EAAK,KAAK,WAAW,EAAI,EAE/B,KAAK,eAAe,EACpB,EAAI,KAAK,YAAY,EAAI,OAAO,mBAAmB,EAAG,CAAE,CAC5D,CAMA,MAAa,CACT,KAAK,cAAc,CACvB,CAOA,UAAiB,CAGb,GAFA,MAAM,SAAS,EAEX,KAAK,OAAQ,CACb,IAAM,EAAI,KAAK,SAAS,EAClB,EAAI,KAAK,UAAU,EAEzB,KAAK,OAAO,KAAK,CAAW,EAC5B,KAAK,OAAO,KAAK,CAAW,EAC5B,KAAK,OAAO,SAAS,EAAI,EAAc,CAAC,EACxC,KAAK,OAAO,UAAU,EAAI,EAAc,CAAC,CAC7C,CAEA,OAAO,IACX,CACJ,EAEM,EAAoB,EAAS,SAAS,ECxHtC,EAAU,EAAa,KAAK,OAAS,EAGrC,EAAa,EAMb,EAAW,EAgBX,iBAAN,cAA+B,CAAU,CAMrC,aAAc,CACV,MAAM,EAEN,KAAK,YAAY,EAAS,QAAQ,EAClC,KAAK,UAAU,CAAO,EACtB,KAAK,iBAAiB,MAAM,EAC5B,KAAK,UAAU,CAAU,EAEzB,KAAK,mBAAmB,iCAAiC,CAC7D,CAQA,cAAc,EAAiB,CAC3B,KAAK,KAAK,EAAI,CAAQ,CAC1B,CASA,SAAS,EAAyB,CAC9B,IAAM,EAAW,EAAO,WAAW,EAAI,EACjC,EAAW,KAAK,WAAW,EAAI,EAErC,KAAK,KAAK,CAAC,EACX,KAAK,SAAS,EAAO,SAAS,CAAC,EAE3B,EAAI,OAAO,iBAAiB,CAAI,IAAM,GAI1C,EAAI,KAAK,YAAY,EAAU,CAAI,CACvC,CAKA,QAAe,CACX,KAAK,cAAc,CACvB,CACJ,EAEM,EAA2B,EAAS,gBAAgB,EC/B7C,EAA0C,IAAI,IAe9C,EAAwB,IAwG/B,EAAiB,EAMjB,EAAiB,GACjB,EAAiB,GAEjB,EAAc,IAAI,IAClB,EAAc,IAAI,IACpB,EAAoC,KA6BjC,eAaI,SAAS,eAAe,EAAsB,EAAwC,CAIzF,OAHA,EAAY,IAAI,EAAU,MAAM,EAAG,CAAE,YAAW,SAAQ,CAAC,EACzD,EAAU,4BAA4B,iBAAiB,EAEhD,mBAAmB,KAAK,KAAM,CAAS,CAClD,iCAYO,SAAS,eAAe,EAAsB,EAAwC,CAGzF,OAFA,EAAY,IAAI,EAAU,MAAM,EAAG,CAAE,YAAW,SAAQ,CAAC,EAElD,mBAAmB,KAAK,KAAM,CAAS,CAClD,iCAQO,SAAS,YAAsB,CAClC,OAAO,IAAkB,MAAQ,EAAc,SACnD,yBAMO,SAAS,QAAe,CACvB,IAAkB,MAItB,WAAW,GAAO,EAAG,CAAC,CAC1B,mBACH,AAAA,IAAA,CAAA,CAAD,EAOA,SAAS,gBAAgB,EAAsC,CAC3D,OAAO,OAAO,EAAQ,UAAa,WAAa,EAAQ,SAAS,EAAI,EAAQ,QACjF,CAOA,SAAS,mBAAmB,EAA4B,CACpD,EAAU,+BAA+B,iBAAiB,EAC1D,EAAY,OAAO,EAAU,MAAM,CAAC,CACxC,CAOA,SAAS,mBAAmB,EAA4B,CACpD,EAAY,OAAO,EAAU,MAAM,CAAC,CACxC,CAaA,SAAS,kBAAmC,EAAqB,CAK7D,GAJI,IAAkB,MAIlB,EAAE,SAAW,EACb,OAGJ,IAAM,EAAS,EAAY,IAAI,KAAK,MAAM,CAAC,EAE3C,GAAI,CAAC,EACD,OAGJ,IAAM,EAAU,EAAO,UACjB,EAAU,EAAO,QAEvB,EAAgB,CACZ,SACA,cAAe,EACf,SAAe,gBAAgB,CAAO,EACtC,OAAe,EAAE,QACjB,OAAe,EAAE,QACjB,UAAe,GACf,MAAe,KACf,SAAe,KACf,UAAe,KACf,cAAe,KACf,mBAAoB,EAAI,OAAO,eAAe,EAAI,OAAO,QAAQ,EAAG,QAAQ,CAChF,EAOA,EAAM,oBAAoB,EAAQ,YAAa,WAAW,EAC1D,EAAM,oBAAoB,EAAQ,UAAa,SAAS,CAC5D,CAOA,SAAS,cAAc,EAA4B,CAC/C,EAAQ,UAAY,GAEpB,IAAM,EAAQ,EAAQ,cAAc,aAC9B,EAAQ,cAAc,aAAa,EAAQ,OAAQ,EAAQ,QAAQ,EACnE,IAAI,EAMV,GAJA,EAAQ,MAAY,EACpB,EAAQ,SAAY,IAAI,EACxB,EAAQ,UAAY,IAAI,EAEpB,OAAQ,EAA2C,MAAS,WAC5D,EAA2C,KAAK,MAC7C,CACH,IAAM,EAAK,EAAM,WAAW,EAAI,EAEhC,EAAI,KAAK,YAAY,EAAI,OAAO,mBAAmB,EAAG,CAAE,CAC5D,CAEI,EAAQ,cAAc,QACtB,EAAI,KAAK,MAAM,EAAI,OAAO,QAAQ,EAAG,CAAE,MAAO,CAAE,OAAQ,EAAQ,cAAc,MAAO,CAAE,CAAC,CAEhG,CAMA,SAAS,YAAY,EAAsB,EAAiB,EAAkC,CAC1F,MAAO,CACH,SAAU,EAAQ,SAClB,SAAU,EAAQ,OAAO,MAAM,EAC/B,UACA,SACJ,CACJ,CAOA,SAAS,eAAe,EAAiB,EAA0C,CAC/E,IAAM,EAAQ,EAAI,OAAO,kBAAkB,EAAS,CAAO,EAE3D,IAAK,IAAM,KAAM,EAAO,CACpB,IAAM,EAAS,EAAY,IAAI,EAAI,OAAO,MAAM,CAAE,CAAC,EAEnD,GAAI,EACA,OAAO,CAEf,CAEA,OAAO,IACX,CAMA,SAAS,mBAAmB,EAAsB,EAA+B,CAC7E,GAAI,EAAQ,gBAAkB,KAC1B,OAGJ,IAAM,EAAO,EAAY,IAAI,EAAQ,cAAc,MAAM,CAAC,EAEtD,GAAQ,EAAK,QAAQ,aACrB,EAAK,QAAQ,YAAY,CAAM,EAG/B,EAAQ,UACR,EAAQ,SAAS,OAAO,EAGxB,EAAQ,WACR,EAAQ,UAAU,OAAO,EAG7B,EAAQ,cAAgB,IAC5B,CAOA,SAAS,eAAe,EAAsB,EAA0B,EAA+B,CACnG,IAAM,EAAW,EAAO,QAAQ,QAAQ,CAAM,EAO9C,GALI,EAAQ,UAAY,CAAC,EAAO,QAAQ,uBACpC,EAAQ,SAAS,SAAS,CAAQ,EAClC,EAAQ,SAAS,SAAS,EAAO,UAAW,EAAO,QAAQ,YAAY,GAGvE,CAAC,EAAU,CACX,EAAQ,cAAgB,EAAO,UAE/B,MACJ,CAEA,IAAM,EAAO,EAAO,QAAQ,aAAa,CAAM,EAE3C,OAAO,GAAS,UAAY,EAAQ,WACpC,EAAQ,UAAU,SAAS,EAAO,SAAS,EAC3C,EAAQ,UAAU,cAAc,CAAI,GAC7B,EAAQ,WACf,EAAQ,UAAU,OAAO,EAG7B,EAAQ,cAAgB,EAAO,SACnC,CAQA,SAAS,YAAY,EAAqB,CACtC,GAAI,IAAkB,KAClB,OAGJ,IAAM,EAAU,EAEhB,GAAI,CAAC,EAAQ,UAAW,CACpB,IAAM,EAAK,EAAE,QAAU,EAAQ,OACzB,EAAK,EAAE,QAAU,EAAQ,OAE/B,GAAI,EAAK,EAAK,EAAK,EAAK,EAAiB,EACrC,OAGJ,IAAM,EAAc,YAAY,EAAS,EAAE,QAAS,EAAE,OAAO,EAE7D,GAAI,EAAQ,cAAc,cAAc,CAAW,IAAM,GAAO,CAC5D,WAAW,GAAO,EAAE,QAAS,EAAE,OAAO,EAEtC,MACJ,CAEA,cAAc,CAAO,EACrB,EAAM,UAAU,EAAQ,OAAQ,YAAa,CAAE,OAAQ,CAAY,CAAC,CACxE,CAEA,GAAI,EAAQ,MAAO,CACf,IAAM,EAAY,EAAQ,MAEtB,OAAO,EAAU,QAAW,WAC5B,EAAU,OAAO,EAAE,QAAU,EAAgB,EAAE,QAAU,CAAc,GAEvE,EAAQ,MAAM,KAAK,EAAE,QAAU,CAAc,EAC7C,EAAQ,MAAM,KAAK,EAAE,QAAU,CAAc,EAErD,CAEA,IAAM,EAAS,YAAY,EAAS,EAAE,QAAS,EAAE,OAAO,EAClD,EAAS,eAAe,EAAE,QAAS,EAAE,OAAO,EAElD,GAAI,IAAW,KAAM,CACjB,mBAAmB,EAAS,CAAM,EAElC,MACJ,CAEA,GAAI,EAAQ,gBAAkB,EAAO,UAAW,CAC5C,mBAAmB,EAAS,CAAM,EAClC,eAAe,EAAS,EAAQ,CAAM,EAEtC,MACJ,CAQA,IAAM,EAAW,EAAO,QAAQ,QAAQ,CAAM,EAM9C,GAJI,EAAQ,UAAY,CAAC,EAAO,QAAQ,sBACpC,EAAQ,SAAS,SAAS,CAAQ,EAGlC,CAAC,EAAU,CACP,EAAQ,WACR,EAAQ,UAAU,OAAO,EAG7B,MACJ,CAEA,IAAM,EAAO,EAAO,QAAQ,aAAa,CAAM,EAE3C,OAAO,GAAS,UAAY,EAAQ,WACpC,EAAQ,UAAU,SAAS,EAAO,SAAS,EAC3C,EAAQ,UAAU,cAAc,CAAI,GAC7B,EAAQ,WACf,EAAQ,UAAU,OAAO,CAEjC,CAKA,SAAS,UAAU,EAAqB,CACpC,GAAI,IAAkB,KAClB,OAGJ,IAAM,EAAU,EACV,EAAU,YAAY,EAAS,EAAE,QAAS,EAAE,OAAO,EACrD,EAAY,GAEhB,GAAI,EAAQ,WAAa,EAAQ,gBAAkB,KAAM,CACrD,IAAM,EAAS,EAAY,IAAI,EAAQ,cAAc,MAAM,CAAC,EAExD,IAOI,EAAO,QAAQ,QAAQ,CAAM,GACR,EAAO,QAAQ,SAAS,CAAM,IAE9B,IACjB,EAAM,UAAU,EAAQ,OAAQ,OAAQ,CAAE,QAAO,CAAC,EAI1D,EAAU,GAElB,CAEA,WAAW,EAAS,EAAE,QAAS,EAAE,OAAO,CAC5C,CAMA,SAAS,WAAW,EAAkB,EAAiB,EAAuB,CAC1E,GAAI,IAAkB,KAClB,OAGJ,IAAM,EAAU,EAahB,GAXA,EAAM,uBAAuB,EAAQ,OAAQ,YAAa,WAAW,EACrE,EAAM,uBAAuB,EAAQ,OAAQ,UAAa,SAAS,EAE/D,EAAQ,UACR,EAAQ,SAAS,OAAO,EAGxB,EAAQ,WACR,EAAQ,UAAU,OAAO,EAGzB,EAAQ,MAAO,CACf,IAAM,EAAY,EAAQ,MAEtB,OAAO,EAAU,MAAS,WAC1B,EAAU,KAAK,EAEf,EAAQ,MAAM,cAAc,CAEpC,CAMA,GAJI,EAAQ,cAAc,QACtB,EAAI,KAAK,MAAM,EAAI,OAAO,QAAQ,EAAG,CAAE,MAAO,CAAE,OAAQ,EAAQ,kBAAmB,CAAE,CAAC,EAGtF,EAAQ,UAAW,CACnB,IAAM,EAAS,YAAY,EAAS,EAAS,CAAO,EAEpD,EAAM,UAAU,EAAQ,OAAQ,UAAW,CAAE,QAAO,CAAC,EACrD,EAAQ,cAAc,YAAY,EAAQ,CAAO,CACrD,CAEA,EAAgB,IACpB"}

package/dist/lib/FieldDecorator-E7WzutjO.js

@@ -0,0 +1,2 @@
+import{f as e,t}from"./Component-BR2f0Itb.js";import{t as n}from"./Tooltip-4lU_tf6r.js";import{t as r}from"./Fit-CFIr4P9R.js";var FieldDecorator=class extends t{constructor(e,t){super(),this.setLayoutManager(new r),this.clearInsets(),this.setBorderRadius(`var(--ts-ui-border-radius)`);let n=e.getPreferredSize();n?this.setPreferredSize(n.width,n.height):this.setPreferredSize(e.getWidth(),e.getHeight()),t.removeComponent(e),t.addComponent(this),this.addComponent(e)}showError(e){return this.setOutline(`2px solid var(--ts-ui-validation-error-border)`),n.attach(this,e,{background:`var(--ts-ui-validation-error-tooltip-bg)`,color:`var(--ts-ui-validation-error-tooltip-color)`,border:`var(--ts-ui-validation-error-tooltip-border)`}),this}clearError(){return this.clearOutline(),n.detach(this),this}},i=e(FieldDecorator);export{i as t};
+//# sourceMappingURL=FieldDecorator-E7WzutjO.js.map

package/dist/lib/FieldDecorator-E7WzutjO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDecorator-E7WzutjO.js","names":[],"sources":["../../src/typescript/lib/validation/FieldDecorator.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Component } from '~/core/Component.js';\nimport { Fit } from '~/layout/Fit.js';\nimport { Tooltip } from '~/overlay/Tooltip.js';\nimport { callable } from \"~/core/Callable.js\";\n\n/**\n * A thin wrapper component that provides error visualisation for a field component.\n *\n * On construction the decorator removes the field from its current parent and inserts\n * itself in the parent, then re-adds the field as its own child. This means the error\n * border is applied to the decorator — never to the field itself — so the field's own\n * border is left untouched and removing the validation state is a clean one-step reset.\n *\n * @remarks Due to the framework's append-only `addComponent` API the decorator is\n * placed at the end of the parent's children rather than in the field's original slot.\n * A future `addComponentAt(index, component)` enhancement could address this.\n *\n * @category Validation\n */\nclass FieldDecorator extends Component {\n\n    /**\n     * Creates a decorator that wraps `field` inside `parent`.\n     *\n     * The field is removed from `parent` and the decorator is added in its place,\n     * then the field is added as a child of the decorator.\n     *\n     * @param field - The UI component to decorate.\n     * @param parent - The current parent container of `field`.\n     */\n    constructor(field: Component, parent: Component) {\n        super();\n\n        this.setLayoutManager(new Fit());\n\n        // Every Component defaults to 4px insets on all sides.  Zero them out so\n        // the Fit layout gives the field the decorator's full content area.\n        this.clearInsets();\n\n        // Inherit the theme border radius so the outline follows the field's rounded corners.\n        this.setBorderRadius('var(--ts-ui-border-radius)');\n\n        // Mirror the field's preferred size so the parent layout allocates the\n        // same space for the decorator as it did for the field.  Without this,\n        // layouts that fall back to a default width (e.g. HBox defaultComponentWidth)\n        // would give the decorator a different — usually smaller — allocation.\n        const ps = field.getPreferredSize();\n\n        if (ps) {\n            this.setPreferredSize(ps.width, ps.height);\n        } else {\n            this.setPreferredSize(field.getWidth(), field.getHeight());\n        }\n\n        parent.removeComponent(field);\n        parent.addComponent(this);\n        this.addComponent(field);\n    }\n\n    /**\n     * Applies a red validation-error outline to this decorator and attaches an error\n     * tooltip that appears on hover.\n     *\n     * CSS `outline` is used instead of `border` so that the decorator's content area\n     * and the wrapped field's size are completely unaffected — outline renders outside\n     * the box model and takes up no layout space.\n     *\n     * @param message - The error message to display in the tooltip.\n     */\n    showError(message: string): this {\n        this.setOutline('2px solid var(--ts-ui-validation-error-border)');\n\n        Tooltip.attach(this, message, {\n            background: 'var(--ts-ui-validation-error-tooltip-bg)',\n            color     : 'var(--ts-ui-validation-error-tooltip-color)',\n            border    : 'var(--ts-ui-validation-error-tooltip-border)',\n        });\n\n        return this;\n    }\n\n    /**\n     * Removes the error outline and detaches the error tooltip.\n     */\n    clearError(): this {\n        this.clearOutline();\n        Tooltip.detach(this);\n\n        return this;\n    }\n}\n\nconst FieldDecoratorCallable = callable(FieldDecorator);\ntype FieldDecoratorCallable = FieldDecorator;\nexport {\n    FieldDecorator         as _FieldDecorator,\n    FieldDecoratorCallable as FieldDecorator\n};\n"],"mappings":"8HAqBA,IAAM,eAAN,cAA6B,CAAU,CAWnC,YAAY,EAAkB,EAAmB,CAC7C,MAAM,EAEN,KAAK,iBAAiB,IAAI,CAAK,EAI/B,KAAK,YAAY,EAGjB,KAAK,gBAAgB,4BAA4B,EAMjD,IAAM,EAAK,EAAM,iBAAiB,EAE9B,EACA,KAAK,iBAAiB,EAAG,MAAO,EAAG,MAAM,EAEzC,KAAK,iBAAiB,EAAM,SAAS,EAAG,EAAM,UAAU,CAAC,EAG7D,EAAO,gBAAgB,CAAK,EAC5B,EAAO,aAAa,IAAI,EACxB,KAAK,aAAa,CAAK,CAC3B,CAYA,UAAU,EAAuB,CAS7B,OARA,KAAK,WAAW,gDAAgD,EAEhE,EAAQ,OAAO,KAAM,EAAS,CAC1B,WAAY,2CACZ,MAAY,8CACZ,OAAY,8CAChB,CAAC,EAEM,IACX,CAKA,YAAmB,CAIf,OAHA,KAAK,aAAa,EAClB,EAAQ,OAAO,IAAI,EAEZ,IACX,CACJ,EAEM,EAAyB,EAAS,cAAc"}

package/dist/lib/Fit-CFIr4P9R.js

@@ -0,0 +1,2 @@
+import{d as e,f as t,l as n}from"./Component-BR2f0Itb.js";var Fit=class extends n{_fill=e.BOTH;constructor(e){super(),e&&this.applyOptions(e)}applyOptions(e){super.applyOptions(e),e.fill!==void 0&&this.setFill(e.fill)}getFill(){return this._fill}setFill(e){return this._fill=e,this}getPreferredSize(){return this.computeSize(e=>e.getPreferredSize())}getMinSize(){return this.computeSize(e=>e.getMinSize())}getMaxSize(){return this.computeSize(e=>e.getMaxSize())}computeSize(e){let t=this.getContainer();if(!t)return null;let n=t.getPerimeterSize(),r=n.left+n.right,i=n.top+n.bottom,a=t.getLaidOutComponents()[0]??null;if(!a)return null;let o=e(a);return o?{width:o.width+r,height:o.height+i}:null}getComponent(){let e=this.getContainer();if(!e)return null;let t=e.getComponents();if(t.length>1)throw Error(`Container contains more than one component.`);let n;return t.length==1&&(n=t[0]),n}computeTotalMinSize(){let e=this.getContainer();if(!e)return{width:0,height:0};let t=e.getLaidOutComponents()[0];return t?t.getMinSize()??{width:0,height:0}:{width:0,height:0}}doLayout(){let e=this.getContainer();if(!e)return;let t=e.getLaidOutComponents();if(t.length>1)throw Error(`Container contains more than one component.`);let n;if(t.length==1&&(n=t[0]),!n)return;let r=e.getInnerSize(),i=e.getContentInsets();r&&=this.inflateForOverflow(r),this.placeComponent(n,i?i.getLeft():0,i?i.getTop():0,r?r.width:0,r?r.height:0,this._fill)}},r=t(Fit);export{r as t};
+//# sourceMappingURL=Fit-CFIr4P9R.js.map

package/dist/lib/Fit-CFIr4P9R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fit-CFIr4P9R.js","names":[],"sources":["../../src/typescript/lib/layout/Fit.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { LayoutManager, LayoutManagerOptions } from \"~/layout/LayoutManager.js\";\nimport { Size } from \"~/primitive/Size.js\";\nimport { FillType } from \"~/layout/FillType.js\";\nimport { Component } from \"~/core/Component.js\";\nimport { callable } from \"~/core/Callable.js\";\n\n/**\n * Construction-time options for {@link Fit}.\n *\n * @category Layouts\n */\nexport interface FitOptions extends LayoutManagerOptions {\n    fill?: FillType;\n}\n\n/**\n * A layout manager that expects exactly one child component and positions it\n * inside the container's entire inner bounds. The default fill mode is\n * `FillType.BOTH` — the child stretches to fill the bounds. Pass\n * `fill: FillType.NONE` (or call {@link Fit.setFill}) to centre the child at\n * its preferred size instead; `HORIZONTAL` / `VERTICAL` stretch on one axis\n * and centre on the other. Throws if the container holds more than one\n * component.\n *\n * @category Layouts\n */\nclass Fit extends LayoutManager {\n\n    private _fill: FillType = FillType.BOTH;\n\n    constructor(options?: FitOptions) {\n        // LayoutManager's constructor takes no options; applied via applyOptions below.\n        // eslint-disable-next-line local/forward-super-options\n        super();\n\n        if (options) {\n            this.applyOptions(options);\n        }\n    }\n\n    /**\n     * Applies a {@link FitOptions} bag, dispatching the fill mode after the\n     * inherited LayoutManager defaults.\n     *\n     * @param options - The options bag carrying the values to apply.\n     */\n    protected applyOptions(options: FitOptions): void {\n        super.applyOptions(options);\n\n        if (options.fill !== undefined) {\n            this.setFill(options.fill);\n        }\n    }\n\n    /**\n     * Returns the fill mode applied to the single child.\n     *\n     * @returns The current [`FillType`](/api/layout/enumerations/FillType).\n     */\n    getFill(): FillType {\n        return this._fill;\n    }\n\n    /**\n     * Sets the fill mode applied to the single child.\n     *\n     * @param fill - `BOTH` stretches the child to fill (default), `NONE`\n     * centres it at its preferred size, `HORIZONTAL` / `VERTICAL` stretch on\n     * one axis and centre on the other.\n     *\n     * @returns This layout manager, for method chaining.\n     */\n    setFill(fill: FillType): this {\n        this._fill = fill;\n\n        return this;\n    }\n\n    /**\n     * Returns the preferred size of the single child component plus the container perimeter.\n     *\n     * @returns The preferred `{width, height}`, or `null` if there is no container or no displayed child.\n     */\n    getPreferredSize(): Size | null {\n        return this.computeSize(component => component.getPreferredSize());\n    }\n\n    /**\n     * Returns the minimum size of the single child component plus the container perimeter.\n     *\n     * @returns The minimum `{width, height}`, or `null` if there is no container or no displayed child.\n     */\n    getMinSize(): Size | null {\n        return this.computeSize(component => component.getMinSize());\n    }\n\n    /**\n     * Returns the maximum size of the single child component plus the container perimeter.\n     *\n     * @returns The maximum `{width, height}`, or `null` if there is no container or no displayed child.\n     */\n    getMaxSize(): Size | null {\n        return this.computeSize(component => component.getMaxSize());\n    }\n\n    /**\n     * Shared core of {@link getPreferredSize} / {@link getMinSize} /\n     * {@link getMaxSize}: adds the displayed child's size (selected by `sizeOf`)\n     * to the container perimeter.\n     *\n     * @param sizeOf - Selects the child's preferred, minimum, or maximum size.\n     * @returns The composed `{width, height}`, or `null` if there is no\n     *   container, no displayed child, or the child reports no size.\n     */\n    private computeSize(sizeOf: (component: Component) => Size | null): Size | null {\n        const container = this.getContainer();\n        if (!container) {\n            return null;\n        }\n\n        const perimeterSize = container.getPerimeterSize();\n\n        const outerWidth = perimeterSize.left + perimeterSize.right;\n        const outerHeight = perimeterSize.top + perimeterSize.bottom;\n\n        // Size the displayed child only: a hidden sole child contributes no\n        // size, so the Fit container reports none and its own parent reserves\n        // nothing for it (honouring `displayed`, matching doLayout below).\n        const component = container.getLaidOutComponents()[0] ?? null;\n        if (!component) {\n            return null;\n        }\n\n        const size = sizeOf(component);\n        if (!size) {\n            return null;\n        }\n\n        return {\n            width: size.width + outerWidth,\n            height: size.height + outerHeight\n        };\n    }\n\n    /**\n     * Returns the single child component of the container, or `undefined` if the container is empty.\n     *\n     * @returns The child component, or `undefined`.\n     *\n     * @remarks Throws if the container holds more than one component.\n     */\n    getComponent() {\n        let container = this.getContainer();\n        if (!container) {\n            return null;\n        }\n\n        let components = container.getComponents();\n\n        if (components.length > 1) {\n            throw new Error(\"Container contains more than one component.\");\n        }\n\n        let component;\n\n        if (components.length == 1) {\n            component = components[0];\n        }\n\n        return component;\n    }\n\n    /**\n     * Computes the children's combined minSize along this manager's geometry:\n     * the single child's minSize. Used by `doLayout` to inflate the working\n     * size when the host has opted into `setOverflowing`.\n     *\n     * @returns The single child's min-size; `{ width: 0, height: 0 }` when\n     *   the container is absent or empty.\n     */\n    protected computeTotalMinSize(): Size {\n        const container = this.getContainer();\n        if (!container) {\n            return { width: 0, height: 0 };\n        }\n\n        const component = container.getLaidOutComponents()[0];\n        if (!component) {\n            return { width: 0, height: 0 };\n        }\n\n        const min = component.getMinSize();\n\n        return min ?? { width: 0, height: 0 };\n    }\n\n    /**\n     * Places the single child component inside the container's inner bounds\n     * using the configured fill mode.\n     *\n     * @remarks Throws if the container holds more than one component. With\n     * the default `FillType.BOTH` the child is sized to the full bounds;\n     * with `FillType.NONE` it is placed at its preferred size and centred\n     * via the inherited anchor-displacement logic in `placeComponent`.\n     */\n    doLayout() {\n        let container = this.getContainer();\n        if (!container) {\n            return;\n        }\n\n        // Honour `displayed`: a hidden sole child contributes nothing and a\n        // hidden first-of-two is skipped, so the visible child still fits.\n        let components = container.getLaidOutComponents();\n\n        if (components.length > 1) {\n            throw new Error(\"Container contains more than one component.\");\n        }\n\n        let component;\n\n        if (components.length == 1) {\n            component = components[0];\n        }\n\n        if (!component) {\n            return;\n        }\n\n        let containerSize = container.getInnerSize();\n        let containerInsets = container.getContentInsets();\n\n        // Universal scroll: see HBox.doLayout for the rationale. When the\n        // host has marked the corresponding axis as overflowing, grow the\n        // working size past the host's inner rect to the child's minSize so\n        // the host's CSS `overflow: auto` produces a scrollbar.\n        if (containerSize) {\n            containerSize = this.inflateForOverflow(containerSize);\n        }\n\n        this.placeComponent(\n            component,\n            containerInsets ? containerInsets.getLeft() : 0,\n            containerInsets ? containerInsets.getTop() : 0,\n            containerSize ? containerSize.width : 0,\n            containerSize ? containerSize.height : 0,\n            this._fill\n        );\n    }\n}\n\nconst FitCallable = callable(Fit);\ntype FitCallable = Fit;\nexport {\n    Fit         as _Fit,\n    FitCallable as Fit\n};\n"],"mappings":"0DA4BA,IAAM,IAAN,cAAkB,CAAc,CAE5B,MAA0B,EAAS,KAEnC,YAAY,EAAsB,CAG9B,MAAM,EAEF,GACA,KAAK,aAAa,CAAO,CAEjC,CAQA,aAAuB,EAA2B,CAC9C,MAAM,aAAa,CAAO,EAEtB,EAAQ,OAAS,IAAA,IACjB,KAAK,QAAQ,EAAQ,IAAI,CAEjC,CAOA,SAAoB,CAChB,OAAO,KAAK,KAChB,CAWA,QAAQ,EAAsB,CAG1B,MAFA,MAAK,MAAQ,EAEN,IACX,CAOA,kBAAgC,CAC5B,OAAO,KAAK,YAAY,GAAa,EAAU,iBAAiB,CAAC,CACrE,CAOA,YAA0B,CACtB,OAAO,KAAK,YAAY,GAAa,EAAU,WAAW,CAAC,CAC/D,CAOA,YAA0B,CACtB,OAAO,KAAK,YAAY,GAAa,EAAU,WAAW,CAAC,CAC/D,CAWA,YAAoB,EAA4D,CAC5E,IAAM,EAAY,KAAK,aAAa,EACpC,GAAI,CAAC,EACD,OAAO,KAGX,IAAM,EAAgB,EAAU,iBAAiB,EAE3C,EAAa,EAAc,KAAO,EAAc,MAChD,EAAc,EAAc,IAAM,EAAc,OAKhD,EAAY,EAAU,qBAAqB,CAAC,CAAC,IAAM,KACzD,GAAI,CAAC,EACD,OAAO,KAGX,IAAM,EAAO,EAAO,CAAS,EAK7B,OAJK,EAIE,CACH,MAAO,EAAK,MAAQ,EACpB,OAAQ,EAAK,OAAS,CAC1B,EANW,IAOf,CASA,cAAe,CACX,IAAI,EAAY,KAAK,aAAa,EAClC,GAAI,CAAC,EACD,OAAO,KAGX,IAAI,EAAa,EAAU,cAAc,EAEzC,GAAI,EAAW,OAAS,EACpB,MAAU,MAAM,6CAA6C,EAGjE,IAAI,EAMJ,OAJI,EAAW,QAAU,IACrB,EAAY,EAAW,IAGpB,CACX,CAUA,qBAAsC,CAClC,IAAM,EAAY,KAAK,aAAa,EACpC,GAAI,CAAC,EACD,MAAO,CAAE,MAAO,EAAG,OAAQ,CAAE,EAGjC,IAAM,EAAY,EAAU,qBAAqB,CAAC,CAAC,GAOnD,OANK,EAIO,EAAU,WAEf,GAAO,CAAE,MAAO,EAAG,OAAQ,CAAE,EALzB,CAAE,MAAO,EAAG,OAAQ,CAAE,CAMrC,CAWA,UAAW,CACP,IAAI,EAAY,KAAK,aAAa,EAClC,GAAI,CAAC,EACD,OAKJ,IAAI,EAAa,EAAU,qBAAqB,EAEhD,GAAI,EAAW,OAAS,EACpB,MAAU,MAAM,6CAA6C,EAGjE,IAAI,EAMJ,GAJI,EAAW,QAAU,IACrB,EAAY,EAAW,IAGvB,CAAC,EACD,OAGJ,IAAI,EAAgB,EAAU,aAAa,EACvC,EAAkB,EAAU,iBAAiB,EAMjD,AACI,IAAgB,KAAK,mBAAmB,CAAa,EAGzD,KAAK,eACD,EACA,EAAkB,EAAgB,QAAQ,EAAI,EAC9C,EAAkB,EAAgB,OAAO,EAAI,EAC7C,EAAgB,EAAc,MAAQ,EACtC,EAAgB,EAAc,OAAS,EACvC,KAAK,KACT,CACJ,CACJ,EAEM,EAAc,EAAS,GAAG"}

package/dist/lib/Glyph-WUqTF_Z9.js

@@ -0,0 +1,2 @@
+import{u as e}from"./Position-B-WfZYAJ.js";import{_ as t,f as n,h as r,t as i}from"./Component-BR2f0Itb.js";var a=new Map;a.set(`unicode-arrow-up`,{kind:`char`,char:`▲`}),a.set(`unicode-arrow-down`,{kind:`char`,char:`▼`}),a.set(`unicode-arrow-left`,{kind:`char`,char:`◀`}),a.set(`unicode-arrow-right`,{kind:`char`,char:`▶`});var o=`http://www.w3.org/2000/svg`,s=`ts-glyph-`,c=!1,l=null;function registerGlyph(e){a.set(e.name,e),e.kind===`svg`&&c&&_addSymbolToSprite(e.name,e)}function unregisterGlyph(e){let t=a.get(e);a.delete(e),t&&t.kind===`svg`&&c&&_removeSymbolFromSprite(e)}function lookupGlyph(e){return a.get(e)}function ensureGlyphSprite(){if(c)return;let t=e.sink.createElementNS(o,`svg`);e.sink.apply(t,{setAttr:{"aria-hidden":`true`,focusable:`false`},style:{position:`absolute`,width:`0`,height:`0`,overflow:`hidden`}}),e.sink.appendChild(e.source.getBody(),t),l=t,c=!0}function ensureGlyphSymbolMounted(e){if(!c)return;let t=a.get(e);t&&t.kind===`svg`&&_addSymbolToSprite(e,t)}function _addSymbolToSprite(t,n){if(!l||n.kind!==`svg`)return;let r=s+t;if(e.source.querySelector(l,`#${e.source.escapeSelector(r)}`))return;let i=e.sink.createElementNS(o,`symbol`);e.sink.apply(i,{setAttr:{id:r,viewBox:n.viewBox}});let a=e.sink.createElementNS(o,`path`);e.sink.apply(a,{setAttr:{d:n.path}}),e.sink.appendChild(i,a),e.sink.appendChild(l,i)}function _removeSymbolFromSprite(t){if(!l)return;let n=s+t,r=e.source.querySelector(l,`#${e.source.escapeSelector(n)}`);if(r){let t=e.source.querySelector(r,`path`);e.sink.removeChild(l,r),e.sink.release(r),t&&e.sink.release(t)}}var u=`ts-ui-glyph-`,d=new Set,f=!1;function ensureGlyphKeyframes(){f||(f=!0,t.ensureKeyframes(`ts-ui-glyph-spin`,`from { transform: rotate(0deg); } to { transform: rotate(360deg); }`),t.ensureKeyframes(`ts-ui-glyph-pulse`,`0%, 12.5%   { transform: rotate(0deg); }   12.5%, 25%  { transform: rotate(45deg); }  25%, 37.5%  { transform: rotate(90deg); }  37.5%, 50%  { transform: rotate(135deg); } 50%, 62.5%  { transform: rotate(180deg); } 62.5%, 75%  { transform: rotate(225deg); } 75%, 87.5%  { transform: rotate(270deg); } 87.5%, 100% { transform: rotate(315deg); }`),t.ensureKeyframes(`ts-ui-glyph-beat`,`0%, 90% { transform: scale(1); } 45% { transform: scale(1.25); }`),new t({scope:`class`,name:`ts-ui-glyph-spin`,styles:{animation:`ts-ui-glyph-spin var(--ts-ui-glyph-spin-duration, 2000ms) linear infinite`}}),new t({scope:`class`,name:`ts-ui-glyph-pulse`,styles:{animation:`ts-ui-glyph-pulse var(--ts-ui-glyph-pulse-duration, 1000ms) steps(8) infinite`}}),new t({scope:`class`,name:`ts-ui-glyph-beat`,styles:{animation:`ts-ui-glyph-beat var(--ts-ui-glyph-beat-duration, 1000ms) ease-in-out infinite`}}))}function _onReducedMotionChange(){for(let e of Array.from(d)){let t=e.deref();if(!t){d.delete(e);continue}t._syncReducedMotion()}}e.source.matchMedia(`(prefers-reduced-motion: reduce)`).addChangeListener(_onReducedMotionChange);var p={preferredSize:{width:16,height:16}},Glyph=class extends i{_name;_def;static register(...e){for(let t of e)registerGlyph(t)}static unregister(e){unregisterGlyph(e)}constructor(e,t){let n=lookupGlyph(e);if(!n)throw Error(`Unknown glyph: `+e);super(t,{...p,tag:n.kind===`svg`?`svg`:`span`}),this._name=e,this._def=n,n.kind===`char`&&(this._options.lineHeight===void 0&&this.setLineHeight(`1`),this._options.textAlign===void 0&&this.setTextAlign(`center`))}setPreferredSize(e,t){return super.setPreferredSize(e,t),super.setMinSize(e,t),super.setMaxSize(e,t),this}getBaseline(){let e=this.getPreferredSize();return e?e.height-3:null}getGlyphName(){return this._name}getFontSize(){return this._options.fontSize??null}setFontSize(e){return this._options.fontSize=e,this.setElementCSSRule(`fontSize`,e+`px`),this}getLineHeight(){let e=this._options.lineHeight;return e===void 0?null:typeof e==`number`?e+`px`:e}setLineHeight(e){return this._options.lineHeight=e,this.setElementCSSRule(`lineHeight`,typeof e==`number`?e+`px`:e),this}getTextAlign(){return this._options.textAlign??null}setTextAlign(e){return this._options.textAlign=e,this.setElementCSSRule(`textAlign`,e),this}getAnimated(){return this._glyphAnimation}setAnimated(t){if(this._glyphAnimation===t)return this;let n=this._glyphAnimation;this._glyphAnimation=t;let i=this.getElement();return i&&n&&e.sink.apply(i,{removeClass:[u+n]}),t===null?(this.setElementStyle(`animationDuration`,null),this.setWillChange(null),this._animatedRef&&=(d.delete(this._animatedRef),null),this):(ensureGlyphKeyframes(),this._animatedRef||(this._animatedRef=new WeakRef(this),d.add(this._animatedRef)),r.isReducedMotion()||(i&&e.sink.apply(i,{addClass:[u+t]}),this.setWillChange(`transform`)),this._glyphAnimationDuration>0&&this.setElementStyle(`animationDuration`,this._glyphAnimationDuration+`ms`),this)}clearAnimated(){return this.setAnimated(null)}getAnimationDuration(){return this._glyphAnimationDuration}setAnimationDuration(e){return this._glyphAnimationDuration=e,this._glyphAnimation!==null&&!r.isReducedMotion()&&this.setElementStyle(`animationDuration`,e>0?e+`ms`:null),this}_syncReducedMotion(){let t=this._glyphAnimation;if(!t)return;let n=this.getElement(!0),i=u+t;r.isReducedMotion()?(e.sink.apply(n,{removeClass:[i]}),this.setWillChange(null),this.setElementStyle(`animationDuration`,null)):(e.sink.apply(n,{addClass:[i]}),this.setWillChange(`transform`),this._glyphAnimationDuration>0&&this.setElementStyle(`animationDuration`,this._glyphAnimationDuration+`ms`))}applyOptions(e){super.applyOptions(e),e.fontSize!==void 0&&this.setFontSize(e.fontSize),e.lineHeight!==void 0&&this.setLineHeight(e.lineHeight),e.textAlign!==void 0&&this.setTextAlign(e.textAlign),e.animationDuration!==void 0&&this.setAnimationDuration(e.animationDuration);let t=this.getPreferredSizeConstraint();return t&&(e.minSize===void 0&&this.setMinSize(t.width,t.height),e.maxSize===void 0&&this.setMaxSize(t.width,t.height)),e.animation!==void 0&&this.setAnimated(e.animation),this}createRootElement(){if(this._def.kind===`svg`){ensureGlyphSprite(),ensureGlyphSymbolMounted(this._name);let t=`http://www.w3.org/2000/svg`,n=e.sink.createElementNS(t,`svg`);e.sink.apply(n,{setAttr:{fill:`currentColor`,"aria-hidden":`true`,focusable:`false`}});let r=e.sink.createElementNS(t,`use`);return e.sink.apply(r,{setAttr:{href:`#`+s+this._name}}),e.sink.appendChild(n,r),this.trackHandle(r),n}return super.createRootElement()}render(){let t=super.render();this._def.kind===`char`&&e.sink.apply(t,{text:this._def.char}),this._glyphAnimation&&!r.isReducedMotion()&&e.sink.apply(t,{addClass:[u+this._glyphAnimation]});let n=this._options.preferredSize;return n&&(this.setElementStyle(`width`,n.width+`px`),this.setElementStyle(`height`,n.height+`px`)),t}},m=n(Glyph);export{m as t};
+//# sourceMappingURL=Glyph-WUqTF_Z9.js.map

package/dist/lib/Glyph-WUqTF_Z9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Glyph-WUqTF_Z9.js","names":[],"sources":["../../src/typescript/lib/component/display/Glyphs.ts","../../src/typescript/lib/component/display/Glyph.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { DOM } from \"~/core/DOM.js\";\nimport type { Handle } from \"~/core/DOM.js\";\n\n/**\n * Tagged union describing how a glyph is rendered.\n *\n * @remarks\n * - `kind: \"svg\"` entries supply a `viewBox` and an SVG `<path>` `d` attribute.\n *   The path data is mounted once into a shared hidden `<svg>` sprite and each\n *   Glyph instance references it via `<svg><use href=\"#...\"/></svg>` so the\n *   path string is not duplicated in the DOM.\n * - `kind: \"char\"` entries carry a single Unicode character rendered inside a\n *   `<span>`; the character follows the inherited text colour.\n */\nexport type GlyphDef =\n    | { kind: \"svg\",  viewBox: string; path: string }\n    | { kind: \"char\", char: string };\n\n/**\n * A {@link GlyphDef} carrying its own registry name. Glyph modules generated\n * from third-party icon sets export values of this shape so they can be\n * registered in a single call to `Glyph.register(...)`.\n */\nexport type NamedGlyphDef = GlyphDef & { name: string };\n\n/**\n * Mutable registry of named glyphs, populated via `registerGlyph` /\n * `Glyph.register`. Starts empty — consumers register the glyphs they need.\n *\n * @internal\n */\nconst _glyphs: Map<string, GlyphDef> = new Map();\n\n// Built-in Unicode-triangle glyphs registered eagerly. Prefixed `unicode-` so\n// user code can register its own `arrow-up` / `arrow-down` SVG glyphs without\n// overwriting these — built-in chrome like Scrollbar's end-cap buttons\n// references the prefixed names directly and stays immune to user overrides.\n// Char-mode entries are tiny (no sprite, no path data) so the always-on cost\n// is negligible; the triangles inherit the surrounding text colour via\n// `currentColor`, so a single foreground-colour write themes them.\n_glyphs.set(\"unicode-arrow-up\",    { kind: \"char\", char: \"▲\" });\n_glyphs.set(\"unicode-arrow-down\",  { kind: \"char\", char: \"▼\" });\n_glyphs.set(\"unicode-arrow-left\",  { kind: \"char\", char: \"◀\" });\n_glyphs.set(\"unicode-arrow-right\", { kind: \"char\", char: \"▶\" });\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\n\n/**\n * Prefix applied to every `<symbol>` id inside the sprite. A consumer-supplied\n * registry name `\"xmark\"` becomes the id `\"ts-glyph-xmark\"`, which is what\n * `<use href=\"#ts-glyph-xmark\"/>` references.\n */\nexport const GLYPH_SYMBOL_ID_PREFIX = \"ts-glyph-\";\n\nlet _spriteMounted: boolean        = false;\nlet _spriteElement: Handle | null = null;\n\n/**\n * Registers a glyph by name. If the glyph is SVG-mode and the sprite is\n * already mounted, the corresponding `<symbol>` is appended immediately so\n * Glyphs constructed after this call can reference it.\n *\n * @internal\n */\nexport function registerGlyph(def: NamedGlyphDef): void {\n    _glyphs.set(def.name, def);\n\n    if (def.kind === \"svg\" && _spriteMounted) {\n        _addSymbolToSprite(def.name, def);\n    }\n}\n\n/**\n * Removes a glyph from the registry by name. If the glyph was SVG-mode and\n * the sprite is mounted, its `<symbol>` is removed from the DOM as well.\n *\n * @internal\n */\nexport function unregisterGlyph(name: string): void {\n    const def = _glyphs.get(name);\n    _glyphs.delete(name);\n\n    if (def && def.kind === \"svg\" && _spriteMounted) {\n        _removeSymbolFromSprite(name);\n    }\n}\n\n/**\n * Looks up a glyph definition by registry name.\n *\n * @returns The registered {@link GlyphDef}, or `undefined` if not registered.\n *\n * @internal\n */\nexport function lookupGlyph(name: string): GlyphDef | undefined {\n    return _glyphs.get(name);\n}\n\n/**\n * Ensures the document carries a single hidden `<svg>` sprite that hosts the\n * `<symbol>` elements for every SVG-mode glyph. Idempotent — subsequent calls\n * are no-ops. The sprite starts empty; entries are appended incrementally\n * either by {@link registerGlyph} (after the sprite is mounted) or by\n * {@link ensureGlyphSymbolMounted} (when a Glyph instance is constructed).\n *\n * @internal\n */\nexport function ensureGlyphSprite(): void {\n    if (_spriteMounted) {\n        return;\n    }\n\n    const sprite = DOM.sink.createElementNS(SVG_NS, \"svg\");\n    // `sprite` is a raw off-screen SVG element mounted directly on document.body,\n    // not a Component, so the Component style setters don't apply here.\n    DOM.sink.apply(sprite, {\n        setAttr: { \"aria-hidden\": \"true\", focusable: \"false\" },\n        style: { position: \"absolute\", width: \"0\", height: \"0\", overflow: \"hidden\" },\n    });\n\n    DOM.sink.appendChild(DOM.source.getBody(), sprite);\n\n    _spriteElement = sprite;\n    _spriteMounted = true;\n}\n\n/**\n * Ensures the sprite carries a `<symbol>` for the named SVG-mode glyph,\n * appending it on demand for glyphs registered before the sprite was mounted.\n * Idempotent.\n *\n * @internal\n */\nexport function ensureGlyphSymbolMounted(name: string): void {\n    if (!_spriteMounted) {\n        return;\n    }\n\n    const def = _glyphs.get(name);\n    if (def && def.kind === \"svg\") {\n        _addSymbolToSprite(name, def);\n    }\n}\n\n/**\n * Appends a `<symbol>` for the given SVG-mode glyph to the sprite. Idempotent:\n * a no-op when a `<symbol>` with the same id already exists.\n *\n * @internal\n */\nfunction _addSymbolToSprite(name: string, def: GlyphDef): void {\n    if (!_spriteElement || def.kind !== \"svg\") {\n        return;\n    }\n\n    const id = GLYPH_SYMBOL_ID_PREFIX + name;\n    if (DOM.source.querySelector(_spriteElement, `#${DOM.source.escapeSelector(id)}`)) {\n        return;\n    }\n\n    const symbol = DOM.sink.createElementNS(SVG_NS, \"symbol\");\n    DOM.sink.apply(symbol, { setAttr: { id: id, viewBox: def.viewBox } });\n\n    const path = DOM.sink.createElementNS(SVG_NS, \"path\");\n    DOM.sink.apply(path, { setAttr: { d: def.path } });\n    DOM.sink.appendChild(symbol, path);\n\n    DOM.sink.appendChild(_spriteElement, symbol);\n}\n\n/**\n * Removes the `<symbol>` for the given glyph name from the sprite, if present.\n *\n * @internal\n */\nfunction _removeSymbolFromSprite(name: string): void {\n    if (!_spriteElement) {\n        return;\n    }\n\n    const id = GLYPH_SYMBOL_ID_PREFIX + name;\n    const symbol = DOM.source.querySelector(_spriteElement, `#${DOM.source.escapeSelector(id)}`);\n    if (symbol) {\n        // Release the symbol's retained `<path>` child too — releasing only the\n        // symbol would pin the detached path handle in the registry. Queried\n        // before removal so it resolves to its canonical retained handle.\n        const path = DOM.source.querySelector(symbol, \"path\");\n\n        DOM.sink.removeChild(_spriteElement, symbol);\n        DOM.sink.release(symbol);\n\n        if (path) {\n            DOM.sink.release(path);\n        }\n    }\n}\n","// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Animation } from \"~/core/Animation.js\";\nimport { Component, ComponentOptions } from \"~/core/Component.js\";\nimport { DOM } from \"~/core/DOM.js\";\nimport type { Handle } from \"~/core/DOM.js\";\nimport { StyleRule } from \"~/core/StyleTarget.js\";\nimport { callable } from \"~/core/Callable.js\";\nimport {\n    ensureGlyphSprite,\n    ensureGlyphSymbolMounted,\n    GLYPH_SYMBOL_ID_PREFIX,\n    GlyphDef,\n    lookupGlyph,\n    NamedGlyphDef,\n    registerGlyph,\n    unregisterGlyph,\n} from \"~/component/display/Glyphs.js\";\n\n/**\n * Named animation kinds supported by {@link Glyph.setAnimated}.\n *\n * - `spin` — continuous 360 degree rotate. Loading and refresh affordances.\n * - `pulse` — 8-step rotate. Mechanical, faux-loading tick.\n * - `beat` — transform-scale pulse. Notification dots and attention nudges.\n *\n * Mirrors FontAwesome's `fa-spin` / `fa-pulse` / `fa-beat` vocabulary.\n *\n * @category Components\n */\nexport type GlyphAnimation = \"spin\" | \"pulse\" | \"beat\";\n\n/**\n * CSS class prefix shared by all three animation rules. The full class name\n * is `ts-ui-glyph-<kind>` (e.g. `ts-ui-glyph-spin`).\n */\nconst CLASS_PREFIX = \"ts-ui-glyph-\";\n\n/**\n * Registry of `WeakRef<Glyph>` for currently-animated instances. A single\n * module-level `matchMedia` listener walks this set on OS preference changes\n * and re-applies the class to match. `WeakRef` lets the GC collect unrooted\n * glyphs without an explicit deregister-on-disposal step.\n */\nconst _animatedRefs: Set<WeakRef<Glyph>> = new Set();\n\nlet _keyframesInjected = false;\n\n/**\n * Injects the three `@keyframes` blocks and matching class rules on first\n * use. Idempotent — guarded by the module-level `_keyframesInjected` flag.\n */\nfunction ensureGlyphKeyframes(): void {\n    if (_keyframesInjected) {\n        return;\n    }\n\n    _keyframesInjected = true;\n\n    StyleRule.ensureKeyframes(\"ts-ui-glyph-spin\",\n        \"from { transform: rotate(0deg); } to { transform: rotate(360deg); }\");\n\n    StyleRule.ensureKeyframes(\"ts-ui-glyph-pulse\",\n        \"0%, 12.5%   { transform: rotate(0deg); }   \" +\n        \"12.5%, 25%  { transform: rotate(45deg); }  \" +\n        \"25%, 37.5%  { transform: rotate(90deg); }  \" +\n        \"37.5%, 50%  { transform: rotate(135deg); } \" +\n        \"50%, 62.5%  { transform: rotate(180deg); } \" +\n        \"62.5%, 75%  { transform: rotate(225deg); } \" +\n        \"75%, 87.5%  { transform: rotate(270deg); } \" +\n        \"87.5%, 100% { transform: rotate(315deg); }\");\n\n    StyleRule.ensureKeyframes(\"ts-ui-glyph-beat\",\n        \"0%, 90% { transform: scale(1); } 45% { transform: scale(1.25); }\");\n\n    new StyleRule({\n        scope:  \"class\",\n        name:   CLASS_PREFIX + \"spin\",\n        styles: {\n            animation: \"ts-ui-glyph-spin var(--ts-ui-glyph-spin-duration, 2000ms) linear infinite\",\n        },\n    });\n\n    new StyleRule({\n        scope:  \"class\",\n        name:   CLASS_PREFIX + \"pulse\",\n        styles: {\n            animation: \"ts-ui-glyph-pulse var(--ts-ui-glyph-pulse-duration, 1000ms) steps(8) infinite\",\n        },\n    });\n\n    new StyleRule({\n        scope:  \"class\",\n        name:   CLASS_PREFIX + \"beat\",\n        styles: {\n            animation: \"ts-ui-glyph-beat var(--ts-ui-glyph-beat-duration, 1000ms) ease-in-out infinite\",\n        },\n    });\n}\n\n/**\n * Module-level listener that re-evaluates every animated glyph when the OS\n * `prefers-reduced-motion` preference flips. Dead `WeakRef`s are pruned.\n */\nfunction _onReducedMotionChange(): void {\n    for (const ref of Array.from(_animatedRefs)) {\n        const glyph = ref.deref();\n        if (!glyph) {\n            _animatedRefs.delete(ref);\n            continue;\n        }\n\n        glyph._syncReducedMotion();\n    }\n}\n\n// The seam's `matchMedia` degrades to an inert result off-browser, so this\n// module-level registration needs no environment guard of its own.\nDOM.source.matchMedia(\"(prefers-reduced-motion: reduce)\").addChangeListener(_onReducedMotionChange);\n\n/**\n * Construction-time options for {@link Glyph}.\n *\n * @category Components\n */\nexport interface GlyphOptions extends ComponentOptions {\n\n    /**\n     * CSS `font-size` override in pixels. Only meaningful for char-mode\n     * glyphs (SVG glyphs paint via `<use>` and ignore font-size). Useful when\n     * the inherited font-size produces a line-box taller than the glyph's\n     * element box and the Unicode character overflows or gets clipped.\n     */\n    fontSize?: number;\n\n    /**\n     * CSS `line-height` override. A number is interpreted as pixels (e.g.\n     * `24` → `\"24px\"`); a string is used verbatim (e.g. `\"1\"` for the\n     * unitless font-size multiplier used by char-mode glyphs).\n     */\n    lineHeight?: number | string;\n\n    /**\n     * CSS `text-align` keyword (e.g. `\"left\"`, `\"center\"`, `\"right\"`).\n     * Char-mode glyphs default to `\"center\"`; SVG-mode glyphs leave this\n     * unset.\n     */\n    textAlign?: string;\n\n    /**\n     * Optional animation kind to play on this glyph from construction.\n     */\n    animation?: GlyphAnimation;\n\n    /**\n     * Optional override (ms) for the active animation's duration. Wins over\n     * the theme-token default while non-zero. Ignored when `animation` is\n     * unset.\n     */\n    animationDuration?: number;\n}\n\n/**\n * User-overridable defaults forwarded to `super` via the options bag. The\n * cascade dispatches each present setter once with the final value. Only\n * defaults that apply unconditionally for every Glyph kind live here — the\n * char-only `lineHeight`/`textAlign` defaults stay in the constructor body\n * because they depend on the per-instance `def.kind`.\n */\nconst _defaultGlyphOptions: Partial<GlyphOptions> = {\n    preferredSize: { width: 16, height: 16 } as GlyphOptions[\"preferredSize\"],\n};\n\n/**\n * A small icon rendered from the internal `Glyphs` registry.\n *\n * @remarks\n * Each registry entry is either an SVG or a single Unicode character. SVG\n * entries are rendered as `<svg><use href=\"#…\"/></svg>` against a hidden\n * sprite mounted once into `document.body`, so the path data lives in the\n * DOM exactly once regardless of how many Glyph instances reference it.\n * Unicode entries render as `<span>`. Both forms render with `currentColor`,\n * so a `Glyph` inherits the surrounding text colour for free. The underlying\n * root tag is decided once at construction from the entry's `kind` and\n * cannot be changed afterwards — to swap glyph, discard the instance and\n * create a new one.\n *\n * Pass any registry name to the constructor; unknown names throw at\n * construction. The default preferred size is 16×16.\n *\n * @example\n * ```typescript\n * import { xmark } from \"~/glyphs/solid/xmark.js\";\n * import { arrow_right } from \"~/glyphs/solid/arrow_right.js\";\n *\n * Glyph.register(xmark, arrow_right);\n *\n * panel.addComponent(new Glyph(\"xmark\"));\n * panel.addComponent(new Glyph(\"arrow-right\"));\n * ```\n *\n * @category Components\n */\nclass Glyph extends Component<GlyphOptions> {\n\n    private _name:                   string;\n    private _def:                    GlyphDef;\n    declare private _glyphAnimation:         GlyphAnimation | null;\n    declare private _glyphAnimationDuration: number;\n    declare private _animatedRef:            WeakRef<Glyph> | null;\n\n    /**\n     * Registers one or more glyph definitions so they can be instantiated by\n     * name. Pass the named exports from `~/glyphs/<style>/<name>.js` modules.\n     *\n     * @param defs - One or more {@link NamedGlyphDef} values to register.\n     */\n    static register(...defs: NamedGlyphDef[]): void {\n        for (const def of defs) {\n            registerGlyph(def);\n        }\n    }\n\n    /**\n     * Removes a previously registered glyph by name.\n     *\n     * @param name - Registry key to unregister.\n     */\n    static unregister(name: string): void {\n        unregisterGlyph(name);\n    }\n\n    /**\n     * Constructs a Glyph for the registry entry with the given name.\n     *\n     * @param name - Registry key. Must have been registered via {@link Glyph.register}.\n     * @param options - Optional component options bag.\n     */\n    constructor(name: string, options?: GlyphOptions) {\n        const def = lookupGlyph(name);\n        if (!def) {\n            throw new Error(\"Unknown glyph: \" + name);\n        }\n\n        // Hand defaults plus the per-instance tag (chosen from the registry\n        // entry's `kind`) to Component via the subclass-defaults arg so they\n        // land in `_defaultOptions`. Component's super-time cascade applies\n        // them; user `options` win because `applyOptions` merges\n        // `{...defaults, ...options}` at dispatch time.\n        super(options, {\n            ..._defaultGlyphOptions,\n            tag: def.kind === \"svg\" ? \"svg\" : \"span\",\n        });\n\n        this._name = name;\n        this._def  = def;\n\n        // Char-mode glyphs need a line-height and text-align that SVG glyphs\n        // should not get. Keep these guards in the constructor body since they\n        // depend on per-instance `def.kind` rather than a static default.\n        if (def.kind === \"char\") {\n            if (this._options.lineHeight === undefined) {\n                this.setLineHeight(\"1\");\n            }\n\n            if (this._options.textAlign === undefined) {\n                this.setTextAlign(\"center\");\n            }\n        }\n    }\n\n    /**\n     * Sets the preferred size and pins minSize/maxSize to the same value so\n     * the glyph stays rigid in flexible layouts — HBox's shrink-on-overflow\n     * logic and any grow path see equal min/pref/max and leave the glyph at\n     * its configured size. Callers can still override the lock by calling\n     * `setMinSize` / `setMaxSize` explicitly after this method.\n     *\n     * @param width - The preferred width in pixels.\n     * @param height - The preferred height in pixels.\n     *\n     * @returns This component, for method chaining.\n     */\n    setPreferredSize(width: number, height: number): this {\n        super.setPreferredSize(width, height);\n        super.setMinSize(width, height);\n        super.setMaxSize(width, height);\n\n        return this;\n    }\n\n    /**\n     * Returns a baseline near the bottom edge so the glyph participates in\n     * baseline alignment — sitting with its ink roughly on the surrounding text\n     * baseline when placed next to labels — instead of being vertically centred\n     * in the row. The anchor is 4px above the bottom edge (vs 2px on the\n     * bar-shaped controls), which drops a square icon slightly lower so its ink\n     * lands on the text baseline rather than floating above it.\n     *\n     * @returns The preferred height minus 4, or `null` before a size is set.\n     */\n    getBaseline(): number | null {\n        const size = this.getPreferredSize();\n\n        return size ? size.height - 3 : null;\n    }\n\n    /**\n     * Returns the registry name this Glyph was constructed with. Named\n     * `getGlyphName` rather than `getName` so it does not shadow\n     * [`Component.getName`](/api/core/classes/Component#getname), whose\n     * intrinsic `name` is a display label with a different meaning.\n     *\n     * @returns The registry key supplied to the constructor.\n     */\n    getGlyphName(): string {\n        return this._name;\n    }\n\n    /**\n     * Returns the explicit CSS `font-size` override (in pixels) written by\n     * this Glyph, or `null` when no override has been written (the element\n     * inherits the parent's font-size).\n     *\n     * @returns The cached font-size in pixels, or null.\n     */\n    getFontSize(): number | null {\n        return this._options.fontSize ?? null;\n    }\n\n    /**\n     * Overrides the CSS `font-size` of this Glyph's root element. Useful when\n     * the ambient inherited font-size produces a line-box taller than the\n     * glyph's `preferredSize`, causing the Unicode character to overflow or\n     * get clipped by the element's `overflow: hidden`. No-op visually for\n     * SVG glyphs (which size via `viewBox`), but the rule is written regardless.\n     *\n     * @param value - The new font-size in pixels.\n     * @returns This Glyph, for method chaining.\n     */\n    setFontSize(value: number): this {\n        this._options.fontSize = value;\n        this.setElementCSSRule(\"fontSize\", value + \"px\");\n\n        return this;\n    }\n\n    /**\n     * Returns the current CSS `line-height` value written by this Glyph, or\n     * `null` if no rule has been written (the element inherits the parent's\n     * line-height).\n     *\n     * @returns The cached line-height CSS value (e.g. `\"1\"`, `\"24px\"`), or null.\n     *\n     * @remarks\n     * Char-mode glyphs construct with `\"1\"`; SVG-mode glyphs default to null.\n     * Use this getter rather than reading `element.style.lineHeight` to avoid\n     * a forced style read.\n     */\n    getLineHeight(): string | null {\n        const value = this._options.lineHeight;\n        if (value === undefined) {\n            return null;\n        }\n\n        return typeof value === \"number\" ? value + \"px\" : value;\n    }\n\n    /**\n     * Overrides the CSS `line-height` of this Glyph's root element.\n     *\n     * @param value - Pixel number (e.g. `24` → `\"24px\"`) or a raw CSS\n     *                line-height value (e.g. `\"1\"` for the unitless\n     *                font-size multiplier used by char-mode glyphs).\n     * @returns This Glyph, for method chaining.\n     *\n     * @remarks\n     * Char-mode glyphs construct with `line-height: 1`, which keeps Unicode\n     * characters like `▲` / `▼` snug against the top of their box. When a\n     * Glyph is sized larger than its natural char height and needs to\n     * vertically centre within that box, callers can match the line-height to\n     * the element height to push the line-box to the middle. No-op visually\n     * for SVG glyphs (which size via `viewBox`), but the rule is written\n     * regardless.\n     */\n    setLineHeight(value: number | string): this {\n        this._options.lineHeight = value;\n        this.setElementCSSRule(\"lineHeight\", typeof value === \"number\" ? value + \"px\" : value);\n\n        return this;\n    }\n\n    /**\n     * Returns the current CSS `text-align` value written by this Glyph, or\n     * `null` if no rule has been written (the element inherits the parent's\n     * text-align).\n     *\n     * @returns The cached text-align CSS value (e.g. `\"center\"`), or null.\n     *\n     * @remarks\n     * Char-mode glyphs construct with `\"center\"` to keep the Unicode\n     * character horizontally centred within its element box; SVG-mode glyphs\n     * default to null. Use this getter rather than reading\n     * `element.style.textAlign` to avoid a forced style read.\n     */\n    getTextAlign(): string | null {\n        return this._options.textAlign ?? null;\n    }\n\n    /**\n     * Overrides the CSS `text-align` of this Glyph's root element.\n     *\n     * @param value - A CSS `text-align` keyword such as `\"left\"`, `\"center\"`,\n     *                `\"right\"`, `\"start\"`, or `\"end\"`.\n     * @returns This Glyph, for method chaining.\n     */\n    setTextAlign(value: string): this {\n        this._options.textAlign = value;\n        this.setElementCSSRule(\"textAlign\", value);\n\n        return this;\n    }\n\n    /**\n     * Returns the currently-playing animation kind, or `null` when none is\n     * active.\n     *\n     * @returns The active {@link GlyphAnimation}, or `null`.\n     */\n    getAnimated(): GlyphAnimation | null {\n        return this._glyphAnimation;\n    }\n\n    /**\n     * Starts the named animation, or stops the current one when `kind` is\n     * `null`. No-op when the requested kind already matches the current one.\n     *\n     * @param kind - A {@link GlyphAnimation} value or `null` to stop.\n     * @returns This Glyph, for method chaining.\n     *\n     * @remarks\n     * Adds the corresponding `ts-ui-glyph-<kind>` class to the root element.\n     * Honours [`Animation.isReducedMotion`](/api/core/namespaces/Animation/functions/isReducedMotion):\n     * when reduced-motion is on, the class is not mounted but the requested\n     * kind is cached and a module-level listener re-applies it should the OS\n     * preference flip back. While motion is active, `will-change: transform`\n     * is set via [`Component.setWillChange`](/api/core/classes/Component#setwillchange);\n     * cleared when motion stops.\n     *\n     * Differs from the inherited `Component.setAnimation(value: string)`:\n     * this is a typed-enum surface that toggles a pre-registered class rule;\n     * the inherited setter accepts a raw CSS shorthand and writes a\n     * per-component `#id { animation: … }` rule.\n     *\n     * @example\n     * ```typescript\n     * const g = new Glyph(\"xmark\");\n     * g.setAnimated(\"spin\");\n     * g.setAnimated(null); // stop\n     * ```\n     */\n    setAnimated(kind: GlyphAnimation | null): this {\n        if (this._glyphAnimation === kind) {\n            return this;\n        }\n\n        const prev = this._glyphAnimation;\n        this._glyphAnimation = kind;\n\n        const el = this.getElement();\n\n        if (el && prev) {\n            DOM.sink.apply(el, { removeClass: [CLASS_PREFIX + prev] });\n        }\n\n        if (kind === null) {\n            this.setElementStyle(\"animationDuration\", null);\n            this.setWillChange(null);\n\n            if (this._animatedRef) {\n                _animatedRefs.delete(this._animatedRef);\n                this._animatedRef = null;\n            }\n\n            return this;\n        }\n\n        ensureGlyphKeyframes();\n\n        if (!this._animatedRef) {\n            this._animatedRef = new WeakRef(this);\n            _animatedRefs.add(this._animatedRef);\n        }\n\n        if (!Animation.isReducedMotion()) {\n            if (el) {\n                DOM.sink.apply(el, { addClass: [CLASS_PREFIX + kind] });\n            }\n\n            this.setWillChange(\"transform\");\n        }\n\n        if (this._glyphAnimationDuration > 0) {\n            this.setElementStyle(\"animationDuration\", this._glyphAnimationDuration + \"ms\");\n        }\n\n        return this;\n    }\n\n    /**\n     * Stops the current animation. Equivalent to `setAnimated(null)`.\n     *\n     * @returns This Glyph, for method chaining.\n     */\n    clearAnimated(): this {\n        return this.setAnimated(null);\n    }\n\n    /**\n     * Returns the override duration (ms) set via {@link setAnimationDuration},\n     * or `0` when no override is active. Read the active CSS custom property\n     * (`--ts-ui-glyph-<kind>-duration`) for the live value when no override\n     * is set.\n     *\n     * @returns The override duration in ms, or `0`.\n     */\n    getAnimationDuration(): number {\n        return this._glyphAnimationDuration;\n    }\n\n    /**\n     * Overrides the active animation's duration. Pass `0` to clear the\n     * override and fall back to the theme-token default. No visible effect\n     * when no animation is currently set, but the override is cached and\n     * will apply on the next {@link setAnimated} call.\n     *\n     * @param ms - Duration in milliseconds, or `0` to clear.\n     * @returns This Glyph, for method chaining.\n     */\n    setAnimationDuration(ms: number): this {\n        this._glyphAnimationDuration = ms;\n\n        if (this._glyphAnimation !== null && !Animation.isReducedMotion()) {\n            this.setElementStyle(\"animationDuration\", ms > 0 ? ms + \"ms\" : null);\n        }\n\n        return this;\n    }\n\n    /**\n     * Re-applies (or removes) the animation class to match the current\n     * `prefers-reduced-motion` state. Called by the module-level listener\n     * when the OS preference flips. Internal; not part of the public API.\n     */\n    _syncReducedMotion(): void {\n        const kind = this._glyphAnimation;\n        if (!kind) {\n            return;\n        }\n\n        const element  = this.getElement(true)!;\n        const className = CLASS_PREFIX + kind;\n\n        if (Animation.isReducedMotion()) {\n            DOM.sink.apply(element, { removeClass: [className] });\n            this.setWillChange(null);\n            this.setElementStyle(\"animationDuration\", null);\n        } else {\n            DOM.sink.apply(element, { addClass: [className] });\n            this.setWillChange(\"transform\");\n\n            if (this._glyphAnimationDuration > 0) {\n                this.setElementStyle(\"animationDuration\", this._glyphAnimationDuration + \"ms\");\n            }\n        }\n    }\n\n    /**\n     * Applies a {@link GlyphOptions} bag by dispatching each present field to\n     * its corresponding setter.\n     *\n     * @param options - The options bag carrying the values to apply.\n     * @returns This Glyph, for method chaining.\n     */\n    protected applyOptions(options: GlyphOptions): this {\n        super.applyOptions(options);\n\n        if (options.fontSize !== undefined) {\n            this.setFontSize(options.fontSize);\n        }\n\n        if (options.lineHeight !== undefined) {\n            this.setLineHeight(options.lineHeight);\n        }\n\n        if (options.textAlign !== undefined) {\n            this.setTextAlign(options.textAlign);\n        }\n\n        if (options.animationDuration !== undefined) {\n            this.setAnimationDuration(options.animationDuration);\n        }\n\n        // Re-pin minSize / maxSize to the current preferred size so the glyph\n        // stays rigid in flexible layouts. The inherited cascade has just\n        // overwritten the pin from `setPreferredSize` with Component's `{0,0}`\n        // minSize / `{MAX,MAX}` maxSize defaults; restore it here, but honour\n        // an explicit `options.minSize` / `options.maxSize` from the caller.\n        const pref = this.getPreferredSizeConstraint();\n        if (pref) {\n            if (options.minSize === undefined) {\n                this.setMinSize(pref.width, pref.height);\n            }\n\n            if (options.maxSize === undefined) {\n                this.setMaxSize(pref.width, pref.height);\n            }\n        }\n\n        if (options.animation !== undefined) {\n            this.setAnimated(options.animation);\n        }\n\n        return this;\n    }\n\n    /**\n     * Creates the root element, using the SVG namespace when the registry\n     * entry is an SVG definition. SVG instances reference a shared sprite\n     * symbol rather than inlining the path data.\n     *\n     * @returns The root element for this Glyph (HTML `<span>` or SVG `<svg>`).\n     */\n    protected createRootElement(): Handle {\n        if (this._def.kind === \"svg\") {\n            ensureGlyphSprite();\n            ensureGlyphSymbolMounted(this._name);\n\n            const svgNs = \"http://www.w3.org/2000/svg\";\n            const svg = DOM.sink.createElementNS(svgNs, \"svg\");\n            DOM.sink.apply(svg, { setAttr: { fill: \"currentColor\", \"aria-hidden\": \"true\", focusable: \"false\" } });\n\n            const use = DOM.sink.createElementNS(svgNs, \"use\");\n            DOM.sink.apply(use, { setAttr: { href: \"#\" + GLYPH_SYMBOL_ID_PREFIX + this._name } });\n            DOM.sink.appendChild(svg, use);\n\n            // Track the `<use>` child so it is released with the glyph (the root\n            // `svg` is tracked by Component.render). Released on destructor or GC.\n            this.trackHandle(use);\n\n            return svg;\n        }\n\n        return super.createRootElement();\n    }\n\n    /**\n     * Populates the rendered element. For char-mode glyphs the character is\n     * written into the span's text content; SVG-mode element children are\n     * created by `createRootElement`.\n     *\n     * Applies `preferredSize` as inline width/height so SVG glyphs appended\n     * raw via `glyph.getElement(true)` outside a framework layout don't fall\n     * back to the user-agent's 300×150 default replaced-element size.\n     *\n     * @returns The rendered root element.\n     */\n    protected render(): Handle {\n        const element = super.render();\n\n        if (this._def.kind === \"char\") {\n            DOM.sink.apply(element, { text: this._def.char });\n        }\n\n        if (this._glyphAnimation && !Animation.isReducedMotion()) {\n            DOM.sink.apply(element, { addClass: [CLASS_PREFIX + this._glyphAnimation] });\n        }\n\n        const preferredSize = this._options.preferredSize;\n        if (preferredSize) {\n            this.setElementStyle(\"width\",  preferredSize.width  + \"px\");\n            this.setElementStyle(\"height\", preferredSize.height + \"px\");\n        }\n\n        return element;\n    }\n}\n\nconst GlyphCallable = callable(Glyph);\ntype GlyphCallable = Glyph;\nexport {\n    Glyph         as _Glyph,\n    GlyphCallable as Glyph\n};\n"],"mappings":"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"}

package/dist/lib/Grid-Czux--Mr.js

@@ -0,0 +1,2 @@
+import{a as e,l as t,o as n,s as r}from"./Position-B-WfZYAJ.js";import{d as i,f as a,l as o,u as s}from"./Component-BR2f0Itb.js";var Grid=class extends o{_rows=0;_columns=0;_spacing=5;_defaultFill=i.BOTH;_defaultAnchor=s.CENTER;_baselineAlign=!1;_columnTracks=[];_rowTracks=[];constructor(e){super(),e&&this.applyOptions(e)}applyOptions(e){super.applyOptions(e),e.rows!==void 0&&this.setRows(e.rows),e.columns!==void 0&&this.setColumns(e.columns),e.spacing!==void 0&&this.setComponentSpacing(e.spacing),e.defaultFill!==void 0&&this.setDefaultFill(e.defaultFill),e.defaultAnchor!==void 0&&this.setDefaultAnchor(e.defaultAnchor),e.baselineAlign!==void 0&&this.setBaselineAlign(e.baselineAlign),e.columnTracks!==void 0&&this.setColumnTracks(e.columnTracks),e.rowTracks!==void 0&&this.setRowTracks(e.rowTracks)}getDefaultFill(){return this._defaultFill}setDefaultFill(e){return this._defaultFill=e,this}getDefaultAnchor(){return this._defaultAnchor}setDefaultAnchor(e){return this._defaultAnchor=e,this}isBaselineAlign(){return this._baselineAlign}setBaselineAlign(e){return this._baselineAlign=e,this}getRows(){return this._rows}setRows(e){return this._rows=e,this}getComponentSpacing(){return this._spacing||0}setComponentSpacing(e){return this._spacing=e||0,this}getColumns(){return this._columns}setColumns(e){return this._columns=e,this}getColumnTracks(){return this._columnTracks}setColumnTracks(e){return this._columnTracks=e,this}getRowTracks(){return this._rowTracks}setRowTracks(e){return this._rowTracks=e,this}getColRowCount(){let e=this.getContainer();if(!e)return;let t=e.getLaidOutComponents().length,n=0,r=0;return!this._rows&&!this._columns?(r=Math.floor(Math.sqrt(t)),n=Math.ceil(t/r)):this._rows&&this._columns?(n=this._rows,r=this._columns):this._columns?(r=this._columns,n=Math.ceil(t/r)):(n=this._rows,r=Math.ceil(t/n)),{width:r,height:n}}getPreferredSize(){let e=this.getContainer();if(!e)return null;let t=e.getPerimeterSize(),n=t.left+t.right,r=t.top+t.bottom,i=e.getLaidOutComponents(),a=0,o=0;for(let e of i){let t=e.getPreferredSize();t&&(a=Math.max(a,t.width),o=Math.max(o,t.height))}let s=this.getColRowCount(),c=s?s.width:1,l=s?s.height:1,u=this.getComponentSpacing(),d=this.measureContent(i,c,l),f=this._columnTracks.length>0?this.trackAxisExtent(this._columnTracks,c,d.columns,!0):a*c,p=this._rowTracks.length>0?this.trackAxisExtent(this._rowTracks,l,d.rows,!0):o*l;return f+=Math.max(0,c-1)*u,p+=Math.max(0,l-1)*u,{width:f+n,height:p+r}}getMinSize(){let e=this.getContainer();if(!e)return null;let t=e.getPerimeterSize(),n=t.left+t.right,r=t.top+t.bottom,i=e.getLaidOutComponents(),a=0,o=0;for(let e of i){let t=e.getMinSize();t&&(a=Math.max(a,t.width),o=Math.max(o,t.height))}let s=this.getColRowCount(),c=s?s.width:1,l=s?s.height:1,u=this.getComponentSpacing(),d=this.measureContent(i,c,l),f=this._columnTracks.length>0?this.trackAxisExtent(this._columnTracks,c,d.columns,!1):a*c,p=this._rowTracks.length>0?this.trackAxisExtent(this._rowTracks,l,d.rows,!1):o*l;return f+=Math.max(0,c-1)*u,p+=Math.max(0,l-1)*u,{width:f+n,height:p+r}}getMaxSize(){let e=this.getContainer();if(!e)return null;let t=e.getPerimeterSize(),n=t.left+t.right,i=t.top+t.bottom,a=e.getLaidOutComponents(),o=this.getColRowCount(),s=o?o.width:1,c=o?o.height:1,l=this.getComponentSpacing(),u=this.measureContent(a,s,c),d=this._columnTracks.length>0?this.trackAxisMax(this._columnTracks,s,u.columns):s*this.maxChildExtent(a,!0),f=this._rowTracks.length>0?this.trackAxisMax(this._rowTracks,c,u.rows):c*this.maxChildExtent(a,!1);return{width:r(d+Math.max(0,s-1)*l+n),height:r(f+Math.max(0,c-1)*l+i)}}trackAxisMax(t,n,r){let i=0;for(let a=0;a<n;a+=1){let n=t[a]??{mode:`weight`,value:1};if(n.mode===`fixed`)i+=n.value??0;else if(n.mode===`content`)i+=r[a]??0;else return e}return i}maxChildExtent(t,r){let i=0;for(let a of t){let t=a.getMaxSize();if(!t)return e;let o=r?t.width:t.height;if(n(o))return e;i=Math.max(i,o)}return i}computeTotalMinSize(){let e=this.getContainer();if(!e)return{width:0,height:0};let t=e.getLaidOutComponents();if(t.length===0)return{width:0,height:0};let n=this.getColRowCount(),r=n?n.width:1,i=n?n.height:1,a=this.getComponentSpacing(),o=0,s=0;for(let e of t){let t=e.getMinSize();t&&(o=Math.max(o,t.width),s=Math.max(s,t.height))}let c=this.measureContent(t,r,i),l=this._columnTracks.length>0?this.trackAxisExtent(this._columnTracks,r,c.columns,!1):r*o,u=this._rowTracks.length>0?this.trackAxisExtent(this._rowTracks,i,c.rows,!1):i*s;return{width:l+Math.max(0,r-1)*a,height:u+Math.max(0,i-1)*a}}trackAxisExtent(e,t,n,r){let i=0;for(let a=0;a<t;a+=1){let t=e[a]??{mode:`weight`,value:1};t.mode===`fixed`?i+=t.value??0:(t.mode===`content`||r)&&(i+=n[a]??0)}return i}doLayout(){let e=this.getContainer();if(!e)return;let n=e.getLaidOutComponents(),r=e.getContentInsets(),i=e.getInnerSize();if(!i)return;let a=this.getColRowCount(),o=a?a.width:1,s=a?a.height:1,c=this.getComponentSpacing();if(i=this.inflateForOverflow(i),!this._baselineAlign){this.layoutOccupancy(n,o,s,i,r,c);return}let l=this.measureContent(n,o,s),u=this.resolveTracks(this._columnTracks,o,i.width,c,l.columns),d=this.resolveTracks(this._rowTracks,s,i.height,c,l.rows),f=Array.from({length:s},()=>[]),p=0,m=0;for(let e of n){if(m>=s)break;let n=this.getLayoutConstraints(e),r=t.clamp(n?.colSpan??1,1,o),i=e.getPreferredSize();f[m].push({component:e,col:p,colSpan:r,height:i?i.height:0,baseline:e.getBaseline()}),p+=r,p>=o&&(p=0,m+=1)}let h=r.getTop();for(let e=0;e<s;e+=1){let t=f[e],{rowAscent:n,rowDescent:i}=this.computeRowMetrics(t.map(e=>e.height),t.map(e=>e.baseline));for(let e of t){let t=r.getLeft();for(let n=0;n<e.col;n+=1)t+=(u[n]??0)+c;let a=(e.colSpan-1)*c;for(let t=e.col;t<e.col+e.colSpan;t+=1)a+=u[t]??0;let o;o=n===null?h:e.baseline===null?h+this.nullChildY(e.height,n,i):h+(n-e.baseline),this.placeComponent(e.component,t,o,a,e.height,this._defaultFill,this._defaultAnchor)}let a=n===null?0:n+i;h+=Math.max(d[e]??0,a)+c}}resolveTracks(e,t,n,r,i){let a=n-Math.max(0,t-1)*r,o=Array(t).fill(0),s=0,c=0,l=0;for(let n=0;n<t;n+=1){let t=e[n]??{mode:`weight`,value:1};t.mode===`fixed`?(o[n]=t.value??0,s+=o[n]):t.mode===`content`?(o[n]=i[n]??0,c+=o[n]):l+=Math.max(0,t.value??1)}let u=Math.max(0,a-s-c);if(l>0)for(let n=0;n<t;n+=1){let t=e[n]??{mode:`weight`,value:1};t.mode===`weight`&&(o[n]=u*(Math.max(0,t.value??1)/l))}return o}measureContent(e,n,r){let i=Array(n).fill(0),a=Array(r).fill(0),o=this._baselineAlign?Array.from({length:r},()=>[]):[],s=this._baselineAlign?Array.from({length:r},()=>[]):[],c=0,l=0;for(let u of e){let e=this.getLayoutConstraints(u),d=u.getPreferredSize(),f=u.getMinSize(),p=Math.max(d?d.width:0,f?f.width:0),m=Math.max(d?d.height:0,f?f.height:0),h=Math.max(1,e?.colSpan??1),g=Math.max(1,e?.rowSpan??1),_,v;e&&(e.col!=null||e.row!=null)?(_=t.clamp(e.col??0,0,Math.max(0,n-1)),v=t.clamp(e.row??0,0,Math.max(0,r-1))):(_=c,v=l,c+=h,c>=n&&(c=0,l+=g)),h===1&&_<n&&(i[_]=Math.max(i[_],p)),g===1&&v<r&&(a[v]=Math.max(a[v],m),this._baselineAlign&&(o[v].push(d?d.height:0),s[v].push(u.getBaseline())))}if(this._baselineAlign)for(let e=0;e<r;e+=1){let{rowAscent:t,rowDescent:n}=this.computeRowMetrics(o[e],s[e]);t!==null&&(a[e]=Math.max(a[e],t+n))}return{columns:i,rows:a}}layoutOccupancy(e,n,r,i,a,o){let s=this.measureContent(e,n,r),c=this.resolveTracks(this._columnTracks,n,i.width,o,s.columns),l=this.resolveTracks(this._rowTracks,r,i.height,o,s.rows),u=[];for(let e=0;e<r;e+=1)u.push(Array(n).fill(!1));let d=[];for(let e=0;e<r;e+=1)d.push(Array(n).fill(null));let placeAt=(e,t,n,r,i)=>{let s=a.getLeft();for(let e=0;e<n;e+=1)s+=c[e]+o;let u=a.getTop();for(let e=0;e<t;e+=1)u+=l[e]+o;let d=(i-1)*o;for(let e=n;e<n+i;e+=1)d+=c[e]??0;let f=(r-1)*o;for(let e=t;e<t+r;e+=1)f+=l[e]??0;let p=e.getMinSize();if(p&&(p.width>d||p.height>f)){let t=this.resolveBounds(e,s,u,d,f,this._defaultFill,this._defaultAnchor),n=e.getPreferredSize(),r=p.width>d?n?n.width:p.width:t.width,i=p.height>f?n?n.height:p.height:t.height;e.setClipFrame(s,u,d,f),this.commitBounds(e,t.x-s,t.y-u,r,i)}else{let t=this.resolveBounds(e,s,u,d,f,this._defaultFill,this._defaultAnchor);e.clearClipFrame(),this.commitBounds(e,t.x,t.y,t.width,t.height)}};for(let i of e){let e=this.getLayoutConstraints(i);if(!e||e.col==null&&e.row==null)continue;let a=t.clamp(e.col??0,0,Math.max(0,n-1)),o=t.clamp(e.row??0,0,Math.max(0,r-1)),s=t.clamp(e.colSpan??1,1,n-a),c=t.clamp(e.rowSpan??1,1,r-o);for(let e=o;e<o+c;e+=1)for(let t=a;t<a+s;t+=1)u[e][t]&&console.warn(`Grid: ${i.getId()} overlaps ${d[e][t]} at cell (${e},${t})`),u[e][t]=!0,d[e][t]=i.getId();placeAt(i,o,a,c,s)}for(let i of e){let e=this.getLayoutConstraints(i);if(e&&(e.col!=null||e.row!=null))continue;let a=t.clamp(e?.colSpan??1,1,n),o=t.clamp(e?.rowSpan??1,1,r),s=this.findFreeCell(u,r,n,o,a);if(s){for(let e=s.r;e<s.r+o;e+=1)for(let t=s.c;t<s.c+a;t+=1)u[e][t]=!0,d[e][t]=i.getId();placeAt(i,s.r,s.c,o,a)}}}findFreeCell(e,t,n,r,i){for(let a=0;a+r<=t;a+=1)for(let t=0;t+i<=n;t+=1){let n=!0;for(let o=a;o<a+r&&n;o+=1)for(let r=t;r<t+i;r+=1)if(e[o][r]){n=!1;break}if(n)return{r:a,c:t}}return null}},c=a(Grid);export{c as t};
+//# sourceMappingURL=Grid-Czux--Mr.js.map

package/dist/lib/Grid-Czux--Mr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid-Czux--Mr.js","names":[],"sources":["../../src/typescript/lib/layout/Grid.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { LayoutManager, LayoutManagerOptions } from \"~/layout/LayoutManager.js\";\nimport { FillType } from \"~/layout/FillType.js\";\nimport { AnchorType } from \"~/layout/AnchorType.js\";\nimport { GridTrack } from \"~/layout/GridTrack.js\";\nimport { GridConstraints } from \"~/layout/GridConstraints.js\";\nimport { Size, UNBOUNDED, isUnbounded, saturate } from \"~/primitive/Size.js\";\nimport { Insets } from \"~/primitive/Insets.js\";\nimport { Component } from \"~/core/Component.js\";\nimport { Util } from \"~/core/Util.js\";\nimport { callable } from \"~/core/Callable.js\";\n\n/**\n * Construction-time options for {@link Grid}.\n *\n * @category Layouts\n */\nexport interface GridOptions extends LayoutManagerOptions {\n    rows?:    number;\n    columns?: number;\n    spacing?: number;\n\n    /** Grid-wide fill applied to children that don't set their own `fill`. Default {@link FillType.BOTH}. */\n    defaultFill?: FillType;\n\n    /** Grid-wide anchor applied to non-filling children that don't set their own `anchor`. Default {@link AnchorType.CENTER}. */\n    defaultAnchor?: AnchorType;\n\n    /** When `true`, children are baseline-aligned per row (column/row tracks still apply; children use preferred height). Default `false`. */\n    baselineAlign?: boolean;\n\n    /** Per-column sizing tracks; see {@link GridTrack}. */\n    columnTracks?: GridTrack[];\n\n    /** Per-row sizing tracks; see {@link GridTrack}. */\n    rowTracks?: GridTrack[];\n}\n\n/**\n * A layout manager that tiles children in a uniform grid of equal-sized cells.\n * Row and column counts can be configured explicitly or left at `0` for auto-calculation.\n *\n * @category Layouts\n */\nclass Grid extends LayoutManager {\n\n    private _rows: number = 0;\n    private _columns: number = 0;\n    private _spacing: number = 5;\n    private _defaultFill: FillType = FillType.BOTH;\n    private _defaultAnchor: AnchorType = AnchorType.CENTER;\n    private _baselineAlign: boolean = false;\n    private _columnTracks: GridTrack[] = [];\n    private _rowTracks: GridTrack[] = [];\n\n    constructor(options?: GridOptions) {\n        // LayoutManager's constructor takes no options; applied via applyOptions below.\n        // eslint-disable-next-line local/forward-super-options\n        super();\n\n        if (options) {\n            this.applyOptions(options);\n        }\n    }\n\n    /**\n     * Applies a {@link GridOptions} bag, dispatching grid dimensions, spacing,\n     * default fill/anchor, and baseline alignment after the inherited\n     * LayoutManager defaults.\n     *\n     * @param options - The options bag carrying the values to apply.\n     */\n    protected applyOptions(options: GridOptions): void {\n        super.applyOptions(options);\n\n        if (options.rows !== undefined) {\n            this.setRows(options.rows);\n        }\n\n        if (options.columns !== undefined) {\n            this.setColumns(options.columns);\n        }\n\n        if (options.spacing !== undefined) {\n            this.setComponentSpacing(options.spacing);\n        }\n\n        if (options.defaultFill !== undefined) {\n            this.setDefaultFill(options.defaultFill);\n        }\n\n        if (options.defaultAnchor !== undefined) {\n            this.setDefaultAnchor(options.defaultAnchor);\n        }\n\n        if (options.baselineAlign !== undefined) {\n            this.setBaselineAlign(options.baselineAlign);\n        }\n\n        if (options.columnTracks !== undefined) {\n            this.setColumnTracks(options.columnTracks);\n        }\n\n        if (options.rowTracks !== undefined) {\n            this.setRowTracks(options.rowTracks);\n        }\n    }\n\n    /**\n     * Returns the grid-wide default fill applied to children that don't set\n     * their own `fill` constraint.\n     *\n     * @returns The default {@link FillType} (initially {@link FillType.BOTH}).\n     */\n    getDefaultFill(): FillType {\n        return this._defaultFill;\n    }\n\n    /**\n     * Sets the grid-wide default fill. Each child overrides this with its own\n     * {@link GridConstraints} `fill`; otherwise this value drives whether the\n     * child fills its cell.\n     *\n     * @param fill - The default fill strategy for children without their own `fill`.\n     */\n    setDefaultFill(fill: FillType): this {\n        this._defaultFill = fill;\n\n        return this;\n    }\n\n    /**\n     * Returns the grid-wide default anchor applied to non-filling children that\n     * don't set their own `anchor` constraint.\n     *\n     * @returns The default {@link AnchorType} (initially {@link AnchorType.CENTER}).\n     */\n    getDefaultAnchor(): AnchorType {\n        return this._defaultAnchor;\n    }\n\n    /**\n     * Sets the grid-wide default anchor. Each child overrides this with its own\n     * {@link GridConstraints} `anchor`; otherwise this value positions a\n     * non-filling child within its cell.\n     *\n     * @param anchor - The default anchor for children without their own `anchor`.\n     */\n    setDefaultAnchor(anchor: AnchorType): this {\n        this._defaultAnchor = anchor;\n\n        return this;\n    }\n\n    /**\n     * Returns whether children are baseline-aligned per row.\n     *\n     * @returns `true` if per-row baseline alignment is enabled.\n     */\n    isBaselineAlign(): boolean {\n        return this._baselineAlign;\n    }\n\n    /**\n     * Sets whether children are baseline-aligned per row. When `true`, the\n     * column/row tracks still size each cell (so a `\"content\"` column hugs its\n     * content), each row uses the natural heights of its children, and\n     * components are baseline-aligned within the row, mirroring\n     * [`HBox`](/api/layout/classes/HBox)'s baseline-aware placement. Orthogonal\n     * to {@link Grid.setDefaultFill} — baseline alignment owns the vertical axis\n     * while fill/anchor still drive the horizontal axis.\n     *\n     * @param baselineAlign - Pass `true` to enable per-row baseline alignment.\n     */\n    setBaselineAlign(baselineAlign: boolean): this {\n        this._baselineAlign = baselineAlign;\n\n        return this;\n    }\n\n    /**\n     * Returns the configured number of rows, or `0` if the grid auto-calculates row count.\n     *\n     * @returns The row count.\n     */\n    getRows() {\n        return this._rows;\n    }\n\n    /**\n     * Sets the number of rows. Pass `0` to let the grid auto-calculate.\n     *\n     * @param rows - The desired row count, or `0` for automatic.\n     */\n    setRows(rows: number) : this {\n        this._rows = rows;\n\n        return this;\n    }\n\n    /**\n     * Returns the gap, in pixels, between adjacent cells (horizontally and vertically).\n     *\n     * @returns The current spacing in pixels.\n     */\n    getComponentSpacing() {\n        return this._spacing || 0;\n    }\n\n    /**\n     * Sets the gap, in pixels, between adjacent cells. Applied both horizontally\n     * (between columns) and vertically (between rows).\n     *\n     * @param spacing - Spacing in pixels. Falsy values are treated as `0`.\n     */\n    setComponentSpacing(spacing: number) : this {\n        this._spacing = spacing || 0;\n\n        return this;\n    }\n\n    /**\n     * Returns the configured number of columns, or `0` if the grid auto-calculates column count.\n     *\n     * @returns The column count.\n     */\n    getColumns() {\n        return this._columns;\n    }\n\n    /**\n     * Sets the number of columns. Pass `0` to let the grid auto-calculate.\n     *\n     * @param columns - The desired column count, or `0` for automatic.\n     */\n    setColumns(columns: number) : this {\n        this._columns = columns;\n\n        return this;\n    }\n\n    /**\n     * Returns the per-column sizing tracks.\n     *\n     * @returns The configured column tracks; empty when columns size uniformly.\n     */\n    getColumnTracks(): GridTrack[] {\n        return this._columnTracks;\n    }\n\n    /**\n     * Sets the per-column sizing tracks. When fewer tracks are supplied than the\n     * grid has columns, the missing tracks default to `{ mode: \"weight\", value: 1 }`.\n     *\n     * @param tracks - The column tracks; see {@link GridTrack}.\n     */\n    setColumnTracks(tracks: GridTrack[]): this {\n        this._columnTracks = tracks;\n\n        return this;\n    }\n\n    /**\n     * Returns the per-row sizing tracks.\n     *\n     * @returns The configured row tracks; empty when rows size uniformly.\n     */\n    getRowTracks(): GridTrack[] {\n        return this._rowTracks;\n    }\n\n    /**\n     * Sets the per-row sizing tracks. When fewer tracks are supplied than the\n     * grid has rows, the missing tracks default to `{ mode: \"weight\", value: 1 }`.\n     *\n     * @param tracks - The row tracks; see {@link GridTrack}.\n     */\n    setRowTracks(tracks: GridTrack[]): this {\n        this._rowTracks = tracks;\n\n        return this;\n    }\n\n    /**\n     * Returns the computed cell count for the current component list as `{width: rows, height: columns}`.\n     *\n     * @returns An object with `width` (row count) and `height` (column count), or `undefined` if no container is attached.\n     *\n     * @remarks The property names `width` and `height` are repurposed here to\n     * carry column and row counts rather than pixel dimensions —\n     * `result.width` is the column count, `result.height` is the row count.\n     */\n    getColRowCount() {\n        let container = this.getContainer();\n        if (!container) {\n            return;\n        }\n\n        let components = container.getLaidOutComponents();\n        let componentCount = components.length;\n\n        let rows = 0;\n        let columns = 0;\n\n        if (!this._rows && !this._columns) {\n            columns = Math.floor(Math.sqrt(componentCount));\n            rows = Math.ceil(componentCount / columns);\n        } else if (this._rows && this._columns) {\n            rows = this._rows;\n            columns = this._columns;\n        } else if (this._columns) {\n            columns = this._columns;\n            rows = Math.ceil(componentCount / columns);\n        } else {\n            rows = this._rows;\n            columns = Math.ceil(componentCount / rows);\n        }\n\n        return {\n            width: columns,\n            height: rows\n        };\n    }\n\n    /**\n     * Returns the preferred size. With tracks declared, this is the sum of the\n     * per-track preferred extents (fixed tracks their value, content *and*\n     * weight tracks their measured content — wide/tall enough to show every\n     * cell at its natural size) plus spacing. Track-less grids keep the uniform\n     * `maxChildPreferred * count` estimate.\n     *\n     * @returns The preferred `{width, height}`, or `null` if no container is attached.\n     */\n    getPreferredSize(): Size | null {\n        let container = this.getContainer();\n        if (!container) {\n            return null;\n        }\n\n        let perimeterSize = container.getPerimeterSize();\n\n        let outerWidth = perimeterSize.left + perimeterSize.right;\n        let outerHeight = perimeterSize.top + perimeterSize.bottom;\n\n        let components = container.getLaidOutComponents();\n\n        let maxCellWidth = 0;\n        let maxCellHeight = 0;\n\n        for (const component of components) {\n            let size = component.getPreferredSize();\n\n            if (size) {\n                maxCellWidth  = Math.max(maxCellWidth,  size.width);\n                maxCellHeight = Math.max(maxCellHeight, size.height);\n            }\n        }\n\n        let colRowCount = this.getColRowCount();\n        let cols = colRowCount ? colRowCount.width  : 1;\n        let rows = colRowCount ? colRowCount.height : 1;\n        let spacing = this.getComponentSpacing();\n\n        const content = this.measureContent(components, cols, rows);\n\n        let innerWidth = this._columnTracks.length > 0\n            ? this.trackAxisExtent(this._columnTracks, cols, content.columns, true)\n            : maxCellWidth * cols;\n\n        let innerHeight = this._rowTracks.length > 0\n            ? this.trackAxisExtent(this._rowTracks, rows, content.rows, true)\n            : maxCellHeight * rows;\n\n        innerWidth  += Math.max(0, cols - 1) * spacing;\n        innerHeight += Math.max(0, rows - 1) * spacing;\n\n        return {\n            width: innerWidth + outerWidth,\n            height: innerHeight + outerHeight\n        };\n    }\n\n    /**\n     * Returns the minimum size. With tracks declared, this is the sum of the\n     * per-track minima (fixed tracks their value, content tracks their measured\n     * content, weight tracks `0`) plus spacing — matching what `doLayout`\n     * actually lays out, so a host no longer over-reserves space the way the\n     * uniform `maxChildMin * count` estimate did. Track-less grids keep that\n     * uniform estimate.\n     *\n     * @returns The minimum `{width, height}`, or `null` if no container is attached.\n     */\n    getMinSize(): Size | null {\n        let container = this.getContainer();\n        if (!container) {\n            return null;\n        }\n\n        let perimeterSize = container.getPerimeterSize();\n\n        let outerWidth = perimeterSize.left + perimeterSize.right;\n        let outerHeight = perimeterSize.top + perimeterSize.bottom;\n\n        let components = container.getLaidOutComponents();\n\n        let maxCellWidth = 0;\n        let maxCellHeight = 0;\n\n        for (const component of components) {\n            let size = component.getMinSize();\n\n            if (size) {\n                maxCellWidth  = Math.max(maxCellWidth,  size.width);\n                maxCellHeight = Math.max(maxCellHeight, size.height);\n            }\n        }\n\n        let colRowCount = this.getColRowCount();\n        let cols = colRowCount ? colRowCount.width  : 1;\n        let rows = colRowCount ? colRowCount.height : 1;\n        let spacing = this.getComponentSpacing();\n\n        const content = this.measureContent(components, cols, rows);\n\n        let innerWidth = this._columnTracks.length > 0\n            ? this.trackAxisExtent(this._columnTracks, cols, content.columns, false)\n            : maxCellWidth * cols;\n\n        let innerHeight = this._rowTracks.length > 0\n            ? this.trackAxisExtent(this._rowTracks, rows, content.rows, false)\n            : maxCellHeight * rows;\n\n        innerWidth  += Math.max(0, cols - 1) * spacing;\n        innerHeight += Math.max(0, rows - 1) * spacing;\n\n        return {\n            width: innerWidth + outerWidth,\n            height: innerHeight + outerHeight\n        };\n    }\n\n    /**\n     * Returns the maximum size the grid can usefully occupy: the sum of the\n     * per-track maxima plus inter-cell spacing and the container perimeter. A\n     * `fixed` track contributes its pixel value, a `content` track its measured\n     * content, and a `weight` track is unbounded — so any weight track makes the\n     * whole axis unbounded (the grid can absorb arbitrary slack there). With no\n     * tracks on an axis the fallback is `cols * maxChildMax` (the uniform-cell\n     * estimate), where a child's `null`/sentinel maximum counts as unbounded.\n     *\n     * @returns The maximum `{width, height}`, or `null` if no container is attached.\n     */\n    getMaxSize(): Size | null {\n        let container = this.getContainer();\n        if (!container) {\n            return null;\n        }\n\n        let perimeterSize = container.getPerimeterSize();\n\n        let outerWidth = perimeterSize.left + perimeterSize.right;\n        let outerHeight = perimeterSize.top + perimeterSize.bottom;\n\n        let components = container.getLaidOutComponents();\n\n        let colRowCount = this.getColRowCount();\n        let cols = colRowCount ? colRowCount.width  : 1;\n        let rows = colRowCount ? colRowCount.height : 1;\n        let spacing = this.getComponentSpacing();\n\n        const content = this.measureContent(components, cols, rows);\n\n        const innerWidth = this._columnTracks.length > 0\n            ? this.trackAxisMax(this._columnTracks, cols, content.columns)\n            : cols * this.maxChildExtent(components, true);\n\n        const innerHeight = this._rowTracks.length > 0\n            ? this.trackAxisMax(this._rowTracks, rows, content.rows)\n            : rows * this.maxChildExtent(components, false);\n\n        return {\n            width:  saturate(innerWidth  + Math.max(0, cols - 1) * spacing + outerWidth),\n            height: saturate(innerHeight + Math.max(0, rows - 1) * spacing + outerHeight)\n        };\n    }\n\n    /**\n     * Sums the per-track maxima along one axis: a `fixed` track contributes its\n     * pixel value, a `content` track its measured content size, and a `weight`\n     * track is unbounded — the first weight track saturates the axis to the\n     * unbounded sentinel, since a flex track can grow without limit. A\n     * missing track defaults to `weight`, matching {@link trackAxisExtent}.\n     *\n     * @param tracks - The declared tracks for this axis.\n     * @param count - The number of columns (or rows) to size.\n     * @param contentSizes - Measured content maxima per track.\n     * @returns The summed maximum extent for the axis, excluding spacing.\n     */\n    private trackAxisMax(tracks: GridTrack[], count: number, contentSizes: number[]): number {\n        let total = 0;\n\n        for (let i = 0; i < count; i += 1) {\n            const track = tracks[i] ?? { mode: \"weight\" as const, value: 1 };\n\n            if (track.mode === \"fixed\") {\n                total += track.value ?? 0;\n            } else if (track.mode === \"content\") {\n                total += contentSizes[i] ?? 0;\n            } else {\n                return UNBOUNDED;\n            }\n        }\n\n        return total;\n    }\n\n    /**\n     * Returns the largest per-child maximum extent across all children on one\n     * axis, for the uniform-cell (no-track) fallback. A child whose maximum is\n     * `null` or at the unbounded sentinel makes the whole axis unbounded, so the\n     * result saturates to the unbounded sentinel.\n     *\n     * @param components - The grid's children.\n     * @param horizontal - `true` to read each child's max width, `false` for height.\n     * @returns The largest child maximum, or the unbounded sentinel when any\n     *   child is unbounded.\n     */\n    private maxChildExtent(components: Component[], horizontal: boolean): number {\n        let largest = 0;\n\n        for (const component of components) {\n            const max = component.getMaxSize();\n\n            if (!max) {\n                return UNBOUNDED;\n            }\n\n            const extent = horizontal ? max.width : max.height;\n\n            if (isUnbounded(extent)) {\n                return UNBOUNDED;\n            }\n\n            largest = Math.max(largest, extent);\n        }\n\n        return largest;\n    }\n\n    /**\n     * Computes the children's combined minSize along this manager's geometry:\n     * width is `cols * maxChildMinWidth + (cols-1) * spacing`; height is\n     * `rows * maxChildMinHeight + (rows-1) * spacing`. Used by `doLayout` to\n     * inflate the working size when the host has opted into `setOverflowing`.\n     *\n     * @returns The total min-size; `{ width: 0, height: 0 }` when the\n     *   container is absent or has no children.\n     */\n    protected computeTotalMinSize(): Size {\n        const container = this.getContainer();\n        if (!container) {\n            return { width: 0, height: 0 };\n        }\n\n        const components = container.getLaidOutComponents();\n        if (components.length === 0) {\n            return { width: 0, height: 0 };\n        }\n\n        const colRowCount = this.getColRowCount();\n        const cols = colRowCount ? colRowCount.width  : 1;\n        const rows = colRowCount ? colRowCount.height : 1;\n        const spacing = this.getComponentSpacing();\n\n        let maxCellWidth = 0;\n        let maxCellHeight = 0;\n\n        for (const component of components) {\n            const min = component.getMinSize();\n            if (min) {\n                maxCellWidth  = Math.max(maxCellWidth,  min.width);\n                maxCellHeight = Math.max(maxCellHeight, min.height);\n            }\n        }\n\n        const content = this.measureContent(components, cols, rows);\n\n        // When tracks are declared, the axis minimum is the sum of per-track\n        // minima — a `fixed` track needs its fixed value, a `content` track its\n        // measured content, and a `weight` track nothing (it flexes to fill\n        // slack and clips oversized children, so it imposes no intrinsic floor).\n        // This keeps a child that the grid is meant to *clip* (e.g. an oversized\n        // child in a fixed column) from inflating the whole grid's min width.\n        // With no tracks on an axis, fall back to the uniform `maxChild*count`\n        // estimate so non-track grids still drive universal scroll unchanged.\n        const widthMin = this._columnTracks.length > 0\n            ? this.trackAxisExtent(this._columnTracks, cols, content.columns, false)\n            : cols * maxCellWidth;\n\n        const heightMin = this._rowTracks.length > 0\n            ? this.trackAxisExtent(this._rowTracks, rows, content.rows, false)\n            : rows * maxCellHeight;\n\n        return {\n            width:  widthMin  + Math.max(0, cols - 1) * spacing,\n            height: heightMin + Math.max(0, rows - 1) * spacing,\n        };\n    }\n\n    /**\n     * Sums the per-track extents along one axis: a `fixed` track contributes its\n     * pixel value and a `content` track its measured content size. A `weight`\n     * track contributes its measured content when `includeWeightContent` is\n     * `true` (the *preferred* extent — wide enough to show its content at\n     * natural size) and `0` otherwise (the *minimum* extent — a flex track can\n     * shrink to nothing). A missing track (when the list is shorter than\n     * `count`) defaults to `weight`, matching `resolveTracks`' weight default.\n     *\n     * @param tracks - The declared tracks for this axis.\n     * @param count - The number of columns (or rows) to size.\n     * @param contentSizes - Measured content maxima per track.\n     * @param includeWeightContent - Whether weight tracks contribute their\n     *   measured content (preferred extent) rather than `0` (minimum extent).\n     * @returns The summed extent for the axis, excluding spacing.\n     */\n    private trackAxisExtent(tracks: GridTrack[], count: number, contentSizes: number[], includeWeightContent: boolean): number {\n        let total = 0;\n\n        for (let i = 0; i < count; i += 1) {\n            const track = tracks[i] ?? { mode: \"weight\" as const, value: 1 };\n\n            if (track.mode === \"fixed\") {\n                total += track.value ?? 0;\n            } else if (track.mode === \"content\") {\n                total += contentSizes[i] ?? 0;\n            } else if (includeWeightContent) {\n                total += contentSizes[i] ?? 0;\n            }\n        }\n\n        return total;\n    }\n\n    /**\n     * Tiles all children in a grid of equal-sized cells, left-to-right then top-to-bottom.\n     *\n     * @remarks Each cell is sized by the column/row tracks; how a child sits\n     * inside its cell is driven by the child's own `fill`/`anchor`\n     * ([`GridConstraints`](/api/layout/classes/GridConstraints)) falling back to\n     * the grid's {@link Grid.setDefaultFill}/{@link Grid.setDefaultAnchor}\n     * (default {@link FillType.BOTH}, so children fill their cells out of the\n     * box). When {@link Grid.setBaselineAlign} is enabled, the column/row tracks\n     * still size each cell (a `\"content\"` column hugs its content), each row\n     * uses the natural heights of its children, and components are\n     * baseline-aligned within their row, mirroring\n     * [`HBox`](/api/layout/classes/HBox)'s baseline-aware placement. Baseline\n     * mode auto-flows by `colSpan`; explicit `col`/`row` and `rowSpan > 1` are\n     * not supported.\n     */\n    doLayout() {\n        let container = this.getContainer();\n        if (!container) {\n            return;\n        }\n\n        let components = container.getLaidOutComponents();\n        let containerInsets = container.getContentInsets();\n        let containerSize = container.getInnerSize();\n        if (!containerSize) {\n            return;\n        }\n\n        let colRowCount = this.getColRowCount();\n        let cols = colRowCount ? colRowCount.width  : 1;\n        let rows = colRowCount ? colRowCount.height : 1;\n        let spacing = this.getComponentSpacing();\n\n        // Universal scroll: see HBox.doLayout for the rationale. Inflates the\n        // working size to the children's combined minSize on the axes the\n        // host has marked as overflowing.\n        containerSize = this.inflateForOverflow(containerSize);\n\n        if (!this._baselineAlign) {\n            this.layoutOccupancy(components, cols, rows, containerSize, containerInsets, spacing);\n\n            return;\n        }\n\n        // Baseline mode honours the same per-track column/row sizing as the\n        // occupancy path — so a \"content\" column hugs its titles instead of\n        // taking a uniform 1/cols share — plus colSpan auto-flow, then\n        // baseline-aligns each row's children within the row (mirroring HBox).\n        // Explicit col/row placement and rowSpan > 1 are not supported here.\n        const content    = this.measureContent(components, cols, rows);\n        const colExtents = this.resolveTracks(this._columnTracks, cols, containerSize.width,  spacing, content.columns);\n        const rowExtents = this.resolveTracks(this._rowTracks,    rows, containerSize.height, spacing, content.rows);\n\n        type BaselineCell = {\n            component: Component;\n            col:       number;\n            colSpan:   number;\n            height:    number;\n            baseline:  number | null;\n        };\n\n        const perRow: BaselineCell[][] = Array.from({ length: rows }, () => []);\n\n        let flowCol = 0;\n        let flowRow = 0;\n\n        for (const component of components) {\n            if (flowRow >= rows) {\n                break;\n            }\n\n            const cons    = this.getLayoutConstraints(component) as GridConstraints | undefined;\n            const colSpan = Util.clamp(cons?.colSpan ?? 1, 1, cols);\n            const size    = component.getPreferredSize();\n\n            perRow[flowRow].push({\n                component,\n                col:      flowCol,\n                colSpan,\n                height:   size ? size.height : 0,\n                baseline: component.getBaseline(),\n            });\n\n            flowCol += colSpan;\n\n            if (flowCol >= cols) {\n                flowCol = 0;\n                flowRow += 1;\n            }\n        }\n\n        let y = containerInsets.getTop();\n\n        for (let row = 0; row < rows; row += 1) {\n            const rowCells = perRow[row];\n\n            const { rowAscent, rowDescent } = this.computeRowMetrics(\n                rowCells.map(cell => cell.height),\n                rowCells.map(cell => cell.baseline),\n            );\n\n            for (const cell of rowCells) {\n                let x = containerInsets.getLeft();\n                for (let i = 0; i < cell.col; i += 1) {\n                    x += (colExtents[i] ?? 0) + spacing;\n                }\n\n                let width = (cell.colSpan - 1) * spacing;\n                for (let i = cell.col; i < cell.col + cell.colSpan; i += 1) {\n                    width += colExtents[i] ?? 0;\n                }\n\n                let cellY: number;\n\n                if (rowAscent !== null) {\n                    cellY = cell.baseline !== null\n                        ? y + (rowAscent - cell.baseline)\n                        : y + this.nullChildY(cell.height, rowAscent, rowDescent);\n                } else {\n                    cellY = y;\n                }\n\n                this.placeComponent(\n                    cell.component,\n                    x,\n                    cellY,\n                    width,\n                    cell.height,\n                    this._defaultFill,\n                    this._defaultAnchor\n                );\n            }\n\n            const baselineHeight = rowAscent !== null ? rowAscent + rowDescent : 0;\n\n            y += Math.max(rowExtents[row] ?? 0, baselineHeight) + spacing;\n        }\n    }\n\n    /**\n     * Resolves a track list into per-track pixel extents along one axis.\n     *\n     * @param tracks - The declared tracks; missing tracks (when shorter than\n     *   `count`) default to `{ mode: \"weight\", value: 1 }`.\n     * @param count - The number of columns (or rows) to size.\n     * @param available - The inner extent of the container along this axis.\n     * @param spacing - The inter-cell gap, in pixels.\n     * @param contentSizes - Measured content maxima per track, used for `\"content\"` tracks.\n     * @returns A `number[count]` of pixel extents.\n     *\n     * @remarks Fixed tracks keep their `value`; content tracks keep their measured\n     * size; the remaining space is split among weight tracks in proportion to their\n     * weights. When no weight track exists the remaining space is left unused.\n     */\n    private resolveTracks(tracks: GridTrack[], count: number, available: number, spacing: number, contentSizes: number[]): number[] {\n        const inner = available - Math.max(0, count - 1) * spacing;\n\n        const resolved: number[] = new Array(count).fill(0);\n\n        let fixedSum = 0;\n        let contentSum = 0;\n        let weightSum = 0;\n\n        for (let i = 0; i < count; i += 1) {\n            const track = tracks[i] ?? { mode: \"weight\" as const, value: 1 };\n\n            if (track.mode === \"fixed\") {\n                resolved[i] = track.value ?? 0;\n                fixedSum += resolved[i];\n            } else if (track.mode === \"content\") {\n                resolved[i] = contentSizes[i] ?? 0;\n                contentSum += resolved[i];\n            } else {\n                weightSum += Math.max(0, track.value ?? 1);\n            }\n        }\n\n        const remaining = Math.max(0, inner - fixedSum - contentSum);\n\n        if (weightSum > 0) {\n            for (let i = 0; i < count; i += 1) {\n                const track = tracks[i] ?? { mode: \"weight\" as const, value: 1 };\n\n                if (track.mode === \"weight\") {\n                    resolved[i] = remaining * (Math.max(0, track.value ?? 1) / weightSum);\n                }\n            }\n        }\n\n        return resolved;\n    }\n\n    /**\n     * Measures the content maxima of single-track-spanning children, per column\n     * and per row, for `\"content\"` track sizing.\n     *\n     * @param components - The container's children.\n     * @param cols - The column count.\n     * @param rows - The row count.\n     * @returns `{ columns, rows }` arrays of per-track content maxima.\n     *\n     * @remarks Each child contributes `max(preferred, min)` so a child that only\n     * set a min size still widens (or heightens) its track. A child contributes to\n     * a column only when its `colSpan` is `1`, and to a row only when its `rowSpan`\n     * is `1` — multi-track spanners are not distributed in v1. Because content\n     * measurement is independent of cell placement, the maxima are folded by\n     * explicit-or-flow position when known, else by document-order column/row.\n     */\n    private measureContent(components: Component[], cols: number, rows: number): { columns: number[]; rows: number[] } {\n        const columns: number[] = new Array(cols).fill(0);\n        const rowSizes: number[] = new Array(rows).fill(0);\n\n        // Baseline mode only: per-row preferred heights + baselines, so the row\n        // content size can fold in the baseline spread `doLayout` reserves (see\n        // below). Left empty when `baselineAlign` is off.\n        const rowHeights:   number[][]              = this._baselineAlign ? Array.from({ length: rows }, () => []) : [];\n        const rowBaselines: Array<Array<number | null>> = this._baselineAlign ? Array.from({ length: rows }, () => []) : [];\n\n        let flowCol = 0;\n        let flowRow = 0;\n\n        for (const component of components) {\n            const cons = this.getLayoutConstraints(component) as GridConstraints | undefined;\n            const preferred = component.getPreferredSize();\n            const min = component.getMinSize();\n\n            const w = Math.max(preferred ? preferred.width : 0, min ? min.width : 0);\n            const h = Math.max(preferred ? preferred.height : 0, min ? min.height : 0);\n\n            const colSpan = Math.max(1, cons?.colSpan ?? 1);\n            const rowSpan = Math.max(1, cons?.rowSpan ?? 1);\n\n            let c: number;\n            let r: number;\n\n            if (cons && (cons.col != null || cons.row != null)) {\n                c = Util.clamp(cons.col ?? 0, 0, Math.max(0, cols - 1));\n                r = Util.clamp(cons.row ?? 0, 0, Math.max(0, rows - 1));\n            } else {\n                c = flowCol;\n                r = flowRow;\n\n                flowCol += colSpan;\n\n                if (flowCol >= cols) {\n                    flowCol = 0;\n                    flowRow += rowSpan;\n                }\n            }\n\n            if (colSpan === 1 && c < cols) {\n                columns[c] = Math.max(columns[c], w);\n            }\n\n            if (rowSpan === 1 && r < rows) {\n                rowSizes[r] = Math.max(rowSizes[r], h);\n\n                if (this._baselineAlign) {\n                    // Pair the preferred height with the baseline, exactly as\n                    // `doLayout` does — the cell's placed height and baseline\n                    // together set the row's ascent/descent.\n                    rowHeights[r].push(preferred ? preferred.height : 0);\n                    rowBaselines[r].push(component.getBaseline());\n                }\n            }\n        }\n\n        // A baseline-aligned row is `max(tallestCell, rowAscent + rowDescent)`\n        // (see `doLayout`): cells on mismatched baselines need the highest ascent\n        // plus the deepest descent, which can exceed the tallest cell. Fold that\n        // spread into the measured row size so `getPreferredSize` / `getMinSize`\n        // reserve what `doLayout` actually lays out, rather than under-reporting\n        // and letting the content overflow the box the parent sized from it.\n        if (this._baselineAlign) {\n            for (let r = 0; r < rows; r += 1) {\n                const { rowAscent, rowDescent } = this.computeRowMetrics(rowHeights[r], rowBaselines[r]);\n\n                if (rowAscent !== null) {\n                    rowSizes[r] = Math.max(rowSizes[r], rowAscent + rowDescent);\n                }\n            }\n        }\n\n        return { columns, rows: rowSizes };\n    }\n\n    /**\n     * Tiles children using the occupancy-grid algorithm: explicitly-placed\n     * children are reserved first, then the remaining children auto-flow into the\n     * free cells, with per-track sizing and per-cell clip-vs-place.\n     *\n     * @param components - The container's children.\n     * @param cols - The column count.\n     * @param rows - The row count.\n     * @param containerSize - The container's (possibly overflow-inflated) inner size.\n     * @param insets - The container's insets, supplying the cell origin offset.\n     * @param spacing - The inter-cell gap, in pixels.\n     */\n    private layoutOccupancy(components: Component[], cols: number, rows: number, containerSize: Size, insets: Insets, spacing: number): void {\n        const content = this.measureContent(components, cols, rows);\n\n        const colExtents = this.resolveTracks(this._columnTracks, cols, containerSize.width, spacing, content.columns);\n        const rowExtents = this.resolveTracks(this._rowTracks, rows, containerSize.height, spacing, content.rows);\n\n        const occupancy: boolean[][] = [];\n\n        for (let r = 0; r < rows; r += 1) {\n            occupancy.push(new Array(cols).fill(false));\n        }\n\n        const owners: Array<Array<string | null>> = [];\n\n        for (let r = 0; r < rows; r += 1) {\n            owners.push(new Array(cols).fill(null));\n        }\n\n        const placeAt = (component: Component, r: number, c: number, rowSpan: number, colSpan: number): void => {\n            let x = insets.getLeft();\n\n            for (let i = 0; i < c; i += 1) {\n                x += colExtents[i] + spacing;\n            }\n\n            let y = insets.getTop();\n\n            for (let i = 0; i < r; i += 1) {\n                y += rowExtents[i] + spacing;\n            }\n\n            let w = (colSpan - 1) * spacing;\n\n            for (let i = c; i < c + colSpan; i += 1) {\n                w += colExtents[i] ?? 0;\n            }\n\n            let h = (rowSpan - 1) * spacing;\n\n            for (let i = r; i < r + rowSpan; i += 1) {\n                h += rowExtents[i] ?? 0;\n            }\n\n            const min = component.getMinSize();\n\n            if (min && (min.width > w || min.height > h)) {\n                // The child's own `min-width` / `min-height` keep its box from\n                // shrinking to the cell on the overflowing axis, so clip it with\n                // a cell-sized frame. Honour the grid's fill/anchor on whichever\n                // axis the child *does* fit — `resolveBounds` yields the\n                // fill/anchor-placed box — and override only the overflowing axis\n                // to the child's natural extent (its preferred size, falling back\n                // to min) so the content renders at full size up to the clip edge\n                // rather than at a cramped preferred that drops fill. The frame is\n                // anchored at the cell; the child commits at the resolved offset\n                // within it (0 on an overflowing axis, since `resolveBounds`\n                // applies no anchor displacement when the child exceeds the cell).\n                const resolved = this.resolveBounds(component, x, y, w, h, this._defaultFill, this._defaultAnchor);\n                const pref = component.getPreferredSize();\n\n                const childWidth  = min.width  > w ? (pref ? pref.width  : min.width)  : resolved.width;\n                const childHeight = min.height > h ? (pref ? pref.height : min.height) : resolved.height;\n\n                component.setClipFrame(x, y, w, h);\n                this.commitBounds(component, resolved.x - x, resolved.y - y, childWidth, childHeight);\n            } else {\n                // The child fits: resolve its bounds honouring its own\n                // fill/anchor over the grid defaults, then commit the result so\n                // a non-filling child shrinks and anchors within its cell.\n                const resolved = this.resolveBounds(component, x, y, w, h, this._defaultFill, this._defaultAnchor);\n\n                component.clearClipFrame();\n                this.commitBounds(component, resolved.x, resolved.y, resolved.width, resolved.height);\n            }\n        };\n\n        // Pass 1 — reserve explicitly-positioned children.\n        for (const component of components) {\n            const cons = this.getLayoutConstraints(component) as GridConstraints | undefined;\n\n            if (!cons || (cons.col == null && cons.row == null)) {\n                continue;\n            }\n\n            const c = Util.clamp(cons.col ?? 0, 0, Math.max(0, cols - 1));\n            const r = Util.clamp(cons.row ?? 0, 0, Math.max(0, rows - 1));\n            const colSpan = Util.clamp(cons.colSpan ?? 1, 1, cols - c);\n            const rowSpan = Util.clamp(cons.rowSpan ?? 1, 1, rows - r);\n\n            for (let rr = r; rr < r + rowSpan; rr += 1) {\n                for (let cc = c; cc < c + colSpan; cc += 1) {\n                    if (occupancy[rr][cc]) {\n                        console.warn(`Grid: ${component.getId()} overlaps ${owners[rr][cc]} at cell (${rr},${cc})`);\n                    }\n\n                    occupancy[rr][cc] = true;\n                    owners[rr][cc] = component.getId();\n                }\n            }\n\n            placeAt(component, r, c, rowSpan, colSpan);\n        }\n\n        // Pass 2 — auto-flow the remaining children into free cells.\n        for (const component of components) {\n            const cons = this.getLayoutConstraints(component) as GridConstraints | undefined;\n\n            if (cons && (cons.col != null || cons.row != null)) {\n                continue;\n            }\n\n            const colSpan = Util.clamp(cons?.colSpan ?? 1, 1, cols);\n            const rowSpan = Util.clamp(cons?.rowSpan ?? 1, 1, rows);\n\n            const slot = this.findFreeCell(occupancy, rows, cols, rowSpan, colSpan);\n\n            if (!slot) {\n                continue;\n            }\n\n            for (let rr = slot.r; rr < slot.r + rowSpan; rr += 1) {\n                for (let cc = slot.c; cc < slot.c + colSpan; cc += 1) {\n                    occupancy[rr][cc] = true;\n                    owners[rr][cc] = component.getId();\n                }\n            }\n\n            placeAt(component, slot.r, slot.c, rowSpan, colSpan);\n        }\n    }\n\n    /**\n     * Scans the occupancy grid in row-major order for the first top-left cell\n     * whose `rowSpan`×`colSpan` block is entirely free.\n     *\n     * @param occupancy - The `boolean[rows][cols]` occupancy map.\n     * @param rows - The row count.\n     * @param cols - The column count.\n     * @param rowSpan - The block height to fit.\n     * @param colSpan - The block width to fit.\n     * @returns The free block's top-left `{ r, c }`, or `null` if none fits.\n     */\n    private findFreeCell(occupancy: boolean[][], rows: number, cols: number, rowSpan: number, colSpan: number): { r: number; c: number } | null {\n        for (let r = 0; r + rowSpan <= rows; r += 1) {\n            for (let c = 0; c + colSpan <= cols; c += 1) {\n                let free = true;\n\n                for (let rr = r; rr < r + rowSpan && free; rr += 1) {\n                    for (let cc = c; cc < c + colSpan; cc += 1) {\n                        if (occupancy[rr][cc]) {\n                            free = false;\n\n                            break;\n                        }\n                    }\n                }\n\n                if (free) {\n                    return { r, c };\n                }\n            }\n        }\n\n        return null;\n    }\n}\n\nconst GridCallable = callable(Grid);\ntype GridCallable = Grid;\nexport {\n    Grid         as _Grid,\n    GridCallable as Grid\n};\n"],"mappings":"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"}

package/dist/lib/GridConstraints-Q3wvuovN.js

@@ -0,0 +1,2 @@
+import{a as e,l as t,n,u as r}from"./Position-B-WfZYAJ.js";import{_ as i,f as a,h as o,l as s,t as c,u as l,y as u}from"./Component-BR2f0Itb.js";import{t as d}from"./ListenerBag-WPdKuuds.js";import{t as f}from"./HBox-Q8y1PHlk.js";import{i as p,n as m,t as h}from"./LayoutSizes-BW4wyGDI.js";import{n as g}from"./Border-oZC_SDy8.js";import{t as _}from"./LayoutConstraints-CHI2lhPd.js";import{t as v}from"./Button-DEUtBqK4.js";var y=14,b=`▶`,x=null;function ensureAccordionIndicatorClassRule(){x||=new i({scope:`class`,name:`AccordionIndicator`,styles:{textAlign:`center`,pointerEvents:`none`,fontSize:`10px`,color:`var(--ts-ui-accordion-indicator-color, rgb(100,100,100))`,transition:`transform 200ms ease`}})}var AccordionIndicator=class extends c{_lineHeight=null;constructor(e){ensureAccordionIndicatorClassRule(),super({tag:`span`,preferredSize:{width:y,height:y},...e??{}}),this._expanded??=!1,this._character??=b,this.createStyleRule(`.expanded`).set(`transform`,`rotate(90deg)`)}setLineHeight(e){return this._lineHeight===e?this:(this._lineHeight=e,this.setElementCSSRule(`lineHeight`,e+`px`),this)}setHeight(e){return super.setHeight(e),this.setLineHeight(e),this}applyOptions(e){return super.applyOptions(e),e.expanded!==void 0&&this.setExpanded(e.expanded),e.character!==void 0&&this.setCharacter(e.character),this}getCharacter(){return this._character??b}setCharacter(e){this._character=e;let t=this.getElement();return t&&r.sink.apply(t,{text:e}),this}render(){let e=super.render();return r.sink.apply(e,{text:this._character??b}),this._expanded&&r.sink.apply(e,{addClass:[`expanded`]}),e}getExpanded(){return this._expanded}setExpanded(e){this._expanded=e;let t=this.getElement();return t&&r.sink.apply(t,{toggleClass:{expanded:e}}),this}clearExpanded(){return this.setExpanded(!1)}setAnimationTiming(e,t){return this.setTransition(`transform ${e}ms ${t}`),this}},S=a(AccordionIndicator),C=8,w=10,T=4,E=6,D=6,O=2,AccordionHeader=class extends c{_tools=[];_chevronSide=`end`;constructor(e,t){super({tag:`div`,...t}),this._indicator=new S({character:t?.chevronGlyph}),this._title=new v(e,{chromeless:!0,anchor:l.WEST,glyph:t?.glyph}),this._toolGroup=new c,this._toolGroup.setLayoutManager(new f({spacing:T,stretching:!0})),this._toolGroup.setBackgroundColor(`transparent`),this.setLayoutManager(new f({spacing:T,stretching:!0}));let n=new _;n.weight=1,this.addComponent(this._title,n),this.addComponent(this._toolGroup),this._chevronSide=t?.chevronSide??`end`,this.placeIndicator(),this.setExpanded(t?.expanded??!1),this.setCompact(t?.compact??!1)}setCompact(e){let t=e?E:C,r=e?D:w;return this.setInsets(new n(0,r,0,t)),this.getLayoutManager().setComponentSpacing(e?O:T),this._title?.setCompact(e),this.scheduleLayout(),this}placeIndicator(){this.getComponents().includes(this._indicator)&&this.removeComponent(this._indicator),this._chevronSide===`start`?this.insertComponent(this._indicator,0):this.addComponent(this._indicator)}getTitleButton(){return this._title}setExpanded(e){return this._indicator?.setExpanded(e),this._title?.getAria().setExpanded(e),this}isExpanded(){return this._indicator?.getExpanded()??!1}setChevronSide(e){return this._chevronSide===e?this:(this._chevronSide=e,this.placeIndicator(),this.scheduleLayout(),this)}getChevronSide(){return this._chevronSide}setChevronGlyph(e){return this._indicator?.setCharacter(e),this}addTool(e){return e instanceof v&&e.setFlat(!0),this._tools.includes(e)?this:(this._tools.push(e),this._toolGroup.addComponent(e),this.scheduleLayout(),this)}removeTool(e){let t=this._tools.indexOf(e);return t===-1?this:(this._tools.splice(t,1),this._toolGroup.removeComponent(e),this.scheduleLayout(),this)}setToolsRevealed(e){return this._toolGroup.setDisplayed(e),this}setAnimationTiming(e,t){return this._indicator?.setAnimationTiming(e,t),this}},k=a(AccordionHeader),A=`cubic-bezier(0.4, 0, 0.6, 1)`,j=22,M=6,N=1e-6,P=`var(--ts-ui-accordion-header-bg, rgb(243,244,246))`,F=`var(--ts-ui-accordion-header-border, 1px solid rgb(214,217,222))`,I=`var(--ts-ui-accordion-header-color, inherit)`,L=`var(--ts-ui-accordion-border, 1px solid rgb(214,217,222))`,Accordion=class extends s{_headers=[];_panelWrappers=[];_openState=[];_singleOpen=!1;_headerHeight=28;_headerHeightExplicit=!1;_compact=!1;_animationDuration=200;_chevronSide=`end`;_chevronGlyph=null;_spacing=0;_themed=!0;_fillHeight=!1;_tools=[];_toolsVisibility=`hover`;_hoveredHeader=-1;_listeners=new d;_resizable=!1;_resizeSizes=new Map;_pendingSectionSizes=null;_resizeFactor=1;_resizePinned=new Set;_resizeGutters=[];_gutterPairs=[];_dragUpper=null;_dragLower=null;_dragLastPointer=0;_dragOpenIndices=[];_dragGutterUpperPos=0;_toggleAnimations=0;_boundOnGutterDragEnd=()=>this.onGutterDragEnd();constructor(e){super(),e&&this.applyOptions(e)}applyOptions(e){if(super.applyOptions(e),e.headerHeight!==void 0&&this.setHeaderHeight(e.headerHeight),e.animationDuration!==void 0&&this.setAnimationDuration(e.animationDuration),e.chevronSide!==void 0&&this.setChevronSide(e.chevronSide),e.toolsVisibility!==void 0&&this.setToolsVisibility(e.toolsVisibility),e.compact!==void 0&&this.setCompact(e.compact),e.chevronGlyph!==void 0&&this.setChevronGlyph(e.chevronGlyph),e.spacing!==void 0&&this.setSpacing(e.spacing),e.themed!==void 0&&this.setThemed(e.themed),e.fillHeight!==void 0&&this.setFillHeight(e.fillHeight),e.resizable!==void 0&&this.setResizable(e.resizable),e.sectionSizes!==void 0&&(this._pendingSectionSizes=e.sectionSizes.map(e=>({...e}))),e.listeners!==void 0){let t=e.listeners;for(let e of Object.keys(t)){let n=t[e];n!==void 0&&this.on(e,n)}}e.singleOpen!==void 0&&this.setSingleOpen(e.singleOpen)}isSingleOpen(){return this._singleOpen}setSingleOpen(e){if(this._singleOpen=e,!e)return this;let t=!1;for(let e=0;e<this._openState.length;e++)this._openState[e]&&(t?(this.primeWrapper(e),this._openState[e]=!1,this._headers[e].setExpanded(!1),this.emit(`sectiontoggle`,e,!1)):t=!0);return this.relayoutHost(),this}getHeaderHeight(){return this._headerHeight}setHeaderHeight(e){return this._headerHeight=e,this._headerHeightExplicit=!0,this}effectiveHeaderHeight(){return this._compact&&!this._headerHeightExplicit?j:this._headerHeight}isCompact(){return this._compact}setCompact(e){this._compact=e;for(let t of this._headers)t.setCompact(e);return this.relayoutHost(),this}getAnimationDuration(){return this._animationDuration}setAnimationDuration(e){return this._animationDuration=e,this}getChevronSide(){return this._chevronSide}setChevronSide(e){this._chevronSide=e;for(let t of this._headers)t.setChevronSide(e);return this.getContainer()?.scheduleLayout(),this}getChevronGlyph(){return this._chevronGlyph}setChevronGlyph(e){this._chevronGlyph=e;for(let t of this._headers)t.setChevronGlyph(e);return this.getContainer()?.scheduleLayout(),this}getSpacing(){return this._spacing}setSpacing(e){return this._spacing=e,this.relayoutHost(),this}isFillHeight(){return this._fillHeight}setFillHeight(e){return this._fillHeight=e,this.getContainer()?.scheduleLayout(),this}isResizable(){return this._resizable}setResizable(e){return this._resizable=e,this.getContainer()?.scheduleLayout(),this}isThemed(){return this._themed}setThemed(e){this._themed=e,this.applyContainerTheming();for(let e=0;e<this._headers.length;e++)this.applySectionTheming(e);return this.getContainer()?.scheduleLayout(),this}applyContainerTheming(){let e=this.getContainer();e&&(this._themed?e.setBorder({border:L}):e.clearBorder())}applySectionTheming(e){let t=this._headers[e];if(t){if(!this._themed){t.clearBackground(),t.clearForegroundColor(),t.clearBorder();return}t.setBackground(P),t.setForegroundColor(I),t.setBorder({border:`none`,borderBottom:F})}}getToolsVisibility(){return this._toolsVisibility}setToolsVisibility(e){this._toolsVisibility=e;for(let t of this._headers)t.setToolsRevealed(e===`always`);return this}addTool(e){return this._tools.includes(e)?this:(this._tools.push(e),this._hoveredHeader!==-1&&this._headers[this._hoveredHeader]?.addTool(e),this.getContainer()?.scheduleLayout(),this)}removeTool(e){let t=this._tools.indexOf(e);return t===-1?this:(this._tools.splice(t,1),this._hoveredHeader!==-1&&this._headers[this._hoveredHeader]?.removeTool(e),this.getContainer()?.scheduleLayout(),this)}revealHeaderTools(e){let t=this._headers[e];if(t){for(let e of this._tools)t.addTool(e);this._toolsVisibility===`hover`&&t.setToolsRevealed(!0)}}hideHeaderTools(e){let t=this._headers[e];if(t){for(let e of this._tools)t.removeTool(e);this._toolsVisibility===`hover`&&t.setToolsRevealed(!1)}}onHeaderHoverEnter(e,t){let n=this._headers[e]?.getElement();n&&r.source.isNode(t.relatedTarget)&&r.source.contains(n,r.source.intern(t.relatedTarget))||this._hoveredHeader!==e&&(this._hoveredHeader!==-1&&this.hideHeaderTools(this._hoveredHeader),this._hoveredHeader=e,this.revealHeaderTools(e))}onHeaderHoverLeave(e,t){let n=this._headers[e]?.getElement();n&&r.source.isNode(t.relatedTarget)&&r.source.contains(n,r.source.intern(t.relatedTarget))||this._hoveredHeader===e&&(this.hideHeaderTools(e),this._hoveredHeader=-1)}relayoutHost(){let e=this.getContainer();e?.scheduleLayout(),e?.notifyIntrinsicSizeChanged()}openSection(e){if(e<0||e>=this._openState.length)return this;if(this._singleOpen)for(let t=0;t<this._openState.length;t++)t!==e&&this._openState[t]&&(this.primeWrapper(t),this._openState[t]=!1,this._headers[t].setExpanded(!1),this.emit(`sectiontoggle`,t,!1));return this.primeWrapper(e),this._openState[e]=!0,this._headers[e].setExpanded(!0),this.emit(`sectiontoggle`,e,!0),this.relayoutHost(),this}closeSection(e){return e<0||e>=this._openState.length?this:(this.primeWrapper(e),this._openState[e]=!1,this._headers[e].setExpanded(!1),this.emit(`sectiontoggle`,e,!1),this.relayoutHost(),this)}expandAll(){if(this._singleOpen)return this.openSection(0),this;for(let e=0;e<this._openState.length;e++)this.openSection(e);return this}collapseAll(){for(let e=0;e<this._openState.length;e++)this.closeSection(e);return this}isSectionOpen(e){return this._openState[e]??!1}sectionSizeUnits(e){return e.map(e=>this.effectiveWeight(e)===0?`px`:`ratio`)}getSectionSizes(){let e=this.getContainer();if(!e)return[];let t=e.getComponents();if(t.length===0)return[];let n=this.sectionSizeUnits(t);return this._pendingSectionSizes!==null&&m(this._pendingSectionSizes,n)?this._pendingSectionSizes.map(e=>({...e})):p(n,t.map(e=>this._resizeSizes.get(e)??0))}applySectionSizes(e){return this._pendingSectionSizes=e.map(e=>({...e})),this.getContainer()?.scheduleLayout(),this}on(e,t){return this._listeners.add(e,t),this}off(e,t){return this._listeners.remove(e,t),this}emit(e,...t){this._listeners.fire(e,...t)}attach(e){return super.attach(e),this}detach(){let e=this.getContainer();this._dragUpper&&this.onGutterDragEnd();for(let t=0;t<this._headers.length;t++){let n=(e?e.getComponents():[])[t];n&&e&&r.sink.appendChild(e.getElement(),n.getElement()),r.sink.removeElement(this._headers[t].getElement()),r.sink.removeElement(this._panelWrappers[t].getElement())}this._headers=[],this._panelWrappers=[],this._openState=[];for(let e of this._resizeGutters)r.sink.removeElement(e.getElement()),e.destroy();return this._resizeGutters=[],this._resizeSizes.clear(),this._gutterPairs=[],super.detach(),this}getPreferredSize(){let e=this.getContainer();if(!e)return null;let t=e.getPerimeterSize(),n=e.getComponents(),r=t.top+t.bottom,i=0,a=0;for(let e=0;e<n.length;e++)if(n[e].isDisplayed()&&(a>0&&(r+=this._spacing),a+=1,r+=this.effectiveHeaderHeight(),e<this._openState.length?this._openState[e]:this.getLayoutConstraints(n[e])?.initiallyOpen??!1)){let t=n[e].getPreferredSize();t&&(r+=t.height,t.width>i&&(i=t.width))}return{width:i+t.left+t.right,height:r}}getMinSize(){let e=this.getContainer();if(!e)return null;let t=e.getPerimeterSize(),n=e.getComponents(),r=t.top+t.bottom,i=0,a=0;for(let e=0;e<n.length;e++)if(n[e].isDisplayed()&&(a>0&&(r+=this._spacing),a+=1,r+=this.effectiveHeaderHeight(),e<this._openState.length?this._openState[e]:this.getLayoutConstraints(n[e])?.initiallyOpen??!1)){let t=n[e].getMinSize();t&&(r+=t.height,t.width>i&&(i=t.width))}return{width:i+t.left+t.right,height:r}}getMaxSize(){return{width:e,height:e}}createSection(e,t){let n=this.getContainer(),i=this.getLayoutConstraints(e),a=i?.label??e.getId(),o=i?.initiallyOpen??!1,s=new k(a,{chevronSide:this._chevronSide,glyph:i?.glyph??void 0,compact:this._compact,chevronGlyph:this._chevronGlyph??void 0});s.setAnimationTiming(this._animationDuration,A),s.setTransition(`none`);let l=s.getTitleButton();l.on(`action`,()=>this.onHeaderClicked(t)),u.addListener(s,`click`,()=>this.onHeaderClicked(t)),u.addListener(l,`keydown`,e=>this.onHeaderKeyDown(e,t)),u.addSubtreeListener(s,`mouseover`,e=>this.onHeaderHoverEnter(t,e)),u.addSubtreeListener(s,`mouseout`,e=>this.onHeaderHoverLeave(t,e));let d=new c;d.setOverflow(`hidden`),d.setContain(`layout paint`),d.setTransition(`none`),r.sink.appendChild(n.getElement(),s.getElement(!0)),r.sink.appendChild(n.getElement(),d.getElement(!0)),r.sink.appendChild(d.getElement(),e.getElement()),e.setTransition(`none`),this._openState.push(o),this._headers.push(s),this._panelWrappers.push(d),s.setExpanded(o),l.getAria().setControls(d.getId()),d.getAria().setRole(`region`),d.getAria().setLabelledBy(l.getId());for(let e of i?.tools??[])s.addTool(e);this._toolsVisibility===`hover`&&s.setToolsRevealed(!1),this.applySectionTheming(t)}computeTotalMinSize(){let e=this.getContainer();if(!e)return{width:0,height:0};let t=0;for(let n of e.getComponents()){if(!n.isDisplayed())continue;let e=n.getMinSize();e&&(t=Math.max(t,e.width))}return{width:t,height:0}}placeSection(e,t,n,r,i,a,o){let s=this._headers[e],c=this._panelWrappers[e],l=this.effectiveHeaderHeight();s.setX(o),s.setY(n),s.setWidth(a),s.setHeight(l),s.doLayout();let u=n+l;return c.setX(o),c.setY(u),c.setWidth(a),c.setHeight(r),t.setX(0),t.setY(0),t.setWidth(a),t.setHeight(i),u+r}doLayout(){let e=this.getContainer();if(!e)return;let t=e.getComponents();for(let e=this._headers.length;e<t.length;e++)this.createSection(t[e],e);this.applyContainerTheming();let n=e.getInnerSize(),r=e.getContentInsets(),i=n?n.width:0;if(this.isOverflowingX()){let e=this.computeTotalMinSize();i=Math.max(i,e.width)}let a=this.computeShrinkRatio(t,n),o=this.computeFill(t,n,a),s=this.computeResizableHeights(t,n,a,o);this.layoutSections(t,i,r.getLeft(),r.getTop(),s!==null,(e,n)=>{if(n)return s?.get(e)??this.openContentHeight(t[e],a)+(o.get(e)??0);let r=t[e].getPreferredSize();return r?r.height:100},!0,!0)}layoutSections(e,t,n,r,i,a,s,c){let l=r,u=0,d=null,f=0,p=0;for(let r=0;r<e.length;r++){let m=e[r],h=this._headers[r],g=this._panelWrappers[r],_=this._openState[r];if(!m.isDisplayed()){h.setDisplayed(!1),g.setDisplayed(!1);continue}h.setDisplayed(!0),g.setDisplayed(!0),u>0&&(l+=this._spacing),u+=1;let v=a(r,_),y=_?v:0;_&&i&&d!==null&&(this.placeGutter(p,f,t,n),this._gutterPairs[p]={upper:d,lower:m},p+=1);let b=m.getHeight(),x=_&&s&&!o.isReducedMotion()&&v<b,S=this.placeSection(r,m,l,y,v,t,n);(c||v!==b)&&(x?o.afterTransition({component:g,property:`height`,durationMs:this._animationDuration,fallbackBufferMs:40,onComplete:()=>m.doLayout()}):m.doLayout()),_&&i&&(d=m,f=S),l=S}this._gutterPairs.length=p;for(let e=p;e<this._resizeGutters.length;e++)this._resizeGutters[e].setVisible(!1)}getOrCreateResizeGutter(e){let t=this._resizeGutters[e];if(t)return t;let n=this.getContainer(),i=new g(`vertical`,{collapsible:!1,expandedBackground:`transparent`});return i.setTransition(`none`),i.on(`dragstart`,t=>this.onGutterDragStart(e,t)),i.on(`drag`,t=>this.onGutterDrag(e,t)),r.sink.appendChild(n.getElement(),i.getElement(!0)),this._resizeGutters.push(i),i}placeGutter(e,t,n,r){let i=this.getOrCreateResizeGutter(e);i.setX(r),i.setY(t-M),i.setWidth(n),i.setHeight(M),i.setVisible(!0)}onGutterDragStart(e,t){let n=this._gutterPairs[e];if(!n)return;let r=this.getContainer()?.getComponents()??[];this._dragOpenIndices=[];for(let e=0;e<r.length;e++)r[e].isDisplayed()&&this._openState[e]&&this._dragOpenIndices.push(e);if(this._dragGutterUpperPos=this._dragOpenIndices.indexOf(r.indexOf(n.upper)),this._dragGutterUpperPos===-1)return;this._dragUpper=n.upper,this._dragLower=n.lower,this._dragLastPointer=t;let i=this.getContainer();i&&(u.addViewportListener(i,`mouseup`,this._boundOnGutterDragEnd),u.addViewportListener(i,`touchend`,this._boundOnGutterDragEnd),u.addViewportListener(i,`touchcancel`,this._boundOnGutterDragEnd))}onGutterDrag(e,t){let n=this._gutterPairs[e],r=this.getContainer();if(!n||n.upper!==this._dragUpper||n.lower!==this._dragLower||!r)return;let i=r.getComponents(),a=this._dragOpenIndices,o=this._dragGutterUpperPos,s=t-this._dragLastPointer,c=a.map(e=>i[e].getHeight()),l=a.map(e=>{let t=i[e].getMinSize();return t?t.height:0}),u=a.map(e=>{let t=i[e].getMaxSize();return t?t.height:1/0}),d=[],f=[];for(let e=o;e>=0;e--)d.push(e);for(let e=o+1;e<a.length;e++)f.push(e);let p=s>=0?d:f,m=s>=0?f:d,h=0,g=0;for(let e of p)h+=Math.max(0,u[e]-c[e]);for(let e of m)g+=Math.max(0,c[e]-l[e]);let _=Math.max(0,Math.min(Math.abs(s),h,g));this._dragLastPointer+=Math.sign(s)*_;let v=c.slice();this.distributeDragChain(p,c,_,1,l,u,v),this.distributeDragChain(m,c,_,-1,l,u,v);let y=new Map;for(let e=0;e<a.length;e++){let t=i[a[e]],n=this._resizePinned.has(t)?1:this._resizeFactor;y.set(a[e],v[e]),this._resizeSizes.set(t,v[e]/n)}let b=r.getContentInsets(),x=this._panelWrappers[a[0]].getWidth();this.layoutSections(i,x,b.getLeft(),b.getTop(),!0,(e,t)=>t?y.get(e)??i[e].getHeight():i[e].getHeight(),!1,!1)}distributeDragChain(e,t,n,r,i,a,o){let room=e=>r>0?Math.max(0,a[e]-t[e]):Math.max(0,t[e]-i[e]),s=n;for(let t of e){if(s<=N)return;let e=Math.min(s,room(t));o[t]+=r*e,s-=e}}onGutterDragEnd(){let e=this._dragUpper!==null,t=this.getContainer();t&&(u.removeViewportListener(t,`mouseup`,this._boundOnGutterDragEnd),u.removeViewportListener(t,`touchend`,this._boundOnGutterDragEnd),u.removeViewportListener(t,`touchcancel`,this._boundOnGutterDragEnd)),this._dragUpper=null,this._dragLower=null,e&&this.emit(`sectionresize`,this.getSectionSizes())}computeShrinkRatio(e,t){if(!t)return 0;let n=0,r=0,i=0,a=0;for(let t=0;t<e.length;t++){if(!e[t].isDisplayed()||(a>0&&(n+=this._spacing),a+=1,n+=this.effectiveHeaderHeight(),!this._openState[t]))continue;let o=e[t].getPreferredSize(),s=e[t].getMinSize();r+=o?o.height:100,i+=s?s.height:0}let o=n+r,s=n+i,c=t.height;if(o<=c||s>c)return 0;let l=o-s;return l>0?(o-c)/l:0}openContentHeight(e,t){let n=e.getPreferredSize(),r=n?n.height:100,i=e.getMinSize(),a=i?i.height:0,o=r-t*(r-a),s=e.getMaxSize(),c=s?Math.min(o,s.height):o;return Math.max(c,a)}computeFill(e,t,n){let r=new Map;if(!t)return r;let i=0,a=0,o=[],s=0;for(let t=0;t<e.length;t++)if(e[t].isDisplayed()&&(a>0&&(i+=this._spacing),a+=1,i+=this.effectiveHeaderHeight(),this._openState[t])){let r=this.openContentHeight(e[t],n);i+=r;let a=this.effectiveWeight(e[t]);a>0&&(o.push({index:t,weight:a,headroom:this.fillHeadroom(e[t],r)}),s+=a)}let c=t.height-i;return c<=0||s<=0?r:this.distributeFillWithinMax(o,c)}effectiveWeight(e){let t=this.getLayoutConstraints(e)?.weight??0;return t>0?t:+!!this._fillHeight}resizePinnedSections(e,t,n){let r=[],i=0,a=0;for(let n of t)this.effectiveWeight(e[n])>0?i+=1:(r.push(n),a+=this.clampSectionHeight(e[n],this._resizeSizes.get(e[n])??0));return i===0||a>n?[]:r}clampSectionHeight(e,n){let r=e.getMinSize(),i=e.getMaxSize();return t.clamp(n,r?r.height:0,i?i.height:1/0)}fillHeadroom(e,t){let n=e.getMaxSize();return n?Math.max(0,n.height-t):1/0}distributeFillWithinMax(e,t){let n=new Map,r=new Set(e),i=t;for(;;){let e=0;for(let t of r)e+=t.weight;if(e<=0)break;let t=i/e,a=!1;for(let e of r)if(e.weight*t>e.headroom){n.set(e.index,e.headroom),i-=e.headroom,r.delete(e),a=!0;break}if(!a){for(let e of r)n.set(e.index,e.weight*t);break}if(r.size===0)break}return n}computeResizableHeights(e,t,n,r){if(!this._resizable||!t)return null;for(let t of[...this._resizeSizes.keys()])e.includes(t)||this._resizeSizes.delete(t);let i=0,a=0,o=[];for(let t=0;t<e.length;t++)e[t].isDisplayed()&&(a>0&&(i+=this._spacing),a+=1,i+=this.effectiveHeaderHeight(),this._openState[t]&&o.push(t));if(o.length===0)return null;let s=t.height-i;this.applyPendingSectionSizes(e,s);for(let t of o){let i=e[t];this._resizeSizes.has(i)||this._resizeSizes.set(i,this.openContentHeight(i,n)+(r.get(t)??0))}return this.distributeWithinConstraints(e,o,s)}applyPendingSectionSizes(e,t){let n=this._pendingSectionSizes;if(n===null||(this._pendingSectionSizes=null,!m(n,this.sectionSizeUnits(e))))return;let r=h(n,t);for(let t=0;t<e.length;t+=1)r[t]>0?this._resizeSizes.set(e[t],r[t]):this._resizeSizes.delete(e[t])}distributeWithinConstraints(e,t,n){let r=new Map,i=new Set(t),a=n,o=1;this._resizePinned.clear();for(let o of this.resizePinnedSections(e,t,n)){let t=this.clampSectionHeight(e[o],this._resizeSizes.get(e[o])??0);r.set(o,t),a-=t,i.delete(o),this._resizePinned.add(e[o])}for(;;){let t=0;for(let n of i)t+=this._resizeSizes.get(e[n])??0;o=t>0?a/t:0;let n=!1;for(let t of i){let s=e[t],c=(this._resizeSizes.get(s)??0)*o,l=s.getMinSize(),u=s.getMaxSize(),d=l?l.height:0,f=u?u.height:1/0;if(c<d){r.set(t,d),a-=d,i.delete(t),n=!0;break}if(c>f){r.set(t,f),a-=f,i.delete(t),n=!0;break}}if(!n){for(let t of i)r.set(t,(this._resizeSizes.get(e[t])??0)*o);break}if(i.size===0)break}return this._resizeFactor=o>0?o:1,r}onHeaderKeyDown(e,t){let n=this._headers.length;if(n===0)return;let r;switch(e.key){case`ArrowDown`:r=(t+1)%n;break;case`ArrowUp`:r=(t-1+n)%n;break;case`Home`:r=0;break;case`End`:r=n-1;break;default:return}e.preventDefault(),this._headers[r].getTitleButton().focus()}onHeaderClicked(e){let t=this._openState[e];if(this._singleOpen&&!t)for(let t=0;t<this._openState.length;t++)t!==e&&this._openState[t]&&(this.primeWrapper(t),this._openState[t]=!1,this._headers[t].setExpanded(!1),this.emit(`sectiontoggle`,t,!1));let n=!t;this.primeWrapper(e),this._openState[e]=n,this._headers[e].setExpanded(n),this.emit(`sectiontoggle`,e,n),this.relayoutHost()}primeWrapper(e){if(o.isReducedMotion())return;let t=this._panelWrappers[e],n=this.getContainer();this.setSectionTransitions(!0),n?.setTransition(`height ${this._animationDuration}ms ${A}`),t.setWillChange(`height`);let i=n?.getElement();i&&r.source.getElementRect(i),this._toggleAnimations+=1,o.afterTransition({component:t,property:`height`,durationMs:this._animationDuration,fallbackBufferMs:40,onComplete:()=>{t.setWillChange(null),--this._toggleAnimations,this._toggleAnimations<=0&&(this._toggleAnimations=0,this.setSectionTransitions(!1),n?.setTransition(null),this.relayoutHost())}})}setSectionTransitions(e){let t=this.getContainer()?.getComponents()??[];for(let n=0;n<this._headers.length;n++)this._headers[n].setTransition(e?this.buildHeaderTransition():`none`),this._panelWrappers[n].setTransition(e?this.buildWrapperTransition():`none`),t[n]?.setTransition(e?this.buildContentTransition():`none`);for(let t of this._resizeGutters)t.setTransition(e?this.buildHeaderTransition():`none`)}buildHeaderTransition(){return`top ${this._animationDuration}ms ${A}`}buildWrapperTransition(){return`height ${this._animationDuration}ms ${A}, top ${this._animationDuration}ms ${A}`}buildContentTransition(){return`height ${this._animationDuration}ms ${A}`}},R=a(Accordion),AccordionConstraints=class extends _{label;initiallyOpen;tools;constructor(e,t,n,r){super(),this.label=e,this.initiallyOpen=t,this.glyph=n??null,this.tools=r}},GridConstraints=class extends _{col;row;rowSpan;colSpan;constructor(){super()}};export{S as a,k as i,AccordionConstraints as n,R as r,GridConstraints as t};
+//# sourceMappingURL=GridConstraints-Q3wvuovN.js.map