@jimka/typescript-ui 0.7.0 → 0.8.0

package/dist/lib/types/component/diagram/DiagramView.d.ts

@@ -3,8 +3,11 @@ import { Component } from "../../core/Component.js";
 import type { Handle } from "../../core/DOM.js";
 import { DiagramData, DiagramEdgeData, DiagramNodeData } from "../../component/diagram/DiagramModel.js";
 import { ElkLayoutEngine } from "../../component/diagram/ElkLayoutEngine.js";
+import type { DiagramRect } from "../../component/diagram/DiagramResidency.js";
 export type DiagramNodeRenderer = (data: DiagramNodeData) => Component;
 export type DiagramViewEvent = "selection" | "activate" | "layout" | "contextmenu" | "edgehover" | "edgeleave";
+export declare function medianLeafHeight(rects: Map<string, DiagramRect>, containerIds: ReadonlySet<string>): number;
+export declare function shouldSimplify(nodeCount: number, medianHeight: number, zoom: number, simplified: boolean): boolean;
 export interface DiagramViewOptions extends PanelOptions {
     data?: DiagramData;
     nodeRenderer?: DiagramNodeRenderer;
@@ -16,7 +19,9 @@ export interface DiagramViewOptions extends PanelOptions {
     maxZoom?: number;
     zoom?: number;
     controls?: boolean;
+    simplifyAtLowZoom?: boolean;
     initialFocusNode?: string;
+    fitOnLoad?: boolean;
     listeners?: {
         selection?: (nodes: DiagramNodeData[]) => void;
         activate?: (node: DiagramNodeData) => void;
@@ -29,13 +34,19 @@ export interface DiagramViewOptions extends PanelOptions {
 declare class DiagramView extends Panel<DiagramViewOptions> {
     private _contentHost;
     private _edgeLayer;
+    private _nodeLayer;
     private _engine;
     private _nodeComponents;
+    private _nodeRects;
     private _nodeData;
     private _containerIds;
     private _incomingComponents;
+    private _incomingRects;
     private _incomingData;
     private _incomingContainerIds;
+    private _residentIds;
+    private _residencyViewport;
+    private _simplified;
     private _selection;
     private _nodeEmphasis;
     private _layoutGeneration;
@@ -56,6 +67,7 @@ declare class DiagramView extends Panel<DiagramViewOptions> {
     private _panX;
     private _panY;
     private _needsInitialCentre;
+    private _hasCentredOnce;
     private _focusNodeId;
     private _lastViewportWidth;
     private _lastViewportHeight;
@@ -88,12 +100,18 @@ declare class DiagramView extends Panel<DiagramViewOptions> {
     private joinEdgeStyles;
     private handleLayoutFailure;
     private applyTransformToHost;
+    private viewportGraphRect;
+    private updateResidency;
+    private mountNode;
+    private unmountNode;
     getZoom(): number;
     setZoom(zoom: number): this;
     zoomToFit(): this;
+    private fitGraph;
     resetView(): this;
     zoomIn(): this;
     zoomOut(): this;
+    private rearmCentreIfOffScreen;
     private tryInitialCentre;
     private centreGraph;
     private zoomAboutViewportPoint;
@@ -131,6 +149,8 @@ declare class DiagramView extends Panel<DiagramViewOptions> {
     private _handleClick;
     private _handleDoubleClick;
     private nodeIdAt;
+    private nodeIdAtEvent;
+    private nodeIdAtGraphPoint;
     private _handleEdgeMouseMove;
     private _handleEdgeMouseOut;
     private leaveEdges;
@@ -145,6 +165,8 @@ declare class DiagramView extends Panel<DiagramViewOptions> {
     private wireControlListeners;
     isControlsVisible(): boolean;
     setControlsVisible(value: boolean): this;
+    isSimplifyAtLowZoom(): boolean;
+    setSimplifyAtLowZoom(value: boolean): this;
 }
 declare const DiagramViewCallable: import("../../core/Callable.js").Callable<typeof DiagramView>;
 type DiagramViewCallable = DiagramView;

package/dist/lib/types/component/input/AbstractCalendarDropdown.d.ts

@@ -3,14 +3,14 @@ import { Component } from "../../core/Component.js";
 import type { Handle } from "../../core/DOM.js";
 import { Text } from "../../component/input/Text.js";
 import { PickerColumn } from "../../component/input/PickerColumn.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 declare const MONTH_HEIGHT: number;
 declare const NAV_BTN_WIDTH: number;
 declare const HEADER_HEIGHT: number;
 declare const CELL_HEIGHT: number;
 declare const DAY_GRID_HEIGHT: number;
 declare const ROOT_GAP: number;
-declare const GLYPH_PX: number;
+declare function navGlyphPx(): number;
 declare const DAY_GRID_INDEX: number;
 declare const DEFAULT_YEAR_SPAN_BACK: number;
 declare const DEFAULT_YEAR_SPAN_FORWARD: number;
@@ -53,7 +53,7 @@ export interface AbstractCalendarDropdownOptions extends AnimatedDropdownOptions
     maxDate?: Date | null;
 }
 declare abstract class AbstractCalendarDropdown<TOptions extends AbstractCalendarDropdownOptions = AbstractCalendarDropdownOptions> extends AnimatedDropdown<TOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private readonly _onSelect;
     protected _value: Date | null;
     protected _monthAnchor: Date;
@@ -118,4 +118,4 @@ declare abstract class AbstractCalendarDropdown<TOptions extends AbstractCalenda
     protected applyDateSelection(date: Date): void;
     protected applyYearSelection(_year: number): void;
 }
-export { AbstractCalendarDropdown, PickerDay, PickerBlankCell, PickerNavButton, PickerMonthLabel, PickerDayHeader, dayStart, dayEnd, MONTH_HEIGHT, NAV_BTN_WIDTH, HEADER_HEIGHT, CELL_HEIGHT, DAY_GRID_HEIGHT, ROOT_GAP, GLYPH_PX, DAY_GRID_INDEX, DEFAULT_YEAR_SPAN_BACK, DEFAULT_YEAR_SPAN_FORWARD, YEAR_TYPE_IDLE_MS, };
+export { AbstractCalendarDropdown, PickerDay, PickerBlankCell, PickerNavButton, PickerMonthLabel, PickerDayHeader, dayStart, dayEnd, MONTH_HEIGHT, NAV_BTN_WIDTH, HEADER_HEIGHT, CELL_HEIGHT, DAY_GRID_HEIGHT, ROOT_GAP, navGlyphPx, DAY_GRID_INDEX, DEFAULT_YEAR_SPAN_BACK, DEFAULT_YEAR_SPAN_FORWARD, YEAR_TYPE_IDLE_MS, };

package/dist/lib/types/component/input/AbstractInput.d.ts

@@ -26,6 +26,7 @@ declare abstract class AbstractInput<TValue, TOptions extends AbstractInputOptio
     protected notifyChange(value: TValue): void;
     protected abstract applyEnabled(value: boolean): void;
     protected abstract applyReadOnly(value: boolean): void;
+    protected pinSingleLineBoxHeight(h: number): void;
     protected applyOptions(options: TOptions): this;
 }
 export { AbstractInput };

package/dist/lib/types/component/input/AbstractPickerField.d.ts

@@ -1,6 +1,6 @@
 import { AbstractInput, AbstractInputOptions } from "../../component/input/AbstractInput.js";
 import { AnimatedDropdown } from "../../core/AnimatedDropdown.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag, StyleTrait } from "../../core/ClassStyleRules.js";
 import type { Handle } from "../../core/DOM.js";
 import { PickerInput } from "../../component/input/PickerInput.js";
 import { PickerButton } from "../../component/input/PickerButton.js";
@@ -11,7 +11,8 @@ export interface AbstractPickerFieldOptions extends AbstractInputOptions {
 declare abstract class AbstractPickerField<TValue, TDropdown extends AnimatedDropdown & {
     showAt(anchorEl: Handle, value: TValue | null): unknown;
 }, TOptions extends AbstractPickerFieldOptions = AbstractPickerFieldOptions> extends AbstractInput<TValue | null, TOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
+    protected static readonly ownStyleTraits: readonly StyleTrait[];
     protected _input: PickerInput;
     protected _button: PickerButton;
     protected _dropdown: TDropdown | null;
@@ -19,6 +20,7 @@ declare abstract class AbstractPickerField<TValue, TDropdown extends AnimatedDro
     protected _invalid: boolean;
     protected _showSeconds: boolean;
     constructor(options?: AbstractPickerFieldOptions, subclassDefaults?: Partial<AbstractPickerFieldOptions>);
+    protected destructor(): void;
     protected abstract formatValue(value: TValue): string;
     protected abstract parseRaw(raw: string): TValue | null;
     protected abstract createDropdown(): TDropdown;

package/dist/lib/types/component/input/AutoCompleteDropdown.d.ts

@@ -1,11 +1,11 @@
 import { AnimatedDropdown, AnimatedDropdownOptions } from "../../core/AnimatedDropdown.js";
 import type { Handle } from "../../core/DOM.js";
 import { List } from "../../component/list/List.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 interface AutoCompleteDropdownOptions extends AnimatedDropdownOptions {
 }
 declare class AutoCompleteDropdown extends AnimatedDropdown<AutoCompleteDropdownOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private readonly _list;
     private readonly _onSelect;
     private readonly _onHide;

package/dist/lib/types/component/input/AutoCompleteField.d.ts

@@ -48,6 +48,7 @@ declare class AutoCompleteField extends AbstractInput<string, AutoCompleteFieldO
     private onDropdownHidden;
     private updateActiveDescendant;
     private onSuggestionSelected;
+    protected destructor(): void;
 }
 declare const AutoCompleteFieldCallable: import("../../core/Callable.js").Callable<typeof AutoCompleteField>;
 type AutoCompleteFieldCallable = AutoCompleteField;

package/dist/lib/types/component/input/ComboBox.d.ts

@@ -6,7 +6,7 @@ import { ModelRecord } from "../../data/ModelRecord.js";
 import { SelectableListItem, SelectableListItemSpec } from "../../component/list/AbstractSelectableList.js";
 import { ListItemRenderer } from "../../component/list/ListItemRenderer.js";
 import { List } from "../../component/list/List.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag, StyleTrait } from "../../core/ClassStyleRules.js";
 export interface ComboBoxOptions extends AbstractInputOptions {
     items?: SelectableListItemSpec | Array<SelectableListItemSpec>;
     store?: AbstractStore;
@@ -26,7 +26,7 @@ export interface ComboBoxOptions extends AbstractInputOptions {
     };
 }
 declare class ComboBoxDropdown extends AnimatedDropdown<AnimatedDropdownOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private readonly _list;
     private _minWidth;
     constructor(onSelect: (index: number) => void, subclassDefaults?: Partial<AnimatedDropdownOptions>);
@@ -38,6 +38,7 @@ declare class ComboBoxDropdown extends AnimatedDropdown<AnimatedDropdownOptions>
     private measureWidestLabel;
 }
 declare class ComboBox<TOptions extends ComboBoxOptions = ComboBoxOptions> extends AbstractInput<string, TOptions> {
+    protected static readonly ownStyleTraits: readonly StyleTrait[];
     private readonly _dropdown;
     private _label;
     private _caret;
@@ -69,6 +70,8 @@ declare class ComboBox<TOptions extends ComboBoxOptions = ComboBoxOptions> exten
     setItems(items: SelectableListItemSpec | Array<SelectableListItemSpec>): this;
     addItem(item: SelectableListItemSpec): this;
     setStore(store: AbstractStore, displayField: string, valueField?: string, glyphField?: string): this;
+    private unbindStore;
+    protected destructor(): void;
     getStore(): AbstractStore | null;
     setRendererFactory(factory: () => ListItemRenderer): this;
     getRendererFactory(): () => ListItemRenderer;

package/dist/lib/types/component/input/Link.d.ts

@@ -1,6 +1,6 @@
 import { Text, TextOptions } from "../../component/input/Text.js";
 import type { ClickListener } from "../../component/button/Button.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 export type LinkEvent = "action";
 export interface LinkOptions extends TextOptions {
     interactive?: boolean;
@@ -9,7 +9,7 @@ export interface LinkOptions extends TextOptions {
     };
 }
 declare class Link extends Text<LinkOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     constructor(text?: String, options?: LinkOptions, subclassDefaults?: Partial<LinkOptions>);
     protected applyOptions(options: LinkOptions): this;
     isInteractive(): boolean;

package/dist/lib/types/component/input/PasswordField.d.ts

@@ -1,10 +1,10 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 export interface PasswordFieldOptions extends TextInputOptions {
     newPassword?: boolean;
 }
 declare class PasswordField extends TextInput<PasswordFieldOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     constructor(options?: PasswordFieldOptions, subclassDefaults?: Partial<PasswordFieldOptions>);
     private updateHeight;
 }

package/dist/lib/types/component/input/PickerButton.d.ts

@@ -1,6 +1,9 @@
-import { Button } from "../../component/button/Button.js";
+import { Button, ButtonOptions } from "../../component/button/Button.js";
+import type { StyleBag, StyleStateSpec } from "../../core/ClassStyleRules.js";
 declare class PickerButton extends Button {
-    constructor();
+    protected static readonly ownClassStyleDefaults: StyleBag;
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
+    constructor(subclassDefaults?: Partial<ButtonOptions>);
 }
 declare const PickerButtonCallable: import("../../core/Callable.js").Callable<typeof PickerButton>;
 type PickerButtonCallable = PickerButton;

package/dist/lib/types/component/input/PickerInput.d.ts

@@ -1,7 +1,7 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 declare class PickerInput extends TextInput<TextInputOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     constructor();
 }
 declare const PickerInputCallable: import("../../core/Callable.js").Callable<typeof PickerInput>;

package/dist/lib/types/component/input/SelectableText.d.ts

@@ -1,9 +1,9 @@
 import { Text, TextOptions } from "../../component/input/Text.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 export interface SelectableTextOptions extends TextOptions {
 }
 declare class SelectableText extends Text<SelectableTextOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     constructor(text?: String, options?: SelectableTextOptions, subclassDefaults?: Partial<SelectableTextOptions>);
 }
 declare const SelectableTextCallable: import("../../core/Callable.js").Callable<typeof SelectableText>;

