@jimka/typescript-ui 0.1.0 → 0.2.0

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

@@ -7,6 +7,7 @@ import { BaseObject } from "../core/BaseObject.js";
 import { LayoutConstraints } from "../layout/LayoutConstraints.js";
 import { Position } from "../primitive/Position.js";
 import { Aria } from "../core/Aria.js";
+import { Event } from "../core/Event.js";
 import { StyleRule } from "../core/StyleTarget.js";
 export interface Comparator<V, U> {
     (a: V, b: U): number;
@@ -20,8 +21,9 @@ export interface PerimeterSize {
     bottom: number;
     left: number;
 }
+export type ComponentFactory = () => Component | Promise<Component>;
 export interface ConstrainedComponent {
-    component: Component;
+    component: Component | ComponentFactory;
     constraints?: LayoutConstraints;
 }
 export interface ComponentStyleRuleSpec {
@@ -61,7 +63,7 @@ export interface ComponentOptions {
     id?: string;
     name?: string | null;
     attributes?: Record<string, string>;
-    components?: Array<Component | ConstrainedComponent>;
+    components?: Array<Component | ComponentFactory | ConstrainedComponent>;
     styleRules?: ComponentStyleRuleSpec[];
 }
 declare class Component<TOptions extends ComponentOptions = ComponentOptions> extends BaseObject {
@@ -73,6 +75,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private readonly _themeCleanups;
     private _tag;
     private _attributes;
+    private _elementAttributes;
     private _boxSizing;
     private _left;
     private _top;
@@ -125,6 +128,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     protected applyChromeOptions(options: TOptions): void;
     protected applyListeners(listeners: Record<string, ((...args: any[]) => void) | undefined> | undefined): void;
     protected subscribeTheme(listener: () => void): void;
+    dispose(): void;
     protected destructor(): void;
     protected trackHandle(handle: Handle): Handle;
     private trackSelector;
@@ -231,14 +235,15 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     getPreferredSizeConstraint(): Size | null;
     getPreferredSize(): Size | null;
     private clampPreferredToConstraints;
-    setPreferredSize(width: number, height: number): this;
+    setPreferredSize(size: Size): this;
+    clearPreferredSize(): this;
     getMinSizeConstraint(): Size | null;
     getMaxSizeConstraint(): Size | null;
     private mergeConstraintSize;
     getMinSize(): Size | null;
-    setMinSize(width: number, height: number): this;
+    setMinSize(size: Size): this;
     getMaxSize(): Size | null;
-    setMaxSize(width: number, height: number): this;
+    setMaxSize(size: Size): this;
     getInnerSize(): Size | null;
     getBorderSize(): PerimeterSize;
     private estimateBorderSideWidth;
@@ -331,10 +336,10 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private materialiseDeferredRules;
     sync(): void;
     getParentComponent(): Component | null;
-    addComponents(...specs: Array<Component | ConstrainedComponent | Array<Component | ConstrainedComponent>>): this;
+    addComponents(...specs: Array<Component | ComponentFactory | ConstrainedComponent | Array<Component | ComponentFactory | ConstrainedComponent>>): this;
     private wireChild;
     private unwireChild;
-    addComponent(component: Component, constraints?: LayoutConstraints): this;
+    addComponent(component: Component | ComponentFactory, constraints?: LayoutConstraints): this;
     insertComponent(component: Component, index: number, constraints?: LayoutConstraints): this;
     moveComponent(child: Component, index?: number, constraints?: LayoutConstraints): this;
     removeComponent(component: Component): LayoutConstraints | undefined;
@@ -359,10 +364,10 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     static afterNextLayout(callback: () => void): void;
     flushLayout(): this;
     static flushEffectiveVisibility(): void;
-    addMouseDownListener(listener: Function): this;
-    removeMouseDownListener(listener: Function): this;
-    addMouseDownSubtreeListener(listener: Function): this;
-    removeMouseDownSubtreeListener(listener: Function): this;
+    addMouseDownListener(listener: Event.Listener): this;
+    removeMouseDownListener(listener: Event.Listener): this;
+    addMouseDownSubtreeListener(listener: Event.Listener): this;
+    removeMouseDownSubtreeListener(listener: Event.Listener): this;
     protected init(element?: Handle): this;
     protected createRootElement(): Handle;
     protected render(): Handle;

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

@@ -35,6 +35,7 @@ export interface MediaState {
 export type Handle = number & {
     readonly __handleBrand: unique symbol;
 };
+export type TimerId = ReturnType<typeof setTimeout>;
 export interface ElementPatch {
     style?: Readonly<Record<string, string | null>>;
     removeClass?: readonly string[];
@@ -78,12 +79,17 @@ export interface DOMSink {
     blur(handle: Handle): void;
     setValue(handle: Handle, value: string): void;
     setSelectionRange(handle: Handle, start: number, end: number): void;
+    setLocationHash(hash: string): void;
+    replaceLocationHash(hash: string): void;
     addListener<T extends Event = Event>(target: Handle, type: string, handler: (event: T) => void, options?: boolean | AddEventListenerOptions): void;
     removeListener<T extends Event = Event>(target: Handle, type: string, handler: (event: T) => void, options?: boolean | EventListenerOptions): void;
     dispatchEvent(target: Handle, event: Event): void;
     dispatchCustomEvent(target: Handle, type: string, init?: CustomEventInit): void;
     requestAnimationFrame(callback: FrameRequestCallback): number;
     cancelAnimationFrame(handle: number): void;
+    setTimeout(callback: () => void, delayMs: number): TimerId;
+    clearTimeout(id: TimerId): void;
+    clearAllTimeouts(): void;
     setId(handle: Handle, id: string): void;
     insertBefore(parent: Handle, node: Handle, reference: Handle | null): void;
     createDocumentFragment(): Handle;
@@ -130,6 +136,7 @@ export interface DOMSource {
     matchMedia(query: string): MediaQueryResult;
     isWindow(target: Handle | null): boolean;
     getWindow(): Handle;
+    getLocationHash(): string;
     contains(ancestor: Handle, node: Handle | null): boolean;
     querySelector(root: Handle, selector: string): Handle | null;
     querySelectorAll(root: Handle, selector: string): Handle[];
@@ -174,6 +181,7 @@ export interface MediaQueryResult {
     addChangeListener(handler: (event: MediaQueryListEvent) => void): void;
 }
 export declare class ProductionDOMSink implements DOMSink {
+    private readonly _timers;
     apply(handle: Handle, patch: ElementPatch): void;
     edit(handle: Handle): PatchBuilder;
     release(handle: Handle): void;
@@ -194,12 +202,17 @@ export declare class ProductionDOMSink implements DOMSink {
     blur(handle: Handle): void;
     setValue(handle: Handle, value: string): void;
     setSelectionRange(handle: Handle, start: number, end: number): void;
+    setLocationHash(hash: string): void;
+    replaceLocationHash(hash: string): void;
     addListener<T extends Event = Event>(target: Handle, type: string, handler: (event: T) => void, options?: boolean | AddEventListenerOptions): void;
     removeListener<T extends Event = Event>(target: Handle, type: string, handler: (event: T) => void, options?: boolean | EventListenerOptions): void;
     dispatchEvent(target: Handle, event: Event): void;
     dispatchCustomEvent(target: Handle, type: string, init?: CustomEventInit): void;
     requestAnimationFrame(callback: FrameRequestCallback): number;
     cancelAnimationFrame(handle: number): void;
+    setTimeout(callback: () => void, delayMs: number): TimerId;
+    clearTimeout(id: TimerId): void;
+    clearAllTimeouts(): void;
     setId(handle: Handle, id: string): void;
     insertBefore(parent: Handle, node: Handle, reference: Handle | null): void;
     createDocumentFragment(): Handle;
@@ -246,6 +259,7 @@ export declare class ProductionDOMSource implements DOMSource {
     matchMedia(query: string): MediaQueryResult;
     isWindow(target: Handle | null): boolean;
     getWindow(): Handle;
+    getLocationHash(): string;
     contains(ancestor: Handle, node: Handle | null): boolean;
     querySelector(root: Handle, selector: string): Handle | null;
     querySelectorAll(root: Handle, selector: string): Handle[];

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

@@ -3,14 +3,20 @@ export declare namespace Event {
     interface ListenerOptions {
         passive?: boolean;
     }
+    interface EventDisposition {
+        stop?: boolean;
+        prevent?: boolean;
+    }
+    type ListenerResult = boolean | EventDisposition | void;
+    type Listener = (event: any) => ListenerResult;
     function init(): void;
     function fireEvent(component: Component, type: string, payload?: any): void;
     function fireEvent(component: Component, event: globalThis.Event): void;
-    function addListener(component: Component, type: string, listener: Function, options?: ListenerOptions): void;
-    function removeListener(component: Component, type: string, listener: Function): void;
-    function addSubtreeListener(component: Component, type: string, listener: Function, options?: ListenerOptions): void;
-    function removeSubtreeListener(component: Component, type: string, listener: Function): void;
+    function addListener(component: Component, type: string, listener: Listener, options?: ListenerOptions): void;
+    function removeListener(component: Component, type: string, listener: Listener): void;
+    function addSubtreeListener(component: Component, type: string, listener: Listener, options?: ListenerOptions): void;
+    function removeSubtreeListener(component: Component, type: string, listener: Listener): void;
     function reindexComponent(oldId: string, newId: string): void;
-    function addViewportListener(component: Component, type: string, listener: Function): void;
-    function removeViewportListener(component: Component, type: string, listener: Function): void;
+    function addViewportListener(component: Component, type: string, listener: Listener): void;
+    function removeViewportListener(component: Component, type: string, listener: Listener): void;
 }

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

@@ -9,11 +9,11 @@ export type { SmoothScrollTarget, ScrollAxis } from '../core/SmoothScroller.js';
 export { Util } from '../core/Util.js';
 export type { TextMeasureOptions, TextMetrics } from '../core/Util.js';
 export { DOM, ProductionDOMSink, ProductionDOMSource, PatchBuilder } from '../core/DOM.js';
-export type { DOMSink, DOMSource, DOMSeams, Rect, ScrollMetrics, OffsetSize, MediaState, Handle, ElementPatch, MediaQueryResult } from '../core/DOM.js';
+export type { DOMSink, DOMSource, DOMSeams, 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';
-export type { Comparator, Style, ComponentOptions, ComponentStyleRuleSpec, ConstrainedComponent, PerimeterSize } from '../core/Component.js';
+export type { Comparator, Style, ComponentOptions, ComponentStyleRuleSpec, ComponentFactory, ConstrainedComponent, PerimeterSize } from '../core/Component.js';
 export { Container } from '../core/Container.js';
 export type { ContainerOptions } from '../core/Container.js';
 export { Panel } from '../core/Panel.js';

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

@@ -55,6 +55,8 @@ declare class Accordion extends LayoutManager {
     private _dragOpenIndices;
     private _dragGutterUpperPos;
     private _toggleAnimations;
+    private _shrinkAnimations;
+    private _wrapperAnimations;
     private _boundOnGutterDragEnd;
     constructor(options?: AccordionOptions);
     protected applyOptions(options: AccordionOptions): void;

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

@@ -17,6 +17,7 @@ declare class Border extends LayoutManager {
     private _collapsible;
     private _gutters;
     private _collapseAnimation;
+    private readonly _pendingCollapseTransitions;
     private _collapsing;
     constructor(options?: BorderOptions);
     protected applyOptions(options: BorderOptions): void;

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

@@ -1,7 +1,11 @@
 import { Component } from "../core/Component.js";
 export declare const COLLAPSE_STRIP_SIZE = 18;
+export interface CollapseTransition {
+    cancel(): void;
+    settle(): void;
+}
 export interface CollapseParticipant {
     component: Component;
     relayout: boolean;
 }
-export declare function runCollapse(container: Component, toggled: Component, participants: CollapseParticipant[], previous: (() => void) | null, onIdle?: () => void): () => void;
+export declare function runCollapse(container: Component, toggled: Component, participants: CollapseParticipant[], previous: (() => void) | null, pending: CollapseTransition[], onIdle?: () => void): () => void;

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

@@ -13,6 +13,7 @@ export declare class LayoutConstraints {
     ignoreParentInsets?: boolean;
     data?: any;
     closeable?: boolean;
+    lazy?: boolean;
     transient?: boolean;
     weight?: number;
     collapsible?: boolean;

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

@@ -3,6 +3,7 @@ import { AnchorType } from "../layout/AnchorType.js";
 import { LayoutConstraints } from "../layout/LayoutConstraints";
 import { Size } from "../primitive/Size.js";
 import { Component } from "../core/Component.js";
+import type { ComponentFactory } from "../core/Component.js";
 import { BaseObject } from "../core/BaseObject.js";
 export interface LayoutManagerOptions {
 }
@@ -15,6 +16,7 @@ export declare abstract class LayoutManager extends BaseObject {
     private _overflowing;
     constructor();
     protected applyOptions(_options: LayoutManagerOptions): void;
+    addDeferredComponent(_factory: ComponentFactory, _constraints?: LayoutConstraints): boolean;
     attach(container: Component): this;
     detach(): this;
     getContainer(): Component | null;

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

@@ -30,6 +30,7 @@ declare class Split extends LayoutManager {
     private _dragOriginRhsSize;
     private _lastAvailableMain;
     private _collapseAnimation;
+    private readonly _pendingCollapseTransitions;
     constructor(options?: SplitOptions);
     protected applyOptions(options: SplitOptions): void;
     on(event: "paneresize", listener: PaneResizeCallback): this;

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

@@ -2,10 +2,11 @@ import { LayoutManager, LayoutManagerOptions } from "../layout/LayoutManager.js"
 import { LayoutConstraints } from "../layout/LayoutConstraints.js";
 import { Size } from "../primitive/Size.js";
 import { Component } from "../core/Component.js";
+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" | "activate" | "dock";
+export type TabEvent = "tabclose" | "empty" | "detach" | "activate" | "dock" | "exception";
 export type TabDetachWindowMode = "bare" | "strip";
 export type TabWidthMode = "fill" | "content" | "equal" | "fixed";
 export type TabSide = "north" | "south" | "west" | "east";
@@ -14,6 +15,7 @@ export interface TabOptions extends LayoutManagerOptions {
     listeners?: {
         tabclose?: (component: Component) => void;
         empty?: () => void;
+        exception?: (error: unknown, label: string) => void;
     };
     widthMode?: TabWidthMode;
     maxWidth?: number | null;
@@ -37,6 +39,7 @@ declare class Tab extends LayoutManager {
     private _selectedTabIndex;
     private _pendingActiveContent;
     private _lastFadedTabIndex;
+    private _tabFadeAnimation;
     private _listeners;
     private _barIgnoreParentInsets;
     private _detachWindowMode;
@@ -102,9 +105,11 @@ declare class Tab extends LayoutManager {
     private composeSize;
     createTab(component: Component): void;
     private wireComponentAria;
-    addLazyTab(factory: () => Component, name: string, constraints?: LayoutConstraints): void;
-    private createSpinnerWrap;
+    addDeferredComponent(factory: ComponentFactory, constraints?: LayoutConstraints): boolean;
+    addLazyTab(factory: ComponentFactory, name: string, constraints?: LayoutConstraints): void;
+    private syncUntabbedChildren;
     private materializeAsync;
+    private failEntry;
     protected computeTotalMinSize(): Size;
     doLayout(): void;
     getActiveTabIndex(): number;
@@ -127,12 +132,14 @@ declare class Tab extends LayoutManager {
     on(event: "detach", listener: (window: AbstractWindow) => void): this;
     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;
     off(event: TabEvent, listener: Function): this;
     protected emit(event: "tabclose", component: Component): void;
     protected emit(event: "empty"): void;
     protected emit(event: "detach", window: AbstractWindow): void;
     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;
 }
 declare const TabCallable: import("../core/Callable.js").Callable<typeof Tab>;
 type TabCallable = Tab;

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

@@ -1,6 +1,7 @@
 import { Component } from "../core/Component.js";
 import type { Handle } from "../core/DOM.js";
 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 { Size } from "../primitive/Size.js";
@@ -68,6 +69,11 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     private _rail;
     private _windowListeners;
     private _stateAnimHandle;
+    private _showAnimation;
+    private _materializeAnimation;
+    private _closeAnimation;
+    private _railCollapseAnimation;
+    private _railExpandAnimation;
     private _viewportResizeBound;
     private _snapEnabled;
     private _snapKeysAttached;
@@ -113,6 +119,7 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     isLayerRoot(): boolean;
     onZIndexChanged(zIndex: number): void;
     onExitAction(): void;
+    protected destructor(): void;
     getWindowState(): WindowState;
     static getOpenWindows(): AbstractWindow[];
     getRect(): WindowRect;
@@ -157,8 +164,8 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     private viewportPositionBounds;
     private clampDragDelta;
     clampPositionToViewport(): this;
-    onDrag(e: MouseEvent): void;
-    onMouseUp(): void;
+    onDrag(e: MouseEvent): Event.ListenerResult;
+    onMouseUp(): Event.ListenerResult;
     doLayout(): this;
     render(): Handle;
     private currentRect;

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

@@ -73,6 +73,11 @@ declare class Dialog extends Component implements DismissableLayer {
     private _previousFocus;
     private _boundKeyHandler;
     private _boundResizeHandler;
+    private _panelInAnimation;
+    private _backdropInAnimation;
+    private _panelOutAnimation;
+    private _backdropOutAnimation;
+    private _finalizing;
     constructor(config: DialogConfig);
     private computeHeaderVariant;
     private applyHeaderVariant;
@@ -92,6 +97,7 @@ declare class Dialog extends Component implements DismissableLayer {
     private primaryResult;
     private onViewportResize;
     hide(result: DialogResult): this;
+    protected destructor(): void;
     getContentComponent(): Component;
     protected clampsToContentSize(): boolean;
     getTitleBar(): DialogTitleBar;

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

@@ -1,5 +1,6 @@
 import { Container, ContainerOptions } from "../core/Container.js";
 import { Component } from "../core/Component.js";
+import type { ComponentFactory } from "../core/Component.js";
 import { AbstractWindow } from "../overlay/AbstractWindow.js";
 import { LayoutState } from "../layout/LayoutSerialization.js";
 import type { AxisOrientation } from "../primitive/Axis.js";
@@ -9,7 +10,7 @@ export interface DockPanelSpec {
     glyph?: string;
     tooltip?: string;
     closeable?: boolean;
-    content: Component | (() => Component);
+    content: Component | ComponentFactory;
 }
 export type DockLayoutSpec = DockPanelSpec | {
     split: AxisOrientation;
@@ -27,9 +28,10 @@ export interface DockOptions extends ContainerOptions {
         focus?: (event: DockPanelEvent | null) => void;
         close?: (event: DockPanelEvent) => void;
         emptychange?: (event: DockEmptyEvent) => void;
+        exception?: (event: DockExceptionEvent) => void;
     };
 }
-export type DockEvent = "attach" | "detach" | "move" | "focus" | "close" | "emptychange";
+export type DockEvent = "attach" | "detach" | "move" | "focus" | "close" | "emptychange" | "exception";
 export interface DockPanelEvent {
     id: string;
     content: Component;
@@ -38,6 +40,10 @@ export interface DockPanelEvent {
 export interface DockEmptyEvent {
     empty: boolean;
 }
+export interface DockExceptionEvent {
+    id: string;
+    error: unknown;
+}
 declare class Dock extends Container<DockOptions> {
     private _panels;
     private _frames;
@@ -103,6 +109,7 @@ declare class Dock extends Container<DockOptions> {
     private isTab;
     private regionKind;
     private onPanelClosed;
+    private failPanel;
     private onPanelFocused;
     private onPanelDetached;
     private onFloatActivated;
@@ -122,12 +129,15 @@ declare class Dock extends Container<DockOptions> {
     on(event: "attach" | "detach" | "move" | "close", listener: (event: DockPanelEvent) => void): this;
     on(event: "focus", listener: (event: DockPanelEvent | null) => void): this;
     on(event: "emptychange", listener: (event: DockEmptyEvent) => void): this;
+    on(event: "exception", listener: (event: DockExceptionEvent) => void): this;
     off(event: "attach" | "detach" | "move" | "close", listener: (event: DockPanelEvent) => void): this;
     off(event: "focus", listener: (event: DockPanelEvent | null) => void): this;
     off(event: "emptychange", listener: (event: DockEmptyEvent) => void): this;
+    off(event: "exception", listener: (event: DockExceptionEvent) => void): this;
     protected emit(event: "attach" | "detach" | "move" | "close", payload: DockPanelEvent): void;
     protected emit(event: "focus", payload: DockPanelEvent | null): void;
     protected emit(event: "emptychange", payload: DockEmptyEvent): void;
+    protected emit(event: "exception", payload: DockExceptionEvent): void;
 }
 declare const DockCallable: import("../core/Callable.js").Callable<typeof Dock>;
 type DockCallable = Dock;

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

@@ -19,6 +19,10 @@ export interface DrawerOptions extends ComponentOptions {
     };
 }
 declare class Drawer extends Component<DrawerOptions> implements DismissableLayer {
+    private _panelInAnimation;
+    private _panelOutAnimation;
+    private _backdropInAnimation;
+    private _backdropOutAnimation;
     private _open;
     private _closing;
     private _backdrop;
@@ -59,6 +63,7 @@ declare class Drawer extends Component<DrawerOptions> implements DismissableLaye
     requestClose(): void;
     isLayerRoot(): boolean;
     onZIndexChanged(zIndex: number): void;
+    protected destructor(): void;
 }
 declare const DrawerCallable: import("../core/Callable.js").Callable<typeof Drawer>;
 type DrawerCallable = Drawer;

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

@@ -7,6 +7,8 @@ declare class Menu extends Component implements DismissableLayer {
     private readonly _itemsProvider;
     private readonly _onClose;
     private _menuItems;
+    private _fadeShowAnimation;
+    private _fadeHideAnimation;
     private _focusedIndex;
     private _openSubmenuPanel;
     private _openSubmenuItem;
@@ -29,6 +31,7 @@ declare class Menu extends Component implements DismissableLayer {
     private clearItemHighlights;
     private fadeIn;
     private fadeOutAndDetach;
+    protected destructor(): void;
     focusItem(index: number): this;
     focusNext(): this;
     focusPrev(): this;
@@ -36,7 +39,6 @@ declare class Menu extends Component implements DismissableLayer {
     getFocusedIndex(): number;
     setExcludedElement(el: Handle | null): this;
     getExcludedElement(): Handle | null;
-    dispose(): void;
     private applyPersistentChrome;
     private applyRebuildChrome;
     private enableVerticalScroll;

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

@@ -7,6 +7,8 @@ export interface NotificationRecord {
 }
 export declare const BADGE_GLYPH: Record<NotificationType, string>;
 export declare class Notification extends Component {
+    private _showAnimation;
+    private _dismissAnimation;
     private static readonly WIDTH;
     private static readonly HEIGHT;
     private static readonly MARGIN;
@@ -55,4 +57,5 @@ export declare class Notification extends Component {
     private finishDismiss;
     private static restack;
     doLayout(): this;
+    protected destructor(): void;
 }

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

@@ -20,6 +20,8 @@ declare class Popover extends Container<PopoverOptions> implements DismissableLa
     private _titleComponent;
     private _bodyComponent;
     private _actionsRow;
+    private _fadeShowAnimation;
+    private _fadeHideAnimation;
     private _anchorElement;
     private _arrowComponent;
     private _isOpen;
@@ -52,7 +54,7 @@ declare class Popover extends Container<PopoverOptions> implements DismissableLa
     getAnchorElement(): Handle | null;
     getBand(): number;
     doLayout(): this;
-    dispose(): void;
+    protected destructor(): void;
     private _reposition;
     private resolvePlacement;
     private ensureArrow;

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

@@ -21,6 +21,9 @@ export interface RailOptions extends ComponentOptions {
     };
 }
 declare class Rail extends Component<RailOptions> {
+    private _collapseAnimation;
+    private _slideOutAnimation;
+    private _slideInAnimation;
     private _listeners;
     private _drawers;
     private _windows;
@@ -61,12 +64,16 @@ declare class Rail extends Component<RailOptions> {
     private applyHandleOrientation;
     protected clampsToContentSize(): boolean;
     private isVertical;
+    handleMainAxisOffset(window: AbstractWindow): number;
+    handleMainAxisExtent(window: AbstractWindow): number;
+    private handleSpacing;
     private restingRect;
     private applyRestingGeometry;
     private applyEdgeBorder;
     on(event: RailEvent, listener: (target: Drawer | AbstractWindow) => void): this;
     off(event: RailEvent, listener: (target: Drawer | AbstractWindow) => void): this;
     protected emit(event: RailEvent, target: Drawer | AbstractWindow): void;
+    protected destructor(): void;
 }
 declare const RailCallable: import("../core/Callable.js").Callable<typeof Rail>;
 type RailCallable = Rail;

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

@@ -6,6 +6,8 @@ export interface TooltipColors {
     border?: string;
 }
 export declare class Tooltip extends Component {
+    private _showAnimation;
+    private _hideAnimation;
     private static instance;
     private static showTimer;
     private static attachments;
@@ -37,4 +39,5 @@ export declare class Tooltip extends Component {
     static detachElement(element: Handle): void;
     private _perLineHeight;
     doLayout(): this;
+    protected destructor(): void;
 }

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

@@ -22,7 +22,7 @@ export type { RailOptions, RailEdge, RailOrientation, RailEvent, RailDrawerRegis
 export { RailHandle } from '../overlay/RailHandle.js';
 export type { RailHandleOptions } from '../overlay/RailHandle.js';
 export { Dock } from '../overlay/Dock.js';
-export type { DockOptions, DockPanelSpec, DockLayoutSpec, DockEvent, DockPanelEvent, DockEmptyEvent } from '../overlay/Dock.js';
+export type { DockOptions, DockPanelSpec, DockLayoutSpec, DockEvent, DockPanelEvent, DockEmptyEvent, DockExceptionEvent } from '../overlay/Dock.js';
 export { DragManager } from '../overlay/DragManager.js';
 export type { DragData, DragEventDetail, DragSourceOptions, DropTargetOptions, TabDragData } from '../overlay/DragManager.js';
 export { DragGhost } from '../overlay/DragGhost.js';

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

@@ -0,0 +1,18 @@
+export type SegmentKind = "static" | "param" | "catchAll";
+export interface RouteSegment {
+    kind: SegmentKind;
+    value: string;
+}
+export interface CompiledPattern {
+    pattern: string;
+    key: string;
+    segments: RouteSegment[];
+}
+export declare function normalizePath(input: string): string;
+export declare function splitPath(path: string): string[];
+export declare function compilePattern(pattern: string): CompiledPattern;
+export declare function matchPattern(compiled: CompiledPattern, segments: string[]): Record<string, string> | null;
+export declare function selectPattern<T extends CompiledPattern>(compiled: readonly T[], path: string): {
+    compiled: T;
+    params: Record<string, string>;
+} | null;

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

@@ -0,0 +1,36 @@
+export type RouteParams = Record<string, string>;
+export type RouteHandler = (params: RouteParams, path: string) => void;
+export type RouterEvent = "navigate" | "nomatch";
+export interface RouteMatch {
+    pattern: string;
+    params: RouteParams;
+    path: string;
+}
+export interface RouterOptions {
+    routes?: Record<string, RouteHandler>;
+    listeners?: Partial<{
+        navigate: (match: RouteMatch) => void;
+        nomatch: (path: string) => void;
+    }>;
+}
+export declare class Router {
+    private _routes;
+    private _listeners;
+    private _started;
+    private readonly _onHashChange;
+    constructor(options?: RouterOptions);
+    register(pattern: string, handler: RouteHandler): this;
+    start(): this;
+    stop(): this;
+    navigate(path: string, options?: {
+        replace?: boolean;
+    }): this;
+    getPath(): string;
+    on(event: "navigate", listener: (match: RouteMatch) => void): this;
+    on(event: "nomatch", listener: (path: string) => void): this;
+    off(event: RouterEvent, listener: Function): this;
+    protected emit(event: RouterEvent, payload: unknown): void;
+    private applyCurrentRoute;
+    protected applyOptions(options: RouterOptions): void;
+    private handleHashChange;
+}

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

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

package/dist/lib/validation.es.js

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