@jimka/typescript-ui 0.1.1 → 0.3.0

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

@@ -1,5 +1,4 @@
 import { Component } from "../core/Component.js";
-import type { Handle } from "../core/DOM.js";
 export type AriaRole = 'grid' | 'treegrid' | 'rowgroup' | 'row' | 'gridcell' | 'columnheader' | 'tablist' | 'tab' | 'tabpanel' | 'tree' | 'treeitem' | 'group' | 'button' | 'link' | 'region' | 'combobox' | 'listbox' | 'option' | 'menubar' | 'menuitem' | 'menu' | 'toolbar' | 'separator' | 'spinbutton' | 'progressbar' | 'status' | 'alert' | 'dialog' | 'checkbox' | 'radio' | 'slider' | 'switch';
 export type AriaSort = 'none' | 'ascending' | 'descending';
 export type AriaLive = 'off' | 'polite' | 'assertive';
@@ -70,6 +69,5 @@ export declare class Aria {
     clearLabel(): this;
     setOrientation(value: AriaOrientation): this;
     getOrientation(): AriaOrientation | null;
-    applyToElement(element: Handle): void;
     private setAttribute;
 }

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

@@ -7,5 +7,6 @@ export declare class Body extends Component {
     getElement(): import("../core/DOM.js").Handle;
     protected init(): this;
     private _onViewportResize;
+    private _onThemeReflow;
     protected clampsToContentSize(): boolean;
 }

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

@@ -0,0 +1,17 @@
+export declare const COMPONENT_CLASS = "ts-ui-component";
+interface ClassStyleDefaults {
+    visible?: boolean | null;
+    displayed?: boolean;
+    minSize?: {
+        width: number;
+        height: number;
+    } | null;
+    maxSize?: {
+        width: number;
+        height: number;
+    } | null;
+    overflow?: string | null;
+}
+type ClassStyleBag = Readonly<Record<string, string>>;
+export declare function ensureClassStyleRule(ctor: Function, defaults: ClassStyleDefaults): ClassStyleBag | null;
+export {};

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 {
@@ -72,7 +74,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private readonly _ownedSelectors;
     private readonly _themeCleanups;
     private _tag;
-    private _attributes;
+    private _elementAttributes;
     private _boxSizing;
     private _left;
     private _top;
@@ -105,6 +107,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private _borderWidths;
     private _borderThemeSubscribed;
     private _autoCommitStyle;
+    private _autoCommitAttributes;
     private _layoutPaused;
     private _aria;
     private _whiteSpace;
@@ -112,6 +115,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private _verticalAlign;
     private _styleRule;
     private _inlineStyle;
+    private _inheritedStyleBag;
     private _clipFrame;
     private _clipFrameStyle;
     private _contentFrame;
@@ -119,12 +123,14 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private _deferredStyleRules;
     private _parent;
     protected _options: TOptions;
-    protected _defaultOptions: TOptions;
+    protected _defaultOptions: Readonly<TOptions>;
+    private _defaultLayoutManager;
     constructor(options?: TOptions, subclassDefaults?: Partial<TOptions>);
     protected applyOptions(options: TOptions): this;
     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;
@@ -154,6 +160,9 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     getAutoCommitStyle(): boolean;
     setAutoCommitStyle(value: boolean): this;
     protected commitElementStyle(): this;
+    getAutoCommitAttributes(): boolean;
+    setAutoCommitAttributes(value: boolean): this;
+    protected commitElementAttributes(): this;
     protected setElementCSSRules(values: Style): this;
     protected setElementCSSRule(key: string, value: Object | null): this;
     protected commitCSSRule(): this;
@@ -231,14 +240,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;
@@ -321,6 +331,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     clearUserSelect(): this;
     focus(preventScroll?: boolean): this;
     unfocus(): this;
+    private writeRuleDeclaration;
     applyStyle(element: Handle): this;
     private applyBoxAndVisibilityStyles;
     private replayGeometryStyles;
@@ -328,13 +339,14 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private applyOverflowStyles;
     private applyChromeStyles;
     private applyMiscInlineStyles;
+    protected materialiseStyleRule(): void;
     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,11 +371,12 @@ 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 reattachElementBuffers(): this;
     protected createRootElement(): Handle;
     protected render(): Handle;
 }

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