package/dist/lib/types/component/input/SpinButton.d.ts

@@ -1,5 +1,5 @@
 import { Button, ButtonEvent, ButtonOptions, ClickListener } from "../../component/button/Button.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag, StyleStateSpec } from "../../core/ClassStyleRules.js";
 export type SpinButtonEvent = ButtonEvent | "tick";
 export interface SpinButtonOptions extends ButtonOptions {
     listeners?: {
@@ -8,7 +8,8 @@ export interface SpinButtonOptions extends ButtonOptions {
     };
 }
 declare class SpinButton extends Button<SpinButtonOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     private _listeners;
     private _repeat;
     constructor(symbol: "▲" | "▼", options?: SpinButtonOptions, subclassDefaults?: Partial<SpinButtonOptions>);

package/dist/lib/types/component/input/Text.d.ts

@@ -1,7 +1,7 @@
 import { Component, ComponentOptions } from "../../core/Component.js";
 import type { Handle } from "../../core/DOM.js";
 import { Size } from "../../primitive/Size.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 export interface TextOptions extends ComponentOptions {
     tag?: string;
     text?: string;
@@ -21,13 +21,12 @@ export interface TextOptions extends ComponentOptions {
     truncate?: boolean;
 }
 declare class Text<TOptions extends TextOptions = TextOptions> extends Component<TOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private _hasExplicitPreferredSize;
     private _fontSizeCSSVar;
     private _fontSizeCSSRule;
     private _lineHeightCSSVar;
     private _lineHeightCSSRule;
-    private _lineHeightValueClass;
     private _measuredBaseline;
     private _measuredMinSize;
     private _autoMeasure;
@@ -83,8 +82,6 @@ declare class Text<TOptions extends TextOptions = TextOptions> extends Component
     getFontWeight(): string | null;
     setFontWeight(value: string): this;
     getLineHeight(): number;
-    private applyLineHeightValueClass;
-    private clearLineHeightValueClass;
     setLineHeight(value: number | string): this;
     centerInHeight(px: number | null): this;
     getTextOverflow(): string | null;
@@ -97,8 +94,7 @@ declare class Text<TOptions extends TextOptions = TextOptions> extends Component
     getLineClamp(): number | null;
     setLineClamp(lines: number): this;
     clearLineClamp(): this;
-    protected getClassStyleDefaults(): ClassStyleDefaults;
-    private writeFontDeclaration;
+    protected getClassStyleDefaults(): StyleBag;
     protected applySubclassStyles(): void;
     protected render(): Handle;
 }

