@jimka/typescript-ui 0.5.0 → 0.7.0

package/dist/lib/types/component/container/MenuRow.d.ts

@@ -0,0 +1,24 @@
+import { Component, ComponentOptions } from "../../core/Component.js";
+import type { MenuItemCSSVarPrefix } from "../../component/container/MenuItem.js";
+export declare abstract class MenuRow<TOptions extends ComponentOptions = ComponentOptions> extends Component<TOptions> {
+    static readonly HEIGHT: number;
+    private _cssVarPrefix;
+    private _closeMenu;
+    constructor(options?: TOptions, subclassDefaults?: Partial<TOptions>);
+    isSeparator(): boolean;
+    isEnabled(): boolean;
+    isNavigable(): boolean;
+    setFocused(focused: boolean): this;
+    activate(): void;
+    hasCheck(): boolean;
+    hasIcon(): boolean;
+    hasSubmenu(): boolean;
+    titleTextWidth(): number;
+    shortcutTextWidth(): number;
+    getContentWidth(): number;
+    setColumns(_checkZone: number, _iconStart: number, _titleColumn: number): void;
+    setCssVarPrefix(prefix: MenuItemCSSVarPrefix): this;
+    setMenuCloseHandler(close: () => void): void;
+    protected getCssVarPrefix(): MenuItemCSSVarPrefix;
+    protected closeMenu(): void;
+}

package/dist/lib/types/component/container/MenuSeparator.d.ts

@@ -1,10 +1,12 @@
-import { Component, ComponentOptions } from "../../core/Component.js";
+import { ComponentOptions } from "../../core/Component.js";
 import type { MenuItemCSSVarPrefix } from "../../component/container/MenuItem.js";
+import { MenuRow } from "../../component/container/MenuRow.js";
 export interface MenuSeparatorOptions extends ComponentOptions {
 }
