@jimka/typescript-ui 0.4.1 → 0.5.0

package/dist/lib/types/component/display/MarkdownViewer.d.ts

@@ -0,0 +1,60 @@
+import { Panel, PanelOptions } from "../../core/Panel.js";
+import { Markdown } from "../../component/display/Markdown.js";
+import type { MarkdownLinkResolver } from "../../component/display/Markdown.js";
+import type { HeadingScrollSource } from "../../component/display/MarkdownMinimap.js";
+export interface MarkdownViewerOptions extends PanelOptions {
+    markdown?: string;
+    linkResolver?: MarkdownLinkResolver;
+    maxHeadingDepth?: number;
+    showMinimap?: boolean;
+    showControls?: boolean;
+    listeners?: {
+        activeheadingchange?: (headingId: string | null) => void;
+    };
+}
+declare class MarkdownViewer extends Panel<MarkdownViewerOptions> implements HeadingScrollSource {
+    private readonly _markdown;
+    private readonly _minimap;
+    private _controls;
+    private _narrowerBtn;
+    private _widerBtn;
+    private _zoomOutBtn;
+    private _zoomInBtn;
+    private _resetBtn;
+    private _headings;
+    private _widthIndex;
+    private _zoomIndex;
+    private _lastActiveHeadingId;
+    private _pendingClickScrollTop;
+    private readonly _listeners;
+    private readonly handleNativeScroll;
+    private readonly handleMinimapSelect;
+    private readonly _onNarrower;
+    private readonly _onWider;
+    private readonly _onZoomOut;
+    private readonly _onZoomIn;
+    private readonly _onReset;
+    constructor(options?: MarkdownViewerOptions, subclassDefaults?: Partial<MarkdownViewerOptions>);
+    doLayout(): this;
+    protected applyOptions(options: MarkdownViewerOptions): this;
+    getMarkdown(): Markdown;
+    setMarkdown(markdown: string): this;
+    isMinimapVisible(): boolean;
+    setMinimapVisible(value: boolean): this;
+    isControlsVisible(): boolean;
+    setControlsVisible(value: boolean): this;
+    on(event: "activeheadingchange", listener: (headingId: string | null) => void): this;
+    off(event: "activeheadingchange", listener: (headingId: string | null) => void): this;
+    protected emit(event: "activeheadingchange", headingId: string | null): void;
+    private buildControls;
+    private makeControlButton;
+    private wireControlListeners;
+    private stepWidth;
+    private stepZoom;
+    private resetViewerProperties;
+    private onNativeScroll;
+    private scrollToHeading;
+}
+declare const MarkdownViewerCallable: import("../../core/Callable.js").Callable<typeof MarkdownViewer>;
+type MarkdownViewerCallable = MarkdownViewer;
+export { MarkdownViewer as _MarkdownViewer, MarkdownViewerCallable as MarkdownViewer, };

package/dist/lib/types/component/display/index.d.ts

@@ -13,6 +13,12 @@ export { IconText } from '../../component/display/IconText.js';
 export type { IconTextOptions } from '../../component/display/IconText.js';
 export { Markdown } from '../../component/display/Markdown.js';
 export type { MarkdownOptions, MarkdownLinkResolution, MarkdownLinkResolver } from '../../component/display/Markdown.js';
+export { extractMarkdownHeadings, findActiveHeading } from '../../component/display/Markdown.js';
+export type { MarkdownHeading } from '../../component/display/Markdown.js';
+export { MarkdownMinimap } from '../../component/display/MarkdownMinimap.js';
+export type { MarkdownMinimapOptions, MarkdownMinimapEvent, HeadingScrollSource } from '../../component/display/MarkdownMinimap.js';
+export { MarkdownViewer } from '../../component/display/MarkdownViewer.js';
+export type { MarkdownViewerOptions } from '../../component/display/MarkdownViewer.js';
 export { IconLabel } from '../../component/display/IconLabel.js';
 export type { IconLabelOptions } from '../../component/display/IconLabel.js';
 export { ProgressBar } from '../../component/display/ProgressBar.js';

package/dist/lib/types/component/editor/CodeEditor.d.ts

@@ -3,13 +3,18 @@ import type { Handle } from "../../core/DOM.js";
 export interface CodeEditorChange {
     value: string;
 }