package/dist/lib/types/component/input/TextArea.d.ts

@@ -1,13 +1,13 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.js";
 import type { Handle } from "../../core/DOM.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 export interface TextAreaOptions extends TextInputOptions {
     rows?: number;
     cols?: number;
     wrap?: string;
 }
 declare class TextArea extends TextInput<TextAreaOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     constructor(text?: string, options?: TextAreaOptions, subclassDefaults?: Partial<TextAreaOptions>);
     protected applyOptions(options: TextAreaOptions): this;
     getRows(): number | null;

package/dist/lib/types/component/input/TextField.d.ts

@@ -1,10 +1,10 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.js";
 import { BorderOptions } from "../../primitive/Border.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 export interface TextFieldOptions extends TextInputOptions {
 }
 declare class TextField extends TextInput<TextFieldOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     constructor(options?: TextFieldOptions, subclassDefaults?: Partial<TextFieldOptions>);
     private updateHeight;
     setBorder(options: BorderOptions | string): this;

package/dist/lib/types/component/input/TextInput.d.ts

@@ -1,5 +1,5 @@
 import { AbstractInput, AbstractInputOptions } from "../../component/input/AbstractInput.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag, StyleTrait } from "../../core/ClassStyleRules.js";
 import type { Handle } from "../../core/DOM.js";
 import { Event } from "../../core/Event.js";
 export interface TextInputOptions extends AbstractInputOptions {
@@ -17,8 +17,10 @@ export interface TextInputOptions extends AbstractInputOptions {
     };
 }
 declare class TextInput<TOptions extends TextInputOptions = TextInputOptions> extends AbstractInput<string, TOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