-declare class MenuSeparator extends Component<MenuSeparatorOptions> {
+declare class MenuSeparator extends MenuRow<MenuSeparatorOptions> {
     static readonly HEIGHT: number;
     constructor(cssVarPrefix?: MenuItemCSSVarPrefix, options?: MenuSeparatorOptions, subclassDefaults?: Partial<MenuSeparatorOptions>);
+    isSeparator(): boolean;
 }
 declare const MenuSeparatorCallable: import("../../core/Callable.js").Callable<typeof MenuSeparator>;
 type MenuSeparatorCallable = MenuSeparator;

package/dist/lib/types/component/container/RadioMenuRow.d.ts

@@ -0,0 +1,33 @@
+import { ComponentOptions } from "../../core/Component.js";
+import { MenuRow } from "../../component/container/MenuRow.js";
+export type RadioMenuRowEvent = "action";
+export interface RadioMenuRowOptions extends ComponentOptions {
+    text?: string;
+    checked?: boolean;
+    enabled?: boolean;
+    listeners?: {
+        action?: () => void;
+    };
+}
+declare class RadioMenuRow extends MenuRow<RadioMenuRowOptions> {
+    private _radio;
+    private _iconStart;
+    private _checkZone;
+    private readonly _onMouseOver;
+    private readonly _onMouseOut;
+    private readonly _onClick;
+    constructor(options?: RadioMenuRowOptions, subclassDefaults?: Partial<RadioMenuRowOptions>);
+    isChecked(): boolean;
+    setChecked(value: boolean): this;
+    isNavigable(): boolean;
+    isEnabled(): boolean;
+    activate(): void;
+    getContentWidth(): number;
+    setColumns(checkZone: number, iconStart: number, _titleColumn: number): void;
+    doLayout(): this;
+    on(event: "action", listener: () => void): this;
+    off(event: "action", listener: () => void): this;
+}
+declare const RadioMenuRowCallable: import("../../core/Callable.js").Callable<typeof RadioMenuRow>;
+type RadioMenuRowCallable = RadioMenuRow;
+export { RadioMenuRow as _RadioMenuRow, RadioMenuRowCallable as RadioMenuRow };

package/dist/lib/types/component/container/Scrollbar.d.ts

@@ -1,6 +1,7 @@
 import { Component, ComponentOptions } from "../../core/Component.js";
 import type { AxisOrientation } from "../../primitive/Axis.js";
 export type ScrollbarEvent = "scroll";
+export declare const TRACK_WIDTH = 12;
 export type ScrollbarListener = (position: number) => void;
 export interface ScrollbarOptions extends ComponentOptions {
     arrowsEnabled?: boolean;
@@ -9,6 +10,7 @@ export interface ScrollbarOptions extends ComponentOptions {
         scroll?: ScrollbarListener;
     };
 }
+export declare function isScrollbarTarget(e: Event): boolean;
 declare class Scrollbar extends Component<ScrollbarOptions> {
     private _orientation;
     private _thumb;
@@ -19,6 +21,8 @@ declare class Scrollbar extends Component<ScrollbarOptions> {
     private _thumbPos;
     private _dragStartClient;
     private _dragStartScroll;
+    private _thumbHovered;
+    private _thumbDragging;
     private _listeners;
     private _arrowsEnabled;
     private _arrowStep;
@@ -32,6 +36,7 @@ declare class Scrollbar extends Component<ScrollbarOptions> {
     private disposeArrows;
     private _onThumbMouseOver;
     private _onThumbMouseOut;
+    private updateThumbFill;
     on(event: "scroll", listener: ScrollbarListener): this;
     off(event: ScrollbarEvent, listener: Function): this;
     protected emit(event: "scroll", position: number): void;

package/dist/lib/types/component/container/SplitGutter.d.ts

@@ -1,20 +1,22 @@
 import { Component, ComponentOptions } from "../../core/Component.js";
 import type { Handle } from "../../core/DOM.js";
-import { CollapseDirection } from "../../component/container/CollapseButton.js";
+import { CollapseDirection, CollapseTrigger } from "../../component/container/CollapseButton.js";
 import { Event } from "../../core/Event.js";
-export type SplitGutterEvent = "dragstart" | "drag" | "dragend" | "collapse";
+export type SplitGutterEvent = "dragstart" | "drag" | "dragend" | "collapse" | "contextmenu";
 export interface SplitGutterOptions extends ComponentOptions {
     orientation?: string;
     collapsible?: boolean;
     movable?: boolean;
     opaque?: boolean;
     collapseDirection?: CollapseDirection;
+    collapseTrigger?: CollapseTrigger;
     expandedBackground?: string;
     listeners?: {
         dragstart?: (position: number) => void;
         drag?: (position: number) => void;
         dragend?: () => void;
         collapse?: () => void;
+        contextmenu?: (x: number, y: number) => void;
     };
 }
 declare class SplitGutter extends Component<SplitGutterOptions> {
@@ -24,6 +26,7 @@ declare class SplitGutter extends Component<SplitGutterOptions> {
     private _collapseButton;
     private _opaque;
     private _collapseDirection;
+    private _collapseTrigger;
     private _expandedBackground;
     private _tooltipText;
     private _listeners;
@@ -45,11 +48,13 @@ declare class SplitGutter extends Component<SplitGutterOptions> {
     on(event: "drag", listener: (position: number) => void): this;
     on(event: "dragend", listener: () => void): this;
     on(event: "collapse", listener: () => void): this;
+    on(event: "contextmenu", listener: (x: number, y: number) => void): this;
     off(event: SplitGutterEvent, listener: Function): this;
     protected emit(event: "dragstart", position: number): void;
     protected emit(event: "drag", position: number): void;
     protected emit(event: "dragend"): void;
     protected emit(event: "collapse"): void;
+    protected emit(event: "contextmenu", x: number, y: number): void;
     protected destructor(): void;
     private _dispatchDrag;
     onDragStart(evnt: MouseEvent): void;

package/dist/lib/types/component/container/TabBar.d.ts

@@ -110,6 +110,8 @@ declare class TabBar extends Container<TabBarOptions> {
     isEntryCloseable(id: string): boolean;
     getEntryName(id: string): string;
     setEntryContentId(id: string, contentId: string): this;
+    setEntryBusy(id: string, busy: boolean): this;
+    isEntryBusy(id: string): boolean;
     getEntryButtonId(id: string): string;
     private entryById;
     private activeEntry;

package/dist/lib/types/component/container/WindowBorder.d.ts

@@ -34,7 +34,7 @@ declare class WindowBorder extends Component<WindowBorderOptions> {
     private _dispatchDrag;
     isSnapTarget(): boolean;
     setSnapTarget(value: boolean): this;
-    onDragStart(): void;
+    onDragStart(e?: MouseEvent): void;
     onDragStop(): Event.ListenerResult;
     private dragCursor;
     render(): import("../../core/DOM.js").Handle;

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

@@ -8,8 +8,13 @@ export { Legend } from '../../component/container/Legend.js';
 export type { LegendOptions } from '../../component/container/Legend.js';
 export { MenuItem } from '../../component/container/MenuItem.js';
 export type { MenuItemConfig, MenuConfig, MenuItemCSSVarPrefix, MenuItemOptions } from '../../component/container/MenuItem.js';
+export { MenuRow } from '../../component/container/MenuRow.js';
 export { MenuSeparator } from '../../component/container/MenuSeparator.js';
 export type { MenuSeparatorOptions } from '../../component/container/MenuSeparator.js';
+export { CheckboxMenuRow } from '../../component/container/CheckboxMenuRow.js';
+export type { CheckboxMenuRowOptions, CheckboxMenuRowEvent } from '../../component/container/CheckboxMenuRow.js';
+export { RadioMenuRow } from '../../component/container/RadioMenuRow.js';
+export type { RadioMenuRowOptions, RadioMenuRowEvent } from '../../component/container/RadioMenuRow.js';
 export { Scrollbar } from '../../component/container/Scrollbar.js';
 export type { ScrollbarListener, ScrollbarOptions, ScrollbarEvent } from '../../component/container/Scrollbar.js';
 export { ScrollStrip } from '../../component/container/ScrollStrip.js';
@@ -31,7 +36,7 @@ export type { AccordionHeaderOptions } from '../../component/container/Accordion
 export { AccordionIndicator } from '../../component/container/AccordionIndicator.js';
 export type { AccordionIndicatorOptions } from '../../component/container/AccordionIndicator.js';
 export { CollapseButton } from '../../component/container/CollapseButton.js';
-export type { CollapseButtonOptions, CollapseButtonEvent, CollapseDirection } from '../../component/container/CollapseButton.js';
+export type { CollapseButtonOptions, CollapseButtonEvent, CollapseDirection, CollapseTrigger } from '../../component/container/CollapseButton.js';
 export { TabBar } from '../../component/container/TabBar.js';
 export type { TabBarOptions, TabBarEvent, TabToolDescriptor } from '../../component/container/TabBar.js';
 export { TabPanel } from '../../component/container/TabPanel.js';

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/display/WebGLCanvas.d.ts

@@ -16,6 +16,7 @@ declare class WebGLCanvas extends Component<WebGLCanvasOptions> {
     private _elapsedMs;
     private _animationRequested;
     private _contextLost;
+    private readonly _onContextLost;
     private _contextInitialised;
     private _syncedWidth;
     private _syncedHeight;

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

@@ -3,6 +3,7 @@ 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";
 declare const MONTH_HEIGHT: number;
 declare const NAV_BTN_WIDTH: number;
 declare const HEADER_HEIGHT: number;
@@ -22,10 +23,12 @@ declare class PickerBlankCell extends Component {
 }
 declare class PickerNavButton extends Component {
     constructor(glyphName: string, onClick: () => void);
+    private onPointerDown;
     protected render(): Handle;
 }
 declare class PickerMonthLabel extends Text {
     constructor(onClick: () => void);
+    private onPointerDown;
     protected render(): Handle;
 }
 declare class PickerDay extends Text {
@@ -50,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: ClassStyleDefaults;
     private readonly _onSelect;
     protected _value: Date | null;
     protected _monthAnchor: Date;

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

@@ -1,14 +1,17 @@
 import { AbstractInput, AbstractInputOptions } from "../../component/input/AbstractInput.js";
 import { AnimatedDropdown } from "../../core/AnimatedDropdown.js";
+import type { ClassStyleDefaults } 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";
+import { Event } from "../../core/Event.js";
 export interface AbstractPickerFieldOptions extends AbstractInputOptions {
     dropdownAnimated?: boolean;
 }
 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 _input: PickerInput;
     protected _button: PickerButton;
     protected _dropdown: TDropdown | null;
@@ -33,11 +36,11 @@ declare abstract class AbstractPickerField<TValue, TDropdown extends AnimatedDro
     protected applyEnabled(value: boolean): void;
     protected applyReadOnly(value: boolean): void;
     protected onButtonClick(): void;
-    protected onButtonPointerDown(e: PointerEvent): void;
+    protected onButtonPointerDown(_e: PointerEvent): Event.ListenerResult;
     protected onInput(): void;
     protected onBlur(): void;
     protected setInvalid(invalid: boolean): void;
-    protected onKeyDown(e: KeyboardEvent): void;
+    protected onKeyDown(e: KeyboardEvent): Event.ListenerResult;
     protected ensureDropdown(): TDropdown;
     protected openDropdown(): void;
     protected closeDropdown(): void;

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 { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 interface AutoCompleteDropdownOptions extends AnimatedDropdownOptions {
 }
 declare class AutoCompleteDropdown extends AnimatedDropdown<AutoCompleteDropdownOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     private readonly _list;
     private readonly _onSelect;
     private readonly _onHide;

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 { ClassStyleDefaults } 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: ClassStyleDefaults;
     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;

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 { ClassStyleDefaults } 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: ClassStyleDefaults;
     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 { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export interface PasswordFieldOptions extends TextInputOptions {
     newPassword?: boolean;
 }
 declare class PasswordField extends TextInput<PasswordFieldOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     constructor(options?: PasswordFieldOptions, subclassDefaults?: Partial<PasswordFieldOptions>);
     private updateHeight;
 }

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

@@ -1,5 +1,7 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 declare class PickerInput extends TextInput<TextInputOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     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 { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+export interface SelectableTextOptions extends TextOptions {
+}
+declare class SelectableText extends Text<SelectableTextOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    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 { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export type SpinButtonEvent = ButtonEvent | "tick";
 export interface SpinButtonOptions extends ButtonOptions {
     listeners?: {
@@ -7,6 +8,7 @@ export interface SpinButtonOptions extends ButtonOptions {
     };
 }
 declare class SpinButton extends Button<SpinButtonOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     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 { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export interface TextOptions extends ComponentOptions {
     tag?: string;
     text?: string;
@@ -20,11 +21,13 @@ export interface TextOptions extends ComponentOptions {
     truncate?: boolean;
 }
 declare class Text<TOptions extends TextOptions = TextOptions> extends Component<TOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     private _hasExplicitPreferredSize;
     private _fontSizeCSSVar;
     private _fontSizeCSSRule;
     private _lineHeightCSSVar;
     private _lineHeightCSSRule;
+    private _lineHeightValueClass;
     private _measuredBaseline;
     private _measuredMinSize;
     private _autoMeasure;
@@ -32,13 +35,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;
@@ -75,6 +83,8 @@ 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;
@@ -87,9 +97,13 @@ declare class Text<TOptions extends TextOptions = TextOptions> extends Component
     getLineClamp(): number | null;
     setLineClamp(lines: number): this;
     clearLineClamp(): this;
-    applyStyle(element: Handle): this;
+    protected getClassStyleDefaults(): ClassStyleDefaults;
+    private writeFontDeclaration;
+    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 { ClassStyleDefaults } 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;
     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 { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export interface TextFieldOptions extends TextInputOptions {
 }
 declare class TextField extends TextInput<TextFieldOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     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 { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 import type { Handle } from "../../core/DOM.js";
 import { Event } from "../../core/Event.js";
 export interface TextInputOptions extends AbstractInputOptions {
@@ -16,6 +17,7 @@ export interface TextInputOptions extends AbstractInputOptions {
     };
 }
 declare class TextInput<TOptions extends TextInputOptions = TextInputOptions> extends AbstractInput<string, TOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     constructor(options?: TOptions, subclassDefaults?: Partial<TOptions>);
     protected onInput(): void;
     protected applyOptions(options: TOptions): 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 { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export interface TimePickerDropdownOptions extends AnimatedDropdownOptions {
     showSeconds?: boolean;
 }
 declare class TimePickerDropdown extends AnimatedDropdown<TimePickerDropdownOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     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 { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export interface UsernameFieldOptions extends TextInputOptions {
     email?: boolean;
 }
 declare class UsernameField extends TextInput<UsernameFieldOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     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/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 ClassStyleDefaults } 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: ClassStyleDefaults;
     protected _items: Array<SelectableListItem>;
     protected _rowPool: Array<SelectableListRow>;
     protected _selectedSet: Set<number>;
@@ -128,7 +130,7 @@ declare abstract class AbstractSelectableList<TValue, TOptions extends AbstractS
     getFocusedIndex(): number;
     getFocusedRowId(): string | null;
     handleKey(e: KeyboardEvent): boolean;
-    protected handleKeyDown(e: KeyboardEvent): void;
+    protected handleKeyDown(e: KeyboardEvent): Event.ListenerResult;
     protected handleNavigationKey(e: KeyboardEvent, ctrl: boolean): boolean;
     protected moveFocus(idx: number, ctrl: boolean, shift: boolean): void;
     protected commitFocusedRow(ctrl: boolean, shift: boolean): void;

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

@@ -1,5 +1,6 @@
 import { AbstractSelectableList, AbstractSelectableListOptions } from "../../component/list/AbstractSelectableList.js";
 import { ModelRecord } from "../../data/ModelRecord.js";
+import { Event } from "../../core/Event.js";
 export interface MultiSelectListOptions extends AbstractSelectableListOptions {
     selectedIndices?: number[];
 }
@@ -16,7 +17,7 @@ declare class MultiSelectList extends AbstractSelectableList<string[], MultiSele
         shift: boolean;
     }): void;
     protected notifyUserChange(): void;
-    protected handleKeyDown(e: KeyboardEvent): void;
+    protected handleKeyDown(e: KeyboardEvent): Event.ListenerResult;
     protected selectAll(): void;
     private applyInitialSelection;
 }

package/dist/lib/types/component/shared/VirtualRowView.d.ts

@@ -11,6 +11,7 @@ declare abstract class VirtualRowView<TRow extends Component, TOptions extends C
     } | null>;
     protected _rowDisplayed: boolean[];
     protected _scroller: VirtualScroller | null;
+    private _lastWindowStart;
     private _renderDeferred;
     private _renderResumed;
     private _pendingScrollX;
@@ -34,6 +35,7 @@ declare abstract class VirtualRowView<TRow extends Component, TOptions extends C
     protected computePoolTarget(windowSize: number, visibleHeight: number, totalRows: number): number;
     protected computePageSize(): number;
     protected growRowPool(poolTarget: number): void;
+    protected alignPoolWindow(firstRow: number): void;
     protected positionRow(slot: number, targetY: number, rowWidth: number): boolean;
     protected hideExcessPoolRows(windowSize: number): void;
     protected invalidateGeom(): void;