@jimka/typescript-ui 0.1.0

package/LICENSE

@@ -0,0 +1,120 @@
+Copyright 2026 Jimmy Karlsson
+
+# PolyForm Noncommercial License 1.0.0
+
+<https://polyformproject.org/licenses/noncommercial/1.0.0>
+
+## Acceptance
+
+In order to get any license under these terms, you must agree to them as both
+strict obligations and conditions to all your licenses.
+
+## Copyright License
+
+The licensor grants you a copyright license for the software to do everything
+you might do with the software that would otherwise infringe the licensor's
+copyright in it for any permitted purpose. However, you may only distribute the
+software according to _Distribution License_ and make changes or new works
+based on the software according to _Changes and New Works License_.
+
+## Distribution License
+
+The licensor grants you an additional copyright license to distribute copies of
+the software. Your license to distribute covers distributing the software with
+changes and new works permitted by _Changes and New Works License_.
+
+## Notices
+
+You must ensure that anyone who gets a copy of any part of the software from
+you also gets a copy of these terms or the URL for them above, as well as
+copies of any plain-text lines beginning with `Required Notice:` that the
+licensor provided with the software. For example:
+
+> Required Notice: Copyright Jimmy Karlsson
+
+## Changes and New Works License
+
+The licensor grants you an additional copyright license to make changes and new
+works based on the software for any permitted purpose.
+
+## Patent License
+
+The licensor grants you a patent license for the software that covers patent
+claims the licensor can license, or becomes able to license, that you would
+infringe by using the software.
+
+## Permitted Purposes
+
+Any purpose is a permitted purpose except for _Commercial Purposes_.
+
+## Commercial Purposes
+
+_Commercial Purposes_ means any purpose related to running a business, selling
+goods or services, or providing services to others for compensation.
+_Commercial Purposes_ includes, but is not limited to:
+
+1. providing access to the software or its functionality as a web service
+2. using the software or its functionality to produce or provide goods or
+   services for compensation
+3. using the software or its functionality to run business operations
+4. using the software or its functionality for research and development that
+   could result in commercial products or services
+
+## Noncommercial Educational Use
+
+Use of the software for noncommercial educational purposes is a
+_Permitted Purpose_.
+
+## Fair Use
+
+You may have "fair use" rights for the software under the law. These terms do
+not limit them.
+
+## No Other Rights
+
+These terms do not allow you to sublicense or transfer any of your licenses to
+anyone else, or prevent the licensor from granting licenses to anyone else.
+These terms do not imply any other licenses.
+
+## Patent Defense
+
+If you make any written claim that the software infringes or contributes to
+infringement of any patent, your patent license for the software granted under
+these terms ends immediately. If your employer makes such a claim, your patent
+license ends immediately for work on behalf of your employer.
+
+## Violations
+
+The first time you are notified in writing that you have violated any of these
+terms, and you take all reasonable steps to correct the violation within 32
+days after your notification, you may keep your license for the software. If
+you do not cure the violation in that time, your licenses end immediately and
+permanently. If you use the software in violation of these terms, such use is
+not licensed.
+
+## No Liability
+
+***As far as the law allows, the software comes as is, without any warranty or
+condition, and the licensor will not be liable to you for any damages arising
+out of these terms or the use or nature of the software, under any kind of
+legal claim.***
+
+## Definitions
+
+The **licensor** is the individual or entity offering these terms, and the
+**software** is the software the licensor makes available under these terms.
+
+**You** refers to the individual or entity agreeing to these terms.
+
+**Your company** is any legal entity, sole proprietorship, or other kind of
+organization that you work for, plus all organizations that have control over,
+are under the control of, or are under common control with that organization.
+**Control** means ownership of substantially all the assets of an entity, or
+the power to direct its management and legal affairs.
+
+**Your licenses** are all the licenses granted to you for the software under
+these terms.
+
+**Use** means anything you do with the software requiring one of your licenses.
+
+**Trademark** means trademarks, service marks, and similar rights.

