@jimka/typescript-ui 0.1.0

package/dist/lib/layout.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.es.js","names":[],"sources":["../../src/typescript/lib/layout/Anchor.ts","../../src/typescript/lib/layout/AnchorConstraints.ts","../../src/typescript/lib/layout/FlowLayout.ts","../../src/typescript/lib/layout/HFlow.ts","../../src/typescript/lib/layout/VFlow.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { LayoutManager, LayoutManagerOptions } from \"~/layout/LayoutManager.js\";\nimport { AnchorConstraints } from \"~/layout/AnchorConstraints.js\";\nimport { callable } from \"~/core/Callable.js\";\n\n/**\n * A length used by an {@link Anchor} constraint, expressed either in **pixels**\n * (a bare `number`) or as a **percentage** of the container's inner extent\n * (`{ percent }`, on a 0–100 scale). The percentage resolves against inner width\n * for horizontal fields (`left` / `right` / `width`) and inner height for\n * vertical fields (`top` / `bottom` / `height`).\n *\n * @category Layouts\n */\nexport type AnchorValue = number | { percent: number };\n\n/**\n * Construction-time options for {@link Anchor}.\n *\n * @category Layouts\n */\nexport interface AnchorOptions extends LayoutManagerOptions {\n}\n\n/**\n * The resolved placement of a child along one axis: a `start` offset in the\n * container's coordinate space and the `extent` (width or height) to commit.\n */\ninterface AxisResult {\n    start: number;\n    extent: number;\n}\n\n/**\n * A resize-reactive layout manager that positions each child by edge-relative\n * and proportional offsets, re-resolving them on every `doLayout` pass so a\n * child stays pinned to a container edge — or stretched between two edges — as\n * the container resizes. It is the reactive counterpart to the static\n * [`Absolute`](/api/layout/classes/Absolute) manager, which never reads the\n * container's inner size.\n *\n * Per child (via {@link AnchorConstraints}) an axis can: pin a fixed distance\n * from one edge (`left` / `right` / `top` / `bottom`), derive its extent from\n * the container when both opposing edges are set (stretch), or take an explicit\n * `width` / `height`. Any offset or size may be a pixel `number` or an\n * {@link AnchorValue} percentage of the container's inner extent.\n *\n * Like `Absolute`, `Anchor` commits rects directly through `commitBounds`,\n * bypassing the cell clamp — a child sized larger than the container is\n * committed at its computed size and may overflow, which a host `Panel` with\n * `autoScroll: \"auto\"` scrolls natively. It imposes no intrinsic preferred,\n * min, or max size on its host.\n *\n * @category Layouts\n */\nclass Anchor extends LayoutManager {\n\n    constructor(options?: AnchorOptions) {\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     * Resolves an {@link AnchorValue} to pixels against the given extent.\n     * Returns the number unchanged for a pixel value, `extent * percent / 100`\n     * for a percentage tag, and `undefined` when the field is unset.\n     *\n     * @param value - The pixel-or-percent value, or `undefined` if unset.\n     * @param extent - The container inner extent the percentage resolves against.\n     * @returns The resolved pixel value, or `undefined` when `value` is unset.\n     */\n    private resolve(value: AnchorValue | undefined, extent: number): number | undefined {\n        if (value === undefined) {\n            return undefined;\n        }\n\n        if (typeof value === \"number\") {\n            return value;\n        }\n\n        // Percent is on a 0–100 (CSS-style) scale, resolved against the inner extent.\n        return extent * value.percent / 100;\n    }\n\n    /**\n     * Resolves one axis's placement from its near edge, far edge, and explicit\n     * size against the container inner extent, applying the precedence rules:\n     * both edges stretch (size ignored); near edge pins the start; far edge pins\n     * the end; neither edge falls back to the child's own start. The `origin`\n     * (the inset on this axis) is added for every anchored row but **not** for\n     * the no-edge fallback, matching {@link Absolute}, which commits the child's\n     * own `getX` / `getY` without an inset offset.\n     *\n     * @param near - Resolved `left` / `top` offset, or `undefined` if unset.\n     * @param far - Resolved `right` / `bottom` offset, or `undefined` if unset.\n     * @param size - Resolved explicit `width` / `height`, or `undefined` if unset.\n     * @param inner - The container's inner extent on this axis.\n     * @param preferred - The child's preferred extent on this axis.\n     * @param ownStart - The child's own `getX` / `getY` on this axis.\n     * @param origin - The inset on this axis added to anchored placements.\n     * @returns The `{ start, extent }` to commit on this axis.\n     */\n    private resolveAxis(near: number | undefined, far: number | undefined, size: number | undefined,\n                        inner: number, preferred: number, ownStart: number, origin: number): AxisResult {\n        if (near !== undefined && far !== undefined) {\n            // Stretch between both edges; explicit size is ignored. Clamp the\n            // derived extent at 0 so an over-constrained pair never goes negative.\n            const extent = Math.max(0, inner - near - far);\n\n            return { start: origin + near, extent };\n        }\n\n        const extent = size ?? preferred;\n\n        if (near !== undefined) {\n            return { start: origin + near, extent };\n        }\n\n        if (far !== undefined) {\n            return { start: origin + inner - far - extent, extent };\n        }\n\n        // No edge constrained: keep the child's own position, like Absolute, and\n        // do not add the inset origin so mixed Anchor/Absolute usage is consistent.\n        return { start: ownStart, extent };\n    }\n\n    /**\n     * Resolves each child's rect from its {@link AnchorConstraints} against the\n     * container's current inner size and insets, then commits via the base\n     * `commitBounds` (bypassing the cell clamp). Bails before the container\n     * connects, when `getInnerSize` is still `null`.\n     */\n    doLayout(): void {\n        const container = this.getContainer();\n\n        if (!container) {\n            return;\n        }\n\n        const inner = container.getInnerSize();\n\n        if (!inner) {\n            return;\n        }\n\n        const insets = container.getContentInsets();\n        const originX = insets.getLeft();\n        const originY = insets.getTop();\n\n        for (const component of container.getLaidOutComponents()) {\n            const cons = this.getLayoutConstraints(component) as AnchorConstraints | undefined;\n\n            const preferredSize = component.getPreferredSize();\n            const size = component.getSize();\n            const prefW = preferredSize?.width ?? size?.width ?? 0;\n            const prefH = preferredSize?.height ?? size?.height ?? 0;\n\n            const xAxis = this.resolveAxis(this.resolve(cons?.left, inner.width),\n                this.resolve(cons?.right, inner.width), this.resolve(cons?.width, inner.width),\n                inner.width, prefW, component.getX(), originX);\n\n            const yAxis = this.resolveAxis(this.resolve(cons?.top, inner.height),\n                this.resolve(cons?.bottom, inner.height), this.resolve(cons?.height, inner.height),\n                inner.height, prefH, component.getY(), originY);\n\n            this.commitBounds(component, xAxis.start, yAxis.start, xAxis.extent, yAxis.extent);\n        }\n    }\n}\n\nconst AnchorCallable = callable(Anchor);\ntype AnchorCallable = Anchor;\nexport {\n    Anchor         as _Anchor,\n    AnchorCallable as Anchor\n};\n","// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { LayoutConstraints } from \"~/layout/LayoutConstraints.js\";\nimport { AnchorValue } from \"~/layout/Anchor.js\";\n\n/**\n * Per-child layout constraints for components added to an {@link Anchor}\n * container. Each edge offset pins the child a fixed distance (pixels) or a\n * proportion ({@link AnchorValue} `{ percent }`, on a 0–100 scale) from that\n * side of the container's inner box; setting **both** opposing edges of an axis\n * stretches the child between them. `width` / `height` give an explicit extent\n * (pixels or percent) used when at most one edge of an axis is constrained.\n *\n * @remarks Each axis resolves independently from three inputs — the near edge,\n * the far edge, and the explicit size — against the container's inner extent\n * (post-insets) for that axis. When both edges of an axis are set, the explicit\n * size for that axis is ignored (the pair derives the extent), mirroring CSS\n * `position: absolute`. When neither edge of an axis is set, the child keeps its\n * own `getX` / `getY` on that axis, behaving like {@link Absolute} there, so an\n * application can anchor one axis and hand-place the other.\n *\n * Percentages resolve against the container's **inner** size (the same\n * coordinate space the committed rect lives in), not its border box.\n *\n * @category Layouts\n */\nexport class AnchorConstraints extends LayoutConstraints {\n\n    /** Distance from the container's inner left edge to the child's left edge. */\n    left?: AnchorValue;\n\n    /** Distance from the container's inner right edge to the child's right edge. */\n    right?: AnchorValue;\n\n    /** Distance from the container's inner top edge to the child's top edge. */\n    top?: AnchorValue;\n\n    /** Distance from the container's inner bottom edge to the child's bottom edge. */\n    bottom?: AnchorValue;\n\n    /**\n     * Explicit width; used when at most one horizontal edge is constrained.\n     * Ignored when both {@link AnchorConstraints.left} and\n     * {@link AnchorConstraints.right} are set (the pair derives the width).\n     */\n    width?: AnchorValue;\n\n    /**\n     * Explicit height; used when at most one vertical edge is constrained.\n     * Ignored when both {@link AnchorConstraints.top} and\n     * {@link AnchorConstraints.bottom} are set (the pair derives the height).\n     */\n    height?: AnchorValue;\n\n    constructor() {\n        super();\n    }\n}\n","// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { LayoutManager, LayoutManagerOptions } from \"~/layout/LayoutManager.js\";\nimport { Size } from \"~/primitive/Size.js\";\nimport { Component } from \"~/core/Component.js\";\nimport type { AxisPosition, AxisSpread } from \"~/primitive/Axis.js\";\n\n/**\n * Which axes of a {@link FlowLayout}'s cells are made uniform so wrapped items\n * line up into a grid.\n *\n * - `\"none\"` (the default) — each item keeps its own preferred size and lines\n *   pack independently, so columns do not align across lines.\n * - `\"width\"` — every cell takes the widest item's width, so columns align\n *   horizontally; each line still uses its own (tallest-item) height.\n * - `\"height\"` — every cell takes the tallest item's height, so lines align\n *   vertically; widths still vary per item.\n * - `\"both\"` — every cell is identical (widest × tallest), a full grid.\n *\n * @category Layouts\n */\nexport type FlowUniformity = \"none\" | \"width\" | \"height\" | \"both\";\n\n/**\n * Cross-axis alignment of an item within its wrapped line's cross extent — the\n * row height for {@link HFlow}, the column width for {@link VFlow}.\n *\n * - `\"start\"` (the default) — leading cross-edge (HFlow top, VFlow left). This\n *   is the original placement.\n * - `\"center\"` — centred in the line's cross extent.\n * - `\"end\"` — trailing cross-edge (HFlow bottom, VFlow right).\n * - `\"baseline\"` — {@link HFlow} only: items are aligned on their shared text\n *   baseline across the row; null-baseline (graphical) items centre in the text\n *   line. {@link VFlow} has no shared text baseline, so it degrades to\n *   `\"start\"`.\n *\n * @remarks This positions the *cell* within the line; a child's\n * {@link AnchorType} still positions the child within its (possibly uniform)\n * cell — both apply. Flow never resizes cells, so alignment only moves them.\n *\n * @category Layouts\n */\nexport type FlowItemAlign = \"start\" | \"center\" | \"end\" | \"baseline\";\n\n/**\n * Construction-time options shared by {@link HFlow} and {@link VFlow}.\n *\n * @category Layouts\n */\nexport interface FlowLayoutOptions extends LayoutManagerOptions {\n    spacing?:     number;\n    lineSpacing?: number;\n    uniform?:     FlowUniformity;\n    align?:       AxisPosition;\n    itemAlign?:   FlowItemAlign;\n    justify?:     AxisSpread;\n}\n\n/**\n * Abstract base for the wrapping flow layouts {@link HFlow} and {@link VFlow}.\n * Holds the axis-agnostic configuration plumbing — item spacing, line spacing,\n * cell uniformity, and line alignment — and the shared cell-measurement\n * helpers, and dispatches a {@link FlowLayoutOptions} bag.\n *\n * @remarks This deliberately does not extend {@link BoxLayout}. That base models\n * a non-wrapping single-axis box — `mode`, `stretching`, `weight`, proportional\n * shrink, and a min-total overflow inflation — none of which a wrapping flow\n * uses. The geometric algorithms (`getPreferredSize`, `getMinSize`,\n * `getMaxSize`, `doLayout`) are mirror-image per axis and stay concrete on each\n * subclass.\n *\n * @category Layouts\n */\nexport abstract class FlowLayout extends LayoutManager {\n\n    // `protected`, not `private`: the subclasses' geometric methods\n    // (getPreferredSize/getMinSize/getMaxSize/doLayout) read these fields\n    // directly, so they must be visible to HFlow/VFlow.\n    protected _spacing: number = 5;\n    protected _lineSpacing: number = 5;\n    protected _uniform: FlowUniformity = \"none\";\n    protected _align: AxisPosition = \"start\";\n    protected _itemAlign: FlowItemAlign = \"start\";\n    protected _justify: AxisSpread = \"start\";\n\n    /**\n     * Constructs the layout manager, applying any supplied options.\n     *\n     * @param options - Optional construction-time configuration.\n     */\n    constructor(options?: FlowLayoutOptions) {\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 FlowLayoutOptions} bag after the inherited LayoutManager\n     * defaults, dispatching the item and line spacings, the uniformity mode, and\n     * the line alignment.\n     *\n     * @param options - The options bag carrying the values to apply.\n     */\n    protected applyOptions(options: FlowLayoutOptions): void {\n        super.applyOptions(options);\n\n        if (options.spacing !== undefined) {\n            this.setComponentSpacing(options.spacing);\n        }\n\n        if (options.lineSpacing !== undefined) {\n            this.setLineSpacing(options.lineSpacing);\n        }\n\n        if (options.uniform !== undefined) {\n            this.setUniform(options.uniform);\n        }\n\n        if (options.align !== undefined) {\n            this.setAlign(options.align);\n        }\n\n        if (options.itemAlign !== undefined) {\n            this.setItemAlign(options.itemAlign);\n        }\n\n        if (options.justify !== undefined) {\n            this.setJustify(options.justify);\n        }\n    }\n\n    /**\n     * Returns the pixel spacing between items along a line.\n     *\n     * @returns The current item spacing in pixels.\n     */\n    getComponentSpacing(): number {\n        return this._spacing || 0;\n    }\n\n    /**\n     * Sets the pixel spacing between items along a line.\n     *\n     * @param spacing - Spacing in pixels.\n     *\n     * @returns This layout manager, for method chaining.\n     */\n    setComponentSpacing(spacing: number): this {\n        this._spacing = spacing || 0;\n\n        return this;\n    }\n\n    /**\n     * Returns the pixel spacing between wrapped lines.\n     *\n     * @returns The current line spacing in pixels.\n     */\n    getLineSpacing(): number {\n        return this._lineSpacing || 0;\n    }\n\n    /**\n     * Sets the pixel spacing between wrapped lines.\n     *\n     * @param lineSpacing - Spacing in pixels.\n     *\n     * @returns This layout manager, for method chaining.\n     */\n    setLineSpacing(lineSpacing: number): this {\n        this._lineSpacing = lineSpacing || 0;\n\n        return this;\n    }\n\n    /**\n     * Returns which axes are made uniform so wrapped items align into a grid.\n     *\n     * @returns The current uniformity mode.\n     */\n    getUniform(): FlowUniformity {\n        return this._uniform;\n    }\n\n    /**\n     * Sets which axes are made uniform so wrapped items align into a grid.\n     *\n     * @param uniform - `\"width\"` aligns columns, `\"height\"` aligns rows,\n     *   `\"both\"` produces a full grid, `\"none\"` packs each item at its own\n     *   size. See {@link FlowUniformity}.\n     *\n     * @returns This layout manager, for method chaining.\n     */\n    setUniform(uniform: FlowUniformity): this {\n        this._uniform = uniform;\n\n        return this;\n    }\n\n    /**\n     * Returns how each wrapped line's content block is packed along the main\n     * axis within the container's inner main extent.\n     *\n     * @returns The current line alignment.\n     */\n    getAlign(): AxisPosition {\n        return this._align;\n    }\n\n    /**\n     * Sets how each wrapped line's content block is packed along the main axis.\n     *\n     * @param align - `\"start\"` packs at the leading edge (the default),\n     *   `\"center\"` centres the block, `\"end\"` packs at the trailing edge. The\n     *   leading/trailing edges are west/east for {@link HFlow} and north/south\n     *   for {@link VFlow}. See {@link AxisPosition}.\n     *\n     * @returns This layout manager, for method chaining.\n     */\n    setAlign(align: AxisPosition): this {\n        this._align = align;\n\n        return this;\n    }\n\n    /**\n     * Returns how each item is aligned within its wrapped line's cross extent.\n     *\n     * @returns The current cross-axis item alignment.\n     */\n    getItemAlign(): FlowItemAlign {\n        return this._itemAlign;\n    }\n\n    /**\n     * Sets how each item is aligned within its wrapped line's cross extent — the\n     * row height for {@link HFlow}, the column width for {@link VFlow}.\n     *\n     * @param itemAlign - `\"start\"` aligns to the leading cross-edge (the\n     *   default), `\"center\"` centres, `\"end\"` aligns to the trailing cross-edge,\n     *   `\"baseline\"` aligns text baselines across an {@link HFlow} row.\n     *   `\"baseline\"` degrades to `\"start\"` on {@link VFlow}, which has no shared\n     *   text baseline. See {@link FlowItemAlign}.\n     *\n     * @returns This layout manager, for method chaining.\n     */\n    setItemAlign(itemAlign: FlowItemAlign): this {\n        this._itemAlign = itemAlign;\n\n        return this;\n    }\n\n    /**\n     * Returns how each wrapped line's items are distributed along the main axis.\n     *\n     * @returns The current main-axis distribution.\n     */\n    getJustify(): AxisSpread {\n        return this._justify;\n    }\n\n    /**\n     * Sets how each wrapped line's items are distributed along the main axis by\n     * growing the inter-item gaps.\n     *\n     * @param justify - `\"start\"` packs items with the fixed `spacing` (the\n     *   default), `\"between\"` makes the first/last items flush to the edges with\n     *   equal interior gaps, `\"around\"` puts an equal gap around every item. See\n     *   {@link AxisSpread}.\n     *\n     * @returns This layout manager, for method chaining.\n     *\n     * @remarks When `justify` is `\"between\"` or `\"around\"` the line fills the\n     * inner main extent, so it owns the residual and {@link AxisPosition} (the\n     * `align` option) is ignored. A single-item or over-long line degrades to\n     * `\"start\"`.\n     */\n    setJustify(justify: AxisSpread): this {\n        this._justify = justify;\n\n        return this;\n    }\n\n    /**\n     * Whether cells are made uniform on the horizontal axis (columns align).\n     *\n     * @returns `true` for the `\"width\"` and `\"both\"` uniformity modes.\n     */\n    protected isUniformWidth(): boolean {\n        return this._uniform === \"width\" || this._uniform === \"both\";\n    }\n\n    /**\n     * Whether cells are made uniform on the vertical axis (rows align).\n     *\n     * @returns `true` for the `\"height\"` and `\"both\"` uniformity modes.\n     */\n    protected isUniformHeight(): boolean {\n        return this._uniform === \"height\" || this._uniform === \"both\";\n    }\n\n    /**\n     * Computes the uniform cell extent: the widest and tallest clamped preferred\n     * size across the children, used to size cells in a `uniform` mode.\n     *\n     * @param components - The children sharing the flow.\n     * @returns The `{width, height}` every uniform cell uses on its axis.\n     */\n    protected computeUniformExtents(components: Component[]): Size {\n        let width = 0;\n        let height = 0;\n\n        for (const component of components) {\n            const cell = this.clampedPreferredSize(component);\n\n            width  = Math.max(width,  cell.width);\n            height = Math.max(height, cell.height);\n        }\n\n        return {\n            width: width,\n            height: height\n        };\n    }\n\n    /**\n     * Resolves a child's placed size: its preferred size clamped to its own\n     * min and max sizes.\n     *\n     * @param component - The child to measure.\n     * @returns The clamped `{width, height}`.\n     */\n    protected clampedPreferredSize(component: Component): Size {\n        const pref = component.getPreferredSize();\n        const min  = component.getMinSize();\n        const max  = component.getMaxSize();\n\n        let width  = pref ? pref.width : 0;\n        let height = pref ? pref.height : 0;\n\n        if (min) {\n            width  = Math.max(width,  min.width);\n            height = Math.max(height, min.height);\n        }\n\n        if (max) {\n            width  = Math.min(width,  max.width);\n            height = Math.min(height, max.height);\n        }\n\n        return {\n            width: width,\n            height: height\n        };\n    }\n\n    /**\n     * Computes the per-line leading offset that packs a content block of the\n     * given main extent within the inner main extent per the alignment mode.\n     *\n     * @param contentMain - The line's content main-extent (sum of placed cell\n     *   main-extents plus inter-item spacing).\n     * @param innerMain - The container's inner extent along the main axis.\n     * @returns The leading offset in pixels — `0` for `\"start\"`, half the\n     *   residual for `\"center\"`, the full residual for `\"end\"`. An over-long\n     *   line (content exceeding the inner extent) clamps to `0`.\n     */\n    protected alignLead(contentMain: number, innerMain: number): number {\n        const residual = Math.max(0, innerMain - contentMain);\n\n        if (this._align === \"center\") {\n            return residual / 2;\n        }\n\n        if (this._align === \"end\") {\n            return residual;\n        }\n\n        return 0;\n    }\n\n    /**\n     * Computes the leading cross-axis offset that positions a cell within its\n     * line's cross extent per the {@link FlowItemAlign} mode. The caller adds\n     * this to the line's leading cross-edge (the row top for {@link HFlow}, the\n     * column left for {@link VFlow}).\n     *\n     * @param cellExtent - The cell's own cross extent (its height for HFlow, its\n     *   width for VFlow).\n     * @param lineExtent - The line's cross extent (the row height for HFlow, the\n     *   column width for VFlow); always at least `cellExtent`.\n     * @param baseline - The cell's own baseline, or `null` for a graphical cell.\n     *   Only consulted for `\"baseline\"`.\n     * @param rowAscent - The line's text baseline from `computeRowMetrics`, or\n     *   `null` when no cell reports one (always `null` for VFlow). Only consulted\n     *   for `\"baseline\"`.\n     * @param rowDescent - The line's text descent from `computeRowMetrics`. Only\n     *   consulted for `\"baseline\"`.\n     * @returns The leading offset in pixels — `0` for `\"start\"`, and never\n     *   negative.\n     *\n     * @remarks The `\"baseline\"` arm mirrors HBox's per-child baseline placement:\n     * a text-bearing cell aligns on `rowAscent - baseline`, a null-baseline cell\n     * centres in the text line, and a baseline-less line (`rowAscent === null`,\n     * the VFlow case) falls back to `\"start\"`.\n     */\n    protected crossOffset(cellExtent: number, lineExtent: number, baseline: number | null, rowAscent: number | null, rowDescent: number): number {\n        switch (this._itemAlign) {\n            case \"center\":\n                return Math.max(0, (lineExtent - cellExtent) / 2);\n\n            case \"end\":\n                return Math.max(0, lineExtent - cellExtent);\n\n            case \"baseline\":\n                if (rowAscent === null) {\n                    return 0;\n                }\n\n                return baseline !== null\n                    ? rowAscent - baseline\n                    : this.nullChildY(cellExtent, rowAscent, rowDescent);\n\n            case \"start\":\n            default:\n                return 0;\n        }\n    }\n\n    /**\n     * Computes the per-line main-axis spacing under the active\n     * {@link AxisSpread} mode.\n     *\n     * @param itemCount - The number of cells in the line.\n     * @param contentMain - The sum of the cells' main extents (no spacing).\n     * @param innerMain - The container's inner extent along the main axis.\n     * @param spacing - The fixed inter-item spacing in pixels.\n     * @returns `{ lead, gap }` — `lead` is the offset before the first item and\n     *   `gap` the spacing between successive items.\n     *\n     * @remarks Degrades to the fixed `spacing` (and `lead` `0`) for `\"start\"`,\n     * single-item lines, and over-long lines, so the gaps are never negative. For\n     * the distribution modes the line fills the inner extent, so the caller must\n     * skip the `align` block move.\n     */\n    protected justifyGaps(itemCount: number, contentMain: number, innerMain: number, spacing: number): { lead: number; gap: number } {\n        // Degrade to fixed spacing: start mode, fewer than two items, or content\n        // already filling (or exceeding) the inner extent — no positive residual\n        // to distribute.\n        const fixedTotal = contentMain + spacing * Math.max(0, itemCount - 1);\n\n        if (this._justify === \"start\" || itemCount < 2 || fixedTotal >= innerMain) {\n            return { lead: 0, gap: spacing };\n        }\n\n        // The total gap budget to distribute, always positive here.\n        const free = innerMain - contentMain;\n\n        if (this._justify === \"between\") {\n            return { lead: 0, gap: free / (itemCount - 1) };\n        }\n\n        // \"around\": one whole gap per item, split as half-gaps at the two ends.\n        const unit = free / itemCount;\n\n        return { lead: unit / 2, gap: unit };\n    }\n}\n","// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { FlowLayout, FlowLayoutOptions } from \"~/layout/FlowLayout.js\";\nimport { FillType } from \"~/layout/FillType.js\";\nimport { Size, UNBOUNDED, isUnbounded } from \"~/primitive/Size.js\";\nimport { Component } from \"~/core/Component.js\";\nimport { callable } from \"~/core/Callable.js\";\n\n/**\n * Construction-time options for {@link HFlow}.\n *\n * @remarks Inherits every flow field (`spacing`, `lineSpacing`, `uniform`,\n * `align`, `itemAlign`, `justify`) from {@link FlowLayoutOptions}; `HFlow` adds\n * none of its own.\n *\n * @category Layouts\n */\nexport interface HFlowOptions extends FlowLayoutOptions {}\n\n/**\n * One wrapped row of an {@link HFlow}: its ordered cells (each with the width it\n * was placed at, its own cell height, and its baseline for `\"baseline\"`\n * item-alignment), the row's total content width, the row height (tallest cell),\n * and the row's top in the container's coordinate space.\n */\ninterface HFlowRow {\n    cells: Array<{ component: Component; width: number; height: number; baseline: number | null }>;\n    contentWidth: number;\n    rowHeight: number;\n    y: number;\n}\n\n/**\n * A layout manager that packs children in horizontal rows, wrapping to a new\n * line when the next child would exceed the container's inner width. Unlike\n * {@link HBox} it never shrinks or stretches children: each keeps its preferred\n * size and lines stack downward. A scroll-enabled host (`Panel.setAutoScroll`)\n * gains a vertical scrollbar once the stacked lines exceed its inner height.\n *\n * @remarks Shares its flow configuration (item/line spacing, cell uniformity,\n * line alignment) with {@link VFlow} through the {@link FlowLayout} base. The\n * `uniform` option grows every cell to the widest and/or tallest item so wrapped\n * items line up into a grid; each item is positioned within its cell by its own\n * {@link AnchorType} constraint (default centre). The `align` option packs each\n * row's content block at the west edge (`\"start\"`, the default), centred, or the\n * east edge; `justify` instead spreads the row's items across the inner width\n * (`\"between\"`/`\"around\"`), and `itemAlign` positions each item within the row\n * height (including `\"baseline\"`, which aligns text baselines across the row) —\n * the scroll extent comes entirely from the children's committed positions read\n * by `reserveContentFrame`.\n *\n * @category Layouts\n */\nclass HFlow extends FlowLayout {\n\n    /**\n     * Returns the preferred size: the single-line shape of the children — the\n     * sum of their preferred widths plus item spacing, and the baseline-aware\n     * row height of the tallest child. In a `uniform` width mode the width is\n     * instead `count * columnWidth`; in a `uniform` height mode the height is\n     * the tallest cell.\n     *\n     * @returns The preferred `{width, height}`, or `null` if no container is attached.\n     *\n     * @remarks This is an approximation. The real height depends on how many\n     * lines the children wrap into, which is only known once the parent assigns\n     * a width — unavailable when the hint is queried. The parent absorbs the\n     * difference: a scroll-enabled host scrolls vertically when the real wrapped\n     * height exceeds this single-line estimate.\n     */\n    getPreferredSize(): Size | null {\n        const container = this.getContainer();\n        if (!container) {\n            return null;\n        }\n\n        const perimeterSize = container.getPerimeterSize();\n        const components = container.getLaidOutComponents();\n        const uniformWidth  = this.isUniformWidth();\n        const uniformHeight = this.isUniformHeight();\n        const extents = (uniformWidth || uniformHeight) ? this.computeUniformExtents(components) : { width: 0, height: 0 };\n\n        let width = perimeterSize.left + perimeterSize.right;\n        const heights: number[] = [];\n        const baselines: Array<number | null> = [];\n\n        for (const component of components) {\n            const size = component.getPreferredSize();\n\n            if (size) {\n                if (!uniformWidth) {\n                    width += size.width;\n                }\n\n                heights.push(size.height);\n                baselines.push(component.getBaseline());\n            }\n        }\n\n        if (uniformWidth) {\n            width += components.length * extents.width;\n        }\n\n        width += this._spacing * Math.max(0, components.length - 1);\n\n        let height = uniformHeight ? extents.height : this.computeRowHeight(heights, baselines);\n\n        height += perimeterSize.top + perimeterSize.bottom;\n\n        return {\n            width: width,\n            height: height\n        };\n    }\n\n    /**\n     * Returns the minimum size: the widest child's min width (the floor below\n     * which not even one child per line fits) and the baseline-aware row height\n     * of the children's min heights.\n     *\n     * @returns The minimum `{width, height}`, or `null` if no container is attached.\n     */\n    getMinSize(): Size | null {\n        const container = this.getContainer();\n        if (!container) {\n            return null;\n        }\n\n        const perimeterSize = container.getPerimeterSize();\n        const components = container.getLaidOutComponents();\n\n        let maxChildMinWidth = 0;\n        const heights: number[] = [];\n        const baselines: Array<number | null> = [];\n\n        for (const component of components) {\n            const size = component.getMinSize();\n\n            if (size) {\n                maxChildMinWidth = Math.max(maxChildMinWidth, size.width);\n                heights.push(size.height);\n                baselines.push(component.getBaseline());\n            }\n        }\n\n        const width = perimeterSize.left + perimeterSize.right + maxChildMinWidth;\n\n        let height = this.computeRowHeight(heights, baselines);\n\n        height += perimeterSize.top + perimeterSize.bottom;\n\n        return {\n            width: width,\n            height: height\n        };\n    }\n\n    /**\n     * Returns the maximum size the flow can usefully occupy: with every child on\n     * one line the width is the sum of the children's *maximum* widths (or\n     * `count * columnWidth` in a `uniform` width mode) plus item spacing, and the\n     * height is the *largest* child maximum — the tallest a single row can grow\n     * to. A child whose maximum is `null` or at the unbounded sentinel makes that\n     * axis unbounded.\n     *\n     * @returns The maximum `{width, height}`, or `null` if no container is attached.\n     */\n    getMaxSize(): Size | null {\n        const container = this.getContainer();\n        if (!container) {\n            return null;\n        }\n\n        const perimeterSize = container.getPerimeterSize();\n        const components = container.getLaidOutComponents();\n        const uniformWidth = this.isUniformWidth();\n        const extents = uniformWidth ? this.computeUniformExtents(components) : { width: 0, height: 0 };\n\n        let width = perimeterSize.left + perimeterSize.right;\n        let height = 0;\n        let widthUnbounded = false;\n        let heightUnbounded = false;\n\n        for (const component of components) {\n            const max = component.getMaxSize();\n\n            if (!max) {\n                if (!uniformWidth) {\n                    widthUnbounded = true;\n                }\n                heightUnbounded = true;\n                continue;\n            }\n\n            if (!uniformWidth) {\n                if (isUnbounded(max.width)) {\n                    widthUnbounded = true;\n                } else {\n                    width += max.width;\n                }\n            }\n\n            if (isUnbounded(max.height)) {\n                heightUnbounded = true;\n            } else {\n                height = Math.max(height, max.height);\n            }\n        }\n\n        if (uniformWidth) {\n            width += components.length * extents.width;\n        }\n\n        width += this._spacing * Math.max(0, components.length - 1);\n        height += perimeterSize.top + perimeterSize.bottom;\n\n        return {\n            width:  widthUnbounded  ? UNBOUNDED : width,\n            height: heightUnbounded ? UNBOUNDED : height\n        };\n    }\n\n    /**\n     * Packs the children left-to-right at their cell size, wrapping to a new\n     * line when the next cell's right edge would exceed the inner width, then\n     * places each row's content block per the `align` mode. In a `uniform` mode\n     * every cell grows to the widest and/or tallest item so the wrapped items\n     * line up into a grid. A scroll-enabled host then scrolls the overflow via\n     * `reserveContentFrame`, which sizes the content frame to the children's\n     * committed extent.\n     */\n    doLayout(): void {\n        const container = this.getContainer();\n        if (!container) {\n            return;\n        }\n\n        const innerSize = container.getInnerSize();\n        if (!innerSize) {\n            return;\n        }\n\n        const components  = container.getLaidOutComponents();\n        const insets      = container.getContentInsets();\n        const spacing     = this.getComponentSpacing();\n        const lineSpacing = this.getLineSpacing();\n\n        const uniformWidth  = this.isUniformWidth();\n        const uniformHeight = this.isUniformHeight();\n        const extents = (uniformWidth || uniformHeight) ? this.computeUniformExtents(components) : { width: 0, height: 0 };\n\n        const rows = this.groupIntoRows(components, innerSize.width, insets.getTop(), spacing, lineSpacing, uniformWidth, uniformHeight, extents);\n\n        this.placeRows(rows, insets.getLeft(), innerSize.width, spacing);\n\n        this.reserveContentFrame();\n    }\n\n    /**\n     * Phase 1 of {@link HFlow.doLayout}: walks the children left-to-right,\n     * wrapping into rows, and records each row's cells, content width, height,\n     * and top — without committing any bounds. A first cell wider than the inner\n     * width is clamped to that width so its right edge stays inside a scrolling\n     * host.\n     *\n     * @param components - The children to place, in order.\n     * @param innerWidth - The container's inner width (the wrap threshold).\n     * @param topInset - The container's top content inset (the first row's top).\n     * @param spacing - Inter-item horizontal spacing in pixels.\n     * @param lineSpacing - Inter-row vertical spacing in pixels.\n     * @param uniformWidth - Whether cells take the uniform width.\n     * @param uniformHeight - Whether cells take the uniform height.\n     * @param extents - The uniform cell extents, when a uniform mode is active.\n     * @returns The ordered rows ready for {@link HFlow.placeRows}.\n     */\n    private groupIntoRows(components: Component[], innerWidth: number, topInset: number, spacing: number, lineSpacing: number, uniformWidth: boolean, uniformHeight: boolean, extents: Size): HFlowRow[] {\n        const rows: HFlowRow[] = [];\n        let y = topInset;\n        let current: HFlowRow | null = null;\n\n        for (const component of components) {\n            const cell = this.clampedPreferredSize(component);\n            const cellWidth  = uniformWidth  ? extents.width  : cell.width;\n            const cellHeight = uniformHeight ? extents.height : cell.height;\n\n            // Wrap before placing when the current row is non-empty and this\n            // cell's right edge (including the joining spacing) would spill past\n            // the inner width.\n            if (current && current.contentWidth + spacing + cellWidth > innerWidth) {\n                y += current.rowHeight + lineSpacing;\n                current = null;\n            }\n\n            if (!current) {\n                current = { cells: [], contentWidth: 0, rowHeight: 0, y: y };\n\n                rows.push(current);\n            }\n\n            // A cell wider than the inner width occupies its own line clamped to\n            // that width, so its right edge stays inside a scrolling host.\n            const placedWidth = (current.cells.length === 0) ? Math.min(cellWidth, innerWidth) : cellWidth;\n\n            current.contentWidth += (current.cells.length === 0) ? placedWidth : spacing + placedWidth;\n            current.cells.push({ component: component, width: placedWidth, height: cellHeight, baseline: component.getBaseline() });\n            current.rowHeight = Math.max(current.rowHeight, cellHeight);\n        }\n\n        return rows;\n    }\n\n    /**\n     * Phase 2 of {@link HFlow.doLayout}: distributes each row's cells along the\n     * main axis per the `justify` mode (or packs them at the `align` offset when\n     * `justify` is `\"start\"`), and positions each cell within the row height per\n     * the `itemAlign` mode. Each child keeps its preferred size (`FillType.NONE`);\n     * its own {@link AnchorType} positions it within its cell.\n     *\n     * @param rows - The rows produced by {@link HFlow.groupIntoRows}.\n     * @param leftInset - The container's left content inset (the row's leading edge).\n     * @param innerWidth - The container's inner width (for the alignment residual).\n     * @param spacing - Inter-item horizontal spacing in pixels.\n     */\n    private placeRows(rows: HFlowRow[], leftInset: number, innerWidth: number, spacing: number): void {\n        for (const row of rows) {\n            // Row text metrics for \"baseline\" itemAlign (cheap; only used then).\n            const heights   = row.cells.map(cell => cell.height);\n            const baselines = row.cells.map(cell => cell.baseline);\n\n            const { rowAscent, rowDescent } = this.computeRowMetrics(heights, baselines);\n\n            const { lead, gap } = this.justifyGaps(row.cells.length, this.cellsMainExtent(row), innerWidth, spacing);\n\n            // A justify mode fills the inner extent and owns the residual, so the\n            // align block move only applies when justify === \"start\".\n            const blockLead = this._justify === \"start\"\n                ? this.alignLead(row.contentWidth, innerWidth)\n                : 0;\n\n            let x = leftInset + blockLead + lead;\n\n            for (const cell of row.cells) {\n                const y = row.y + this.crossOffset(cell.height, row.rowHeight, cell.baseline, rowAscent, rowDescent);\n\n                this.placeComponent(cell.component, x, y, cell.width, cell.height, FillType.NONE);\n\n                x += cell.width + gap;\n            }\n        }\n    }\n\n    /**\n     * Sums a row's cell widths without the inter-item spacing — the content\n     * main-extent {@link FlowLayout.justifyGaps} distributes the residual around.\n     *\n     * @param row - The row to measure.\n     * @returns The total cell width in pixels.\n     */\n    private cellsMainExtent(row: HFlowRow): number {\n        return row.cells.reduce((sum, cell) => sum + cell.width, 0);\n    }\n}\n\nconst HFlowCallable = callable(HFlow);\ntype HFlowCallable = HFlow;\nexport {\n    HFlow         as _HFlow,\n    HFlowCallable as HFlow\n};\n","// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { FlowLayout, FlowLayoutOptions } from \"~/layout/FlowLayout.js\";\nimport { FillType } from \"~/layout/FillType.js\";\nimport { Size, UNBOUNDED, isUnbounded } from \"~/primitive/Size.js\";\nimport { Component } from \"~/core/Component.js\";\nimport { callable } from \"~/core/Callable.js\";\n\n/**\n * Construction-time options for {@link VFlow}.\n *\n * @remarks Inherits every flow field (`spacing`, `lineSpacing`, `uniform`,\n * `align`, `itemAlign`, `justify`) from {@link FlowLayoutOptions}; `VFlow` adds\n * none of its own. `spacing` is the vertical gap between items in a column;\n * `lineSpacing` is the horizontal gap between wrapped columns.\n *\n * @category Layouts\n */\nexport interface VFlowOptions extends FlowLayoutOptions {}\n\n/**\n * One wrapped column of a {@link VFlow}: its ordered cells (each with its own\n * cell width and the height it was placed at; `baseline` is always `null` since\n * a column exposes no shared text baseline), the column's total content height,\n * the column width (widest cell), and the column's left in the container's\n * coordinate space.\n */\ninterface VFlowColumn {\n    cells: Array<{ component: Component; width: number; height: number; baseline: number | null }>;\n    contentHeight: number;\n    columnWidth: number;\n    x: number;\n}\n\n/**\n * A layout manager that packs children in vertical columns, wrapping to a new\n * column when the next child would exceed the container's inner height. The\n * vertical transpose of {@link HFlow}: where `HFlow` packs rows left-to-right\n * and wraps downward, `VFlow` packs columns top-to-bottom and wraps rightward.\n * Like `HFlow` it never shrinks or stretches children — each keeps its preferred\n * size. A scroll-enabled host (`Panel.setAutoScroll`) gains a horizontal\n * scrollbar once the columns exceed its inner width.\n *\n * @remarks Shares its flow configuration (item/line spacing, cell uniformity,\n * line alignment) with `HFlow` through the {@link FlowLayout} base. Here\n * `spacing` is the vertical gap between items in a column and `lineSpacing` the\n * horizontal gap between columns. The `align` option packs each column's content\n * block at the north edge (`\"start\"`, the default), centred, or the south edge;\n * `justify` instead spreads the column's items across the inner height\n * (`\"between\"`/`\"around\"`), and `itemAlign` positions each item within the\n * column width. A wrapped column exposes no shared text baseline, so the cross\n * axis (width) uses a plain widest-cell measure and `itemAlign: \"baseline\"`\n * degrades to `\"start\"`.\n *\n * @category Layouts\n */\nclass VFlow extends FlowLayout {\n\n    /**\n     * Returns the preferred size: the single-column shape of the children — the\n     * sum of their preferred heights plus item spacing, and the widest child's\n     * width. In a `uniform` height mode the height is instead `count * rowHeight`;\n     * in a `uniform` width mode the width is the widest cell.\n     *\n     * @returns The preferred `{width, height}`, or `null` if no container is attached.\n     *\n     * @remarks This is an approximation. The real width depends on how many\n     * columns the children wrap into, which is only known once the parent\n     * assigns a height — unavailable when the hint is queried. A scroll-enabled\n     * host scrolls horizontally when the real wrapped width exceeds this\n     * single-column estimate.\n     */\n    getPreferredSize(): Size | null {\n        const container = this.getContainer();\n        if (!container) {\n            return null;\n        }\n\n        const perimeterSize = container.getPerimeterSize();\n        const components = container.getLaidOutComponents();\n        const uniformWidth  = this.isUniformWidth();\n        const uniformHeight = this.isUniformHeight();\n        const extents = (uniformWidth || uniformHeight) ? this.computeUniformExtents(components) : { width: 0, height: 0 };\n\n        let height = perimeterSize.top + perimeterSize.bottom;\n        let maxWidth = 0;\n\n        for (const component of components) {\n            const size = component.getPreferredSize();\n\n            if (size) {\n                if (!uniformHeight) {\n                    height += size.height;\n                }\n\n                maxWidth = Math.max(maxWidth, size.width);\n            }\n        }\n\n        if (uniformHeight) {\n            height += components.length * extents.height;\n        }\n\n        height += this._spacing * Math.max(0, components.length - 1);\n\n        let width = uniformWidth ? extents.width : maxWidth;\n\n        width += perimeterSize.left + perimeterSize.right;\n\n        return {\n            width: width,\n            height: height\n        };\n    }\n\n    /**\n     * Returns the minimum size: the tallest child's min height (the floor below\n     * which not even one child per column fits) and the widest child's min\n     * width.\n     *\n     * @returns The minimum `{width, height}`, or `null` if no container is attached.\n     */\n    getMinSize(): Size | null {\n        const container = this.getContainer();\n        if (!container) {\n            return null;\n        }\n\n        const perimeterSize = container.getPerimeterSize();\n        const components = container.getLaidOutComponents();\n\n        let maxChildMinHeight = 0;\n        let maxWidth = 0;\n\n        for (const component of components) {\n            const size = component.getMinSize();\n\n            if (size) {\n                maxChildMinHeight = Math.max(maxChildMinHeight, size.height);\n                maxWidth = Math.max(maxWidth, size.width);\n            }\n        }\n\n        const width  = perimeterSize.left + perimeterSize.right + maxWidth;\n        const height = perimeterSize.top + perimeterSize.bottom + maxChildMinHeight;\n\n        return {\n            width: width,\n            height: height\n        };\n    }\n\n    /**\n     * Returns the maximum size the flow can usefully occupy: with every child in\n     * one column the height is the sum of the children's *maximum* heights (or\n     * `count * rowHeight` in a `uniform` height mode) plus item spacing, and the\n     * width is the *largest* child maximum — the widest a single column can grow\n     * to. A child whose maximum is `null` or at the unbounded sentinel makes that\n     * axis unbounded.\n     *\n     * @returns The maximum `{width, height}`, or `null` if no container is attached.\n     */\n    getMaxSize(): Size | null {\n        const container = this.getContainer();\n        if (!container) {\n            return null;\n        }\n\n        const perimeterSize = container.getPerimeterSize();\n        const components = container.getLaidOutComponents();\n        const uniformHeight = this.isUniformHeight();\n        const extents = uniformHeight ? this.computeUniformExtents(components) : { width: 0, height: 0 };\n\n        let height = perimeterSize.top + perimeterSize.bottom;\n        let width = 0;\n        let widthUnbounded = false;\n        let heightUnbounded = false;\n\n        for (const component of components) {\n            const max = component.getMaxSize();\n\n            if (!max) {\n                if (!uniformHeight) {\n                    heightUnbounded = true;\n                }\n                widthUnbounded = true;\n                continue;\n            }\n\n            if (!uniformHeight) {\n                if (isUnbounded(max.height)) {\n                    heightUnbounded = true;\n                } else {\n                    height += max.height;\n                }\n            }\n\n            if (isUnbounded(max.width)) {\n                widthUnbounded = true;\n            } else {\n                width = Math.max(width, max.width);\n            }\n        }\n\n        if (uniformHeight) {\n            height += components.length * extents.height;\n        }\n\n        height += this._spacing * Math.max(0, components.length - 1);\n        width += perimeterSize.left + perimeterSize.right;\n\n        return {\n            width:  widthUnbounded  ? UNBOUNDED : width,\n            height: heightUnbounded ? UNBOUNDED : height\n        };\n    }\n\n    /**\n     * Packs the children top-to-bottom at their cell size, wrapping to a new\n     * column when the next cell's bottom edge would exceed the inner height, then\n     * places each column's content block per the `align` mode. In a `uniform`\n     * mode every cell grows to the widest and/or tallest item so the wrapped\n     * items line up into a grid. A scroll-enabled host then scrolls the overflow\n     * via `reserveContentFrame`, which sizes the content frame to the children's\n     * committed extent.\n     */\n    doLayout(): void {\n        const container = this.getContainer();\n        if (!container) {\n            return;\n        }\n\n        const innerSize = container.getInnerSize();\n        if (!innerSize) {\n            return;\n        }\n\n        const components  = container.getLaidOutComponents();\n        const insets      = container.getContentInsets();\n        const spacing     = this.getComponentSpacing();\n        const lineSpacing = this.getLineSpacing();\n\n        const uniformWidth  = this.isUniformWidth();\n        const uniformHeight = this.isUniformHeight();\n        const extents = (uniformWidth || uniformHeight) ? this.computeUniformExtents(components) : { width: 0, height: 0 };\n\n        const columns = this.groupIntoColumns(components, innerSize.height, insets.getLeft(), spacing, lineSpacing, uniformWidth, uniformHeight, extents);\n\n        this.placeColumns(columns, insets.getTop(), innerSize.height, spacing);\n\n        this.reserveContentFrame();\n    }\n\n    /**\n     * Phase 1 of {@link VFlow.doLayout}: walks the children top-to-bottom,\n     * wrapping into columns, and records each column's cells, content height,\n     * width, and left — without committing any bounds. A first cell taller than\n     * the inner height is clamped to that height so its bottom edge stays inside\n     * a scrolling host.\n     *\n     * @param components - The children to place, in order.\n     * @param innerHeight - The container's inner height (the wrap threshold).\n     * @param leftInset - The container's left content inset (the first column's left).\n     * @param spacing - Inter-item vertical spacing in pixels.\n     * @param lineSpacing - Inter-column horizontal spacing in pixels.\n     * @param uniformWidth - Whether cells take the uniform width.\n     * @param uniformHeight - Whether cells take the uniform height.\n     * @param extents - The uniform cell extents, when a uniform mode is active.\n     * @returns The ordered columns ready for {@link VFlow.placeColumns}.\n     */\n    private groupIntoColumns(components: Component[], innerHeight: number, leftInset: number, spacing: number, lineSpacing: number, uniformWidth: boolean, uniformHeight: boolean, extents: Size): VFlowColumn[] {\n        const columns: VFlowColumn[] = [];\n        let x = leftInset;\n        let current: VFlowColumn | null = null;\n\n        for (const component of components) {\n            const cell = this.clampedPreferredSize(component);\n            const cellWidth  = uniformWidth  ? extents.width  : cell.width;\n            const cellHeight = uniformHeight ? extents.height : cell.height;\n\n            // Wrap before placing when the current column is non-empty and this\n            // cell's bottom edge (including the joining spacing) would spill past\n            // the inner height.\n            if (current && current.contentHeight + spacing + cellHeight > innerHeight) {\n                x += current.columnWidth + lineSpacing;\n                current = null;\n            }\n\n            if (!current) {\n                current = { cells: [], contentHeight: 0, columnWidth: 0, x: x };\n\n                columns.push(current);\n            }\n\n            // A cell taller than the inner height occupies its own column clamped\n            // to that height, so its bottom edge stays inside a scrolling host.\n            const placedHeight = (current.cells.length === 0) ? Math.min(cellHeight, innerHeight) : cellHeight;\n\n            current.contentHeight += (current.cells.length === 0) ? placedHeight : spacing + placedHeight;\n            current.cells.push({ component: component, width: cellWidth, height: placedHeight, baseline: null });\n            current.columnWidth = Math.max(current.columnWidth, cellWidth);\n        }\n\n        return columns;\n    }\n\n    /**\n     * Phase 2 of {@link VFlow.doLayout}: distributes each column's cells along\n     * the main axis per the `justify` mode (or packs them at the `align` offset\n     * when `justify` is `\"start\"`), and positions each cell within the column\n     * width per the `itemAlign` mode. The cross axis is width, which has no text\n     * baseline, so `\"baseline\"` degrades to `\"start\"`. Each child keeps its\n     * preferred size (`FillType.NONE`); its own {@link AnchorType} positions it\n     * within its cell.\n     *\n     * @param columns - The columns produced by {@link VFlow.groupIntoColumns}.\n     * @param topInset - The container's top content inset (the column's leading edge).\n     * @param innerHeight - The container's inner height (for the alignment residual).\n     * @param spacing - Inter-item vertical spacing in pixels.\n     */\n    private placeColumns(columns: VFlowColumn[], topInset: number, innerHeight: number, spacing: number): void {\n        for (const column of columns) {\n            const { lead, gap } = this.justifyGaps(column.cells.length, this.cellsMainExtent(column), innerHeight, spacing);\n\n            // A justify mode fills the inner extent and owns the residual, so the\n            // align block move only applies when justify === \"start\".\n            const blockLead = this._justify === \"start\"\n                ? this.alignLead(column.contentHeight, innerHeight)\n                : 0;\n\n            let y = topInset + blockLead + lead;\n\n            for (const cell of column.cells) {\n                // rowAscent null → \"baseline\" degrades to \"start\"; cross axis is width.\n                const x = column.x + this.crossOffset(cell.width, column.columnWidth, null, null, 0);\n\n                this.placeComponent(cell.component, x, y, cell.width, cell.height, FillType.NONE);\n\n                y += cell.height + gap;\n            }\n        }\n    }\n\n    /**\n     * Sums a column's cell heights without the inter-item spacing — the content\n     * main-extent {@link FlowLayout.justifyGaps} distributes the residual around.\n     *\n     * @param column - The column to measure.\n     * @returns The total cell height in pixels.\n     */\n    private cellsMainExtent(column: VFlowColumn): number {\n        return column.cells.reduce((sum, cell) => sum + cell.height, 0);\n    }\n}\n\nconst VFlowCallable = callable(VFlow);\ntype VFlowCallable = VFlow;\nexport {\n    VFlow         as _VFlow,\n    VFlowCallable as VFlow\n};\n"],"mappings":"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"}

