@jimka/typescript-ui 0.4.1 → 0.6.0

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

@@ -3,9 +3,11 @@ declare class TimeRenderer extends CellRenderer<Date | null> {
     private _text;
     private _value;
     private _showSeconds;
+    private _display;
     constructor(showSeconds?: boolean);
     getValue(): Date | null;
     setValue(value: Date | null): this;
+    getDisplayText(): string;
 }
 declare const TimeRendererCallable: import("../../../../core/Callable.js").Callable<typeof TimeRenderer>;
 type TimeRendererCallable = TimeRenderer;

package/dist/lib/types/component/table/cell/renderer/TreeCell.d.ts

@@ -17,6 +17,7 @@ declare class TreeCellRenderer<T> extends CellRenderer<T> {
     getContentX(): number;
     getValue(): T;
     setValue(value: T): this;
+    getDisplayText(): string;
     setTreeState(depth: number, hasChildren: boolean, expanded: boolean): this;
     setInsets(insets: Insets): this;
     private refreshToggle;

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

@@ -7,6 +7,8 @@ export { TreeTablePanel } from '../../component/table/TreeTablePanel.js';
 export type { TreeTableSpec } from '../../component/table/TreeTableSpec.js';
 export { Column } from '../../component/table/Column.js';
 export type { CellType, ColumnConfig, ColumnSpec, ComboOption } from '../../component/table/ColumnConfig.js';
+export { columnFilterOperators, columnFilterOperatorLabel, columnFilterOperatorGlyph, columnFilterTakesOperand, isClauseEffective, effectiveClauseCount, buildColumnFilter, columnFilterStatesEqual, } from '../../component/table/ColumnFilter.js';
+export type { ColumnFilterOperator, ColumnFilterClause, ColumnFilterState, ColumnFilterTarget } from '../../component/table/ColumnFilter.js';
 export { TableExporter } from '../../component/table/TableExporter.js';
 export type { ExportOptions } from '../../component/table/TableExporter.js';
 export { TableHeader } from '../../component/table/Header.js';
@@ -23,6 +25,9 @@ export { DefaultCell } from '../../component/table/cell/Default.js';
 export { HeaderCell } from '../../component/table/cell/Header.js';
 export type { HeaderCellEvent } from '../../component/table/cell/Header.js';
 export { ParentHeaderCell } from '../../component/table/cell/ParentHeader.js';
+export { GroupSeparatorCell } from '../../component/table/cell/GroupSeparator.js';
+export { FilterCell } from '../../component/table/cell/Filter.js';
+export type { FilterCellEvent } from '../../component/table/cell/Filter.js';
 export { BooleanCell } from '../../component/table/cell/Boolean.js';
 export { NumberCell } from '../../component/table/cell/Number.js';
 export { StringCell } from '../../component/table/cell/String.js';
@@ -45,6 +50,7 @@ export { ComboEditor } from '../../component/table/cell/editor/Combo.js';
 export { CellEditorPool } from '../../component/table/cell/editor/CellEditorPool.js';
 export type { CellEditorFactory } from '../../component/table/cell/editor/CellEditorPool.js';
 export { CellRenderer } from '../../component/table/cell/renderer/CellRenderer.js';
+export { FilterCellRenderer } from '../../component/table/cell/renderer/Filter.js';
 export { NumberRenderer } from '../../component/table/cell/renderer/Number.js';
 export { StringRenderer } from '../../component/table/cell/renderer/String.js';
 export { DateRenderer } from '../../component/table/cell/renderer/Date.js';

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

@@ -1,16 +1,23 @@
 import { ComponentOptions } from "../../core/Component.js";
 import type { Handle } from "../../core/DOM.js";
+import type { Size } from "../../primitive/Size.js";
 import { VirtualRowView } from "../../component/shared/VirtualRowView.js";
 import { TreeNode } from "../../component/tree/TreeNode.js";
 import { TreeRow } from "../../component/tree/TreeRow.js";
 import { TreeNodeRenderer } from "../../component/tree/TreeNodeRenderer.js";
-export type TreeEvent = "selection" | "loaderror" | "contextmenu" | "dblclick";
+export type TreeEvent = "selection" | "loaderror" | "contextmenu" | "dblclick" | "expand" | "collapse";
+export type TreeRowOverflow = "scroll" | "clip";
+export type TreeExpandTrigger = "dblclick" | "click";
 export interface TreeOptions extends ComponentOptions {
+    rowOverflow?: TreeRowOverflow;
+    expandTrigger?: TreeExpandTrigger;
     listeners?: {
         selection?: (nodes: TreeNode[]) => void;
         loaderror?: (node: TreeNode, error: unknown) => void;
         contextmenu?: (node: TreeNode, event: MouseEvent) => void;
         dblclick?: (node: TreeNode) => void;
+        expand?: (node: TreeNode) => void;
+        collapse?: (node: TreeNode) => void;
     };
 }
 declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
@@ -22,11 +29,18 @@ declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
     private _selectedNodes;
     private _loadingNodes;
     private _loadedNodes;
+    private _pendingExpansions;
     private _anchorNode;
     private _focusNode;
     private _listeners;
     private _rendererFactory;
-    constructor(options?: TreeOptions);
+    constructor(options?: TreeOptions, subclassDefaults?: Partial<TreeOptions>);
+    protected applyOptions(options: TreeOptions): this;
+    getRowOverflow(): TreeRowOverflow;
+    setRowOverflow(rowOverflow: TreeRowOverflow): this;
+    getExpandTrigger(): TreeExpandTrigger;
+    setExpandTrigger(expandTrigger: TreeExpandTrigger): this;
+    getPreferredSize(): Size | null;
     setNodes(nodes: TreeNode[]): this;
     expandAll(): this;
     protected getRowHeight(): number;
@@ -34,6 +48,7 @@ declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
     getNodes(): TreeNode[];
     getSelectedNode(): TreeNode | null;
     getSelectedNodes(): TreeNode[];
+    getExpandedNodes(): TreeNode[];
     selectNode(node: TreeNode): this;
     revealByPredicate(predicate: (data: unknown, node: TreeNode) => boolean): Promise<TreeNode | null>;
     private _findPath;
@@ -42,17 +57,26 @@ declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
     on(event: "loaderror", listener: (node: TreeNode, error: unknown) => void): this;
     on(event: "contextmenu", listener: (node: TreeNode, event: MouseEvent) => void): this;
     on(event: "dblclick", listener: (node: TreeNode) => void): this;
+    on(event: "expand", listener: (node: TreeNode) => void): this;
+    on(event: "collapse", listener: (node: TreeNode) => void): this;
     off(event: TreeEvent, listener: Function): this;
     protected emit(event: "selection", nodes: TreeNode[]): void;
     protected emit(event: "loaderror", node: TreeNode, error: unknown): void;
     protected emit(event: "contextmenu", node: TreeNode, event_: MouseEvent): void;
     protected emit(event: "dblclick", node: TreeNode): void;
+    protected emit(event: "expand", node: TreeNode): void;
+    protected emit(event: "collapse", node: TreeNode): void;
     setRendererFactory(factory: () => TreeNodeRenderer): this;
     getRendererFactory(): () => TreeNodeRenderer;
     private _isExpandable;
     private _flatten;
     private _reflattenAndRender;
+    expandNode(node: TreeNode): this;
+    expandNodeAsync(node: TreeNode): Promise<boolean>;
     private _onToggle;
+    private _expand;
+    private _collapse;
+    private _expandLazy;
     private _loadAndExpand;
     private _notifySelectionChange;
     private _rangeSelect;

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

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

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

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

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

@@ -1,5 +1,4 @@
 import { Component, ComponentOptions } from "../core/Component.js";
-import { Animation } from "../core/Animation.js";
 import { DismissableLayer, LayerDismissMode } from "../core/LayerManager.js";
 import { type Rect, type Handle } from "../core/DOM.js";
 export interface AnimatedDropdownOptions extends ComponentOptions {
@@ -7,12 +6,6 @@ export interface AnimatedDropdownOptions extends ComponentOptions {
     durationMs?: number;
     translatePx?: number;
 }
-export interface FadeOptions {
-    durationMs?: number;
-    translatePx?: number;
-    animated?: boolean;
-    onComplete?: () => void;
-}
 declare class AnimatedDropdown<TOptions extends AnimatedDropdownOptions = AnimatedDropdownOptions> extends Component<TOptions> implements DismissableLayer {
     private _dismissing;
     private _open;
@@ -45,8 +38,6 @@ declare class AnimatedDropdown<TOptions extends AnimatedDropdownOptions = Animat
     setCloseHandler(handler: (() => void) | null): this;
     setAnchorElement(el: Handle | null): this;
 }
-export declare function fadeShow(component: Component, options?: FadeOptions): Animation.CancelHandle;
-export declare function fadeHideAndDetach(component: Component, options?: FadeOptions): Animation.CancelHandle;
 declare const AnimatedDropdownCallable: import("../core/Callable.js").Callable<typeof AnimatedDropdown>;
 type AnimatedDropdownCallable<TOptions extends AnimatedDropdownOptions = AnimatedDropdownOptions> = AnimatedDropdown<TOptions>;
 export { AnimatedDropdown as _AnimatedDropdown, AnimatedDropdownCallable as AnimatedDropdown };

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

@@ -1,6 +1,7 @@
 import { Component, ComponentOptions } from "../core/Component.js";
 export interface BodyOptions extends ComponentOptions {
     favicon?: string | false;
+    nativeContextMenu?: boolean;
 }
 export declare class Body extends Component<BodyOptions> {
     private static readonly INSTANCE;
@@ -9,10 +10,13 @@ export declare class Body extends Component<BodyOptions> {
     protected applyOptions(options: BodyOptions): this;
     setFavicon(favicon: string | false): this;
     getFavicon(): string | false;
+    setNativeContextMenu(allowed: boolean): this;
+    getNativeContextMenu(): boolean;
     private constructor();
     getElement(): import("../core/DOM.js").Handle;
     protected init(): this;
     private _onViewportResize;
+    private onContextMenu;
     private _onThemeReflow;
     protected clampsToContentSize(): boolean;
 }

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

@@ -11,6 +11,7 @@ interface ClassStyleDefaults {
         height: number;
     } | null;
     overflow?: string | null;
+    cursor?: string | null;
 }
 type ClassStyleBag = Readonly<Record<string, string>>;
 export declare function ensureClassStyleRule(ctor: Function, defaults: ClassStyleDefaults): ClassStyleBag | null;

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

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

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

@@ -136,11 +136,13 @@ export interface DOMSource {
     isConnected(handle: Handle): boolean;
     getValue(handle: Handle): string;
     getActiveElement(): Handle | null;
+    getDocumentSelection(): DocumentSelectionRange | null;
     matchMedia(query: string): MediaQueryResult;
     isWindow(target: Handle | null): boolean;
     getWindow(): Handle;
     getLocationHash(): string;
     getLocationPathname(): string;
+    getLocationSearch(): string;
     contains(ancestor: Handle, node: Handle | null): boolean;
     querySelector(root: Handle, selector: string): Handle | null;
     querySelectorAll(root: Handle, selector: string): Handle[];
@@ -181,6 +183,12 @@ export interface DOMSource {
     hasPointerCapture(handle: Handle, pointerId: number): boolean;
     elementsFromPoint(x: number, y: number): Handle[];
 }
+export interface DocumentSelectionRange {
+    startContainer: Handle;
+    startOffset: number | null;
+    endContainer: Handle;
+    endOffset: number | null;
+}
 export interface MediaQueryResult {
     matches: boolean;
     addChangeListener(handler: (event: MediaQueryListEvent) => void): void;
@@ -267,11 +275,13 @@ export declare class ProductionDOMSource implements DOMSource {
     isConnected(handle: Handle): boolean;
     getValue(handle: Handle): string;
     getActiveElement(): Handle | null;
+    getDocumentSelection(): DocumentSelectionRange | null;
     matchMedia(query: string): MediaQueryResult;
     isWindow(target: Handle | null): boolean;
     getWindow(): Handle;
     getLocationHash(): string;
     getLocationPathname(): string;
+    getLocationSearch(): 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

@@ -2,6 +2,12 @@ import { Component } from "../core/Component.js";
 export declare namespace Event {
     interface ListenerOptions {
         passive?: boolean;
+        button?: "primary" | "aux" | "any";
+        stop?: boolean;
+        prevent?: boolean;
+    }
+    interface ListenerRegistration extends ListenerOptions {
+        handler: Listener;
     }
     interface EventDisposition {
         stop?: boolean;
@@ -9,12 +15,15 @@ export declare namespace Event {
     }
     type ListenerResult = boolean | EventDisposition | void;
     type Listener = (event: any) => ListenerResult;
+    function isPrimaryButton(e: MouseEvent | PointerEvent | TouchEvent): boolean;
     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: Listener, options?: ListenerOptions): void;
+    function addListener(component: Component, type: string, listener: Listener): void;
+    function addListener(component: Component, type: string, registration: ListenerRegistration): void;
     function removeListener(component: Component, type: string, listener: Listener): void;
-    function addSubtreeListener(component: Component, type: string, listener: Listener, options?: ListenerOptions): void;
+    function addSubtreeListener(component: Component, type: string, listener: Listener): void;
+    function addSubtreeListener(component: Component, type: string, registration: ListenerRegistration): void;
     function removeSubtreeListener(component: Component, type: string, listener: Listener): void;
     function reindexComponent(oldId: string, newId: string): void;
     function purgeComponent(componentId: string): void;

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

@@ -209,6 +209,9 @@ export interface Theme {
             border: string;
             editorBorderColor: string;
         };
+        filterRow: {
+            background: string;
+        };
         resizeHandle: {
             width: string;
             color: string;
@@ -219,6 +222,11 @@ export interface Theme {
             color: string;
             fontSize?: FontSizeToken;
         };
+        filterClauseBadge: {
+            background: string;
+            color: string;
+            fontSize?: FontSizeToken;
+        };
     };
     contextMenu: {
         background: string;
@@ -317,12 +325,10 @@ export interface Theme {
         };
     };
     drawer: {
-        background: string;
         shadow: string;
         border: string;
     };
     rail: {
-        background: string;
         border: string;
         shadow: string;
         handle: {
@@ -450,6 +456,10 @@ export interface Theme {
     scroll: {
         shadowColor: string;
     };
+    markdown: {
+        lineHeight: string;
+        maxMeasure: string;
+    };
     chart: {
         series: string[];
         axis: string;

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

@@ -9,7 +9,7 @@ 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, 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/LayoutManager.d.ts

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

package/dist/lib/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;