@jimka/typescript-ui 0.5.0 → 0.7.0

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

@@ -14,6 +14,9 @@ declare class HeaderCell extends DefaultCell {
     private _headerGlyphInstance;
     private _columnFocused;
     private _required;
+    private _activeStyleRule?;
+    private get activeStyleRule();
+    protected getRestingExclusionSuffixes(): readonly string[];
     constructor(text: String, fieldName: string, headerGlyph?: string | null);
     protected init(element?: Handle): this;
     setFieldName(name: string): this;
@@ -46,6 +49,7 @@ declare class HeaderCell extends DefaultCell {
     setTooltip(text: string): this;
     getTooltip(): string;
     private onSortClick;
+    private onContextMenu;
     private onResizeDragStart;
     private onResizeDrag;
     private onResizeDragStop;

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

@@ -11,7 +11,7 @@ interface ResizeHandleOptions extends ComponentOptions {
 declare const RESIZE_HANDLE_CURSOR = "var(--ts-ui-table-resize-handle-cursor, ew-resize)";
 declare class ResizeHandle extends Component<ResizeHandleOptions> {
     private _listeners;
-    constructor(options?: ResizeHandleOptions);
+    constructor(options?: ResizeHandleOptions, subclassDefaults?: Partial<ComponentOptions>);
     protected init(element?: Handle): this;
     on(event: "dragstart", listener: (e: MouseEvent) => void): this;
     on(event: "dragmove", listener: (clientX: number) => void): this;

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

@@ -19,4 +19,5 @@ export declare abstract class CellEditor<T> extends Component {
     setCommitRequestHandler(handler: () => void): void;
     protected requestCommit(): void;
     getContentX(): number;
+    getDisplayText(): string;
 }

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

@@ -1,8 +1,9 @@
-import { Component } from "../../../../core/Component.js";
+import { Component, ComponentOptions } from "../../../../core/Component.js";
 export declare abstract class CellRenderer<T> extends Component {
-    constructor();
+    constructor(subclassDefaults?: Partial<ComponentOptions>);
     abstract getValue(): T;
     abstract setValue(t: T): void;
     getContentX(): number;
+    getDisplayText(): string;
     doLayout(): this;
 }

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

@@ -5,10 +5,12 @@ declare class ComboRenderer extends CellRenderer<String | null> {
     private _text;
     private _map;
     private _value;
+    private _display;
     constructor(optionList: Array<ComboOption | string>);
     getText(): Text;
     getValue(): String | null;
     setValue(value: String | null): this;
+    getDisplayText(): string;
     setOptions(optionList: Array<ComboOption | string>): this;
 }
 declare const ComboRendererCallable: import("../../../../core/Callable.js").Callable<typeof ComboRenderer>;

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

@@ -2,9 +2,11 @@ import { CellRenderer } from "../../../../component/table/cell/renderer/CellRend
 declare class DateRenderer extends CellRenderer<Date | null> {
     private _text;
     private _value;
+    private _display;
     constructor();
     getValue(): Date | null;
     setValue(value: Date | null): this;
+    getDisplayText(): string;
 }
 declare const DateRendererCallable: import("../../../../core/Callable.js").Callable<typeof DateRenderer>;
 type DateRendererCallable = DateRenderer;

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

@@ -3,9 +3,11 @@ declare class DateTimeRenderer 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 DateTimeRendererCallable: import("../../../../core/Callable.js").Callable<typeof DateTimeRenderer>;
 type DateTimeRendererCallable = DateTimeRenderer;

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

@@ -0,0 +1,16 @@
+import { CellRenderer } from "../../../../component/table/cell/renderer/CellRenderer.js";
+import { TextField } from "../../../../component/input/TextField.js";
+import { MenuButton } from "../../../../component/button/MenuButton.js";
+declare class FilterCellRenderer extends CellRenderer<string | null> {
+    private _input;
+    private _operatorButton;
+    constructor();
+    getInput(): TextField;
+    getOperatorButton(): MenuButton;
+    setMenuOpenPredicate(predicate: (() => boolean) | null): this;
+    getValue(): string | null;
+    setValue(value: string | null): void;
+}
+declare const FilterCellRendererCallable: import("../../../../core/Callable.js").Callable<typeof FilterCellRenderer>;
+type FilterCellRendererCallable = FilterCellRenderer;
+export { FilterCellRenderer as _FilterCellRenderer, FilterCellRendererCallable as FilterCellRenderer };

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

@@ -4,6 +4,7 @@ declare class GlyphRenderer extends CellRenderer<String | null> {
     private _glyph;
     getValue(): String | null;
     setValue(value: String | null): this;
+    getDisplayText(): string;
 }
 declare const GlyphRendererCallable: import("../../../../core/Callable.js").Callable<typeof GlyphRenderer>;
 type GlyphRendererCallable = GlyphRenderer;

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

@@ -6,10 +6,12 @@ export interface LinkCellRendererOptions {
 declare class LinkCellRenderer extends CellRenderer<String | null> {
     private readonly _text;
     private _value;
+    private _display;
     constructor(options?: LinkCellRendererOptions);
     getText(): Text;
     getValue(): String | null;
     setValue(value: String | null): void;
+    getDisplayText(): string;
 }
 declare const LinkCellRendererCallable: import("../../../../core/Callable.js").Callable<typeof LinkCellRenderer>;
 type LinkCellRendererCallable = LinkCellRenderer;

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

@@ -2,9 +2,11 @@ import { CellRenderer } from "../../../../component/table/cell/renderer/CellRend
 declare class NumberRenderer extends CellRenderer<Number | null> {
     private _text;
     private _value;
-    constructor();
+    private _display;
+    constructor(align?: "left" | "right");
     getValue(): Number | null;
     setValue(value: Number | null): this;
+    getDisplayText(): string;
 }
 declare const NumberRendererCallable: import("../../../../core/Callable.js").Callable<typeof NumberRenderer>;
 type NumberRendererCallable = NumberRenderer;

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

@@ -1,12 +1,16 @@
 import { CellRenderer } from "../../../../component/table/cell/renderer/CellRenderer.js";
+import { ComponentOptions } from "../../../../core/Component.js";
 import { Text } from "../../../../component/input/Text.js";
 declare class StringRenderer extends CellRenderer<String | null> {
     private _text;
     private _value;
-    constructor();
+    private _display;
+    constructor(subclassDefaults?: Partial<ComponentOptions>);
+    protected createText(): Text;
     getText(): Text;
     getValue(): String | null;
     setValue(value: String | null): this;
+    getDisplayText(): string;
 }
 declare const StringRendererCallable: import("../../../../core/Callable.js").Callable<typeof StringRenderer>;
 type StringRendererCallable = StringRenderer;

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,12 +7,14 @@ 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';
 export type { TableHeaderEvent, HeaderColumnGeometry } from '../../component/table/Header.js';
 export { Body } from '../../component/table/Body.js';
-export type { BodyEvent, CellClickEvent } from '../../component/table/Body.js';
+export type { BodyEvent, CellClickEvent, BodyViewState } from '../../component/table/Body.js';
 export { TreeBody } from '../../component/table/TreeBody.js';
 export type { FlatRecord, TreeBodySpec } from '../../component/table/TreeBody.js';
 export { FooterRow } from '../../component/table/Footer.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

@@ -5,15 +5,19 @@ 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> {
@@ -25,6 +29,7 @@ declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
     private _selectedNodes;
     private _loadingNodes;
     private _loadedNodes;
+    private _pendingExpansions;
     private _anchorNode;
     private _focusNode;
     private _listeners;
@@ -33,6 +38,8 @@ declare class Tree extends VirtualRowView<TreeRow, 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;
@@ -41,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;
@@ -49,18 +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, TreeRowOverflow } 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/core/AnimatedDropdown.d.ts

@@ -1,5 +1,5 @@
 import { Component, ComponentOptions } from "../core/Component.js";
-import { Animation } from "../core/Animation.js";
+import type { ClassStyleDefaults } from "../core/ClassStyleRules.js";
 import { DismissableLayer, LayerDismissMode } from "../core/LayerManager.js";
 import { type Rect, type Handle } from "../core/DOM.js";
 export interface AnimatedDropdownOptions extends ComponentOptions {
@@ -7,13 +7,8 @@ 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 {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     private _dismissing;
     private _open;
     private _closeHandler;
@@ -45,8 +40,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

@@ -1,5 +1,7 @@
+import { StyleRule } from "../core/StyleTarget.js";
+import { type BorderOptions } from "../primitive/Border.js";
 export declare const COMPONENT_CLASS = "ts-ui-component";
-interface ClassStyleDefaults {
+export interface ClassStyleDefaults {
     visible?: boolean | null;
     displayed?: boolean;
     minSize?: {
@@ -11,7 +13,49 @@ interface ClassStyleDefaults {
         height: number;
     } | null;
     overflow?: string | null;
+    cursor?: string | null;
+    userSelect?: string | null;
+    outline?: string | null;
+    foregroundColor?: string | null;
+    font?: TextClassStyleDefaults | null;
+    backgroundColor?: string | null;
+    backgroundImage?: string | null;
+    shadow?: string | null;
+    borderRadius?: string | null;
+    border?: BorderOptions | string | null;
+}
+interface TextClassStyleDefaults {
+    fontFamily?: string | null;
+    fontKerning?: string | null;
+    fontSize?: string | null;
+    fontSizeAdjust?: string | null;
+    fontStretch?: string | null;
+    fontStyle?: string | null;
+    fontVariant?: string | null;
+    fontWeight?: string | null;
+    textAlign?: string | null;
+    textShadow?: string | null;
+    lineHeight?: string | null;
+    textOverflow?: string | null;
+}
+type ClassStyleBag = Readonly<Record<string, string | null>>;
+export declare function registerStyleChainRoot(ctor: Function): void;
+export declare function resolveDeclarations(defaults: ClassStyleDefaults): Record<string, string | null>;
+export declare function ensureClassStyleRule(rawCtor: Function, defaults: ClassStyleDefaults): ClassStyleBag | null;
+export declare function getStyleClassChain(rawCtor: Function): readonly string[];
+export declare function ensureClassStateRule(ctor: Function, suffix: string, declarations: Record<string, string | null>, extractorMethodName?: string): ClassStyleBag | null;
+export declare function styleGroupClassSuffix(group: string): string;
+export declare function ensureStyleGroupRule(ctor: Function, group: string, declarations: Record<string, string | null>): ClassStyleBag | null;
+export declare function writeClassStateDeclaration(rule: StyleRule, bag: ClassStyleBag | null, key: string, value: string | null): void;
+export declare function writeManyClassStateDeclarations(rule: StyleRule, bag: ClassStyleBag | null, values: Record<string, string | null>): void;
+export declare class StateStyleRule {
+    private readonly _rule;
+    private readonly _bag;
+    private readonly _hasElement;
+    constructor(ctor: Function, suffix: string, rule: StyleRule, resolveDefaults: () => Record<string, string | null>, hasElement: () => boolean, extractorMethodName?: string);
+    get classBag(): ClassStyleBag | null;
+    set(key: string, value: string | null): void;
+    setMany(values: Record<string, string | null>): void;
+    private _materialise;
 }
-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

@@ -9,6 +9,7 @@ import { Position } from "../primitive/Position.js";
 import { Aria } from "../core/Aria.js";
 import { Event } from "../core/Event.js";
 import { StyleRule } from "../core/StyleTarget.js";
+import { type ClassStyleDefaults, StateStyleRule } from "../core/ClassStyleRules.js";
 export interface Comparator<V, U> {
     (a: V, b: U): number;
 }
@@ -47,6 +48,7 @@ export interface ComponentOptions {
     shadow?: string;
     outline?: string;
     cursor?: string;
+    userSelect?: string;
     preferredSize?: Size;
     minSize?: Size;
     maxSize?: Size;
@@ -65,6 +67,7 @@ export interface ComponentOptions {
     attributes?: Record<string, string>;
     components?: Array<Component | ComponentFactory | ConstrainedComponent>;
     styleRules?: ComponentStyleRuleSpec[];
+    styleGroup?: string | null;
 }
 declare class Component<TOptions extends ComponentOptions = ComponentOptions> extends BaseObject {
     private _components;
@@ -80,6 +83,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private _top;
     private _width;
     private _height;
+    private _layoutDirty;
     private _translateX;
     private _translateY;
     private _scrollLeft;
@@ -113,11 +117,11 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private _layoutPaused;
     private _aria;
     private _whiteSpace;
-    private _userSelect;
     private _verticalAlign;
     private _styleRule;
     private _inlineStyle;
     private _inheritedStyleBag;
+    private _styleGroupBag;
     private _clipFrame;
     private _clipFrameStyle;
     private _contentFrame;
@@ -141,6 +145,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     protected getCSSRule(): CSSStyleRule;
     private ensureCSSRule;
     protected createStyleRule(selectorSuffix: string): StyleRule;
+    protected createStateStyleRule(selectorSuffix: string, resolveDefaults: () => Record<string, string | null>, extractorMethodName?: string): StateStyleRule;
     getElement(createIfMissing?: boolean): Handle | undefined;
     protected getScrollElement(): Handle | undefined;
     removeElement(): this;
@@ -172,6 +177,8 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     setId(id: string): this;
     getName(): string | null;
     setName(name: string | null): this;
+    getStyleGroup(): string | null;
+    setStyleGroup(group: string | null): this;
     getDataAttribute(key: string): string | undefined;
     setDataAttribute(key: string, value: string): this;
     delDataAttribute(key: string): this;
@@ -268,6 +275,10 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     setVerticalAlign(align: string): this;
     clearVerticalAlign(): this;
     setSize(size: Size): this;
+    setBounds(x: number, y: number, width: number, height: number): boolean;
+    applyBounds(x: number, y: number, width: number, height: number): this;
+    protected canSkipUnchangedLayout(): boolean;
+    private writeBounds;
     getWidth(): number;
     setWidth(width: number): this;
     protected clampsToContentSize(): boolean;
@@ -342,7 +353,20 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     clearUserSelect(): this;
     focus(preventScroll?: boolean): this;
     unfocus(): this;
-    private writeRuleDeclaration;
+    protected matchesClassStyle(key: string, value: string | null): boolean;
+    protected getRestingExclusionSuffixes(): readonly string[];
+    private get restingIsolationSuffix();
+    private _chromeIsolationEnabled?;
+    protected isChromeIsolationEnabled(): boolean;
+    protected setChromeIsolationEnabled(enabled: boolean): void;
+    protected isRestingChromeIsolated(): boolean;
+    protected _restingStyleRule?: StyleRule;
+    protected get restingStyleRule(): StyleRule;
+    protected materialiseRestingRule(): void;
+    protected writeRuleDeclaration(key: string, value: string | null): void;
+    protected reconcileRuleDeclaration(key: string, value: string | null): void;
+    protected setReconciledCSSRules(values: Style): this;
+    protected getClassStyleDefaults(): ClassStyleDefaults;
     applyStyle(element: Handle): this;
     private applyBoxAndVisibilityStyles;
     private replayGeometryStyles;
@@ -350,6 +374,8 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private applyOverflowStyles;
     private applyChromeStyles;
     private applyMiscInlineStyles;
+    protected applySubclassStyles(): void;
+    private materialiseWhenNeeded;
     protected materialiseStyleRule(): void;
     private materialiseDeferredRules;
     sync(): void;
@@ -378,6 +404,8 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     doLayout(): this;
     onFirstLayout(callback: () => void): this;
     private runFirstLayoutCallbacks;
+    invalidateLayout(): this;
+    isLayoutDirty(): boolean;
     scheduleLayout(): this;
     notifyIntrinsicSizeChanged(): this;
     static afterNextLayout(callback: () => void): void;

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

@@ -1,4 +1,4 @@
-import type { TextMeasureOptions, TextMetrics } from "../core/Util.js";
+import type { TextMeasureOptions, TextMeasureRequest, TextMetrics } from "../core/Util.js";
 import type { Size } from "../primitive/Size.js";
 import type { Component } from "../core/Component.js";
 export interface Rect {
@@ -83,6 +83,7 @@ export interface DOMSink {
     replaceLocationHash(hash: string): void;
     pushHistoryPath(url: string): void;
     replaceHistoryPath(url: string): void;
+    writeClipboardText(text: 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;
@@ -118,6 +119,7 @@ export interface DOMSource {
     getElementRect(handle: Handle): Rect;
     measureText(text: string, options?: TextMeasureOptions): TextMetrics;
     measureTextWidths(texts: string[], options?: TextMeasureOptions): number[];
+    measureTexts(requests: TextMeasureRequest[]): TextMetrics[];
     resolveFontSizePx(fontSizeCSS: string): number;
     measureFontMetrics(): {
         ascent: number;
@@ -136,11 +138,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 +185,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;
@@ -214,6 +224,7 @@ export declare class ProductionDOMSink implements DOMSink {
     replaceLocationHash(hash: string): void;
     pushHistoryPath(url: string): void;
     replaceHistoryPath(url: string): void;
+    writeClipboardText(text: 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;
@@ -249,6 +260,7 @@ export declare class ProductionDOMSource implements DOMSource {
     getElementRect(handle: Handle): Rect;
     measureText(text: string, options?: TextMeasureOptions): TextMetrics;
     measureTextWidths(texts: string[], options?: TextMeasureOptions): number[];
+    measureTexts(requests: TextMeasureRequest[]): TextMetrics[];
     resolveFontSizePx(fontSizeCSS: string): number;
     measureFontMetrics(): {
         ascent: number;
@@ -267,11 +279,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/LayerManager.d.ts

@@ -23,6 +23,7 @@ export declare namespace LayerManager {
     function unregister(layer: DismissableLayer): void;
     function containsAcrossLayers(layer: DismissableLayer, node: Handle | null): boolean;
     function getTopLayer(): DismissableLayer | null;
+    function isTopmostInputLayer(layer: DismissableLayer): boolean;
     function bringToFront(layer: DismissableLayer): void;
     function getZIndex(layer: DismissableLayer): number;
 }