+    protected static readonly ownStyleTraits: readonly StyleTrait[];
     constructor(options?: TOptions, subclassDefaults?: Partial<TOptions>);
+    protected getClassStyleDefaults(): StyleBag;
     protected onInput(): void;
     protected applyOptions(options: TOptions): this;
     on(event: "action", listener: Event.Listener): this;

package/dist/lib/types/component/input/TimePickerDropdown.d.ts

@@ -1,11 +1,11 @@
 import { AnimatedDropdown, AnimatedDropdownOptions } from "../../core/AnimatedDropdown.js";
 import type { Handle } from "../../core/DOM.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 export interface TimePickerDropdownOptions extends AnimatedDropdownOptions {
     showSeconds?: boolean;
 }
 declare class TimePickerDropdown extends AnimatedDropdown<TimePickerDropdownOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private readonly _showSeconds;
     private readonly _timeColumns;
     constructor(onSelect: (hours: number, minutes: number, seconds: number) => void, options?: TimePickerDropdownOptions, subclassDefaults?: Partial<TimePickerDropdownOptions>);

package/dist/lib/types/component/input/UsernameField.d.ts

@@ -1,10 +1,10 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 export interface UsernameFieldOptions extends TextInputOptions {
     email?: boolean;
 }
 declare class UsernameField extends TextInput<UsernameFieldOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     constructor(options?: UsernameFieldOptions, subclassDefaults?: Partial<UsernameFieldOptions>);
     private updateHeight;
 }

