@jimka/typescript-ui 0.6.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/display/Markdown.d.ts

@@ -28,13 +28,14 @@ declare class Markdown extends Component<MarkdownOptions> {
     private readonly handleScheduledMeasure;
     private _renderGeneration;
     private _maxMeasure;
-    constructor(markdown?: string, options?: MarkdownOptions);
+    constructor(markdown?: string, options?: MarkdownOptions, subclassDefaults?: Partial<MarkdownOptions>);
     protected applyOptions(options: MarkdownOptions): this;
     getMarkdown(): string;
     setLinkResolver(resolver: MarkdownLinkResolver): this;
     getLinkResolver(): MarkdownLinkResolver;
     setMaxMeasure(value: string | number | null): this;
     getMaxMeasure(): string | number | null;
+    applyStyle(element: Handle): this;
     setFontScale(value: number): this;
     getFontScale(): number;
     setMarkdown(markdown: string): this;

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

@@ -3,13 +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 { 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;
@@ -52,6 +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: StyleBag;
     private readonly _onSelect;
     protected _value: Date | null;
     protected _monthAnchor: Date;
@@ -116,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,5 +1,6 @@
 import { AbstractInput, AbstractInputOptions } from "../../component/input/AbstractInput.js";
 import { AnimatedDropdown } from "../../core/AnimatedDropdown.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";
@@ -10,6 +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: StyleBag;
+    protected static readonly ownStyleTraits: readonly StyleTrait[];
     protected _input: PickerInput;
     protected _button: PickerButton;
     protected _dropdown: TDropdown | null;
@@ -17,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,9 +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 { StyleBag } from "../../core/ClassStyleRules.js";
 interface AutoCompleteDropdownOptions extends AnimatedDropdownOptions {
 }
 declare class AutoCompleteDropdown extends AnimatedDropdown<AutoCompleteDropdownOptions> {
+    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,6 +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 { StyleBag, StyleTrait } from "../../core/ClassStyleRules.js";
 export interface ComboBoxOptions extends AbstractInputOptions {
     items?: SelectableListItemSpec | Array<SelectableListItemSpec>;
     store?: AbstractStore;
@@ -25,9 +26,10 @@ export interface ComboBoxOptions extends AbstractInputOptions {
     };
 }
 declare class ComboBoxDropdown extends AnimatedDropdown<AnimatedDropdownOptions> {
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private readonly _list;
     private _minWidth;
-    constructor(onSelect: (index: number) => void);
+    constructor(onSelect: (index: number) => void, subclassDefaults?: Partial<AnimatedDropdownOptions>);
     handleKey(e: KeyboardEvent): boolean;
     showAt(anchorEl: Handle, items: Array<SelectableListItem>, selectedIndex: number): this;
     setMinWidth(px: number): this;
@@ -36,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;
@@ -67,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,5 +1,6 @@
 import { Text, TextOptions } from "../../component/input/Text.js";
 import type { ClickListener } from "../../component/button/Button.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 export type LinkEvent = "action";
 export interface LinkOptions extends TextOptions {
     interactive?: boolean;
@@ -8,6 +9,7 @@ export interface LinkOptions extends TextOptions {
     };
 }
 declare class Link extends Text<LinkOptions> {
+    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,8 +1,10 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.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: 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,5 +1,7 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 declare class PickerInput extends TextInput<TextInputOptions> {
+    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

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

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

@@ -1,4 +1,5 @@
 import { Button, ButtonEvent, ButtonOptions, ClickListener } from "../../component/button/Button.js";
+import type { StyleBag, StyleStateSpec } from "../../core/ClassStyleRules.js";
 export type SpinButtonEvent = ButtonEvent | "tick";
 export interface SpinButtonOptions extends ButtonOptions {
     listeners?: {
@@ -7,6 +8,8 @@ export interface SpinButtonOptions extends ButtonOptions {
     };
 }
 declare class SpinButton extends Button<SpinButtonOptions> {
+    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,6 +1,7 @@
 import { Component, ComponentOptions } from "../../core/Component.js";
 import type { Handle } from "../../core/DOM.js";
 import { Size } from "../../primitive/Size.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 export interface TextOptions extends ComponentOptions {
     tag?: string;
     text?: string;
@@ -20,6 +21,7 @@ export interface TextOptions extends ComponentOptions {
     truncate?: boolean;
 }
 declare class Text<TOptions extends TextOptions = TextOptions> extends Component<TOptions> {
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private _hasExplicitPreferredSize;
     private _fontSizeCSSVar;
     private _fontSizeCSSRule;
@@ -32,13 +34,18 @@ declare class Text<TOptions extends TextOptions = TextOptions> extends Component
     private _measuredGeneration;
     private _wordBreak;
     private _lineClamp;
+    private readonly _measureRef;
     constructor(text?: String, options?: NoInfer<TOptions>, subclassDefaults?: Partial<TOptions>);
+    protected destructor(): void;
     protected applyOptions(options: TOptions): this;
     private readThemeLineHeightPx;
     getElement(createIfMissing?: boolean): Handle | undefined;
     private resolveBoundFontSizePx;
     setPreferredSize(size: Size): this;
     private setCalculatedSize;
+    private applyNaturalMetrics;
+    private wantsBatchedMeasure;
+    private static batchMeasure;
     private calculateSize;
     private needsMeasure;
     measure(): void;
@@ -87,9 +94,12 @@ declare class Text<TOptions extends TextOptions = TextOptions> extends Component
     getLineClamp(): number | null;
     setLineClamp(lines: number): this;
     clearLineClamp(): this;
-    applyStyle(element: Handle): this;
+    protected getClassStyleDefaults(): StyleBag;
+    protected applySubclassStyles(): void;
     protected render(): Handle;
 }
+declare function _resetTextMeasurementRegistry(): void;
+declare function _textMeasurementRegistrySize(): number;
 declare const TextCallable: import("../../core/Callable.js").Callable<typeof Text>;
 type TextCallable<TOptions extends TextOptions = TextOptions> = Text<TOptions>;
-export { Text as _Text, TextCallable as Text };
+export { Text as _Text, TextCallable as Text, _resetTextMeasurementRegistry, _textMeasurementRegistrySize, };

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

@@ -1,11 +1,13 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.js";
 import type { Handle } from "../../core/DOM.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: 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,8 +1,10 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.js";
 import { BorderOptions } from "../../primitive/Border.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 export interface TextFieldOptions extends TextInputOptions {
 }
 declare class TextField extends TextInput<TextFieldOptions> {
+    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,4 +1,5 @@
 import { AbstractInput, AbstractInputOptions } from "../../component/input/AbstractInput.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 {
@@ -16,7 +17,10 @@ export interface TextInputOptions extends AbstractInputOptions {
     };
 }
 declare class TextInput<TOptions extends TextInputOptions = TextInputOptions> extends AbstractInput<string, TOptions> {
+    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,12 +1,14 @@
 import { AnimatedDropdown, AnimatedDropdownOptions } from "../../core/AnimatedDropdown.js";
 import type { Handle } from "../../core/DOM.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: StyleBag;
     private readonly _showSeconds;
     private readonly _timeColumns;
-    constructor(onSelect: (hours: number, minutes: number, seconds: number) => void, options?: TimePickerDropdownOptions);
+    constructor(onSelect: (hours: number, minutes: number, seconds: number) => void, options?: TimePickerDropdownOptions, subclassDefaults?: Partial<TimePickerDropdownOptions>);
     private onPointerDown;
     showAt(anchorEl: Handle, selected: Date | null): this;
 }

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

@@ -1,8 +1,10 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.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: StyleBag;
     constructor(options?: UsernameFieldOptions, subclassDefaults?: Partial<UsernameFieldOptions>);
     private updateHeight;
 }

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

@@ -1,5 +1,7 @@
 export { Text } from '../../component/input/Text.js';
 export type { TextOptions } from '../../component/input/Text.js';
+export { SelectableText } from '../../component/input/SelectableText.js';
+export type { SelectableTextOptions } from '../../component/input/SelectableText.js';
 export { Label } from '../../component/input/Label.js';
 export type { LabelOptions } from '../../component/input/Label.js';
 export { Link } from '../../component/input/Link.js';

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

@@ -1,11 +1,12 @@
 import { AbstractInput, AbstractInputOptions } from "../../component/input/AbstractInput.js";
-import { Component } from "../../core/Component.js";
+import { Component, ComponentOptions } from "../../core/Component.js";
 import type { Handle } from "../../core/DOM.js";
 import { Panel } from "../../core/Panel.js";
 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 StyleBag } from "../../core/ClassStyleRules.js";
 export interface SelectableListItem {
     key: string;
     label: string;
@@ -37,7 +38,7 @@ declare class SelectableListRow extends Component {
     private readonly _handlers;
     private _tooltipAttached;
     private _renderer;
-    constructor(handlers: RowHandlers, index: number, rendererFactory: () => ListItemRenderer);
+    constructor(handlers: RowHandlers, index: number, rendererFactory: () => ListItemRenderer, subclassDefaults?: Partial<ComponentOptions>);
     updateItem(item: SelectableListItem, index: number): this;
     private applyTooltip;
     getNaturalWidth(): number;
@@ -63,6 +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: StyleBag;
     protected _items: Array<SelectableListItem>;
     protected _rowPool: Array<SelectableListRow>;
     protected _selectedSet: Set<number>;
@@ -80,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;