@@ -0,0 +1 @@
+export declare function resolveClassDefaults<TOptions>(ctor: Function, subclassDefaults: Partial<TOptions> | undefined): Readonly<TOptions>;

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[];
@@ -62,7 +63,7 @@ export interface DOMSink {
     apply(handle: Handle, patch: ElementPatch): void;
     edit(handle: Handle): PatchBuilder;
     release(handle: Handle): void;
-    setRuleStyle(rule: CSSStyleRule, key: string, value: string | null): void;
+    setRuleStyles(rule: CSSStyleRule, styles: Record<string, string | null>): void;
     ensureStyleRule(selector: string): CSSStyleRule;
     deleteStyleRule(selector: string): void;
     ensureKeyframes(name: string, body: string): void;
@@ -80,12 +81,17 @@ export interface DOMSink {
     setSelectionRange(handle: Handle, start: number, end: number): void;
     setLocationHash(hash: string): void;
     replaceLocationHash(hash: string): void;
+    pushHistoryPath(url: string): void;
+    replaceHistoryPath(url: 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;
@@ -133,6 +139,7 @@ export interface DOMSource {
     isWindow(target: Handle | null): boolean;
     getWindow(): Handle;
     getLocationHash(): string;
+    getLocationPathname(): string;
     contains(ancestor: Handle, node: Handle | null): boolean;
     querySelector(root: Handle, selector: string): Handle | null;
     querySelectorAll(root: Handle, selector: string): Handle[];
@@ -177,13 +184,17 @@ export interface MediaQueryResult {
     addChangeListener(handler: (event: MediaQueryListEvent) => void): void;
 }
 export declare class ProductionDOMSink implements DOMSink {
+    private readonly _timers;
+    private _ruleIndex;
+    private _indexedSheet;
     apply(handle: Handle, patch: ElementPatch): void;
     edit(handle: Handle): PatchBuilder;
     release(handle: Handle): void;
-    setRuleStyle(rule: CSSStyleRule, key: string, value: string | null): void;
+    setRuleStyles(rule: CSSStyleRule, styles: Record<string, string | null>): void;
     ensureStyleRule(selector: string): CSSStyleRule;
     deleteStyleRule(selector: string): void;
     ensureKeyframes(name: string, body: string): void;
+    private ruleIndex;
     private mainSheet;
     createElement(tag: string): Handle;
     createElementNS(ns: string, tag: string): Handle;
@@ -199,12 +210,17 @@ export declare class ProductionDOMSink implements DOMSink {
     setSelectionRange(handle: Handle, start: number, end: number): void;
     setLocationHash(hash: string): void;
     replaceLocationHash(hash: string): void;
+    pushHistoryPath(url: string): void;
+    replaceHistoryPath(url: 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;
@@ -252,6 +268,7 @@ export declare class ProductionDOMSource implements DOMSource {
     isWindow(target: Handle | null): boolean;
     getWindow(): Handle;
     getLocationHash(): string;
+    getLocationPathname(): 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/ElementAttributes.d.ts

@@ -0,0 +1,15 @@
+import type { Handle } from "../core/DOM.js";
+declare class ElementAttributes {
+    private _handle;
+    private _state;
+    private _pending;
+    set(key: string, value: string): void;
+    remove(key: string): void;
+    queue(key: string, value: string): void;
+    queueRemove(key: string): void;
+    get(key: string): string | undefined;
+    flush(): void;
+    attach(handle: Handle): void;
+    isMaterialized(): boolean;
+}
+export { ElementAttributes };

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/PendingTransitions.d.ts

@@ -0,0 +1,4 @@
+import type { Handle } from "../core/DOM.js";
+export declare function registerTransition(handle: Handle, cancel: () => void): void;
+export declare function unregisterTransition(handle: Handle, cancel: () => void): void;
+export declare function cancelTransitions(handle: Handle): void;

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

@@ -8,6 +8,7 @@ declare abstract class StyleTarget<T> {
     queueMany(values: Record<string, string | null>): void;
     flush(): void;
     isMaterialized(): boolean;
+    hasQueuedWrites(): boolean;
     protected materialize(target: T): void;
     protected abstract writeStyle(key: string, value: string | null): void;
     protected abstract flushDirty(dirty: Record<string, string | null>): void;

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

@@ -28,6 +28,8 @@ export declare namespace Util {
         bottom: number;
     }): number;
     function opticalCenterOffset(): number;
+    function textMetricsGeneration(): number;
+    function boundFontSizePx(cssVar: string, cssRule: string | null): number | null;
     function invalidateTextMetricsCache(): void;
     function generateUUID(): string;
     function isInteger(value: Object): boolean;

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';
@@ -34,6 +34,7 @@ export { ThemeManager, BaseTheme, ClassicTheme, DarkTheme, ModernTheme, defineTh
 export type { Theme, DeepPartial, ScaleToken, ResolvedScale, FontSizeToken } from '../core/Theme.js';
 export { StyleTarget, StyleRule, InlineStyle } from '../core/StyleTarget.js';
 export type { StyleRuleScope, StyleRuleSpec } from '../core/StyleTarget.js';
+export { ElementAttributes } from '../core/ElementAttributes.js';
 export { Binding } from '../core/Binding.js';
 export type { BeforeRecordListener, BindingEvent } from '../core/Binding.js';
 export type { Bindable, BindingAccessors } from '../core/Bindable.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;
@@ -31,6 +32,7 @@ declare class Border extends LayoutManager {
     setRegionCollapsible(placement: Placement, value: boolean): this;
     private ensureGutter;
     private regionExtent;
+    private flooredMainExtent;
     private applyRegionClip;
     private updateRegionGutter;
     private innerEdgeTrack;

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" | "select" | "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,12 @@ 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 announcePendingActivation;
+    private failEntry;
     protected computeTotalMinSize(): Size;
     doLayout(): void;
     getActiveTabIndex(): number;
@@ -125,14 +131,18 @@ declare class Tab extends LayoutManager {
     on(event: "tabclose", listener: (component: Component) => void): this;
     on(event: "empty", listener: () => void): this;
     on(event: "detach", listener: (window: AbstractWindow) => void): this;
+    on(event: "select", listener: (index: number, label: string) => 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: "select", index: number, label: string): 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/layout/Table.d.ts

@@ -8,6 +8,7 @@ declare class Table extends LayoutManager {
     doLayout(): void;
     private initializeWidths;
     private rescaleWidths;
+    private absorbSlackIntoGreedy;
     private clamp;
 }
 declare const TableCallable: import("../core/Callable.js").Callable<typeof Table>;

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;
@@ -84,6 +90,7 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     private readonly _boundOnSnapBlur;
     private readonly _boundOnBorderResize;
     private readonly _boundOnBringToFront;
+    private readonly _boundOnThemeReflow;
     constructor(options?: WindowOptions);
     protected initChrome(options?: WindowOptions): void;
     protected applyOptions(options: WindowOptions): this;
@@ -113,6 +120,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 +165,8 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     private viewportPositionBounds;
     private clampDragDelta;
     clampPositionToViewport(): this;
-    onDrag(e: MouseEvent): void;
-    onMouseUp(e?: Event): 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;