package/dist/lib/types/component/list/AbstractMarkerList.d.ts

@@ -1,4 +1,5 @@
 import { Comparator, Component, ComponentOptions } from "../../core/Component.js";
+import type { Handle } from "../../core/DOM.js";
 import { LayoutConstraints } from "../../layout/LayoutConstraints.js";
 import { BulletedListItemStyle } from "../../component/list/BulletedListItemStyle.js";
 import { NumberedListItemStyle } from "../../component/list/NumberedListItemStyle.js";
@@ -10,6 +11,7 @@ export declare abstract class AbstractMarkerList<U extends BulletedListItemStyle
     private _style;
     private _markerColumnWidth;
     constructor(tag: string, style: U, options?: AbstractMarkerListOptions<U>, subclassDefaults?: Partial<AbstractMarkerListOptions<U>>);
+    protected render(): Handle;
     protected applyOptions(options: AbstractMarkerListOptions<U>): this;
     getStyle(): U | undefined;
     setStyle(style: U): this;

package/dist/lib/types/component/list/AbstractSelectableList.d.ts

@@ -6,7 +6,7 @@ import { Event } from "../../core/Event.js";
 import { AbstractStore } from "../../data/AbstractStore.js";
 import { ModelRecord } from "../../data/ModelRecord.js";
 import { ListItemRenderer } from "../../component/list/ListItemRenderer.js";
