@jimka/typescript-ui 0.7.0 → 0.8.0

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

@@ -5,6 +5,7 @@ import { AbstractStore } from "../../data/AbstractStore.js";
 import { Column } from "../../component/table/Column.js";
 import type { ColumnConfig } from "../../component/table/ColumnConfig.js";
 import { Button } from "../../component/button/Button.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 export type TableHeaderEvent = "columnresizestart" | "columnresize" | "columncontextmenu";
 export interface HeaderColumnGeometry {
     columnWidths: number[];
@@ -14,6 +15,7 @@ export interface HeaderColumnGeometry {
     filterRowHeight: number;
 }
 declare class TableHeader extends Component {
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private _model;
     private _store;
     private _hiddenColumns;
@@ -25,7 +27,9 @@ declare class TableHeader extends Component {
     private _windowFirst;
     private _scrollX;
     private _focusedCol;
+    private _boundOnStoreSortChange;
     private _columnsDirty;
+    private _lastEnteredCells;
     private _geometry;
     private _filterRowVisible;
     private _filterStates;
@@ -66,11 +70,13 @@ declare class TableHeader extends Component {
     private rebuildCells;
     private computeVisibleFields;
     private reconcileColumnCells;
+    private reconcileColumnWindowSlide;
     private rebuildParentCells;
     private wireCell;
     private columnIndexOf;
     private handleSortClick;
     private syncSortIndicators;
+    private onStoreSortChange;
     private filterState;
     private onFilterCellChange;
     private filterTarget;
@@ -78,6 +84,7 @@ declare class TableHeader extends Component {
     private onStoreFilterChange;
     private wireFilterCell;
     private reconcileFilterCells;
+    private reconcileFilterWindowSlide;
     renderColumnWindow(geometry?: HeaderColumnGeometry): this;
     private invalidateCellLayouts;
     private positionFilterCells;

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

@@ -5,6 +5,7 @@ import { ModelRecord } from "../../data/ModelRecord.js";
 import { Cell } from "../../component/table/cell/Cell.js";
 import type { ColumnConfig } from "../../component/table/ColumnConfig.js";
 import { LayoutConstraints } from "../../layout/LayoutConstraints.js";
+import type { StyleStateSpec } from "../../core/ClassStyleRules.js";
 export interface ColumnWindowSlidePlan {
     prevFirstCol: number;
     prevLastCol: number;
@@ -16,6 +17,7 @@ export interface RetargetedCell {
     fieldName: string;
 }
 declare class Row extends Component {
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     private _model?;
     private _data?;
     private _onCellCommit?;

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

@@ -8,12 +8,14 @@ import { ModelRecord } from "../../data/ModelRecord.js";
 import { Column } from "../../component/table/Column.js";
 import { ColumnSpec } from "../../component/table/ColumnConfig.js";
 import { Component, ComponentOptions } from "../../core/Component.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 import { ExportOptions } from "../../component/table/TableExporter.js";
 export type TableEvent = "selection" | "cellclick";
 export type TableDisplayMode = "normal" | "rotated";
 export interface TableOptions extends ComponentOptions {
 }
 declare class Table extends Component<TableOptions> {
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private _store;
     private _spec;
     private _resolvedColumns;
@@ -31,6 +33,7 @@ declare class Table extends Component<TableOptions> {
     private _dragLastClientX;
     private _columnWidthTarget;
     private _savedColumnWidths;
+    private _pinnedColumnWidths;
     private _columnConfigs;
     private _exportMenuEnabled;
     private _filterRowVisible;
@@ -48,7 +51,6 @@ declare class Table extends Component<TableOptions> {
     private _sourceRefresh;
     private _sourceUpdate;
     private _suppressSelectionForward;
-    private _autoWidthsSampled;
     private _widthRefs;
     private _sampledCandidates;
     private _cellText;
@@ -129,6 +131,7 @@ declare class Table extends Component<TableOptions> {
     isAutoSizeColumns(): boolean;
     getColumnMinWidth(column: Column): number;
     getIntrinsicColumnWidths(): Array<number | null>;
+    private pinnedWidth;
     private clampColumnWidth;
     private flexColumnWidth;
     private measureHeaders;

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

@@ -12,7 +12,12 @@ declare class TablePanel extends Container {
     private _rejectBtn;
     private _spinner;
     private _paginationBar;
+    private readonly _store;
+    private readonly _handleLoadingChange;
+    private readonly _refreshSyncButtonsBound;
     constructor(store: AbstractStore, spec?: ColumnSpec);
+    private handleStoreLoadingChange;
+    protected destructor(): void;
     private refreshSyncButtons;
     getTable(): Table;
     getToolbar(): Component;

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

@@ -12,7 +12,12 @@ declare class TreeTablePanel extends Container {
     private _rejectBtn;
     private _spinner;
     private _paginationBar;
+    private readonly _store;
+    private readonly _handleLoadingChange;
+    private readonly _refreshSyncButtonsBound;
     constructor(store: AbstractStore, spec: TreeTableSpec);
+    private handleStoreLoadingChange;
+    protected destructor(): void;
     private addRowUnderSelection;
     private refreshSyncButtons;
     getTreeTable(): TreeTable;

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

@@ -1,5 +1,5 @@
 import { Component, ComponentOptions } from "../../../core/Component.js";
-import type { ClassStyleDefaults } from "../../../core/ClassStyleRules.js";
+import type { StyleBag, StyleStateSpec } from "../../../core/ClassStyleRules.js";
 import { ListenerBag } from "../../../core/ListenerBag.js";
 import { Card } from "../../../layout/Card.js";
 import { CellRenderer } from "../../../component/table/cell/renderer/CellRenderer.js";
@@ -9,7 +9,8 @@ import { CellEditorPool } from "../../../component/table/cell/editor/CellEditorP
 import { LayoutConstraints } from "../../../layout/LayoutConstraints.js";
 export type CellEvent = "commit" | "editend";
 export declare class Cell<T> extends Component {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     private _readOnly;
     private _requiredEmpty;
     private _rangeSelected;

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

@@ -1,12 +1,15 @@
 import { DefaultCell } from "../../../component/table/cell/Default.js";
 import { CellEvent } from "../../../component/table/cell/Cell.js";
 import type { Handle } from "../../../core/DOM.js";
+import { type StyleStateSpec } from "../../../core/ClassStyleRules.js";
 export type HeaderCellEvent = CellEvent | "sortclick" | "contextmenu" | "resizestart" | "resizedrag";
 declare class HeaderCell extends DefaultCell {
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     private _text;
     private _fieldName;
     private _isDragging;
     private _tooltipText;
+    private _tooltipTeardownWired;
     private _resizeHandle;
     private _priorityBadge;
     private _sortState;
@@ -14,9 +17,6 @@ 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;
@@ -47,6 +47,7 @@ declare class HeaderCell extends DefaultCell {
     protected emit(event: "resizestart", clientX: number): void;
     protected emit(event: "resizedrag", clientX: number): void;
     setTooltip(text: string): this;
+    private attachTooltip;
     getTooltip(): string;
     private onSortClick;
     private onContextMenu;

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

@@ -1,9 +1,12 @@
 import { DefaultCell } from "../../../component/table/cell/Default.js";
 import type { Handle } from "../../../core/DOM.js";
+import { type StyleBag } from "../../../core/ClassStyleRules.js";
 declare class ParentHeaderCell extends DefaultCell {
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private _text;
     private _color;
     private _tooltipText;
+    private _tooltipTeardownWired;
     constructor(text: string, color: string | null);
     on(event: "contextmenu", listener: (x: number, y: number) => void): this;
     on(event: "commit", listener: (value: String | null) => void): this;
@@ -13,6 +16,7 @@ declare class ParentHeaderCell extends DefaultCell {
     protected emit(event: "commit", value: String | null): void;
     protected emit(event: "editend"): void;
     setTooltip(text: string): this;
+    private attachTooltip;
     getTooltip(): string;
     getText(): string;
     getColor(): string | null;

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

@@ -1,10 +1,12 @@
 import { Component } from "../../core/Component.js";
 import type { Handle } from "../../core/DOM.js";
+import type { StyleStateSpec } from "../../core/ClassStyleRules.js";
 import { Glyph } from "../../component/display/Glyph.js";
 import { TreeNode } from "../../component/tree/TreeNode.js";
 import { TreeNodeRenderer } from "../../component/tree/TreeNodeRenderer.js";
 export declare const TOGGLE_WIDTH = 20;
 declare class TreeRow extends Component {
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     private _toggle;
     private _spinner;
     private _renderer;

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

@@ -1,5 +1,5 @@
 import { Component, ComponentOptions } from "../core/Component.js";
-import type { ClassStyleDefaults } from "../core/ClassStyleRules.js";
+import type { StyleBag } 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 {
@@ -8,7 +8,7 @@ export interface AnimatedDropdownOptions extends ComponentOptions {
     translatePx?: number;
 }
 declare class AnimatedDropdown<TOptions extends AnimatedDropdownOptions = AnimatedDropdownOptions> extends Component<TOptions> implements DismissableLayer {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private _dismissing;
     private _open;
     private _closeHandler;

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

@@ -27,6 +27,7 @@ export declare class Binding extends BaseObject {
     protected emit(event: "change", fieldName: string, value: unknown): void;
     protected emit(event: "commit"): void;
     protected emit(event: "reject"): void;
+    dispose(): void;
     addValidation(fieldName: string, component: Component, rules: ValidationRule | ValidationRule[]): this;
     removeValidation(fieldName: string): this;
     validate(): boolean;

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

@@ -1,7 +1,8 @@
-import { StyleRule } from "../core/StyleTarget.js";
+import { Position } from "../primitive/Position.js";
 import { type BorderOptions } from "../primitive/Border.js";
+import { Insets } from "../primitive/Insets.js";
 export declare const COMPONENT_CLASS = "ts-ui-component";
-export interface ClassStyleDefaults {
+export interface StyleBag {
     visible?: boolean | null;
     displayed?: boolean;
     minSize?: {
@@ -13,18 +14,28 @@ export interface ClassStyleDefaults {
         height: number;
     } | null;
     overflow?: string | null;
+    overflowX?: string | null;
+    overflowY?: string | null;
     cursor?: string | null;
     userSelect?: string | null;
     outline?: string | null;
     foregroundColor?: string | null;
-    font?: TextClassStyleDefaults | null;
+    font?: TextStyleBag | null;
+    background?: string | null;
     backgroundColor?: string | null;
     backgroundImage?: string | null;
     shadow?: string | null;
     borderRadius?: string | null;
+    borderColor?: string | null;
     border?: BorderOptions | string | null;
+    marginLeft?: string | null;
+    boxSizing?: string | null;
+    position?: Position;
+    whiteSpace?: string | null;
+    margin?: string | null;
+    padding?: Insets | null;
 }
-interface TextClassStyleDefaults {
+export interface TextStyleBag {
     fontFamily?: string | null;
     fontKerning?: string | null;
     fontSize?: string | null;
@@ -38,24 +49,35 @@ interface TextClassStyleDefaults {
     lineHeight?: string | null;
     textOverflow?: string | null;
 }
-type ClassStyleBag = Readonly<Record<string, string | null>>;
+export type ResolvedStyleBag = 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 resolveDeclarations(defaults: StyleBag): Record<string, string | null>;
+export declare function resolvePartialDeclarations(bag: StyleBag): Record<string, string | null>;
+export interface StyleLayer {
+    readonly authored: StyleBag;
+    readonly resolved: ResolvedStyleBag;
+}
+export interface StyleStateSpec {
+    readonly selector: string;
+    readonly extract: (defaults: StyleBag) => StyleBag;
+}
+export interface ResolvedStyleState {
+    readonly selector: string;
+    readonly guardedSuffix: string;
+    readonly layer: StyleLayer;
+}
+export declare function resolveStyleStates(rawCtor: Function): readonly ResolvedStyleState[];
+export declare function restingGuardSuffix(ctor: Function): string;
+export declare function ensureClassStyleRule(rawCtor: Function, defaults: StyleBag): StyleLayer | 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;
+export declare function ensureClassStateRule(ctor: Function, suffix: string, declarations: Record<string, string | null>): ResolvedStyleBag | null;
+export interface StyleTrait {
+    readonly name: string;
+    readonly declarations: StyleBag;
 }
-export {};
+export declare const TRAIT_CLASS_PREFIX = "ts-ui-trait-";
+export declare function traitClassName(trait: StyleTrait): string;
+export declare function resolveStyleTraits(rawCtor: Function): readonly StyleTrait[];
+export declare function resolveTraitStyleDefaults(rawCtor: Function): StyleBag;
+export declare function ensureTraitStyleRule(trait: StyleTrait): StyleLayer | null;
+export declare function traitTopStateConflictKeys(ctor: Function, trait: StyleTrait): readonly string[];

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

@@ -9,7 +9,8 @@ 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";
+import { ListenerBag } from "../core/ListenerBag.js";
+import { type StyleBag, type StyleLayer, type StyleStateSpec, type StyleTrait, type TextStyleBag } from "../core/ClassStyleRules.js";
 export interface Comparator<V, U> {
     (a: V, b: U): number;
 }
@@ -67,18 +68,19 @@ export interface ComponentOptions {
     attributes?: Record<string, string>;
     components?: Array<Component | ComponentFactory | ConstrainedComponent>;
     styleRules?: ComponentStyleRuleSpec[];
-    styleGroup?: string | null;
+    styleTrait?: StyleTrait | null;
 }
 declare class Component<TOptions extends ComponentOptions = ComponentOptions> extends BaseObject {
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     private _components;
     private _firstLayoutCallbacks;
     private _element;
     private readonly _ownedHandles;
     private readonly _ownedSelectors;
     private readonly _themeCleanups;
+    private readonly _destroyCleanups;
     private _tag;
     private _elementAttributes;
-    private _boxSizing;
     private _left;
     private _top;
     private _width;
@@ -90,19 +92,16 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private _scrollTop;
     private _willChange;
     private _transition;
-    private _position;
     private _onPreferredSizeChange;
     private _onConstraintSizeChange;
-    private _overflowX;
-    private _overflowY;
     private _wheelScroller;
     private _contain;
     private _animation;
     private _lastEffectiveVisible;
     private _pendingRematerialize;
     private _refocusOnRematerialize;
+    private _destroyed;
     private _animationPlayState;
-    private _outline;
     private _appearance;
     private _borderImage;
     private _transform;
@@ -116,12 +115,20 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private _autoCommitAttributes;
     private _layoutPaused;
     private _aria;
-    private _whiteSpace;
     private _verticalAlign;
     private _styleRule;
     private _inlineStyle;
-    private _inheritedStyleBag;
-    private _styleGroupBag;
+    private _classLayer;
+    private _instanceTraitLayer;
+    private _classTraitLayers;
+    private _instanceTraitToken;
+    private _instanceStyle;
+    private _resolvedCache;
+    private _pendingStyleKeys;
+    private _instanceStateStyle;
+    private _pendingStateKeys;
+    private _activeStates;
+    private _valueStyleTokens;
     private _clipFrame;
     private _clipFrameStyle;
     private _contentFrame;
@@ -136,6 +143,8 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     protected applyChromeOptions(options: TOptions): void;
     protected applyListeners(listeners: Record<string, ((...args: any[]) => void) | undefined> | undefined): void;
     protected subscribeTheme(listener: () => void): void;
+    onDestroy(cleanup: () => void): void;
+    protected registerListenerBag<T extends string>(bag: ListenerBag<T>): ListenerBag<T>;
     dispose(): void;
     protected destructor(): void;
     protected trackHandle(handle: Handle): Handle;
@@ -145,7 +154,6 @@ 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;
@@ -177,8 +185,9 @@ 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;
+    getStyleTrait(): StyleTrait | null;
+    setStyleTrait(trait: StyleTrait | null): this;
+    private ensureTraitLayer;
     getDataAttribute(key: string): string | undefined;
     setDataAttribute(key: string, value: string): this;
     delDataAttribute(key: string): this;
@@ -192,7 +201,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     isEffectivelyVisible(): boolean;
     protected onEffectiveVisibilityChange(effective: boolean): void;
     propagateEffectiveVisibility(effective: boolean): void;
-    private scheduleEffectiveVisibilityReconcile;
+    protected scheduleEffectiveVisibilityReconcile(): void;
     getInsets(): Insets;
     setInsets(insets: Insets): this;
     clearInsets(): this;
@@ -219,6 +228,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     getBorder(): BorderOptions | null;
     clearBorder(): this;
     setBorder(options: BorderOptions | string): this;
+    protected cacheBorderSpec(options: BorderOptions | string): void;
     getCursor(): string | null;
     setCursor(cursor: string): this;
     clearCursor(): this;
@@ -259,6 +269,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     setMinSize(size: Size): this;
     getMaxSize(): Size | null;
     setMaxSize(size: Size): this;
+    protected notifyConstraintSizeChange(): void;
     getInnerSize(): Size | null;
     getContentBounds(): {
         x: number;
@@ -353,26 +364,42 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     clearUserSelect(): this;
     focus(preventScroll?: boolean): this;
     unfocus(): this;
-    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 styleLayers(): ReadonlyArray<StyleLayer>;
+    protected instanceLayer(): StyleLayer;
+    protected instanceStateLayer(selector: string): StyleLayer | null;
+    protected classStateLayer(selector: string): StyleLayer | null;
+    protected layersBelowInstance(): ReadonlyArray<StyleLayer>;
+    protected matchesLowerTier(key: string, value: string | null): boolean;
+    protected writeStyle(patch: StyleBag): void;
+    protected cacheStyleValue<K extends keyof StyleBag>(key: K, value: StyleBag[K]): void;
+    protected resolveStyleValue<K extends keyof StyleBag>(key: K): NonNullable<StyleBag[K]> | null;
+    protected resolveOverflowAxis(axisKey: "overflowX" | "overflowY"): string | null;
+    protected resolveFontValue<K extends keyof TextStyleBag>(key: K): NonNullable<TextStyleBag[K]> | null;
+    protected writeStateStyle(selector: string, patch: StyleBag): void;
+    protected pinStateStyle(selector: string, patch: StyleBag): void;
+    protected resolveStateStyleValue<K extends keyof StyleBag>(selector: string, key: K): NonNullable<StyleBag[K]> | null;
+    protected flushStyleBag(): void;
+    protected onStyleResolved(keys: ReadonlySet<string>): void;
+    protected flushStateStyleBag(): void;
+    protected ensureSharedStateRule(selectorSuffix: string, declarations: Record<string, string | null>): void;
+    private _isolationSuppressed?;
+    protected isIsolationSuppressed(): boolean;
+    protected suppressIsolation(suppressed: boolean): void;
     protected isRestingChromeIsolated(): boolean;
+    protected restingIsolationKeys(): ReadonlySet<string>;
     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;
+    setStyleState(name: string, active: boolean): this;
+    isStyleState(name: string): boolean;
+    protected writeGuardedCSSRule(key: string, value: string | null): void;
+    protected setValueStyleState(prefix: string, cssValue: string, patch: StyleBag): void;
+    private valueClassGuardSuffix;
+    protected getValueStyleToken(prefix: string): string | null;
+    protected clearValueStyleState(prefix: string): void;
+    protected getClassStyleDefaults(): StyleBag;
     applyStyle(element: Handle): this;
-    private applyBoxAndVisibilityStyles;
     private replayGeometryStyles;
-    private applySizeConstraintStyles;
-    private applyOverflowStyles;
-    private applyChromeStyles;
     private applyMiscInlineStyles;
     protected applySubclassStyles(): void;
     private materialiseWhenNeeded;

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

@@ -84,6 +84,7 @@ export interface DOMSink {
     pushHistoryPath(url: string): void;
     replaceHistoryPath(url: string): void;
     writeClipboardText(text: string): void;
+    clearDocumentSelection(): 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;
@@ -148,6 +149,8 @@ export interface DOMSource {
     contains(ancestor: Handle, node: Handle | null): boolean;
     querySelector(root: Handle, selector: string): Handle | null;
     querySelectorAll(root: Handle, selector: string): Handle[];
+    countElements(): number;
+    getRuleCssText(rule: CSSStyleRule): string;
     matches(handle: Handle, selector: string): boolean;
     getParentElement(handle: Handle): Handle | null;
     getParentNode(handle: Handle): Handle | null;
@@ -225,6 +228,7 @@ export declare class ProductionDOMSink implements DOMSink {
     pushHistoryPath(url: string): void;
     replaceHistoryPath(url: string): void;
     writeClipboardText(text: string): void;
+    clearDocumentSelection(): 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;
@@ -289,6 +293,8 @@ export declare class ProductionDOMSource implements DOMSource {
     contains(ancestor: Handle, node: Handle | null): boolean;
     querySelector(root: Handle, selector: string): Handle | null;
     querySelectorAll(root: Handle, selector: string): Handle[];
+    countElements(): number;
+    getRuleCssText(rule: CSSStyleRule): string;
     matches(handle: Handle, selector: string): boolean;
     getParentElement(handle: Handle): Handle | null;
     getParentNode(handle: Handle): Handle | null;

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

@@ -0,0 +1,22 @@
+export interface DiagnosticsCounters {
+    componentsConstructed: number;
+    componentsDestroyed: number;
+    bagListenersAdded: number;
+    bagListenersRemoved: number;
+    layoutPasses: number;
+    layoutFlushes: number;
+    layoutFlushTotalMs: number;
+    layoutFlushMaxMs: number;
+}
+export declare namespace Diagnostics {
+    function noteComponentConstructed(): void;
+    function noteComponentDestroyed(): void;
+    function noteBagListenerAdded(): void;
+    function noteBagListenerRemoved(): void;
+    function noteLayoutPass(): void;
+    function noteLayoutFlush(durationMs: number): void;
+    function isTimingEnabled(): boolean;
+    function setTimingEnabled(enabled: boolean): void;
+    function counters(): DiagnosticsCounters;
+    function _reset(): void;
+}

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

@@ -30,4 +30,11 @@ export declare namespace Event {
     function _registeredComponentIds(): readonly string[];
     function addViewportListener(component: Component, type: string, listener: Listener): void;
     function removeViewportListener(component: Component, type: string, listener: Listener): void;
+    interface ListenerCounts {
+        exact: number;
+        subtree: number;
+        viewport: number;
+        total: number;
+    }
+    function listenerCounts(): ListenerCounts;
 }

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

@@ -13,6 +13,7 @@ export interface DismissableLayer {
 export declare namespace LayerManager {
     const Band: {
         readonly Window: number;
+        readonly PinnedWindow: number;
         readonly Popover: number;
         readonly Dropdown: number;
         readonly Dialog: number;
@@ -25,5 +26,6 @@ export declare namespace LayerManager {
     function getTopLayer(): DismissableLayer | null;
     function isTopmostInputLayer(layer: DismissableLayer): boolean;
     function bringToFront(layer: DismissableLayer): void;
+    function setBand(layer: DismissableLayer, band: number): void;
     function getZIndex(layer: DismissableLayer): number;
 }

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

@@ -4,4 +4,5 @@ export declare class ListenerBag<TEvent extends string> {
     remove(event: TEvent, listener: Function): void;
     fire(event: TEvent, ...payload: unknown[]): void;
     get(event: TEvent): Function[];
+    clear(): void;
 }

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

@@ -33,6 +33,18 @@ export type StyleRuleSpec = StyleRuleScope & {
 export declare function disposeStyleRule(selector: string): void;
 export declare function _ruleCacheHas(selector: string): boolean;
 export declare function _ruleCacheKeys(): readonly string[];
+export interface StyleRuleCounts {
+    instance: number;
+    class: number;
+    other: number;
+    total: number;
+}
+export declare function styleRuleCounts(): StyleRuleCounts;
+export interface StyleRuleEntry {
+    selector: string;
+    cssText: string;
+}
+export declare function styleRuleEntries(): StyleRuleEntry[];
 declare class StyleRule extends StyleTarget<CSSStyleRule> {
     private _factory;
     private _selector;

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

@@ -0,0 +1,4 @@
+import type { StyleTrait } from "../core/ClassStyleRules.js";
+export declare const INPUT_CHROME_TRAIT: StyleTrait;
+export declare const GLYPH_XS_INK_TRAIT: StyleTrait;
+export declare const GLYPH_MD_INK_TRAIT: StyleTrait;