package/LICENSE-FONTAWESOME.md

@@ -0,0 +1,28 @@
+# Font Awesome Free License
+
+This project includes icon path data derived from [Font Awesome Free 7.2.0](https://fontawesome.com/), distributed under the Creative Commons Attribution 4.0 International License (CC BY 4.0).
+
+- Creator: Fonticons, Inc.
+- License: https://creativecommons.org/licenses/by/4.0/
+- Source: https://fontawesome.com/license/free
+
+## Modifications
+
+Path data was extracted from the upstream SVG sources and reformatted as TypeScript constants. The path `d` attribute and `viewBox` values are unchanged from the upstream files.
+
+## Full License Text
+
+The full legal code of CC BY 4.0 is available at https://creativecommons.org/licenses/by/4.0/legalcode.txt. The human-readable summary below restates the terms in plain language and is provided as a convenience; the link above is the authoritative text.
+
+### Human-Readable Summary
+
+You are free to:
+- Share — copy and redistribute the material in any medium or format
+- Adapt — remix, transform, and build upon the material for any purpose, even commercially.
+
+Under the following terms:
+- Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
+
+No additional restrictions — You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.
+
+The full legal code is at https://creativecommons.org/licenses/by/4.0/legalcode.txt

package/README.md

@@ -0,0 +1,86 @@
+# typescript-ui
+
+A web-based layout manager and UI component framework written in TypeScript. Provides desktop-style user interfaces in the browser using absolute positioning, with a rich set of reusable components and layout algorithms.
+
+> **Notice:** Developed and tested on Chrome. Firefox and Safari compatibility is not verified.
+
+## Documentation
+
+> **AI agents:** start at the machine-readable capability manifest — **<https://jimka.github.io/typescript-ui/llms.txt>** (also at `node_modules/@jimka/typescript-ui/llms.txt` after install). It indexes every component, layout, and data-layer class so you build with what exists instead of reinventing it.
+
+Full documentation lives at **<https://jimka.github.io/typescript-ui/>** *(deployed via GitHub Pages on push to `master`)*.
+
+Highlights:
+
+- [Installation & TypeScript setup](https://jimka.github.io/typescript-ui/guide/installation) — `npm install @jimka/typescript-ui` plus `moduleResolution: "bundler"` notes.
+- [Mental model](https://jimka.github.io/typescript-ui/guide/mental-model) — absolute positioning, `doLayout()`, why this is not React.
+- [Components](https://jimka.github.io/typescript-ui/components/) — full catalog (50+).
+- [Layouts](https://jimka.github.io/typescript-ui/layouts/) — `Border`, `Split`, `Tab`, `Grid`, and 13 more.
+- [Data layer](https://jimka.github.io/typescript-ui/data/) — `Model`, `Store`, `Proxy`, `Binding`.
+- [Theming](https://jimka.github.io/typescript-ui/concepts/theming) — runtime-switchable design tokens.
+- [API reference](https://jimka.github.io/typescript-ui/api/) — TypeDoc-generated browser of every public class.
+
+## Quick install
+
+```bash
+npm install @jimka/typescript-ui
+```
+
+```typescript
+import { ThemeManager, DarkTheme } from '@jimka/typescript-ui/core';
+import { Window } from '@jimka/typescript-ui/overlay';
+
+import { Button } from '@jimka/typescript-ui/component/button';
+
+// ModernTheme is applied automatically when the core module is imported.
+// Call setTheme only to switch themes (e.g. dark mode):
+ThemeManager.setTheme(DarkTheme);
+
+const win = new Window('Hello');
+win.setContentFactory(() => new Button('Click me'));
+win.show();
+```
+
+## Glyphs
+
+This library ships ~2,860 SVG icons from [Font Awesome Free 7.2.0](https://fontawesome.com/license/free) (CC BY 4.0). Icons are **opt-in by explicit registration** — the runtime registry starts empty so the bundler can tree-shake away unused icons.
+
+```ts
+import { Glyph } from '@jimka/typescript-ui/component/display';
+import { xmark } from '@jimka/typescript-ui/glyphs/solid/xmark';
+import { pen_to_square } from '@jimka/typescript-ui/glyphs/solid/pen_to_square';
+import { plus } from '@jimka/typescript-ui/glyphs/solid/plus';
+
+Glyph.register(xmark, pen_to_square, plus);
+
+new Glyph("xmark");           // renders the X icon
+new Glyph("pen-to-square");   // renders the edit pencil
+new Glyph("plus");            // renders the plus icon
+```
+
+The string passed to `new Glyph(name)` is the upstream Font Awesome name (with hyphens). The JS identifier is sanitized: `-` becomes `_` and identifiers starting with a digit get a leading `_` (so `arrow-right` exports as `arrow_right`, `500px` as `_500px`, `try` as `_try`).
+
+### Migration from the previous curated registry
+
+If you were using the previous 19-icon curated registry, switch to these latest-FA names:
+
+| Old | New |
+|-----|-----|
+| `times`, `close` | `xmark` |
+| `edit` | `pen-to-square` |
+| `info-circle` | `circle-info` |
+| `check-circle` | `circle-check` |
+| `exclamation-triangle`, `warning` | `triangle-exclamation` |
+| `exclamation-circle`, `error` | `circle-exclamation` |
+| `question-circle` | `circle-question` |
+| `search` | `magnifying-glass` |
+| `cog` | `gear` |
+| `home` | `house` |
+
+Library components that internally use glyphs (Tree row chevrons, Notification badges) register their own dependencies automatically — consumers only need to register the glyphs they reference directly.
+
+## License
+
+Licensed under the [PolyForm Noncommercial License 1.0.0](LICENSE). Free for personal and educational use; commercial use is not permitted.
+
+Third-party material redistributed with this project (Font Awesome Free icons, the Manrope font, and d3 charting math) is covered by its own license — see [THIRD-PARTY-NOTICES.md](THIRD-PARTY-NOTICES.md) for the full attributions and license texts, and [LICENSE-FONTAWESOME.md](LICENSE-FONTAWESOME.md) for the Font Awesome specifics.

package/THIRD-PARTY-NOTICES.md

@@ -0,0 +1,211 @@
+# Third-Party Notices
+
+`@jimka/typescript-ui` redistributes, or depends on, the third-party components
+listed below. This file reproduces the attribution and license notices those
+components require.
+
+It covers two groups:
+
+1. **Bundled components** — code or assets embedded in the files shipped in
+   `dist/lib`. Their notices are reproduced in full here because this package
+   redistributes them.
+2. **Runtime dependencies** — declared as `dependencies` / optional
+   `peerDependencies` and installed separately from npm into the consumer's
+   `node_modules`. They are **not** bundled into this package, so each ships its
+   own license text within its own package; they are listed here for completeness
+   and for downstream redistributors who bundle a final application.
+
+The library's own source code is licensed separately — see [LICENSE](./LICENSE)
+(PolyForm Noncommercial License 1.0.0).
+
+---
+
+## 1. Components bundled in this package (`dist/lib`)
+
+### Font Awesome Free 7.2.0 — icon path data
+
+Icon path data derived from Font Awesome Free 7.2.0, © Fonticons, Inc., licensed
+under the Creative Commons Attribution 4.0 International License (CC BY 4.0).
+Full attribution, the list of modifications, and license details are in
+[LICENSE-FONTAWESOME.md](./LICENSE-FONTAWESOME.md) (also shipped in this package).
+
+### Manrope — variable font, Latin & Latin-Extended subsets
+
+The Latin and Latin-Extended subsets of the Manrope variable font are embedded
+(as WOFF2 data) in this package's theme assets. `Manrope` is a Reserved Font Name
+under the license below.
+
+```
+Copyright 2019 The Manrope Project Authors (https://github.com/sharanda/manrope)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
+```
+
+### d3 (charting math)
+
+The chart module inlines d3 into `dist/lib/component/chart.es.js`. Its entry
+points (`scaleLinear`/`scaleTime`, `line`, `extent`, `tickFormat`, …) pull in the
+following d3 packages **and their transitive dependencies** — all by the same
+author under the same license. Every one is licensed under the ISC License:
+
+```
+Copyright 2010-2023 Mike Bostock   (d3-array)
+Copyright 2010-2022 Mike Bostock   (d3-color)
+Copyright 2010-2026 Mike Bostock   (d3-format)
+Copyright 2010-2021 Mike Bostock   (d3-interpolate)
+Copyright 2015-2022 Mike Bostock   (d3-path)
+Copyright 2010-2021 Mike Bostock   (d3-scale)
+Copyright 2010-2022 Mike Bostock   (d3-shape)
+Copyright 2010-2022 Mike Bostock   (d3-time)
+Copyright 2010-2021 Mike Bostock   (d3-time-format)
+Copyright 2021 Mike Bostock        (internmap)
+
+Permission to use, copy, modify, and/or distribute this software for any purpose
+with or without fee is hereby granted, provided that the above copyright notice
+and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
+OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
+TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
+THIS SOFTWARE.
+```
+
+---
+
+## 2. Runtime dependencies (installed separately, not bundled)
+
+These are installed from npm alongside this package and ship their own license
+texts in their own packages. Listed here for completeness.
+
+### MIT License
+
+- **CodeMirror 6** — `codemirror`, `@codemirror/*`, `@lezer/*` — © 2018–2021 Marijn Haverbeke and others
+- **Lexical** — `lexical`, `@lexical/*` — © Meta Platforms, Inc. and affiliates
+- **marked** — © 2018+ MarkedJS (https://github.com/markedjs/); © 2011–2018 Christopher Jeffrey (https://github.com/chjj/)
+- **prettier** — © James Long and contributors
+- **sql-formatter** — © 2016–2020 ZeroTurnaround LLC; © 2020–2021 George Leslie-Waksman and other contributors; © 2021–present inferrinizzard and other contributors
+
+All of the above are distributed under the MIT License:
+
+```
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+```
+
+### Eclipse Public License 2.0
+
+- **elkjs** — the Eclipse Layout Kernel (JavaScript), © Kiel University and
+  contributors, licensed under the Eclipse Public License 2.0 (EPL-2.0). Full
+  text: <https://www.eclipse.org/legal/epl-2.0/> (also shipped as `LICENSE.md`
+  in the `elkjs` package).
+
+  elkjs is an **optional** peer dependency, used only by the `component/diagram`
+  features. It is consumed as a separate, unmodified module (loaded via a dynamic
+  `import("elkjs/…")`) — it is neither bundled into nor modified by this package.

package/dist/lib/AbstractBooleanInput-C3rj7sje.js

@@ -0,0 +1,2 @@
+import{l as e}from"./Position-B-WfZYAJ.js";import{y as t}from"./Component-BR2f0Itb.js";import{t as n}from"./Text-D1RrBY52.js";import{t as r}from"./AbstractInput-DD-NpicS.js";var AbstractBooleanInput=class extends r{_label=null;getLabel(){return this._options.label??null}setLabel(e){return this._options.label=e,this.applyLabel(e),this}getBaseline(){return this._label===null?this.wrapInnerBaseline(e.measureTextBaseline()):this.wrapInnerBaseline(this._label.getBaseline())}applyLabel(e){if(e===null){this._label!==null&&(super.removeComponent(this._label),this._label=null);return}this._label===null?(this._label=new n(e),this._label.setPointerEvents(`none`),super.addComponent(this._label)):this._label.setText(e)}applyEnabled(e){this.getAria().setDisabled(!e),this.getAria().setTabIndex(e?0:-1),this.getInteractiveSurface().setCursor(e?`pointer`:`default`)}applyReadOnly(e){this.getAria().setReadOnly(e)}handleActivationKey(e){this.activationKeys().includes(e.key)&&(e.preventDefault(),this.isEnabled()&&!this.isReadOnly()&&this.activate())}installKeyboard(){t.addListener(this,`keydown`,this.handleActivationKey)}activateFromPointer(){this.isEnabled()&&!this.isReadOnly()&&this.activate()}activationKeys(){return[` `]}};export{AbstractBooleanInput as t};
+//# sourceMappingURL=AbstractBooleanInput-C3rj7sje.js.map

package/dist/lib/AbstractBooleanInput-C3rj7sje.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractBooleanInput-C3rj7sje.js","names":[],"sources":["../../src/typescript/lib/component/input/AbstractBooleanInput.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { AbstractInput, AbstractInputOptions } from \"~/component/input/AbstractInput.js\";\nimport { Component } from \"~/core/Component.js\";\nimport { Event } from \"~/core/Event.js\";\nimport { Text } from \"~/component/input/Text.js\";\nimport { Util } from \"~/core/Util.js\";\n\n/**\n * Construction-time options shared by the boolean-valued controls\n * ({@link Checkbox}, {@link RadioButton}, {@link Toggle}). Concrete subclasses\n * extend this with their own value / selected / indeterminate fields.\n *\n * @category Components\n */\nexport interface AbstractBooleanInputOptions extends AbstractInputOptions {\n    label?: string | null;\n}\n\n/**\n * Abstract base for the three boolean-valued form controls — {@link Checkbox},\n * {@link RadioButton}, {@link Toggle}. Owns the mechanics they share verbatim:\n * the optional inline `_label` {@link Text} (mount / replace / remove), the\n * enabled / read-only ARIA + tabindex + interactive-surface cursor reflection,\n * the label-or-text baseline, and the keyboard-activation wiring routed through\n * the same enabled/read-only guard as pointer activation.\n *\n * Each subclass supplies only what differs: its inner graphic (the interactive\n * surface), the value mutation performed on activation, and — for {@link Toggle}\n * — the activation keys and a pill-centred baseline override. The value\n * semantics (`isSelected` /\n * `setSelected` / `getValue` / `setValue`, indeterminate handling, `ButtonGroup`\n * change firing, synthetic-click behaviour) stay in the subclasses.\n *\n * Not wrapped with `callable()` — abstract classes are never instantiated.\n *\n * @category Components\n */\nabstract class AbstractBooleanInput<\n    TOptions extends AbstractBooleanInputOptions = AbstractBooleanInputOptions\n>\n    extends AbstractInput<boolean, TOptions>\n{\n    // Written by `applyLabel` from the subclass constructor body (after\n    // super()), never by a cascade-dispatched setter, so a plain `= null`\n    // initializer is safe.\n    protected _label: Text | null = null;\n\n    /**\n     * Returns the label text, or `null` when none was set.\n     *\n     * @returns The label string, or `null`.\n     */\n    getLabel(): string | null {\n        return this._options.label ?? null;\n    }\n\n    /**\n     * Sets the inline label text. Pass `null` to remove the label entirely.\n     *\n     * @param text - The label text, or `null` to clear.\n     *\n     * @returns This component, for method chaining.\n     */\n    setLabel(text: string | null): this {\n        this._options.label = text;\n        this.applyLabel(text);\n\n        return this;\n    }\n\n    /**\n     * Returns the offset from the top of the control to its inline label's text\n     * baseline, or — when there is no label — to the text baseline the graphic\n     * would share with a label, so a label-less graphic still sits on a row's\n     * baseline.\n     *\n     * @returns The baseline offset in pixels.\n     *\n     * @remarks A `null` baseline auto-centres the graphic within the row's\n     * text-line height, which floats a small graphic to the row centre once a\n     * tall sibling (e.g. a `TextArea`) inflates the row's descent. Returning the\n     * text-line baseline keeps the graphic aligned exactly as a labelled\n     * control's graphic would be. {@link Toggle} overrides this for its taller\n     * pill.\n     */\n    getBaseline(): number | null {\n        if (this._label === null) {\n            return this.wrapInnerBaseline(Util.measureTextBaseline());\n        }\n\n        return this.wrapInnerBaseline(this._label.getBaseline());\n    }\n\n    /**\n     * Mounts, replaces, or removes the inline label.\n     *\n     * @param text - The label text, or `null` to remove the label.\n     */\n    protected applyLabel(text: string | null): void {\n        if (text === null) {\n            if (this._label !== null) {\n                super.removeComponent(this._label);\n                this._label = null;\n            }\n\n            return;\n        }\n\n        if (this._label === null) {\n            this._label = new Text(text);\n            this._label.setPointerEvents(\"none\");\n            super.addComponent(this._label);\n        } else {\n            this._label.setText(text);\n        }\n    }\n\n    /**\n     * Reflects the enabled flag in the ARIA tree, the tabindex, and the\n     * interactive surface's cursor.\n     *\n     * @param value - The new enabled state.\n     */\n    protected applyEnabled(value: boolean): void {\n        this.getAria().setDisabled(!value);\n        this.getAria().setTabIndex(value ? 0 : -1);\n        this.getInteractiveSurface().setCursor(value ? \"pointer\" : \"default\");\n    }\n\n    /**\n     * Reflects the read-only flag in the ARIA tree.\n     *\n     * @param value - The new read-only state.\n     */\n    protected applyReadOnly(value: boolean): void {\n        this.getAria().setReadOnly(value);\n    }\n\n    /**\n     * Keydown handler: activates the control when the pressed key is one of\n     * {@link activationKeys} and the control is enabled and not read-only.\n     *\n     * @param e - The keyboard event.\n     */\n    private handleActivationKey(e: KeyboardEvent): void {\n        if (!this.activationKeys().includes(e.key)) {\n            return;\n        }\n\n        e.preventDefault();\n\n        if (this.isEnabled() && !this.isReadOnly()) {\n            this.activate();\n        }\n    }\n\n    /**\n     * Wires the keyboard-activation listener on the focused root. Called from\n     * each subclass constructor after its graphic is built.\n     */\n    protected installKeyboard(): void {\n        Event.addListener(this, \"keydown\", this.handleActivationKey);\n    }\n\n    /**\n     * Activates the control from a pointer click, subject to the same\n     * enabled/read-only guard as the keyboard path. Wired by each subclass\n     * onto its interactive surface (so the hit area is exactly the visible\n     * graphic).\n     */\n    protected activateFromPointer(): void {\n        if (this.isEnabled() && !this.isReadOnly()) {\n            this.activate();\n        }\n    }\n\n    /**\n     * Keys that activate the control. Defaults to Space; {@link Toggle} widens\n     * it to Space and Enter.\n     *\n     * @returns The activation key strings.\n     */\n    protected activationKeys(): string[] {\n        return [\" \"];\n    }\n\n    /**\n     * Subclass hook: perform the value mutation for an activation (click or\n     * key). Called only after the enabled/read-only guard has passed.\n     */\n    protected abstract activate(): void;\n\n    /**\n     * Subclass hook: the inner graphic that owns the click + cursor surface\n     * ({@link Checkbox}'s box, {@link RadioButton}'s ring, {@link Toggle}'s\n     * track).\n     *\n     * @returns The interactive surface component.\n     */\n    protected abstract getInteractiveSurface(): Component;\n}\n\nexport { AbstractBooleanInput };\n"],"mappings":"8KAsCA,IAAe,qBAAf,cAGY,CACZ,CAII,OAAgC,KAOhC,UAA0B,CACtB,OAAO,KAAK,SAAS,OAAS,IAClC,CASA,SAAS,EAA2B,CAIhC,MAHA,MAAK,SAAS,MAAQ,EACtB,KAAK,WAAW,CAAI,EAEb,IACX,CAiBA,aAA6B,CAKzB,OAJI,KAAK,SAAW,KACT,KAAK,kBAAkB,EAAK,oBAAoB,CAAC,EAGrD,KAAK,kBAAkB,KAAK,OAAO,YAAY,CAAC,CAC3D,CAOA,WAAqB,EAA2B,CAC5C,GAAI,IAAS,KAAM,CACX,KAAK,SAAW,OAChB,MAAM,gBAAgB,KAAK,MAAM,EACjC,KAAK,OAAS,MAGlB,MACJ,CAEI,KAAK,SAAW,MAChB,KAAK,OAAS,IAAI,EAAK,CAAI,EAC3B,KAAK,OAAO,iBAAiB,MAAM,EACnC,MAAM,aAAa,KAAK,MAAM,GAE9B,KAAK,OAAO,QAAQ,CAAI,CAEhC,CAQA,aAAuB,EAAsB,CACzC,KAAK,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAK,EACjC,KAAK,QAAQ,CAAC,CAAC,YAAY,EAAQ,EAAI,EAAE,EACzC,KAAK,sBAAsB,CAAC,CAAC,UAAU,EAAQ,UAAY,SAAS,CACxE,CAOA,cAAwB,EAAsB,CAC1C,KAAK,QAAQ,CAAC,CAAC,YAAY,CAAK,CACpC,CAQA,oBAA4B,EAAwB,CAC3C,KAAK,eAAe,CAAC,CAAC,SAAS,EAAE,GAAG,IAIzC,EAAE,eAAe,EAEb,KAAK,UAAU,GAAK,CAAC,KAAK,WAAW,GACrC,KAAK,SAAS,EAEtB,CAMA,iBAAkC,CAC9B,EAAM,YAAY,KAAM,UAAW,KAAK,mBAAmB,CAC/D,CAQA,qBAAsC,CAC9B,KAAK,UAAU,GAAK,CAAC,KAAK,WAAW,GACrC,KAAK,SAAS,CAEtB,CAQA,gBAAqC,CACjC,MAAO,CAAC,GAAG,CACf,CAgBJ"}

package/dist/lib/AbstractInput-DD-NpicS.js

@@ -0,0 +1,2 @@
+import{t as e}from"./Component-BR2f0Itb.js";import{t}from"./ListenerBag-WPdKuuds.js";var AbstractInput=class extends e{_listeners=new t;constructor(e,t){super(e,t),this.applyListeners(e?.listeners)}isEnabled(){return this._options.enabled??!0}setEnabled(e){return this._options.enabled=!!e,this.applyEnabled(this._options.enabled),this}isReadOnly(){return this._options.readOnly??!1}setReadOnly(e){return this._options.readOnly=!!e,this.applyReadOnly(this._options.readOnly),this}on(e,t){return this._listeners.add(e,t),this}off(e,t){return this._listeners.remove(e,t),this}emit(e,...t){this._listeners.fire(e,...t)}notifyChange(e){this.emit(`change`,e),this.emit(`binding`)}applyOptions(e){return super.applyOptions(e),e.enabled!==void 0&&(this._options.enabled=e.enabled),e.readOnly!==void 0&&(this._options.readOnly=e.readOnly),this}};export{AbstractInput as t};
+//# sourceMappingURL=AbstractInput-DD-NpicS.js.map

package/dist/lib/AbstractInput-DD-NpicS.js.map

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

package/dist/lib/AnimatedDropdown-BbGCs70E.js

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

package/dist/lib/AnimatedDropdown-BbGCs70E.js.map

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

package/dist/lib/Border-oZC_SDy8.js

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