-import { type ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import { type StyleBag } from "../../core/ClassStyleRules.js";
 export interface SelectableListItem {
     key: string;
     label: string;
@@ -64,7 +64,7 @@ interface RowHandlers {
     onDblClick: (index: number, event: MouseEvent) => void;
 }
 declare abstract class AbstractSelectableList<TValue, TOptions extends AbstractSelectableListOptions = AbstractSelectableListOptions> extends AbstractInput<TValue, TOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     protected _items: Array<SelectableListItem>;
     protected _rowPool: Array<SelectableListRow>;
     protected _selectedSet: Set<number>;
@@ -82,6 +82,8 @@ declare abstract class AbstractSelectableList<TValue, TOptions extends AbstractS
     private _rendererFactory;
     private _rowListeners;
     constructor(options?: TOptions, subclassDefaults?: Partial<TOptions>);
+    protected destructor(): void;
+    private unbindStore;
     protected applyEnabled(value: boolean): void;
     protected applyReadOnly(value: boolean): void;
     protected applyOptions(options: TOptions): this;

package/dist/lib/types/component/list/ListItem.d.ts

@@ -1,4 +1,5 @@
 import { Component, ComponentOptions } from "../../core/Component.js";
+import type { Handle } from "../../core/DOM.js";
 export interface ListItemOptions extends ComponentOptions {
     text?: string;
 }
@@ -15,7 +16,7 @@ declare class ListItem extends Component<ListItemOptions> {
     setMarker(text: string): this;
     getMarkerWidth(): number;
     setMarkerColumnWidth(width: number): this;
-    protected render(): import("../../core/DOM.js").Handle;
+    protected render(): Handle;
 }
 declare const ListItemCallable: import("../../core/Callable.js").Callable<typeof ListItem>;
 type ListItemCallable = ListItem;

package/dist/lib/types/component/menubar/MenuBarButton.d.ts

@@ -1,8 +1,11 @@
 import { Button, ButtonOptions } from "../../component/button/Button.js";
+import type { StyleBag, StyleStateSpec } from "../../core/ClassStyleRules.js";
 export interface MenuBarButtonOptions extends ButtonOptions {
 }
 export declare const MENU_BAR_BUTTON_HEIGHT: number;
 declare class MenuBarButton extends Button<MenuBarButtonOptions> {
+    protected static readonly ownClassStyleDefaults: StyleBag;
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     private readonly _onClickHandler;
     private readonly _onMouseOverHandler;
     constructor(text: string, onClick: () => void, onHover: () => void, options?: MenuBarButtonOptions, subclassDefaults?: Partial<MenuBarButtonOptions>);

package/dist/lib/types/component/menubar/ToolBar.d.ts

@@ -2,6 +2,7 @@ import { Component } from "../../core/Component.js";
 import { Container, ContainerOptions } from "../../core/Container.js";
 import { LayoutConstraints } from "../../layout/LayoutConstraints.js";
 import type { AxisOrientation, AxisEnd } from "../../primitive/Axis.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 export type ToolBarOverflow = "clip" | "menu";
 export interface ToolBarOptions extends ContainerOptions {
     orientation?: AxisOrientation;
@@ -11,6 +12,7 @@ export interface ToolBarOptions extends ContainerOptions {
     flat?: boolean;
 }
 declare class ToolBar<TOptions extends ToolBarOptions = ToolBarOptions> extends Container<TOptions> {
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private _orientation;
     private _compact;
     private _overflowMode;

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

@@ -1,4 +1,5 @@
-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";
@@ -39,8 +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;
-declare class Body extends VirtualRowView<Row> {
+declare class TableBody extends VirtualRowView<Row> {
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private _store;
     private _hiddenColumns;
     private _columns;
@@ -59,14 +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;
@@ -100,6 +105,7 @@ declare class Body extends VirtualRowView<Row> {
     private syncPoolCells;
     setStore(store: AbstractStore): this;
     private rebindStore;
+    private unbindStore;
     bindViewState(state: BodyViewState): this;
     protected init(element?: Handle): this;
     protected onScrollerTick(): void;
@@ -127,6 +133,8 @@ declare class Body extends VirtualRowView<Row> {
     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;
@@ -156,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;