@jimka/typescript-ui 0.6.0 → 0.8.0

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

@@ -1,15 +1,17 @@
-import { Component } from "../../core/Component.js";
+import { Component, ComponentOptions } from "../../core/Component.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 import type { Handle } from "../../core/DOM.js";
 import { AbstractStore } from "../../data/AbstractStore.js";
 import { ModelRecord } from "../../data/ModelRecord.js";
 import { Row } from "../../component/table/Row.js";
+import type { ColumnWindowSlidePlan } from "../../component/table/Row.js";
 import { CellEditorPool } from "../../component/table/cell/editor/CellEditorPool.js";
 import { Event } from "../../core/Event.js";
 import { VirtualRowView } from "../../component/shared/VirtualRowView.js";
 import type { ColumnConfig } from "../../component/table/ColumnConfig.js";
 import { Column } from "../../component/table/Column.js";
 import type { TableHeader } from "../../component/table/Header.js";
-export type BodyEvent = "verticalscroll" | "horizontalscroll" | "selection" | "cellclick";
+export type BodyEvent = "verticalscroll" | "horizontalscroll" | "selection" | "cellclick" | "cellcontextmenu";
 export interface CellClickEvent {
     record: ModelRecord;
     field: string;
@@ -18,6 +20,19 @@ export interface CellClickEvent {
     rowIndex: number;
     event: MouseEvent;
 }
+export interface BodyViewState {
+    store: AbstractStore;
+    columns: Column[];
+    columnConfigs: Map<string, ColumnConfig>;
+    hiddenColumns: Set<string>;
+    rowReadOnly: ((record: ModelRecord) => boolean) | null;
+    rowVisible: ((record: ModelRecord) => boolean) | null;
+    rowSeparator: ((record: ModelRecord) => {
+        label: string;
+        color: string | null;
+    } | null) | null;
+    rowIndented: ((record: ModelRecord) => boolean) | null;
+}
 export declare function resolveClickedColumn(cells: Component[], target: Handle | null): number;
 export interface ColumnWindow {
     firstCol: number;
@@ -25,15 +40,10 @@ export interface ColumnWindow {
     widths: number[];
     lefts: number[];
 }
+export declare function computeColumnWindowSize(lefts: number[], viewportWidth: number): number;
 export declare function computeColumnWindow(widths: number[], scrollX: number, viewportWidth: number): ColumnWindow;
-export declare function buildTsv(rows: string[][], startRow: number, startCol: number, startOffset: number | null, endRow: number, endCol: number, endOffset: number | null): string;
-export declare function locateCellInGrid(grid: Array<Array<{
-    element: Handle;
-}>>, target: Handle): {
-    row: number;
-    col: number;
-} | null;
-declare class Body extends VirtualRowView<Row> {
+declare class TableBody extends VirtualRowView<Row> {
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private _store;
     private _hiddenColumns;
     private _columns;
@@ -42,7 +52,6 @@ declare class Body extends VirtualRowView<Row> {
     private _rowVisible;
     private _rowSeparator;
     private _rowIndented;
-    private _cellGeom;
     private _lastBodyWidth;
     private _lastColumnWidths;
     private _lastAriaRowCount;
@@ -53,10 +62,16 @@ declare class Body extends VirtualRowView<Row> {
     private _selectedRecords;
     private _anchorRecord;
     private _focusedColIndex;
+    private _previousFocusedCell;
+    private _rangeAnchor;
+    private _rangeFocus;
+    private _rangeDragWidened;
+    private _contextMenuCell;
+    private _cellText;
     private _editorPool;
     private _header;
     private _listeners;
-    constructor(store: AbstractStore);
+    constructor(store: AbstractStore, subclassDefaults?: Partial<ComponentOptions>);
     protected onThemeReflow(): void;
     private computeRowHeight;
     protected getRowHeight(): number;
@@ -65,6 +80,7 @@ declare class Body extends VirtualRowView<Row> {
     private bindStore;
     protected onStoreChange(): void;
     protected getVisibleRecords(): ModelRecord[];
+    private computeVisibleFields;
     protected createRow(): Row;
     protected getTreeFieldName(): string | undefined;
     protected computeRowAria(row: Row, dataIndex: number): void;
@@ -74,8 +90,8 @@ declare class Body extends VirtualRowView<Row> {
     protected getHiddenColumns(): Set<string>;
     protected getColumnConfigs(): Map<string, ColumnConfig>;
     protected getRowPool(): Row[];
-    protected invalidateGeom(): void;
     setHiddenColumns(hidden: Set<string>): this;
+    private filterUnhideable;
     setColumns(columns: Column[]): this;
     setRowReadOnly(predicate: ((record: ModelRecord) => boolean) | null): this;
     setRowSeparator(predicate: ((record: ModelRecord) => {
@@ -88,6 +104,9 @@ declare class Body extends VirtualRowView<Row> {
     private registerComboEditors;
     private syncPoolCells;
     setStore(store: AbstractStore): this;
+    private rebindStore;
+    private unbindStore;
+    bindViewState(state: BodyViewState): this;
     protected init(element?: Handle): this;
     protected onScrollerTick(): void;
     private onFocus;
@@ -95,15 +114,28 @@ declare class Body extends VirtualRowView<Row> {
     protected destructor(): void;
     doLayout(): this;
     renderWindow(bodyWidth?: number, columnWidths?: number[]): void;
+    private computeColumnWindowSlidePlan;
     private renderWindowPass;
     private updateColumnWidthCache;
     private commitEditsOutsideWindow;
-    protected bindAndPositionRows(firstRow: number, windowSize: number, rowWidth: number, records: ModelRecord[], columns: ColumnWindow): void;
+    protected bindAndPositionRows(firstRow: number, windowSize: number, rowWidth: number, records: ModelRecord[], columns: ColumnWindow, slidePlan?: ColumnWindowSlidePlan): void;
     protected onSubtreeClick(e: MouseEvent): void;
     private onRowClick;
-    private onCopy;
-    private buildSelectionText;
-    private renderedCellGrid;
+    private locateCellFromTarget;
+    private getCellRangeBounds;
+    private isCellWithinBounds;
+    private refreshCellRangeHighlight;
+    private updateCellRangeVisualState;
+    private buildCopyText;
+    copySelectionToClipboard(): void;
+    copyContextMenuSelection(): void;
+    protected onCellMouseDown(e: MouseEvent): void;
+    protected onCellDragMove(e: MouseEvent): Event.ListenerResult;
+    protected onCellDragEnd(): Event.ListenerResult;
+    private onCellDragSelectStart;
+    private widenRangeDragIfMultiCell;
+    private resetRangeDragWidening;
+    protected onCellContextMenu(e: MouseEvent): Event.ListenerResult;
     selectRecord(record: ModelRecord | null): void;
     getSelectedRecord(): ModelRecord | null;
     getSelectedRecords(): ModelRecord[];
@@ -112,10 +144,12 @@ declare class Body extends VirtualRowView<Row> {
     on(event: "horizontalscroll", listener: (scrollLeft: number) => void): this;
     on(event: "selection", listener: (records: ModelRecord[]) => void): this;
     on(event: "cellclick", listener: (e: CellClickEvent) => void): this;
+    on(event: "cellcontextmenu", listener: (x: number, y: number) => void): this;
     off(event: BodyEvent, listener: Function): this;
     protected emit(event: "verticalscroll" | "horizontalscroll", offset: number): void;
     protected emit(event: "selection", records: ModelRecord[]): void;
     protected emit(event: "cellclick", detail: CellClickEvent): void;
+    protected emit(event: "cellcontextmenu", x: number, y: number): void;
     private notifySelectionChange;
     scrollToRecord(record: ModelRecord): void;
     private applyReadOnlyState;
@@ -130,6 +164,6 @@ declare class Body extends VirtualRowView<Row> {
     protected scrollRecordIntoView(record: ModelRecord): void;
     protected scrollColumnIntoView(colIndex: number): void;
 }
-declare const BodyCallable: import("../../core/Callable.js").Callable<typeof Body>;
-type BodyCallable = Body;
-export { Body as _Body, BodyCallable as Body };
+declare const BodyCallable: import("../../core/Callable.js").Callable<typeof TableBody>;
+type BodyCallable = TableBody;
+export { TableBody as _Body, BodyCallable as Body };

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

@@ -6,6 +6,7 @@ export declare class Column {
     private _maxWidth;
     private _width;
     private _maxContentLength;
+    private _preserveWidth;
     private _hidden;
     private _unhideable;
     private _readOnly;
@@ -21,6 +22,7 @@ export declare class Column {
     getMaxWidth(): number | undefined;
     getWidth(): number | undefined;
     getMaxContentLength(): number | undefined;
+    isWidthPreserved(): boolean;
     isInitiallyHidden(): boolean;
     isUnhideable(): boolean;
     isReadOnly(): boolean;

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

@@ -13,6 +13,7 @@ export interface ColumnConfig {
     maxWidth?: number;
     width?: number;
     maxContentLength?: number;
+    preserveWidth?: boolean;
     hidden?: boolean;
     unhideable?: boolean;
     readOnly?: boolean;

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

@@ -1,6 +1,8 @@
 import { Component } from "../../core/Component.js";
 import { Row } from "../../component/table/Row.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 declare class FooterRow extends Component {
+    protected static readonly ownClassStyleDefaults: StyleBag;
     constructor();
     getColumns(): import("../../core/Component.js")._Component<import("../../core/Component.js").ComponentOptions>[];
     addRow(row: Row): this;

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,9 +27,10 @@ declare class TableHeader extends Component {
     private _windowFirst;
     private _scrollX;
     private _focusedCol;
+    private _boundOnStoreSortChange;
     private _columnsDirty;
+    private _lastEnteredCells;
     private _geometry;
-    private _cellGeom;
     private _filterRowVisible;
     private _filterStates;
     private _filterCellsDirty;
@@ -67,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;
@@ -79,7 +84,9 @@ declare class TableHeader extends Component {
     private onStoreFilterChange;
     private wireFilterCell;
     private reconcileFilterCells;
+    private reconcileFilterWindowSlide;
     renderColumnWindow(geometry?: HeaderColumnGeometry): this;
+    private invalidateCellLayouts;
     private positionFilterCells;
     private positionColumnCells;
     private positionParentCells;

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

@@ -1,10 +1,23 @@
 import { Component } from "../../core/Component.js";
 import { AbstractModel } from "../../data/AbstractModel.js";
+import { Field } from "../../data/Field.js";
 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;
+    delta: number;
+    enteringKeys: Map<number, string>;
+}
+export interface RetargetedCell {
+    cell: Cell<any>;
+    fieldName: string;
+}
 declare class Row extends Component {
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     private _model?;
     private _data?;
     private _onCellCommit?;
@@ -16,12 +29,15 @@ declare class Row extends Component {
     private _windowFirst;
     private _cellKeys;
     private _fieldNames;
+    private _cellCache;
+    private _lastRetargeted;
     private _columnsDirty;
     private _separatorMode;
     constructor(model?: AbstractModel, data?: ModelRecord, hiddenColumns?: Set<string>, columnConfigs?: Map<string, ColumnConfig>, onCellCommit?: (record: ModelRecord) => void, treeFieldName?: string);
     getTreeCell(): Cell<any> | null;
     getColumnWindowStart(): number;
     getFieldNames(): string[];
+    getRetargetedCells(): RetargetedCell[];
     isSeparator(): boolean;
     setFieldIndent(indented: boolean): void;
     getData(): ModelRecord | undefined;
@@ -32,13 +48,17 @@ declare class Row extends Component {
     addComponent(cell: Cell<any>, constraints?: LayoutConstraints): this;
     setColumnFields(model: AbstractModel, hiddenColumns: Set<string>, columnConfigs: Map<string, ColumnConfig>, treeFieldName?: string): this;
     renderSeparator(label: string, color: string | null): void;
-    setColumnWindow(firstCol: number, lastCol: number): boolean;
+    setColumnWindow(firstCol: number, lastCol: number, plan?: ColumnWindowSlidePlan): boolean;
+    private reconcileWindowSlide;
     private commitCellValue;
-    private static cellKey;
+    static cellKey(field: Field, config: ColumnConfig | undefined, isTreeColumn: boolean): string;
     private cellKeyFor;
     private bindCell;
     private static createCellForField;
+    private retireCell;
+    private disposeCellCache;
     doLayout(): this;
+    protected destructor(): void;
 }
 declare const RowCallable: import("../../core/Callable.js").Callable<typeof Row>;
 type RowCallable = Row;

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;
@@ -109,6 +111,7 @@ declare class Table extends Component<TableOptions> {
     private bindView;
     protected destructor(): void;
     private showColumnMenu;
+    private showCellMenu;
     private columnsInMenuOrder;
     private buildColumnMenuItems;
     private showColumnDialog;
@@ -119,6 +122,7 @@ declare class Table extends Component<TableOptions> {
     setExportMenuEnabled(enabled: boolean): this;
     exportCSV(options?: ExportOptions): void;
     exportJSON(options?: ExportOptions): void;
+    exportTSV(options?: ExportOptions): void;
     private getExportColumns;
     getCellText(field: string, record: ModelRecord): string;
     private onColumnResizeStart;
@@ -127,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/TableExporter.d.ts

@@ -9,7 +9,10 @@ export interface ExportOptions {
 export declare class TableExporter {
     static exportCSV(columns: Column[], records: ModelRecord[], columnConfigs: Map<string, ColumnConfig>, display: CellTextResolver, options?: ExportOptions): void;
     static exportJSON(columns: Column[], records: ModelRecord[], columnConfigs: Map<string, ColumnConfig>, display: CellTextResolver, options?: ExportOptions): void;
+    static exportTSV(columns: Column[], records: ModelRecord[], columnConfigs: Map<string, ColumnConfig>, display: CellTextResolver, options?: ExportOptions): void;
     static formatValue(column: Column, value: any, columnConfigs: Map<string, ColumnConfig>, display: CellTextResolver): any;
     private static escapeCSVField;
+    static buildRectangularTSV(rows: string[][]): string;
+    private static escapeTSVField;
     private static download;
 }

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

@@ -12,13 +12,19 @@ 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;
     setExportMenuEnabled(enabled: boolean): this;
     exportCSV(options?: ExportOptions): void;
     exportJSON(options?: ExportOptions): void;
+    exportTSV(options?: ExportOptions): void;
     setPaginationBar(bar: PaginationBar): this;
     getPaginationBar(): PaginationBar | undefined;
 }

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;
@@ -20,6 +25,7 @@ declare class TreeTablePanel extends Container {
     setExportMenuEnabled(enabled: boolean): this;
     exportCSV(options?: ExportOptions): void;
     exportJSON(options?: ExportOptions): void;
+    exportTSV(options?: ExportOptions): void;
     setPaginationBar(bar: PaginationBar): this;
     getPaginationBar(): PaginationBar | undefined;
 }

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

@@ -1,4 +1,5 @@
-import { Component } from "../../../core/Component.js";
+import { Component, ComponentOptions } from "../../../core/Component.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";
@@ -8,8 +9,11 @@ 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: StyleBag;
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     private _readOnly;
     private _requiredEmpty;
+    private _rangeSelected;
     private _baseBackground;
     private _renderer;
     private _editor;
@@ -17,8 +21,9 @@ export declare class Cell<T> extends Component {
     private _scrollIntoView;
     protected _activeEditor: CellEditor<T> | null;
     protected _listeners: ListenerBag<string>;
-    constructor(tag: string, renderer: CellRenderer<T>, editor?: CellEditor<T>, rendererConstraints?: LayoutConstraints, editorContraints?: LayoutConstraints);
+    constructor(tag: string, renderer: CellRenderer<T>, editor?: CellEditor<T>, rendererConstraints?: LayoutConstraints, editorContraints?: LayoutConstraints, subclassDefaults?: Partial<ComponentOptions>);
     protected clampsToContentSize(): boolean;
+    protected canSkipUnchangedLayout(): boolean;
     getEditorKey(): string | null;
     setEditorPool(pool: CellEditorPool | null): this;
     setScrollIntoViewHandler(handler: (() => void) | null): this;
@@ -30,6 +35,7 @@ export declare class Cell<T> extends Component {
     isReadOnly(): boolean;
     setReadOnly(value: boolean): this;
     setRequiredEmpty(value: boolean): this;
+    setRangeSelected(value: boolean): this;
     setBaseBackground(color: string | null): this;
     private _applyStateTint;
     onKeyDown(evnt: CustomEvent<ForwardedKeyDetail>): void;

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

@@ -1,7 +1,7 @@
 import { StringRenderer } from "../../../component/table/cell/renderer/String.js";
 import { Cell } from "../../../component/table/cell/Cell.js";
 declare class DefaultCell extends Cell<String | null> {
-    constructor(tag?: string);
+    constructor(tag?: string, renderer?: StringRenderer);
     getRenderer(): StringRenderer;
     setValue(value: String | null): this;
 }

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;
@@ -44,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/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/renderer/CellRenderer.d.ts

@@ -1,6 +1,6 @@
-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;

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

@@ -1,10 +1,12 @@
 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;
     private _display;
-    constructor();
+    constructor(subclassDefaults?: Partial<ComponentOptions>);
+    protected createText(): Text;
     getText(): Text;
     getValue(): String | null;
     setValue(value: String | null): this;

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

@@ -14,7 +14,7 @@ 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';

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,4 +1,5 @@
 import { Component, ComponentOptions } from "../core/Component.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 {
@@ -7,6 +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: 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;