package/dist/lib/overlay.es.js

@@ -0,0 +1,2 @@
+import{l as e,n as t,o as n,t as r,u as i}from"./Position-B-WfZYAJ.js";import{_ as a,f as o,h as s,t as c,y as l}from"./Component-BR2f0Itb.js";import{t as u}from"./ListenerBag-WPdKuuds.js";import{t as d}from"./Container-3KsvsJ6S.js";import{t as f}from"./Glyph-WUqTF_Z9.js";import{t as p}from"./Panel-DIsdaqc2.js";import{a as m,t as ee}from"./Tooltip-4lU_tf6r.js";import{n as te,r as ne}from"./AnimatedDropdown-BbGCs70E.js";import{t as h}from"./Fit-CFIr4P9R.js";import{t as g}from"./Text-D1RrBY52.js";import{t as _}from"./HBox-Q8y1PHlk.js";import{a as v,d as y,f as b,g as re,l as ie,o as x,p as S}from"./LayoutSizes-BW4wyGDI.js";import{r as ae,t as oe}from"./Border-oZC_SDy8.js";import{t as C}from"./Placement-7kqdaK4Z.js";import{t as w}from"./LayoutConstraints-CHI2lhPd.js";import{n as se}from"./VBox-D5B9ecw0.js";import{t as T}from"./Button-DEUtBqK4.js";import{xmark as E}from"./glyphs/solid/xmark.es.js";import{a as ce,i as le,o as ue,r as de,t as fe}from"./DragManager-tPMnbjeO.js";import{t as pe}from"./Menu-Wz4MK6sA.js";import{circle_check as me}from"./glyphs/solid/circle_check.es.js";import{circle_info as he}from"./glyphs/solid/circle_info.es.js";import{triangle_exclamation as ge}from"./glyphs/solid/triangle_exclamation.es.js";import{circle_exclamation as _e}from"./glyphs/solid/circle_exclamation.es.js";import{t as ve}from"./MenuButton-JQQaKThJ.js";import{clock_rotate_left as ye}from"./glyphs/solid/clock_rotate_left.es.js";import{a as be,i as D,n as xe,r as Se,t as Ce}from"./LayoutSerialization-CWU0iEuV.js";var O=14,k=O/2*Math.SQRT2,A=Math.ceil(k)+2,j=6,M=5,N=120,we={insets:new t(5,5,5,5),placement:`auto`,dismissOn:`click-outside`,showArrow:!0},Popover=class extends d{_resolvedPlacement=`bottom`;_bodyComponent=null;_actionsRow=null;_anchorElement=null;_arrowComponent=null;_isOpen=!1;_scrollAncestors=[];_onWindowResize;_onScroll;constructor(e){super(e,we);let t=new se;t.setStretching(!0),this.setLayoutManager(t),this.setBackgroundColor(`var(--ts-ui-popover-bg, rgb(255, 255, 255))`),this.setForegroundColor(`var(--ts-ui-popover-color, rgb(0, 0, 0))`),this.setBorder({border:`1px solid var(--ts-ui-popover-border, rgb(200, 200, 200))`}),this.setBorderRadius(`var(--ts-ui-popover-radius, 6px)`),this.setShadow(`var(--ts-ui-popover-shadow, 2px 4px 12px rgba(0, 0, 0, 0.18))`),this.setPosition(r.FIXED),this.setVisible(!1),this.setContain(`layout`),this.setOverflow(`visible`),this.getAria().setRole(`dialog`),this._onWindowResize=()=>this._reposition(),this._onScroll=()=>this._reposition(),this._title??=null,this._titleComponent??=null}applyOptions(e){return super.applyOptions(e),this.setPlacement(e.placement??this.getPlacement()),this.setDismissOn(e.dismissOn??this.getDismissOn()),this.setShowArrow(e.showArrow??this.isShowArrow()),e.title!==void 0&&this.setTitle(e.title),this}setPlacement(e){return this._placement=e,this}getPlacement(){return this._placement??this._defaultOptions.placement}setDismissOn(e){return this._dismissOn=e,this}getDismissOn(){return this._dismissOn??this._defaultOptions.dismissOn}setShowArrow(e){return this._showArrow=e,this._arrowComponent&&this._arrowComponent.setVisible(e),this}isShowArrow(){return this._showArrow??this._defaultOptions.showArrow}setTitle(e){return e===null?this.clearTitle():(this._title=e,this._titleComponent?this._titleComponent.setText(e):(this._titleComponent=new g(e),this._titleComponent.setFontWeight(`bold`),this.insertComponent(this._titleComponent,0)),this)}getTitle(){return this._title}clearTitle(){return this._titleComponent&&=(this.removeComponent(this._titleComponent),null),this._title=null,this}setBody(e){this._bodyComponent&&=(this.removeComponent(this._bodyComponent),null);let t=typeof e==`string`?new g(e):e;this._bodyComponent=t;let n=+!!this._titleComponent;return this.insertComponent(t,n),this}getBody(){return this._bodyComponent}addAction(e,t){this._actionsRow||(this._actionsRow=new c,this._actionsRow.setLayoutManager(new _),this.addComponent(this._actionsRow));let n=new T(e);return n.on(`action`,t),this._actionsRow.addComponent(n),this}clearActions(){return this._actionsRow&&=(this.removeComponent(this._actionsRow),null),this}_attachToElement(e){return this._anchorElement=e,this}attachToComponent(e){return this._attachToElement(e.getElement(!0))}show(){if(!this._anchorElement)return console.warn(`Popover.show(): no anchor attached; call attachToComponent first.`),this;this._isOpen=!0,m.register(this),this.setZIndex(m.getZIndex(this));let e=this.getElement(!0);return m.mount(e),b(this),this.ensureArrow(),this.setVisible(!0),this.doLayout(),this._reposition(),ne(this,{durationMs:N}),this.attachRepositionListeners(),this}hide(){return this._isOpen?(this._isOpen=!1,this.detachRepositionListeners(),m.unregister(this),S(this),te(this,{durationMs:N}),this):this}isOpen(){return this._isOpen}getLayerElement(){return this.getElement()??null}getDismissMode(){return this._dismissOn??this._defaultOptions.dismissOn}requestClose(){this.hide()}getAnchorElement(){return this._anchorElement}getBand(){return m.Band.Popover}doLayout(){return super.doLayout(),this._arrowComponent&&this._showArrow&&this._anchorElement&&this.positionArrow(),this}dispose(){this._isOpen&&this.hide(),this._anchorElement=null,this._titleComponent=null,this._bodyComponent=null,this._actionsRow=null,this._arrowComponent=null}_reposition(){if(!this._anchorElement)return;let t=i.source.getElementRect(this._anchorElement);if(t.width===0&&t.height===0){this.hide();return}let n=this.getPreferredSize(),r=n?.width??this.getWidth(),a=n?.height??this.getHeight(),o=i.source.getViewportSize(),s=this.resolvePlacement(t,r,a,o);this._resolvedPlacement=s;let c=0,l=0;s===`top`?(c=t.left+(t.width-r)/2,l=t.top-a-A):s===`bottom`?(c=t.left+(t.width-r)/2,l=t.bottom+A):s===`left`?(c=t.left-r-A,l=t.top+(t.height-a)/2):(c=t.right+A,l=t.top+(t.height-a)/2);let u=M,d=o.width-r-M,f=M,p=o.height-a-M;s===`right`?u+=k:s===`left`?d-=k:s===`bottom`?f+=k:p-=k,c=e.clamp(c,u,d),l=e.clamp(l,f,p),this.setX(c),this.setY(l),this.setWidth(r),this.setHeight(a),this._arrowComponent&&this._showArrow&&this.positionArrow()}resolvePlacement(e,t,n,r){let i=e.top,a=r.height-e.bottom,o=e.left,s=r.width-e.right;if(this._placement===`auto`){let e=n+A,r=t+A,c=[{side:`bottom`,space:a,need:e},{side:`top`,space:i,need:e},{side:`right`,space:s,need:r},{side:`left`,space:o,need:r}],l=c.filter(e=>e.space>=e.need),u=l.length>0?l:c;return u.sort((e,t)=>t.space-e.space),u[0].side}let fits=e=>e===`top`?i>=n+A:e===`bottom`?a>=n+A:e===`left`?o>=t+A:s>=t+A;if(fits(this._placement))return this._placement;let c={top:`bottom`,bottom:`top`,left:`right`,right:`left`}[this._placement];return console.warn(`Popover: explicit placement "${this._placement}" overflows the viewport; falling back to "${c}".`),c}ensureArrow(){if(this._arrowComponent)return;let e=new c,t=O;e.setBackgroundColor(`var(--ts-ui-popover-bg, rgb(255, 255, 255))`),e.setWidth(t),e.setHeight(t),e.setTransform(`rotate(45deg)`),e.setPointerEvents(`none`),e.setVisible(this._showArrow),this._arrowComponent=e;let n=this.getElement(!0);i.sink.insertBefore(n,e.getElement(!0),i.source.getFirstChild(n))}positionArrow(){if(!this._anchorElement||!this._arrowComponent)return;let e=i.source.getElementRect(this._anchorElement),t=O,n=t/2,r=this.getX(),a=this.getY(),o=this.getWidth(),s=this.getHeight(),clamp=(e,t,n)=>Math.max(t,Math.min(e,n)),c=`var(--ts-ui-popover-border, rgb(200, 200, 200))`,l;l=this._resolvedPlacement===`bottom`?`inset 1px 0 0 ${c}, inset 0 1px 0 ${c}`:this._resolvedPlacement===`top`?`inset -1px 0 0 ${c}, inset 0 -1px 0 ${c}`:this._resolvedPlacement===`right`?`inset 1px 0 0 ${c}, inset 0 -1px 0 ${c}`:`inset 0 1px 0 ${c}, inset -1px 0 0 ${c}`,this._arrowComponent.setShadow(l);let u=i.source.getViewportSize(),d=this.getBorderSize();if(this._resolvedPlacement===`top`||this._resolvedPlacement===`bottom`){let i=e.left+e.width/2,a=Math.max(j,M-r+k-n),c=Math.min(o-t-j,u.width-M-r-n-k),l=clamp(i-r-n-d.left,a,c);this._arrowComponent.setX(l),this._resolvedPlacement===`bottom`?this._arrowComponent.setY(-7-d.top):this._arrowComponent.setY(s-n-d.top)}else{let r=e.top+e.height/2,i=Math.max(j,M-a+k-n),c=Math.min(s-t-j,u.height-M-a-n-k),l=clamp(r-a-n-d.top,i,c);this._arrowComponent.setY(l),this._resolvedPlacement===`right`?this._arrowComponent.setX(-7-d.left):this._arrowComponent.setX(o-n-d.left)}}attachRepositionListeners(){if(l.addViewportListener(this,`resize`,this._onWindowResize),this._anchorElement){this._scrollAncestors=this.collectScrollAncestors(this._anchorElement);for(let e of this._scrollAncestors)i.sink.addListener(e,`scroll`,this._onScroll,{passive:!0})}}detachRepositionListeners(){l.removeViewportListener(this,`resize`,this._onWindowResize);for(let e of this._scrollAncestors)i.sink.removeListener(e,`scroll`,this._onScroll);this._scrollAncestors=[]}collectScrollAncestors(e){let t=[],n=i.source.getParentElement(e);for(;n&&n!==i.source.getDocumentElement();){let e=i.source.getComputedOverflow(n),r=e.overflow+e.overflowX+e.overflowY;/(auto|scroll|overlay)/.test(r)&&t.push(n),n=i.source.getParentElement(n)}return t.push(i.source.getDocumentElement()),t}},Te=o(Popover),Ee={},DialogBackdrop=class extends c{constructor(e){super(e,Ee);let t=i.source.getViewportSize();this.setPosition(r.FIXED),this.setX(0),this.setY(0),this.setWidth(t.width),this.setHeight(t.height),this.setZIndex(10100),this.setBackgroundColor(`var(--ts-ui-dialog-backdrop-bg)`)}addClickListener(e){return l.addListener(this,`click`,e),this}resize(){let e=i.source.getViewportSize();this.setWidth(e.width),this.setHeight(e.height)}destroy(){this.removeElement(),this.destructor()}},P=o(DialogBackdrop);f.register(E,me,he,ge,_e);var F=36,I=52,L=90,De=8,R=11,z=20,B=12,Oe=320,V=160,H=80,ke=24,Ae={info:`circle-info`,success:`circle-check`,warning:`triangle-exclamation`,error:`circle-exclamation`},U=150,W=`button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])`,G=4,je=4,Me=8,DialogTitleBar=class extends c{_titleText;_closeButton=null;_titleGlyph=null;constructor(e,n,r){super(),this.setBackgroundColor(`var(--ts-ui-body-bg)`),this.setBorder({border:`none`,borderBottom:`1px solid var(--ts-ui-dialog-border)`}),this.setPreferredSize(0,F),this._titleText=new g(e),this._titleText.setFontWeight(`bold`),this._titleText.setOverflow(`hidden`),this._titleText.setTextOverflow(`ellipsis`),this._titleText.setWhiteSpace(`nowrap`),this._titleText.centerInHeight(F-G*2),this.addComponent(this._titleText),r&&(this._closeButton=new T({glyph:`xmark`}),this._closeButton.setInsets(new t(0,0,0,0)),this._closeButton.setBorder(`none`),this._closeButton.clearBackgroundImage(),this._closeButton.setBackgroundColor(`transparent`),this._closeButton.clearShadow(),this._closeButton.clearPressedShadow(),this._closeButton.clearHoverShadow(),this._closeButton.setHoverBackgroundColor(`var(--ts-ui-titlebar-btn-hover-bg, rgba(0, 0, 0, 0.08))`),this._closeButton.setPressedBackgroundColor(`var(--ts-ui-titlebar-btn-active-bg, rgba(0, 0, 0, 0.16))`),this._closeButton.clearHoverBackgroundImage(),this._closeButton.clearPressedBackgroundImage(),this._closeButton.setPreferredSize(z,z),this.addComponent(this._closeButton),this._closeButton.on(`action`,n))}getCloseButton(){return this._closeButton}getTitleText(){return this._titleText}setGlyph(e){this._titleGlyph&&=(this.removeComponent(this._titleGlyph),null);let t=new f(e);return t.setPointerEvents(`none`),t.setPreferredSize(16,16),this._titleGlyph=t,this.addComponent(t),this.doLayout(),this}clearGlyph(){return this._titleGlyph&&(this.removeComponent(this._titleGlyph),this._titleGlyph=null,this.doLayout()),this}getGlyph(){return this._titleGlyph}doLayout(){super.doLayout();let e=this.getWidth(),t=this.getHeight(),n=e-z-je,r=Math.floor((t-z)/2),i=this._closeButton?n:e-B,a=B;if(this._titleGlyph){let e=this._titleGlyph.getPreferredSize()??{width:16,height:16},n=Math.max(0,Math.floor((t-e.height)/2));this._titleGlyph.setX(B),this._titleGlyph.setY(n),this._titleGlyph.setWidth(e.width),this._titleGlyph.setHeight(e.height),a=B+e.width+Me}let o=Math.max(0,i-a-je),s=t-G*2;return this._titleText.setX(a),this._titleText.setY(G),this._titleText.setWidth(o),this._titleText.setHeight(s),this._closeButton&&(this._closeButton.setX(n),this._closeButton.setY(r),this._closeButton.setWidth(z),this._closeButton.setHeight(z),this._closeButton.doLayout()),this}},DialogButtonRow=class extends c{_buttons=[];constructor(e,t){super(),this.setBorder({border:`none`,borderTop:`1px solid var(--ts-ui-dialog-border)`}),this.setBackgroundColor(`var(--ts-ui-body-bg)`),this.setPreferredSize(0,I);for(let n of e){let e=new T(n.text,n.glyph===void 0?void 0:{glyph:n.glyph}),r=n.result??`cancel`;if(n.primary&&e.setBackgroundImage(`var(--ts-ui-toggle-selected-bg, rgb(200, 200, 200))`),n.glyph!==void 0){let t=e.getGlyph(),r=n.tint;t!==null&&r&&t.setForegroundColor(r)}e.on(`action`,()=>t(r)),this._buttons.push(e),this.addComponent(e)}}doLayout(){super.doLayout();let e=this.getWidth(),t=this.getHeight()-R*2,n=this._buttons.length*L+(this._buttons.length-1)*De,r=Math.round((e-n)/2);for(let e of this._buttons)e.setX(r),e.setY(R),e.setWidth(L),e.setHeight(t),e.doLayout(),r+=98;return this}},K={Confirm:{text:`Confirm`,result:`confirm`,glyph:`circle-check`,tint:`var(--ts-ui-dialog-confirm-color)`},Ok:{text:`Ok`,result:`confirm`,glyph:`circle-check`,tint:`var(--ts-ui-dialog-confirm-color)`},Cancel:{text:`Cancel`,result:`cancel`,glyph:`xmark`,tint:`var(--ts-ui-dialog-cancel-color)`},Close:{text:`Close`,result:`close`,glyph:`xmark`,tint:`var(--ts-ui-dialog-cancel-color)`}},q=[{...K.Ok,primary:!0}],Ne=class Dialog extends c{_titleBar;_contentContainer;_buttonRow;_backdrop;_config;_resolvePromise=null;_previousFocus=null;_boundKeyHandler;_boundResizeHandler;constructor(e){super(),this._config=e;let n=Math.max(Oe,e.width??480),i=e.buttons??q,a=Math.max(H,this.computeContentHeight(e)),o=Math.max(V,e.height??F+a+I);this.setPosition(r.FIXED),this.setWidth(n),this.setHeight(o),this.setBackgroundColor(`var(--ts-ui-body-bg)`),this.setBorderRadius(`var(--ts-ui-border-radius, 4px)`),this.setShadow(`var(--ts-ui-dialog-shadow)`),this.setOverflow(`hidden`),this.setContain(`strict`);let s=new oe;if(s.setComponentSpacing(0),this.setLayoutManager(s),this._titleBar=new DialogTitleBar(e.title,()=>this.hide(`close`),e.dismissable!==!1),this.addComponent(this._titleBar,{placement:C.NORTH}),e.severity?this.applySeverityHeader(e.severity):this.applyHeaderVariant(this.computeHeaderVariant(i)),this._contentContainer=new p({autoScroll:`y`,layoutManager:new h,insets:new t(0,0,0,0)}),e.contentComponent)this._contentContainer.addComponent(e.contentComponent);else{let n=new g(e.message??``);n.setWhiteSpace(`normal`),n.setWordBreak(`break-word`),n.setPadding(new t(16,16,16,16)),this._contentContainer.addComponent(n)}this.addComponent(this._contentContainer,{placement:C.CENTER}),this._buttonRow=new DialogButtonRow(i,e=>this.hide(e)),this.addComponent(this._buttonRow,{placement:C.SOUTH}),this._backdrop=new P,this._boundKeyHandler=e=>this.onKeyDown(e),this._boundResizeHandler=()=>this.onViewportResize()}computeHeaderVariant(e){let t=new Set(e.map(e=>e.result??`cancel`));return t.size===1&&t.has(`confirm`)?`info`:t.has(`confirm`)&&t.has(`cancel`)?`affirm`:`plain`}applyHeaderVariant(e){if(e===`plain`)return;let t=e===`info`?`var(--ts-ui-dialog-info-bg)`:`var(--ts-ui-dialog-affirm-bg)`,n=e===`info`?`var(--ts-ui-dialog-info-fg)`:`var(--ts-ui-dialog-affirm-fg)`;if(this._titleBar.setBackgroundColor(t),this._titleBar.getTitleText().setForegroundColor(n),e===`info`){this._titleBar.setGlyph(`circle-info`);let e=this._titleBar.getGlyph();e!==null&&e.setForegroundColor(n)}}applySeverityHeader(e){let t=`var(--ts-ui-notification-${e}-bg)`,n=`var(--ts-ui-notification-${e}-border)`;this._titleBar.setBackgroundColor(t),this._titleBar.getTitleText().setForegroundColor(n),this._titleBar.setGlyph(Ae[e]);let r=this._titleBar.getGlyph();r!==null&&r.setForegroundColor(n)}computeContentHeight(e){if(e.contentComponent){let t=e.contentComponent.getPreferredSize();if(t)return t.height}return 100}show(){return new Promise(e=>{this._resolvePromise=e,this.open()})}resizeToContent(){if(!this.getElement())return this;let e=Math.max(H,this.computeContentHeight(this._config)),t=Math.max(V,F+e+I),n=i.source.getViewportSize(),r=Math.min(t,Math.max(V,n.height-ke*2));return r===this.getHeight()?this:(this.setHeight(r),this.scheduleLayout(),this.center(),this)}open(){this._previousFocus=i.source.getActiveElement(),this._config.closeOnBackdrop&&this._config.dismissable!==!1&&this._backdrop.addClickListener(()=>this.hide(`close`)),m.register(this);let e=m.getZIndex(this);this.setZIndex(e),this._backdrop.setZIndex(e-1);let t=this._backdrop.getElement(!0);m.mount(t);let n=this.getElement(!0);m.mount(n),b(this),this.scheduleLayout(),this.center(),this.animateIn(),c.afterNextLayout(()=>this.resizeToContent()),l.addViewportListener(this,`keydown`,this._boundKeyHandler),l.addViewportListener(this,`resize`,this._boundResizeHandler),c.afterNextLayout(()=>this.focusFirst())}animateIn(){let e=this.getElement(),t=this._backdrop.getElement();e&&(s.play(e,{from:{opacity:`0`,transform:`scale(0.97)`},to:{opacity:`1`,transform:`scale(1)`},durationMs:U,properties:[`opacity`,`transform`]}),t&&s.play(t,{from:{opacity:`0`},to:{opacity:`1`},durationMs:U,properties:[`opacity`]}))}center(){let e=i.source.getViewportSize(),t=Math.max(0,Math.round((e.width-this.getWidth())/2)),n=Math.max(0,Math.round((e.height-this.getHeight())/2));this.setX(t),this.setY(n)}focusFirst(){let e=this.requestedFocusElement();if(e){i.sink.focus(e);return}let t=this._contentContainer.getElement(),n=t?i.source.querySelectorAll(t,W):[];if(n.length>0){i.sink.focus(n[0]);return}let r=this.primaryButtonElement();if(r){i.sink.focus(r);return}let a=this.getElement(),o=a?i.source.querySelectorAll(a,W):[];o.length>0&&i.sink.focus(o[0])}requestedFocusElement(){let e=this._config.initialFocus?.getElement();return e?i.source.matches(e,W)?e:i.source.querySelector(e,W):null}primaryButtonElement(){let e=(this._config.buttons??q).findIndex(e=>e.primary);if(e<0)return null;let t=this._buttonRow.getElement();return(t?i.source.querySelectorAll(t,W):[])[e]??null}getFocusable(){let e=this.getElement();return e?i.source.querySelectorAll(e,W).filter(e=>!i.source.hasAttribute(e,`disabled`)):[]}onKeyDown(e){if(e.key===`Enter`){this.onEnter(e);return}if(e.key===`Tab`){let t=this.getFocusable();if(t.length===0){e.preventDefault();return}let n=t[0],r=t[t.length-1];e.shiftKey?i.source.getActiveElement()===n&&(e.preventDefault(),i.sink.focus(r)):i.source.getActiveElement()===r&&(e.preventDefault(),i.sink.focus(n))}}onEnter(e){let t=i.source.getActiveElement(),n=t?i.source.getTagName(t).toLowerCase():null;if(n===`textarea`||n===`button`)return;let r=this.primaryResult();r!==null&&(e.preventDefault(),this.hide(r))}primaryResult(){let e=(this._config.buttons??q).find(e=>e.primary);return e?e.result??`cancel`:null}onViewportResize(){this._backdrop.resize(),this.resizeToContent(),this.center()}hide(e){l.removeViewportListener(this,`keydown`,this._boundKeyHandler),l.removeViewportListener(this,`resize`,this._boundResizeHandler);let finalize=()=>{this._backdrop.destroy(),this.removeElement(),this.destructor(),m.unregister(this),S(this),this._previousFocus!==null&&i.sink.focus(this._previousFocus),this._resolvePromise&&=(this._resolvePromise(e),null)},t=this.getElement(),n=this._backdrop.getElement();return t?(s.play(t,{to:{opacity:`0`,transform:`scale(0.97)`},durationMs:U,properties:[`opacity`,`transform`],onComplete:finalize}),n&&s.play(n,{to:{opacity:`0`},durationMs:U,properties:[`opacity`]}),this):(finalize(),this)}getContentComponent(){return this._contentContainer}clampsToContentSize(){return!1}getTitleBar(){return this._titleBar}getLayerElement(){return this.getElement()??null}getDismissMode(){return`modal`}requestClose(){this._config.dismissable!==!1&&this.hide(`close`)}getBand(){return m.Band.Dialog}static show(e){return new Dialog(e).show()}static async confirm(e,t){return await Dialog.show({title:e,message:t,buttons:[{...K.Cancel,primary:!0},K.Confirm]})===`confirm`}static async alert(e,t,n){await Dialog.show({title:t,message:n,severity:e,buttons:[{...K.Ok,primary:!0}]})}static info(e,t){return Dialog.alert(`info`,e,t)}static success(e,t){return Dialog.alert(`success`,e,t)}static warning(e,t){return Dialog.alert(`warning`,e,t)}static error(e,t){return Dialog.alert(`error`,e,t)}},Pe=o(Ne);f.register(he,me,ge,_e,E);var J={info:`circle-info`,success:`circle-check`,warning:`triangle-exclamation`,error:`circle-exclamation`},Fe={info:`Information`,success:`Success`,warning:`Warning`,error:`Error`},Ie=8e3,Le=200,Re=200,Y=class Notification extends c{static WIDTH=320;static HEIGHT=64;static MARGIN=16;static H_PADDING=12;static V_PADDING=10;static CLOSE_SIZE=20;static BADGE_SIZE=20;static BADGE_TEXT_GAP=8;static Z_INDEX=10002;static activeNotifications=[];static HISTORY_CAP=50;static history=[];static hoverCount=0;static modalCount=0;_type;_fullMessage;_badge;_messageText;_closeButton;_dismissTimer=null;_remainingDuration=0;_timerStartedAt=0;_dismissing=!1;_boundOnCloseAction=e=>{e.stopPropagation(),this.dismiss()};_boundOnDblClick=()=>this.openDetail();_boundOnMouseOver=e=>Notification.acquireHoverHold(e,this.getElement());_boundOnMouseOut=e=>Notification.releaseHoverHold(e,this.getElement());constructor(e,n){super(),this._type=n,this._fullMessage=e,this.setPosition(r.FIXED),this.setZIndex(Notification.Z_INDEX),this.setWidth(Notification.WIDTH),this.setHeight(Notification.HEIGHT),this.setOverflow(`hidden`),this.setContain(`strict`);let i=n===`error`||n===`warning`;this.getAria().setRole(i?`alert`:`status`),this.getAria().setLive(i?`assertive`:`polite`);let a=`var(--ts-ui-notification-${n}-bg)`,o=`var(--ts-ui-notification-${n}-border)`;this.setBackgroundColor(a),this.setBorder({border:`1px solid ${o}`}),this.setShadow(`var(--ts-ui-notification-shadow)`),this.setBorderRadius(`var(--ts-ui-border-radius, 4px)`),this._badge=new f(J[n]),this._badge.setForegroundColor(o),this._badge.setPreferredSize(Notification.BADGE_SIZE,Notification.BADGE_SIZE),this._badge.setPointerEvents(`none`),this._badge.getAria().setHidden(!0),this.addComponent(this._badge),this._messageText=new g(e),this._messageText.setLineClamp(2),this._messageText.setWhiteSpace(`normal`),this._messageText.setWordBreak(`break-word`),this.addComponent(this._messageText),this._closeButton=new T({glyph:`xmark`}),this._closeButton.setInsets(new t(0,0,0,0)),this._closeButton.setBorder(`none`),this._closeButton.clearBackgroundImage(),this._closeButton.setBackgroundColor(`transparent`),this._closeButton.clearShadow(),this._closeButton.clearPressedShadow(),this._closeButton.setForegroundColor(`var(--ts-ui-text-color, rgb(0, 0, 0))`),this._closeButton.setPreferredSize(Notification.CLOSE_SIZE,Notification.CLOSE_SIZE),this._closeButton.getAria().setLabel(`Dismiss notification`),this.addComponent(this._closeButton),this._closeButton.on(`action`,this._boundOnCloseAction),l.addSubtreeListener(this,`dblclick`,this._boundOnDblClick),l.addSubtreeListener(this,`mouseover`,this._boundOnMouseOver),l.addSubtreeListener(this,`mouseout`,this._boundOnMouseOut)}static show(e,t=`info`,n=3e3){Notification.record(e,t);let r=new Notification(e,t);Notification.activeNotifications.push(r);let i=r.getElement(!0);r.scheduleLayout(),m.mount(i),Notification.restack(),r.animateIn(),n>0&&(r.startTimer(n),Notification.isPaused()&&r.pauseTimer())}static record(e,t){Notification.history.push({message:e,type:t,timestamp:Date.now()}),Notification.history.length>Notification.HISTORY_CAP&&Notification.history.shift()}static getHistory(){return[...Notification.history]}animateIn(){let e=this.getElement();e&&s.play(e,{from:{transform:`translateX(100%)`,opacity:`0`},to:{transform:`translateX(0)`,opacity:`1`},durationMs:Re,properties:[`transform`,`opacity`]})}static pauseAll(){let e=Notification.isPaused();Notification.modalCount+=1,e||Notification.pauseAllTimers()}static resumeAll(){Notification.modalCount!==0&&(--Notification.modalCount,Notification.isPaused()||Notification.resumeAllTimers(!0))}static acquireHoverHold(e,t){if(t&&i.source.isNode(e.relatedTarget)&&i.source.contains(t,i.source.intern(e.relatedTarget)))return;let n=Notification.isPaused();Notification.hoverCount+=1,n||Notification.pauseAllTimers()}static releaseHoverHold(e,t){t&&i.source.isNode(e.relatedTarget)&&i.source.contains(t,i.source.intern(e.relatedTarget))||Notification.hoverCount!==0&&(--Notification.hoverCount,Notification.isPaused()||Notification.resumeAllTimers(!1))}static isPaused(){return Notification.hoverCount>0||Notification.modalCount>0}static pauseAllTimers(){for(let e of Notification.activeNotifications)e.pauseTimer()}static resumeAllTimers(e){for(let t of Notification.activeNotifications)t.restartTimer(e)}startTimer(e){this._remainingDuration=e,this._timerStartedAt=Date.now(),this._dismissTimer=setTimeout(()=>this.dismiss(),e)}pauseTimer(){this._dismissTimer!==null&&(clearTimeout(this._dismissTimer),this._dismissTimer=null,this._remainingDuration=Math.max(0,this._remainingDuration-(Date.now()-this._timerStartedAt)))}restartTimer(e){this._dismissing||this._remainingDuration<=0||this._dismissTimer!==null||(e&&(this._remainingDuration=Math.max(this._remainingDuration,Ie)),this._timerStartedAt=Date.now(),this._dismissTimer=setTimeout(()=>this.dismiss(),this._remainingDuration))}openDetail(){Notification.showDetail(this._fullMessage,this._type)}static showDetail(e,n){Notification.pauseAll();let r=new g(e);r.setAutoMeasure(!1),r.setWhiteSpace(`pre-wrap`),r.setWordBreak(`break-word`),r.setPadding(new t(16,16,16,16));let i=new Ne({title:Fe[n],contentComponent:r,buttons:[{...K.Close,primary:!0}],width:420,height:220}),a=i.getTitleBar();a.setBackgroundColor(`var(--ts-ui-notification-${n}-bg)`),a.getTitleText().setForegroundColor(`var(--ts-ui-notification-${n}-border)`),a.setGlyph(J[n]);let o=a.getGlyph();o!==null&&o.setForegroundColor(`var(--ts-ui-notification-${n}-border)`),i.show().then(()=>Notification.resumeAll())}dismiss(){if(this._dismissing)return;this._dismissing=!0,this._dismissTimer!==null&&(clearTimeout(this._dismissTimer),this._dismissTimer=null);let e=this.getElement();if(!e){this.finishDismiss();return}s.play(e,{to:{transform:`translateX(100%)`,opacity:`0`},durationMs:Le,properties:[`transform`,`opacity`],onComplete:()=>this.finishDismiss()})}finishDismiss(){Notification.activeNotifications=Notification.activeNotifications.filter(e=>e!==this),this.removeElement(),Notification.restack()}static restack(){let e=i.source.getViewportSize(),t=e.width-Notification.WIDTH-Notification.MARGIN,n=e.height-Notification.MARGIN;for(let e=Notification.activeNotifications.length-1;e>=0;e--){let r=Notification.activeNotifications[e];n-=Notification.HEIGHT,r.setX(t),r.setY(n),n-=Notification.MARGIN}}doLayout(){super.doLayout();let e=Notification.WIDTH-Notification.CLOSE_SIZE-4,t=Notification.H_PADDING,n=Notification.V_PADDING+2,r=t+Notification.BADGE_SIZE+Notification.BADGE_TEXT_GAP,i=e-r-4,a=Notification.HEIGHT-Notification.V_PADDING*2;return this._badge.setX(t),this._badge.setY(n),this._badge.setWidth(Notification.BADGE_SIZE),this._badge.setHeight(Notification.BADGE_SIZE),this._messageText.setX(r),this._messageText.setY(Notification.V_PADDING),this._messageText.setWidth(i),this._messageText.setHeight(a),this._closeButton.setX(e),this._closeButton.setY(4),this._closeButton.setWidth(Notification.CLOSE_SIZE),this._closeButton.setHeight(Notification.CLOSE_SIZE),this._closeButton.doLayout(),this}};f.register(ye);var ze=6e4,Be=36e5,Ve=864e5;function formatRelativeTime(e,t){let n=Math.max(0,t-e);return n<ze?`just now`:n<Be?`${Math.floor(n/ze)}m ago`:n<Ve?`${Math.floor(n/Be)}h ago`:`${Math.floor(n/Ve)}d ago`}function buildHistoryItems(){let e=Y.getHistory();if(e.length===0)return[{text:`No notifications yet`,enabled:!1}];let t=Date.now();return e.map(e=>({glyph:J[e.type],glyphColor:`var(--ts-ui-notification-${e.type}-border)`,text:e.message,shortcut:formatRelativeTime(e.timestamp,t),action:()=>Y.showDetail(e.message,e.type)}))}var NotificationHistoryButton=class extends ve{constructor(e){super(void 0,e,{glyph:`clock-rotate-left`,menuItems:buildHistoryItems,scrollToBottomOnShow:!0}),this.getAria().setLabel(`Notification history`),this.applyListeners(e?.listeners)}},He=o(NotificationHistoryButton),Ue={edge:C.WEST,modal:!1,size:320,durationMs:220,overflow:`auto`,backgroundColor:`var(--ts-ui-drawer-bg)`,shadow:`var(--ts-ui-drawer-shadow)`},Drawer=class extends c{_open=!1;_closing=!1;_backdrop=null;_listeners=new u;_boundResizeHandler=()=>this.onViewportResize();_boundBackdropClose=()=>{this.close()};constructor(e,t){super(e,{...Ue,...t??{}}),this.setPosition(r.FIXED),this.applyListeners(e?.listeners)}applyOptions(e){return super.applyOptions(e),this.setEdge(e.edge??this.getEdge()),this.setModal(e.modal??this.isModal()),this.setDrawerSize(e.size??this.getDrawerSize()),this.setDurationMs(e.durationMs??this.getDurationMs()),this}setEdge(e){return this._options.edge=e,this}getEdge(){return this._options.edge??this._defaultOptions.edge}setModal(e){return this._options.modal=e,this}isModal(){return this._options.modal??this._defaultOptions.modal}setDrawerSize(e){return this._options.size=e,this}getDrawerSize(){return this._options.size??this._defaultOptions.size}setDurationMs(e){return this._options.durationMs=e,this}getDurationMs(){return this._options.durationMs??this._defaultOptions.durationMs}open(){if(this._open)return this;m.register(this);let e=m.getZIndex(this);return this.setZIndex(e),this.isModal()&&this.openBackdrop(e-1),this.applyEdgeBorder(),this.applyRestingGeometry(),i.sink.appendChild(i.source.getDocumentElement(),this.getElement(!0)),b(this),this.scheduleLayout(),this.animateIn(),l.addViewportListener(this,`resize`,this._boundResizeHandler),this._open=!0,this.emit(`open`),this}close(){if(!this._open||this._closing)return this;let e=!1;return this.emit(`beforeclose`,{preventDefault:()=>{e=!0}}),e?this:(this._closing=!0,l.removeViewportListener(this,`resize`,this._boundResizeHandler),this.animateOutAndFinalize(),this)}toggle(){return this._open?this.close():this.open()}isOpen(){return this._open}restingRect(){let e=i.source.getViewportSize(),t=this.getDrawerSize();switch(this.getEdge()){case C.EAST:return{x:e.width-t,y:0,width:t,height:e.height};case C.NORTH:return{x:0,y:0,width:e.width,height:t};case C.SOUTH:return{x:0,y:e.height-t,width:e.width,height:t};case C.WEST:default:return{x:0,y:0,width:t,height:e.height}}}applyRestingGeometry(){let e=this.restingRect();this.setX(e.x),this.setY(e.y),this.setWidth(e.width),this.setHeight(e.height)}offscreenTransform(){let e=this.getDrawerSize();switch(this.getEdge()){case C.EAST:return`translateX(${e}px)`;case C.NORTH:return`translateY(${-e}px)`;case C.SOUTH:return`translateY(${e}px)`;case C.WEST:default:return`translateX(${-e}px)`}}applyEdgeBorder(){let e=`1px solid var(--ts-ui-drawer-border)`;switch(this.getEdge()){case C.EAST:this.setBorder({border:`none`,borderLeft:e});break;case C.NORTH:this.setBorder({border:`none`,borderBottom:e});break;case C.SOUTH:this.setBorder({border:`none`,borderTop:e});break;case C.WEST:default:this.setBorder({border:`none`,borderRight:e});break}}animateIn(){let e=this.getElement();e&&s.play(e,{from:{transform:this.offscreenTransform()},to:{transform:`translate(0, 0)`},durationMs:this.getDurationMs(),properties:[`transform`]})}animateOutAndFinalize(){let e=this.getElement(),finalize=()=>{this.removeElement(),this.teardownBackdrop(),m.unregister(this),S(this),this._open=!1,this._closing=!1,this.emit(`close`)};if(!e){finalize();return}s.play(e,{to:{transform:this.offscreenTransform()},durationMs:this.getDurationMs(),properties:[`transform`],onComplete:finalize}),this.fadeBackdropOut()}openBackdrop(e){this._backdrop=new P,this._backdrop.setZIndex(e),this._backdrop.addClickListener(this._boundBackdropClose);let t=this._backdrop.getElement(!0);i.sink.appendChild(i.source.getDocumentElement(),t),s.play(t,{from:{opacity:`0`},to:{opacity:`1`},durationMs:this.getDurationMs(),properties:[`opacity`]})}fadeBackdropOut(){let e=this._backdrop?.getElement();e&&s.play(e,{to:{opacity:`0`},durationMs:this.getDurationMs(),properties:[`opacity`]})}teardownBackdrop(){this._backdrop!==null&&(this._backdrop.destroy(),this._backdrop=null)}onViewportResize(){this._backdrop!==null&&this._backdrop.resize(),this.applyRestingGeometry()}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)}getLayerElement(){return this.getElement()??null}getDismissMode(){return this.isModal()?`modal`:`manual`}requestClose(){this.close()}isLayerRoot(){return!0}onZIndexChanged(e){this.setZIndex(e),this._backdrop!==null&&this._backdrop.setZIndex(e-1)}},We=o(Drawer),RailHandle=class extends T{get selectedRule(){return this._selectedRule??=this.createStyleRule(`.selected`)}get railHoverRule(){return this._railHoverRule??=this.createStyleRule(`:hover:not(.selected)`)}constructor(e={}){super(e.text,e,{chromeless:!0}),this.railHoverRule.set(`backgroundColor`,`var(--ts-ui-rail-handle-hover-bg)`),this.selectedRule.set(`backgroundColor`,`var(--ts-ui-rail-handle-selected-bg)`)}applyOptions(e){return super.applyOptions(e),e.selected!==void 0&&this.setSelected(e.selected),this}isSelected(){return this._options.selected??!1}setSelected(e){this._options.selected=e,this.getAria().setPressed(e);let t=this.getElement();return t&&i.sink.apply(t,{toggleClass:{selected:e}}),this}render(){let e=super.render();return i.sink.apply(e,{toggleClass:{selected:this.isSelected()}}),e}},X=o(RailHandle),Z=48,Ge=8900,Q=200,Ke=10,qe=5;function collapseHeadingFor(e){switch(e){case C.EAST:return`east`;case C.NORTH:return`north`;case C.SOUTH:return`south`;case C.WEST:default:return`west`}}var $={west:`east`,east:`west`,north:`south`,south:`north`},Je={edge:C.WEST,orientation:`horizontal`,backgroundColor:`var(--ts-ui-rail-bg)`,shadow:`var(--ts-ui-rail-shadow)`},Rail=class extends c{_listeners=new u;_drawers=new Map;_windows=new Map;_mounted=!1;_collapseButton;_expandedThickness=Z;_boundResizeHandler=()=>this.applyRestingGeometry();constructor(e,t){super(e,{...Je,...t??{}}),this.setPosition(r.FIXED),this.setZIndex(Ge),this._collapseButton=new ae({direction:collapseHeadingFor(this.getEdge()),listeners:{collapse:()=>{this.toggleCollapsed()}}}),e?.listeners!==void 0&&this.applyListeners(e.listeners)}applyOptions(e){return super.applyOptions(e),this.setEdge(e.edge??this.getEdge()),this.setOrientation(e.orientation??this.getOrientation()),e.thickness!==void 0&&this.setThickness(e.thickness),e.collapsed!==void 0&&(this._options.collapsed=e.collapsed),this}setEdge(e){return this._options.edge=e,this}getEdge(){return this._options.edge??this._defaultOptions.edge}setThickness(e){return this._options.thickness=e,this.adaptThickness(),this}getThickness(){return this.isCollapsed()?Ke:this._options.thickness===void 0?this.measureContentThickness():this._options.thickness}measureContentThickness(){let e=this.getPreferredSize();if(!e)return Z;let t=this.isVertical()?e.width:e.height;return t<=0||n(t)?Z:Math.ceil(t)}adaptThickness(){this._mounted&&this.applyRestingGeometry()}isCollapsed(){return this._options.collapsed??!1}setCollapsed(e){return e===this.isCollapsed()?this:(e&&(this._expandedThickness=this.getThickness()),this._options.collapsed=e,this._mounted&&this.animateCollapseTransition(e),this)}toggleCollapsed(){return this.setCollapsed(!this.isCollapsed())}applyCollapseAppearance(){let e=this.isCollapsed(),t=collapseHeadingFor(this.getEdge());this._collapseButton.setDirection(e?$[t]:t),this.applyCollapseStyling(e),this.positionChevron(e),this.setAllHandlesDisplayed(!e)}applyCollapseStyling(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.clearBackgroundImage(),this.setBackgroundColor(`var(--ts-ui-rail-bg)`),this.applyEdgeBorder())}positionChevron(e){let t,n;if(e)t=`50%`,n=`50%`;else{let e=`calc(100% - ${qe}px)`,r=`${qe}px`;switch(this.getEdge()){case C.EAST:t=r,n=`50%`;break;case C.NORTH:t=`50%`,n=e;break;case C.SOUTH:t=`50%`,n=r;break;case C.WEST:default:t=e,n=`50%`;break}}let r=e?`10px`:null;new a({scope:`component`,name:this._collapseButton.getId(),styles:{left:t,top:n,width:r,zIndex:`1`}})}animateCollapseTransition(e){let t=collapseHeadingFor(this.getEdge());this._collapseButton.setDirection(e?$[t]:t),this.applyCollapseStyling(e),this.positionChevron(e);let n=this.getElement(),r=this.isVertical()?this.getWidth():this.getHeight(),i=e?Ke:this._expandedThickness;e||(this.setAllHandlesDisplayed(!0),this.applyRestingGeometry(),this.scheduleLayout());let finalize=()=>{e&&this.setAllHandlesDisplayed(!1),this.applyRestingGeometry(),e||this.scheduleLayout()};if(!n){finalize();return}let a=this.collapseTween(r,i);s.play(n,{from:a.from,to:a.to,durationMs:Q,properties:a.properties,onComplete:finalize})}collapseTween(e,t){let n=i.source.getViewportSize(),r={},a={};return this.isVertical()?(r.width=e+`px`,a.width=t+`px`,this.getEdge()===C.EAST&&(r.left=n.width-e+`px`,a.left=n.width-t+`px`)):(r.height=e+`px`,a.height=t+`px`,this.getEdge()===C.SOUTH&&(r.top=n.height-e+`px`,a.top=n.height-t+`px`)),{from:r,to:a,properties:Object.keys(a)}}setAllHandlesDisplayed(e){for(let t of this._drawers.values())t.handle.setDisplayed(e);for(let t of this._windows.values())t.handle?.setDisplayed(e)}setOrientation(e){return this._options.orientation=e,this._drawers!==void 0&&this.applyOrientation(),this}getOrientation(){return this._options.orientation??this._defaultOptions.orientation}mount(){if(this._mounted)return this;this.setLayoutManager(this.isVertical()?new se:new _),this.applyEdgeBorder(),this.applyRestingGeometry();let e=this.getElement(!0);i.sink.appendChild(i.source.getDocumentElement(),e);let t=this._collapseButton.getElement(!0);return t&&i.source.getParentElement(t)!==e&&i.sink.appendChild(e,t),this.applyCollapseAppearance(),this.scheduleLayout(),l.addViewportListener(this,`resize`,this._boundResizeHandler),this._mounted=!0,this.animateIn(),this}unmount(){if(!this._mounted)return this;l.removeViewportListener(this,`resize`,this._boundResizeHandler),this._mounted=!1;let e=this.getElement(),detach=()=>{this.removeElement()};return e?(s.play(e,{to:{transform:this.offscreenTransform()},durationMs:Q,properties:[`transform`],onComplete:detach}),this):(detach(),this)}animateIn(){let e=this.getElement();e&&s.play(e,{from:{transform:this.offscreenTransform()},to:{transform:`translate(0, 0)`},durationMs:Q,properties:[`transform`]})}offscreenTransform(){switch(this.getEdge()){case C.EAST:return`translateX(100%)`;case C.NORTH:return`translateY(-100%)`;case C.SOUTH:return`translateY(100%)`;case C.WEST:default:return`translateX(-100%)`}}registerDrawer(e,t={}){if(this._drawers.has(e))return this;let n=new X({text:t.text,glyph:t.glyph,selected:e.isOpen()}),onOpen=()=>{n.setSelected(!0)},onClose=()=>{n.setSelected(!1)},onAction=()=>{e.toggle()};return e.on(`open`,onOpen),e.on(`close`,onClose),n.on(`action`,onAction),t.alignEdge!==!1&&e.setEdge(this.getEdge()),this.applyHandleOrientation(n),n.setDisplayed(!this.isCollapsed()),this.addComponent(n),this._drawers.set(e,{handle:n,onOpen,onClose,onAction}),this.adaptThickness(),this.scheduleLayout(),this.emit(`register`,e),this}unregisterDrawer(e){let t=this._drawers.get(e);return t?(e.off(`open`,t.onOpen),e.off(`close`,t.onClose),t.handle.off(`action`,t.onAction),this.removeComponent(t.handle),this._drawers.delete(e),this.adaptThickness(),this.emit(`unregister`,e),this):this}registerWindow(e){if(this._windows.has(e))return this;let onMinimize=()=>{this.showWindowHandle(e)},onRestore=()=>{this.removeWindowHandle(e)},onClose=()=>{this.unregisterWindow(e)},onAction=()=>{e.restore()};return e.on(`minimize`,onMinimize),e.on(`restore`,onRestore),e.on(`close`,onClose),this._windows.set(e,{handle:null,onMinimize,onRestore,onClose,onAction}),e.isMinimized()&&this.showWindowHandle(e),this.emit(`register`,e),this}unregisterWindow(e){let t=this._windows.get(e);return t?(e.off(`minimize`,t.onMinimize),e.off(`restore`,t.onRestore),e.off(`close`,t.onClose),this.removeWindowHandle(e),this._windows.delete(e),this.emit(`unregister`,e),this):this}showWindowHandle(e){let t=this._windows.get(e);if(!t||t.handle!==null)return;let n=new X({text:e.getTitle(),glyph:e.getGlyph(),selected:!0});n.on(`action`,t.onAction),t.handle=n,this.applyHandleOrientation(n),n.setDisplayed(!this.isCollapsed()),this.addComponent(n),this.adaptThickness(),this.scheduleLayout()}removeWindowHandle(e){let t=this._windows.get(e);!t||t.handle===null||(t.handle.off(`action`,t.onAction),this.removeComponent(t.handle),t.handle=null,this.adaptThickness())}applyOrientation(){for(let e of this._drawers.values())this.applyHandleOrientation(e.handle);for(let e of this._windows.values())e.handle!==null&&this.applyHandleOrientation(e.handle);this.adaptThickness(),this.scheduleLayout()}applyHandleOrientation(e){let t=this.getOrientation(),n=t===`vertical-cw`?`sideways-rl`:t===`vertical-ccw`?`sideways-lr`:null;this.isVertical()&&n!==null?e.setWritingMode(n):e.clearWritingMode()}clampsToContentSize(){return!1}isVertical(){let e=this.getEdge();return e===C.WEST||e===C.EAST}restingRect(){let e=i.source.getViewportSize(),t=this.getThickness();switch(this.getEdge()){case C.EAST:return{x:e.width-t,y:0,width:t,height:e.height};case C.NORTH:return{x:0,y:0,width:e.width,height:t};case C.SOUTH:return{x:0,y:e.height-t,width:e.width,height:t};case C.WEST:default:return{x:0,y:0,width:t,height:e.height}}}applyRestingGeometry(){let e=this.restingRect();this.setX(e.x),this.setY(e.y),this.setWidth(e.width),this.setHeight(e.height)}applyEdgeBorder(){let e=`1px solid transparent`,t=`1px solid var(--ts-ui-rail-border)`;switch(this.getEdge()){case C.EAST:this.setBorder({border:e,borderLeft:t});break;case C.NORTH:this.setBorder({border:e,borderBottom:t});break;case C.SOUTH:this.setBorder({border:e,borderTop:t});break;case C.WEST:default:this.setBorder({border:e,borderRight:t});break}}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)}},Ye=o(Rail),Dock=class extends d{_panels=new Map;_frames=new Map;_lazyFactories=new Map;_wiring=new Map;_sweepScheduled=!1;_listeners=new u;_focusedPanelId=null;_panelHost=new Map;_frameRegion=new Map;_lastActiveRegion=null;_floatSubscribed=new Set;_emptyDropOverlay=new D;_empty=!0;_emptyReconciled=!1;requestSweep=()=>{this.scheduleSweep()};onPanelDocked=e=>{this.requestSweep()};constructor(e,t){super(e,{layoutManager:new h,...t});let n=e?.layout?this.compileLayout(e.layout):this.newTabRegion();this.addComponent(n),this.scheduleSweep(),this.wireEmptyDropTarget(),this.applyListeners(e?.listeners)}applyOptions(e){return super.applyOptions(e),e.emptyContent!==void 0&&this.setEmptyContent(e.emptyContent),this}setEmptyContent(e){let t=this._emptyReconciled&&this.mainRegionEmpty();return t&&this.hideEmptyState(),this._options.emptyContent=e??void 0,t&&this.showEmptyState(),this}getEmptyContent(){return this._options.emptyContent??null}isEmpty(){return this._frames.size===0}wireEmptyDropTarget(){fe.makeDropTarget(this,{accepts:e=>e.dragData.tabDrag===!0&&this.getComponents().length===0,suppressValidityTint:!0,onDragOver:()=>(this._emptyDropOverlay.attachTo(this),this._emptyDropOverlay.highlightFull(),null),onDragLeave:()=>{this._emptyDropOverlay.detach()},onDrop:e=>{this._emptyDropOverlay.detach();let t=de.get(e.dragData.componentId);if(!t)return;let n=this.newTabRegion();this.addComponent(n),n.moveComponent(t),this.scheduleSweep()}})}addPanel(e){this._panels.set(e.id,e);let t=this.resolvePanel(e.id);if(t){let n=this.activeTabRegion();this._lastActiveRegion=n,n.moveComponent(t,void 0,this.leafConstraints(e)),n.getLayoutManager().setActiveContent(t),this._frameRegion.set(e.id,n),this.scheduleSweep()}return this}addLazyPanel(e){this._panels.set(e.id,e),this._lazyFactories.set(e.id,typeof e.content==`function`?e.content:()=>e.content);let t=this.resolvePanel(e.id);if(t){let n=this.activeTabRegion();this._lastActiveRegion=n,n.moveComponent(t,void 0,this.leafConstraints(e)),n.getLayoutManager().setActiveContent(t),this._frameRegion.set(e.id,n),this.scheduleSweep()}return this}getRootRegion(){return this.getComponents()[0]}getLayoutState(){return xe(this.getRootRegion())}setLayoutState(e){return this._frameRegion.clear(),Ce(this.getRootRegion(),e,e=>this.resolvePanel(e)),this.scheduleSweep(),this}resolvePanel(e){let t=this._panels.get(e);if(!t)return null;let n=this._frames.get(e);if(!n){let r=this._lazyFactories.get(e);if(r){let e=new x;e.setBarVisible(!1),n=new d({id:t.id,name:t.title,layoutManager:e}),e.addLazyTab(r,t.title??t.id)}else{n=new d({id:t.id,name:t.title,layoutManager:new h});let e=typeof t.content==`function`?t.content():t.content;n.addComponent(e)}this._frames.set(e,n)}return n}leafConstraints(e){let t=new w;return t.closeable=e.closeable??!0,e.glyph&&(t.glyph=e.glyph),e.tooltip&&(t.tooltip=e.tooltip),t}activeTabRegion(){let e=this.getRootRegion(),t=this._lastActiveRegion;return t&&this.isTab(t)&&this.containsRegion(e,t)?t:this.isTab(e)?e:this.firstTabRegion(e)??this.wrapRootInTab()}containsRegion(e,t){if(e===t)return!0;for(let n of e.getComponents())if(this.isRegionContainer(n)&&this.containsRegion(n,t))return!0;return!1}firstTabRegion(e){if(this.isTab(e))return e;for(let t of e.getComponents())if(this.isRegionContainer(t)){let e=this.firstTabRegion(t);if(e)return e}return null}wrapRootInTab(){let e=this.newTabRegion(),t=this.getRootRegion();return this.addComponent(e),e.moveComponent(t),e}newTabRegion(){return new d({layoutManager:new x({reorderable:!0,compact:!0})})}compileLayout(e){if(`split`in e){let t=new d({layoutManager:new be({orientation:e.split})});for(let n of e.children)t.addComponent(this.compileRegion(n));return t}return`tabs`in e?this.compileTabs(e.tabs):this.compileTabs([e])}compileRegion(e){return`split`in e||`tabs`in e?this.compileLayout(e):this.compileTabs([e])}compileTabs(e){let t=this.newTabRegion();for(let n of e){this._panels.set(n.id,n);let e=this.resolvePanel(n.id);e&&(t.addComponent(e,this.leafConstraints(n)),this._panelHost.set(n.id,null),this._frameRegion.set(n.id,t))}return t}scheduleSweep(){this._sweepScheduled||(this._sweepScheduled=!0,i.sink.requestAnimationFrame(()=>{this._sweepScheduled=!1,this.runSweep()}))}runSweep(){let e=this.getRootRegion();if(!e)return;let t=this.ownedFloatWindows().map(e=>this.adoptFloat(e)).filter(e=>e!==null);this.wireRegion(e);for(let e of t)this.wireRegion(e);this.subscribeFloatWindows(),this.reconcileHosts(e),this.teardownVanished(e,t),this.reconcileEmptyState()}reconcileEmptyState(){this.mainRegionEmpty()?this.showEmptyState():this.hideEmptyState();let e=this.isEmpty();!this._emptyReconciled&&(this._emptyReconciled=!0,e===this._empty)||e!==this._empty&&(this._empty=e,this.emit(`emptychange`,{empty:e}))}mainRegionEmpty(){let e=this.getRootRegion();if(!e)return!1;let t=this.getEmptyContent();return e.getComponents().every(e=>e===t)}showEmptyState(){let e=this.getRootRegion(),t=this.getEmptyContent();e&&(t?(this.rootTab()?.setBarVisible(!0),t.getParentComponent()!==e&&e.moveComponent(t,void 0,this.placeholderConstraints())):this.rootTab()?.setBarVisible(!1))}hideEmptyState(){let e=this.getEmptyContent(),t=e?.getParentComponent(),n=t?.getLayoutManager();e&&(n instanceof x&&n.closeTab(e)||t?.removeComponent(e)),this.rootTab()?.setBarVisible(!0)}rootTab(){let e=this.getRootRegion()?.getLayoutManager();return e instanceof x?e:null}placeholderConstraints(){let e=new w;return e.closeable=!1,e.transient=!0,e}subscribeFloatWindows(){for(let e of this.floatWindowsHoldingFrames()){if(this._floatSubscribed.has(e))continue;let onFloatActivate=()=>{this.onFloatActivated(e)},onFloatClose=()=>{this.onFloatClosed(e)};if(e.on(`activate`,onFloatActivate),e.on(`close`,onFloatClose),e instanceof v){let t=e.getLayoutManager();t.on(`activate`,this.onPanelFocused),t.on(`tabclose`,this.onPanelClosed),t.on(`detach`,this.onPanelDetached),t.on(`dock`,this.onPanelDocked)}this._floatSubscribed.add(e)}this.pruneClosedFloatSubscriptions()}pruneClosedFloatSubscriptions(){let e=new Set(y.getOpenWindows());for(let t of this._floatSubscribed)e.has(t)||this._floatSubscribed.delete(t)}floatWindowsHoldingFrames(){let e=[...this._frames.values()];return y.getOpenWindows().filter(t=>!this.windowContains(t,this)&&e.some(e=>this.windowContains(t,e)))}reconcileHosts(e){for(let[t,n]of this._frames){if(!this._panels.has(t))continue;let r=this.hostForFrame(n,e),i=this._panelHost.has(t),a=this._panelHost.get(t)??null,o=this.regionForFrame(n),s=this._frameRegion.get(t)??null;i?r===a?o&&s&&o!==s&&this.emit(`move`,{id:t,content:n,window:r}):(this.emit(`detach`,{id:t,content:n,window:a}),this.emit(`attach`,{id:t,content:n,window:r})):this.emit(`attach`,{id:t,content:n,window:r}),this._panelHost.set(t,r),o&&this._frameRegion.set(t,o)}}hostForFrame(e,t){return this.isUnder(t,e)?null:this.floatForFrame(e)}ownedFloatWindows(){let e=[...this._frames.values()];return y.getOpenWindows().filter(t=>!(t instanceof v)&&!this.windowContains(t,this)&&e.some(e=>this.windowContains(t,e)))}windowContains(e,t){for(let n=t;n;n=n.getParentComponent())if(n===e)return!0;return!1}windowContent(e){return e.getComponents().find(t=>!e.isChromeComponent(t))??null}adoptFloat(e){let t=this.windowContent(e);if(!t)return null;if(this.isRegionContainer(t))return t;let n=this.newTabRegion();return e.moveComponent(n),n.moveComponent(t),n}wireRegion(e){let t=this._wiring.get(e);t||(t={dockRegion:new Se(e,this.requestSweep),tabWired:!1},this._wiring.set(e,t));let n=e.getLayoutManager();if(this.isTab(e)&&!t.tabWired){let r=n;r.setReorderable(!0);let onEmpty=()=>{this.pruneRegion(e)};r.on(`empty`,onEmpty),r.on(`tabclose`,this.onPanelClosed),r.on(`activate`,this.onPanelFocused),r.on(`detach`,this.onPanelDetached),r.on(`dock`,this.onPanelDocked),t.tabWired=!0}for(let t of e.getComponents())this.isRegionContainer(t)&&this.wireRegion(t)}pruneRegion(e){let t=e.getParentComponent();!t||e.getComponents().length>0||t!==this&&(t.removeComponent(e),this.collapseSinglePaneSplit(t),this.closeFloatIfEmpty(t),this.scheduleSweep())}closeFloatIfEmpty(e){y.getOpenWindows().includes(e)&&(this.windowContent(e)||e.requestClose())}collapseSinglePaneSplit(e){if(this.regionKind(e)!==`Split`)return;let t=e.getComponents();if(t.length!==1)return;let n=e.getParentComponent();if(!n)return;let r=n.getComponents().indexOf(e);this.regionKind(n)===`Split`&&n.getLayoutManager().transferPaneSize(e,t[0]),n.moveComponent(t[0],r),n.removeComponent(e)}teardownVanished(e,t){let n=new Set;this.collectRegions(e,n);for(let e of t)this.collectRegions(e,n);for(let[e,t]of this._wiring)n.has(e)||(t.dockRegion.destroy(),this._wiring.delete(e))}collectRegions(e,t){t.add(e);for(let n of e.getComponents())this.isRegionContainer(n)&&this.collectRegions(n,t)}isRegionContainer(e){let t=this.regionKind(e);return t===`Split`||t===`Tab`}isTab(e){return this.regionKind(e)===`Tab`}regionKind(e){let t=e.getLayoutManager();return t?t.getClassName().replace(/^_/,``):``}onPanelClosed=e=>{let t=e.getId();if(this._frames.get(t)!==e)return;let n=this._frameRegion.get(t)??null;this._frames.delete(t),this._panelHost.delete(t),this._frameRegion.delete(t),this.emit(`close`,{id:t,content:e,window:null}),this.scheduleSweep(),this._focusedPanelId===t&&this.scheduleFocusRecompute(n)};onPanelFocused=e=>{let t=e.getId();if(this._frames.get(t)!==e)return;let n=this._frameRegion.get(t);n&&(this._lastActiveRegion=n),this.setFocus(t)};onPanelDetached=e=>{this.scheduleSweep()};onFloatActivated(e){let t=this.activeFrameInFloat(e);t&&this.setFocus(t.getId())}onFloatClosed(e){let t=!1;for(let n of this.framesInWindow(e)){let e=n.getId();this._frames.delete(e),this._panelHost.delete(e),this._frameRegion.delete(e),this.emit(`close`,{id:e,content:n,window:null}),this._focusedPanelId===e&&(t=!0)}this.scheduleSweep(),t&&this.scheduleFocusRecompute(null)}setFocus(e){if(e===this._focusedPanelId)return;if(this._focusedPanelId=e,e===null){this.emit(`focus`,null);return}let t=this._frames.get(e);if(t){let n=this.hostForFrame(t,this.getRootRegion());this.emit(`focus`,{id:e,content:t,window:n})}}scheduleFocusRecompute(e){i.sink.requestAnimationFrame(()=>this.recomputeFocusAfterClose(e))}recomputeFocusAfterClose(e){if(this._frames.size===0){this.setFocus(null);return}if(!e||!this.isTab(e)||e.getComponents().length===0){this.setFocus(null);return}let t=e.getLayoutManager().getActiveContent();this.setFocus(t?t.getId():null)}focusPanel(e){let t=this._frames.get(e);if(!t)return!1;let n=this.regionForFrame(t);if(!n)return!1;let r=n.getLayoutManager().indexOfContent(t);return r<0?!1:(this.floatForFrame(t)?.bringToFront(),n.getLayoutManager().setActiveTabIndex(r),!0)}removePanel(e){let t=this._frames.get(e);if(!t)return!1;let n=this.regionForFrame(t);return n?n.getLayoutManager().closeTab(t):!1}regionForFrame(e){for(let t of this.allTabRegions())if(t.getLayoutManager().indexOfContent(e)>=0)return t;return null}floatForFrame(e){return this.floatWindowsHoldingFrames().find(t=>this.windowContains(t,e))??null}allTabRegions(){let e=[],t=this.getRootRegion();t&&this.collectTabRegions(t,e);for(let t of this.floatWindowsHoldingFrames()){if(t instanceof v){e.push(t);continue}let n=this.windowContent(t);n&&this.collectTabRegions(n,e)}return e}collectTabRegions(e,t){this.isTab(e)&&t.push(e);for(let n of e.getComponents())this.isRegionContainer(n)&&this.collectTabRegions(n,t)}framesInWindow(e){return[...this._frames.values()].filter(t=>this.windowContains(e,t))}activeFrameInFloat(e){let t=null;if(e instanceof v)t=e.getLayoutManager();else{let n=this.windowContent(e),r=[];n&&this.collectTabRegions(n,r),t=r.length>0?r[0].getLayoutManager():null}let n=t?t.getActiveContent():null;return n&&this._frames.get(n.getId())===n?n:null}isUnder(e,t){for(let n=t;n;n=n.getParentComponent())if(n===e)return!0;return!1}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)}},Xe=o(Dock);export{y as AbstractWindow,re as ButtonGroup,Pe as Dialog,K as DialogButtons,DialogTitleBar,Xe as Dock,ue as DragFeedback,ce as DragGhost,fe as DragManager,We as Drawer,D as DropZoneOverlay,pe as Menu,Y as Notification,He as NotificationHistoryButton,Te as Popover,Ye as Rail,X as RailHandle,le as ReorderIndicator,v as TabWindow,ee as Tooltip,ie as Window};
+//# sourceMappingURL=overlay.es.js.map