+export interface CodeEditorHeightChange {
+    height: number;
+}
 export interface CodeEditorOptions extends ComponentOptions {
     value?: string;
     language?: string;
     readOnly?: boolean;
+    autoHeightMaxRows?: number;
     listeners?: {
         change?: (payload: CodeEditorChange) => void;
         readonlyedit?: () => void;
+        heightchange?: (payload: CodeEditorHeightChange) => void;
     };
 }
 declare class CodeEditor extends Component<CodeEditorOptions> {
@@ -22,6 +27,9 @@ declare class CodeEditor extends Component<CodeEditorOptions> {
     private readonly _listeners;
     private readonly _unsubscribeTheme;
     private _scrollElement;
+    private _contentElement;
+    private _lastSyncedShape;
+    private _lastHbarReserve;
     constructor(value?: string, options?: CodeEditorOptions, subclassDefaults?: Partial<CodeEditorOptions>);
     protected applyOptions(options: CodeEditorOptions): this;
     getValue(): string;
@@ -30,19 +38,24 @@ declare class CodeEditor extends Component<CodeEditorOptions> {
     setLanguage(id: string | null): this;
     getReadOnly(): boolean;
     setReadOnly(readOnly: boolean): this;
+    getAutoHeightMaxRows(): number | null;
     focus(preventScroll?: boolean): this;
     moveCursorToEnd(): this;
     format(): Promise<void>;
     private reindentFallback;
     on(event: "change", listener: (payload: CodeEditorChange) => void): this;
     on(event: "readonlyedit", listener: () => void): this;
+    on(event: "heightchange", listener: (payload: CodeEditorHeightChange) => void): this;
     off(event: "change", listener: (payload: CodeEditorChange) => void): this;
     off(event: "readonlyedit", listener: () => void): this;
+    off(event: "heightchange", listener: (payload: CodeEditorHeightChange) => void): this;
     protected emit(event: "change", payload: CodeEditorChange): void;
     protected emit(event: "readonlyedit"): void;
+    protected emit(event: "heightchange", payload: CodeEditorHeightChange): void;
     protected destructor(): void;
     protected getScrollElement(): Handle | undefined;
     private mount;
+    private syncAutoHeight;
     private mountFlashOverlay;
     private onThemeChange;
     private onEditIntent;

package/dist/lib/types/component/editor/index.d.ts

@@ -1,6 +1,6 @@
 import '../../component/editor/languages.js';
 export { CodeEditor } from '../../component/editor/CodeEditor.js';
-export type { CodeEditorOptions, CodeEditorChange } from '../../component/editor/CodeEditor.js';
+export type { CodeEditorOptions, CodeEditorChange, CodeEditorHeightChange } from '../../component/editor/CodeEditor.js';
 export { registerLanguage, getLanguage, listLanguages } from '../../component/editor/LanguageRegistry.js';
 export type { LanguageDefinition, Formatter } from '../../component/editor/LanguageRegistry.js';
 export { MarkdownEditor } from '../../component/editor/MarkdownEditor.js';

package/dist/lib/types/component/input/Checkbox.d.ts

@@ -15,7 +15,7 @@ declare class Checkbox<TOptions extends CheckboxOptions = CheckboxOptions> exten
     private _box;
     private _check;
     private _dash;
-    constructor(options?: TOptions);
+    constructor(options?: CheckboxOptions, subclassDefaults?: Partial<CheckboxOptions>);
     protected applyOptions(options: TOptions): this;
     protected activate(): void;
     protected getInteractiveSurface(): Component;

package/dist/lib/types/component/input/RadioButton.d.ts

@@ -15,7 +15,7 @@ export interface RadioButtonOptions extends AbstractBooleanInputOptions {
 declare class RadioButton<TOptions extends RadioButtonOptions = RadioButtonOptions> extends AbstractBooleanInput<TOptions> {
     private _ring;
     private _dot;
-    constructor(text?: string, options?: TOptions);
+    constructor(text?: string, options?: RadioButtonOptions, subclassDefaults?: Partial<RadioButtonOptions>);
     protected applyOptions(options: TOptions): this;
     protected activate(): void;
     protected getInteractiveSurface(): Component;

package/dist/lib/types/component/input/Slider.d.ts

@@ -22,7 +22,7 @@ declare class Slider<TOptions extends SliderOptions = SliderOptions> extends Abs
     private _activeTrack;
     private _thumb;
     private _draggingPointer;
-    constructor(options?: TOptions);
+    constructor(options?: SliderOptions, subclassDefaults?: Partial<SliderOptions>);
     protected applyOptions(options: TOptions): this;
     getValue(): number;
     setValue(value: number): this;

package/dist/lib/types/component/input/Text.d.ts

@@ -32,8 +32,6 @@ declare class Text<TOptions extends TextOptions = TextOptions> extends Component
     private _measuredGeneration;
     private _wordBreak;
     private _lineClamp;
-    private _textOverflow;
-    private _truncate;
     constructor(text?: String, options?: NoInfer<TOptions>, subclassDefaults?: Partial<TOptions>);
     protected applyOptions(options: TOptions): this;
     private readThemeLineHeightPx;

package/dist/lib/types/component/input/Toggle.d.ts

@@ -6,7 +6,7 @@ export interface ToggleOptions extends AbstractBooleanInputOptions {
 declare class Toggle<TOptions extends ToggleOptions = ToggleOptions> extends AbstractBooleanInput<TOptions> {
     private _track;
     private _thumb;
-    constructor(options?: TOptions);
+    constructor(options?: ToggleOptions, subclassDefaults?: Partial<ToggleOptions>);
     protected applyOptions(options: TOptions): this;
     protected activate(): void;
     protected getInteractiveSurface(): Component;

package/dist/lib/types/component/menubar/MenuBar.d.ts

@@ -10,7 +10,7 @@ declare class MenuBar extends Component {
     private _quickSwitchActive;
     private _keydownListening;
     private readonly _onKeyDown;
-    constructor(options?: MenuBarOptions);
+    constructor(options?: MenuBarOptions, subclassDefaults?: Partial<MenuBarOptions>);
     setMenus(menus: MenuConfig[]): this;
     protected destructor(): void;
     openMenu(index: number): this;

package/dist/lib/types/component/menubar/ToolBar.d.ts

@@ -24,6 +24,7 @@ declare class ToolBar<TOptions extends ToolBarOptions = ToolBarOptions> extends
     constructor(options?: ToolBarOptions, subclassDefaults?: Partial<ToolBarOptions>);
     protected applyOptions(options: TOptions): this;
     setOrientation(value: AxisOrientation): this;
+    private applyOrientation;
     getOrientation(): AxisOrientation;
     setCompact(value: boolean): this;
     isCompact(): boolean;

package/dist/lib/types/component/table/Body.d.ts

@@ -75,6 +75,7 @@ declare class Body extends VirtualRowView<Row> {
     protected onScrollerTick(): void;
     private onFocus;
     getEditorPool(): CellEditorPool;
+    protected destructor(): void;
     doLayout(): this;
     renderWindow(bodyWidth?: number, columnWidths?: number[]): void;
     private renderWindowPass;

package/dist/lib/types/component/table/cell/SortPriorityBadge.d.ts

@@ -5,7 +5,7 @@ interface SortPriorityBadgeOptions extends ComponentOptions {
 }
 declare class SortPriorityBadge extends Component<SortPriorityBadgeOptions> {
     private _priority;
-    constructor(options?: SortPriorityBadgeOptions);
+    constructor(options?: SortPriorityBadgeOptions, subclassDefaults?: Partial<SortPriorityBadgeOptions>);
     protected applyOptions(options: SortPriorityBadgeOptions): this;
     protected render(): Handle;
     getPriority(): number | null;

package/dist/lib/types/component/table/cell/editor/CellEditorPool.d.ts

@@ -9,5 +9,6 @@ export declare class CellEditorPool {
     register(key: string, factory: CellEditorFactory): this;
     acquire(key: string, cell: Cell<any>): CellEditor<unknown> | null;
     release(): void;
+    dispose(): void;
     private wireListeners;
 }

package/dist/lib/types/component/table/cell/editor/Date.d.ts

@@ -5,6 +5,7 @@ declare class DateEditor extends TextInputCellEditor<Date | null> {
     private _animated;
     private _text;
     constructor();
+    protected destructor(): void;
     isEmpty(): boolean;
     getValue(): Date | null;
     setValue(value: Date | null): this;

package/dist/lib/types/component/table/cell/editor/DateTime.d.ts

@@ -7,6 +7,7 @@ declare class DateTimeEditor extends TextInputCellEditor<Date | null> {
     private _animated;
     private _text;
     constructor(showSeconds?: boolean);
+    protected destructor(): void;
     retainsFocus(relatedTarget: Handle | null): boolean;
     isEmpty(): boolean;
     getValue(): Date | null;

package/dist/lib/types/component/table/cell/editor/Time.d.ts

@@ -6,6 +6,7 @@ declare class TimeEditor extends TextInputCellEditor<Date | null> {
     private _animated;
     private _text;
     constructor(showSeconds?: boolean);
+    protected destructor(): void;
     isEmpty(): boolean;
     getValue(): Date | null;
     setValue(value: Date | null): this;

package/dist/lib/types/component/tree/Tree.d.ts

@@ -1,11 +1,14 @@
 import { ComponentOptions } from "../../core/Component.js";
 import type { Handle } from "../../core/DOM.js";
+import type { Size } from "../../primitive/Size.js";
 import { VirtualRowView } from "../../component/shared/VirtualRowView.js";
 import { TreeNode } from "../../component/tree/TreeNode.js";
 import { TreeRow } from "../../component/tree/TreeRow.js";
 import { TreeNodeRenderer } from "../../component/tree/TreeNodeRenderer.js";
 export type TreeEvent = "selection" | "loaderror" | "contextmenu" | "dblclick";
+export type TreeRowOverflow = "scroll" | "clip";
 export interface TreeOptions extends ComponentOptions {
+    rowOverflow?: TreeRowOverflow;
     listeners?: {
         selection?: (nodes: TreeNode[]) => void;
         loaderror?: (node: TreeNode, error: unknown) => void;
@@ -26,7 +29,11 @@ declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
     private _focusNode;
     private _listeners;
     private _rendererFactory;
-    constructor(options?: TreeOptions);
+    constructor(options?: TreeOptions, subclassDefaults?: Partial<TreeOptions>);
+    protected applyOptions(options: TreeOptions): this;
+    getRowOverflow(): TreeRowOverflow;
+    setRowOverflow(rowOverflow: TreeRowOverflow): this;
+    getPreferredSize(): Size | null;
     setNodes(nodes: TreeNode[]): this;
     expandAll(): this;
     protected getRowHeight(): number;
@@ -52,6 +59,7 @@ declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
     private _isExpandable;
     private _flatten;
     private _reflattenAndRender;
+    expandNode(node: TreeNode): this;
     private _onToggle;
     private _loadAndExpand;
     private _notifySelectionChange;

package/dist/lib/types/component/tree/index.d.ts

@@ -1,5 +1,5 @@
 export { Tree } from '../../component/tree/Tree.js';
-export type { TreeOptions, TreeEvent } from '../../component/tree/Tree.js';
+export type { TreeOptions, TreeEvent, TreeRowOverflow } from '../../component/tree/Tree.js';
 export type { TreeNode } from '../../component/tree/TreeNode.js';
 export type { TreeNodeRenderContext } from '../../component/tree/TreeNodeRenderContext.js';
 export { TreeNodeRenderer } from '../../component/tree/TreeNodeRenderer.js';

package/dist/lib/types/component/tree/renderer/Label.d.ts

@@ -8,6 +8,6 @@ export declare class LabelTreeNodeRenderer extends TreeNodeRenderer {
     getLabel(): Text;
     update(context: TreeNodeRenderContext): void;
     getContentWidth(): number;
-    layoutChildren(_width: number, height: number): void;
+    layoutChildren(width: number, height: number): void;
     protected init(element?: Handle): this;
 }

package/dist/lib/types/core/Component.d.ts

@@ -95,6 +95,8 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private _contain;
     private _animation;
     private _lastEffectiveVisible;
+    private _pendingRematerialize;
+    private _refocusOnRematerialize;
     private _animationPlayState;
     private _outline;
     private _appearance;
@@ -142,6 +144,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     getElement(createIfMissing?: boolean): Handle | undefined;
     protected getScrollElement(): Handle | undefined;
     removeElement(): this;
+    release(): boolean;
     setClipFrame(x: number, y: number, width: number, height: number): this;
     clearClipFrame(): this;
     private createFrame;
@@ -268,6 +271,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     getWidth(): number;
     setWidth(width: number): this;
     protected clampsToContentSize(): boolean;
+    protected canRelease(): boolean;
     private clampWidth;
     getHeight(): number;
     setHeight(height: number): this;
@@ -280,6 +284,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     getScrollTop(): number;
     setScrollLeft(value: number): this;
     setScrollTop(value: number): this;
+    private restoreReleasedState;
     syncScrollOffsets(): this;
     getMaxScrollLeft(): number;
     getMaxScrollTop(): number;

package/dist/lib/types/core/Theme.d.ts

@@ -317,12 +317,10 @@ export interface Theme {
         };
     };
     drawer: {
-        background: string;
         shadow: string;
         border: string;
     };
     rail: {
-        background: string;
         border: string;
         shadow: string;
         handle: {
@@ -450,6 +448,10 @@ export interface Theme {
     scroll: {
         shadowColor: string;
     };
+    markdown: {
+        lineHeight: string;
+        maxMeasure: string;
+    };
     chart: {
         series: string[];
         axis: string;

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

@@ -7,6 +7,13 @@ import type { ComponentFactory } from "../core/Component.js";
 import { BaseObject } from "../core/BaseObject.js";
 export interface LayoutManagerOptions {
 }
+export interface ResolvedPlacement {
+    component: Component;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
 export declare abstract class LayoutManager extends BaseObject {
     private _container;
     private _layoutConstraints;
@@ -37,6 +44,7 @@ export declare abstract class LayoutManager extends BaseObject {
         height: number;
     };
     protected commitBounds(component: Component, x: number, y: number, width: number, height: number): void;
+    protected commitPlacements(placements: ResolvedPlacement[]): void;
     setLayoutConstraints(component: Component, constraints?: LayoutConstraints): LayoutConstraints | undefined;
     delLayoutConstraints(component: Component): LayoutConstraints | undefined;
     getLayoutConstraints(component: Component): LayoutConstraints | undefined;

package/dist/lib/validation.es.js

@@ -1 +1 @@
-import{t as e}from"./FieldDecorator-Bpx8J8n9.js";export{e as FieldDecorator};
+import{t as e}from"./FieldDecorator-HG65hEtk.js";export{e as FieldDecorator};

package/llms.txt

@@ -31,6 +31,7 @@ Organized by task. Columns: task → symbol · import subpath · summary · docs
 - Bottom status bar with segments → **StatusBar** · `@jimka/typescript-ui/component/container` · A thin horizontal strip mounted at the bottom of a window or panel that surfaces a transient status message and small persistent indicators. · docs/components/StatusBar.md
 - Virtualize a huge child list (render only visible rows) → **VirtualScroller** · `@jimka/typescript-ui/component/container` · Shared scroll machinery for transform-based virtual lists (e.g. table body, tree). Owns the rows-container element, two custom Scrollbar ov… · docs/components/VirtualScroller.md
 - Mutually-exclusive group of toggle buttons → **ButtonGroup** · `@jimka/typescript-ui/overlay` · Manages mutual exclusivity among a set of RadioButton or ToggleButton instances. · docs/components/ButtonGroup.md
+- Corner-pinned floating panel → **FloatingPanel** · `@jimka/typescript-ui/component/container` · A `Panel` that pins itself to one corner of its host's inner box, via an owned AnchorConstraints instance. · docs/components/FloatingPanel.md
 
 ### Inputs / Forms
 - Semantic <form> container with submit handling → **Form** · `@jimka/typescript-ui/core` · A Panel that bakes the semantic `<form>` tag and wires the native `submit` event to a single `onSubmit` callback. · docs/components/Form.md
@@ -68,6 +69,8 @@ Organized by task. Columns: task → symbol · import subpath · summary · docs
 - Font-Awesome icon glyph → **Glyph** · `@jimka/typescript-ui/component/display` · A small icon rendered from the internal `Glyphs` registry. · docs/components/Glyph.md
 - Icon paired with a label → **IconLabel** · `@jimka/typescript-ui/component/display` · A small composite pairing a leading `Glyph` with a trailing `Label`, laid out horizontally with a configurable gap (default 2). · docs/components/IconLabel.md
 - Render a Markdown string as formatted content → **Markdown** · `@jimka/typescript-ui/component/display` · A display component that renders a Markdown source string as a live DOM subtree. · docs/components/Markdown.md
+- Floating heading-outline minimap → **MarkdownMinimap** · `@jimka/typescript-ui/component/display` · A floating card showing a document's heading outline as a `Tree`. · docs/components/MarkdownMinimap.md
+- Markdown viewer with minimap and zoom controls → **MarkdownViewer** · `@jimka/typescript-ui/component/display` · A single-document Markdown viewer with a floating outline minimap and width/zoom controls, both pinned over the prose. · docs/components/MarkdownViewer.md
 - Syntax-highlighted code editor with one-command formatting → **CodeEditor** · `@jimka/typescript-ui/component/editor` · A syntax-highlighting, formatting code editor wrapping CodeMirror 6. · docs/components/CodeEditor.md
 - WYSIWYG rich-text editor whose value is a Markdown string → **MarkdownEditor** · `@jimka/typescript-ui/component/editor` · A WYSIWYG rich-text editor whose public value is a Markdown string, with an optional raw-Markdown source mode. · docs/components/MarkdownEditor.md
 - Determinate/indeterminate progress bar → **ProgressBar** · `@jimka/typescript-ui/component/display` · A horizontal progress indicator with a determinate (0–100%) and an indeterminate (continuously animated) mode. · docs/components/ProgressBar.md

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jimka/typescript-ui",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "A web-based layout manager and UI component framework written in TypeScript.",
   "keywords": ["ui", "ui-components", "typescript", "layout", "layout-manager", "widgets", "framework", "dock", "data-table", "retained-mode"],
   "author": "Jimmy Karlsson",
@@ -153,12 +153,12 @@
     "@types/prismjs": "^1.26.6",
     "@vitest/coverage-v8": "^4.1.9",
     "cloc": "^2.6.0-cloc",
-    "concurrently": "^6.3.0",
+    "concurrently": "^10.0.4",
     "elkjs": "^0.12.0",
-    "eslint": "^9.0.0",
-    "google-closure-compiler": "^20200406.0.0",
+    "eslint": "^10.8.0",
+    "google-closure-compiler": "^20260803.0.0",
     "jsdom": "^29.1.1",
-    "rimraf": "^3.0.2",
+    "rimraf": "^6.1.3",
     "ts-morph": "^28.0.0",
     "tsc-alias": "^1.9.0",
     "tsx": "^4.22.1",
@@ -181,21 +181,21 @@
     "@codemirror/state": "^6.7.1",
     "@codemirror/view": "^6.43.6",
     "@fontsource-variable/manrope": "^5.2.8",
-    "@lexical/code": "^0.46.0",
-    "@lexical/history": "^0.46.0",
-    "@lexical/link": "^0.46.0",
-    "@lexical/list": "^0.46.0",
-    "@lexical/markdown": "^0.46.0",
-    "@lexical/rich-text": "^0.46.0",
-    "@lexical/selection": "^0.46.0",
-    "@lexical/table": "^0.46.0",
-    "@lexical/utils": "^0.46.0",
+    "@lexical/code": "^0.49.0",
+    "@lexical/history": "^0.49.0",
+    "@lexical/link": "^0.49.0",
+    "@lexical/list": "^0.49.0",
+    "@lexical/markdown": "^0.49.0",
+    "@lexical/rich-text": "^0.49.0",
+    "@lexical/selection": "^0.49.0",
+    "@lexical/table": "^0.49.0",
+    "@lexical/utils": "^0.49.0",
     "@lezer/highlight": "^1.2.3",
     "codemirror": "^6.0.2",
     "d3-array": "^3.2.4",
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",
-    "lexical": "^0.46.0",
+    "lexical": "^0.49.0",
     "marked": "^18.0.5",
     "prettier": "^3.9.4",
     "sql-formatter": "^15.8.2"

package/dist/lib/AnchorConstraints-DdDYSDkf.js

@@ -1,2 +0,0 @@
-import{f as e,h as t}from"./Component-fRQvgaEY.js";import{t as n}from"./LayoutConstraints-LIHYYd2F.js";var Anchor=class extends e{constructor(e){super(),e&&this.applyOptions(e)}resolve(e,t){if(e!==void 0)return typeof e==`number`?e:t*e.percent/100}resolveAxis(e,t,n,r,i,a,o){if(e!==void 0&&t!==void 0){let n=Math.max(0,r-e-t);return{start:o+e,extent:n}}let s=n??i;return e===void 0?t===void 0?{start:a,extent:s}:{start:o+r-t-s,extent:s}:{start:o+e,extent:s}}doLayout(){let e=this.getContainer();if(!e)return;let t=e.getInnerSize();if(!t)return;let n=e.getContentInsets(),r=n.getLeft(),i=n.getTop();for(let n of e.getLaidOutComponents()){let e=this.getLayoutConstraints(n),a=n.getPreferredSize(),o=n.getSize(),s=a?.width??o?.width??0,c=a?.height??o?.height??0,l=this.resolveAxis(this.resolve(e?.left,t.width),this.resolve(e?.right,t.width),this.resolve(e?.width,t.width),t.width,s,n.getX(),r),u=this.resolveAxis(this.resolve(e?.top,t.height),this.resolve(e?.bottom,t.height),this.resolve(e?.height,t.height),t.height,c,n.getY(),i);this.commitBounds(n,l.start,u.start,l.extent,u.extent)}}},r=t(Anchor),AnchorConstraints=class extends n{left;right;top;bottom;width;height;constructor(){super()}};export{r as n,AnchorConstraints as t};
-//# sourceMappingURL=AnchorConstraints-DdDYSDkf.js.map

package/dist/lib/AnchorConstraints-DdDYSDkf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnchorConstraints-DdDYSDkf.js","names":[],"sources":["../../src/typescript/lib/layout/Anchor.ts","../../src/typescript/lib/layout/AnchorConstraints.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { LayoutManager, LayoutManagerOptions } from \"~/layout/LayoutManager.js\";\nimport { AnchorConstraints } from \"~/layout/AnchorConstraints.js\";\nimport { callable } from \"~/core/Callable.js\";\n\n/**\n * A length used by an {@link Anchor} constraint, expressed either in **pixels**\n * (a bare `number`) or as a **percentage** of the container's inner extent\n * (`{ percent }`, on a 0–100 scale). The percentage resolves against inner width\n * for horizontal fields (`left` / `right` / `width`) and inner height for\n * vertical fields (`top` / `bottom` / `height`).\n *\n * @category Layouts\n */\nexport type AnchorValue = number | { percent: number };\n\n/**\n * Construction-time options for {@link Anchor}.\n *\n * @category Layouts\n */\nexport interface AnchorOptions extends LayoutManagerOptions {\n}\n\n/**\n * The resolved placement of a child along one axis: a `start` offset in the\n * container's coordinate space and the `extent` (width or height) to commit.\n */\ninterface AxisResult {\n    start: number;\n    extent: number;\n}\n\n/**\n * A resize-reactive layout manager that positions each child by edge-relative\n * and proportional offsets, re-resolving them on every `doLayout` pass so a\n * child stays pinned to a container edge — or stretched between two edges — as\n * the container resizes. It is the reactive counterpart to the static\n * [`Absolute`](/api/layout/classes/Absolute) manager, which never reads the\n * container's inner size.\n *\n * Per child (via {@link AnchorConstraints}) an axis can: pin a fixed distance\n * from one edge (`left` / `right` / `top` / `bottom`), derive its extent from\n * the container when both opposing edges are set (stretch), or take an explicit\n * `width` / `height`. Any offset or size may be a pixel `number` or an\n * {@link AnchorValue} percentage of the container's inner extent.\n *\n * Like `Absolute`, `Anchor` commits rects directly through `commitBounds`,\n * bypassing the cell clamp — a child sized larger than the container is\n * committed at its computed size and may overflow, which a host `Panel` with\n * `autoScroll: \"auto\"` scrolls natively. It imposes no intrinsic preferred,\n * min, or max size on its host.\n *\n * @category Layouts\n */\nclass Anchor extends LayoutManager {\n\n    constructor(options?: AnchorOptions) {\n        // LayoutManager's constructor takes no options; applied via applyOptions below.\n        // eslint-disable-next-line local/forward-super-options\n        super();\n\n        if (options) {\n            this.applyOptions(options);\n        }\n    }\n\n    /**\n     * Resolves an {@link AnchorValue} to pixels against the given extent.\n     * Returns the number unchanged for a pixel value, `extent * percent / 100`\n     * for a percentage tag, and `undefined` when the field is unset.\n     *\n     * @param value - The pixel-or-percent value, or `undefined` if unset.\n     * @param extent - The container inner extent the percentage resolves against.\n     * @returns The resolved pixel value, or `undefined` when `value` is unset.\n     */\n    private resolve(value: AnchorValue | undefined, extent: number): number | undefined {\n        if (value === undefined) {\n            return undefined;\n        }\n\n        if (typeof value === \"number\") {\n            return value;\n        }\n\n        // Percent is on a 0–100 (CSS-style) scale, resolved against the inner extent.\n        return extent * value.percent / 100;\n    }\n\n    /**\n     * Resolves one axis's placement from its near edge, far edge, and explicit\n     * size against the container inner extent, applying the precedence rules:\n     * both edges stretch (size ignored); near edge pins the start; far edge pins\n     * the end; neither edge falls back to the child's own start. The `origin`\n     * (the inset on this axis) is added for every anchored row but **not** for\n     * the no-edge fallback, matching {@link Absolute}, which commits the child's\n     * own `getX` / `getY` without an inset offset.\n     *\n     * @param near - Resolved `left` / `top` offset, or `undefined` if unset.\n     * @param far - Resolved `right` / `bottom` offset, or `undefined` if unset.\n     * @param size - Resolved explicit `width` / `height`, or `undefined` if unset.\n     * @param inner - The container's inner extent on this axis.\n     * @param preferred - The child's preferred extent on this axis.\n     * @param ownStart - The child's own `getX` / `getY` on this axis.\n     * @param origin - The inset on this axis added to anchored placements.\n     * @returns The `{ start, extent }` to commit on this axis.\n     */\n    private resolveAxis(near: number | undefined, far: number | undefined, size: number | undefined,\n                        inner: number, preferred: number, ownStart: number, origin: number): AxisResult {\n        if (near !== undefined && far !== undefined) {\n            // Stretch between both edges; explicit size is ignored. Clamp the\n            // derived extent at 0 so an over-constrained pair never goes negative.\n            const extent = Math.max(0, inner - near - far);\n\n            return { start: origin + near, extent };\n        }\n\n        const extent = size ?? preferred;\n\n        if (near !== undefined) {\n            return { start: origin + near, extent };\n        }\n\n        if (far !== undefined) {\n            return { start: origin + inner - far - extent, extent };\n        }\n\n        // No edge constrained: keep the child's own position, like Absolute, and\n        // do not add the inset origin so mixed Anchor/Absolute usage is consistent.\n        return { start: ownStart, extent };\n    }\n\n    /**\n     * Resolves each child's rect from its {@link AnchorConstraints} against the\n     * container's current inner size and insets, then commits via the base\n     * `commitBounds` (bypassing the cell clamp). Bails before the container\n     * connects, when `getInnerSize` is still `null`.\n     */\n    doLayout(): void {\n        const container = this.getContainer();\n\n        if (!container) {\n            return;\n        }\n\n        const inner = container.getInnerSize();\n\n        if (!inner) {\n            return;\n        }\n\n        const insets = container.getContentInsets();\n        const originX = insets.getLeft();\n        const originY = insets.getTop();\n\n        for (const component of container.getLaidOutComponents()) {\n            const cons = this.getLayoutConstraints(component) as AnchorConstraints | undefined;\n\n            const preferredSize = component.getPreferredSize();\n            const size = component.getSize();\n            const prefW = preferredSize?.width ?? size?.width ?? 0;\n            const prefH = preferredSize?.height ?? size?.height ?? 0;\n\n            const xAxis = this.resolveAxis(this.resolve(cons?.left, inner.width),\n                this.resolve(cons?.right, inner.width), this.resolve(cons?.width, inner.width),\n                inner.width, prefW, component.getX(), originX);\n\n            const yAxis = this.resolveAxis(this.resolve(cons?.top, inner.height),\n                this.resolve(cons?.bottom, inner.height), this.resolve(cons?.height, inner.height),\n                inner.height, prefH, component.getY(), originY);\n\n            this.commitBounds(component, xAxis.start, yAxis.start, xAxis.extent, yAxis.extent);\n        }\n    }\n}\n\nconst AnchorCallable = callable(Anchor);\ntype AnchorCallable = Anchor;\nexport {\n    Anchor         as _Anchor,\n    AnchorCallable as Anchor\n};\n","// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { LayoutConstraints } from \"~/layout/LayoutConstraints.js\";\nimport { AnchorValue } from \"~/layout/Anchor.js\";\n\n/**\n * Per-child layout constraints for components added to an {@link Anchor}\n * container. Each edge offset pins the child a fixed distance (pixels) or a\n * proportion ({@link AnchorValue} `{ percent }`, on a 0–100 scale) from that\n * side of the container's inner box; setting **both** opposing edges of an axis\n * stretches the child between them. `width` / `height` give an explicit extent\n * (pixels or percent) used when at most one edge of an axis is constrained.\n *\n * @remarks Each axis resolves independently from three inputs — the near edge,\n * the far edge, and the explicit size — against the container's inner extent\n * (post-insets) for that axis. When both edges of an axis are set, the explicit\n * size for that axis is ignored (the pair derives the extent), mirroring CSS\n * `position: absolute`. When neither edge of an axis is set, the child keeps its\n * own `getX` / `getY` on that axis, behaving like {@link Absolute} there, so an\n * application can anchor one axis and hand-place the other.\n *\n * Percentages resolve against the container's **inner** size (the same\n * coordinate space the committed rect lives in), not its border box.\n *\n * @category Layouts\n */\nexport class AnchorConstraints extends LayoutConstraints {\n\n    /** Distance from the container's inner left edge to the child's left edge. */\n    left?: AnchorValue;\n\n    /** Distance from the container's inner right edge to the child's right edge. */\n    right?: AnchorValue;\n\n    /** Distance from the container's inner top edge to the child's top edge. */\n    top?: AnchorValue;\n\n    /** Distance from the container's inner bottom edge to the child's bottom edge. */\n    bottom?: AnchorValue;\n\n    /**\n     * Explicit width; used when at most one horizontal edge is constrained.\n     * Ignored when both {@link AnchorConstraints.left} and\n     * {@link AnchorConstraints.right} are set (the pair derives the width).\n     */\n    width?: AnchorValue;\n\n    /**\n     * Explicit height; used when at most one vertical edge is constrained.\n     * Ignored when both {@link AnchorConstraints.top} and\n     * {@link AnchorConstraints.bottom} are set (the pair derives the height).\n     */\n    height?: AnchorValue;\n\n    constructor() {\n        super();\n    }\n}\n"],"mappings":"uGAwDA,IAAM,OAAN,cAAqB,CAAc,CAE/B,YAAY,EAAyB,CAGjC,MAAM,EAEF,GACA,KAAK,aAAa,CAAO,CAEjC,CAWA,QAAgB,EAAgC,EAAoC,CAC5E,OAAU,IAAA,GASd,OALI,OAAO,GAAU,SACV,EAIJ,EAAS,EAAM,QAAU,GACpC,CAoBA,YAAoB,EAA0B,EAAyB,EACnD,EAAe,EAAmB,EAAkB,EAA4B,CAChG,GAAI,IAAS,IAAA,IAAa,IAAQ,IAAA,GAAW,CAGzC,IAAM,EAAS,KAAK,IAAI,EAAG,EAAQ,EAAO,CAAG,EAE7C,MAAO,CAAE,MAAO,EAAS,EAAM,QAAO,CAC1C,CAEA,IAAM,EAAS,GAAQ,EAYvB,OAVI,IAAS,IAAA,GAIT,IAAQ,IAAA,GAML,CAAE,MAAO,EAAU,QAAO,EALtB,CAAE,MAAO,EAAS,EAAQ,EAAM,EAAQ,QAAO,EAJ/C,CAAE,MAAO,EAAS,EAAM,QAAO,CAU9C,CAQA,UAAiB,CACb,IAAM,EAAY,KAAK,aAAa,EAEpC,GAAI,CAAC,EACD,OAGJ,IAAM,EAAQ,EAAU,aAAa,EAErC,GAAI,CAAC,EACD,OAGJ,IAAM,EAAS,EAAU,iBAAiB,EACpC,EAAU,EAAO,QAAQ,EACzB,EAAU,EAAO,OAAO,EAE9B,IAAK,IAAM,KAAa,EAAU,qBAAqB,EAAG,CACtD,IAAM,EAAO,KAAK,qBAAqB,CAAS,EAE1C,EAAgB,EAAU,iBAAiB,EAC3C,EAAO,EAAU,QAAQ,EACzB,EAAQ,GAAe,OAAS,GAAM,OAAS,EAC/C,EAAQ,GAAe,QAAU,GAAM,QAAU,EAEjD,EAAQ,KAAK,YAAY,KAAK,QAAQ,GAAM,KAAM,EAAM,KAAK,EAC/D,KAAK,QAAQ,GAAM,MAAO,EAAM,KAAK,EAAG,KAAK,QAAQ,GAAM,MAAO,EAAM,KAAK,EAC7E,EAAM,MAAO,EAAO,EAAU,KAAK,EAAG,CAAO,EAE3C,EAAQ,KAAK,YAAY,KAAK,QAAQ,GAAM,IAAK,EAAM,MAAM,EAC/D,KAAK,QAAQ,GAAM,OAAQ,EAAM,MAAM,EAAG,KAAK,QAAQ,GAAM,OAAQ,EAAM,MAAM,EACjF,EAAM,OAAQ,EAAO,EAAU,KAAK,EAAG,CAAO,EAElD,KAAK,aAAa,EAAW,EAAM,MAAO,EAAM,MAAO,EAAM,OAAQ,EAAM,MAAM,CACrF,CACJ,CACJ,EAEM,EAAiB,EAAS,MAAM,ECvJzB,kBAAb,cAAuC,CAAkB,CAGrD,KAGA,MAGA,IAGA,OAOA,MAOA,OAEA,aAAc,CACV,MAAM,CACV,CACJ"}

package/dist/lib/Border-CKKUk5G9.js

@@ -1,2 +0,0 @@
-import{t as e}from"./DOM-67StIm5G.js";import{a as t,s as n}from"./Position-Ck_KD4cR.js";import{S as r,b as i,f as a,h as o,m as s,t as c,v as l}from"./Component-fRQvgaEY.js";import{t as u}from"./ListenerBag-WPdKuuds.js";import{t as d}from"./Tooltip-Dro4DOZs.js";import{t as f}from"./Placement-7kqdaK4Z.js";import{t as p}from"./LayoutConstraints-LIHYYd2F.js";function beginPointerDrag(t){e.sink.apply(e.source.getBody(),{style:{pointerEvents:`none`}}),e.sink.apply(e.source.getDocumentElement(),{style:{cursor:t}})}function endPointerDrag(){e.sink.apply(e.source.getBody(),{style:{pointerEvents:``}}),e.sink.apply(e.source.getDocumentElement(),{style:{cursor:``}})}var m=200,h=`cubic-bezier(0.4, 0, 0.6, 1)`,g={cancel:()=>{}};function track(e,t){let n=null,r=!1,prune=()=>{r=!0;let t=n===null?-1:e.indexOf(n);t>=0&&e.splice(t,1)},{handle:i,cleanup:a}=t(prune);r||(n={cancel:()=>i.cancel(),settle:()=>{i.cancel(),a()}},e.push(n))}function primeCollapse(e,t,n,r,i){let cleanup=()=>{for(let e of n)e.setTransition(null);e.setWillChange(null)};if(l.isReducedMotion())return r(),{handle:g,cleanup};let a=t.map(e=>`${e} ${m}ms ${h}`).join(`, `);for(let e of n)e.setTransition(a);return e.setWillChange(t.join(`, `)),{handle:l.afterTransition({component:e,property:i??t[0],durationMs:m,fallbackBufferMs:40,onComplete:()=>{cleanup(),r()}}),cleanup}}function captureRect(e){return{x:e.getX(),y:e.getY(),width:e.getWidth(),height:e.getHeight()}}function parseCubicBezier(e){let t=e.match(/cubic-bezier\(([^)]+)\)/);if(!t)return e=>e;let[n,r,i,a]=t[1].split(`,`).map(e=>parseFloat(e)),o=3*n,s=3*(i-n)-o,c=1-o-s,l=3*r,u=3*(a-r)-l,d=1-l-u,sampleX=e=>((c*e+s)*e+o)*e,sampleY=e=>((d*e+u)*e+l)*e,sampleDX=e=>(3*c*e+2*s)*e+o;return e=>{let t=e;for(let n=0;n<8;n+=1){let n=sampleX(t)-e;if(Math.abs(n)<1e-6)return sampleY(t);let r=sampleDX(t);if(Math.abs(r)<1e-6)break;t-=n/r}let n=0,r=1;for(t=e;n<r;){let i=sampleX(t);if(Math.abs(i-e)<1e-6)break;i<e?n=t:r=t,t=(n+r)/2}return sampleY(t)}}var _=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(t,n){if(l.isReducedMotion()){for(let e of t)commitRect(e.component,e.end,e.relayout);return n?.(),()=>{}}let r=!1,i=0;for(let e of t)commitRect(e.component,e.start,e.relayout);let a=performance.now(),frame=o=>{if(r)return;let s=Math.min(1,(o-a)/m),c=_(s);for(let e of t)commitRect(e.component,s>=1?e.end:lerpRect(e.start,e.end,c),e.relayout);s<1?i=e.sink.requestAnimationFrame(frame):n?.()};return i=e.sink.requestAnimationFrame(frame),()=>{r=!0,i&&e.sink.cancelAnimationFrame(i)}}function runCollapse(e,t,n,r,i,a){r?.(),track(i,e=>primeCollapse(t,[`clip-path`],[t],e,`clip-path`));let o=n.filter(e=>!e.relayout).map(e=>e.component);o.length>0&&track(i,e=>primeCollapse(o[0],[`background-color`],o,e,`background-color`));let s=n.map(e=>captureRect(e.component));return e.doLayout(),animateLayout(n.map((e,t)=>({component:e.component,relayout:e.relayout,start:s[t],end:captureRect(e.component)})),a)}var v=10,y=40,b={east:0,south:90,west:180,north:-90},x=null;function ensureCollapseButtonClassRule(){x||=new i({scope:`class`,name:`CollapseButton`,styles:{position:`absolute`,top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`,boxSizing:`border-box`,width:`${v}px`,height:`${y}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:`${y-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),r.addListener(this,`dblclick`,this.onDoubleClick),r.addListener(this,`mousedown`,this.onMouseDown)}applyOptions(e){return super.applyOptions(e),e.direction!==void 0&&this.setDirection(e.direction),this}render(){let t=super.render();return e.sink.apply(t,{text:`▶`}),t}applyRotation(){let e=b[this._direction];this.createStyleRule(``).set(`transform`,`translate(-50%, -50%) rotate(${e}deg)`)}setStripMode(e){return this.createStyleRule(``).set(`width`,`${e?18:v}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){return this.emit(`collapse`),!0}onMouseDown(e){return!0}},S=o(CollapseButton),C={west:`east`,east:`west`,north:`south`,south:`north`},w={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,n){super(t,{...w,...n??{}}),e&&t?.orientation===void 0&&(this._direction=e),this._expandedBackground=t?.expandedBackground??`var(--ts-ui-gutter-bg, #AAAAAA)`,this.setBackgroundColor(this._expandedBackground),this._collapseDirection=t?.collapseDirection??(this._direction===`horizontal`?`west`:`north`),this._collapseButton=new S({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&&r.addListener(this,`mousedown`,this.onDragStart),this.applyListeners(t?.listeners),this.updateTooltip()}init(t){super.init(t);let n=t||this.getElement();return n&&e.sink.appendChild(n,this._collapseButton.getElement(!0)),this}isCollapsible(){return this._collapsible??this._defaultOptions.collapsible}setCollapsible(e){return this._collapsible=e,this._collapseButton?.setVisible(e),this._collapseButton&&this.updateTooltip(),this}applyOptions(e){return super.applyOptions(e),this.setDirection(e.orientation??this.getDirection()),this.setCollapsible(e.collapsible??this.isCollapsible()),this.setMovable(e.movable??this.isMovable()),this}isMovable(){return this._movable??this._defaultOptions.movable}setMovable(e){return this._movable=e,this}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(C[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?C[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?C[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)}destructor(){this._collapseButton?.dispose(),super.destructor()}_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),r.addViewportListener(this,`mouseup`,this.onDragStop),r.addViewportListener(this,`touchend`,this.onDragStop),r.addViewportListener(this,`touchcancel`,this.onDragStop),r.addViewportListener(this,`mousemove`,this.onDrag),r.addViewportListener(this,`touchmove`,this.onDrag),beginPointerDrag(this.dragCursor())}onDragStop(){return r.removeViewportListener(this,`mouseup`,this.onDragStop),r.removeViewportListener(this,`touchend`,this.onDragStop),r.removeViewportListener(this,`touchcancel`,this.onDragStop),r.removeViewportListener(this,`mousemove`,this.onDrag),r.removeViewportListener(this,`touchmove`,this.onDrag),endPointerDrag(),this.emit(`dragend`),!0}onDrag(e){let t;return t=this._direction===`horizontal`?e.clientX:e.clientY,this._dispatchDrag(t),!0}dragCursor(){return this._direction==`horizontal`?`ew-resize`:`ns-resize`}applyCursor(){this._movable&&!this._opaque?this.setCursor(this.dragCursor()):this.setCursor(`default`)}render(){let e=super.render();return this.applyCursor(),e}},T=o(SplitGutter),E=4,D={[f.NORTH]:`north`,[f.SOUTH]:`south`,[f.WEST]:`west`,[f.EAST]:`east`},Border=class extends a{_northComponent=null;_southComponent=null;_westComponent=null;_eastComponent=null;_centerComponent=null;_spacing=5;_collapsed=new Map;_collapsible=new Map;_gutters=new Map;_collapseAnimation=null;_pendingCollapseTransitions=[];_collapsing=!1;constructor(e){super(),e&&this.applyOptions(e)}applyOptions(e){super.applyOptions(e),e.spacing!==void 0&&this.setComponentSpacing(e.spacing)}setLayoutConstraints(e,t){switch(t||(t=new 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._pendingCollapseTransitions,()=>{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(t){let n=this._gutters.get(t);if(n)return n;let r=this.getContainer();return n=new T(t===f.NORTH||t===f.SOUTH?`vertical`:`horizontal`,{movable:!1,opaque:!1,collapseDirection:D[t],expandedBackground:`transparent`,listeners:{collapse:()=>this.setRegionCollapsed(t,!this.isRegionCollapsed(t))}}),n.setVisible(!1),e.sink.appendChild(r.getElement(),n.getElement(!0)),this._gutters.set(t,n),n}regionExtent(e,t){return this.isRegionCollapsed(e)?18:t}flooredMainExtent(e,t,n){let r=t?n?t.height:t.width:0;return Math.max(e,r)}applyRegionClip(e,t){if(this.isRegionCollapsible(t)){if(!this.isRegionCollapsed(t)){e.setClipPath(`inset(0 0 0 0)`);return}switch(t){case 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:E};case f.SOUTH:return{x:t,y:n-E,width:r,height:E};case f.WEST:return{x:t+r,y:n,width:E,height:i};case f.EAST:return{x:t-E,y:n,width:E,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();if(e){let t=this.flooredMainExtent(e.height,c.getMinSize(),!0);i=Math.max(i,e.width),a+=this.isRegionCollapsed(f.NORTH)?18:t}}if(l){let e=l.getPreferredSize();if(e){let t=this.flooredMainExtent(e.height,l.getMinSize(),!0);i=Math.max(i,e.width),a+=this.isRegionCollapsed(f.SOUTH)?18:t}}if(u){let e=u.getPreferredSize();if(e){let t=this.flooredMainExtent(e.width,u.getMinSize(),!1);o+=this.isRegionCollapsed(f.WEST)?18:t,s=Math.max(s,e.height)}}if(d){let e=d.getPreferredSize();e&&(o+=e.width,s=Math.max(s,e.height))}if(p){let e=p.getPreferredSize();if(e){let t=this.flooredMainExtent(e.width,p.getMinSize(),!1);o+=this.isRegionCollapsed(f.EAST)?18:t,s=Math.max(s,e.height)}}return i=Math.max(i,o),a+=s,{width:i+n,height:a+r}}getMinSize(){let e=this.getContainer();if(!e)return null;let t=e.getPerimeterSize(),n=t.left+t.right,r=t.top+t.bottom,i=0,a=0,o=0,s=0,c=this.laidOut(this._northComponent),l=this.laidOut(this._southComponent),u=this.laidOut(this._westComponent),d=this.laidOut(this._centerComponent),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 e=this.getContainer();if(!e)return null;let r=e.getPerimeterSize(),i=r.left+r.right,a=r.top+r.bottom,maxOf=e=>this.laidOut(e)?e.getMaxSize()??{width:t,height:t}:null,o=maxOf(this._northComponent),s=maxOf(this._southComponent),c=maxOf(this._westComponent),l=maxOf(this._centerComponent),u=maxOf(this._eastComponent),d=0,f=0,p=!1;for(let e of[c,l,u])e&&(p=!0,d+=e.width,f=Math.max(f,e.height));let m=t;o&&(m=Math.min(m,o.width)),s&&(m=Math.min(m,s.width)),p&&(m=Math.min(m,d));let h=0;return o&&(h+=o.height),p&&(h+=f),s&&(h+=s.height),{width:n(m+i),height:n(h+a)}}computeTotalMinSize(){if(!this.getContainer())return{width:0,height:0};let e=this.laidOut(this._westComponent)?.getMinSize(),t=this.laidOut(this._centerComponent)?.getMinSize(),n=this.laidOut(this._eastComponent)?.getMinSize(),r=this.laidOut(this._northComponent)?.getMinSize(),i=this.laidOut(this._southComponent)?.getMinSize(),a=[];e&&a.push(this.isRegionCollapsed(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)return;let n=e.getContentInsets();t=this.inflateForOverflow(t);let r=this.laidOut(this._northComponent),i=this.laidOut(this._southComponent),a=this.laidOut(this._westComponent),o=this.laidOut(this._centerComponent),c=this.laidOut(this._eastComponent);this.clearSkippedRegionFrames(r,i,a,o,c);let l=t.width,u=t.height,d,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.flooredMainExtent(t.height,r.getMinSize(),!0),d=this.regionExtent(f.NORTH,u),m=e.ignoreParentInsets?0:n.getLeft(),h=e.ignoreParentInsets?0:n.getTop(),g=l+(e.ignoreParentInsets?n.getLeft()+n.getRight():0),_=e.ignoreParentInsets?n.getTop():0;p=d+_,this.isRegionCollapsible(f.NORTH)||this._collapsing?(this.placeComponent(r,m,h,g,u+_,s.BOTH),r.clearClipFrame(),this.applyRegionClip(r,f.NORTH)):(r.setClipPath(null),r.setClipFrame(m,h,g,u+_),this.commitBounds(r,0,0,g,u+_)),this.updateRegionGutter(f.NORTH,m,h,g,p),(a||o||c||i)&&(p+=this._spacing)}else p=0;if(h=u-p,i){let e=i.getPreferredSize();if(!e)throw Error(`Unable to determine preferred size for south component.`);let t=this.flooredMainExtent(e.height,i.getMinSize(),!0),r=this.regionExtent(f.SOUTH,t),a=n.getLeft(),o=n.getTop()+u-r;h-=this._spacing,h-=r;let c=n.getTop()+u-t;this.isRegionCollapsible(f.SOUTH)||this._collapsing?(this.placeComponent(i,a,c,l,t,s.BOTH),i.clearClipFrame(),this.applyRegionClip(i,f.SOUTH)):(i.setClipPath(null),i.setClipFrame(a,c,l,t),this.commitBounds(i,0,0,l,t)),this.updateRegionGutter(f.SOUTH,a,o,l,r)}let g=0,_=0;if(c){let e=c.getPreferredSize();if(!e)throw Error(`Unable to determine preferred size for east component.`);let t=this.flooredMainExtent(e.width,c.getMinSize(),!1);_=t,g=this.regionExtent(f.EAST,t)}if(a){let e=a.getPreferredSize();if(!e)throw Error(`Unable to determine preferred size for west component.`);let t=this.flooredMainExtent(e.width,a.getMinSize(),!1),r=Math.max(0,Math.min(this.regionExtent(f.WEST,t),l-g)),i=n.getLeft(),c=n.getTop()+p;d=r;let u=Math.max(0,Math.min(t,l-g));this.isRegionCollapsible(f.WEST)||this._collapsing?(this.placeComponent(a,i,c,u,h,s.BOTH),a.clearClipFrame(),this.applyRegionClip(a,f.WEST)):(a.setClipPath(null),a.setClipFrame(i,c,u,h),this.commitBounds(a,0,0,u,h)),this.updateRegionGutter(f.WEST,i,c,r,h),o&&(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,s.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(o){let e=n.getLeft()+d,t=n.getTop()+p;this._collapsing?(this.placeComponent(o,e,t,m,h,s.BOTH),o.clearClipFrame()):(o.setClipFrame(e,t,m,h),this.commitBounds(o,0,0,m,h))}}detach(){this._collapseAnimation?.(),this._collapseAnimation=null,this._collapsing=!1;let t=(this.getContainer()?.getComponents().length??0)>0;for(let e of this._pendingCollapseTransitions)t?e.settle():e.cancel();this._pendingCollapseTransitions.length=0,super.detach();for(let t of this._gutters.values()){let n=t.getElement(),r=n?e.source.getParentNode(n):null;n&&r&&e.sink.removeChild(r,n),t.dispose()}this._gutters.clear();for(let e of[f.NORTH,f.SOUTH,f.WEST,f.EAST,f.CENTER])this.getRegionComponent(e)?.clearClipFrame();return this}},O=o(Border);export{beginPointerDrag as a,runCollapse as i,T as n,endPointerDrag as o,S as r,O as t};
-//# sourceMappingURL=Border-CKKUk5G9.js.map

package/dist/lib/Button-MZDYJOMC.js

@@ -1,2 +0,0 @@
-import{i as e,l as t,n}from"./Position-Ck_KD4cR.js";import{S as r,h as i,m as a,p as o,t as s}from"./Component-fRQvgaEY.js";import{t as c}from"./Glyph-wN7bk7mg.js";import{t as l}from"./Tooltip-Dro4DOZs.js";import{t as u}from"./Fit-CL1m1nIZ.js";import{t as d}from"./Text-KB5LksJl.js";import{n as f,r as p}from"./VBox-P3WFGkPc.js";var m=new n(5,10,5,10),h=new n(2,6,2,6),g=new n(2,2,2,2),_=new n(4,4,4,4),v=`var(--ts-ui-button-bg, transparent)`,y={tag:`button`,cursor:`pointer`,foregroundColor:`var(--ts-ui-text-color, black)`,border:`2px ridge var(--ts-ui-button-border, rgb(200, 200, 200))`,borderRadius:`var(--ts-ui-border-radius, 4px)`,shadow:`var(--ts-ui-button-shadow, 1px 2px 5px 0 rgba(0, 0, 0, 0.2))`,backgroundImage:`var(--ts-ui-button-bg, linear-gradient(rgb(241, 241, 241), rgb(200, 200, 200)))`,insets:m,anchor:o.CENTER,fill:a.NONE,pressedForegroundColor:`var(--ts-ui-button-pressed-fg, rgb(150, 150, 150))`,pressedBackgroundColor:`var(--ts-ui-button-pressed-bg, rgb(200, 200, 200))`,pressedBackgroundImage:`var(--ts-ui-button-pressed-bg, none)`,pressedShadow:`var(--ts-ui-button-pressed-shadow, 1px 2px 5px 0 rgba(0, 0, 0, 0.2) inset)`,hoverBackgroundColor:`var(--ts-ui-button-hover-bg, rgb(252, 252, 252))`,hoverBackgroundImage:`var(--ts-ui-button-hover-bg, none)`,hoverShadow:`var(--ts-ui-button-hover-shadow, 1px 3px 6px 0 rgba(0, 0, 0, 0.25))`},b=i(class Button extends s{_text;_content;_titleColumn;_description=null;_tooltipSuppressed=!1;_outerColumn=null;_innerRow=null;_glyph=null;_glyphSyncedSize=null;_glyphSizePinned=!1;_onThemeChange=()=>{this._rebuildContentRow(),this.recomputePreferredSize()};get pressedStyleRule(){return this._pressedStyleRule??=this.createStyleRule(`:active`)}_pressedBorder=null;get hoverStyleRule(){return this._hoverStyleRule??=this.createStyleRule(`:hover:not(:active)`)}_hoverBorder=null;_enabledCursor=`pointer`;constructor(e,t,r){let i;typeof e==`string`?i=e:e!==void 0&&(t=e),super(t,{...y,...r??{}}),this.setLayoutManager(new u),this._text=new d,this._titleColumn=new s,this._titleColumn.setLayoutManager(new f({spacing:0})),this._titleColumn.setInsets(new n(0,0,0,0)),this._titleColumn.setPointerEvents(`none`),this._titleColumn.addComponent(this._text),this._content=new s,this._content.setLayoutManager(new p({spacing:2})),this._content.setInsets(new n(0,0,0,0)),this._content.setPointerEvents(`none`),this._content.addComponent(this._titleColumn),this._text.setPointerEvents(`none`),this._text.setTextAlign(`center`),this._text.setFontWeight(`bold`),this._text.setFontSize(`--ts-ui-button-font-size`),this.addComponent(this._content,{fill:this.getFill(),anchor:this.getAnchor()});let a=this._options.text??this._defaultOptions.text??i;a!==void 0&&this.setText(a);let o=this._options.glyph??this._defaultOptions.glyph;o!==void 0&&this.setGlyph(o);let c=this._options.description??this._defaultOptions.description;c!==void 0&&this.setDescription(c),(this._flat||this._compact)&&this._resolveInsets(),this.recomputePreferredSize(),this.subscribeTheme(this._onThemeChange),Object.getPrototypeOf(this)===Button.prototype&&this.applyListeners(t?.listeners)}getAnchor(){return this._options.anchor??this._defaultOptions.anchor}getFill(){return this._options.fill??this._defaultOptions.fill}applyOptions(e){let t=this.getLayoutManager();super.applyOptions(e),e.layoutManager===void 0&&this.getLayoutManager()!==t&&this.setLayoutManager(t),e.descriptionUnderGlyph!==void 0&&(this._options.descriptionUnderGlyph=e.descriptionUnderGlyph),e.showDescription!==void 0&&(this._options.showDescription=e.showDescription),e.showText!==void 0&&(this._options.showText=e.showText);let n=this._text!==void 0;return e.glyphColor!==void 0&&(n?this.setGlyphColor(e.glyphColor):this._options.glyphColor=e.glyphColor),e.descriptionColor!==void 0&&(n?this.setDescriptionColor(e.descriptionColor):this._options.descriptionColor=e.descriptionColor),e.text!==void 0&&(n?this.setText(e.text):this._options.text=e.text),e.description!==void 0&&(n?this.setDescription(e.description):this._options.description=e.description),e.glyph!==void 0&&(n?this.setGlyph(e.glyph):this._options.glyph=e.glyph),e.enabled!==void 0&&this.setEnabled(e.enabled),e.chromeless!==void 0&&(this._options.chromeless=e.chromeless),e.flat!==void 0&&(this._options.flat=e.flat),e.compact!==void 0&&this.setCompact(e.compact),e.anchor!==void 0&&(this._options.anchor=e.anchor),e.fill!==void 0&&(this._options.fill=e.fill),this}applyChromeOptions(e){if((e.chromeless??this.isChromeless())===!0){this.clearBorder(),this._options.borderRadius=void 0,this._options.shadow=void 0,this._options.backgroundImage=void 0,this.getBackgroundColor()===null&&(this._options.backgroundColor=`transparent`);return}super.applyChromeOptions(e),(this._options.flat??e.flat)!==!0&&e.backgroundColor===void 0&&this.setBackgroundColor(v),this.setPressedForegroundColor(e.pressedForegroundColor??this.getPressedForegroundColor()),this.setPressedBackgroundColor(e.pressedBackgroundColor??this.getPressedBackgroundColor()),this.setPressedBackgroundImage(e.pressedBackgroundImage??this.getPressedBackgroundImage()),this.setPressedShadow(e.pressedShadow??this.getPressedShadow()),e.pressedBorder!==void 0&&this.setPressedBorder(e.pressedBorder),e.pressedBorderRadius!==void 0&&this.setPressedBorderRadius(e.pressedBorderRadius),e.hoverForegroundColor!==void 0&&this.setHoverForegroundColor(e.hoverForegroundColor),this.setHoverBackgroundColor(e.hoverBackgroundColor??this.getHoverBackgroundColor()),this.setHoverBackgroundImage(e.hoverBackgroundImage??this.getHoverBackgroundImage()),this.setHoverShadow(e.hoverShadow??this.getHoverShadow()),e.hoverBorder!==void 0&&this.setHoverBorder(e.hoverBorder),e.hoverBorderRadius!==void 0&&this.setHoverBorderRadius(e.hoverBorderRadius),(this._options.flat??e.flat)===!0&&(this._flat=!0,this._applyFlatChrome())}setText(e){return this._options.text=e,this._text.setText(this._isShowText()?e:``),this.recomputePreferredSize(),this._rebuildTooltip(),this._reflectAccessibleName(),this}getText(){return this._options.text??``}setWritingMode(e){let t=this._contentOrientation();return super.setWritingMode(e),this._text&&(this._text.setWritingMode(e),this._description?.setWritingMode(e),this._contentOrientation()!==t&&(this._glyph||this._description)&&this._rebuildContentRow(),this.recomputePreferredSize()),this}setTextAlign(e){if(this._text){this._text.setTextAlign(e);let t=this.getLayoutConstraints(this._content);t&&(t.anchor=this._anchorForTextAlign(e),this.scheduleLayout())}return this}_anchorForTextAlign(e){let t=e===`left`||e===`start`,n=e===`right`||e===`end`,r=this._contentOrientation();return r===`cw`?t?o.NORTH:n?o.SOUTH:o.CENTER:r===`ccw`?t?o.SOUTH:n?o.NORTH:o.CENTER:t?o.WEST:n?o.EAST:o.CENTER}clearWritingMode(){let e=this._contentOrientation();return super.clearWritingMode(),this._text&&(this._text.clearWritingMode(),this._description?.clearWritingMode(),this._contentOrientation()!==e&&(this._glyph||this._description)&&this._rebuildContentRow(),this.recomputePreferredSize()),this}setDescription(e){return this._description||(this._description=new d,this._description.setPointerEvents(`none`),this._description.setTextAlign(`center`),this._description.setFontSize(`--ts-ui-button-description-font-size`),this._description.setFontWeight(`var(--ts-ui-button-description-weight, normal)`),this._description.setForegroundColor(this._options.descriptionColor??`var(--ts-ui-button-description-fg, rgb(110, 110, 110))`)),this._description.setText(e),this._rebuildContentRow(),this._rebuildTooltip(),this.recomputePreferredSize(),this}getDescription(){return this._description}clearDescription(){return this._description=null,this._rebuildContentRow(),this._rebuildTooltip(),this.recomputePreferredSize(),this}_rebuildTooltip(){if(this._tooltipSuppressed){l.detach(this);return}let e=this._options.text??``,t=this._description?.getText().valueOf()??``,n;n=e&&t?`${e}\n\n${t}`:e||t,n?l.attach(this,n):l.detach(this)}setTooltipSuppressed(e){return e===this._tooltipSuppressed?this:(this._tooltipSuppressed=e,this._rebuildTooltip(),this)}_reflectAccessibleName(){let e=this._options.text??``;!this._isShowText()&&e!==``?this.getAria().setLabel(e):this.getAria().clearLabel()}_isDescriptionUnderGlyph(){return this._options.descriptionUnderGlyph??!0}_isShowDescription(){return this._options.showDescription??!0}_isShowText(){return this._options.showText??!0}_contentOrientation(){let e=this.getWritingMode();return e===`sideways-rl`?`cw`:e===`sideways-lr`?`ccw`:`horizontal`}_orientBox(e,t,n){e.setLayoutManager(t===`v`?new f({spacing:n}):new p({spacing:n}))}_addContentChildren(e,t,n){let r=n?[...t].reverse():t;for(let t of r)e.addComponent(t)}_rebuildContentRow(){this._content.removeAllComponents(),this._titleColumn.removeAllComponents(),this._innerRow?.removeAllComponents(),this._outerColumn?.removeAllComponents();let e=this._description!==null&&this._isShowDescription(),r=this._isShowText(),i=this._contentOrientation(),a=i!==`horizontal`,o=a?`v`:`h`,c=a?`h`:`v`,l=i===`ccw`,u=i===`cw`;if(e&&this._glyph&&this._isDescriptionUnderGlyph())this._innerRow||(this._innerRow=new s,this._innerRow.setInsets(new n(0,0,0,0)),this._innerRow.setPointerEvents(`none`)),this._outerColumn||(this._outerColumn=new s,this._outerColumn.setInsets(new n(0,0,0,0)),this._outerColumn.setPointerEvents(`none`)),this._orientBox(this._content,o,2),this._orientBox(this._innerRow,o,2),this._orientBox(this._outerColumn,c,0),this._addContentChildren(this._innerRow,r?[this._glyph,this._text]:[this._glyph],l),this._addContentChildren(this._outerColumn,[this._innerRow,this._description],u),this._content.addComponent(this._outerColumn);else if(e){this._orientBox(this._content,o,2),this._orientBox(this._titleColumn,c,0),this._addContentChildren(this._titleColumn,r?[this._text,this._description]:[this._description],u);let e=this._glyph?[this._glyph,this._titleColumn]:[this._titleColumn];this._addContentChildren(this._content,e,l)}else{let e=this._text.getText().valueOf()!==``;this._orientBox(this._content,o,this._glyph&&!e?0:2);let t=this._glyph?[this._glyph,this._text]:[this._text];this._addContentChildren(this._content,t,l)}let d=!a&&!e&&this._text.getText().valueOf()!==``?t.opticalCenterOffset():0;this._content.setInsets(new n(d,0,0,0)),this._reflectAccessibleName(),this._afterRebuildContentRow()}_afterRebuildContentRow(){}_syncGlyphSize(){let e=this._glyph;if(!e||this._glyphSizePinned)return;let t=this._text.getLineHeight();if(t===null)return;let n=Math.round(t),r=e.getPreferredSize(),i=this._glyphSyncedSize;r&&i!==null&&(r.width!==i||r.height!==i)||(e.setPreferredSize({width:n,height:n}),this._glyphSyncedSize=n)}setGlyph(e){let t=new c(e);return t.setPointerEvents(`none`),this._glyph=t,this._glyphSyncedSize=null,this._options.glyphColor!==void 0&&t.setForegroundColor(this._options.glyphColor),this._rebuildContentRow(),this.recomputePreferredSize(),this}clearGlyph(){return this._glyph=null,this._glyphSyncedSize=null,this._rebuildContentRow(),this.recomputePreferredSize(),this}getGlyph(){return this._glyph}setGlyphColor(e){return this._options.glyphColor=e,this._glyph?.setForegroundColor(e),this}setDescriptionColor(e){return this._options.descriptionColor=e,this._description?.setForegroundColor(e),this}pinGlyphSize(e){return this._glyphSizePinned=!0,this._glyph?.setPreferredSize({width:e,height:e}),this}getBaseline(){return this.wrapInnerBaseline(this._text.getBaseline())}on(e,t){return r.addListener(this,`click`,t),this}off(e,t){return r.removeListener(this,`click`,t),this}click(){return r.fireEvent(this,`click`),this}addPointerDownListener(e){return r.addListener(this,`pointerdown`,e),this}isChromeless(){return this._options.chromeless??this._defaultOptions.chromeless??!1}setChromeless(e){return this.isChromeless()===e||(e?(this._clearChrome(),this._options.chromeless=!0,this._flat=!1,this._options.flat=!1):(this._options.chromeless=!1,this._restoreChrome())),this}_clearChrome(){this.clearBorder(),this.clearBorderRadius(),this.clearShadow(),this.clearBackgroundImage(),this._pressedStyleRule!==void 0&&(this.clearPressedBackgroundColor(),this.clearPressedBackgroundImage(),this.clearPressedForegroundColor(),this.clearPressedShadow(),this.clearPressedBorderRadius(),this.clearPressedBorder()),this._hoverStyleRule!==void 0&&(this.clearHoverBackgroundColor(),this.clearHoverBackgroundImage(),this.clearHoverForegroundColor(),this.clearHoverShadow(),this.clearHoverBorderRadius(),this.clearHoverBorder())}_restoreChrome(){let e=this._defaultOptions;e.backgroundColor===void 0&&this._options.backgroundColor===`transparent`&&this.setBackgroundColor(v),e.border!==void 0&&this.setBorder(e.border),e.borderRadius!==void 0&&this.setBorderRadius(e.borderRadius),e.shadow!==void 0&&this.setShadow(e.shadow),e.backgroundImage!==void 0&&this.setBackgroundImage(e.backgroundImage),e.pressedForegroundColor!==void 0&&this.setPressedForegroundColor(e.pressedForegroundColor),e.pressedBackgroundColor!==void 0&&this.setPressedBackgroundColor(e.pressedBackgroundColor),e.pressedBackgroundImage!==void 0&&this.setPressedBackgroundImage(e.pressedBackgroundImage),e.pressedShadow!==void 0&&this.setPressedShadow(e.pressedShadow),e.pressedBorder===void 0?this.clearPressedBorder():this.setPressedBorder(e.pressedBorder),e.pressedBorderRadius!==void 0&&this.setPressedBorderRadius(e.pressedBorderRadius),e.hoverForegroundColor!==void 0&&this.setHoverForegroundColor(e.hoverForegroundColor),e.hoverBackgroundColor!==void 0&&this.setHoverBackgroundColor(e.hoverBackgroundColor),e.hoverBackgroundImage!==void 0&&this.setHoverBackgroundImage(e.hoverBackgroundImage),e.hoverShadow!==void 0&&this.setHoverShadow(e.hoverShadow),e.hoverBorder===void 0?this.clearHoverBorder():this.setHoverBorder(e.hoverBorder),e.hoverBorderRadius!==void 0&&this.setHoverBorderRadius(e.hoverBorderRadius)}isFlat(){return this._flat??!1}setFlat(e){return e&&this.isChromeless()?(console.warn(`Button #`+this.getId()+`: setFlat(true) ignored — flat and chromeless are mutually exclusive, chromeless wins.`),this):((this._flat??!1)===e||(e?(this._flat=!0,this._options.flat=!0,this._applyFlatChrome()):(this._flat=!1,this._options.flat=!1,this._restoreChrome(),this._resolveInsets())),this)}isCompact(){return this._compact??!1}setCompact(e){return(this._compact??!1)===e?this:(this._compact=e,this._options.compact=e,this._resolveInsets(),this)}_applyFlatChrome(){this.setBorder(`1px solid transparent`),this.clearBorderRadius(),this.clearShadow(),this.clearBackgroundImage();let e=this.getBackgroundColor();(e===void 0||e===v)&&this.setBackgroundColor(`transparent`),this.clearPressedBackgroundImage(),this.clearHoverBackgroundImage(),this.clearHoverShadow(),this.setHoverBackgroundColor(`var(--ts-ui-button-flat-hover-bg, rgba(0, 0, 0, 0.06))`),this.setHoverBorder(`var(--ts-ui-button-flat-hover-border, 1px solid rgb(200, 200, 200))`),this.setPressedBackgroundColor(`var(--ts-ui-button-flat-pressed-bg, rgba(0, 0, 0, 0.10))`),this.setPressedShadow(`var(--ts-ui-button-flat-pressed-shadow, inset 1px 1px 3px rgba(0, 0, 0, 0.25))`),this.setPressedBorder(`var(--ts-ui-button-flat-pressed-border, 1px solid rgb(180, 180, 180))`),this._resolveInsets()}_resolveInsets(){if(this._text===void 0)return;let e=this._glyph!==null&&this._text.getText().valueOf()===``,t;t=this._compact&&e?g:this._compact?h:this._flat&&e?_:m,this.setInsets(t)}setInsets(e){return super.setInsets(e),this.recomputePreferredSize(),this}setPreferredSize(e){return this._consumerSetPreferredSize=!0,super.setPreferredSize(e),this}getPreferredSize(){return this._consumerSetPreferredSize||this._defaultOptions.preferredSize?super.getPreferredSize():this.computePreferredSize()}recomputePreferredSize(){if(this._syncGlyphSize(),this._consumerSetPreferredSize||this._defaultOptions.preferredSize)return;let e=this.computePreferredSize();super.setPreferredSize({width:e.width,height:e.height})}computePreferredSize(){let e=this._content?.getPreferredSize()??{width:0,height:0},t=this.getPerimeterSize();return{width:e.width+t.left+t.right,height:e.height+t.top+t.bottom}}getPressedBackgroundColor(){return this._options.pressedBackgroundColor??this._defaultOptions.pressedBackgroundColor??null}setPressedBackgroundColor(e){return this._options.pressedBackgroundColor=e,this.pressedStyleRule.set(`backgroundColor`,e),this}clearPressedBackgroundColor(){return this._options.pressedBackgroundColor=void 0,this.pressedStyleRule.set(`backgroundColor`,null),this}getPressedBackgroundImage(){return this._options.pressedBackgroundImage??this._defaultOptions.pressedBackgroundImage??null}setPressedBackgroundImage(e){return this._options.pressedBackgroundImage=e,this.pressedStyleRule.set(`backgroundImage`,e),this}clearPressedBackgroundImage(){return this._options.pressedBackgroundImage=void 0,this.pressedStyleRule.set(`backgroundImage`,null),this}getPressedForegroundColor(){return this._options.pressedForegroundColor??this._defaultOptions.pressedForegroundColor??null}setPressedForegroundColor(e){return this._options.pressedForegroundColor=e,this.pressedStyleRule.set(`color`,e),this}clearPressedForegroundColor(){return this._options.pressedForegroundColor=void 0,this.pressedStyleRule.set(`color`,null),this}getPressedBorder(){return this._pressedBorder}setPressedBorder(t){return this._pressedBorder=typeof t==`string`?{border:t}:t??{},this.pressedStyleRule.setMany(e(this._pressedBorder)),this}clearPressedBorder(){return this._pressedBorder=null,this.pressedStyleRule.setMany({borderTop:null,borderRight:null,borderBottom:null,borderLeft:null}),this}getPressedBorderRadius(){return this._options.pressedBorderRadius??null}setPressedBorderRadius(e){return this._options.pressedBorderRadius=e,this.pressedStyleRule.set(`borderRadius`,e),this}clearPressedBorderRadius(){return this._options.pressedBorderRadius=void 0,this.pressedStyleRule.set(`borderRadius`,null),this}getPressedShadow(){return this._options.pressedShadow??this._defaultOptions.pressedShadow??null}setPressedShadow(e){return this._options.pressedShadow=e,this.pressedStyleRule.set(`boxShadow`,e),this}clearPressedShadow(){return this._options.pressedShadow=void 0,this.pressedStyleRule.set(`boxShadow`,null),this}getHoverBackgroundColor(){return this._options.hoverBackgroundColor??this._defaultOptions.hoverBackgroundColor??null}setHoverBackgroundColor(e){return this._options.hoverBackgroundColor=e,this.hoverStyleRule.set(`backgroundColor`,e),this}clearHoverBackgroundColor(){return this._options.hoverBackgroundColor=void 0,this.hoverStyleRule.set(`backgroundColor`,null),this}getHoverBackgroundImage(){return this._options.hoverBackgroundImage??this._defaultOptions.hoverBackgroundImage??null}setHoverBackgroundImage(e){return this._options.hoverBackgroundImage=e,this.hoverStyleRule.set(`backgroundImage`,e),this}clearHoverBackgroundImage(){return this._options.hoverBackgroundImage=void 0,this.hoverStyleRule.set(`backgroundImage`,null),this}getHoverForegroundColor(){return this._options.hoverForegroundColor??null}setHoverForegroundColor(e){return this._options.hoverForegroundColor=e,this.hoverStyleRule.set(`color`,e),this}clearHoverForegroundColor(){return this._options.hoverForegroundColor=void 0,this.hoverStyleRule.set(`color`,null),this}getHoverBorder(){return this._hoverBorder}setHoverBorder(t){return this._hoverBorder=typeof t==`string`?{border:t}:t??{},this.hoverStyleRule.setMany(e(this._hoverBorder)),this}clearHoverBorder(){return this._hoverBorder=null,this.hoverStyleRule.setMany({borderTop:null,borderRight:null,borderBottom:null,borderLeft:null}),this}getHoverBorderRadius(){return this._options.hoverBorderRadius??null}setHoverBorderRadius(e){return this._options.hoverBorderRadius=e,this.hoverStyleRule.set(`borderRadius`,e),this}clearHoverBorderRadius(){return this._options.hoverBorderRadius=void 0,this.hoverStyleRule.set(`borderRadius`,null),this}getHoverShadow(){return this._options.hoverShadow??this._defaultOptions.hoverShadow??null}setHoverShadow(e){return this._options.hoverShadow=e,this.hoverStyleRule.set(`boxShadow`,e),this}clearHoverShadow(){return this._options.hoverShadow=void 0,this.hoverStyleRule.set(`boxShadow`,null),this}setEnabled(e){return(this._options.enabled??!0)===e?this:(this._options.enabled=e,e?(this.setDisabledAttribute(!1),this.clearOpacity(),this.setCursor(this._enabledCursor)):(this._enabledCursor=this.getCursor()??`pointer`,this.setDisabledAttribute(!0),this.setOpacity(.5),this.setCursor(`not-allowed`)),this)}isEnabled(){return this._options.enabled??!0}setDescriptionUnderGlyph(e){return this._options.descriptionUnderGlyph=e,this._rebuildContentRow(),this.recomputePreferredSize(),this}isDescriptionUnderGlyph(){return this._isDescriptionUnderGlyph()}setShowDescription(e){return this._options.showDescription=e,this._rebuildContentRow(),this.recomputePreferredSize(),this}isShowDescription(){return this._isShowDescription()}setShowText(e){return this._options.showText=e,this._text.setText(e?this._options.text??``:``),this._rebuildContentRow(),this._resolveInsets(),this.recomputePreferredSize(),this}isShowText(){return this._isShowText()}});export{b as t};
-//# sourceMappingURL=Button-MZDYJOMC.js.map