@jimka/typescript-ui 0.5.0 → 0.7.0

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

@@ -0,0 +1,12 @@
+import { Component } from "../core/Component.js";
+import { Animation } from "../core/Animation.js";
+export declare const DEFAULT_DURATION_MS: number;
+export declare const DEFAULT_TRANSLATE_PX: number;
+export interface FadeOptions {
+    durationMs?: number;
+    translatePx?: number;
+    animated?: boolean;
+    onComplete?: () => void;
+}
+export declare function fadeShow(component: Component, options?: FadeOptions): Animation.CancelHandle;
+export declare function fadeHideAndDetach(component: Component, options?: FadeOptions): Animation.CancelHandle;

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

@@ -13,6 +13,12 @@ export interface FlexiblePlacement {
     available: number;
 }
 export declare function positionFlexibleAnchored(nearEdge: number, farEdge: number, extent: number, viewportExtent: number, viewportMargin: number): FlexiblePlacement;
+export interface AnchoredFlexiblePlacement {
+    x: number;
+    y: number;
+    available: number;
+}
+export declare function positionAnchoredFlexible(anchorRect: Rect, size: Size, viewport: Size, margin: number): AnchoredFlexiblePlacement;
 export declare function positionAnchored(anchorRect: Rect, size: Size, viewport: Size, opts: AnchorOptions): {
     x: number;
     y: number;

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

@@ -9,6 +9,7 @@ declare abstract class StyleTarget<T> {
     flush(): void;
     isMaterialized(): boolean;
     hasQueuedWrites(): boolean;
+    hasQueuedDeclarations(): boolean;
     protected materialize(target: T): void;
     protected abstract writeStyle(key: string, value: string | null): void;
     protected abstract flushDirty(dirty: Record<string, string | null>): void;
@@ -16,6 +17,7 @@ declare abstract class StyleTarget<T> {
 export type StyleRuleScope = {
     scope: "class";
     name: string;
+    suffix?: string;
 } | {
     scope: "component";
     name: string;

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

@@ -204,11 +204,15 @@ export interface Theme {
             padding: number;
             background: string;
             readonlyBackground: string;
+            rangeSelectedBackground: string;
             requiredEmptyOutlineColor: string;
             color: string;
             border: string;
             editorBorderColor: string;
         };
+        filterRow: {
+            background: string;
+        };
         resizeHandle: {
             width: string;
             color: string;
@@ -219,6 +223,11 @@ export interface Theme {
             color: string;
             fontSize?: FontSizeToken;
         };
+        filterClauseBadge: {
+            background: string;
+            color: string;
+            fontSize?: FontSizeToken;
+        };
     };
     contextMenu: {
         background: string;

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

@@ -15,6 +15,10 @@ export interface TextMetrics {
     height: number;
     baseline: number;
 }
+export interface TextMeasureRequest {
+    text: string;
+    options?: TextMeasureOptions;
+}
 export declare namespace Util {
     function measureTextSize(text: string, options?: TextMeasureOptions): Size;
     function measureTextWidth(text: string, options?: TextMeasureOptions): number;

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

@@ -7,9 +7,9 @@ export { Animation } from '../core/Animation.js';
 export { SmoothScroller } from '../core/SmoothScroller.js';
 export type { SmoothScrollTarget, ScrollAxis } from '../core/SmoothScroller.js';
 export { Util } from '../core/Util.js';
-export type { TextMeasureOptions, TextMetrics } from '../core/Util.js';
+export type { TextMeasureOptions, TextMeasureRequest, TextMetrics } from '../core/Util.js';
 export { DOM, ProductionDOMSink, ProductionDOMSource, PatchBuilder } from '../core/DOM.js';
-export type { DOMSink, DOMSource, DOMSeams, Rect, ScrollMetrics, OffsetSize, MediaState, Handle, TimerId, ElementPatch, MediaQueryResult } from '../core/DOM.js';
+export type { DOMSink, DOMSource, DOMSeams, DocumentSelectionRange, Rect, ScrollMetrics, OffsetSize, MediaState, Handle, TimerId, ElementPatch, MediaQueryResult } from '../core/DOM.js';
 export { callable } from '../core/Callable.js';
 export type { Callable } from '../core/Callable.js';
 export { Component } from '../core/Component.js';
@@ -26,8 +26,10 @@ export { RovingTabIndex } from '../core/RovingTabIndex.js';
 export { Body } from '../core/Body.js';
 export type { BodyOptions } from '../core/Body.js';
 export { Favicon, DEFAULT_FAVICON } from '../core/Favicon.js';
-export { AnimatedDropdown, fadeShow, fadeHideAndDetach } from '../core/AnimatedDropdown.js';
-export type { AnimatedDropdownOptions, FadeOptions } from '../core/AnimatedDropdown.js';
+export { AnimatedDropdown } from '../core/AnimatedDropdown.js';
+export type { AnimatedDropdownOptions } from '../core/AnimatedDropdown.js';
+export { fadeShow, fadeHideAndDetach } from '../core/OverlayFade.js';
+export type { FadeOptions } from '../core/OverlayFade.js';
 export { LayerManager } from '../core/LayerManager.js';
 export type { DismissableLayer, LayerDismissMode } from '../core/LayerManager.js';
 export { FocusHistory } from '../core/FocusHistory.js';

package/dist/lib/types/data/AbstractStore.d.ts

@@ -131,6 +131,9 @@ export declare abstract class AbstractStore {
     clearSort(): Promise<void>;
     filter(property: string, value: any): Promise<void>;
     filterBy(descriptor: FilterDescriptor): Promise<void>;
+    setFilter(key: string, descriptor: FilterDescriptor | null): Promise<void>;
+    setFilters(entries: Array<[key: string, descriptor: FilterDescriptor | null]>): Promise<void>;
+    getFilter(key: string): FilterDescriptor | null;
     private applyFilterChange;
     clearFilter(): Promise<void>;
     private numericValues;

package/dist/lib/types/data/FilterDescriptor.d.ts

@@ -1,3 +1,8 @@
+import type { TemporalFieldType } from "../data/temporalText.js";
+export interface TemporalDisplay {
+    type: TemporalFieldType;
+    showSeconds: boolean;
+}
 export type FilterDescriptor = {
     type: 'eq';
     field: string;
@@ -11,11 +16,19 @@ export type FilterDescriptor = {
     field: string;
     value: string;
     caseSensitive?: boolean;
+    temporal?: TemporalDisplay;
 } | {
     type: 'startsWith';
     field: string;
     value: string;
     caseSensitive?: boolean;
+    temporal?: TemporalDisplay;
+} | {
+    type: 'endsWith';
+    field: string;
+    value: string;
+    caseSensitive?: boolean;
+    temporal?: TemporalDisplay;
 } | {
     type: 'gt';
     field: string;

package/dist/lib/types/data/index.d.ts

@@ -18,7 +18,8 @@ export type { AjaxStoreOptions } from '../data/AjaxStore.js';
 export { TreeStore } from '../data/TreeStore.js';
 export type { TreeStoreOptions, TreeStoreEvent, TreeExpandEvent, TreeCollapseEvent, TreeAppendEvent, TreeRemoveEvent } from '../data/TreeStore.js';
 export { TreeNode } from '../data/TreeNode.js';
-export type { FilterDescriptor } from '../data/FilterDescriptor.js';
+export type { FilterDescriptor, TemporalDisplay } from '../data/FilterDescriptor.js';
+export type { TemporalFieldType } from '../data/temporalText.js';
 export { Proxy } from '../data/proxy/Proxy.js';
 export type { ReadParams } from '../data/proxy/Proxy.js';
 export { MemoryProxy } from '../data/proxy/MemoryProxy.js';

package/dist/lib/types/data/temporalText.d.ts

@@ -0,0 +1,2 @@
+export type TemporalFieldType = 'date' | 'time' | 'datetime';
+export declare function temporalDisplayText(type: TemporalFieldType, showSeconds: boolean, value: Date): string;

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

@@ -5,16 +5,18 @@ import { Size } from "../primitive/Size.js";
 export type BoxMode = "preferred" | "equal";
 export type BoxOverflowSizing = "preferred" | "min";
 export type BoxJustify = AxisPosition | AxisSpread;
+export type BoxItemAlign = "start" | "center" | "end" | "baseline" | "stretch";
 export interface BoxLayoutOptions extends LayoutManagerOptions {
     spacing?: number;
     stretching?: boolean;
+    itemAlign?: BoxItemAlign;
     mode?: BoxMode;
     overflowSizing?: BoxOverflowSizing;
     justify?: BoxJustify;
 }
 export declare abstract class BoxLayout extends LayoutManager {
     protected _spacing: number;
-    protected _stretching: boolean;
+    protected _itemAlign: BoxItemAlign;
     protected _mode: BoxMode;
     protected _overflowSizing: BoxOverflowSizing;
     protected _justify: BoxJustify;
@@ -24,6 +26,8 @@ export declare abstract class BoxLayout extends LayoutManager {
     setComponentSpacing(spacing: number): this;
     isStretching(): boolean;
     setStretching(stretching: boolean): this;
+    getItemAlign(): BoxItemAlign;
+    setItemAlign(itemAlign: BoxItemAlign): this;
     getMode(): BoxMode;
     setMode(mode: BoxMode): this;
     getOverflowSizing(): BoxOverflowSizing;
@@ -39,6 +43,7 @@ export declare abstract class BoxLayout extends LayoutManager {
         lead: number;
         gap: number;
     };
+    protected crossItemOffset(childCross: number, crossExtent: number): number;
     protected crossPlacement(component: Component, crossLead: number, crossExtent: number, naturalCross: number, horizontal: boolean): {
         offset: number;
         extent: number;

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

@@ -55,6 +55,7 @@ declare class Grid extends LayoutManager {
     private resolveTracks;
     private measureContent;
     private layoutOccupancy;
+    private commitGridPlacements;
     private findFreeCell;
 }
 declare const GridCallable: import("../core/Callable.js").Callable<typeof Grid>;

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

@@ -8,7 +8,7 @@ declare class HFlow extends FlowLayout {
     getMaxSize(): Size | null;
     doLayout(): void;
     private groupIntoRows;
-    private placeRows;
+    private resolveRows;
     private cellsMainExtent;
     private rowsCrossExtent;
     private rowExtent;

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

@@ -1,5 +1,6 @@
 import { LayoutManager, LayoutManagerOptions } from "../layout/LayoutManager.js";
 import { SplitGutter } from "../component/container/SplitGutter.js";
+import { CollapseTrigger } from "../component/container/CollapseButton.js";
 import { Component } from "../core/Component.js";
 import { Size } from "../primitive/Size.js";
 import { LayoutSize } from "../layout/LayoutSizes.js";
@@ -11,6 +12,7 @@ export interface SplitOptions extends LayoutManagerOptions {
     orientation?: AxisOrientation;
     collapsedPanes?: number[];
     paneSizes?: LayoutSize[];
+    collapseTrigger?: CollapseTrigger;
     listeners?: {
         paneresize?: PaneResizeCallback;
         panecollapse?: PaneCollapseCallback;
@@ -18,12 +20,14 @@ export interface SplitOptions extends LayoutManagerOptions {
 }
 declare class Split extends LayoutManager {
     private _orientation;
+    private _collapseTrigger;
     private _sizes;
     private _gutters;
     private _collapsed;
     private _weights;
     private _pendingCollapsed;
     private _listeners;
+    private _contextMenu;
     private _pendingSizes;
     private _dragOriginPointer;
     private _dragOriginLhsSize;
@@ -49,7 +53,7 @@ declare class Split extends LayoutManager {
     setOrientation(orientation: AxisOrientation): this;
     setPaneSize(pane: Component, size: number): this;
     getPaneSize(pane: Component): number | undefined;
-    setPaneResizeWeight(pane: Component, weight: number): this;
+    setPaneResizeWeight(pane: Component, weight: number | undefined): this;
     getPaneResizeWeight(pane: Component): number | undefined;
     private effectiveResizeWeight;
     private clampMain;
@@ -70,11 +74,16 @@ declare class Split extends LayoutManager {
     onDragStart(container: Component, gutter: SplitGutter, position: number): void;
     onDrag(container: Component, gutter: SplitGutter, position: number): void;
     private onDragEnd;
+    private openGutterMenu;
+    private togglePaneResizePin;
+    private retargetGutterCollapse;
+    private setPaneCollapseDirection;
     detach(): this;
     private gutterTotal;
     protected computeTotalMinSize(): Size;
     doLayout(): void;
     private placeGutterAsStrip;
+    private commitPanes;
     private paneClipInset;
     private applyPendingSizes;
     private applyPendingCollapsed;

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

@@ -6,7 +6,7 @@ import type { ComponentFactory } from "../core/Component.js";
 import { AbstractWindow } from "../overlay/AbstractWindow.js";
 import type { TabToolDescriptor } from "../component/container/TabBar.js";
 import type { AxisPosition, AxisEnd } from "../primitive/Axis.js";
-export type TabEvent = "tabclose" | "empty" | "detach" | "select" | "activate" | "dock" | "exception";
+export type TabEvent = "tabclose" | "empty" | "detach" | "select" | "activate" | "dock" | "exception" | "busychange";
 export type TabDetachWindowMode = "bare" | "strip";
 export type TabWidthMode = "fill" | "content" | "equal" | "fixed";
 export type TabSide = "north" | "south" | "west" | "east";
@@ -16,6 +16,7 @@ export interface TabOptions extends LayoutManagerOptions {
         tabclose?: (component: Component) => void;
         empty?: () => void;
         exception?: (error: unknown, label: string) => void;
+        busychange?: (busy: boolean, label: string) => void;
     };
     widthMode?: TabWidthMode;
     maxWidth?: number | null;
@@ -92,6 +93,8 @@ declare class Tab extends LayoutManager {
     private _onBarTabClose;
     private closeEntry;
     closeTab(content: Component): boolean;
+    setTabBusy(content: Component, busy: boolean): boolean;
+    isTabBusy(content: Component): boolean;
     private _onBarDockRequested;
     private _onBarDockHover;
     private _onBarTabDragStart;
@@ -108,6 +111,7 @@ declare class Tab extends LayoutManager {
     addDeferredComponent(factory: ComponentFactory, constraints?: LayoutConstraints): boolean;
     addLazyTab(factory: ComponentFactory, name: string, constraints?: LayoutConstraints): void;
     private syncUntabbedChildren;
+    private setEntryBusy;
     private materializeAsync;
     private announcePendingActivation;
     private failEntry;
@@ -135,6 +139,7 @@ declare class Tab extends LayoutManager {
     on(event: "activate", listener: (content: Component, index: number) => void): this;
     on(event: "dock", listener: (content: Component) => void): this;
     on(event: "exception", listener: (error: unknown, label: string) => void): this;
+    on(event: "busychange", listener: (busy: boolean, label: string) => void): this;
     off(event: TabEvent, listener: Function): this;
     protected emit(event: "tabclose", component: Component): void;
     protected emit(event: "empty"): void;
@@ -143,6 +148,7 @@ declare class Tab extends LayoutManager {
     protected emit(event: "activate", content: Component, index: number): void;
     protected emit(event: "dock", content: Component): void;
     protected emit(event: "exception", error: unknown, label: string): void;
+    protected emit(event: "busychange", busy: boolean, label: string): void;
 }
 declare const TabCallable: import("../core/Callable.js").Callable<typeof Tab>;
 type TabCallable = Tab;

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

@@ -6,6 +6,8 @@ declare class Table extends LayoutManager {
     constructor(options?: TableLayoutOptions);
     attach(container: Component): this;
     doLayout(): void;
+    private calculate;
+    private commit;
     private initializeWidths;
     private rescaleWidths;
     private absorbSlackIntoGreedy;

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

@@ -8,7 +8,7 @@ declare class VFlow extends FlowLayout {
     getMaxSize(): Size | null;
     doLayout(): void;
     private groupIntoColumns;
-    private placeColumns;
+    private resolveColumns;
     private cellsMainExtent;
     private columnsCrossExtent;
 }

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

@@ -21,7 +21,7 @@ export { Border } from '../layout/Border.js';
 export type { BorderOptions } from '../layout/Border.js';
 export type { AxisPosition, AxisSpread } from '../primitive/Axis.js';
 export { BoxLayout } from '../layout/BoxLayout.js';
-export type { BoxLayoutOptions, BoxMode, BoxOverflowSizing, BoxJustify } from '../layout/BoxLayout.js';
+export type { BoxLayoutOptions, BoxMode, BoxOverflowSizing, BoxJustify, BoxItemAlign } from '../layout/BoxLayout.js';
 export { HBox } from '../layout/HBox.js';
 export type { HBoxOptions } from '../layout/HBox.js';
 export { VBox } from '../layout/VBox.js';

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

@@ -4,6 +4,7 @@ import { WindowBorder } from "../component/container/WindowBorder.js";
 import { Event } from "../core/Event.js";
 import { DismissableLayer, LayerDismissMode } from "../core/LayerManager.js";
 import { Container, ContainerOptions } from "../core/Container.js";
+import type { ClassStyleDefaults } from "../core/ClassStyleRules.js";
 import { Size } from "../primitive/Size.js";
 import type { Rail } from "../overlay/Rail.js";
 export type WindowState = "normal" | "minimized" | "maximized";
@@ -36,6 +37,7 @@ export interface WindowOptions extends ContainerOptions {
     constrainToViewport?: boolean;
 }
 export declare abstract class AbstractWindow extends Container<WindowOptions> implements DismissableLayer {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     private static openWindows;
     private _borderComponents;
     private _animationFrameId;
@@ -65,6 +67,7 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     private _contentReadyCallback;
     protected _preMinimizeState: "normal" | "maximized";
     private _restoreRect;
+    private _normalMinSize;
     private _bodyHost;
     private _rail;
     private _windowListeners;

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

@@ -111,6 +111,7 @@ declare class Dock extends Container<DockOptions> {
     private regionKind;
     private onPanelClosed;
     private failPanel;
+    private setFrameBusy;
     private onPanelFocused;
     private onPanelDetached;
     private onFloatActivated;

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

@@ -47,7 +47,7 @@ declare class Menu extends Component implements DismissableLayer {
     private rebuildPersistentItems;
     private buildPersistentItems;
     private setFocusedIndex;
-    private isItemSeparator;
+    private isItemSkipped;
     private closeOpenSubmenu;
     private dismissAll;
     getLayerElement(): Handle | null;

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

@@ -10,6 +10,7 @@ export interface PopoverOptions extends ContainerOptions {
     dismissOn?: PopoverDismissMode;
     showArrow?: boolean;
     title?: string;
+    onClose?: () => void;
 }
 declare class Popover extends Container<PopoverOptions> implements DismissableLayer {
     private _placement;
@@ -18,6 +19,7 @@ declare class Popover extends Container<PopoverOptions> implements DismissableLa
     private _showArrow;
     private _title;
     private _titleComponent;
+    private _onClose;
     private _bodyComponent;
     private _actionsRow;
     private _fadeShowAnimation;
@@ -55,6 +57,7 @@ declare class Popover extends Container<PopoverOptions> implements DismissableLa
     getBand(): number;
     doLayout(): this;
     protected destructor(): void;
+    private _reflowIfOpen;
     private _reposition;
     private resolvePlacement;
     private ensureArrow;

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

@@ -0,0 +1,19 @@
+import { AnimatedDropdown, AnimatedDropdownOptions } from "../core/AnimatedDropdown.js";
+import type { Handle, Rect } from "../core/DOM.js";
+import { AnchoredFlexiblePlacement } from "../core/OverlayPosition.js";
+import type { Size } from "../primitive/Size.js";
+import type { ClassStyleDefaults } from "../core/ClassStyleRules.js";
+export interface PopupPanelOptions extends AnimatedDropdownOptions {
+}
+declare class PopupPanel<TOptions extends PopupPanelOptions = PopupPanelOptions> extends AnimatedDropdown<TOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    private _currentOpener;
+    constructor(options?: PopupPanelOptions, subclassDefaults?: Partial<PopupPanelOptions>);
+    showAt(anchorRect: Rect): this;
+    toggleFor(openerEl: Handle, anchorRect: Rect): this;
+    hideAnimated(): this;
+    protected resolvePlacement(anchorRect: Rect, size: Size, viewport: Size): AnchoredFlexiblePlacement;
+}
+declare const PopupPanelCallable: import("../core/Callable.js").Callable<typeof PopupPanel>;
+type PopupPanelCallable<TOptions extends PopupPanelOptions = PopupPanelOptions> = PopupPanel<TOptions>;
+export { PopupPanel as _PopupPanel, PopupPanelCallable as PopupPanel, };

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

@@ -7,6 +7,7 @@ declare class Window extends AbstractWindow {
     private _headerDragShift;
     private _headerDragComponentId;
     private readonly _boundCaptureHeaderShift;
+    private readonly _boundOnHeaderMouseDown;
     constructor(headerText: string, options?: WindowOptions);
     getHeader(): WindowHeader;
     setHeaderText(text: string): this;
@@ -22,6 +23,7 @@ declare class Window extends AbstractWindow {
     protected chromeHeight(): number;
     protected addContent(content: Component): void;
     isChromeComponent(child: Component): boolean;
+    private onHeaderMouseDown;
     private onHeaderDoubleClick;
     private targetIsInTrailingButton;
     private captureHeaderShift;

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

@@ -9,6 +9,8 @@ export { Tooltip } from '../overlay/Tooltip.js';
 export type { TooltipColors } from '../overlay/Tooltip.js';
 export { Popover } from '../overlay/Popover.js';
 export type { PopoverOptions, PopoverPlacement, PopoverDismissMode } from '../overlay/Popover.js';
+export { PopupPanel } from '../overlay/PopupPanel.js';
+export type { PopupPanelOptions } from '../overlay/PopupPanel.js';
 export { Notification } from '../overlay/Notification.js';
 export type { NotificationType, NotificationRecord } from '../overlay/Notification.js';
 export { NotificationHistoryButton } from '../overlay/NotificationHistoryButton.js';

package/dist/lib/types/router/RoutePattern.d.ts

@@ -14,6 +14,13 @@ export declare function splitFragment(input: string): {
     path: string;
     fragment: string;
 };
+export declare function splitQuery(input: string): {
+    path: string;
+    query: string;
+};
+export declare function parseQuery(query: string): Record<string, string>;
+export declare function formatQuery(query: Record<string, string>): string;
+export declare function sameQuery(a: Record<string, string>, b: Record<string, string>): boolean;
 export declare function normalizeBase(base: string): string;
 export declare function stripBase(base: string, pathname: string): string;
 export declare function joinBase(base: string, path: string): string;

package/dist/lib/types/router/Router.d.ts

@@ -1,5 +1,6 @@
 export type RouteParams = Record<string, string>;
-export type RouteHandler = (params: RouteParams, path: string, fragment: string) => void;
+export type RouteQuery = Record<string, string>;
+export type RouteHandler = (params: RouteParams, path: string, fragment: string, query: RouteQuery) => void;
 export type RouterEvent = "navigate" | "nomatch";
 export type RouterMode = "hash" | "history";
 export interface RouteMatch {
@@ -7,6 +8,7 @@ export interface RouteMatch {
     params: RouteParams;
     path: string;
     fragment: string;
+    query: RouteQuery;
 }
 export interface RouterOptions {
     mode?: RouterMode;
@@ -31,10 +33,12 @@ export declare class Router {
     stop(): this;
     navigate(path: string, options?: {
         replace?: boolean;
+        query?: RouteQuery;
     }): this;
-    getHref(path: string): string;
+    getHref(path: string, query?: RouteQuery): string;
     getPath(href?: string): string;
     getFragment(href?: string): string;
+    getQuery(href?: string): RouteQuery;
     private decodePath;
     on(event: "navigate", listener: (match: RouteMatch) => void): this;
     on(event: "nomatch", listener: (path: string) => void): this;

package/dist/lib/types/router/index.d.ts

@@ -1,2 +1,2 @@
 export { Router } from '../router/Router.js';
-export type { RouteParams, RouteHandler, RouterEvent, RouteMatch, RouterOptions, RouterMode } from '../router/Router.js';
+export type { RouteParams, RouteQuery, RouteHandler, RouterEvent, RouteMatch, RouterOptions, RouterMode } from '../router/Router.js';

package/dist/lib/validation.es.js

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

package/llms.txt

@@ -39,6 +39,7 @@ Organized by task. Columns: task → symbol · import subpath · summary · docs
 - Two-state toggle button → **ToggleButton** · `@jimka/typescript-ui/component/button` · A toggle button component that switches between selected and unselected states on each click. · docs/components/ToggleButton.md
 - Button with a primary action plus a dropdown menu → **SplitButton** · `@jimka/typescript-ui/component/button` · A push button with a trailing dropdown chevron. The main button face fires the primary `"action"` event exactly like `Button`; clicking the… · docs/components/SplitButton.md
 - Button whose click opens a dropdown menu → **MenuButton** · `@jimka/typescript-ui/component/button` · A push button whose click toggles a rebuild-mode dropdown `Menu` anchored under its bottom-left corner. The menu opens below the button, an… · docs/components/MenuButton.md
+- Button whose click opens a custom popup panel → **PopupButton** · `@jimka/typescript-ui/component/button` · A push button whose click toggles a PopupPanel anchored under its bottom-left corner, mirroring `MenuButton` with a `PopupPanel` in place o… · docs/components/PopupButton.md
 - Clickable text link that activates in-app (click / Enter) → **Link** · `@jimka/typescript-ui/component/input` · A text link: link-coloured, underlined, and activated by a click or the Enter key. Its **hit area is exactly its text** — it is a Text subc… · docs/components/Link.md
 - Checkbox → **Checkbox** · `@jimka/typescript-ui/component/input` · A custom-drawn checkbox rendered as a focusable `<div>` with `role="checkbox"`. · docs/components/Checkbox.md
 - Radio button (mutually exclusive within a group) → **RadioButton** · `@jimka/typescript-ui/component/input` · A custom-drawn radio button rendered as a focusable `<div>` with `role="radio"`. The ring + dot is drawn with framework primitives; the nat… · docs/components/RadioButton.md
@@ -86,7 +87,10 @@ Organized by task. Columns: task → symbol · import subpath · summary · docs
 - Modal dialog (alert/confirm/prompt/custom) → **Dialog** · `@jimka/typescript-ui/overlay` · A modal dialog component with a title bar, scrollable content area, and button row. · docs/components/Dialog.md
 - Edge-anchored sliding drawer → **Drawer** · `@jimka/typescript-ui/overlay` · An edge-anchored panel that rests off-screen against a viewport edge and slides into view when opened, overlaying the rest of the UI. · docs/components/Drawer.md
 - Context / dropdown menu → **Menu** · `@jimka/typescript-ui/overlay` · A floating menu panel that operates in one of two modes: · docs/components/Menu.md
+- Checkbox row in a menu → **CheckboxMenuRow** · `@jimka/typescript-ui/component/container` · A `Menu` row hosting a real `Checkbox`, for a multi-select menu. · docs/components/CheckboxMenuRow.md
+- Radio row in a menu → **RadioMenuRow** · `@jimka/typescript-ui/component/container` · A `Menu` row hosting a real `RadioButton`, for a single-choice menu. · docs/components/RadioMenuRow.md
 - Anchored floating popover → **Popover** · `@jimka/typescript-ui/overlay` · An anchored, non-modal floating bubble with a directional arrow tail. Use `Popover` for click-triggered, interactive content (title, body,… · docs/components/Popover.md
+- Custom popup panel anchored to a trigger → **PopupPanel** · `@jimka/typescript-ui/overlay` · A floating panel that sizes itself to its content, places itself against a trigger rect, and caps its height to the room available there —… · docs/components/PopupPanel.md
 - Hover tooltip → **Tooltip** · `@jimka/typescript-ui/overlay` · A singleton floating tooltip that appears near the cursor after a short delay. · docs/components/Tooltip.md
 - Transient toast notification → **Notification** · `@jimka/typescript-ui/overlay` · A lightweight toast-style notification that appears in the bottom-right corner of the viewport and auto-dismisses after a configurable dura… · docs/components/Notification.md
 - Browse / re-open past notifications → **NotificationHistoryButton** · `@jimka/typescript-ui/overlay` · A trigger button that opens a menu of recent notifications. The menu lists the in-session Notification history in chronological order (late… · docs/components/NotificationHistoryButton.md

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jimka/typescript-ui",
-  "version": "0.5.0",
+  "version": "0.7.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",

package/dist/lib/AbstractBooleanInput-CbW7ZrDT.js

@@ -1,2 +0,0 @@
-import{l as e}from"./Position-PBVBW1JS.js";import{S as t}from"./Component-w65rPK75.js";import{t as n}from"./Text-CdHf3B-1.js";import{t as r}from"./AbstractInput-B10DfLOf.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-CbW7ZrDT.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AbstractBooleanInput-CbW7ZrDT.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/Anchor-BsblS5it.js

@@ -1,2 +0,0 @@
-import{f as e,h as t}from"./Component-w65rPK75.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)}}},n=t(Anchor);export{n as t};
-//# sourceMappingURL=Anchor-BsblS5it.js.map

package/dist/lib/Anchor-BsblS5it.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Anchor-BsblS5it.js","names":[],"sources":["../../src/typescript/lib/layout/Anchor.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"],"mappings":"mDAwDA,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"}