@jimka/typescript-ui 0.6.0 → 0.8.0

package/dist/lib/types/layout/LayoutManager.d.ts

@@ -5,6 +5,7 @@ import { Size } from "../primitive/Size.js";
 import { Component } from "../core/Component.js";
 import type { ComponentFactory } from "../core/Component.js";
 import { BaseObject } from "../core/BaseObject.js";
+import { ListenerBag } from "../core/ListenerBag.js";
 export interface LayoutManagerOptions {
 }
 export interface ResolvedPlacement {
@@ -21,11 +22,13 @@ export declare abstract class LayoutManager extends BaseObject {
     private _defaultMinSize;
     private _defaultMaxSize;
     private _overflowing;
+    private readonly _detachCleanups;
     constructor();
     protected applyOptions(_options: LayoutManagerOptions): void;
     addDeferredComponent(_factory: ComponentFactory, _constraints?: LayoutConstraints): boolean;
     attach(container: Component): this;
     detach(): this;
+    protected registerListenerBag<T extends string>(bag: ListenerBag<T>): ListenerBag<T>;
     getContainer(): Component | null;
     getPreferredSize(): Size | null;
     getMinSize(): Size | null;

package/dist/lib/types/layout/Table.d.ts

@@ -6,9 +6,12 @@ declare class Table extends LayoutManager {
     constructor(options?: TableLayoutOptions);
     attach(container: Component): this;
     doLayout(): void;
+    private calculate;
+    private commit;
     private initializeWidths;
     private rescaleWidths;
     private absorbSlackIntoGreedy;
+    private isFixedColumn;
     private clamp;
 }
 declare const TableCallable: import("../core/Callable.js").Callable<typeof Table>;

package/dist/lib/types/overlay/AbstractWindow.d.ts

@@ -4,6 +4,7 @@ import { WindowBorder } from "../component/container/WindowBorder.js";
 import { Event } from "../core/Event.js";
 import { DismissableLayer, LayerDismissMode } from "../core/LayerManager.js";
 import { Container, ContainerOptions } from "../core/Container.js";
+import type { StyleBag } from "../core/ClassStyleRules.js";
 import { Size } from "../primitive/Size.js";
 import type { Rail } from "../overlay/Rail.js";
 export type WindowState = "normal" | "minimized" | "maximized";
@@ -28,6 +29,9 @@ export interface WindowOptions extends ContainerOptions {
     closeable?: boolean;
     minimizable?: boolean;
     maximizable?: boolean;
+    resizable?: boolean;
+    alwaysOnTop?: boolean;
+    locked?: boolean;
     maximizeBounds?: WindowMaximizeBounds;
     windowState?: WindowState;
     snapResizeEnabled?: boolean;
@@ -36,6 +40,7 @@ export interface WindowOptions extends ContainerOptions {
     constrainToViewport?: boolean;
 }
 export declare abstract class AbstractWindow extends Container<WindowOptions> implements DismissableLayer {
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private static openWindows;
     private _borderComponents;
     private _animationFrameId;
@@ -65,8 +70,11 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     private _contentReadyCallback;
     protected _preMinimizeState: "normal" | "maximized";
     private _restoreRect;
+    private _normalMinSize;
     private _bodyHost;
+    private _bodyFadeActive;
     private _rail;
+    private _windowMenu;
     private _windowListeners;
     private _stateAnimHandle;
     private _showAnimation;
@@ -90,6 +98,9 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     private readonly _boundOnSnapBlur;
     private readonly _boundOnBorderResize;
     private readonly _boundOnBringToFront;
+    private readonly _boundToggleMinimize;
+    private readonly _boundToggleMaximize;
+    private readonly _boundRequestClose;
     private readonly _boundOnThemeReflow;
     constructor(options?: WindowOptions, subclassDefaults?: Partial<WindowOptions>);
     protected initChrome(options?: WindowOptions): void;
@@ -98,6 +109,7 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     protected abstract reflectCloseable(value: boolean): void;
     protected abstract reflectMinimizable(value: boolean): void;
     protected abstract reflectMaximizable(value: boolean): void;
+    protected abstract reflectMaximizeAvailability(value: boolean): void;
     protected abstract reflectMaximizeState(state: WindowState): void;
     protected abstract paintActive(active: boolean): void;
     abstract getTitle(): string;
@@ -127,6 +139,7 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     applyRect(rect: WindowRect): this;
     getRestoreRect(): WindowRect | null;
     setWindowState(state: WindowState): this;
+    private restoreNormalMinSize;
     isMaximized(): boolean;
     isMinimized(): boolean;
     toggleMinimize(): void;
@@ -145,6 +158,19 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     isMinimizable(): boolean;
     setMaximizable(value: boolean): this;
     isMaximizable(): boolean;
+    private canResize;
+    private applyResizeBorderVisibility;
+    protected canMaximize(): boolean;
+    private applyMaximizeAvailability;
+    private refreshWindowMenuMaximizeAvailability;
+    setResizable(value: boolean): this;
+    isResizable(): boolean;
+    setLocked(value: boolean): this;
+    isLocked(): boolean;
+    setAlwaysOnTop(value: boolean): this;
+    isAlwaysOnTop(): boolean;
+    private buildWindowMenuItems;
+    protected openWindowMenu(opener: Component): void;
     setMaximizeBounds(value: WindowMaximizeBounds): this;
     getMaximizeBounds(): WindowMaximizeBounds;
     setSnapResizeEnabled(value: boolean): this;
@@ -171,6 +197,7 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     render(): Handle;
     private currentRect;
     protected findBodyHost(): Component | null;
+    private resolveBodyHost;
     private setBodyHostDisplayed;
     private computeMaximizeRect;
     private computeDockRect;
@@ -181,9 +208,18 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     private computeDockSlotIndex;
     private static relayoutMinimizedStack;
     private animateRect;
+    private isLargeRectChange;
+    private fadeRectSwap;
+    private startFadeIn;
+    private beginStateAnimation;
+    private endBodyFade;
+    private commitRect;
+    private tweenRect;
     private attachViewportResizeListener;
     private detachViewportResizeListener;
     private onViewportResize;
+    private fitNormalWindowToViewport;
+    private clampRectToViewport;
     private attachSnapKeyboardListeners;
     private detachSnapKeyboardListeners;
     private attachSnapMouseListeners;

package/dist/lib/types/overlay/ButtonGroup.d.ts

@@ -18,6 +18,7 @@ declare class ButtonGroup {
     constructor(options?: ButtonGroupOptions);
     private updateButtonStates;
     setAllowDeselect(value: boolean): this;
+    dispose(): void;
     on(event: "selection", listener: (button: RadioButton | ToggleButton) => void): this;
     off(event: ButtonGroupEvent, listener: Function): this;
     protected emit(event: "selection", button: RadioButton | ToggleButton): void;

package/dist/lib/types/overlay/Dialog.d.ts

@@ -11,6 +11,7 @@ export interface DialogButtonConfig {
     primary?: boolean;
     glyph?: string;
     tint?: string;
+    onClick?: () => boolean | Promise<boolean>;
 }
 export type DialogSeverity = 'info' | 'success' | 'warning' | 'error';
 export interface DialogConfig {

package/dist/lib/types/overlay/Menu.d.ts

@@ -17,6 +17,7 @@ declare class Menu extends Component implements DismissableLayer {
     private _rebuildOnClose;
     private _currentOpener;
     private _scrollToBottomOnShow;
+    private _disposeOnClose;
     constructor(items?: MenuItemConfig[] | (() => MenuItemConfig[]), onClose?: () => void);
     private layOutColumns;
     show(x: number, y: number, configs: MenuItemConfig[], onClose?: () => void, excludeEl?: Handle | null): this;
@@ -25,6 +26,7 @@ declare class Menu extends Component implements DismissableLayer {
     hide(): this;
     getMenuWidth(): number;
     setMenuWidth(width: number): this;
+    setItemEnabled(index: number, enabled: boolean): this;
     setScrollToBottomOnShow(value: boolean): this;
     open(anchorEl: Handle, parentPanel?: Menu): this;
     close(): this;

package/dist/lib/types/overlay/Notification.d.ts

@@ -15,7 +15,6 @@ export declare class Notification extends Component {
     private static readonly H_PADDING;
     private static readonly V_PADDING;
     private static readonly CLOSE_SIZE;
-    private static readonly BADGE_SIZE;
     private static readonly BADGE_TEXT_GAP;
     private static readonly Z_INDEX;
     private static activeNotifications;

package/dist/lib/types/overlay/PopupPanel.d.ts

@@ -2,9 +2,11 @@ import { AnimatedDropdown, AnimatedDropdownOptions } from "../core/AnimatedDropd
 import type { Handle, Rect } from "../core/DOM.js";
 import { AnchoredFlexiblePlacement } from "../core/OverlayPosition.js";
 import type { Size } from "../primitive/Size.js";
+import type { StyleBag } from "../core/ClassStyleRules.js";
 export interface PopupPanelOptions extends AnimatedDropdownOptions {
 }
 declare class PopupPanel<TOptions extends PopupPanelOptions = PopupPanelOptions> extends AnimatedDropdown<TOptions> {
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private _currentOpener;
     constructor(options?: PopupPanelOptions, subclassDefaults?: Partial<PopupPanelOptions>);
     showAt(anchorRect: Rect): this;

package/dist/lib/types/overlay/RailHandle.d.ts

@@ -1,13 +1,12 @@
+import type { StyleBag, StyleStateSpec } from "../core/ClassStyleRules.js";
 import { Button, ButtonOptions } from "../component/button/Button.js";
 export interface RailHandleOptions extends ButtonOptions {
     selected?: boolean;
 }
 declare class RailHandle extends Button<RailHandleOptions> {
-    private _selectedRule?;
-    private get selectedRule();
-    private _railHoverRule?;
-    private get railHoverRule();
-    constructor(options?: RailHandleOptions);
+    protected static readonly ownClassStyleDefaults: StyleBag;
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
+    constructor(options?: RailHandleOptions, subclassDefaults?: Partial<ButtonOptions>);
     protected applyOptions(options: RailHandleOptions): this;
     isSelected(): boolean;
     setSelected(value: boolean): this;

package/dist/lib/types/overlay/TabWindow.d.ts

@@ -6,14 +6,17 @@ declare class TabWindow extends AbstractWindow {
     private _minTool;
     private _maxTool;
     private _leadGlyphBtn;
+    private readonly _boundOnLeadGlyphAction;
     constructor(options?: WindowOptions);
     createTab(content: Component): this;
     setGlyph(glyph: string): this;
     protected wireMoveTrigger(): void;
     private onBarDoubleClick;
+    private onLeadGlyphAction;
     protected reflectCloseable(value: boolean): void;
     protected reflectMinimizable(value: boolean): void;
     protected reflectMaximizable(value: boolean): void;
+    protected reflectMaximizeAvailability(value: boolean): void;
     protected reflectMaximizeState(_state: WindowState): void;
     protected paintActive(active: boolean): void;
     private setControlsActive;

package/dist/lib/types/overlay/Tooltip.d.ts

@@ -13,6 +13,7 @@ export declare class Tooltip extends Component {
     private static attachments;
     private static elementAttachments;
     private static activeElement;
+    private static teardownWired;
     private static watching;
     private static readonly _onAnchorWatch;
     private static dismissing;

package/dist/lib/types/overlay/Window.d.ts

@@ -8,6 +8,7 @@ declare class Window extends AbstractWindow {
     private _headerDragComponentId;
     private readonly _boundCaptureHeaderShift;
     private readonly _boundOnHeaderMouseDown;
+    private readonly _boundOnTitleGlyphClick;
     constructor(headerText: string, options?: WindowOptions);
     getHeader(): WindowHeader;
     setHeaderText(text: string): this;
@@ -16,6 +17,7 @@ declare class Window extends AbstractWindow {
     protected reflectCloseable(value: boolean): void;
     protected reflectMinimizable(value: boolean): void;
     protected reflectMaximizable(value: boolean): void;
+    protected reflectMaximizeAvailability(value: boolean): void;
     protected reflectMaximizeState(state: WindowState): void;
     protected paintActive(active: boolean): void;
     getTitle(): string;
@@ -25,7 +27,8 @@ declare class Window extends AbstractWindow {
     isChromeComponent(child: Component): boolean;
     private onHeaderMouseDown;
     private onHeaderDoubleClick;
-    private targetIsInTrailingButton;
+    private targetIsInHeaderControl;
+    private onTitleGlyphClick;
     private captureHeaderShift;
     private buildHeaderDragData;
     private onHeaderDragStart;

package/dist/lib/validation.es.js

@@ -1 +1 @@
-import{t as e}from"./FieldDecorator-BlYMfZ9L.js";export{e as FieldDecorator};
+import{t as e}from"./FieldDecorator-37IgKHHm.js";export{e as FieldDecorator};

package/llms.txt

@@ -94,6 +94,8 @@ Organized by task. Columns: task → symbol · import subpath · summary · docs
 - Hover tooltip → **Tooltip** · `@jimka/typescript-ui/overlay` · A singleton floating tooltip that appears near the cursor after a short delay. · docs/components/Tooltip.md
 - Transient toast notification → **Notification** · `@jimka/typescript-ui/overlay` · A lightweight toast-style notification that appears in the bottom-right corner of the viewport and auto-dismisses after a configurable dura… · docs/components/Notification.md
 - Browse / re-open past notifications → **NotificationHistoryButton** · `@jimka/typescript-ui/overlay` · A trigger button that opens a menu of recent notifications. The menu lists the in-session Notification history in chronological order (late… · docs/components/NotificationHistoryButton.md
+- Live runtime diagnostics window (FPS, heap, components, layout, listeners, CSS rules) → **DiagnosticsOverlay** · `@jimka/typescript-ui/diagnostics` · A floating window showing live runtime diagnostics: browser-level numbers (FPS, JS heap, DOM node count, long tasks) beside framework-inter… · docs/components/DiagnosticsOverlay.md
+- Stylesheet duplicate-rule audit window (per-instance rule dedup by wasted bytes) → **StyleAuditOverlay** · `@jimka/typescript-ui/diagnostics` · A floating window showing the stylesheet-dedup audit — the same view embedded in the demo app's own "Style Audit" tab, opened alongside Dia… · docs/components/StyleAuditOverlay.md
 
 ### Data layer
 - In-memory record collection backing a table/list → **Store** · `@jimka/typescript-ui/data` · A general-purpose concrete store that pairs a Model with an optional Proxy. Use this class when you do not need a dedicated store subclass. · docs/data/store.md

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jimka/typescript-ui",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "A web-based layout manager and UI component framework written in TypeScript.",
   "keywords": ["ui", "ui-components", "typescript", "layout", "layout-manager", "widgets", "framework", "dock", "data-table", "retained-mode"],
   "author": "Jimmy Karlsson",
@@ -45,6 +45,10 @@
       "import": "./dist/lib/router.es.js",
       "types": "./dist/lib/types/router/index.d.ts"
     },
+    "./diagnostics": {
+      "import": "./dist/lib/diagnostics.es.js",
+      "types": "./dist/lib/types/diagnostics/index.d.ts"
+    },
     "./component/input": {
       "import": "./dist/lib/component/input.es.js",
       "types": "./dist/lib/types/component/input/index.d.ts"

package/dist/lib/AbstractInput-sRNPzWel.js

@@ -1,2 +0,0 @@
-import{t as e}from"./Component-B0ShfPVi.js";import{t}from"./ListenerBag-WPdKuuds.js";var AbstractInput=class extends e{_listeners=new t;constructor(e,t){super(e,t),this.applyListeners(e?.listeners)}isEnabled(){return this._options.enabled??!0}setEnabled(e){return this._options.enabled=!!e,this.applyEnabled(this._options.enabled),this}isReadOnly(){return this._options.readOnly??!1}setReadOnly(e){return this._options.readOnly=!!e,this.applyReadOnly(this._options.readOnly),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)}notifyChange(e){this.emit(`change`,e),this.emit(`binding`)}applyOptions(e){return super.applyOptions(e),e.enabled!==void 0&&(this._options.enabled=e.enabled),e.readOnly!==void 0&&(this._options.readOnly=e.readOnly),this}};export{AbstractInput as t};
-//# sourceMappingURL=AbstractInput-sRNPzWel.js.map

package/dist/lib/AbstractInput-sRNPzWel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AbstractInput-sRNPzWel.js","names":[],"sources":["../../src/typescript/lib/component/input/AbstractInput.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Component, ComponentOptions } from \"~/core/Component.js\";\nimport { Bindable } from \"~/core/Bindable.js\";\nimport { ListenerBag } from \"~/core/ListenerBag.js\";\n\n/**\n * String-literal union of the events emitted by every {@link AbstractInput}\n * subclass.\n *\n * @category Components\n */\nexport type AbstractInputEvent = \"change\" | \"binding\";\n\n/**\n * Construction-time options for {@link AbstractInput}. Extended by every\n * value-bearing input control so the `enabled` / `readOnly` flags share a\n * single options surface.\n *\n * @category Components\n */\nexport interface AbstractInputOptions extends ComponentOptions {\n    enabled?:  boolean;\n    readOnly?: boolean;\n    /**\n     * Construction-time listener bag — the declarative form of `on()`. Each\n     * entry is wired as if `on(event, fn)` had been called. Concrete subclasses\n     * that expose `on(\"action\", …)` widen this with their own `action?` key.\n     */\n    listeners?: {\n        change?:  (value: any) => void;\n        binding?: () => void;\n    };\n}\n\n/**\n * Abstract base for every value-bearing input control in the framework.\n *\n * Owns the [`Bindable`](/api/core/interfaces/Bindable) value contract, the\n * change/binding listener bookkeeping, and the cached `_options.enabled` /\n * `_options.readOnly` state. Concrete subclasses own their value storage\n * and implement the `applyEnabled` / `applyReadOnly` hooks for their own\n * visual + ARIA wiring.\n *\n * Not wrapped with `callable()` — abstract classes are never instantiated;\n * the [ARCHITECTURE.md](/ARCHITECTURE.md) rule about callable-wrapping\n * applies only to concrete component subclasses.\n *\n * @category Components\n */\nabstract class AbstractInput<\n    TValue,\n    TOptions extends AbstractInputOptions = AbstractInputOptions\n>\n    extends Component<TOptions>\n    implements Bindable<TValue>\n{\n    private _listeners: ListenerBag<AbstractInputEvent> = new ListenerBag<AbstractInputEvent>();\n\n    /**\n     * @param options - Caller-supplied options bag.\n     * @param subclassDefaults - Per-subclass default bag layered over this\n     *   class's defaults; forwarded to `Component` so the cascade can merge\n     *   it before dispatching setters.\n     */\n    constructor(options?: TOptions, subclassDefaults?: Partial<TOptions>) {\n        super(options, subclassDefaults);\n\n        // Listener wiring runs here — NOT inside `applyOptions` — because\n        // Component's constructor calls `applyOptions` from inside super(),\n        // before the class-field `_listeners` initializer has run. Wiring\n        // after super() guarantees `_listeners` exists. A subclass that adds\n        // `action` to its bag is wired by this same call (it iterates every\n        // key), so leaves must not call `applyListeners` again.\n        this.applyListeners(options?.listeners);\n    }\n\n    /**\n     * Returns the current value. Concrete subclasses define the storage —\n     * `Checkbox` aliases `isSelected`, `Slider` reads `_options.value`,\n     * picker fields keep a private `_value` outside the options bag.\n     *\n     * @returns The current value.\n     */\n    abstract getValue(): TValue;\n\n    /**\n     * Sets the current value. Concrete subclasses implement the storage\n     * write, normalisation, and any listener-firing for user-driven\n     * commits.\n     *\n     * @param value - The new value.\n     *\n     * @returns This component, for method chaining.\n     */\n    abstract setValue(value: TValue): this;\n\n    /**\n     * Returns whether the control is enabled.\n     *\n     * @returns `true` when enabled (defaults to `true` when unset).\n     */\n    isEnabled(): boolean {\n        return this._options.enabled ?? true;\n    }\n\n    /**\n     * Enables or disables the control. Dispatches `applyEnabled` so the\n     * subclass can reflect the state in its visuals + ARIA tree.\n     *\n     * @param value - `true` to enable, `false` to disable.\n     *\n     * @returns This component, for method chaining.\n     */\n    setEnabled(value: boolean): this {\n        this._options.enabled = !!value;\n        this.applyEnabled(this._options.enabled);\n\n        return this;\n    }\n\n    /**\n     * Returns whether the control is read-only.\n     *\n     * @returns `true` when read-only (defaults to `false` when unset).\n     */\n    isReadOnly(): boolean {\n        return this._options.readOnly ?? false;\n    }\n\n    /**\n     * Marks the control as read-only. Dispatches `applyReadOnly` so the\n     * subclass can reflect the state in its visuals + ARIA tree.\n     *\n     * @param value - `true` to mark read-only.\n     *\n     * @returns This component, for method chaining.\n     */\n    setReadOnly(value: boolean): this {\n        this._options.readOnly = !!value;\n        this.applyReadOnly(this._options.readOnly);\n\n        return this;\n    }\n\n    /**\n     * Registers a listener for one of this input's events.\n     *\n     * @param event - `\"change\"` fires on every committed value change with\n     *   the new value; `\"binding\"` fires on every user-driven change with\n     *   no arguments (consumed by [`Binding`](/api/core/classes/Binding)).\n     * @param listener - The callback to invoke when the event fires.\n     *\n     * @returns This component, for method chaining.\n     */\n    on(event: \"change\",  listener: (value: TValue) => void): this;\n    on(event: \"binding\", listener: () => void): this;\n    on(event: AbstractInputEvent, listener: Function): this {\n        this._listeners.add(event, listener);\n\n        return this;\n    }\n\n    /**\n     * Removes a previously registered listener. The exact callback\n     * reference must match.\n     *\n     * @param event - The event the listener was registered for.\n     * @param listener - The callback to remove.\n     *\n     * @returns This component, for method chaining.\n     */\n    off(event: AbstractInputEvent, listener: Function): this {\n        this._listeners.remove(event, listener);\n\n        return this;\n    }\n\n    /**\n     * Fires every registered listener for `event` with `payload`, in\n     * registration order. Subclasses call this after committing a\n     * user-driven value change.\n     *\n     * @param event - The event to emit.\n     * @param payload - Forwarded to each listener.\n     */\n    protected emit(event: \"change\",  value: TValue): void;\n    protected emit(event: \"binding\"): void;\n    protected emit(event: AbstractInputEvent, ...payload: unknown[]): void {\n        this._listeners.fire(event, ...payload);\n    }\n\n    /**\n     * Fires `\"change\"` listeners with `value` and `\"binding\"` listeners\n     * with no arguments. Subclasses call this after committing a\n     * user-driven value change.\n     *\n     * @param value - The newly committed value.\n     */\n    protected notifyChange(value: TValue): void {\n        this.emit(\"change\", value);\n        this.emit(\"binding\");\n    }\n\n    /**\n     * Subclass hook: reflect the enabled state in visuals + ARIA. Called\n     * from {@link setEnabled} after the cached state is updated.\n     *\n     * @param value - The new enabled state.\n     */\n    protected abstract applyEnabled(value: boolean): void;\n\n    /**\n     * Subclass hook: reflect the read-only state in visuals + ARIA. Called\n     * from {@link setReadOnly} after the cached state is updated.\n     *\n     * @param value - The new read-only state.\n     */\n    protected abstract applyReadOnly(value: boolean): void;\n\n    /**\n     * Applies an {@link AbstractInputOptions} bag, caching the `enabled` /\n     * `readOnly` flags on `_options`. The setters are intentionally NOT\n     * dispatched here: subclasses build their children after `super()`\n     * returns and dispatch `applyEnabled` / `applyReadOnly` themselves from\n     * the constructor tail once those children exist (otherwise the abstract\n     * `applyX` hooks would fire against half-built state).\n     *\n     * @param options - The options bag carrying the values to apply.\n     *\n     * @returns This component, for method chaining.\n     */\n    protected applyOptions(options: TOptions): this {\n        super.applyOptions(options);\n\n        if (options.enabled  !== undefined) this._options.enabled  = options.enabled;\n        if (options.readOnly !== undefined) this._options.readOnly = options.readOnly;\n\n        return this;\n    }\n}\n\nexport { AbstractInput };\n"],"mappings":"qFAkDA,IAAe,cAAf,cAIY,CAEZ,CACI,WAAsD,IAAI,EAQ1D,YAAY,EAAoB,EAAsC,CAClE,MAAM,EAAS,CAAgB,EAQ/B,KAAK,eAAe,GAAS,SAAS,CAC1C,CA2BA,WAAqB,CACjB,OAAO,KAAK,SAAS,SAAW,EACpC,CAUA,WAAW,EAAsB,CAI7B,MAHA,MAAK,SAAS,QAAU,CAAC,CAAC,EAC1B,KAAK,aAAa,KAAK,SAAS,OAAO,EAEhC,IACX,CAOA,YAAsB,CAClB,OAAO,KAAK,SAAS,UAAY,EACrC,CAUA,YAAY,EAAsB,CAI9B,MAHA,MAAK,SAAS,SAAW,CAAC,CAAC,EAC3B,KAAK,cAAc,KAAK,SAAS,QAAQ,EAElC,IACX,CAcA,GAAG,EAA2B,EAA0B,CAGpD,OAFA,KAAK,WAAW,IAAI,EAAO,CAAQ,EAE5B,IACX,CAWA,IAAI,EAA2B,EAA0B,CAGrD,OAFA,KAAK,WAAW,OAAO,EAAO,CAAQ,EAE/B,IACX,CAYA,KAAe,EAA2B,GAAG,EAA0B,CACnE,KAAK,WAAW,KAAK,EAAO,GAAG,CAAO,CAC1C,CASA,aAAuB,EAAqB,CACxC,KAAK,KAAK,SAAU,CAAK,EACzB,KAAK,KAAK,SAAS,CACvB,CA8BA,aAAuB,EAAyB,CAM5C,OALA,MAAM,aAAa,CAAO,EAEtB,EAAQ,UAAa,IAAA,KAAW,KAAK,SAAS,QAAW,EAAQ,SACjE,EAAQ,WAAa,IAAA,KAAW,KAAK,SAAS,SAAW,EAAQ,UAE9D,IACX,CACJ"}

package/dist/lib/AnimatedDropdown-H3Rh-YMZ.js

@@ -1,2 +0,0 @@
-import{t as e}from"./DOM-C-Edb3tA.js";import{t}from"./Position-BwtxouxK.js";import{h as n,t as r,v as i}from"./Component-B0ShfPVi.js";import{a,n as o}from"./Tooltip-CUOJOqQi.js";var s={visible:!1,animated:!0,durationMs:120,translatePx:4},AnimatedDropdown=class extends r{_dismissing=!1;_open=!1;_closeHandler=null;_anchorElement=null;_showAnimation=null;_hideAnimation=null;constructor(e,n){super(e,{...s,...n??{}}),this.setPosition(t.FIXED)}applyOptions(e){return super.applyOptions(e),this.setAnimated(e.animated??this.isAnimated()),this.setDurationMs(e.durationMs??this.getDurationMs()),this.setTranslatePx(e.translatePx??this.getTranslatePx()),this}setAnimated(e){return this._options.animated=e,this}isAnimated(){return this._options.animated??this._defaultOptions.animated}setDurationMs(e){return this._options.durationMs=e,this}getDurationMs(){return this._options.durationMs??this._defaultOptions.durationMs}setTranslatePx(e){return this._options.translatePx=e,this}getTranslatePx(){return this._options.translatePx??this._defaultOptions.translatePx}showAnimated(){a.register(this),this.setZIndex(a.getZIndex(this)),this._dismissing=!1,this._open=!0;let e=this.getElement(!0);return a.mount(e),this.setVisible(!0),this.isAnimated()?(this.setWillChange(`opacity, transform`),this._showAnimation?.cancel(),this._showAnimation=i.play(e,{from:{opacity:`0`,transform:`translateY(-${this.getTranslatePx()}px)`},to:{opacity:`1`,transform:`translateY(0)`},durationMs:this.getDurationMs(),properties:[`opacity`,`transform`],onComplete:()=>{this.setWillChange(null),this.onShowComplete()}}),this):(this.onShowComplete(),this)}hideAnimated(){this._open=!1;let e=this.getElement(),finalize=()=>{this.setVisible(!1),this.removeElement(),a.unregister(this),this.onHideComplete()};return!e||!this.isAnimated()?(finalize(),this):(this._dismissing=!0,this.setWillChange(`opacity, transform`),this._hideAnimation?.cancel(),this._hideAnimation=i.play(e,{to:{opacity:`0`,transform:`translateY(-${this.getTranslatePx()}px)`},durationMs:this.getDurationMs(),properties:[`opacity`,`transform`],onComplete:()=>{if(!this._dismissing){this.setWillChange(null);return}this._dismissing=!1,this.setWillChange(null),finalize()}}),this)}onZIndexChanged(e){this.setZIndex(e)}isOpen(){return this._open}handleKey(e){return!1}placeAnchored(t){let n={width:this.getWidth(),height:this.getHeight()},r=e.source.getViewportSize(),{x:i,y:a}=o(t,n,r,{axis:`vertical`});return this.setX(i),this.setY(a),this}onShowComplete(){}onHideComplete(){}destructor(){this._showAnimation?.cancel(),this._showAnimation=null,this._hideAnimation?.cancel(),this._hideAnimation=null,a.unregister(this),super.destructor()}getLayerElement(){return this.getElement()??null}getDismissMode(){return`click-outside`}requestClose(){if(this._closeHandler){this._closeHandler();return}this.hideAnimated()}getAnchorElement(){return this._anchorElement}getBand(){return a.Band.Dropdown}setCloseHandler(e){return this._closeHandler=e,this}setAnchorElement(e){return this._anchorElement=e,this}},c=n(AnimatedDropdown);export{c as t};
-//# sourceMappingURL=AnimatedDropdown-H3Rh-YMZ.js.map

package/dist/lib/AnimatedDropdown-H3Rh-YMZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnimatedDropdown-H3Rh-YMZ.js","names":[],"sources":["../../src/typescript/lib/core/AnimatedDropdown.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Component, ComponentOptions } from \"~/core/Component.js\";\nimport { Animation } from \"~/core/Animation.js\";\nimport { Position } from \"~/primitive/Position.js\";\nimport { LayerManager, DismissableLayer, LayerDismissMode } from \"~/core/LayerManager.js\";\nimport { positionAnchored } from \"~/core/OverlayPosition.js\";\nimport { DEFAULT_DURATION_MS, DEFAULT_TRANSLATE_PX } from \"~/core/OverlayFade.js\";\nimport { callable } from \"~/core/Callable.js\";\nimport { DOM, type Rect, type Handle } from \"~/core/DOM.js\";\n\n/**\n * Construction-time options for {@link AnimatedDropdown}.\n *\n * @category Core\n */\nexport interface AnimatedDropdownOptions extends ComponentOptions {\n    /** When false, `showAnimated` / `hideAnimated` skip the transition. Default: true. */\n    animated?:    boolean;\n    /** Fade duration in milliseconds. Default: 120. */\n    durationMs?:  number;\n    /** Vertical translation distance in pixels for the entrance. Default: 4. */\n    translatePx?: number;\n}\n\n/**\n * User-overridable visual defaults forwarded to `super` via the options bag.\n * These are a pure fallback: a caller value wins, otherwise the getters\n * (`isVisible`, `isAnimated`, `getDurationMs`, `getTranslatePx`) resolve the\n * default — `visible: false` is folded by `Component.isVisible`, the rest are\n * dispatched from `applyOptions` as `options.X ?? this.getX()`.\n */\nconst _defaultAnimatedDropdownOptions: Partial<AnimatedDropdownOptions> = {\n    visible:     false,\n    animated:    true,\n    durationMs:  DEFAULT_DURATION_MS,\n    translatePx: DEFAULT_TRANSLATE_PX,\n};\n\n/**\n * Floating panel that fades in on `showAnimated` and fades out + detaches on\n * `hideAnimated`. Subclasses (e.g. picker dropdowns for `ComboBox`, `DateField`,\n * `TimeField`, `DateTimeField`) own the panel's interactive content; this base\n * class owns only the open/close lifecycle, the `opacity + translateY`\n * transition, the dismissing-flag re-entrancy guard, and the `will-change`\n * pre-promotion.\n *\n * Positioning math (anchor rect, viewport clamping, flip-above-anchor) lives\n * in the host component or in a subclass — `AnimatedDropdown` does not\n * presume anything about where it should appear.\n *\n * ## Pointer-down contract for hosts mounted under a re-used input element\n *\n * Hosts that compose this dropdown alongside a focusable element whose `blur`\n * commits state (e.g. [`CellEditorPool`](/api/component/table/classes/CellEditorPool)'s pooled editors) must call\n * `event.preventDefault()` on **`pointerdown`** inside the dropdown so the\n * host element keeps focus while the dropdown's selection callback runs. The\n * callback then explicitly drives commit. If the dropdown does not suppress\n * the blur, the editor's blur listener fires first, commits the stale value,\n * and the dropdown's later write goes to a no-longer-active editor.\n *\n * @category Core\n */\nclass AnimatedDropdown<TOptions extends AnimatedDropdownOptions = AnimatedDropdownOptions> extends Component<TOptions> implements DismissableLayer {\n\n    // Set true while a fade-out is in flight; reset to false either when the\n    // fade completes (so the deferred detach runs) or when a fresh `showAnimated`\n    // re-displays the dropdown mid-fade (the deferred detach skips because the\n    // dropdown is back on screen).\n    private _dismissing:  boolean = false;\n    private _open:        boolean = false;\n\n    // Host-supplied close thunk invoked from `requestClose` instead of the\n    // bare `hideAnimated`, so the host (a picker field, a ComboBox) can run\n    // its own teardown (caret rotation, aria-expanded, commit) when the\n    // manager dismisses the layer on an outside click. Null until a host\n    // opts into the `\"click-outside\"` dismiss path.\n    private _closeHandler: (() => void) | null = null;\n\n    // Anchor element (the trigger) excluded from the manager's outside-click\n    // test so the click that toggles the dropdown does not immediately\n    // re-close it. Null for dropdowns whose host owns the toggle gating.\n    private _anchorElement: Handle | null = null;\n\n    // In-flight entrance / exit fades, cancelled on teardown so their fallback\n    // timers cannot fire against this dropdown's released element handle.\n    private _showAnimation: Animation.CancelHandle | null = null;\n    private _hideAnimation: Animation.CancelHandle | null = null;\n\n    /**\n     * @param options - Optional construction-time options.\n     * @param subclassDefaults - Per-subclass default bag layered over this\n     *   class's defaults. Subclasses-of-subclasses forward their own defaults\n     *   here so the deepest class's values win.\n     */\n    constructor(options?: AnimatedDropdownOptions, subclassDefaults?: Partial<AnimatedDropdownOptions>) {\n        super(\n            options as TOptions,\n            { ..._defaultAnimatedDropdownOptions, ...(subclassDefaults ?? {}) } as Partial<TOptions>,\n        );\n\n        // Floating overlays anchor to the viewport, not to a layout-managed\n        // ancestor — `Position.FIXED` is the documented exception to the\n        // framework's \"every component is absolute\" rule. See\n        // ARCHITECTURE.md §Positioning.\n        this.setPosition(Position.FIXED);\n    }\n\n    /**\n     * Applies an {@link AnimatedDropdownOptions} bag, dispatching dropdown-specific\n     * fields after inherited Component fields.\n     *\n     * @param options - The options bag carrying the values to apply.\n     */\n    protected applyOptions(options: TOptions): this {\n        super.applyOptions(options);\n\n        // These carry a class default and seed construction-time state, so\n        // always dispatch the caller value or the class default.\n        this.setAnimated(options.animated ?? this.isAnimated());\n        this.setDurationMs(options.durationMs ?? this.getDurationMs());\n        this.setTranslatePx(options.translatePx ?? this.getTranslatePx());\n\n        return this;\n    }\n\n    /**\n     * Enables or disables the fade transition. When false, `showAnimated` /\n     * `hideAnimated` apply visibility synchronously.\n     *\n     * @param value - true to enable the fade; false for instant show/hide.\n     */\n    setAnimated(value: boolean): this {\n        this._options.animated = value;\n\n        return this;\n    }\n\n    /**\n     * Returns whether the fade transition is enabled.\n     *\n     * @returns true when the fade transition runs on show/hide.\n     */\n    isAnimated(): boolean {\n        return this._options.animated ?? this._defaultOptions.animated!;\n    }\n\n    /**\n     * Sets the fade duration in milliseconds.\n     *\n     * @param ms - Duration in milliseconds.\n     */\n    setDurationMs(ms: number): this {\n        this._options.durationMs = ms;\n\n        return this;\n    }\n\n    /**\n     * Returns the configured fade duration in milliseconds.\n     *\n     * @returns The duration in milliseconds.\n     */\n    getDurationMs(): number {\n        return this._options.durationMs ?? this._defaultOptions.durationMs!;\n    }\n\n    /**\n     * Sets the entrance vertical-offset distance in pixels.\n     *\n     * @param px - Translation distance in pixels.\n     */\n    setTranslatePx(px: number): this {\n        this._options.translatePx = px;\n\n        return this;\n    }\n\n    /**\n     * Returns the configured entrance vertical-offset distance.\n     *\n     * @returns The translation distance in pixels.\n     */\n    getTranslatePx(): number {\n        return this._options.translatePx ?? this._defaultOptions.translatePx!;\n    }\n\n    /**\n     * Mounts the dropdown on `document.documentElement` (if not already mounted)\n     * and plays the entrance fade. Cancels any in-flight fade-out so a fresh\n     * show mid-dismiss keeps the panel on screen.\n     */\n    showAnimated(): this {\n        // Register on the central layer tree. `LayerManager.register` is a\n        // no-op when this layer is already registered (a `_dismissing`-\n        // cancelled mid-fade re-show), so the tree never double-pushes.\n        LayerManager.register(this);\n\n        // Mirror the manager's band-based z-stamp onto the element so the\n        // dropdown lands above its opener (which registered earlier).\n        this.setZIndex(LayerManager.getZIndex(this));\n\n        this._dismissing = false;\n        this._open       = true;\n\n        const el = this.getElement(true)!;\n\n        LayerManager.mount(el);\n\n        this.setVisible(true);\n\n        if (!this.isAnimated()) {\n            this.onShowComplete();\n            return this;\n        }\n\n        this.setWillChange(\"opacity, transform\");\n\n        this._showAnimation?.cancel();\n        this._showAnimation = Animation.play(el, {\n            from:       { opacity: \"0\", transform: `translateY(-${this.getTranslatePx()}px)` },\n            to:         { opacity: \"1\", transform: \"translateY(0)\" },\n            durationMs: this.getDurationMs(),\n            properties: [\"opacity\", \"transform\"],\n            onComplete: () => {\n                this.setWillChange(null);\n                this.onShowComplete();\n            },\n        });\n\n        return this;\n    }\n\n    /**\n     * Plays the exit fade, then hides and detaches the dropdown when the\n     * transition completes. A fresh `showAnimated` during the fade cancels the\n     * deferred detach by flipping the `_dismissing` flag, so the panel stays\n     * mounted.\n     */\n    hideAnimated(): this {\n        this._open = false;\n\n        const el = this.getElement();\n        const finalize = (): void => {\n            this.setVisible(false);\n            this.removeElement();\n\n            // Pop from the central layer tree. `onHideComplete` runs after\n            // this so a subclass override sees the layer as already-closed.\n            LayerManager.unregister(this);\n\n            this.onHideComplete();\n        };\n\n        if (!el || !this.isAnimated()) {\n            finalize();\n            return this;\n        }\n\n        this._dismissing = true;\n        this.setWillChange(\"opacity, transform\");\n\n        this._hideAnimation?.cancel();\n        this._hideAnimation = Animation.play(el, {\n            to:         { opacity: \"0\", transform: `translateY(-${this.getTranslatePx()}px)` },\n            durationMs: this.getDurationMs(),\n            properties: [\"opacity\", \"transform\"],\n            onComplete: () => {\n                if (!this._dismissing) {\n                    this.setWillChange(null);\n                    return;\n                }\n                this._dismissing = false;\n                this.setWillChange(null);\n                finalize();\n            },\n        });\n\n        return this;\n    }\n\n    /**\n     * Mirrors a manager-allocated z-index onto the element when the dropdown —\n     * or the window / surface it was opened inside — is raised via\n     * {@link LayerManager.bringToFront}. Without this, the dropdown reads its\n     * z once in {@link showAnimated} and never updates; raising its host window\n     * (a `mousedown` brings the window to front) would then re-stamp the host\n     * above the dropdown's stale z, hiding the open panel — and its fade-out —\n     * behind the window.\n     *\n     * @param zIndex - The fresh z-index assigned by the manager.\n     */\n    onZIndexChanged(zIndex: number): void {\n        this.setZIndex(zIndex);\n    }\n\n    /**\n     * Returns whether the dropdown is currently open (showing or fading in).\n     *\n     * @returns true when the dropdown is open.\n     */\n    isOpen(): boolean {\n        return this._open;\n    }\n\n    /**\n     * Subclass hook: handle a keystroke arriving via the host input's `keydown`\n     * listener while the dropdown is open. Subclasses with a navigation surface\n     * (e.g. [`DatePickerDropdown`](/api/component/input/classes/DatePickerDropdown))\n     * override to consume arrows / Page / Home / End / type-ahead. The base\n     * implementation returns `false` so plain dropdowns without keyboard\n     * semantics let the host input's contract run.\n     *\n     * @param _e - The keyboard event forwarded from the host input.\n     * @returns True when the dropdown consumed the keystroke (caller should `preventDefault`).\n     */\n    handleKey(_e: KeyboardEvent): boolean {\n        return false;\n    }\n\n    /**\n     * Places the dropdown relative to an anchor rect at its current\n     * width/height. Picks the better of \"below\" or \"above\" the anchor\n     * vertically (more available space wins when neither side fully fits).\n     * Horizontally the panel left-aligns to the anchor, flipping to\n     * right-align with the anchor's right edge when the left alignment\n     * would overflow the viewport, and clamping only when neither alignment\n     * fits.\n     *\n     * Callers set `setWidth`/`setHeight` first, then invoke this helper.\n     *\n     * @param rect - The anchor element's bounding rect (typically from\n     *   `DOM.source.getElementRect(anchorEl)`).\n     */\n    placeAnchored(rect: Rect): this {\n        const size = { width: this.getWidth(), height: this.getHeight() };\n        const vp   = DOM.source.getViewportSize();\n\n        // Vertical growth: prefer below, flip above when below overflows and\n        // above has room. Horizontally: align to the anchor's left, flip to\n        // its right when that overflows, clamp only as a last resort. The\n        // flip/align/clamp geometry lives in the shared pure primitive.\n        const { x, y } = positionAnchored(rect, size, vp, { axis: \"vertical\" });\n\n        this.setX(x);\n        this.setY(y);\n\n        return this;\n    }\n\n    /**\n     * Hook invoked after the entrance fade completes (or immediately when\n     * animation is disabled). Override to wire post-show state.\n     */\n    protected onShowComplete(): void {\n        // default: no-op\n    }\n\n    /**\n     * Hook invoked after the exit fade completes (or immediately when\n     * animation is disabled). Override to wire post-hide cleanup.\n     */\n    protected onHideComplete(): void {\n        // default: no-op\n    }\n\n    /**\n     * Cancels any in-flight entrance / exit fade, then defers to the base\n     * class. Cancelling first keeps the fade's fallback timer from firing after\n     * `super.destructor()` has released this dropdown's element handle.\n     */\n    protected destructor(): void {\n        this._showAnimation?.cancel();\n        this._showAnimation = null;\n        this._hideAnimation?.cancel();\n        this._hideAnimation = null;\n\n        // `hideAnimated`'s completion callback is the only place the dropdown\n        // leaves the layer tree, and cancelling above suppressed it. A layer\n        // left registered is walked on the next document pointerdown, where the\n        // containment test resolves the element handle released below — the\n        // very use-after-free this cancellation exists to prevent. Idempotent,\n        // so the already-unregistered cases cost nothing.\n        LayerManager.unregister(this);\n\n        super.destructor();\n    }\n\n    // ----- DismissableLayer -----\n\n    /**\n     * Returns the dropdown's root element for the central layer tree.\n     *\n     * @returns The dropdown's element, or null when not yet rendered.\n     */\n    getLayerElement(): Handle | null {\n        return this.getElement() ?? null;\n    }\n\n    /**\n     * Returns the dismiss mode the document-level handlers consult. The\n     * dropdown is `\"click-outside\"`: the manager closes it when a\n     * `pointerdown` lands outside both the dropdown's layer subtree and its\n     * anchor. A click inside a descendant layer counts as inside, so a nested\n     * dropdown keeps its opener open.\n     *\n     * @returns The layer dismiss mode.\n     */\n    getDismissMode(): LayerDismissMode {\n        return \"click-outside\";\n    }\n\n    /**\n     * Advisory close request from the manager. Runs the host-supplied close\n     * thunk when one is set (so the host can rotate a caret, clear\n     * aria-expanded, or commit), otherwise the standard exit fade + detach.\n     */\n    requestClose(): void {\n        if (this._closeHandler) {\n            this._closeHandler();\n\n            return;\n        }\n\n        this.hideAnimated();\n    }\n\n    /**\n     * Returns the anchor element excluded from the manager's outside-click\n     * test, or null when the host gates the toggle itself.\n     *\n     * @returns The anchor element, or null.\n     */\n    getAnchorElement(): Handle | null {\n        return this._anchorElement;\n    }\n\n    /**\n     * Returns the dropdown's z-index band so an unrelated top-level dropdown\n     * stacks in the dropdown family.\n     *\n     * @returns The dropdown band base.\n     */\n    getBand(): number {\n        return LayerManager.Band.Dropdown;\n    }\n\n    /**\n     * Installs the close thunk the manager calls from {@link requestClose}\n     * when this dropdown is dismissed by an outside click. The host passes its\n     * own close routine so the dropdown's teardown and the host's UI state\n     * (caret, aria-expanded, commit) stay in lockstep.\n     *\n     * @param handler - The host's close routine, or null to fall back to\n     *   {@link hideAnimated}.\n     * @returns This dropdown, for method chaining.\n     */\n    setCloseHandler(handler: (() => void) | null): this {\n        this._closeHandler = handler;\n\n        return this;\n    }\n\n    /**\n     * Records the anchor (trigger) element excluded from the manager's\n     * outside-click test, so the gesture that opened the dropdown does not\n     * immediately re-close it.\n     *\n     * @param el - The anchor element, or null to clear it.\n     * @returns This dropdown, for method chaining.\n     */\n    setAnchorElement(el: Handle | null): this {\n        this._anchorElement = el;\n\n        return this;\n    }\n\n}\n\nconst AnimatedDropdownCallable = callable(AnimatedDropdown);\ntype AnimatedDropdownCallable<TOptions extends AnimatedDropdownOptions = AnimatedDropdownOptions> = AnimatedDropdown<TOptions>;\nexport {\n    AnimatedDropdown         as _AnimatedDropdown,\n    AnimatedDropdownCallable as AnimatedDropdown\n};\n"],"mappings":"kLAgCA,IAAM,EAAoE,CACtE,QAAa,GACb,SAAa,GACb,WAAA,IACA,YAAA,CACJ,EA0BM,iBAAN,cAAmG,CAAgD,CAM/I,YAAgC,GAChC,MAAgC,GAOhC,cAA6C,KAK7C,eAAwC,KAIxC,eAAwD,KACxD,eAAwD,KAQxD,YAAY,EAAmC,EAAqD,CAChG,MACI,EACA,CAAE,GAAG,EAAiC,GAAI,GAAoB,CAAC,CAAG,CACtE,EAMA,KAAK,YAAY,EAAS,KAAK,CACnC,CAQA,aAAuB,EAAyB,CAS5C,OARA,MAAM,aAAa,CAAO,EAI1B,KAAK,YAAY,EAAQ,UAAY,KAAK,WAAW,CAAC,EACtD,KAAK,cAAc,EAAQ,YAAc,KAAK,cAAc,CAAC,EAC7D,KAAK,eAAe,EAAQ,aAAe,KAAK,eAAe,CAAC,EAEzD,IACX,CAQA,YAAY,EAAsB,CAG9B,MAFA,MAAK,SAAS,SAAW,EAElB,IACX,CAOA,YAAsB,CAClB,OAAO,KAAK,SAAS,UAAY,KAAK,gBAAgB,QAC1D,CAOA,cAAc,EAAkB,CAG5B,MAFA,MAAK,SAAS,WAAa,EAEpB,IACX,CAOA,eAAwB,CACpB,OAAO,KAAK,SAAS,YAAc,KAAK,gBAAgB,UAC5D,CAOA,eAAe,EAAkB,CAG7B,MAFA,MAAK,SAAS,YAAc,EAErB,IACX,CAOA,gBAAyB,CACrB,OAAO,KAAK,SAAS,aAAe,KAAK,gBAAgB,WAC7D,CAOA,cAAqB,CAIjB,EAAa,SAAS,IAAI,EAI1B,KAAK,UAAU,EAAa,UAAU,IAAI,CAAC,EAE3C,KAAK,YAAc,GACnB,KAAK,MAAc,GAEnB,IAAM,EAAK,KAAK,WAAW,EAAI,EAyB/B,OAvBA,EAAa,MAAM,CAAE,EAErB,KAAK,WAAW,EAAI,EAEf,KAAK,WAAW,GAKrB,KAAK,cAAc,oBAAoB,EAEvC,KAAK,gBAAgB,OAAO,EAC5B,KAAK,eAAiB,EAAU,KAAK,EAAI,CACrC,KAAY,CAAE,QAAS,IAAK,UAAW,eAAe,KAAK,eAAe,EAAE,IAAK,EACjF,GAAY,CAAE,QAAS,IAAK,UAAW,eAAgB,EACvD,WAAY,KAAK,cAAc,EAC/B,WAAY,CAAC,UAAW,WAAW,EACnC,eAAkB,CACd,KAAK,cAAc,IAAI,EACvB,KAAK,eAAe,CACxB,CACJ,CAAC,EAEM,OAlBH,KAAK,eAAe,EACb,KAkBf,CAQA,cAAqB,CACjB,KAAK,MAAQ,GAEb,IAAM,EAAK,KAAK,WAAW,EACrB,aAAuB,CACzB,KAAK,WAAW,EAAK,EACrB,KAAK,cAAc,EAInB,EAAa,WAAW,IAAI,EAE5B,KAAK,eAAe,CACxB,EA0BA,MAxBI,CAAC,GAAM,CAAC,KAAK,WAAW,GACxB,SAAS,EACF,OAGX,KAAK,YAAc,GACnB,KAAK,cAAc,oBAAoB,EAEvC,KAAK,gBAAgB,OAAO,EAC5B,KAAK,eAAiB,EAAU,KAAK,EAAI,CACrC,GAAY,CAAE,QAAS,IAAK,UAAW,eAAe,KAAK,eAAe,EAAE,IAAK,EACjF,WAAY,KAAK,cAAc,EAC/B,WAAY,CAAC,UAAW,WAAW,EACnC,eAAkB,CACd,GAAI,CAAC,KAAK,YAAa,CACnB,KAAK,cAAc,IAAI,EACvB,MACJ,CACA,KAAK,YAAc,GACnB,KAAK,cAAc,IAAI,EACvB,SAAS,CACb,CACJ,CAAC,EAEM,KACX,CAaA,gBAAgB,EAAsB,CAClC,KAAK,UAAU,CAAM,CACzB,CAOA,QAAkB,CACd,OAAO,KAAK,KAChB,CAaA,UAAU,EAA4B,CAClC,MAAO,EACX,CAgBA,cAAc,EAAkB,CAC5B,IAAM,EAAO,CAAE,MAAO,KAAK,SAAS,EAAG,OAAQ,KAAK,UAAU,CAAE,EAC1D,EAAO,EAAI,OAAO,gBAAgB,EAMlC,CAAE,IAAG,KAAM,EAAiB,EAAM,EAAM,EAAI,CAAE,KAAM,UAAW,CAAC,EAKtE,OAHA,KAAK,KAAK,CAAC,EACX,KAAK,KAAK,CAAC,EAEJ,IACX,CAMA,gBAAiC,CAEjC,CAMA,gBAAiC,CAEjC,CAOA,YAA6B,CACzB,KAAK,gBAAgB,OAAO,EAC5B,KAAK,eAAiB,KACtB,KAAK,gBAAgB,OAAO,EAC5B,KAAK,eAAiB,KAQtB,EAAa,WAAW,IAAI,EAE5B,MAAM,WAAW,CACrB,CASA,iBAAiC,CAC7B,OAAO,KAAK,WAAW,GAAK,IAChC,CAWA,gBAAmC,CAC/B,MAAO,eACX,CAOA,cAAqB,CACjB,GAAI,KAAK,cAAe,CACpB,KAAK,cAAc,EAEnB,MACJ,CAEA,KAAK,aAAa,CACtB,CAQA,kBAAkC,CAC9B,OAAO,KAAK,cAChB,CAQA,SAAkB,CACd,OAAO,EAAa,KAAK,QAC7B,CAYA,gBAAgB,EAAoC,CAGhD,MAFA,MAAK,cAAgB,EAEd,IACX,CAUA,iBAAiB,EAAyB,CAGtC,MAFA,MAAK,eAAiB,EAEf,IACX,CAEJ,EAEM,EAA2B,EAAS,gBAAgB"}

package/dist/lib/Border-0DJFDiij.js

@@ -1,2 +0,0 @@
-import{t as e}from"./DOM-C-Edb3tA.js";import{a as t,s as n}from"./Position-BwtxouxK.js";import{S as r,b as i,f as a,h as o,m as s,t as c,v as l}from"./Component-B0ShfPVi.js";import{t as u}from"./ListenerBag-WPdKuuds.js";import{i as d,r as f}from"./Scrollbar-t8fFrUVQ.js";import{t as p}from"./Tooltip-CUOJOqQi.js";import{t as m}from"./Placement-7kqdaK4Z.js";import{t as h}from"./LayoutConstraints-LIHYYd2F.js";var g=200,_=`cubic-bezier(0.4, 0, 0.6, 1)`,v={cancel:()=>{}};function track(e,t){let n=null,r=!1,prune=()=>{r=!0;let t=n===null?-1:e.indexOf(n);t>=0&&e.splice(t,1)},{handle:i,cleanup:a}=t(prune);r||(n={cancel:()=>i.cancel(),settle:()=>{i.cancel(),a()}},e.push(n))}function primeCollapse(e,t,n,r,i){let cleanup=()=>{for(let e of n)e.setTransition(null);e.setWillChange(null)};if(l.isReducedMotion())return r(),{handle:v,cleanup};let a=t.map(e=>`${e} ${g}ms ${_}`).join(`, `);for(let e of n)e.setTransition(a);return e.setWillChange(t.join(`, `)),{handle:l.afterTransition({component:e,property:i??t[0],durationMs:g,fallbackBufferMs:40,onComplete:()=>{cleanup(),r()}}),cleanup}}function captureRect(e){return{x:e.getX(),y:e.getY(),width:e.getWidth(),height:e.getHeight()}}function parseCubicBezier(e){let t=e.match(/cubic-bezier\(([^)]+)\)/);if(!t)return e=>e;let[n,r,i,a]=t[1].split(`,`).map(e=>parseFloat(e)),o=3*n,s=3*(i-n)-o,c=1-o-s,l=3*r,u=3*(a-r)-l,d=1-l-u,sampleX=e=>((c*e+s)*e+o)*e,sampleY=e=>((d*e+u)*e+l)*e,sampleDX=e=>(3*c*e+2*s)*e+o;return e=>{let t=e;for(let n=0;n<8;n+=1){let n=sampleX(t)-e;if(Math.abs(n)<1e-6)return sampleY(t);let r=sampleDX(t);if(Math.abs(r)<1e-6)break;t-=n/r}let n=0,r=1;for(t=e;n<r;){let i=sampleX(t);if(Math.abs(i-e)<1e-6)break;i<e?n=t:r=t,t=(n+r)/2}return sampleY(t)}}var y=parseCubicBezier(_),lerp=(e,t,n)=>e+(t-e)*n,lerpRect=(e,t,n)=>({x:lerp(e.x,t.x,n),y:lerp(e.y,t.y,n),width:lerp(e.width,t.width,n),height:lerp(e.height,t.height,n)});function commitRect(e,t,n){e.setAutoCommitStyle(!1),e.setX(t.x),e.setY(t.y),e.setWidth(t.width),e.setHeight(t.height),n&&e.doLayout(),e.setAutoCommitStyle(!0)}function animateLayout(t,n){if(l.isReducedMotion()){for(let e of t)commitRect(e.component,e.end,e.relayout);return n?.(),()=>{}}let r=!1,i=0;for(let e of t)commitRect(e.component,e.start,e.relayout);let a=performance.now(),frame=o=>{if(r)return;let s=Math.min(1,(o-a)/g),c=y(s);for(let e of t)commitRect(e.component,s>=1?e.end:lerpRect(e.start,e.end,c),e.relayout);s<1?i=e.sink.requestAnimationFrame(frame):n?.()};return i=e.sink.requestAnimationFrame(frame),()=>{r=!0,i&&e.sink.cancelAnimationFrame(i)}}function runCollapse(e,t,n,r,i,a){r?.(),track(i,e=>primeCollapse(t,[`clip-path`],[t],e,`clip-path`));let o=n.filter(e=>!e.relayout).map(e=>e.component);o.length>0&&track(i,e=>primeCollapse(o[0],[`background-color`],o,e,`background-color`));let s=n.map(e=>captureRect(e.component));return e.doLayout(),animateLayout(n.map((e,t)=>({component:e.component,relayout:e.relayout,start:s[t],end:captureRect(e.component)})),a)}var b=10,x=40,S={east:0,south:90,west:180,north:-90},C=null;function ensureCollapseButtonClassRule(){C||=new i({scope:`class`,name:`CollapseButton`,styles:{position:`absolute`,top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`,boxSizing:`border-box`,width:`${b}px`,height:`${x}px`,borderRadius:`2px`,background:`var(--ts-ui-button-bg, #e8e8e8)`,border:`1px solid var(--ts-ui-button-border, #c8c8c8)`,boxShadow:`var(--ts-ui-button-shadow, 0 1px 2px rgba(0, 0, 0, 0.2))`,textAlign:`center`,fontSize:`9px`,lineHeight:`38px`,color:`var(--ts-ui-collapse-button-color, rgb(100,100,100))`,pointerEvents:`auto`,userSelect:`none`}})}var CollapseButton=class extends c{_trigger=`dblclick`;_listeners=new u;constructor(e){ensureCollapseButtonClassRule(),super({tag:`span`,cursor:`pointer`,...e??{}}),this._direction??=`east`,this._trigger=e?.trigger??`dblclick`,this.applyRotation(),this.applyListeners(e?.listeners),r.addListener(this,this._trigger===`click`?`click`:`dblclick`,this.onActivate),r.addListener(this,`mousedown`,{button:`any`,handler:this.onMouseDown}),r.addListener(this,`contextmenu`,this.onContextMenu)}applyOptions(e){return super.applyOptions(e),e.direction!==void 0&&this.setDirection(e.direction),this}render(){let t=super.render();return e.sink.apply(t,{text:`▶`}),t}applyRotation(){let e=S[this._direction];this.createStyleRule(``).set(`transform`,`translate(-50%, -50%) rotate(${e}deg)`)}setStripMode(e){return this.createStyleRule(``).set(`width`,`${e?18:b}px`),this}getDirection(){return this._direction}getTrigger(){return this._trigger}setDirection(e){return this._direction=e,this.applyRotation(),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)}onActivate(e){return this.emit(`collapse`),!0}onMouseDown(e){return!0}onContextMenu(e){return this.emit(`contextmenu`,e.clientX,e.clientY),{stop:!0,prevent:!0}}},w=o(CollapseButton),T={west:`east`,east:`west`,north:`south`,south:`north`},E={orientation:`horizontal`,collapsible:!0,movable:!0},SplitGutter=class extends c{_opaque=!1;_collapseDirection=`west`;_collapseTrigger=`dblclick`;_expandedBackground=`var(--ts-ui-gutter-bg, #AAAAAA)`;_tooltipText=``;_listeners=new u;constructor(e,t,n){super(t,{...E,...n??{}}),e&&t?.orientation===void 0&&(this._direction=e),this._expandedBackground=t?.expandedBackground??`var(--ts-ui-gutter-bg, #AAAAAA)`,this.setBackgroundColor(this._expandedBackground),this._collapseDirection=t?.collapseDirection??(this._direction===`horizontal`?`west`:`north`),this._collapseTrigger=t?.collapseTrigger??`dblclick`,this._collapseButton=new w({direction:this._collapseDirection,trigger:this._collapseTrigger,listeners:{collapse:()=>this.emit(`collapse`),contextmenu:(e,t)=>this.emit(`contextmenu`,e,t)}}),this._collapseButton.setVisible(this._collapsible),t?.opaque&&this.setOpaque(!0),this._movable||this.setPointerEvents(`none`),r.addListener(this,`mousedown`,this.onDragStart),this.applyListeners(t?.listeners),this.updateTooltip()}init(t){super.init(t);let n=t||this.getElement();return n&&e.sink.appendChild(n,this._collapseButton.getElement(!0)),this}isCollapsible(){return this._collapsible??this._defaultOptions.collapsible}setCollapsible(e){return this._collapsible=e,this._collapseButton?.setVisible(e),this._collapseButton&&this.updateTooltip(),this}applyOptions(e){return super.applyOptions(e),this.setDirection(e.orientation??this.getDirection()),this.setCollapsible(e.collapsible??this.isCollapsible()),this.setMovable(e.movable??this.isMovable()),this}isMovable(){return this._movable??this._defaultOptions.movable}setMovable(e){return this._movable=e,this.applyCursor(),this}isOpaque(){return this._opaque}setOpaque(e){return this._opaque=e,e?(this.setBackgroundColor(`var(--ts-ui-button-bg, #e8e8e8)`),this.setBackgroundImage(`var(--ts-ui-button-bg, linear-gradient(rgb(241, 241, 241), rgb(200, 200, 200)))`),this.setBorder(`1px solid var(--ts-ui-button-border, #c8c8c8)`),this._collapseButton?.setDirection(T[this._collapseDirection])):(this.clearBackgroundImage(),this.clearBorder(),this.setBackgroundColor(this._expandedBackground),this._collapseButton?.setDirection(this._collapseDirection)),this._collapseButton?.setStripMode(e),this.applyCursor(),this.updateTooltip(),this}getCollapseDirection(){return this._collapseDirection}setCollapseDirection(e){return this._collapseDirection=e,this._collapseButton?.setDirection(this._opaque?T[e]:e),this.updateTooltip(),this}updateTooltip(){if(!this._collapsible){this._tooltipText!==``&&(p.detach(this),this._collapseButton&&p.detach(this._collapseButton),this._tooltipText=``);return}let e=`${this._collapseTrigger===`click`?`Click`:`Double-click`} to ${this._opaque?`expand`:`collapse`} ${this._opaque?T[this._collapseDirection]:this._collapseDirection}ward`;e!==this._tooltipText&&(this._tooltipText=e,p.attach(this,e),this._collapseButton&&p.attach(this._collapseButton,e))}getDirection(){return this._direction??this._defaultOptions.orientation}setDirection(e){return e||=`horizontal`,this._direction=e,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)}destructor(){this._collapseButton?.dispose(),super.destructor()}_dispatchDrag(e){this.emit(`drag`,e)}onDragStart(e){if(!this._movable||this._opaque||!r.isPrimaryButton(e))return;let t=this._direction===`horizontal`?e.clientX:e.clientY;this.emit(`dragstart`,t),r.addViewportListener(this,`mouseup`,this.onDragStop),r.addViewportListener(this,`touchend`,this.onDragStop),r.addViewportListener(this,`touchcancel`,this.onDragStop),r.addViewportListener(this,`mousemove`,this.onDrag),r.addViewportListener(this,`touchmove`,this.onDrag),f(this.dragCursor())}onDragStop(){return r.removeViewportListener(this,`mouseup`,this.onDragStop),r.removeViewportListener(this,`touchend`,this.onDragStop),r.removeViewportListener(this,`touchcancel`,this.onDragStop),r.removeViewportListener(this,`mousemove`,this.onDrag),r.removeViewportListener(this,`touchmove`,this.onDrag),d(),this.emit(`dragend`),!0}onDrag(e){let t;return t=this._direction===`horizontal`?e.clientX:e.clientY,this._dispatchDrag(t),!0}dragCursor(){return this._direction==`horizontal`?`ew-resize`:`ns-resize`}applyCursor(){this._movable&&!this._opaque?this.setCursor(this.dragCursor()):this.setCursor(`default`)}render(){let e=super.render();return this.applyCursor(),e}},D=o(SplitGutter),O=4,k={[m.NORTH]:`north`,[m.SOUTH]:`south`,[m.WEST]:`west`,[m.EAST]:`east`},Border=class extends a{_northComponent=null;_southComponent=null;_westComponent=null;_eastComponent=null;_centerComponent=null;_spacing=5;_collapsed=new Map;_collapsible=new Map;_gutters=new Map;_collapseAnimation=null;_pendingCollapseTransitions=[];_collapsing=!1;constructor(e){super(),e&&this.applyOptions(e)}applyOptions(e){super.applyOptions(e),e.spacing!==void 0&&this.setComponentSpacing(e.spacing)}setLayoutConstraints(e,t){switch(t||(t=new h,t.placement=m.CENTER),t.placement||(t.placement=m.CENTER),t.placement){case m.NORTH:this._northComponent=e;break;case m.SOUTH:this._southComponent=e;break;case m.WEST:this._westComponent=e;break;case m.EAST:this._eastComponent=e;break;case m.CENTER:this._centerComponent=e}return t.placement===m.CENTER?this._collapsible.set(m.CENTER,!1):this._collapsible.set(t.placement,t.collapsible??!1),super.setLayoutConstraints(e,t)}delLayoutConstraints(e){return this._northComponent===e?this._northComponent=null:this._southComponent===e?this._southComponent=null:this._westComponent===e?this._westComponent=null:this._eastComponent===e?this._eastComponent=null:this._centerComponent===e&&(this._centerComponent=null),super.delLayoutConstraints(e)}getComponentSpacing(){return this._spacing}setComponentSpacing(e){return this._spacing=e,this}getRegionComponent(e){switch(e){case m.NORTH:return this._northComponent;case m.SOUTH:return this._southComponent;case m.WEST:return this._westComponent;case m.EAST:return this._eastComponent;case m.CENTER:return this._centerComponent}}isRegionCollapsed(e){return this._collapsed.get(e)??!1}setRegionCollapsed(e,t){if(e===m.CENTER||!this.isRegionCollapsible(e))return this;let n=this.getRegionComponent(e);if(!n||(this._collapsed.get(e)??!1)===t)return this;let r=this.getContainer();if(!r)return this;let i=this._collapsing;this._collapsing=!0,i||r.doLayout(),this._collapsed.set(e,t),this.ensureGutter(e);let a=[...[this._northComponent,this._southComponent,this._westComponent,this._eastComponent,this._centerComponent].filter(e=>e!=null).map(e=>({component:e,relayout:!0})),...[...this._gutters.values()].map(e=>({component:e,relayout:!1}))];return this._collapseAnimation=runCollapse(r,n,a,this._collapseAnimation,this._pendingCollapseTransitions,()=>{this._collapseAnimation=null,this._collapsing=!1,r.doLayout()}),this}isRegionCollapsible(e){return e===m.CENTER?!1:this._collapsible.get(e)??!1}setRegionCollapsible(e,t){return e===m.CENTER?this:(this._collapsible.set(e,t),this.getContainer()?.scheduleLayout(),this)}ensureGutter(t){let n=this._gutters.get(t);if(n)return n;let r=this.getContainer();return n=new D(t===m.NORTH||t===m.SOUTH?`vertical`:`horizontal`,{movable:!1,opaque:!1,collapseDirection:k[t],expandedBackground:`transparent`,listeners:{collapse:()=>this.setRegionCollapsed(t,!this.isRegionCollapsed(t))}}),n.setVisible(!1),e.sink.appendChild(r.getElement(),n.getElement(!0)),this._gutters.set(t,n),n}regionExtent(e,t){return this.isRegionCollapsed(e)?18:t}flooredMainExtent(e,t,n){let r=t?n?t.height:t.width:0;return Math.max(e,r)}applyRegionClip(e,t){if(this.isRegionCollapsible(t)){if(!this.isRegionCollapsed(t)){e.setClipPath(`inset(0 0 0 0)`);return}switch(t){case m.WEST:e.setClipPath(`inset(0 100% 0 0)`);break;case m.EAST:e.setClipPath(`inset(0 0 0 100%)`);break;case m.NORTH:e.setClipPath(`inset(0 0 100% 0)`);break;case m.SOUTH:e.setClipPath(`inset(100% 0 0 0)`)}}}updateRegionGutter(e,t,n,r,i){let a=this.getRegionComponent(e);if(!a)return;if(!this.isRegionCollapsible(e)){a.setVisible(!0),this._gutters.get(e)?.setVisible(!1);return}let o=this.isRegionCollapsed(e),s=this.ensureGutter(e);a.setVisible(!0),s.setOpaque(o),s.setVisible(!0);let c=o?{x:t,y:n,width:r,height:i}:this.innerEdgeTrack(e,t,n,r,i);s.setX(c.x),s.setY(c.y),s.setWidth(c.width),s.setHeight(c.height)}innerEdgeTrack(e,t,n,r,i){switch(e){case m.NORTH:return{x:t,y:n+i,width:r,height:O};case m.SOUTH:return{x:t,y:n-O,width:r,height:O};case m.WEST:return{x:t+r,y:n,width:O,height:i};case m.EAST:return{x:t-O,y:n,width:O,height:i};default:return{x:t,y:n,width:r,height:i}}}laidOut(e){return e&&e.isDisplayed()?e:null}getPreferredSize(){let e=this.getContainer();if(!e)return null;let t=e.getPerimeterSize(),n=t.left+t.right,r=t.top+t.bottom,i=0,a=0,o=0,s=0,c=this.laidOut(this._northComponent),l=this.laidOut(this._southComponent),u=this.laidOut(this._westComponent),d=this.laidOut(this._centerComponent),f=this.laidOut(this._eastComponent);if(c){let e=c.getPreferredSize();if(e){let t=this.flooredMainExtent(e.height,c.getMinSize(),!0);i=Math.max(i,e.width),a+=this.isRegionCollapsed(m.NORTH)?18:t}}if(l){let e=l.getPreferredSize();if(e){let t=this.flooredMainExtent(e.height,l.getMinSize(),!0);i=Math.max(i,e.width),a+=this.isRegionCollapsed(m.SOUTH)?18:t}}if(u){let e=u.getPreferredSize();if(e){let t=this.flooredMainExtent(e.width,u.getMinSize(),!1);o+=this.isRegionCollapsed(m.WEST)?18:t,s=Math.max(s,e.height)}}if(d){let e=d.getPreferredSize();e&&(o+=e.width,s=Math.max(s,e.height))}if(f){let e=f.getPreferredSize();if(e){let t=this.flooredMainExtent(e.width,f.getMinSize(),!1);o+=this.isRegionCollapsed(m.EAST)?18:t,s=Math.max(s,e.height)}}return i=Math.max(i,o),a+=s,{width:i+n,height:a+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=0,a=0,o=0,s=0,c=this.laidOut(this._northComponent),l=this.laidOut(this._southComponent),u=this.laidOut(this._westComponent),d=this.laidOut(this._centerComponent),f=this.laidOut(this._eastComponent);if(c){let e=c.getMinSize();e&&(i=Math.max(i,e.width),a+=this.isRegionCollapsed(m.NORTH)?18:e.height)}if(l){let e=l.getMinSize();e&&(i=Math.max(i,e.width),a+=this.isRegionCollapsed(m.SOUTH)?18:e.height)}if(u){let e=u.getMinSize();e&&(o+=this.isRegionCollapsed(m.WEST)?18:e.width,s=Math.max(s,e.height))}if(d){let e=d.getMinSize();e&&(o+=e.width,s=Math.max(s,e.height))}if(f){let e=f.getMinSize();e&&(o+=this.isRegionCollapsed(m.EAST)?18:e.width,s=Math.max(s,e.height))}return i=Math.max(i,o),a+=s,{width:i+n,height:a+r}}getMaxSize(){let e=this.getContainer();if(!e)return null;let r=e.getPerimeterSize(),i=r.left+r.right,a=r.top+r.bottom,maxOf=e=>this.laidOut(e)?e.getMaxSize()??{width:t,height:t}:null,o=maxOf(this._northComponent),s=maxOf(this._southComponent),c=maxOf(this._westComponent),l=maxOf(this._centerComponent),u=maxOf(this._eastComponent),d=0,f=0,p=!1;for(let e of[c,l,u])e&&(p=!0,d+=e.width,f=Math.max(f,e.height));let m=t;o&&(m=Math.min(m,o.width)),s&&(m=Math.min(m,s.width)),p&&(m=Math.min(m,d));let h=0;return o&&(h+=o.height),p&&(h+=f),s&&(h+=s.height),{width:n(m+i),height:n(h+a)}}computeTotalMinSize(){if(!this.getContainer())return{width:0,height:0};let e=this.laidOut(this._westComponent)?.getMinSize(),t=this.laidOut(this._centerComponent)?.getMinSize(),n=this.laidOut(this._eastComponent)?.getMinSize(),r=this.laidOut(this._northComponent)?.getMinSize(),i=this.laidOut(this._southComponent)?.getMinSize(),a=[];e&&a.push(this.isRegionCollapsed(m.WEST)?18:e.width),t&&a.push(t.width),n&&a.push(this.isRegionCollapsed(m.EAST)?18:n.width);let o=[];r&&o.push(this.isRegionCollapsed(m.NORTH)?18:r.height),t&&o.push(t.height),i&&o.push(this.isRegionCollapsed(m.SOUTH)?18:i.height);let s=0,c=0;for(let e of a)s+=e;s+=Math.max(0,a.length-1)*this._spacing,r&&(s=Math.max(s,r.width)),i&&(s=Math.max(s,i.width));for(let e of o)c+=e;return c+=Math.max(0,o.length-1)*this._spacing,{width:s,height:c}}clearSkippedRegionFrames(...e){[this._northComponent,this._southComponent,this._westComponent,this._centerComponent,this._eastComponent].forEach((t,n)=>{t&&!e[n]&&t.clearClipFrame()})}doLayout(){let e=this.getContainer();if(!e)return;let t=e.getInnerSize();if(!t)return;let n=e.getContentInsets();t=this.inflateForOverflow(t);let r=this.laidOut(this._northComponent),i=this.laidOut(this._southComponent),a=this.laidOut(this._westComponent),o=this.laidOut(this._centerComponent),c=this.laidOut(this._eastComponent);this.clearSkippedRegionFrames(r,i,a,o,c);let l=t.width,u=t.height,d,f,p,h;if(r){let e=this.getLayoutConstraints(r);if(!e)throw Error(`Unable to determine layout constraints for north component.`);let t=r.getPreferredSize();if(!t)throw Error(`Unable to determine preferred size for north component.`);let u=this.flooredMainExtent(t.height,r.getMinSize(),!0),d=this.regionExtent(m.NORTH,u),p=e.ignoreParentInsets?0:n.getLeft(),h=e.ignoreParentInsets?0:n.getTop(),g=l+(e.ignoreParentInsets?n.getLeft()+n.getRight():0),_=e.ignoreParentInsets?n.getTop():0;f=d+_,this.isRegionCollapsible(m.NORTH)||this._collapsing?(this.placeComponent(r,p,h,g,u+_,s.BOTH),r.clearClipFrame(),this.applyRegionClip(r,m.NORTH)):(r.setClipPath(null),r.setClipFrame(p,h,g,u+_),this.commitBounds(r,0,0,g,u+_)),this.updateRegionGutter(m.NORTH,p,h,g,f),(a||o||c||i)&&(f+=this._spacing)}else f=0;if(h=u-f,i){let e=i.getPreferredSize();if(!e)throw Error(`Unable to determine preferred size for south component.`);let t=this.flooredMainExtent(e.height,i.getMinSize(),!0),r=this.regionExtent(m.SOUTH,t),a=n.getLeft(),o=n.getTop()+u-r;h-=this._spacing,h-=r;let c=n.getTop()+u-t;this.isRegionCollapsible(m.SOUTH)||this._collapsing?(this.placeComponent(i,a,c,l,t,s.BOTH),i.clearClipFrame(),this.applyRegionClip(i,m.SOUTH)):(i.setClipPath(null),i.setClipFrame(a,c,l,t),this.commitBounds(i,0,0,l,t)),this.updateRegionGutter(m.SOUTH,a,o,l,r)}let g=0,_=0;if(c){let e=c.getPreferredSize();if(!e)throw Error(`Unable to determine preferred size for east component.`);let t=this.flooredMainExtent(e.width,c.getMinSize(),!1);_=t,g=this.regionExtent(m.EAST,t)}if(a){let e=a.getPreferredSize();if(!e)throw Error(`Unable to determine preferred size for west component.`);let t=this.flooredMainExtent(e.width,a.getMinSize(),!1),r=Math.max(0,Math.min(this.regionExtent(m.WEST,t),l-g)),i=n.getLeft(),c=n.getTop()+f;d=r;let u=Math.max(0,Math.min(t,l-g));this.isRegionCollapsible(m.WEST)||this._collapsing?(this.placeComponent(a,i,c,u,h,s.BOTH),a.clearClipFrame(),this.applyRegionClip(a,m.WEST)):(a.setClipPath(null),a.setClipFrame(i,c,u,h),this.commitBounds(a,0,0,u,h)),this.updateRegionGutter(m.WEST,i,c,r,h),o&&(d+=this._spacing)}else d=0;if(p=l-d,c){p-=this._spacing,p-=g;let e=n.getLeft()+l-g,t=n.getTop()+f,r=n.getLeft()+l-_;this.isRegionCollapsible(m.EAST)||this._collapsing?(this.placeComponent(c,r,t,_,h,s.BOTH),c.clearClipFrame(),this.applyRegionClip(c,m.EAST)):(c.setClipPath(null),c.setClipFrame(r,t,_,h),this.commitBounds(c,0,0,_,h)),this.updateRegionGutter(m.EAST,e,t,g,h)}if(o){let e=n.getLeft()+d,t=n.getTop()+f;this._collapsing?(this.placeComponent(o,e,t,p,h,s.BOTH),o.clearClipFrame()):(o.setClipFrame(e,t,p,h),this.commitBounds(o,0,0,p,h))}}detach(){this._collapseAnimation?.(),this._collapseAnimation=null,this._collapsing=!1;let t=(this.getContainer()?.getComponents().length??0)>0;for(let e of this._pendingCollapseTransitions)t?e.settle():e.cancel();this._pendingCollapseTransitions.length=0,super.detach();for(let t of this._gutters.values()){let n=t.getElement(),r=n?e.source.getParentNode(n):null;n&&r&&e.sink.removeChild(r,n),t.dispose()}this._gutters.clear();for(let e of[m.NORTH,m.SOUTH,m.WEST,m.EAST,m.CENTER])this.getRegionComponent(e)?.clearClipFrame();return this}},A=o(Border);export{runCollapse as i,D as n,w as r,A as t};
-//# sourceMappingURL=Border-0DJFDiij.js.map