@jimka/typescript-ui 0.1.0

package/dist/lib/component/menubar.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.es.js","names":[],"sources":["../../../src/typescript/lib/component/menubar/MenuBarButton.ts","../../../src/typescript/lib/component/menubar/MenuBar.ts","../../../src/typescript/lib/component/menubar/ToolBar.ts","../../../src/typescript/lib/component/menubar/ToolBarSeparator.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Button, ButtonOptions } from \"~/component/button/Button.js\";\nimport { Event } from \"~/core/Event.js\";\nimport { HBox } from \"~/layout/HBox.js\";\nimport { Insets } from \"~/primitive/Insets.js\";\nimport { callable } from \"~/core/Callable.js\";\n\n/**\n * Construction-time options for {@link MenuBarButton}.\n *\n * @category Components\n */\nexport interface MenuBarButtonOptions extends ButtonOptions {\n}\n\n/**\n * User-overridable visual defaults forwarded to `super` via the third\n * constructor arg. The cascade in `Component`'s constructor merges these\n * over Button's own defaults and dispatches each setter once with the\n * final value, so any field the caller supplied wins.\n */\nconst _defaultMenuBarButtonOptions: Partial<MenuBarButtonOptions> = {\n    backgroundColor: \"var(--ts-ui-menu-bar-btn-bg, transparent)\",\n    foregroundColor: \"var(--ts-ui-menu-bar-btn-fg, inherit)\",\n    cursor:          \"pointer\",\n};\n\n/** Pixel gap between the leading glyph and the label in the content row. */\nconst GLYPH_TEXT_GAP = 4;\n\n/** Horizontal padding inside the button, applied via `setInsets`. */\nconst HORIZONTAL_PAD = 10;\n\n/**\n * Fixed row height shared by every `MenuBarButton` and by the parent\n * [`MenuBar`](/api/component/menubar/classes/MenuBar) container's `setMinSize`. Exported so the two stay in\n * lockstep — changing one without the other would let the bar grow taller\n * than its buttons.\n */\nexport const MENU_BAR_BUTTON_HEIGHT: number = 28;\n\n/**\n * A single top-level button in a [`MenuBar`](/api/component/menubar/classes/MenuBar) (e.g. \"File\", \"Edit\").\n *\n * Extends [`Button`](/api/component/button/classes/Button) with `chromeless: true`\n * so the menubar's flat label-style appearance dodges Button's ridge border,\n * drop shadow, and gradient defaults. Reuses Button's content-row machinery\n * for the optional leading glyph + label pair, re-anchored to the west edge.\n * Adds menubar-specific ARIA (`role=\"menuitem\"`, `aria-haspopup=\"menu\"`,\n * `aria-expanded`) and the sticky `setActive` highlight for the\n * dropdown-open state. The `:hover` rule rides Button's `styleRules` bag.\n *\n * Communicates open/close intent back to [`MenuBar`](/api/component/menubar/classes/MenuBar) via callbacks passed at\n * construction time.\n *\n * @category Components\n */\nclass MenuBarButton extends Button<MenuBarButtonOptions> {\n\n    private readonly _onClickHandler:     () => void;\n    private readonly _onMouseOverHandler: () => void;\n\n    /**\n     * Constructs a `MenuBarButton`.\n     *\n     * @param text - The label shown in the bar (e.g. `\"File\"`).\n     * @param onClick - Called when the user clicks this button.\n     * @param onHover - Called when the mouse enters this button while a menu is open (quick-switch).\n     * @param options - Optional configuration bag. `glyph` is inherited from\n     *   [`ButtonOptions`](/api/component/button/interfaces/ButtonOptions).\n     */\n    constructor(\n        text:     string,\n        onClick:  () => void,\n        onHover:  () => void,\n        options?: MenuBarButtonOptions,\n    ) {\n        super(\n            text,\n            {\n                ...options,\n                // chromeless suppresses Button's ridge border, drop shadow,\n                // gradient background, and the pressed/hover treatments —\n                // the menubar wants a flat label-shaped surface.\n                chromeless: true,\n                // Menubar-specific :hover highlight rides Button's styleRules\n                // bag so the cascade routes through createStyleRule's\n                // dedupe-and-defer machinery. Merge with any caller-supplied\n                // styleRules entries via the canonical array-spread idiom.\n                styleRules: [\n                    ...(options?.styleRules ?? []),\n                    {\n                        suffix: \":hover\",\n                        styles: {\n                            backgroundColor: \"var(--ts-ui-menu-bar-btn-hover-bg, rgba(30, 100, 200, 0.10))\",\n                        },\n                    },\n                ],\n            },\n            _defaultMenuBarButtonOptions,\n        );\n\n        // Bump the HBox content-row spacing from Button's default (2) to the\n        // menubar's GLYPH_TEXT_GAP (4).\n        (this._content.getLayoutManager() as HBox).setComponentSpacing(GLYPH_TEXT_GAP);\n\n        // Horizontal padding inside the button — replaces Button's 4-px\n        // insets default. `setInsets` (overridden in Button) auto-fires\n        // `recomputePreferredSize`, so the menubar's fixed-height\n        // `computePreferredSize` override lands the right dimensions\n        // without explicit prodding here.\n        this.setInsets(new Insets(0, HORIZONTAL_PAD, 0, HORIZONTAL_PAD));\n\n        this.getAria().setRole(\"menuitem\");\n        this.getAria().setHasPopup(\"menu\");\n        this.getAria().setExpanded(false);\n\n        this._onClickHandler     = (): void => { onClick(); };\n        this._onMouseOverHandler = (): void => { onHover(); };\n\n        // Internal `Event.addListener(this, …)` calls — the class registers\n        // listeners on itself, which is the allowed shape. The named-method\n        // bypass rule only forbids *external* consumers from doing the same.\n        Event.addListener(this, \"click\",     this._onClickHandler);\n        Event.addListener(this, \"mouseover\", this._onMouseOverHandler);\n    }\n\n    /**\n     * Pins the button's height to {@link MENU_BAR_BUTTON_HEIGHT} while\n     * inheriting Button's content-derived width.\n     */\n    protected override computePreferredSize(): { width: number; height: number } {\n        const { width } = super.computePreferredSize();\n\n        return { width, height: MENU_BAR_BUTTON_HEIGHT };\n    }\n\n    /**\n     * Sets the active (dropdown-open) visual state.\n     *\n     * Active buttons show a persistent highlight background and report `aria-expanded=\"true\"`.\n     *\n     * @param active - `true` to show the open state, `false` to revert to the default.\n     */\n    setActive(active: boolean): this {\n        this.setBackgroundColor(\n            active\n                ? \"var(--ts-ui-menu-bar-btn-hover-bg, rgba(30, 100, 200, 0.10))\"\n                : \"var(--ts-ui-menu-bar-btn-bg, transparent)\"\n        );\n        this.getAria().setExpanded(active);\n\n        // While this button's dropdown is open, silence its hover tooltip — the\n        // title tooltip would otherwise pop over the open menu (and re-arm on a\n        // quick-switch re-hover). Restored when the menu closes.\n        this.setTooltipSuppressed(active);\n\n        return this;\n    }\n\n    /**\n     * Removes Event listeners registered by this button.\n     */\n    dispose(): void {\n        Event.removeListener(this, \"click\",     this._onClickHandler);\n        Event.removeListener(this, \"mouseover\", this._onMouseOverHandler);\n    }\n}\n\nconst MenuBarButtonCallable = callable(MenuBarButton);\ntype MenuBarButtonCallable = MenuBarButton;\nexport {\n    MenuBarButton         as _MenuBarButton,\n    MenuBarButtonCallable as MenuBarButton\n};\n","// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Component, ComponentOptions } from \"~/core/Component.js\";\nimport { Event } from \"~/core/Event.js\";\nimport { HBox } from \"~/layout/HBox.js\";\nimport { MenuBarButton, MENU_BAR_BUTTON_HEIGHT } from \"~/component/menubar/MenuBarButton.js\";\nimport { Menu } from \"~/overlay/Menu.js\";\nimport { MenuConfig } from \"~/component/container/MenuItem.js\";\nimport { callable } from \"~/core/Callable.js\";\n\n/**\n * Construction-time options for {@link MenuBar}.\n *\n * @category Components\n */\nexport interface MenuBarOptions extends ComponentOptions {\n    /** Top-level menus to populate the bar with, equivalent to a tail `setMenus()`. */\n    menus?: MenuConfig[];\n}\n\n/**\n * A persistent horizontal menu bar that hosts top-level dropdown menus.\n *\n * `setMenus()` populates the bar with [`MenuBarButton`](/api/component/menubar/classes/MenuBarButton) children. Clicking a button\n * opens the corresponding [`Menu`](/api/overlay/classes/Menu) dropdown. While any dropdown is open,\n * hovering another button switches menus immediately (quick-switch mode), and\n * keyboard navigation (Arrow keys, Enter, Escape) is handled via a viewport-level\n * keydown listener.\n *\n * @example\n * ```typescript\n * const bar = new MenuBar();\n * bar.setMenus([\n *     { label: 'File', items: [\n *         { text: 'New', shortcut: 'Ctrl+N', action: () => newDoc() },\n *         { separator: true },\n *         { text: 'Quit', enabled: false },\n *     ]},\n *     { label: 'Edit', items: [\n *         { text: 'Undo', shortcut: 'Ctrl+Z', action: () => undo() },\n *     ]},\n * ]);\n * container.addComponent(bar);\n * ```\n *\n * @category Components\n */\nclass MenuBar extends Component {\n\n    private readonly _buttons: MenuBarButton[] = [];\n    private readonly _panels: Menu[] = [];\n    private _openIndex: number = -1;\n    private _quickSwitchActive: boolean = false;\n    private _keydownListening: boolean = false;\n\n    private readonly _onKeyDown: (e: KeyboardEvent) => void;\n\n    /**\n     * Constructs a `MenuBar`, optionally populated from `options.menus` (the\n     * options-bag equivalent of a tail `setMenus()` call).\n     *\n     * @param options - Optional construction-time options; `menus` populates the bar.\n     */\n    constructor(options?: MenuBarOptions) {\n        super(options);\n\n        const hbox = new HBox();\n        hbox.setComponentSpacing(0);\n        hbox.setStretching(true);\n        this.setLayoutManager(hbox);\n\n        // Default to the tool bar's background so menu bars and tool bars read as\n        // one surface; the shipped themes set --ts-ui-menu-bar-bg to their\n        // toolBar.background, and this untokened fallback matches ToolBar's own.\n        this.setBackgroundColor(\"var(--ts-ui-menu-bar-bg, rgb(245, 245, 245))\");\n        this.setElementCSSRule(\n            \"borderBottom\",\n            \"1px solid var(--ts-ui-menu-bar-border, rgb(220, 220, 220))\"\n        );\n        this.setMinSize(0, MENU_BAR_BUTTON_HEIGHT);\n\n        this.getAria().setRole(\"menubar\");\n        this.getAria().setLabel(\"Main menu\");\n        this.getAria().setTabIndex(0);\n\n        this._onKeyDown = (e: KeyboardEvent) => {\n            if (this._openIndex < 0) {\n                return;\n            }\n\n            const panel = this._panels[this._openIndex];\n\n            switch (e.key) {\n                case \"Escape\":\n                    e.preventDefault();\n                    this.closeMenu();\n                    break;\n\n                case \"ArrowLeft\":\n                    e.preventDefault();\n                    this.openMenu((this._openIndex - 1 + this._panels.length) % this._panels.length);\n                    break;\n\n                case \"ArrowRight\":\n                    e.preventDefault();\n                    this.openMenu((this._openIndex + 1) % this._panels.length);\n                    break;\n\n                case \"ArrowDown\":\n                    e.preventDefault();\n\n                    if (panel.getFocusedIndex() < 0) {\n                        panel.focusItem(0);\n                    } else {\n                        panel.focusNext();\n                    }\n\n                    break;\n\n                case \"ArrowUp\":\n                    e.preventDefault();\n                    panel.focusPrev();\n                    break;\n\n                case \"Enter\":\n                    e.preventDefault();\n                    panel.activateFocused();\n                    break;\n            }\n        };\n\n        if (options?.menus) {\n            this.setMenus(options.menus);\n        }\n    }\n\n    /**\n     * Replaces the current set of top-level menus.\n     *\n     * Disposes all existing [`MenuBarButton`](/api/component/menubar/classes/MenuBarButton) and [`Menu`](/api/overlay/classes/Menu) instances, then rebuilds\n     * them from the given descriptors.\n     *\n     * @param menus - Ordered list of top-level menu descriptors.\n     */\n    setMenus(menus: MenuConfig[]): this {\n        if (this._openIndex >= 0) {\n            this.closeMenu();\n        }\n\n        for (const panel of this._panels) {\n            panel.dispose();\n        }\n\n        for (const button of this._buttons) {\n            button.dispose();\n        }\n\n        this._buttons.length = 0;\n        this._panels.length = 0;\n\n        this.removeAllComponents();\n\n        for (let i = 0; i < menus.length; i++) {\n            const menu = menus[i];\n            const index = i;\n\n            const button = new MenuBarButton(\n                menu.label,\n                () => {\n                    if (this._openIndex === index) {\n                        this.closeMenu();\n                    } else {\n                        this.openMenu(index);\n                    }\n                },\n                () => {\n                    if (this._quickSwitchActive && this._openIndex !== index) {\n                        this.openMenu(index);\n                    }\n                },\n                menu.glyph !== undefined ? { glyph: menu.glyph } : undefined\n            );\n\n            const panel = new Menu(menu.items, () => { this.closeMenu(); });\n\n            this._buttons.push(button);\n            this._panels.push(panel);\n            this.addComponent(button);\n        }\n\n        return this;\n    }\n\n    /**\n     * Programmatically opens the menu at the given index, closing any currently open menu first.\n     *\n     * @param index - Zero-based index into the menus array.\n     */\n    openMenu(index: number): this {\n        if (index < 0 || index >= this._panels.length) {\n            return this;\n        }\n\n        if (index === this._openIndex) {\n            return this;\n        }\n\n        if (this._openIndex >= 0) {\n            this._panels[this._openIndex].close();\n            this._buttons[this._openIndex].setActive(false);\n        }\n\n        this._openIndex = index;\n        this._quickSwitchActive = true;\n\n        this._buttons[index].setActive(true);\n        // Exclude only the opener button from the panel's outside-click dismissal\n        // (so its own mousedown does not self-close before the click toggles it),\n        // not the whole bar — otherwise a click on empty bar space would be\n        // treated as inside and never close the menu.\n        this._panels[index].setExcludedElement(this._buttons[index].getElement(true)!);\n        this._panels[index].open(this._buttons[index].getElement(true)!);\n\n        if (!this._keydownListening) {\n            this._keydownListening = true;\n            Event.addViewportListener(this, \"keydown\", this._onKeyDown);\n        }\n\n        return this;\n    }\n\n    /**\n     * Closes the currently open menu, if any.\n     */\n    closeMenu(): this {\n        if (this._openIndex < 0) {\n            return this;\n        }\n\n        this._panels[this._openIndex].close();\n        this._buttons[this._openIndex].setActive(false);\n\n        this._openIndex = -1;\n        this._quickSwitchActive = false;\n\n        if (this._keydownListening) {\n            this._keydownListening = false;\n            Event.removeViewportListener(this, \"keydown\", this._onKeyDown);\n        }\n\n        return this;\n    }\n\n    /**\n     * Returns the index of the currently open menu, or `-1` if none is open.\n     *\n     * @returns The open menu index, or -1.\n     */\n    getOpenIndex(): number {\n        return this._openIndex;\n    }\n}\n\nconst MenuBarCallable = callable(MenuBar);\ntype MenuBarCallable = MenuBar;\nexport {\n    MenuBar         as _MenuBar,\n    MenuBarCallable as MenuBar\n};\n","// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Button } from \"~/component/button/Button.js\";\nimport { Component } from \"~/core/Component.js\";\nimport { DOM } from \"~/core/DOM.js\";\nimport { Container, ContainerOptions } from \"~/core/Container.js\";\nimport { Event } from \"~/core/Event.js\";\nimport { HBox } from \"~/layout/HBox.js\";\nimport { LayoutConstraints } from \"~/layout/LayoutConstraints.js\";\nimport { VBox } from \"~/layout/VBox.js\";\nimport { Insets } from \"~/primitive/Insets.js\";\nimport { RovingTabIndex } from \"~/core/RovingTabIndex.js\";\nimport { Menu } from \"~/overlay/Menu.js\";\nimport { MenuItemConfig } from \"~/component/container/MenuItem.js\";\nimport { Spacer } from \"~/component/container/Spacer.js\";\nimport { Glyph } from \"~/component/display/Glyph.js\";\nimport { ellipsis_v } from \"~/glyphs/solid/ellipsis_v.js\";\nimport { callable } from \"~/core/Callable.js\";\nimport type { AxisOrientation, AxisEnd } from \"~/primitive/Axis.js\";\n\n// Register the overflow trigger's chevron eagerly at module load — same pattern\n// as SplitButton registering its caret_down — so the lazily-created \"more\"\n// affordance always resolves its glyph without the consumer pre-registering it.\nGlyph.register(ellipsis_v);\n\n/**\n * Overflow behaviour for a {@link ToolBar} whose children exceed its measured\n * extent. `\"clip\"` (the default) lets the children spill into the parent's\n * clipping region. `\"menu\"` hides the `Button` / `ToggleButton` children that\n * don't fit and surfaces them in a dropdown opened by a trailing chevron\n * affordance. Menu overflow is horizontal-only; vertical bars always clip.\n *\n * @category Components\n */\nexport type ToolBarOverflow = \"clip\" | \"menu\";\n\n/**\n * Construction-time options for {@link ToolBar}.\n *\n * @category Components\n */\nexport interface ToolBarOptions extends ContainerOptions {\n    orientation?: AxisOrientation;\n    compact?:     boolean;\n    overflow?:    ToolBarOverflow;\n    /**\n     * Edge the `\"menu\"` overflow trigger sits on — `\"end\"` (default) or\n     * `\"start\"`. No visible effect unless `overflow` is `\"menu\"`. Runtime\n     * counterpart `setOverflowSide`.\n     */\n    overflowSide?: AxisEnd;\n    /**\n     * When `true` (the default), `Button` / `ToggleButton` children added to the\n     * bar are switched to flat appearance for the classical toolbar look — no\n     * resting frame, a light frame on hover, and a sunken inset frame on press.\n     * Set `false` to keep raised buttons. Runtime counterpart `setFlat`.\n     */\n    flat?:        boolean;\n}\n\n/**\n * Fallback inter-child spacing in pixels for the overflow reserve math only.\n * `_computeOverflowed` reserves a gap between children when measuring the\n * fit-set; it reads the live `getComponentSpacing()` and falls back to this\n * constant only when the layout manager isn't an `HBox`. The bar no longer\n * drives any gap itself (spacing defaults to 0), so this is purely the typed\n * fallback that keeps the overflow arithmetic well-defined.\n */\nconst TOOLBAR_GAP_DEFAULT: number = 4;\n\n/**\n * Registry glyph rendered on the overflow (\"more\") trigger button. Verified\n * present in the solid glyph set (`glyphs/solid/ellipsis_v.ts`); the vertical\n * ellipsis is the conventional overflow affordance for a horizontal bar.\n */\nconst OVERFLOW_TRIGGER_GLYPH: string = \"ellipsis-v\";\n\n/**\n * User-overridable defaults forwarded to `super` via the options bag.\n */\nconst _defaultToolBarOptions: Partial<ToolBarOptions> = {\n    orientation:     \"horizontal\",\n    compact:         true,\n    overflow:        \"clip\",\n    overflowSide:    \"end\",\n    flat:            true,\n    backgroundColor: \"var(--ts-ui-toolbar-bg, rgb(245, 245, 245))\",\n};\n\n/**\n * A horizontal (or vertical) strip of related controls — e.g. Bold / Italic\n * / Underline in a text editor, or Cut / Copy / Paste in a file manager.\n *\n * `ToolBar` extends [`Container`](/api/core/classes/Container) and defaults to\n * compact mode (`compact: true`), so at construction it drops its own panel\n * insets to zero and renders its `Button` / `ToggleButton` children compact;\n * `setCompact(false)` restores the 4-pixel panel insets and the children's\n * default rendering. Layout defaults to a horizontal\n * [`HBox`](/api/layout/classes/HBox); pass `orientation: \"vertical\"` (or call\n * `setOrientation(\"vertical\")`) to swap to a [`VBox`](/api/layout/classes/VBox).\n *\n * Children can be any [`Component`](/api/core/classes/Component) — typically\n * [`Button`](/api/component/button/classes/Button),\n * [`ToggleButton`](/api/component/button/classes/ToggleButton),\n * [`ButtonGroup`](/api/overlay/classes/ButtonGroup) members,\n * [`ComboBox`](/api/component/input/classes/ComboBox), or {@link ToolBarSeparator}.\n * Focusable children (`tabindex >= 0`) are auto-registered with an internal\n * [`RovingTabIndex`](/api/core/classes/RovingTabIndex) so Arrow keys cycle\n * focus between them, matching the\n * [`ButtonGroup`](/api/overlay/classes/ButtonGroup) keyboard-nav pattern.\n *\n * @example\n * ```typescript\n * import { ToolBar, ToolBarSeparator } from '@jimka/typescript-ui/component/menubar';\n * import { Button } from '@jimka/typescript-ui/component/button';\n *\n * const bar = new ToolBar();\n * bar.addComponent(new Button('Cut'));\n * bar.addComponent(new Button('Copy'));\n * bar.addComponent(new Button('Paste'));\n * bar.addComponent(new ToolBarSeparator());\n * bar.addComponent(new Button('Find'));\n * ```\n *\n * @category Components\n */\nclass ToolBar<TOptions extends ToolBarOptions = ToolBarOptions> extends Container<TOptions> {\n\n    declare private _orientation:  AxisOrientation;\n    declare private _compact:      boolean;\n    declare private _overflowMode: ToolBarOverflow;\n    declare private _overflowSide: AxisEnd;\n    declare private _flat:         boolean;\n    declare private _rovingTabIndex: RovingTabIndex;\n    declare private _onKeyDown:    (e: KeyboardEvent) => void;\n    declare private _overflowButton: Button | null;\n    declare private _overflowMenu:   Menu | null;\n    declare private _overflowSpacer: Spacer | null;\n\n    /**\n     * Constructs a `ToolBar`.\n     *\n     * @param options - Optional construction-time options.\n     *\n     * @remarks The parameter is typed as the concrete {@link ToolBarOptions}\n     * rather than the class's `TOptions` parameter so that passing an options\n     * literal (e.g. `new ToolBar({ compact: true })`) cannot narrow `TOptions`\n     * to that literal — which would type the instance as `ToolBar<{ compact:\n     * true }>` and fail the weak-type assignability check when it is later used\n     * as a base `Component` (e.g. `container.addComponent(toolbar)`). `TOptions`\n     * stays at its `ToolBarOptions` default.\n     */\n    constructor(options?: ToolBarOptions) {\n        super(options as TOptions, _defaultToolBarOptions as Partial<TOptions>);\n\n        this.getAria().setRole(\"toolbar\");\n        this.getAria().setTabIndex(0);\n\n        this._onKeyDown = (e: KeyboardEvent) => {\n            const isHoriz = this._orientation === \"horizontal\";\n            const fwd     = isHoriz ? \"ArrowRight\" : \"ArrowDown\";\n            const back    = isHoriz ? \"ArrowLeft\"  : \"ArrowUp\";\n\n            if (e.key === fwd) {\n                e.preventDefault();\n                this._rovingTabIndex.moveNext();\n            } else if (e.key === back) {\n                e.preventDefault();\n                this._rovingTabIndex.movePrev();\n            }\n        };\n\n        Event.addSubtreeListener(this, \"keydown\", this._onKeyDown);\n    }\n\n    /**\n     * Applies a {@link ToolBarOptions} bag. Inherited `Container` fields cascade\n     * through `super.applyOptions`; the `ToolBar`-specific fields\n     * (orientation, compact, overflow) are dispatched here when set.\n     *\n     * @param options - The options bag carrying the values to apply.\n     */\n    protected applyOptions(options: TOptions): this {\n        super.applyOptions(options);\n\n        // These fields all carry a class default and seed construction-time\n        // backing state, so dispatch the caller value or the class default —\n        // never leave the setter unfired (mirrors Panel.setAutoScroll).\n        this.setOrientation(options.orientation ?? this.getOrientation());\n        this.setCompact(options.compact ?? this.isCompact());\n        // Dispatched before `overflow` so the trigger, created on entry to\n        // `\"menu\"` mode, is positioned on the configured side from the start.\n        this.setOverflowSide(options.overflowSide ?? this.getOverflowSide());\n        this.setOverflow(options.overflow ?? this.getOverflow());\n        this.setFlat(options.flat ?? this.isFlat());\n\n        return this;\n    }\n\n    /**\n     * Sets the layout direction. Horizontal toolbars pack children\n     * left-to-right via [`HBox`](/api/layout/classes/HBox); vertical toolbars\n     * pack them top-to-bottom via [`VBox`](/api/layout/classes/VBox). Child\n     * spacing is preserved across the swap; the trailing-edge border flips\n     * from bottom to right (or vice versa) to match the new direction.\n     *\n     * Existing {@link ToolBarSeparator} children are **not** auto-flipped —\n     * see the architecture note in the plan.\n     *\n     * @param value - The new orientation.\n     *\n     * @returns This component, for method chaining.\n     */\n    setOrientation(value: AxisOrientation): this {\n        if (value === this._orientation) {\n            return this;\n        }\n\n        const oldLM = this.getLayoutManager();\n        // Default to flush (0) — the bar no longer drives a gap; child density\n        // comes from the buttons' own compact insets. A consumer-set spacing on\n        // an existing HBox/VBox is preserved across the orientation swap.\n        const gap   = (oldLM instanceof HBox || oldLM instanceof VBox)\n            ? oldLM.getComponentSpacing()\n            : 0;\n\n        const newLM: HBox | VBox = value === \"horizontal\" ? new HBox() : new VBox();\n        newLM.setComponentSpacing(gap);\n        newLM.setStretching(true);\n\n        this.setLayoutManager(newLM);\n        this._orientation = value;\n\n        this.getAria().setOrientation(value);\n\n        const ruleColor = \"var(--ts-ui-toolbar-border, rgb(220, 220, 220))\";\n\n        if (value === \"horizontal\") {\n            this.setBorder({ borderBottom: `1px solid ${ruleColor}` });\n        } else {\n            this.setBorder({ borderRight: `1px solid ${ruleColor}` });\n        }\n\n        return this;\n    }\n\n    /**\n     * Returns the current orientation.\n     *\n     * @returns `\"horizontal\"` or `\"vertical\"`.\n     */\n    getOrientation(): AxisOrientation {\n        return this._orientation ?? this._defaultOptions.orientation!;\n    }\n\n    /**\n     * Toggles compact mode. In compact mode the bar's own panel insets shrink\n     * from `(4, 4, 4, 4)` to `(0, 0, 0, 0)` and every `Button` / `ToggleButton`\n     * child is switched to compact rendering (tighter button insets), the same\n     * way {@link setFlat} drives the flat appearance onto its button children.\n     * Child spacing is left untouched — the bar packs its children flush and the\n     * density comes from the buttons themselves.\n     *\n     * @param value - `true` to enable compact mode, `false` to restore defaults.\n     *\n     * @returns This component, for method chaining.\n     */\n    setCompact(value: boolean): this {\n        if (value === this._compact) {\n            return this;\n        }\n\n        this._compact = value;\n\n        // Compact packs flush to its edges (zero inset) so a toolbar sits tight\n        // against the surrounding chrome; the density between children still\n        // comes from the buttons' own compact insets. Non-compact restores the\n        // roomy 4px panel insets.\n        const inset = value ? 0 : 4;\n\n        this.setInsets(new Insets(inset, inset, inset, inset));\n\n        for (const child of this.getComponents()) {\n            if (child instanceof Button) {\n                child.setCompact(value);\n            }\n        }\n\n        this.doLayout();\n\n        return this;\n    }\n\n    /**\n     * Returns whether compact mode is currently active.\n     *\n     * @returns `true` if compact mode is enabled.\n     */\n    isCompact(): boolean {\n        return this._compact ?? this._defaultOptions.compact!;\n    }\n\n    /**\n     * Sets the overflow strategy. `\"clip\"` lets children spill into the parent's\n     * clipping region. `\"menu\"` hides the `Button` / `ToggleButton` children\n     * that don't fit and surfaces them in a dropdown opened by a trailing\n     * chevron affordance; the trigger and its rebuild-mode\n     * [`Menu`](/api/overlay/classes/Menu) are created lazily on first entry to\n     * `\"menu\"` mode. Menu overflow applies to horizontal bars only — a vertical\n     * bar always clips.\n     *\n     * @param value - `\"clip\"` or `\"menu\"`.\n     *\n     * @returns This component, for method chaining.\n     */\n    setOverflow(value: ToolBarOverflow): this {\n        this._overflowMode = value;\n\n        if (value === \"menu\" && this._overflowButton === undefined) {\n            this._createOverflowAffordance();\n        }\n\n        this.doLayout();\n\n        return this;\n    }\n\n    /**\n     * Lazily builds the overflow trigger — a flat, glyph-only `Button` carrying\n     * the chevron glyph — and the rebuild-mode `Menu` it opens. The trigger is\n     * appended through `super.addComponent` so it bypasses the flatten-children\n     * pass in {@link addComponent} and is excluded from the overflow set by\n     * identity. It starts hidden; {@link doLayout} shows it only once at least\n     * one button has overflowed.\n     */\n    private _createOverflowAffordance(): void {\n        const trigger = new Button({ flat: true, glyph: OVERFLOW_TRIGGER_GLYPH });\n\n        trigger.setDisplayed(false);\n        trigger.getAria().setLabel(\"More\");\n        trigger.getAria().setHasPopup(\"menu\");\n\n        trigger.on(\"action\", () => { this._toggleOverflowMenu(); });\n\n        this._overflowButton = trigger;\n        this._overflowMenu   = new Menu();\n        // Flex spacer that pushes a right-side trigger to the bar's far edge; it\n        // is only parented while the side is `\"right\"` (see _positionOverflowTrigger).\n        this._overflowSpacer = Spacer.flex();\n\n        super.addComponent(trigger);\n\n        this._positionOverflowTrigger();\n    }\n\n    /**\n     * Pins the overflow trigger to the configured edge. For `\"end\"` a flex\n     * {@link Spacer} is parented just before the trigger so the chevron is\n     * driven to the bar's trailing edge (rather than sitting flush against the\n     * last visible button); the final child order is `[content…, spacer, trigger]`.\n     * For `\"start\"` the spacer is detached and the trigger leads as the first\n     * child. A no-op when no trigger exists yet. Re-run whenever content is added\n     * (the trigger must stay at the edge) or the side changes; the trailing run\n     * of buttons still overflows regardless of the trigger's side.\n     */\n    private _positionOverflowTrigger(): void {\n        const trigger = this._overflowButton;\n        const spacer  = this._overflowSpacer;\n        if (trigger === undefined || trigger === null || spacer === undefined || spacer === null) {\n            return;\n        }\n\n        if (this._overflowSide === \"end\") {\n            if (spacer.getParentComponent() !== this) {\n                super.addComponent(spacer);\n            }\n\n            // Order the tail as [spacer, trigger]: move the trigger last, then\n            // slot the spacer immediately before it. `moveComponent` recomputes\n            // the index after splicing the moved child out, so the pre-move\n            // length-relative targets land both at the end.\n            this.moveComponent(trigger, this.getComponents().length - 1);\n            this.moveComponent(spacer,  this.getComponents().length - 2);\n        } else {\n            if (spacer.getParentComponent() === this) {\n                this.removeComponent(spacer);\n            }\n\n            this.moveComponent(trigger, 0);\n        }\n    }\n\n    /**\n     * Returns the current overflow strategy.\n     *\n     * @returns `\"clip\"` or `\"menu\"`.\n     */\n    getOverflow(): ToolBarOverflow {\n        return this._overflowMode ?? this._defaultOptions.overflow!;\n    }\n\n    /**\n     * Sets which edge the `\"menu\"` overflow trigger sits on. `\"end\"` (the\n     * default) trails the visible buttons; `\"start\"` leads them. Only the\n     * trigger's position changes — the overflowing buttons are the trailing run\n     * either way. No visible effect until `overflow` is `\"menu\"`.\n     *\n     * @param value - `\"start\"` or `\"end\"`.\n     *\n     * @returns This component, for method chaining.\n     */\n    setOverflowSide(value: AxisEnd): this {\n        if (value === this._overflowSide) {\n            return this;\n        }\n\n        this._overflowSide = value;\n\n        this._positionOverflowTrigger();\n        this.doLayout();\n\n        return this;\n    }\n\n    /**\n     * Returns the edge the overflow trigger sits on.\n     *\n     * @returns `\"start\"` or `\"end\"`.\n     */\n    getOverflowSide(): AxisEnd {\n        return this._overflowSide ?? this._defaultOptions.overflowSide!;\n    }\n\n    /**\n     * Toggles the classical flat appearance for the bar's `Button` /\n     * `ToggleButton` children. When `true` (the default), each such child is\n     * switched to flat mode — no resting frame, a light frame on hover, a sunken\n     * inset frame on press, and a depressed look for a toggled-on\n     * `ToggleButton`. Glyph-only flat buttons also tighten to compact squares.\n     * Setting `false` reverts existing button children to raised chrome.\n     *\n     * Non-`Button` children (separators, combo boxes, spacers) are left\n     * untouched. The flag also governs children added later through\n     * {@link addComponent}.\n     *\n     * @param value - `true` to flatten button children, `false` to restore them.\n     *\n     * @returns This component, for method chaining.\n     */\n    setFlat(value: boolean): this {\n        if (value === this._flat) {\n            return this;\n        }\n\n        this._flat = value;\n\n        for (const child of this.getComponents()) {\n            if (child instanceof Button) {\n                child.setFlat(value);\n            }\n        }\n\n        return this;\n    }\n\n    /**\n     * Returns whether the bar flattens its `Button` children.\n     *\n     * @returns `true` if flat mode is enabled.\n     */\n    isFlat(): boolean {\n        return this._flat ?? this._defaultOptions.flat!;\n    }\n\n    /**\n     * Appends a child component and, when its tab-index marks it focusable,\n     * registers it with the internal roving-tabindex group so Arrow keys\n     * cycle focus through it.\n     *\n     * @param component - The child component to add.\n     *\n     * @returns This component, for method chaining.\n     */\n    override addComponent(component: Component, constraints?: LayoutConstraints): this {\n        super.addComponent(component, constraints);\n\n        if (this._rovingTabIndex === undefined) {\n            this._rovingTabIndex = new RovingTabIndex();\n        }\n\n        if (component.getAria().getTabIndex() !== -1) {\n            this._rovingTabIndex.add(component);\n        }\n\n        if (this._flat && component instanceof Button) {\n            component.setFlat(true);\n        }\n\n        if (this._compact && component instanceof Button) {\n            component.setCompact(true);\n        }\n\n        // Keep the overflow trigger pinned to its edge: a content child appended\n        // after the trigger (the trigger is created before the demo's buttons\n        // for a construction-time `overflow: \"menu\"`) would otherwise leave the\n        // chevron stranded mid-row. No-op when no trigger exists.\n        this._positionOverflowTrigger();\n\n        return this;\n    }\n\n    /**\n     * Lays the bar out and, in `\"menu\"` overflow mode on a horizontal bar,\n     * reflows the `Button` / `ToggleButton` children that no longer fit into the\n     * trailing chevron dropdown. The base pass runs first so children report\n     * their resolved preferred widths; the reflow then re-derives the fit-set\n     * from scratch each pass, so widening the bar restores previously-hidden\n     * buttons. Vertical bars and `\"clip\"` mode skip the reflow entirely.\n     *\n     * @returns This component, for method chaining.\n     */\n    override doLayout(): this {\n        super.doLayout();\n\n        if (this._overflowMode !== \"menu\" || this._orientation !== \"horizontal\") {\n            return this;\n        }\n\n        if (this._overflowButton === undefined || this._overflowButton === null) {\n            return this;\n        }\n\n        this._reflowOverflow(this._overflowButton);\n\n        return this;\n    }\n\n    /**\n     * Re-derives which `Button` / `ToggleButton` children overflow the bar's\n     * inner width and toggles their `display` accordingly, reserving room for\n     * the trigger whenever at least one button is hidden. Only mutates child\n     * visibility when the fit-set actually changed, so the\n     * `setDisplayed`-triggered re-layout converges instead of thrashing. The\n     * trigger itself is shown only while ≥1 button is overflowed and is then\n     * positioned for the dropdown anchor.\n     *\n     * @param trigger - The lazily-created overflow trigger button.\n     */\n    private _reflowOverflow(trigger: Button): void {\n        const insets = this.getInsets();\n        const inner  = this.getWidth() - insets.getLeft() - insets.getRight();\n\n        const lm  = this.getLayoutManager();\n        const gap = (lm instanceof HBox) ? lm.getComponentSpacing() : TOOLBAR_GAP_DEFAULT;\n\n        const children = this.getComponents().filter(child => child !== trigger && child !== this._overflowSpacer);\n        const overflowed = this._computeOverflowed(children, trigger, inner, gap);\n\n        let changed = false;\n\n        for (const child of children) {\n            const shouldHide = overflowed.includes(child);\n\n            if (child.isDisplayed() === shouldHide) {\n                child.setDisplayed(!shouldHide);\n                changed = true;\n            }\n        }\n\n        const wantTrigger = overflowed.length > 0;\n\n        if (trigger.isDisplayed() !== wantTrigger) {\n            trigger.setDisplayed(wantTrigger);\n            changed = true;\n        }\n\n        if (changed) {\n            super.doLayout();\n        }\n    }\n\n    /**\n     * Walks the (non-trigger) children left-to-right, accumulating preferred\n     * widths plus inter-child gaps, and returns the `Button` / `ToggleButton`\n     * children that cross the inner width. When nothing overflows the result is\n     * empty; otherwise the trigger's own width is reserved so the chevron has\n     * room. Non-`Button` children that don't fit are left in place (clipped) —\n     * only buttons have a well-defined menu-row representation.\n     *\n     * @param children - The bar's children, excluding the trigger.\n     * @param trigger - The overflow trigger, measured for its reserved width.\n     * @param inner - The bar's inner content width in pixels.\n     * @param gap - The inter-child spacing in pixels.\n     *\n     * @returns The overflowed button children, in document order.\n     */\n    private _computeOverflowed(children: Component[], trigger: Button, inner: number, gap: number): Component[] {\n        const widthOf = (child: Component): number => child.getPreferredSize()?.width ?? 0;\n\n        let total = 0;\n\n        for (let i = 0; i < children.length; i++) {\n            total += widthOf(children[i]);\n\n            if (i > 0) {\n                total += gap;\n            }\n        }\n\n        if (total <= inner) {\n            return [];\n        }\n\n        const reserve   = widthOf(trigger) + gap;\n        const available = inner - reserve;\n\n        const overflowed: Component[] = [];\n\n        let used    = 0;\n        let crossed = false;\n\n        for (let i = 0; i < children.length; i++) {\n            const child = children[i];\n            const next  = used + widthOf(child) + (i > 0 ? gap : 0);\n\n            if (next > available) {\n                crossed = true;\n            }\n\n            // Once the width crosses the available extent, every following\n            // Button overflows so the hidden set stays a contiguous trailing\n            // run; non-Button children past the crossover stay put (clipped).\n            if (crossed && child instanceof Button) {\n                overflowed.push(child);\n            } else {\n                used = next;\n            }\n        }\n\n        return overflowed;\n    }\n\n    /**\n     * Builds one {@link MenuItemConfig} per currently-overflowed button and\n     * toggles the rebuild-mode dropdown anchored under the trigger — opening it,\n     * or closing it when the trigger is pressed again. Each row's `action`\n     * re-fires the source button's `\"click\"` (the DOM event behind its\n     * `\"action\"`) so the dropdown drives the original handler.\n     */\n    private _toggleOverflowMenu(): void {\n        const trigger = this._overflowButton;\n        const menu    = this._overflowMenu;\n\n        if (trigger === null || trigger === undefined || menu === null || menu === undefined) {\n            return;\n        }\n\n        const configs: MenuItemConfig[] = [];\n\n        for (const child of this.getComponents()) {\n            if (child === trigger || child.isDisplayed() || !(child instanceof Button)) {\n                continue;\n            }\n\n            const glyph = child.getGlyph()?.getGlyphName();\n\n            configs.push({\n                text:   child.getText(),\n                glyph:  glyph,\n                action: () => { child.click(); },\n            });\n        }\n\n        const triggerEl = trigger.getElement();\n\n        if (!triggerEl) {\n            return;\n        }\n\n        const rect = DOM.source.getViewportRect(trigger);\n\n        // toggleFor excludes the trigger from the menu's outside-click dismissal\n        // and remembers it, so re-pressing the overflow button closes the menu\n        // instead of the close-then-reopen flash a bare show() would produce.\n        menu.toggleFor(triggerEl, rect, configs);\n    }\n}\n\nconst ToolBarCallable = callable(ToolBar);\ntype ToolBarCallable<TOptions extends ToolBarOptions = ToolBarOptions> = ToolBar<TOptions>;\nexport {\n    ToolBar         as _ToolBar,\n    ToolBarCallable as ToolBar\n};\n","// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Component, ComponentOptions } from \"~/core/Component.js\";\nimport { callable } from \"~/core/Callable.js\";\nimport type { AxisOrientation } from \"~/primitive/Axis.js\";\n\n/**\n * Construction-time options for {@link ToolBarSeparator}.\n *\n * @category Components\n */\nexport interface ToolBarSeparatorOptions extends ComponentOptions {\n    orientation?: AxisOrientation;\n}\n\n/**\n * Empty subclass-default const so the super call follows the framework's\n * `(options, defaults)` shape uniformly.\n */\nconst _defaultToolBarSeparatorOptions: Partial<ToolBarSeparatorOptions> = {};\n\n/**\n * A thin divider rule used inside a [`ToolBar`](/api/component/menubar/classes/ToolBar) to visually group\n * related controls. Defaults to a vertical rule (for horizontal toolbars);\n * pass `orientation: \"horizontal\"` for a vertical toolbar.\n *\n * Renders as a single bordered DOM element. The rule colour is theme-driven\n * via `--ts-ui-toolbar-separator-color`. Separators report `role=\"separator\"`\n * with a matching `aria-orientation`, and stay out of the keyboard tab order.\n *\n * @example\n * ```typescript\n * import { ToolBar, ToolBarSeparator } from '@jimka/typescript-ui/component/menubar';\n * const bar = new ToolBar();\n * bar.addComponent(new ToolBarSeparator());\n * ```\n *\n * @category Components\n */\nclass ToolBarSeparator extends Component<ToolBarSeparatorOptions> {\n\n    /**\n     * Pixel thickness of the rendered rule — a 1-pixel hairline. The breathing\n     * room on either side of the rule comes from the parent toolbar's HBox /\n     * VBox `componentSpacing` (theme token `--ts-ui-toolbar-gap`, default 4 px),\n     * so the separator itself only carries the line. A wider THICKNESS would\n     * stack on top of the parent's spacing and produce an asymmetric gap.\n     */\n    static readonly THICKNESS: number = 1;\n\n    private readonly _orientation: AxisOrientation;\n\n    /**\n     * Constructs a `ToolBarSeparator`.\n     *\n     * @param options - Optional construction-time options. `options.orientation`\n     *   selects the rule direction; defaults to `\"vertical\"`.\n     */\n    constructor(options?: ToolBarSeparatorOptions) {\n        super(options, _defaultToolBarSeparatorOptions);\n\n        this._orientation = options?.orientation ?? \"vertical\";\n\n        if (this._orientation === \"vertical\") {\n            // preferredSize.height = 0 keeps the separator out of the parent\n            // HBox's row-height computation. The rendered height comes from\n            // the parent's stretching=true branch, clamped to maxSize.height\n            // (MAX_VALUE → containerSize.height). preferredSize.width = THICKNESS\n            // makes the toolbar's own preferred width count the separator.\n            this.setPreferredSize(ToolBarSeparator.THICKNESS, 0);\n            this.setMaxSize(ToolBarSeparator.THICKNESS, Number.MAX_VALUE);\n        } else {\n            this.setPreferredSize(0, ToolBarSeparator.THICKNESS);\n            this.setMaxSize(Number.MAX_VALUE, ToolBarSeparator.THICKNESS);\n        }\n\n        // The element IS the rule — a 1 px line filled with the theme colour.\n        this.setBackgroundColor(\"var(--ts-ui-toolbar-separator-color, rgb(220, 220, 220))\");\n\n        this.getAria().setRole(\"separator\");\n        this.getAria().setOrientation(this._orientation);\n        this.getAria().setTabIndex(-1);\n    }\n\n    /**\n     * Returns the orientation passed at construction time.\n     *\n     * @returns The `ToolBarSeparator` orientation — `\"vertical\"` or `\"horizontal\"`.\n     */\n    getOrientation(): AxisOrientation {\n        return this._orientation;\n    }\n}\n\nconst ToolBarSeparatorCallable = callable(ToolBarSeparator);\ntype ToolBarSeparatorCallable = ToolBarSeparator;\nexport {\n    ToolBarSeparator         as _ToolBarSeparator,\n    ToolBarSeparatorCallable as ToolBarSeparator\n};\n"],"mappings":"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"}

package/dist/lib/component/table.es.js

@@ -0,0 +1,4 @@
+import{a as e,l as t,n,u as r}from"../Position-B-WfZYAJ.js";import{_ as i,c as a,d as o,f as s,l as c,n as l,t as u,u as d,y as f}from"../Component-BR2f0Itb.js";import{t as p}from"../ListenerBag-WPdKuuds.js";import{t as m}from"../Container-3KsvsJ6S.js";import{t as h}from"../Glyph-WUqTF_Z9.js";import{a as g,t as _}from"../Tooltip-4lU_tf6r.js";import{t as v}from"../Fit-CFIr4P9R.js";import{t as y}from"../Text-D1RrBY52.js";import{t as ee}from"../HBox-Q8y1PHlk.js";import{a as te,o as ne,t as b}from"../Border-oZC_SDy8.js";import{t as x}from"../ProgressSpinner-Dzaka7_c.js";import{t as S}from"../Placement-7kqdaK4Z.js";import{t as C}from"../Button-DEUtBqK4.js";import{t as w}from"../DragManager-tPMnbjeO.js";import{t as re}from"../Menu-Wz4MK6sA.js";import{t as ie}from"../Card-UF0fq8cQ.js";import{a as ae,g as oe,n as se,o as ce,r as le,t as ue,u as T}from"../ComboBox-GOBOAJ1N.js";import{caret_down as de}from"../glyphs/solid/caret_down.es.js";import{t as fe}from"../reduceModifierSelection-DTo8HyFl.js";import{caret_right as pe}from"../glyphs/solid/caret_right.es.js";import{t as me}from"../VirtualRowView-Con9SWiU.js";import{plus as he}from"../glyphs/solid/plus.es.js";import{minus as ge}from"../glyphs/solid/minus.es.js";import{arrows_rotate as _e}from"../glyphs/solid/arrows_rotate.es.js";import{ban as ve}from"../glyphs/solid/ban.es.js";var ye=60,be=90,xe=110,Se=8,Ce=16,Table$1=class extends c{constructor(e){super(),e&&this.applyOptions(e)}attach(e){let t=e.getClassName();if(t!=`Table`&&t!=`TreeTable`)throw Error(`Container must be a Table or TreeTable.`);return super.attach(e),this}doLayout(){let e=this.getContainer();if(!e)return;let n=e.getInnerSize();if(!n)return;let i=e.getContentInsets(),a=e.getColumns(),o=e.getHeader().getColumns().length,s=n.width-r.source.getScrollBarWidth(),c=e.getColumnWidths();c.length===o?(c=this.rescaleWidths(a,c,s),e.setColumnWidths(c)):(c=this.initializeWidths(a,s),e.setColumnWidths(c));let u=e.getHeader(),d=e.getBody(),f=e.getFooter();if(e.isHeaderVisible()&&u&&u.isDisplayed()){let e=l.getTheme(),a=t.lineHeightPx()+2*(e.table.cell.padding??2),o=u.hasParentRow(),s=o?a:0,d=s+a,f=c.reduce((e,t)=>e+t,0),p=Math.max(n.width,f);u.setAutoCommitStyle(!1),u.setX(i.getLeft()),u.setY(i.getTop()),u.setWidth(n.width),u.setHeight(d),u.setAutoCommitStyle(!0);let m=u.getParentRow();m.setAutoCommitStyle(!1),m.setX(0),m.setY(0),m.setWidth(p),m.setHeight(s),m.setAutoCommitStyle(!0),o&&m.getComponents().forEach(e=>{let t=m.getLayoutConstraints(e)?.data,n=t?.spanFrom??0,r=t?.spanTo??0,i=0;for(let e=0;e<n;e++)i+=c[e];let a=0;for(let e=n;e<=r;e++)a+=c[e];e.setAutoCommitStyle(!1),e.setX(i),e.setY(0),e.setWidth(a),e.setHeight(s),e.setAutoCommitStyle(!0),e.doLayout()});let h=u.getComponents()[1];h.setAutoCommitStyle(!1),h.setX(0),h.setY(s),h.setWidth(p),h.setHeight(a),h.setAutoCommitStyle(!0);let g=u.getColumns(),_=0;g.forEach((e,t)=>{e.setAutoCommitStyle(!1),e.setX(_),e.setY(0),e.setWidth(c[t]),e.setHeight(a),e.setAutoCommitStyle(!0),e.doLayout(),_+=c[t]});let v=r.source.getScrollBarWidth(),y=u.getScrollbarCover();r.sink.apply(y,{style:{left:n.width-v+`px`,width:v+`px`,height:d+`px`}})}if(e.isFooterVisible()&&f&&f.isDisplayed()){let e=l.getTheme(),r=t.lineHeightPx()+2*(e.table.cell.padding??2),a=f.getColumns();f.setAutoCommitStyle(!1),f.setX(i.getLeft()),f.setY(i.getTop()+n.height-r),f.setWidth(n.width),f.setHeight(r),f.setAutoCommitStyle(!0);let o=0;a.forEach((e,t)=>{e.setAutoCommitStyle(!1),e.setX(o),e.setY(0),e.setWidth(c[t]),e.setHeight(r),e.setAutoCommitStyle(!0),e.doLayout(),o+=c[t]})}if(e.isBodyVisible()&&d&&d.isDisplayed()){let t=e.isHeaderVisible()&&u&&u.isDisplayed()?u.getHeight():0,r=e.isFooterVisible()&&f&&f.isDisplayed()?f.getHeight():0;d.setAutoCommitStyle(!1),d.setX(i.getLeft()),d.setY(i.getTop()+t),d.setWidth(n.width),d.setHeight(n.height-t-r),d.setAutoCommitStyle(!0),d.renderWindow(s,c)}}initializeWidths(n,r){let i=n.map(e=>{let t=e.getField(),n=t.getDescription().length*Se+Ce;switch(t.getType()){case`boolean`:return this.clamp(Math.max(ye,n),e);case`number`:return this.clamp(Math.max(be,n),e);case`date`:return this.clamp(Math.max(xe,n),e);default:return null}}),a=i.reduce((e,t)=>e+(t??0),0),o=i.filter(e=>e===null).length,s=o>0?(r-a)/o:0;return i.map((r,i)=>{if(r!==null)return r;let a=n[i],o=a.getMinWidth()??30,c=a.getMaxWidth()??e;return t.clamp(s,o,c)})}rescaleWidths(e,t,n){let r=e.map(e=>{let t=e.getField().getType();return t===`boolean`||t===`number`||t===`date`}),i=t.reduce((e,t,n)=>e+(r[n]?t:0),0),a=t.reduce((e,t,n)=>e+(r[n]?0:t),0),o=n-i;if(a<=0||Math.abs(a-o)<=.5)return t;let s=o/a;return t.map((t,n)=>r[n]?t:this.clamp(t*s,e[n]))}clamp(n,r){let i=r.getMinWidth()??30,a=r.getMaxWidth()??e;return t.clamp(n,i,a)}},we=s(Table$1);function blurRelatedTargetHandle(e){return e.relatedTarget?r.source.intern(e.relatedTarget):null}var CellEditor=class extends u{_onCommitRequested=null;constructor(e=`div`){super({tag:e}),this.setLayoutManager(new v);let applyPadding=()=>{let e=l.getTheme().table.cell.padding;this.setInsets(new n(0,e,0,e))};applyPadding(),this.subscribeTheme(applyPadding)}retainsFocus(e){return!1}setCommitRequestHandler(e){this._onCommitRequested=e}requestCommit(){this._onCommitRequested?.()}getContentX(){return 0}},Cell=class extends u{_readOnly;_requiredEmpty=!1;_baseBackground=`var(--ts-ui-table-cell-bg, transparent)`;_renderer;_editor;_editorPool=null;_scrollIntoView=null;_activeEditor=null;_listeners=new p;constructor(e,t,r,i,a){super({tag:e||`td`}),this.setLayoutManager(new ie),this.getAria().setRole(`gridcell`),this._readOnly=!1,this._renderer=t,this._editor=r,this.setInsets(new n(0,0,0,0)),this.setBackgroundColor(`var(--ts-ui-table-cell-bg, transparent)`),this.setForegroundColor(`var(--ts-ui-table-cell-color, inherit)`),this.setBorder(`var(--ts-ui-table-cell-border, none)`),this.subscribeTheme(()=>this.setBorder(`var(--ts-ui-table-cell-border, none)`)),this.addComponent(t,i),r&&(this.addComponent(r,a),r.setCommitRequestHandler(()=>this.commitEdit()),f.addListener(r,`blur`,e=>{r.retainsFocus(blurRelatedTargetHandle(e))||this.commitEdit()}),f.addListener(r,`keydown`,e=>this.onKeyDown(e))),f.addListener(t,`dblclick`,()=>this.startEdit())}clampsToContentSize(){return!1}getEditorKey(){return null}setEditorPool(e){return this._editorPool=e,this}setScrollIntoViewHandler(e){return this._scrollIntoView=e,this}on(e,t){return this._listeners.add(e,t),this}off(e,t){return this._listeners.remove(e,t),this}emit(e,...t){this._listeners.fire(e,...t)}isReadOnly(){return!!this._readOnly}setReadOnly(e){if(this._readOnly===e)return this;if(this._readOnly=e,e&&this._activeEditor){let e=this._activeEditor.getValue();this._renderer.setValue(e),this.emit(`commit`,e),this.detachEditor()}return this._applyStateTint(),this}setRequiredEmpty(e){return this._requiredEmpty===e?this:(this._requiredEmpty=e,this._applyStateTint(),this)}setBaseBackground(e){return this._baseBackground=e,this._applyStateTint(),this}_applyStateTint(){this._readOnly?(this.setBackgroundColor(`var(--ts-ui-table-cell-readonly-bg, rgba(0, 0, 0, 0.04))`),this.setCursor(`default`)):(this.setBackgroundColor(this._baseBackground),this.clearCursor()),this._requiredEmpty&&!this._readOnly?this.setShadow(`inset 0 0 0 1px var(--ts-ui-table-cell-required-outline, rgba(220, 60, 60, 0.6))`):this.clearShadow()}onKeyDown(e){let t=e.detail?.keyCode;t==13?(this.commitEdit(),this.emit(`editend`)):t==27&&(this.cancelEdit(),this.emit(`editend`))}isEditing(){return this._activeEditor!==null}getLayoutManager(){return super.getLayoutManager()}startEdit(){if(this.isReadOnly()||this.isEditing())return;if(this._scrollIntoView?.(),this._editor)this._activeEditor=this._editor;else{let e=this.getEditorKey();if(!e||!this._editorPool)return;let t=this._editorPool.acquire(e,this);if(!t)return;this._activeEditor=t,this.addComponent(this._activeEditor)}let e=this._activeEditor,t=this._renderer;this.prepareEditor(e),e.setValue(t.getValue()),this.getLayoutManager().setVisibleComponentId(e.getId()),this.doLayout(),e.focus(!0)}commitEdit(){if(this.isReadOnly()||!this.isEditing())return this;let e=this._activeEditor.getValue();return this._renderer.setValue(e),this.emit(`commit`,e),this.detachEditor(),this}cancelEdit(){this.isReadOnly()||!this.isEditing()||this.detachEditor()}detachEditor(){let e=this._activeEditor;e&&(this._activeEditor=null,this.getLayoutManager().setVisibleComponentId(this._renderer.getId()),this.doLayout(),this._editor!==e&&(this.removeComponent(e),this._editorPool?.release()))}setValue(e){return this._renderer.setValue(e),this}getRenderer(){return this._renderer}doLayout(){return super.doLayout(),this.alignEditorWithContent(),this}alignEditorWithContent(){let e=this._activeEditor;if(!e)return;let t=this._renderer.getContentX();if(t<=0)return;let n=this.getWidth()??0,r=Math.max(0,n-t);e.setAutoCommitStyle(!1),e.setX(t),e.setWidth(r),e.setAutoCommitStyle(!0)}wrapRenderer(e){let t=this._renderer;this.removeComponent(t);let n=e(t);return this._renderer=n,this.addComponent(n),this.getLayoutManager().setVisibleComponentId(n.getId()),this}getEditor(){return this._editor}setActiveRenderer(e,t){t&&(this.addComponent(e),f.addListener(e,`dblclick`,()=>this.startEdit())),this._renderer=e,this.getLayoutManager().setVisibleComponentId(e.getId())}prepareEditor(e){}},BooleanEditor=class extends CellEditor{_checkBox=new se;_value=null;_listeners=new p;_suppressCommit=!1;constructor(){super(),this._checkBox.setIndeterminate(!0),this._checkBox.setAnimated(!1),this.addComponent(this._checkBox),this._checkBox.on(`action`,()=>{this._suppressCommit||(this._value=this._checkBox.isSelected(),this.emit(`change`,this._value))})}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)}getValue(){return this._value}setValue(e){this._value=e??null,this._suppressCommit=!0;try{this._value===null?this._checkBox.setIndeterminate(!0):(this._checkBox.setIndeterminate(!1),this._checkBox.setSelected(this._value))}finally{this._suppressCommit=!1}return this}setReadOnly(e){return this._checkBox.setReadOnly(e),this}isReadOnly(){return this._checkBox.isReadOnly()}toggle(){let e=!this._checkBox.isSelected();return this._checkBox.setIndeterminate(!1),this._checkBox.setSelected(e),this._value=e,this.emit(`change`,this._value),this}},E=s(BooleanEditor),CellRenderer=class extends u{constructor(){super(),this.setLayoutManager(new v);let applyPadding=()=>{let e=l.getTheme().table.cell.padding;this.setInsets(new n(0,e,0,e))};applyPadding(),this.subscribeTheme(applyPadding)}getContentX(){return 0}doLayout(){super.doLayout();let e=this.getComponents();if(e.length!==1)return this;let t=e[0];if(!(t instanceof y))return this;let n=t.getHeight();return n>0&&t.setLineHeight(n),this}},StringRenderer=class extends CellRenderer{_text=new y;_value=null;constructor(){super(),this._text.setText(``),this._text.setPointerEvents(`none`),this._text.setAutoMeasure(!1),this.addComponent(this._text)}getText(){return this._text}getValue(){return this._value}setValue(e){return this._value=e??null,this._text.setText(this._value===null?``:String(this._value)),this}},D=s(StringRenderer),NumberRenderer=class extends CellRenderer{_text=new y;_value=null;constructor(){super(),this._text.setPointerEvents(`none`),this._text.setTextAlign(`right`),this._text.setText(``),this._text.setAutoMeasure(!1),this.addComponent(this._text)}getValue(){return this._value}setValue(e){return this._value=e??null,this._text.setText(this._value===null?``:String(this._value)),this}},O=s(NumberRenderer),DateRenderer=class extends CellRenderer{_text=new y;_value=null;constructor(){super(),this._text.setText(``),this._text.setPointerEvents(`none`),this._text.setAutoMeasure(!1),this.addComponent(this._text)}getValue(){return this._value}setValue(e){return this._value=e??null,this._text.setText(e?e.toLocaleDateString():``),this}},k=s(DateRenderer),TimeRenderer=class extends CellRenderer{_text=new y;_value=null;_showSeconds;constructor(e=!1){super(),this._showSeconds=e,this._text.setText(``),this._text.setPointerEvents(`none`),this._text.setAutoMeasure(!1),this.addComponent(this._text)}getValue(){return this._value}setValue(e){this._value=e??null;let t=this._showSeconds?{hour:`2-digit`,minute:`2-digit`,second:`2-digit`}:{hour:`2-digit`,minute:`2-digit`};return this._text.setText(e?e.toLocaleTimeString(void 0,t):``),this}},A=s(TimeRenderer),DateTimeRenderer=class extends CellRenderer{_text=new y;_value=null;_showSeconds;constructor(e=!1){super(),this._showSeconds=e,this._text.setText(``),this._text.setPointerEvents(`none`),this._text.setAutoMeasure(!1),this.addComponent(this._text)}getValue(){return this._value}setValue(e){this._value=e??null;let t=this._showSeconds?{year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`}:{year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`};return this._text.setText(e?e.toLocaleString(void 0,t):``),this}},j=s(DateTimeRenderer),GlyphRenderer=class extends CellRenderer{_value=null;_glyph=null;getValue(){return this._value}setValue(e){let t=e||null;return t===this._value&&(t===null||this._glyph)?this:(this._glyph&&=(this.removeComponent(this._glyph),null),this._value=t,t!==null&&(this._glyph=new h(t),this._glyph.setPointerEvents(`none`),this.addComponent(this._glyph)),this)}},M=s(GlyphRenderer);function normalizeComboOptions(e){return e.map(e=>typeof e==`string`?{value:e,label:e}:{value:e.value,label:e.label??e.value})}var ComboRenderer=class extends CellRenderer{_text=new y;_map=new Map;_value=null;constructor(e){super();for(let t of normalizeComboOptions(e))this._map.set(t.value,t.label);this._text.setText(``),this._text.setPointerEvents(`none`),this._text.setAutoMeasure(!1),this.addComponent(this._text)}getText(){return this._text}getValue(){return this._value}setValue(e){if(this._value=e??null,this._value===null)this._text.setText(``);else{let e=String(this._value);this._text.setText(this._map.get(e)??e)}return this}setOptions(e){this._map.clear();for(let t of normalizeComboOptions(e))this._map.set(t.value,t.label);return this.setValue(this._value),this}},N=s(ComboRenderer),P=s(class DynamicCell extends Cell{_field;_columnType;_showSeconds;_cellType;_cellValues;_renderers=new Map;_activeType=`string`;_currentOptions=[];_checkbox=null;_justCreated=!1;constructor(e,t,n){let r=new D;super(`td`,r),this._field=e,this._columnType=t,this._showSeconds=n.showSeconds??!1,this._cellType=n.cellType,this._cellValues=n.cellValues,this._renderers.set(`string`,r)}bindRecord(e){let t=this._cellType?.(e)??this._columnType;if(this._activeType=t,t===`boolean`){let t=this.ensureCheckbox();this.setActiveRenderer(t,this._justCreated),t.setValue(e.get(this._field));return}if(t===`combo`){this._currentOptions=this._cellValues?.(e)??[];let t=this.ensureRenderer(`combo`);t.setOptions(this._currentOptions),this.setActiveRenderer(t,this._justCreated),t.setValue(e.get(this._field));return}let n=this.ensureRenderer(t);this.setActiveRenderer(n,this._justCreated),n.setValue(e.get(this._field))}getEditorKey(){switch(this._activeType){case`number`:return`number`;case`date`:return`date`;case`time`:return this._showSeconds?`time:seconds`:`time`;case`datetime`:return this._showSeconds?`datetime:seconds`:`datetime`;case`combo`:return`combo:${this._field}`;case`boolean`:case`glyph`:return null;default:return`string`}}startEdit(){if(this._activeType===`boolean`){if(this.isReadOnly())return;this._checkbox?.toggle();return}super.startEdit()}setReadOnly(e){return super.setReadOnly(e),this._activeType===`boolean`&&this._checkbox?.setReadOnly(e),this}prepareEditor(e){this._activeType===`combo`&&e.setOptions(this._currentOptions)}ensureRenderer(e){let t=this._renderers.get(e);if(t)return this._justCreated=!1,t;let n=DynamicCell.buildRenderer(e,this._showSeconds);return this._renderers.set(e,n),this._justCreated=!0,n}static buildRenderer(e,t){switch(e){case`number`:return new O;case`date`:return new k;case`time`:return new A(t);case`datetime`:return new j(t);case`combo`:return new N([]);case`glyph`:return new M;default:return new D}}ensureCheckbox(){if(this._checkbox)return this._justCreated=!1,this._checkbox;let e=new E;return e.on(`change`,e=>this.emitCommit(e)),this._checkbox=e,this._justCreated=!0,e}emitCommit(e){this.emit(`commit`,e)}}),DefaultCell=class extends Cell{constructor(e){let t=new D;super(e||`td`,t)}getRenderer(){return super.getRenderer()}setValue(e){return this.getRenderer().setValue(e),this}},F=s(DefaultCell),StringCell=class extends Cell{constructor(){let e=new D;super(`td`,e)}getEditorKey(){return`string`}setValue(e){return this.getRenderer().setValue(e),this}},I=s(StringCell),BooleanCell=class extends Cell{_checkbox;constructor(){let e=new E;super(`td`,e,void 0,{fill:o.NONE,anchor:d.CENTER},void 0),this._checkbox=e}on(e,t){return e===`commit`?(this._checkbox.on(`change`,t),this):super.on(e,t)}off(e,t){return e===`commit`?(this._checkbox.off(`change`,t),this):super.off(e,t)}setReadOnly(e){return super.setReadOnly(e),this._checkbox.setReadOnly(e),this}startEdit(){this.isReadOnly()||this._checkbox.toggle()}setValue(e){return this.getRenderer().setValue(e),this}},L=s(BooleanCell),NumberCell=class extends Cell{constructor(){let e=new O;super(`td`,e)}getEditorKey(){return`number`}setValue(e){return this.getRenderer().setValue(e),this}},R=s(NumberCell),DateCell=class extends Cell{constructor(){let e=new k;super(`td`,e)}getEditorKey(){return`date`}setValue(e){return this.getRenderer().setValue(e),this}commitEdit(){let e=this._activeEditor;return e&&!e.isEmpty()&&e.getValue()===null?(this.cancelEdit(),this):(super.commitEdit(),this)}},Te=s(DateCell),TimeCell=class extends Cell{_showSeconds;constructor(e=!1){let t=new A(e);super(`td`,t),this._showSeconds=e}getEditorKey(){return this._showSeconds?`time:seconds`:`time`}setValue(e){return this.getRenderer().setValue(e),this}commitEdit(){let e=this._activeEditor;return e&&!e.isEmpty()&&e.getValue()===null?(this.cancelEdit(),this):(super.commitEdit(),this)}},z=s(TimeCell),DateTimeCell=class extends Cell{_showSeconds;constructor(e=!1){let t=new j(e);super(`td`,t),this._showSeconds=e}getEditorKey(){return this._showSeconds?`datetime:seconds`:`datetime`}setValue(e){return this.getRenderer().setValue(e),this}commitEdit(){let e=this._activeEditor;return e&&!e.isEmpty()&&e.getValue()===null?(this.cancelEdit(),this):(super.commitEdit(),this)}},Ee=s(DateTimeCell),GlyphCell=class extends Cell{constructor(){let e=new M;super(`td`,e)}setValue(e){return this.getRenderer().setValue(e),this}},De=s(GlyphCell),ComboCell=class extends Cell{_field;constructor(e,t){super(`td`,new N(t)),this._field=e}getEditorKey(){return`combo:${this._field}`}setValue(e){return this.getRenderer().setValue(e),this}},B=s(ComboCell);h.register(de,pe);var TreeCellRenderer=class extends CellRenderer{_toggle=null;_depth=0;_hasChildren=!1;_expanded=!1;constructor(e,t=16){super(),this._delegate=e,this._indentPx=t,this.setLayoutManager(new a),super.setInsets(new n(0,0,0,0)),this.addComponent(e)}getDelegate(){return this._delegate}getToggle(){return this._toggle}getDepth(){return this._depth}getContentX(){return this._depth*this._indentPx+20}getValue(){return this._delegate.getValue()}setValue(e){return this._delegate.setValue(e),this}setTreeState(e,t,n){return this._depth===e&&this._hasChildren===t&&this._expanded===n?this:(this._depth=e,this._hasChildren=t,this._expanded=n,this.refreshToggle(),this.doLayout(),this)}setInsets(e){return this._delegate?.setInsets(e),this}refreshToggle(){if(this._toggle&&=(this.removeComponent(this._toggle),null),!this._hasChildren)return;let e=new h(this._expanded?`caret-down`:`caret-right`);e.setCursor(`pointer`),e.clearInsets(),e.getAria().setHidden(!0),this._toggle=e,this.addComponent(e)}doLayout(){let e=this.getWidth()||0,t=this.getHeight()||0,n=this._depth*this._indentPx;if(this._toggle){let e=this._toggle.getPreferredSize()?.height??t;this._toggle.setAutoCommitStyle(!1),this._toggle.setX(n),this._toggle.setY(Math.max(0,(t-e)/2)),this._toggle.setWidth(20),this._toggle.setHeight(e),this._toggle.setAutoCommitStyle(!0)}let r=n+20,i=Math.max(0,e-r);return this._delegate.setAutoCommitStyle(!1),this._delegate.setX(r),this._delegate.setY(0),this._delegate.setWidth(i),this._delegate.setHeight(t),this._delegate.setAutoCommitStyle(!0),super.doLayout(),this}},V=s(TreeCellRenderer),H=s(class Row extends u{_model;_data;_onCellCommit;_fieldNames=[];_treeCell=null;_stripe=!1;constructor(e,t,n=new Set,r=new Map,i,a){if(super({tag:`tr`}),this.getAria().setRole(`row`),this._model=e,this._data=t,this._onCellCommit=i,this._model){let e=this._model.getFields().filter(e=>!n.has(e.getName())).sort((e,t)=>e.getOrder()-t.getOrder());this._fieldNames=e.map(e=>e.getName());for(let t in e){let n=e[t],i=Row.createCellForField(n,r);this.bindCell(i,this._data,n.getName()),i.on(`commit`,e=>{this._data&&(this._data.set(n.getName(),e),this._onCellCommit?.(this._data)),this.updateVisualState()});let o=r.get(n.getName())?.groupColor;o&&i.setBaseBackground(o),r.get(n.getName())?.readOnly&&i.setReadOnly(!0),a!==void 0&&n.getName()===a&&(i.wrapRenderer(e=>new V(e)),this._treeCell=i),this.addComponent(i,{data:n})}}}getTreeCell(){return this._treeCell}getFieldNames(){return this._fieldNames}getData(){return this._data}setData(e){this._data=e;let t=this.getComponents(),n=this._fieldNames;for(let r=0;r<n.length;r++)this.bindCell(t[r],e,n[r]);return this.updateVisualState(),this}setStripe(e){this._stripe=e}updateVisualState(){let e=this.getElement();e&&(this._data?.isNew()?r.sink.apply(e,{style:{"background-color":`var(--ts-ui-table-row-new, rgba(70, 200, 70, 0.15))`}}):this._data?.isDirty()?r.sink.apply(e,{style:{"background-color":`var(--ts-ui-table-row-dirty, rgba(255, 165, 0, 0.15))`}}):this._stripe?r.sink.apply(e,{style:{"background-color":`var(--ts-ui-table-row-stripe, rgba(0, 0, 0, 0.035))`}}):r.sink.apply(e,{style:{"background-color":null}}))}addColumn(e,t){return this.addComponent(e,t),this}addComponent(e,t){return super.addComponent(e,t),this}syncCells(e,t,n,r){this._model=e;let i=e.getFields().filter(e=>!t.has(e.getName())).sort((e,t)=>e.getOrder()-t.getOrder()),a=this.getComponents().slice(),o=new Map;for(let e of a){let t=this.getLayoutConstraints(e)?.data;t&&o.set(t.getName(),e)}let s=new Set(i.map(e=>e.getName()));for(let e of a){let t=this.getLayoutConstraints(e)?.data;(!t||!s.has(t.getName()))&&(e.isEditing()&&e.commitEdit(),this.removeComponent(e))}this._treeCell=null;for(let e of i){let t=e.getName(),i=o.get(t),a=(n.get(t)?.values?.length??0)>0,s=!!n.get(t)?.cellType;i&&(a!==i instanceof B||s!==i instanceof P)&&(i.isEditing()&&i.commitEdit(),this.removeComponent(i),i=void 0);let c=!i;i||=Row.createCellForField(e,n),i.on(`commit`,e=>{this._data&&(this._data.set(t,e),this._onCellCommit?.(this._data)),this.updateVisualState()});let l=n.get(t)?.groupColor;l&&i.setBaseBackground(l),c&&r!==void 0&&t===r&&i.wrapRenderer(e=>new V(e)),r!==void 0&&t===r&&(this._treeCell=i),c&&(this.addComponent(i,{data:e}),this.bindCell(i,this._data,t))}return this.sortComponents((e,t)=>(this.getLayoutConstraints(e)?.data).getOrder()-(this.getLayoutConstraints(t)?.data).getOrder()),this._fieldNames=i.map(e=>e.getName()),this}bindCell(e,t,n){e instanceof P&&t?e.bindRecord(t):e.setValue(t?t.get(n):void 0)}static createCellForField(e,t){let n=t.get(e.getName());if(n?.renderer)return new Cell(`td`,n.renderer());if(n?.cellType)return new P(e.getName(),e.getType(),n);let r=n?.values;if(r&&r.length>0)return new B(e.getName(),r);switch(e.getType()){case`string`:return new I;case`number`:return new R;case`boolean`:return new L;case`date`:return new Te;case`time`:return new z(t.get(e.getName())?.showSeconds??!1);case`datetime`:return new Ee(t.get(e.getName())?.showSeconds??!1);case`glyph`:return new De;default:return new F}}doLayout(){return this}}),Oe=`var(--ts-ui-table-resize-handle-cursor, ew-resize)`,ke=null;function ensureResizeHandleClassRule(){ke||=new i({scope:`class`,name:`ResizeHandle`,styles:{position:`absolute`,top:`0`,right:`0`,width:`var(--ts-ui-table-resize-handle-width,5px)`,height:`100%`,zIndex:`1`}})}var ResizeHandle=class extends u{_listeners=new p;constructor(e){ensureResizeHandleClassRule(),super({tag:`div`,...e??{}}),this.setCursor(Oe),this.setBackgroundImage(`linear-gradient(to right,transparent 80%,var(--ts-ui-table-resize-handle-color,rgba(0,0,0,0.2)) 80%)`),this.setZIndex(1),this.applyListeners(e?.listeners)}init(e){return super.init(e),f.addListener(this,`mousedown`,this._onMouseDown),f.addListener(this,`click`,this._onClick),this}on(e,t){return this._listeners.add(e,t),this}off(e,t){return this._listeners.remove(e,t),this}emit(e,...t){this._listeners.fire(e,...t)}dragMove(e){this.emit(`dragmove`,e)}dragEnd(){this.emit(`dragend`)}_onMouseDown=e=>{this.emit(`dragstart`,e)};_onClick=e=>{e.stopPropagation()}},Ae=s(ResizeHandle),je=null;function ensureSortBadgeClassRule(){je||=new i({scope:`class`,name:`SortPriorityBadge`,styles:{position:`absolute`,top:`2px`,right:`8px`,fontSize:`var(--ts-ui-sort-badge-font-size, var(--ts-ui-font-size))`,lineHeight:`1`,borderRadius:`3px`,padding:`1px 3px`,pointerEvents:`none`}})}var SortPriorityBadge=class extends u{constructor(e){ensureSortBadgeClassRule(),super({tag:`span`,...e??{}}),this._priority??=null,this.setBackgroundColor(`var(--ts-ui-sort-badge-bg, rgba(0,0,0,0.15))`),this.setForegroundColor(`var(--ts-ui-sort-badge-color, inherit)`),this.setVisible(this._shouldShow(this._priority))}applyOptions(e){return super.applyOptions(e),e.priority!==void 0&&(this._priority=e.priority),this}render(){let e=super.render();return r.sink.apply(e,{text:this._priorityText()}),e}getPriority(){return this._priority}setPriority(e){this._priority=e;let t=this.getElement();return t&&r.sink.apply(t,{text:this._priorityText()}),this.setVisible(this._shouldShow(e)),this}clearPriority(){return this.setPriority(null)}_priorityText(){return this._shouldShow(this._priority)?String(this._priority):``}_shouldShow(e){return e!=null&&e>=2}},Me=s(SortPriorityBadge),Ne=16,Pe=16,Fe=null;function ensureHeaderCellGlyphClassRule(){Fe||=new i({scope:`class`,name:`HeaderCellGlyph`,styles:{position:`absolute`,left:`var(--ts-ui-table-header-glyph-gap, 4px)`,top:`50%`}})}var HeaderCell=class extends F{_text;_fieldName;_isDragging=!1;_tooltipText=``;_sortState=null;_headerGlyph=null;_headerGlyphInstance=null;_columnFocused=!1;_required=!1;constructor(e,t,n){super(`th`),this.getAria().setRole(`columnheader`),this.getAria().setSort(`none`),this._text=e,this._fieldName=t,this._headerGlyph=n??null;let r=this.getRenderer();r.getText().setFontSize(`--ts-ui-table-header-font-size`),r.getText().setFontWeight(`bold`),r.getText().setText(e),this.createStyleRule(`:active`).set(`boxShadow`,`var(--ts-ui-button-pressed-shadow, 1px 2px 5px 0 rgba(0,0,0,0.2) inset)`),this._resizeHandle=new Ae({listeners:{dragstart:e=>this.onResizeDragStart(e),dragmove:e=>this.emit(`resizedrag`,e)}}),this._priorityBadge=new Me}init(e){super.init(e);let t=e||this.getElement();return t?(f.addSubtreeListener(this,`click`,e=>this.onSortClick(e.shiftKey)),f.addSubtreeListener(this,`contextmenu`,e=>{e.preventDefault(),this.emit(`contextmenu`,this._fieldName,e.clientX,e.clientY)}),r.sink.appendChild(t,this._resizeHandle.getElement(!0)),r.sink.appendChild(t,this._priorityBadge.getElement(!0)),this._tooltipText&&_.attachToElement(t,this._tooltipText),this._headerGlyph&&this.setHeaderGlyph(this._headerGlyph),this):this}getHeaderGlyph(){return this._headerGlyph}setHeaderGlyph(e){return this._headerGlyph=e,this._mountHeaderGlyph(this.getElement()),this}_mountHeaderGlyph(e){if(this._headerGlyphInstance){let e=this._headerGlyphInstance.getElement();e&&r.sink.removeElement(e),this._headerGlyphInstance=null}let t=l.getTheme().table.cell.padding,i=this._headerGlyph;if(!i||!e){this.getRenderer().setInsets(new n(0,t,0,t));return}ensureHeaderCellGlyphClassRule();let a=new h(i);a.setTransform(`translateY(-50%)`),a.setSize({width:Ne,height:Pe}),a.setForegroundColor(`var(--ts-ui-table-header-glyph-color, currentColor)`),a.setPointerEvents(`none`);let o=a.getElement(!0);r.sink.apply(o,{addClass:[`HeaderCellGlyph`]}),r.sink.appendChild(e,o),this._headerGlyphInstance=a;let s=20+t;this.getRenderer().setInsets(new n(0,t,0,s))}setSortState(e,t){return this._sortState={state:e,priority:t??null},this._renderTitle(),this.getAria().setSort(e===`asc`?`ascending`:`descending`),this._priorityBadge.setPriority(t??null),this}getSortState(){return this._sortState}clearSortState(){return this._sortState=null,this._renderTitle(),this.getAria().setSort(`none`),this._priorityBadge.clearPriority(),this}setRequired(e){return this._required=e,this._renderTitle(),this}_renderTitle(){let e=this._sortState?this._sortState.state===`asc`?` ▲`:` ▼`:``,t=this._required?` *`:``;this.getRenderer().getText().setText(this._text+t+e)}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)}setTooltip(e){this._tooltipText=e;let t=this.getElement();return t&&_.attachToElement(t,e),this}getTooltip(){return this._tooltipText}onSortClick(e){if(this._isDragging){this._isDragging=!1;return}this.emit(`sortclick`,this._fieldName,e)}onResizeDragStart(e){e.stopPropagation(),this._isDragging=!0,this.emit(`resizestart`,e.clientX),f.addViewportListener(this,`mousemove`,this.onResizeDrag),f.addViewportListener(this,`mouseup`,this.onResizeDragStop),te(Oe)}onResizeDrag(e){this._resizeHandle.dragMove(e.clientX)}onResizeDragStop(){f.removeViewportListener(this,`mousemove`,this.onResizeDrag),f.removeViewportListener(this,`mouseup`,this.onResizeDragStop),ne(),this._resizeHandle.dragEnd(),setTimeout(()=>{this._isDragging=!1},0)}setColumnFocused(e){return this._columnFocused=e,e?this.setShadow(`inset 0 -2px 0 0 var(--ts-ui-focus-ring, rgba(30, 100, 200, 0.6))`):this.clearShadow(),this}isColumnFocused(){return this._columnFocused}},Ie=s(HeaderCell),ParentHeaderCell=class extends F{_text;_color;_tooltipText=``;constructor(e,t){super(`th`),this._text=e,this._color=t,this.getAria().setRole(`columnheader`);let n=this.getRenderer();n.getText().setFontSize(`--ts-ui-table-header-font-size`),n.getText().setFontWeight(`bold`),n.getText().setTextAlign(`center`),n.getText().setText(e),this.setBackgroundColor(t??`transparent`),this.setShadow([`inset -1px 0 0 0 var(--ts-ui-table-resize-handle-color, rgba(0, 0, 0, 0.2))`,`inset 0 -1px 0 0 var(--ts-ui-table-resize-handle-color, rgba(0, 0, 0, 0.2))`].join(`, `))}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)}setTooltip(e){this._tooltipText=e;let t=this.getElement();return t&&_.attachToElement(t,e),this}getTooltip(){return this._tooltipText}getText(){return this._text}getColor(){return this._color}init(e){super.init(e);let t=e||this.getElement();return t?(f.addSubtreeListener(this,`contextmenu`,this.onContextMenu),this._tooltipText&&_.attachToElement(t,this._tooltipText),this):this}onContextMenu(e){e.preventDefault(),this.emit(`contextmenu`,e.clientX,e.clientY)}},Le=s(ParentHeaderCell),U=`var(--ts-ui-table-header-bg, var(--ts-ui-button-bg, linear-gradient(rgb(241, 241, 241), rgb(200, 200, 200))))`,TableHeader=class extends u{_model;_store;_hiddenColumns=new Set;_columns=[];_listeners=new p;_scrollbarCover=null;constructor(e,t){super({tag:`thead`}),this.getAria().setRole(`rowgroup`),this.setBorder({borderBottom:`1px solid var(--ts-ui-table-header-border, black)`}),this.setBackgroundColor(U),this.setBackgroundImage(U),this.setOverflow(`hidden`),this._model=e,this._store=t;let n=new H,r=new H;this.addRow(n),this.addRow(r),this.rebuildCells(),this.rebuildParentCells()}getModel(){return this._model}setModel(e){let toNames=e=>e.getFields().slice().filter(e=>!this._hiddenColumns.has(e.getName())).sort((e,t)=>e.getOrder()-t.getOrder()).map(e=>e.getName()),t=toNames(this._model),n=toNames(e);return t.length===n.length&&t.every((e,t)=>e===n[t])||(this._model=e,this.rebuildCells(),this.rebuildParentCells()),this.syncSortIndicators(),this}setHiddenColumns(e){let t=new Set;for(let n of e){let e=this._columns.find(e=>e.getField().getName()===n);(!e||!e.isUnhideable())&&t.add(n)}return this._hiddenColumns=t,this.rebuildCells(),this.rebuildParentCells(),this}setColumns(e){return this._columns=e,this.rebuildCells(),this.rebuildParentCells(),this}on(e,t){return this._listeners.add(e,t),this}off(e,t){return this._listeners.remove(e,t),this}emit(e,...t){this._listeners.fire(e,...t)}getColumns(){return this.getComponents()[1].getComponents()}getParentRow(){return this.getComponents()[0]}hasParentRow(){return this._columns.filter(e=>!this._hiddenColumns.has(e.getField().getName())).some(e=>e.getGroup()!==null)}getScrollbarCover(){if(this._scrollbarCover===null){let e=r.sink.createElement(`div`);r.sink.apply(e,{style:{position:`absolute`,top:`0`,boxSizing:`border-box`,zIndex:`1`,pointerEvents:`none`,backgroundColor:U,backgroundImage:U,borderLeft:`1px solid var(--ts-ui-table-resize-handle-color, rgba(0, 0, 0, 0.2))`}}),r.sink.appendChild(this.getElement(!0),e),this.trackHandle(e),this._scrollbarCover=e}return this._scrollbarCover}sortColumns(){let e=this.getComponents()[1];e.sortComponents((t,n)=>{let r=e.getLayoutConstraints(t),i=e.getLayoutConstraints(n);return r?i?r.data.getOrder()-i.data.getOrder():1:-1})}addRow(e){return this.addComponent(e),this}addComponent(e){return super.addComponent(e),this}setWidth(e){super.setWidth(e);let t=this.getComponents();return t[0].setWidth(e),t[1].setWidth(e),this}setHeight(e){return super.setHeight(e),this}rebuildCells(){let e=this.getComponents()[1],t=this._model.getFields().slice().filter(e=>!this._hiddenColumns.has(e.getName())).sort((e,t)=>e.getOrder()-t.getOrder()),n=new Map(this._columns.map(e=>[e.getField().getName(),e])),r=e.getComponents().slice(),i=new Map;for(let t of r){let n=e.getLayoutConstraints(t)?.data;n&&i.set(n.getName(),t)}let a=new Set(t.map(e=>e.getName()));for(let t of r){let n=e.getLayoutConstraints(t)?.data;(!n||!a.has(n.getName()))&&e.removeComponent(t)}for(let r=0;r<t.length;r++){let a=t[r],o=n.get(a.getName()),s=i.get(a.getName());if(!s){let t=o?.getHeaderGlyph()??null;s=new Ie(a.getName(),a.getName(),t),s.setTooltip(a.getDescription()),e.addComponent(s,{data:a}),this.wireCell(s)}let c=o?.getGroupColor();c&&s.setBackgroundColor(c),s.setRequired(o?.isRequired()??!1)}e.sortComponents((t,n)=>(e.getLayoutConstraints(t)?.data).getOrder()-(e.getLayoutConstraints(n)?.data).getOrder()),this.syncSortIndicators()}rebuildParentCells(){let e=this.getParentRow();e.removeAllComponents();let t=this._columns.filter(e=>!this._hiddenColumns.has(e.getField().getName())).sort((e,t)=>e.getField().getOrder()-t.getField().getOrder());if(t.length===0)return;let n=0,r=t[0].getGroup(),i=t[0].getGroupColor(),flush=a=>{let o=new Le(r??``,i),s=t.slice(n,a).map(e=>e.getField().getName());r!==null&&s.length>0&&o.setTooltip(`${r}: ${s.join(`, `)}`),o.on(`contextmenu`,(e,t)=>{this.emit(`columncontextmenu`,``,e,t)}),e.addComponent(o,{data:{spanFrom:n,spanTo:a-1}})};for(let e=1;e<t.length;e++){let a=t[e].getGroup();r!==null&&a===r?i===null&&t[e].getGroupColor()!==null&&(i=t[e].getGroupColor()):(flush(e),n=e,r=a,i=t[e].getGroupColor())}flush(t.length)}wireCell(e){e.on(`sortclick`,(e,t)=>this.handleSortClick(e,t)),e.on(`resizestart`,t=>this.emit(`columnresizestart`,this.getColumns().indexOf(e),t)),e.on(`resizedrag`,t=>this.emit(`columnresize`,this.getColumns().indexOf(e),t)),e.on(`contextmenu`,(e,t,n)=>this.emit(`columncontextmenu`,e,t,n))}handleSortClick(e,t){if(t){let t=this._store.getActiveSorters(),n=t.findIndex(t=>t.field===e),r;r=n===-1?[...t,{field:e,dir:`asc`}]:t[n].dir===`asc`?t.map((e,t)=>t===n?{field:e.field,dir:`desc`}:e):t.filter((e,t)=>t!==n),r.length===0?this._store.clearSort():this._store.sort(r)}else{let t=this._store.getActiveSorters(),n=t.length===1&&t[0].field===e?t[0]:null;n?n.dir===`asc`?this._store.sort(e,`desc`):this._store.clearSort():this._store.sort(e,`asc`)}this.syncSortIndicators()}syncSortIndicators(){let e=this.getColumns(),t=this._model.getFields().slice().filter(e=>!this._hiddenColumns.has(e.getName())).sort((e,t)=>e.getOrder()-t.getOrder()),n=this._store.getActiveSorters(),r=new Map(n.map((e,t)=>[e.field,{dir:e.dir,priority:t+1}])),i=n.length>1;e.forEach((e,n)=>{let a=t[n]?.getName(),o=a?r.get(a):void 0;o?e.setSortState(o.dir,i?o.priority:null):e.clearSortState()})}},W=s(TableHeader),StringEditor=class extends CellEditor{_textField=new T;_value=null;constructor(){super(),f.addListener(this._textField,`blur`,e=>{f.fireEvent(this,`blur`,e)}),f.addListener(this._textField,`keydown`,e=>{f.fireEvent(this,`keydown`,{detail:{key:e.key,code:e.code,keyCode:e.keyCode,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey}})}),f.addListener(this._textField,`input`,()=>this.onInput()),this._textField.setMaxSize(2**53-1,2**53-1),this._textField.clearPadding(),this._textField.setBorderRadius(`0`),this._textField.setBorder({border:`0px solid transparent`}),this._textField.setShadow(`inset 0 0 0 1px var(--ts-ui-table-cell-editor-border, rgba(30, 100, 200, 0.6))`),this._textField.setOutline(`none`),this._textField.setText(``),this.addComponent(this._textField)}getValue(){return this._value}setValue(e){return this._value=e??null,this._textField.setText(this._value===null?``:String(this._value)),this}focus(e=!1){return this._textField.focus(e),this._textField.select(),this}onInput(){let e=this._textField.getText();this._value=e||null}},Re=s(StringEditor),NumberEditor=class extends CellEditor{_textField=new T;_value=null;constructor(){super(),f.addListener(this._textField,`blur`,e=>{f.fireEvent(this,`blur`,e)}),f.addListener(this._textField,`keydown`,e=>{f.fireEvent(this,`keydown`,{detail:{key:e.key,code:e.code,keyCode:e.keyCode,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey}})}),f.addListener(this._textField,`input`,()=>this.onInput()),this.setMaxSize(2**53-1,2**53-1),this._textField.clearPadding(),this.setBorderRadius(`0`),this._textField.setBorder({border:`0px solid transparent`}),this._textField.setShadow(`inset 0 0 0 1px var(--ts-ui-table-cell-editor-border, rgba(30, 100, 200, 0.6))`),this._textField.setOutline(`none`),this._textField.setTextAlign(`right`),this._textField.setText(``),this.addComponent(this._textField,{anchor:d.NORTHEAST})}getValue(){return this._value}setValue(e){return this._value=e??null,this._textField.setText(this._value===null?``:String(this._value)),this}focus(e=!1){return this._textField.focus(e),this._textField.select(),this}onInput(){let e=this._textField.getText();if(!e){this._value=null;return}let t=Number(e);this._value=isNaN(t)?null:t}},ze=s(NumberEditor),TextInputCellEditor=class extends CellEditor{_type=null;_inputMode=null;_autoComplete=null;constructor(){super(`input`)}setType(e){return this._type=e,this.setElementAttribute(`type`,e),this}setInputMode(e){return this._inputMode=e,this.setElementAttribute(`inputmode`,e),this}setAutoComplete(e){return this._autoComplete=e,this.setElementAttribute(`autocomplete`,e),this}init(e){super.init(e);let t=e||this.getElement();return this._type!==null&&r.sink.apply(t,{setAttr:{type:this._type}}),this._inputMode!==null&&r.sink.apply(t,{setAttr:{inputmode:this._inputMode}}),this._autoComplete!==null&&r.sink.apply(t,{setAttr:{autocomplete:this._autoComplete}}),this}},DateEditor=class extends TextInputCellEditor{_value=null;_dropdown=null;_animated=!0;_text=``;constructor(){super(),this.setMaxSize(2**53-1,2**53-1),this.setBorderRadius(`0`),this.setBorder({border:`0px solid transparent`}),this.setShadow(`inset 0 0 0 1px var(--ts-ui-table-cell-editor-border, rgba(30, 100, 200, 0.6))`),this.setOutline(`none`),f.addListener(this,`focus`,()=>this.openDropdown()),f.addListener(this,`blur`,()=>this.closeDropdown()),f.addListener(this,`input`,()=>this.onInput()),this.setType(`text`),this.setInputMode(`none`),this.setAutoComplete(`off`)}isEmpty(){return!this.getText()&&this._value===null}getValue(){return this._value}setValue(e){return this._value=e,this.setText(e?this.toInputString(e):``),this}setText(e){this._text=e;let t=this.getElement();return t&&r.sink.setValue(t,e),this}getText(){return this._text}syncTextFromDom(){let e=this.getElement();this._text=e?r.source.getValue(e):``}setDropdownAnimated(e){return this._animated=e,this._dropdown&&this._dropdown.setAnimated(e),this}isDropdownAnimated(){return this._animated}ensureDropdown(){return this._dropdown||(this._dropdown=new ce(e=>this.onDateSelected(e)),this._dropdown.setAnimated(this._animated)),this._dropdown}openDropdown(){let e=this.ensureDropdown();if(e.isOpen())return;let t=this.getElement();t&&e.showAt(t,this._value)}closeDropdown(){this._dropdown?.isOpen()&&this._dropdown.hideAnimated()}onInput(){this.syncTextFromDom();let e=this.getText();if(!e){this._value=null;return}let t=new Date(e+`T00:00:00`);this._value=isNaN(t.getTime())?null:t}onDateSelected(e){this.setValue(e),this._dropdown?.hideAnimated();let t=this.getElement();t&&r.sink.blur(t)}toInputString(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`}},Be=s(DateEditor),TimeEditor=class extends TextInputCellEditor{_showSeconds;_value=null;_dropdown=null;_animated=!0;_text=``;constructor(e=!1){super(),this._showSeconds=e,this.setMaxSize(2**53-1,2**53-1),this.setBorderRadius(`0`),this.setBorder({border:`0px solid transparent`}),this.setShadow(`inset 0 0 0 1px var(--ts-ui-table-cell-editor-border, rgba(30, 100, 200, 0.6))`),this.setOutline(`none`),f.addListener(this,`focus`,()=>this.openDropdown()),f.addListener(this,`blur`,()=>this.closeDropdown()),f.addListener(this,`input`,()=>this.onInput()),this.setType(`text`),this.setInputMode(`none`),this.setAutoComplete(`off`)}isEmpty(){return!this.getText()&&this._value===null}getValue(){return this._value}setValue(e){return this._value=e,this.setText(e?this.toInputString(e):``),this}setText(e){this._text=e;let t=this.getElement();return t&&r.sink.setValue(t,e),this}getText(){return this._text}syncTextFromDom(){let e=this.getElement();this._text=e?r.source.getValue(e):``}setDropdownAnimated(e){return this._animated=e,this._dropdown&&this._dropdown.setAnimated(e),this}isDropdownAnimated(){return this._animated}ensureDropdown(){return this._dropdown||(this._dropdown=new ae((e,t,n)=>this.onTimeSelected(e,t,n),{showSeconds:this._showSeconds}),this._dropdown.setAnimated(this._animated)),this._dropdown}openDropdown(){let e=this.ensureDropdown();if(e.isOpen())return;let t=this.getElement();t&&e.showAt(t,this._value)}closeDropdown(){this._dropdown?.isOpen()&&this._dropdown.hideAnimated()}onInput(){this.syncTextFromDom();let e=this.getText();if(!e){this._value=null;return}let t=e.split(`:`).map(Number);if(t.some(isNaN)){this._value=null;return}this._value=new Date(1970,0,1,t[0],t[1]??0,t[2]??0)}onTimeSelected(e,t,n){let r=new Date(1970,0,1,e,t,n,0);this.setValue(r)}toInputString(e){let t=String(e.getHours()).padStart(2,`0`),n=String(e.getMinutes()).padStart(2,`0`);return this._showSeconds?`${t}:${n}:${String(e.getSeconds()).padStart(2,`0`)}`:`${t}:${n}`}},G=s(TimeEditor),DateTimeEditor=class extends TextInputCellEditor{_showSeconds;_value=null;_dropdown=null;_animated=!0;_text=``;constructor(e=!1){super(),this._showSeconds=e,this.setMaxSize(2**53-1,2**53-1),this.setBorderRadius(`0`),this.setBorder({border:`0px solid transparent`}),this.setShadow(`inset 0 0 0 1px var(--ts-ui-table-cell-editor-border, rgba(30, 100, 200, 0.6))`),this.setOutline(`none`),f.addListener(this,`focus`,()=>this.openDropdown()),f.addListener(this,`blur`,e=>this.onEditorBlur(e)),f.addListener(this,`input`,()=>this.onInput()),this.setType(`text`),this.setInputMode(`none`),this.setAutoComplete(`off`)}retainsFocus(e){return this._dropdown!==null&&this._dropdown.isOpen()&&g.containsAcrossLayers(this._dropdown,e)}isEmpty(){return!this.getText()&&this._value===null}getValue(){return this._value}setValue(e){return this._value=e,this.setText(e?this.toInputString(e):``),this}setText(e){this._text=e;let t=this.getElement();return t&&r.sink.setValue(t,e),this}getText(){return this._text}syncTextFromDom(){let e=this.getElement();this._text=e?r.source.getValue(e):``}setDropdownAnimated(e){return this._animated=e,this._dropdown&&this._dropdown.setAnimated(e),this}isDropdownAnimated(){return this._animated}ensureDropdown(){return this._dropdown||(this._dropdown=new le(e=>this.onDateTimeSelected(e),{showSeconds:this._showSeconds}),this._dropdown.setAnimated(this._animated)),this._dropdown}openDropdown(){let e=this.ensureDropdown();if(e.isOpen())return;let t=this.getElement();t&&(e.setCloseHandler(()=>this.onOutsideDismiss()),e.setAnchorElement(t),e.showAt(t,this._value))}closeDropdown(){this._dropdown?.isOpen()&&this._dropdown.hideAnimated()}onOutsideDismiss(){this.closeDropdown(),this.requestCommit()}onEditorBlur(e){this.retainsFocus(blurRelatedTargetHandle(e))||this.closeDropdown()}onInput(){this.syncTextFromDom();let e=this.getText();if(!e){this._value=null;return}let t=new Date(e.replace(` `,`T`));this._value=isNaN(t.getTime())?null:t}onDateTimeSelected(e){this.setValue(e)}toInputString(e){let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,`0`),r=String(e.getDate()).padStart(2,`0`),i=String(e.getHours()).padStart(2,`0`),a=String(e.getMinutes()).padStart(2,`0`);return this._showSeconds?`${t}-${n}-${r} ${i}:${a}:${String(e.getSeconds()).padStart(2,`0`)}`:`${t}-${n}-${r} ${i}:${a}`}},K=s(DateTimeEditor),CellEditorPool=class{_editors=new Map;_factories=new Map;_activeCell=null;constructor(){this._factories.set(`string`,()=>new Re),this._factories.set(`number`,()=>new ze),this._factories.set(`date`,()=>new Be),this._factories.set(`time`,()=>new G(!1)),this._factories.set(`time:seconds`,()=>new G(!0)),this._factories.set(`datetime`,()=>new K(!1)),this._factories.set(`datetime:seconds`,()=>new K(!0))}register(e,t){return this._factories.set(e,t),this._editors.delete(e),this}acquire(e,t){let n=this._factories.get(e);if(!n)return null;let r=this._editors.get(e);return r||(r=n(),this.wireListeners(r),this._editors.set(e,r)),this._activeCell=t,r}release(){this._activeCell=null}wireListeners(e){e.setCommitRequestHandler(()=>this._activeCell?.commitEdit()),f.addListener(e,`blur`,t=>{e.retainsFocus(blurRelatedTargetHandle(t))||this._activeCell?.commitEdit()}),f.addListener(e,`keydown`,e=>{this._activeCell?.onKeyDown(e)})}},ComboEditor=class extends CellEditor{_combo;_value=null;constructor(e){super(`div`);let t=normalizeComboOptions(e).map(e=>({key:e.value,label:e.label}));this._combo=new ue,this._combo.setItems(t),this._combo.setBorder({border:`0px solid transparent`}),this._combo.setBorderRadius(`0`),this._combo.setShadow(`inset 0 0 0 1px var(--ts-ui-table-cell-editor-border, rgba(30, 100, 200, 0.6))`),this._combo.on(`action`,()=>this.commitFromCombo()),f.addListener(this._combo,`blur`,()=>this.commitFromCombo()),f.addListener(this._combo,`keydown`,e=>{f.fireEvent(this,`keydown`,{detail:{key:e.key,code:e.code,keyCode:e.keyCode,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey}})}),this.addComponent(this._combo)}getValue(){return this._value}setValue(e){return this._value=e??null,this._combo.setValue(this._value===null?``:String(this._value)),this}focus(e=!1){return this._combo.focus(e),this._combo.openDropdown(),this}setOptions(e){let t=normalizeComboOptions(e).map(e=>({key:e.value,label:e.label}));return this._combo.setItems(t),this._combo.setValue(this._value===null?``:String(this._value)),this}commitFromCombo(){let e=this._combo.getValue();this._value=e||null,this.requestCommit()}},q=s(ComboEditor);function resolveClickedColumn(e,t){for(let n=0;n<e.length;n++){let i=e[n].getElement();if(i&&(i===t||r.source.contains(i,t)))return n}return-1}function columnWidthsEqual(e,t){if(!t)return e.length===0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}var Ve=class Body extends me{_store;_hiddenColumns=new Set;_columns=[];_columnConfigs=new Map;_rowReadOnly=null;_cellGeom=[];_lastBodyWidth=0;_lastColumnWidths=[];_lastAriaRowCount=-1;_rowHeight;_storeRefresh=null;_selectedRecords=new Set;_anchorRecord=null;_focusedColIndex=0;_editorPool=new CellEditorPool;_header=null;_listeners=new p;constructor(e){super({tag:`tbody`}),this.setOverflow(`hidden`),this.setBackgroundColor(`var(--ts-ui-input-bg, rgb(255, 255, 255))`),this.getAria().setTabIndex(0),this.getAria().setRole(`rowgroup`),this._store=e,this.bindStore(e),this._rowHeight=this.computeRowHeight(),this.subscribeTheme(()=>{this._rowHeight=this.computeRowHeight(),this._boundIndices.fill(-1),this.invalidateGeom(),this.renderWindow()})}computeRowHeight(){let e=l.getTheme();return t.lineHeightPx()+2*(e.table.cell.padding??2)}getRowHeight(){return this._rowHeight}createPoolRow(){let e=this.createRow();for(let t of e.getComponents())t.setEditorPool(this._editorPool),t.setScrollIntoViewHandler(()=>this.scrollColumnIntoView(this._focusedColIndex));return e}onPoolRowAdded(){this._cellGeom.push([])}bindStore(e){let refresh=()=>this.onStoreChange();this._storeRefresh=refresh,e.on(`load`,refresh),e.on(`add`,refresh),e.on(`remove`,refresh),e.on(`datachange`,refresh),e.on(`beforesync`,refresh),e.on(`sync`,refresh)}onStoreChange(){this._boundIndices.fill(-1),this.renderWindow()}getVisibleRecords(){return this._store.getRecords()}createRow(){return new H(this._store.model,void 0,this._hiddenColumns,this._columnConfigs,e=>this._store.notifyRecordChanged(e))}getTreeFieldName(){}computeRowAria(e,t){e.getAria().setRowIndex(t+2)}afterRowBound(e,t,n){}invalidateRowBindings(){this._boundIndices.fill(-1)}getStore(){return this._store}getHiddenColumns(){return this._hiddenColumns}getColumnConfigs(){return this._columnConfigs}getRowPool(){return this._rowPool}invalidateGeom(){super.invalidateGeom();for(let e=0;e<this._cellGeom.length;e++)this._cellGeom[e]=[]}setHiddenColumns(e){let t=new Set;for(let n of e){let e=this._columns.find(e=>e.getField().getName()===n);(!e||!e.isUnhideable())&&t.add(n)}return this._hiddenColumns=t,this.syncPoolCells(),this.renderWindow(),this}setColumns(e){return this._columns=e,this.syncPoolCells(),this.renderWindow(),this}setRowReadOnly(e){return this._rowReadOnly=e,this}setColumnConfigs(e){return this._columnConfigs=e,this.registerComboEditors(e),this.syncPoolCells(),this.renderWindow(),this}registerComboEditors(e){for(let[t,n]of e){let e=n.values;e&&e.length>0?this._editorPool.register(`combo:${t}`,()=>new q(e)):n.cellValues&&this._editorPool.register(`combo:${t}`,()=>new q([]))}}syncPoolCells(){let e=this.getTreeFieldName();for(let t=0;t<this._rowPool.length;t++){let n=this._rowPool[t];n.syncCells(this._store.model,this._hiddenColumns,this._columnConfigs,e);for(let e of n.getComponents())e.setEditorPool(this._editorPool),e.setScrollIntoViewHandler(()=>this.scrollColumnIntoView(this._focusedColIndex));this._rowGeom[t]=null,this._cellGeom[t]=[]}}setStore(e){if(this._storeRefresh){let e=this._store;[`load`,`add`,`remove`,`datachange`,`beforesync`,`sync`].forEach(t=>e.off(t,this._storeRefresh))}return this._store=e,this.bindStore(e),this.invalidateGeom(),this.getElement()&&this.onStoreChange(),this}init(e){super.init(e);let t=e||this.getElement();return t?(this.initScroller(t),f.addListener(this,`focus`,this.onFocus),f.addListener(this,`keydown`,this.onKeyDown),f.addSubtreeListener(this,`click`,this.onSubtreeClick),this.renderWindow(),this):this}onScrollerTick(){this.renderWindow(),this._scroller&&(this.emit(`verticalscroll`,this._scroller.getScrollY()),this.emit(`horizontalscroll`,this._scroller.getScrollX()))}onFocus(){this._updateActiveDescendant(),this._updateFocusStyle()}getEditorPool(){return this._editorPool}renderWindow(e,t){if(!this.getElement()||!this._scroller)return;let n=this._scroller,r=this.getVisibleRecords(),i=r.length,a=n.getScrollX(),o=n.getScrollY();this.updateColumnWidthCache(e,t);let s=i*this._rowHeight,c=this._lastColumnWidths.reduce((e,t)=>e+t,0),l=Math.max(this._lastBodyWidth,c);n.clampToContent(l,s);let u=this.getHeight()||0,d=this.computeVisibleWindow(n.getScrollY(),u,i),f=this.computePoolTarget(d.windowSize,u,i);this.growRowPool(f);let p=Math.max(this._lastBodyWidth,c),m=this._store.model.getFields().filter(e=>!this._hiddenColumns.has(e.getName())).length,h=m>0?p/m:p;this.bindAndPositionRows(d.firstRow,d.windowSize,p,h,r),this.hideExcessPoolRows(d.windowSize),i!==this._lastAriaRowCount&&(this.getAria().setRowCount(i),this._lastAriaRowCount=i),n.layoutScrollbars(l,s);let g=n.getScrollX(),_=n.getScrollY();g!==a&&this.emit(`horizontalscroll`,g),_!==o&&this.emit(`verticalscroll`,_),this._updateFocusStyle()}updateColumnWidthCache(e,t){if(e===void 0)return;let n=this._lastBodyWidth!==e||!columnWidthsEqual(this._lastColumnWidths,t);this._lastBodyWidth=e,this._lastColumnWidths=t??[],n&&this.invalidateGeom()}bindAndPositionRows(e,t,n,r,i){let a=this._rowHeight;for(let o=0;o<t;o++){let t=this._rowPool[o],s=e+o,c=this._boundIndices[o]!==s;c&&(t.setData(i[s]),this._boundIndices[o]=s,t.setStripe(s%2==1),this.updateRowVisualState(o),this.computeRowAria(t,s),this.applyReadOnlyState(t,i[s])),this.afterRowBound(t,s,c),this.applyRequiredEmptyState(t,i[s]),this.positionRow(o,s*a,n);let l=t.getComponents(),u=this._cellGeom[o],d=0;for(let e=0;e<l.length;e++){let t=l[e],n=this._lastColumnWidths[e]??r,i=u[e];(!i||i.x!==d||i.w!==n||i.h!==a)&&(t.setAutoCommitStyle(!1),t.setX(d),t.setY(0),t.setWidth(n),t.setHeight(a),t.setAutoCommitStyle(!0),u[e]={x:d,w:n,h:a},i||t.getAria().setColIndex(e+1),t.doLayout()),d+=n}}}onSubtreeClick(e){if(!(e instanceof MouseEvent))return;let t=e.target===null?null:r.source.intern(e.target);for(;t;){let n=this._rowPool.find(e=>e.getElement()===t);if(n){this.onRowClick(n,e);return}t=r.source.getParentElement(t)}}onRowClick(e,t){let n=e.getData()??null;if(!n)return;let i=this.getVisibleRecords();this._anchorRecord=fe(this._selectedRecords,this._anchorRecord,n,e=>i.indexOf(e),e=>i[e],{ctrl:t.ctrlKey||t.metaKey,shift:t.shiftKey}),this._boundIndices.forEach((e,t)=>{e!==-1&&this.updateRowVisualState(t)}),this.notifySelectionChange();let a=t.target===null?null:r.source.intern(t.target),o=resolveClickedColumn(e.getComponents(),a);o>=0&&(this._focusedColIndex=o);let s=a===null?``:r.source.getTagName(a);if(s!==`INPUT`&&s!==`TEXTAREA`&&s!==`SELECT`&&this.focus(),this._updateFocusStyle(),this._updateActiveDescendant(),o>=0){let r=e.getFieldNames()[o];this.emit(`cellclick`,{record:n,field:r,columnIndex:o,value:n.get(r),rowIndex:this.getVisibleRecords().indexOf(n),event:t})}}selectRecord(e){this._selectedRecords.clear(),this._anchorRecord=e,e&&this._selectedRecords.add(e),this._boundIndices.forEach((e,t)=>{e!==-1&&this.updateRowVisualState(t)}),this.notifySelectionChange()}getSelectedRecord(){return this._anchorRecord&&this._selectedRecords.has(this._anchorRecord)?this._anchorRecord:this._selectedRecords.size>0?[...this._selectedRecords][0]:null}getSelectedRecords(){return[...this._selectedRecords]}setSelectedRecords(e){this._selectedRecords.clear(),this._anchorRecord=e.length>0?e[0]:null;for(let t of e)this._selectedRecords.add(t);this._boundIndices.forEach((e,t)=>{e!==-1&&this.updateRowVisualState(t)}),this.notifySelectionChange()}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)}notifySelectionChange(){this.emit(`selection`,this.getSelectedRecords())}scrollToRecord(e){let t=this.getVisibleRecords().indexOf(e);t!==-1&&this.setScrollY(t*this._rowHeight)}applyReadOnlyState(e,t){let n=this._rowReadOnly?.(t)===!0,r=e.getComponents(),i=e.getFieldNames();for(let e=0;e<r.length;e++){let a=r[e],o=i[e],s=this._columnConfigs.get(o),c=s?.readOnly===!0,l=s?.cellReadOnly?.(t)===!0,u=c||n||l;a.setReadOnly(u)}}static isEmptyValue(e){return e==null||e===``}applyRequiredEmptyState(e,t){let n=e.getComponents(),r=e.getFieldNames();for(let e=0;e<n.length;e++){let i=r[e],a=this._columnConfigs.get(i),o=a?.required===!0||a?.requiredPredicate?.(t)===!0,s=Body.isEmptyValue(t.get(i));n[e].setRequiredEmpty(o&&s)}}updateRowVisualState(e){let t=this._boundIndices[e];if(t===-1)return;let n=this.getVisibleRecords()[t];if(!n)return;let i=this._rowPool[e],a=i.getElement(),o=this._selectedRecords.has(n);o?r.sink.apply(a,{style:{"background-color":`var(--ts-ui-table-row-selected, rgba(30, 100, 200, 0.15))`,"box-shadow":`var(--ts-ui-table-row-selected-border, none)`}}):(r.sink.apply(a,{style:{"box-shadow":null}}),i.updateVisualState()),i.getAria().setSelected(o)}setHeader(e){return this._header=e,this}_updateFocusStyle(){for(let e of this._rowPool)for(let t of e.getComponents()){let e=t.getElement();e&&r.sink.apply(e,{style:{outline:null,"outline-offset":null}})}let e=this._header===null?null:this._header.getColumns();if(e!==null)for(let t of e)t.setColumnFocused(!1);if(!this._anchorRecord)return;if(e!==null)for(let t=0;t<e.length;t++)e[t].setColumnFocused(t===this._focusedColIndex);let t=this.getVisibleRecords().indexOf(this._anchorRecord),n=this._boundIndices.indexOf(t);if(n<0)return;let i=this._rowPool[n].getComponents()[this._focusedColIndex];if(i){let e=i.getElement();e&&r.sink.apply(e,{style:{outline:`var(--ts-ui-indicator-selection, 1px dashed rgb(120, 170, 240))`,"outline-offset":`-1px`}})}}_updateActiveDescendant(){if(!this._anchorRecord){this.getAria().setActiveDescendant(``);return}let e=this.getVisibleRecords().indexOf(this._anchorRecord),t=this._boundIndices.indexOf(e);if(t<0){this.getAria().setActiveDescendant(``);return}let n=this._rowPool[t].getComponents()[this._focusedColIndex];n?this.getAria().setActiveDescendant(n.getId()):this.getAria().setActiveDescendant(this._rowPool[t].getId())}onKeyDown(e){let t=this.getVisibleRecords();if(t.length===0||!new Set([`ArrowDown`,`ArrowUp`,`Home`,`End`,`ArrowLeft`,`ArrowRight`,`PageUp`,`PageDown`,`Enter`,` `]).has(e.key))return;if(e.preventDefault(),e.key===`ArrowLeft`||e.key===`ArrowRight`){let t=this._store.model.getFields().filter(e=>!this._hiddenColumns.has(e.getName())).length;e.key===`ArrowLeft`?this._focusedColIndex=Math.max(0,this._focusedColIndex-1):this._focusedColIndex=Math.min(t-1,this._focusedColIndex+1),this._updateActiveDescendant(),this._updateFocusStyle();return}if(e.key===`Enter`||e.key===` `){if(!this._anchorRecord)return;let e=t.indexOf(this._anchorRecord),n=this._boundIndices.indexOf(e);if(n<0)return;let r=this._rowPool[n].getComponents()[this._focusedColIndex];if(r instanceof Cell){let e=r;e.on(`editend`,()=>{this.focus(),this._updateFocusStyle(),this._updateActiveDescendant()}),e.startEdit()}return}let n=this._anchorRecord?t.indexOf(this._anchorRecord):-1,r=this.computePageSize(),i;i=e.key===`ArrowDown`?n<0?0:Math.min(n+1,t.length-1):e.key===`ArrowUp`?n<0?0:Math.max(n-1,0):e.key===`PageDown`?n<0?0:Math.min(n+r,t.length-1):e.key===`PageUp`?n<0?0:Math.max(n-r,0):e.key===`Home`?0:t.length-1;let a=t[i];this.selectRecord(a),this.scrollRecordIntoView(a),this.renderWindow(),this._updateActiveDescendant()}scrollRecordIntoView(e){this.scrollRowIntoView(this.getVisibleRecords().indexOf(e))}scrollColumnIntoView(e){let t=this._lastColumnWidths;if(!this._scroller||e<0||e>=t.length)return;let n=0;for(let r=0;r<e;r++)n+=t[r];let r=n+t[e],i=this._scroller.getScrollX(),a=this.getWidth()||0,o=i+a,s=i;n<i?s=n:r>o&&(s=r-a),s!==i&&this.setScrollX(s)}},J=s(Ve),FooterRow=class extends u{constructor(){super({tag:`tfoot`}),this.setBorder({borderTop:`1px solid var(--ts-ui-border-color, black)`});let e=`var(--ts-ui-button-bg, linear-gradient(rgb(241, 241, 241), rgb(200, 200, 200)))`;this.setBackgroundColor(e),this.setBackgroundImage(e);let t=new H;this.addRow(t)}getColumns(){return this.getComponents()[0].getComponents()}addRow(e){return this.addComponent(e),this}addComponent(e){return super.addComponent(e),this}setWidth(e){return super.setWidth(e),this.getComponents()[0].setWidth(e),this}setHeight(e){return super.setHeight(e),this.getComponents()[0].setHeight(e),this}},Y=s(FooterRow),X=class Column{_field;_minWidth;_maxWidth;_hidden;_unhideable;_readOnly;_headerGlyph;_group;_groupColor;_required;constructor(e,t){this._field=e,this._minWidth=t?.minWidth,this._maxWidth=t?.maxWidth,this._hidden=t?.hidden??!1,this._unhideable=t?.unhideable??!1,this._readOnly=t?.readOnly??!1,this._headerGlyph=t?.headerGlyph??null,this._group=t?.group??null,this._groupColor=t?.groupColor??null,this._required=t?.required??!1}getField(){return this._field}getMinWidth(){return this._minWidth}getMaxWidth(){return this._maxWidth}isInitiallyHidden(){return this._hidden}isUnhideable(){return this._unhideable}isReadOnly(){return this._readOnly}getHeaderGlyph(){return this._headerGlyph}setHeaderGlyph(e){return this._headerGlyph=e,this}clearHeaderGlyph(){return this.setHeaderGlyph(null)}getGroup(){return this._group}getGroupColor(){return this._groupColor}isRequired(){return this._required}static resolve(e,t){let n=e.slice().sort((e,t)=>e.getOrder()-t.getOrder());if(!t)return n.map(e=>new Column(e));let r=new Map(t.columns.map(e=>[e.field,e])),i=new Set(t.columns.map(e=>e.field));return t.appendUnlisted===!1?n.filter(e=>i.has(e.getName())).map(e=>new Column(e,r.get(e.getName()))):n.map(e=>new Column(e,r.get(e.getName())))}},Z=class TableExporter{static exportCSV(e,t,n,r){let i=[e.map(e=>TableExporter.escapeCSVField(e.getField().getName())).join(`,`),...t.map(t=>e.map(e=>TableExporter.escapeCSVField(TableExporter.formatValue(e,t.get(e.getField().getName()),n))).join(`,`))].join(`\r
+`);TableExporter.download(i,r?.filename??`table-export.csv`,`text/csv;charset=utf-8;`)}static exportJSON(e,t,n,r){let i=t.map(t=>Object.fromEntries(e.map(e=>[e.getField().getName(),TableExporter.formatValue(e,t.get(e.getField().getName()),n)]))),a=JSON.stringify(i,null,2);TableExporter.download(a,r?.filename??`table-export.json`,`application/json`)}static formatValue(e,t,n){if(t==null||!(t instanceof Date))return t;let r=e.getField().getType(),i=n.get(e.getField().getName())?.showSeconds??!1;switch(r){case`date`:return t.toLocaleDateString();case`time`:return t.toLocaleTimeString(void 0,i?{hour:`2-digit`,minute:`2-digit`,second:`2-digit`}:{hour:`2-digit`,minute:`2-digit`});case`datetime`:return t.toLocaleString(void 0,i?{year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`}:{year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`});default:return t}}static escapeCSVField(e){let t=String(e??``);return t.includes(`,`)||t.includes(`"`)||t.includes(`
+`)?`"`+t.replace(/"/g,`""`)+`"`:t}static download(e,t,n){let i=new Blob([e],{type:n}),a=URL.createObjectURL(i),o=r.sink.createElement(`a`);r.sink.apply(o,{setAttr:{href:a,download:t}}),r.sink.appendChild(r.source.getBody(),o),r.sink.click(o),r.sink.removeChild(r.source.getBody(),o),r.sink.release(o),URL.revokeObjectURL(a)}},Table=class extends u{_store;_spec;_resolvedColumns=[];_hiddenColumns=new Set;_columnContextMenu=new re;_headerVisible;_header;_body;_bodyVisible;_footer;_footerVisible;_columnWidths=[];_resizeOriginClientX=0;_resizeOriginW0=0;_resizeOriginW1=0;_savedColumnWidths=new Map;_columnConfigs=new Map;_exportMenuEnabled=!1;_listeners=new p;constructor(e,t,r){super({tag:`table`}),this.setLayoutManager(new we),this.getAria().setRole(`grid`),this.setBorder({border:`1px solid var(--ts-ui-border-color, black)`}),this.setInsets(new n(0,0,0,0)),this.setOverflow(`hidden`),this.setMinSize(100,100),this._store=e,this._spec=t,this._headerVisible=!0,this._bodyVisible=!0,this._footerVisible=!1,this._resolvedColumns=X.resolve(e.model.getFields(),t),this.initHiddenFromSpec(),this._header=new W(e.model,e),this._header.on(`columnresizestart`,(e,t)=>this.onColumnResizeStart(e,t)),this._header.on(`columnresize`,(e,t)=>this.onColumnResize(e,t)),this._header.on(`columncontextmenu`,(e,t,n)=>this.showColumnMenu(t,n)),this._header.setWillChange(`transform`),this.addComponent(this._header),this._header.setColumns(this._resolvedColumns),this._body=r?r(e):new J(e),this._body.setHeader(this._header),this.addComponent(this._body),this._body.setColumns(this._resolvedColumns),this._footer=new Y,this.addComponent(this._footer);let i=this.getEffectiveHiddenSet();i.size>0&&(this._header.setHiddenColumns(i),this._body.setHiddenColumns(i)),t&&(this._columnConfigs=this.buildColumnConfigs(t),this._body.setColumnConfigs(this._columnConfigs)),this._body.setRowReadOnly(t?.rowReadOnly??null),this.getAria().setColCount(this.getColumns().length),this._body.on(`horizontalscroll`,e=>{this._header.getParentRow().setTranslate(-e,0),this._header.getComponents()[1].setTranslate(-e,0)}),this._body.on(`selection`,e=>this.emit(`selection`,e)),this._body.on(`cellclick`,e=>this.emit(`cellclick`,e))}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)}getColumns(){let e=this.getEffectiveHiddenSet();return this._resolvedColumns.filter(t=>!e.has(t.getField().getName()))}getStore(){return this._store}getModel(){return this._store.model}setStore(e){return this._store=e,this._columnWidths=[],this._savedColumnWidths=new Map,this._resolvedColumns=X.resolve(e.model.getFields(),this._spec),this._body.setStore(e),this._header.setModel(e.model),this._header.setColumns(this._resolvedColumns),this._body.setColumns(this._resolvedColumns),this._header.setHiddenColumns(this.getEffectiveHiddenSet()),this.getAria().setColCount(this.getColumns().length),this}getColumnWidths(){return this._columnWidths}setColumnWidths(e){this._columnWidths=e;let t=this.getColumns();return e.forEach((e,n)=>{let r=t[n];r&&this._savedColumnWidths.set(r.getField().getName(),e)}),this}setColumnVisible(e,t){if(!t){let t=this._resolvedColumns.find(t=>t.getField().getName()===e);if(t&&t.isUnhideable())return this}t?this._hiddenColumns.delete(e):this._hiddenColumns.add(e);let n=this.getColumns(),r=n.map(e=>this._savedColumnWidths.get(e.getField().getName())??this.defaultColumnWidth(e)),i=this._columnWidths.reduce((e,t)=>e+t,0),a=r.reduce((e,t)=>e+t,0);this._columnWidths=a>i+.5&&i>0?this.trimToTarget(n,r,i,e):r;let o=this.getEffectiveHiddenSet();return this._header.setHiddenColumns(o),this._body.setHiddenColumns(o),this.getAria().setColCount(this.getColumns().length),this.doLayout(),this}getHeader(){return this._header}isHeaderVisible(){return this._headerVisible}getBody(){return this._body}isBodyVisible(){return this._bodyVisible}getFooter(){return this._footer}isFooterVisible(){return this._footerVisible}addRow(e={}){let[t]=this._store.add(e);return this._body.scrollToRecord(t),this._body.selectRecord(t),t}removeSelectedRow(){let e=this._body.getSelectedRecord();return e?(this._body.selectRecord(null),this._store.remove(e),this):this}selectRecord(e){return e&&this._body.scrollToRecord(e),this._body.selectRecord(e),this}async sync(){return this._store.sync()}reject(){this._store.reject()}getSelectedRecord(){return this._body.getSelectedRecord()}getSelectedRecords(){return this._body.getSelectedRecords()}addComponent(e,t){return e instanceof W?this._header=e:e instanceof J?this._body=e:e instanceof Y&&(this._footer=e),super.addComponent(e,t),this}defaultColumnWidth(e){let n=e.getField(),r=t.measureTextWidth(n.getName(),{fontSize:`var(--ts-ui-table-header-font-size, var(--ts-ui-font-size))`,fontWeight:`bold`})+21;switch(n.getType()){case`boolean`:return Math.max(60,r);case`number`:return Math.max(90,r);case`date`:return Math.max(110,r);default:return Math.max(100,r)}}trimToTarget(e,t,n,r){let i=[...t],isFixedType=e=>{let t=e.getField().getType();return t===`boolean`||t===`number`||t===`date`},trim=(t,n)=>{let r=t.reduce((e,t)=>e+t.room,0);if(r<=0)return n;let a=Math.min(n,r);for(let{i:n,room:o}of t)i[n]=Math.max(i[n]-o/r*a,e[n].getMinWidth()??30);return n-a},pool=t=>e.map((e,n)=>({i:n,room:isFixedType(e)===t&&e.getField().getName()!==r&&this._savedColumnWidths.has(e.getField().getName())?i[n]-(e.getMinWidth()??30):0})).filter(e=>e.room>.5),a=i.reduce((e,t)=>e+t,0)-n;return a=trim(pool(!1),a),a>.5&&trim(pool(!0),a),i}buildColumnConfigs(e){let t=new Map;for(let n of e.columns)t.set(n.field,n);return t}initHiddenFromSpec(){for(let e of this._resolvedColumns)e.isInitiallyHidden()&&!e.isUnhideable()&&this._hiddenColumns.add(e.getField().getName())}getEffectiveHiddenSet(){let e=new Set(this._resolvedColumns.map(e=>e.getField().getName())),t=new Set(this._hiddenColumns);for(let n of this._store.model.getFields())e.has(n.getName())||t.add(n.getName());return t}showColumnMenu(e,t){let n=this._resolvedColumns.slice().sort((e,t)=>e.getField().getOrder()-t.getField().getOrder()),r=[],i;n.forEach(e=>{let t=e.getField().getName(),n=!this._hiddenColumns.has(t),a=e.getGroup();a!==null&&a!==i&&r.push({text:a,enabled:!1});let o=a===null?``:`\xA0\xA0\xA0\xA0`,s=!e.isUnhideable();r.push({text:o+(n?`✓ `:`  `)+t,action:()=>this.setColumnVisible(t,!n),enabled:s}),i=a}),r.push({separator:!0},{text:`Reset columns`,action:()=>this.resetColumns()}),this._exportMenuEnabled&&r.push({separator:!0},{text:`Export as CSV`,action:()=>this.exportCSV()},{text:`Export as JSON`,action:()=>this.exportJSON()}),this._columnContextMenu.show(e,t,r)}setExportMenuEnabled(e){return this._exportMenuEnabled=e,this}exportCSV(e){let t=this.getExportColumns(e?.includeHidden??!1),n=this._store.getRecords();Z.exportCSV(t,n,this._columnConfigs,e)}exportJSON(e){let t=this.getExportColumns(e?.includeHidden??!1),n=this._store.getRecords();Z.exportJSON(t,n,this._columnConfigs,e)}getExportColumns(e){return e?this._resolvedColumns.slice():this.getColumns()}onColumnResizeStart(e,t){let n=this._columnWidths.length;n===0||e>=n-1||(this._resizeOriginClientX=t,this._resizeOriginW0=this._columnWidths[e],this._resizeOriginW1=this._columnWidths[e+1])}onColumnResize(e,t){let n=this._columnWidths.length;if(n===0||e>=n-1)return;let r=this.getColumns(),i=r[e]?.getMinWidth()??30,a=r[e]?.getMaxWidth()??1/0,o=r[e+1]?.getMinWidth()??30,s=r[e+1]?.getMaxWidth()??1/0,c=t-this._resizeOriginClientX,l=this._resizeOriginW0+c,u=this._resizeOriginW1-c;l<i&&(u+=l-i,l=i),u<o&&(l+=u-o,u=o),!(l<i||u<o||l>a||u>s)&&(this._columnWidths[e]=l,this._columnWidths[e+1]=u,this.doLayout())}resetColumns(){this._hiddenColumns=new Set,this.initHiddenFromSpec(),this._savedColumnWidths=new Map,this._columnWidths=this.getColumns().map(e=>this.defaultColumnWidth(e));let e=this.getEffectiveHiddenSet();this._header.setHiddenColumns(e),this._body.setHiddenColumns(e),this.doLayout()}},Q=s(Table);h.register(he,ge,_e,ve);var TablePanel=class extends m{_table;_toolbar;_syncBtn;_rejectBtn;_spinner=null;_paginationBar=void 0;constructor(e){super(),this.setLayoutManager(new b),this._toolbar=new u,this._toolbar.setLayoutManager(new ee);let t=new C({glyph:`plus`});t.setPreferredSize(28,28),t.on(`action`,()=>this._table.addRow()),_.attach(t,`Add row`),this._toolbar.addComponent(t);let n=new C({glyph:`minus`});n.setPreferredSize(28,28),n.on(`action`,()=>this._table.removeSelectedRow()),_.attach(n,`Remove selected row`),this._toolbar.addComponent(n),this._syncBtn=new C({glyph:`arrows-rotate`}),this._syncBtn.setPreferredSize(28,28),this._syncBtn.on(`action`,()=>this._table.sync()),_.attach(this._syncBtn,`Sync pending changes`),this._toolbar.addComponent(this._syncBtn),this._rejectBtn=new C({glyph:`ban`}),this._rejectBtn.setPreferredSize(28,28),this._rejectBtn.on(`action`,()=>this._table.reject()),_.attach(this._rejectBtn,`Reject pending changes`),this._toolbar.addComponent(this._rejectBtn),this._table=new Q(e),super.addComponent(this._toolbar,{placement:S.NORTH}),super.addComponent(this._table,{placement:S.CENTER}),e.on(`loadingchange`,e=>{this._spinner||=new x(24),e.loading?this._spinner.showOverlay(this._table):this._spinner.hideOverlay()});let refreshSyncButtons=()=>this.refreshSyncButtons();e.on(`add`,refreshSyncButtons),e.on(`remove`,refreshSyncButtons),e.on(`datachange`,refreshSyncButtons),e.on(`sync`,refreshSyncButtons),e.on(`load`,refreshSyncButtons),this.refreshSyncButtons()}refreshSyncButtons(){let e=this._table.getStore().hasPendingChanges();this._syncBtn.setEnabled(e),this._rejectBtn.setEnabled(e)}getTable(){return this._table}getToolbar(){return this._toolbar}setExportMenuEnabled(e){return this._table.setExportMenuEnabled(e),this}exportCSV(e){this._table.exportCSV(e)}exportJSON(e){this._table.exportJSON(e)}setPaginationBar(e){return this._paginationBar&&(this.removeComponent(this._paginationBar),this._paginationBar.dispose()),this._paginationBar=e,super.addComponent(e,{placement:S.SOUTH}),this}getPaginationBar(){return this._paginationBar}},He=s(TablePanel),TreeBody=class extends Ve{_byId=new Map;_childIds=new Map;_expanded=new Set;_flatRows=[];_rowDnDTeardowns=new Map;_emptyAreaDropTeardown=null;_reparentHandler=null;_reparentValidator=null;constructor(e,t){super(e),this._idField=t.idField,this._parentField=t.parentField,this._treeColumn=t.treeColumn,this._indentPx=t.indentPx,this.rebuildIndex(),this.flatten()}getIdField(){return this._idField}getParentField(){return this._parentField}getTreeColumn(){return this._treeColumn}getFlatRecords(){return this._flatRows}getRecordById(e){return this._byId.get(e)}getChildrenOf(e){return this._childIds.get(e)??[]}isDirectoryRecord(e){return this.getChildrenOf(e.get(this._idField)).length>0}isAncestorOf(e,t){if(e===t)return!0;let n=e.get(this._idField),r=t,i=new Set;for(;r;){let e=r.get(this._parentField);if(e==null)return!1;if(e===n)return!0;if(i.has(e))return!1;i.add(e),r=this._byId.get(e)}return!1}isExpanded(e){let t=e.get(this._idField),n=this._childIds.get(t);return!!n&&n.length>0&&this._expanded.has(t)}setExpanded(e,t){let n=e.get(this._idField),r=this._childIds.get(n);if(!r||r.length===0)return this;if(t){if(this._expanded.has(n))return this;this._expanded.add(n)}else{if(!this._expanded.has(n))return this;this._expanded.delete(n)}return this.flatten(),this.invalidateRowBindings(),this.renderWindow(),this}expandToDepth(e){this._expanded.clear();let recurse=(t,n)=>{if(!(n>e))for(let e of t){let t=e.get(this._idField),r=this._childIds.get(t);r&&r.length>0&&(this._expanded.add(t),recurse(r,n+1))}};return recurse(this._childIds.get(null)??[],0),this.flatten(),this.invalidateRowBindings(),this.renderWindow(),this}collapseAll(){return this._expanded.size===0?this:(this._expanded.clear(),this.flatten(),this.invalidateRowBindings(),this.renderWindow(),this)}expandAll(){let e=new Set;for(let[t,n]of this._childIds)t!==null&&n.length>0&&e.add(t);let t=this._childIds.get(null)??[];for(let n of t){let t=n.get(this._idField),r=this._childIds.get(t);r&&r.length>0&&e.add(t)}return this._expanded=e,this.flatten(),this.invalidateRowBindings(),this.renderWindow(),this}getToggleElement(e){let t=e.getTreeCell();if(!t)return null;let n=t.getRenderer();if(!(n instanceof V))return null;let r=n.getToggle();return r?r.getElement()??null:null}init(e){return super.init(e),this.ensureEmptyAreaDropTarget(),this}onStoreChange(){this.rebuildIndex(),this.flatten(),super.onStoreChange()}getVisibleRecords(){return this._flatRows.map(e=>e.record)}createRow(){return new H(this.getStore().model,void 0,this.getHiddenColumns(),this.getColumnConfigs(),e=>this.getStore().notifyRecordChanged(e),this._treeColumn)}getTreeFieldName(){return this._treeColumn}computeRowAria(e,t){super.computeRowAria(e,t);let n=this._flatRows[t];n&&(e.getAria().setLevel(n.depth+1),e.getAria().setExpanded(n.hasChildren?n.expanded:null),e.getAria().setSetSize(n.siblingCount),e.getAria().setPosInSet(n.posInSet))}afterRowBound(e,t,n){let r=e.getTreeCell(),i=this._flatRows[t];if(r&&i&&r.getRenderer().setTreeState(i.depth,i.hasChildren,i.expanded),this._reparentHandler!==null){if(!i){this.teardownRowDnD(e);return}(n||!this._rowDnDTeardowns.has(e))&&this.installRowDnD(e,i.record)}}installRowDnD(e,t){this.teardownRowDnD(e);let n=w.makeDragSource(e,{dragData:{recordId:t.get(this._idField)}}),dropTargetForRow=e=>this.resolveDragged(e)?this.resolveDropParentForRow(t):null,r=w.makeDropTarget(e,{accepts:e=>{let t=this.resolveDragged(e);if(!t)return!1;let n=dropTargetForRow(e);return this._reparentValidator?.(t,n)??!1},onDrop:e=>{let t=this.resolveDragged(e);if(!t)return!1;let n=dropTargetForRow(e);return this._reparentHandler?.(t,n)??!1}});this._rowDnDTeardowns.set(e,()=>{n(),r()})}resolveDragged(e){let t=e.dragData.recordId;return this._byId.get(t)}resolveDropParentForRow(e){if(this.isDirectoryRecord(e))return e;let t=e.get(this._parentField);return t==null?null:this._byId.get(t)??null}teardownRowDnD(e){let t=this._rowDnDTeardowns.get(e);t&&(t(),this._rowDnDTeardowns.delete(e))}setReparentHandlers(e,t){return this._reparentValidator=e,this._reparentHandler=t,this.getElement()&&this.ensureEmptyAreaDropTarget(),this}ensureEmptyAreaDropTarget(){this._emptyAreaDropTeardown===null&&this._reparentHandler!==null&&(this._emptyAreaDropTeardown=w.makeDropTarget(this,{accepts:e=>{let t=this.resolveDragged(e);return t?this._reparentValidator?.(t,null)??!1:!1},onDrop:e=>{let t=this.resolveDragged(e);return t?this._reparentHandler?.(t,null)??!1:!1}}))}onSubtreeClick(e){let t=e.target===null?null:r.source.intern(e.target);for(let e of this.getRowPool()){let n=this.getToggleElement(e);if(n&&t!==null&&(t===n||r.source.contains(n,t))){let t=e.getData();t&&this.setExpanded(t,!this.isExpanded(t));return}}super.onSubtreeClick(e)}onKeyDown(e){if(e.key!==`ArrowRight`&&e.key!==`ArrowLeft`){super.onKeyDown(e);return}let t=this.getSelectedRecord();if(!t){super.onKeyDown(e);return}let n=this._flatRows.findIndex(e=>e.record===t);if(n<0){e.preventDefault();return}e.preventDefault();let r=this._flatRows[n];e.key===`ArrowRight`?this.handleArrowRight(r,n):this.handleArrowLeft(r,n)}handleArrowRight(e,t){if(!e.hasChildren)return;if(!e.expanded){this.setExpanded(e.record,!0);return}let n=this._flatRows[t+1];n&&n.depth===e.depth+1&&this.moveFocusTo(n.record)}handleArrowLeft(e,t){if(e.hasChildren&&e.expanded){this.setExpanded(e.record,!1);return}if(e.depth!==0){for(let n=t-1;n>=0;n--)if(this._flatRows[n].depth===e.depth-1){this.moveFocusTo(this._flatRows[n].record);return}}}moveFocusTo(e){this.selectRecord(e),this.scrollRecordIntoView(e),this.renderWindow(),this._updateActiveDescendant(),this._updateFocusStyle()}rebuildIndex(){this._byId.clear(),this._childIds.clear();let e=this.getStore().getRecords();for(let t of e){let e=t.get(this._idField);this._byId.set(e,t)}for(let t of e){let e=t.get(this._parentField),n=e!=null&&this._byId.has(e)?e:null,r=this._childIds.get(n);r?r.push(t):this._childIds.set(n,[t])}}flatten(){let e=[],recurse=(t,n)=>{let r=t.length;for(let i=0;i<t.length;i++){let a=t[i],o=a.get(this._idField),s=this._childIds.get(o),c=!!s&&s.length>0,l=c&&this._expanded.has(o);e.push({record:a,depth:n,hasChildren:c,expanded:l,siblingCount:r,posInSet:i+1}),l&&recurse(s,n+1)}};recurse(this._childIds.get(null)??[],0),this._flatRows=e}},Ue=s(TreeBody),We=16,$=s(class TreeTable extends Q{_treeSpec;_treeBody;_rowReparentWrappers=new Map;constructor(e,t){let n=t.indentPx??We,r=TreeTable.markTreeColumnUnhideable(t);super(e,r,e=>new Ue(e,{idField:t.idField,parentField:t.parentField,treeColumn:t.treeColumn,indentPx:n})),this._treeSpec=t,this._treeBody=this.getBody(),this.getAria().setRole(`treegrid`),this._treeBody.setReparentHandlers((e,t)=>this.canReparent(e,t),(e,t)=>this.reparentRow(e,t))}static markTreeColumnUnhideable(e){let t=e.columns.find(t=>t.field===e.treeColumn)?e.columns.map(t=>t.field===e.treeColumn?{...t,unhideable:!0}:t):[...e.columns,{field:e.treeColumn,unhideable:!0}];return{...e,columns:t}}getBody(){return super.getBody()}getTreeSpec(){return this._treeSpec}setExpanded(e,t){return this._treeBody.setExpanded(e,t),this}isExpanded(e){return this._treeBody.isExpanded(e)}expandToDepth(e){return this._treeBody.expandToDepth(e),this}collapseAll(){return this._treeBody.collapseAll(),this}expandAll(){return this._treeBody.expandAll(),this}addRow(e={},t){let n=t?{...e,[this._treeSpec.parentField]:t.get(this._treeSpec.idField)}:e;return super.addRow(n)}getRecordById(e){return this._treeBody.getRecordById(e)}isDirectoryRecord(e){return this._treeBody.isDirectoryRecord(e)}reparentRow(e,t){if(!this.canReparent(e,t))return!1;let n=this._treeSpec.parentField,r=this._treeSpec.idField,i=e.get(n),a=i==null?null:this._treeBody.getRecordById(i)??null;e.set(n,t===null?null:t.get(r)),this.getStore().notifyRecordChanged(e);let o={record:e,newParent:t,oldParent:a};return f.fireEvent(this,`rowreparent`,{detail:o}),!0}canReparent(e,t){return!(!this._treeBody.getRecordById(e.get(this._treeSpec.idField))||e.get(this._treeSpec.parentField)===(t===null?null:t.get(this._treeSpec.idField))||t!==null&&this._treeBody.isAncestorOf(e,t))}addRowReparentListener(e){if(this._rowReparentWrappers.has(e))return this;let wrapper=t=>e(t.detail);return this._rowReparentWrappers.set(e,wrapper),f.addListener(this,`rowreparent`,wrapper),this}removeRowReparentListener(e){let t=this._rowReparentWrappers.get(e);return t?(f.removeListener(this,`rowreparent`,t),this._rowReparentWrappers.delete(e),this):this}});h.register(he,ge,_e,ve);var TreeTablePanel=class extends m{_treeTable;_toolbar;_syncBtn;_rejectBtn;_spinner=null;_paginationBar=void 0;constructor(e,t){super(),this.setLayoutManager(new b),this._toolbar=new u,this._toolbar.setLayoutManager(new ee);let n=new C({glyph:`plus`});n.setPreferredSize(28,28),n.on(`action`,()=>this.addRowUnderSelection()),_.attach(n,`Add row`),this._toolbar.addComponent(n);let r=new C({glyph:`minus`});r.setPreferredSize(28,28),r.on(`action`,()=>this._treeTable.removeSelectedRow()),_.attach(r,`Remove selected row`),this._toolbar.addComponent(r),this._syncBtn=new C({glyph:`arrows-rotate`}),this._syncBtn.setPreferredSize(28,28),this._syncBtn.on(`action`,()=>this._treeTable.sync()),_.attach(this._syncBtn,`Sync pending changes`),this._toolbar.addComponent(this._syncBtn),this._rejectBtn=new C({glyph:`ban`}),this._rejectBtn.setPreferredSize(28,28),this._rejectBtn.on(`action`,()=>this._treeTable.reject()),_.attach(this._rejectBtn,`Reject pending changes`),this._toolbar.addComponent(this._rejectBtn),this._treeTable=new $(e,t),super.addComponent(this._toolbar,{placement:S.NORTH}),super.addComponent(this._treeTable,{placement:S.CENTER}),e.on(`loadingchange`,e=>{this._spinner||=new x(24),e.loading?this._spinner.showOverlay(this._treeTable):this._spinner.hideOverlay()});let refreshSyncButtons=()=>this.refreshSyncButtons();e.on(`add`,refreshSyncButtons),e.on(`remove`,refreshSyncButtons),e.on(`datachange`,refreshSyncButtons),e.on(`sync`,refreshSyncButtons),e.on(`load`,refreshSyncButtons),this.refreshSyncButtons()}addRowUnderSelection(){let e=this._treeTable.getSelectedRecord();if(e===null)return this._treeTable.addRow();if(this._treeTable.isDirectoryRecord(e))return this._treeTable.addRow({},e);let t=e.get(this._treeTable.getTreeSpec().parentField),n=t==null?void 0:this._treeTable.getRecordById(t);return this._treeTable.addRow({},n)}refreshSyncButtons(){let e=this._treeTable.getStore().hasPendingChanges();this._syncBtn.setEnabled(e),this._rejectBtn.setEnabled(e)}getTreeTable(){return this._treeTable}getToolbar(){return this._toolbar}setExportMenuEnabled(e){return this._treeTable.setExportMenuEnabled(e),this}exportCSV(e){this._treeTable.exportCSV(e)}exportJSON(e){this._treeTable.exportJSON(e)}setPaginationBar(e){return this._paginationBar&&(this.removeComponent(this._paginationBar),this._paginationBar.dispose()),this._paginationBar=e,super.addComponent(e,{placement:S.SOUTH}),this}getPaginationBar(){return this._paginationBar}},Ge=s(TreeTablePanel),LinkCellRenderer=class extends CellRenderer{_text;_value=null;constructor(e){super(),this._text=new oe(``,{interactive:!1,foregroundColor:e?.color}),this._text.setAutoMeasure(!1),this.addComponent(this._text)}getText(){return this._text}getValue(){return this._value}setValue(e){this._value=e??null,this._text.setText(this._value===null?``:String(this._value))}},Ke=s(LinkCellRenderer);export{J as Body,L as BooleanCell,E as BooleanEditor,Cell,CellEditor,CellEditorPool,CellRenderer,X as Column,B as ComboCell,q as ComboEditor,N as ComboRenderer,Te as DateCell,Be as DateEditor,k as DateRenderer,Ee as DateTimeCell,K as DateTimeEditor,j as DateTimeRenderer,F as DefaultCell,P as DynamicCell,Y as FooterRow,De as GlyphCell,M as GlyphRenderer,Ie as HeaderCell,Ke as LinkCellRenderer,R as NumberCell,ze as NumberEditor,O as NumberRenderer,Le as ParentHeaderCell,H as Row,I as StringCell,Re as StringEditor,D as StringRenderer,Q as Table,Z as TableExporter,W as TableHeader,He as TablePanel,z as TimeCell,G as TimeEditor,A as TimeRenderer,Ue as TreeBody,V as TreeCellRenderer,$ as TreeTable,Ge as TreeTablePanel};
+//# sourceMappingURL=table.es.js.map