@jimka/typescript-ui 0.3.0 → 0.4.0

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

@@ -11,14 +11,21 @@ declare abstract class VirtualRowView<TRow extends Component, TOptions extends C
     } | null>;
     protected _rowDisplayed: boolean[];
     protected _scroller: VirtualScroller | null;
+    private _renderDeferred;
+    private _renderResumed;
+    private _pendingScrollX;
+    private _pendingScrollY;
+    private _pendingScrollRow;
     protected abstract getRowHeight(): number;
     protected abstract createPoolRow(): TRow;
     protected abstract renderWindow(): void;
     protected initScroller(element: Handle): void;
     protected onScrollerTick(): void;
-    protected onPoolRowAdded(): void;
+    protected destructor(): void;
     setScrollX(x: number): this;
     setScrollY(y: number): this;
+    private holdScrollWhileFirstLayoutHeld;
+    private applyPendingScroll;
     protected computeVisibleWindow(scrollY: number, visibleHeight: number, totalRows: number): {
         firstRow: number;
         lastRow: number;
@@ -30,6 +37,11 @@ declare abstract class VirtualRowView<TRow extends Component, TOptions extends C
     protected positionRow(slot: number, targetY: number, rowWidth: number): boolean;
     protected hideExcessPoolRows(windowSize: number): void;
     protected invalidateGeom(): void;
+    protected deferRenderWhileFirstLayoutHeld(): boolean;
+    protected wasRenderDeferred(): boolean;
+    protected finishResumedRender(): boolean;
+    protected renderWindowIfDeferred(): boolean;
+    protected onThemeReflow(): void;
     protected scrollRowIntoView(index: number): void;
 }
 export { VirtualRowView };

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

@@ -18,6 +18,13 @@ export interface CellClickEvent {
     event: MouseEvent;
 }
 export declare function resolveClickedColumn(cells: Component[], target: Handle | null): number;
+export interface ColumnWindow {
+    firstCol: number;
+    lastCol: number;
+    widths: number[];
+    lefts: number[];
+}
+export declare function computeColumnWindow(widths: number[], scrollX: number, viewportWidth: number): ColumnWindow;
 declare class Body extends VirtualRowView<Row> {
     private _store;
     private _hiddenColumns;
@@ -29,6 +36,8 @@ declare class Body extends VirtualRowView<Row> {
     private _lastColumnWidths;
     private _lastAriaRowCount;
     private _rowHeight;
+    private _colWindow;
+    private _reconciling;
     private _storeRefresh;
     private _selectedRecords;
     private _anchorRecord;
@@ -37,10 +46,11 @@ declare class Body extends VirtualRowView<Row> {
     private _header;
     private _listeners;
     constructor(store: AbstractStore);
+    protected onThemeReflow(): void;
     private computeRowHeight;
     protected getRowHeight(): number;
     protected createPoolRow(): Row;
-    protected onPoolRowAdded(): void;
+    private wireRowCells;
     private bindStore;
     protected onStoreChange(): void;
     protected getVisibleRecords(): ModelRecord[];
@@ -65,9 +75,12 @@ declare class Body extends VirtualRowView<Row> {
     protected onScrollerTick(): void;
     private onFocus;
     getEditorPool(): CellEditorPool;
+    doLayout(): this;
     renderWindow(bodyWidth?: number, columnWidths?: number[]): void;
+    private renderWindowPass;
     private updateColumnWidthCache;
-    protected bindAndPositionRows(firstRow: number, windowSize: number, rowWidth: number, fallback: number, records: ModelRecord[]): void;
+    private commitEditsOutsideWindow;
+    protected bindAndPositionRows(firstRow: number, windowSize: number, rowWidth: number, records: ModelRecord[], columns: ColumnWindow): void;
     protected onSubtreeClick(e: MouseEvent): void;
     private onRowClick;
     selectRecord(record: ModelRecord | null): void;

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

@@ -0,0 +1,6 @@
+import { Component } from "../../core/Component.js";
+export declare class CellGeometryCache {
+    private _geometry;
+    clear(): void;
+    apply(cell: Component, x: number, w: number, h: number): void;
+}

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

@@ -4,6 +4,8 @@ export declare class Column {
     private _field;
     private _minWidth;
     private _maxWidth;
+    private _width;
+    private _maxContentLength;
     private _hidden;
     private _unhideable;
     private _readOnly;
@@ -16,6 +18,8 @@ export declare class Column {
     getField(): Field;
     getMinWidth(): number | undefined;
     getMaxWidth(): number | undefined;
+    getWidth(): number | undefined;
+    getMaxContentLength(): number | undefined;
     isInitiallyHidden(): boolean;
     isUnhideable(): boolean;
     isReadOnly(): boolean;

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

@@ -11,6 +11,8 @@ export interface ColumnConfig {
     field: string;
     minWidth?: number;
     maxWidth?: number;
+    width?: number;
+    maxContentLength?: number;
     hidden?: boolean;
     unhideable?: boolean;
     readOnly?: boolean;
@@ -31,4 +33,5 @@ export interface ColumnSpec {
     columns: ColumnConfig[];
     appendUnlisted?: boolean;
     rowReadOnly?: (record: ModelRecord) => boolean;
+    autoSizeColumns?: boolean;
 }

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

@@ -5,6 +5,12 @@ import { AbstractModel } from "../../data/AbstractModel.js";
 import { AbstractStore } from "../../data/AbstractStore.js";
 import { Column } from "../../component/table/Column.js";
 export type TableHeaderEvent = "columnresizestart" | "columnresize" | "columncontextmenu";
+export interface HeaderColumnGeometry {
+    columnWidths: number[];
+    viewportWidth: number;
+    columnHeight: number;
+    parentRowHeight: number;
+}
 declare class TableHeader extends Component {
     private _model;
     private _store;
@@ -12,6 +18,13 @@ declare class TableHeader extends Component {
     private _columns;
     private _listeners;
     private _scrollbarCover;
+    private _visibleFields;
+    private _windowFirst;
+    private _scrollX;
+    private _focusedCol;
+    private _columnsDirty;
+    private _geometry;
+    private _cellGeom;
     constructor(model: AbstractModel, store: AbstractStore);
     getModel(): AbstractModel;
     setStore(store: AbstractStore): this;
@@ -26,19 +39,28 @@ declare class TableHeader extends Component {
     protected emit(event: "columnresize", colIndex: number, clientX: number): void;
     protected emit(event: "columncontextmenu", fieldName: string, x: number, y: number): void;
     getColumns(): import("../../core/Component.js")._Component<import("../../core/Component.js").ComponentOptions>[];
+    getColumnWindowStart(): number;
     getParentRow(): Row;
     hasParentRow(): boolean;
     getScrollbarCover(): Handle;
-    sortColumns(): void;
     addRow(row: Row): this;
     addComponent(row: Row): this;
-    setWidth(width: number): this;
     setHeight(height: number): this;
     private rebuildCells;
+    private computeVisibleFields;
+    private reconcileColumnCells;
     private rebuildParentCells;
     private wireCell;
+    private columnIndexOf;
     private handleSortClick;
     private syncSortIndicators;
+    renderColumnWindow(geometry?: HeaderColumnGeometry): this;
+    private positionColumnCells;
+    private positionParentCells;
+    setScrollX(scrollLeft: number): this;
+    getScrollX(): number;
+    setFocusedColumn(colIndex: number | null): this;
+    private applyFocusedColumn;
 }
 declare const TableHeaderCallable: import("../../core/Callable.js").Callable<typeof TableHeader>;
 type TableHeaderCallable = TableHeader;

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

@@ -8,11 +8,18 @@ declare class Row extends Component {
     private _model?;
     private _data?;
     private _onCellCommit?;
-    private _fieldNames;
     private _treeCell;
     private _stripe;
+    private _visibleFields;
+    private _columnConfigs;
+    private _treeFieldName;
+    private _windowFirst;
+    private _cellKeys;
+    private _fieldNames;
+    private _columnsDirty;
     constructor(model?: AbstractModel, data?: ModelRecord, hiddenColumns?: Set<string>, columnConfigs?: Map<string, ColumnConfig>, onCellCommit?: (record: ModelRecord) => void, treeFieldName?: string);
     getTreeCell(): Cell<any> | null;
+    getColumnWindowStart(): number;
     getFieldNames(): string[];
     getData(): ModelRecord | undefined;
     setData(record: ModelRecord): this;
@@ -20,7 +27,11 @@ declare class Row extends Component {
     updateVisualState(): void;
     addColumn(cell: Cell<any>, constraints?: LayoutConstraints): this;
     addComponent(cell: Cell<any>, constraints?: LayoutConstraints): this;
-    syncCells(model: AbstractModel, hiddenColumns: Set<string>, columnConfigs: Map<string, ColumnConfig>, treeFieldName?: string): this;
+    setColumnFields(model: AbstractModel, hiddenColumns: Set<string>, columnConfigs: Map<string, ColumnConfig>, treeFieldName?: string): this;
+    setColumnWindow(firstCol: number, lastCol: number): boolean;
+    private commitCellValue;
+    private static cellKey;
+    private cellKeyFor;
     private bindCell;
     private static createCellForField;
     doLayout(): this;

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

@@ -26,9 +26,9 @@ declare class Table extends Component<TableOptions> {
     private _footer;
     private _footerVisible;
     private _columnWidths;
-    private _resizeOriginClientX;
-    private _resizeOriginW0;
-    private _resizeOriginW1;
+    private _dragEdgeIndex;
+    private _dragLastClientX;
+    private _columnWidthTarget;
     private _savedColumnWidths;
     private _columnConfigs;
     private _exportMenuEnabled;
@@ -41,6 +41,9 @@ declare class Table extends Component<TableOptions> {
     private _rotatedFieldByName;
     private _sourceRefresh;
     private _suppressSelectionForward;
+    private _autoWidthsSampled;
+    private _widthRefs;
+    private _sampledCandidates;
     constructor(store: AbstractStore, spec?: ColumnSpec, bodyFactory?: (store: AbstractStore) => Body);
     on(event: "selection", listener: (records: ModelRecord[]) => void): this;
     on(event: "cellclick", listener: (e: CellClickEvent) => void): this;
@@ -56,6 +59,8 @@ declare class Table extends Component<TableOptions> {
     setStore(store: AbstractStore): this;
     getColumnWidths(): number[];
     setColumnWidths(widths: number[]): this;
+    getAvailableColumnWidth(): number;
+    getColumnWidthTarget(): number;
     setColumnVisible(fieldName: string, visible: boolean): this;
     getHeader(): import("../../component/table/Header.js")._TableHeader;
     isHeaderVisible(): boolean;
@@ -71,7 +76,6 @@ declare class Table extends Component<TableOptions> {
     getSelectedRecord(): ModelRecord | null;
     getSelectedRecords(): ModelRecord[];
     addComponent(row: TableHeader | Body | FooterRow, constraints?: LayoutConstraints): this;
-    private defaultColumnWidth;
     private trimToTarget;
     private buildColumnConfigs;
     private initHiddenFromSpec;
@@ -92,6 +96,23 @@ declare class Table extends Component<TableOptions> {
     private onColumnResizeStart;
     private onColumnResize;
     private resetColumns;
+    isAutoSizeColumns(): boolean;
+    getColumnMinWidth(column: Column): number;
+    getIntrinsicColumnWidths(): Array<number | null>;
+    private clampColumnWidth;
+    private flexColumnWidth;
+    private measureHeaders;
+    private measureContent;
+    private resolveContentCandidates;
+    private collectCandidates;
+    private keepLongest;
+    private samplesRecordText;
+    private sampledDigits;
+    private showsSeconds;
+    private columnWidthPolicy;
+    private ensureWidthReferences;
+    private dateReferenceKeys;
+    private maybeResampleColumnWidths;
 }
 declare const TableCallable: import("../../core/Callable.js").Callable<typeof Table>;
 type TableCallable = Table;

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

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

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

@@ -3,6 +3,7 @@ import { AbstractStore } from "../../data/AbstractStore.js";
 import { Container } from "../../core/Container.js";
 import { PaginationBar } from "../../component/display/PaginationBar.js";
 import { Table } from "../../component/table/Table.js";
+import type { ColumnSpec } from "../../component/table/ColumnConfig.js";
 import { ExportOptions } from "../../component/table/TableExporter.js";
 declare class TablePanel extends Container {
     private _table;
@@ -11,7 +12,7 @@ declare class TablePanel extends Container {
     private _rejectBtn;
     private _spinner;
     private _paginationBar;
-    constructor(store: AbstractStore);
+    constructor(store: AbstractStore, spec?: ColumnSpec);
     private refreshSyncButtons;
     getTable(): Table;
     getToolbar(): Component;

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

@@ -30,7 +30,7 @@ export declare class Cell<T> extends Component {
     isReadOnly(): boolean;
     setReadOnly(value: boolean): this;
     setRequiredEmpty(value: boolean): this;
-    setBaseBackground(color: string): this;
+    setBaseBackground(color: string | null): this;
     private _applyStateTint;
     onKeyDown(evnt: CustomEvent<ForwardedKeyDetail>): void;
     isEditing(): boolean;

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

@@ -16,6 +16,8 @@ declare class HeaderCell extends DefaultCell {
     private _required;
     constructor(text: String, fieldName: string, headerGlyph?: string | null);
     protected init(element?: Handle): this;
+    setFieldName(name: string): this;
+    getFieldName(): string;
     getHeaderGlyph(): string | null;
     setHeaderGlyph(name: string | null): this;
     private _mountHeaderGlyph;
@@ -49,6 +51,7 @@ declare class HeaderCell extends DefaultCell {
     private onResizeDragStop;
     setColumnFocused(focused: boolean): this;
     isColumnFocused(): boolean;
+    protected destructor(): void;
 }
 declare const HeaderCellCallable: import("../../../core/Callable.js").Callable<typeof HeaderCell>;
 type HeaderCellCallable = HeaderCell;

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

@@ -10,7 +10,7 @@ export type { CellType, ColumnConfig, ColumnSpec, ComboOption } from '../../comp
 export { TableExporter } from '../../component/table/TableExporter.js';
 export type { ExportOptions } from '../../component/table/TableExporter.js';
 export { TableHeader } from '../../component/table/Header.js';
-export type { TableHeaderEvent } from '../../component/table/Header.js';
+export type { TableHeaderEvent, HeaderColumnGeometry } from '../../component/table/Header.js';
 export { Body } from '../../component/table/Body.js';
 export type { BodyEvent, CellClickEvent } from '../../component/table/Body.js';
 export { TreeBody } from '../../component/table/TreeBody.js';

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

@@ -65,6 +65,7 @@ declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
     private _handleDblClick;
     private _updateSelectionStyle;
     private _updateActiveDescendant;
+    protected onThemeReflow(): void;
     protected renderWindow(): void;
     private _bindAndMeasure;
     private _positionRows;

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

@@ -1,5 +1,5 @@
 import { Component } from "../core/Component.js";
-export type AriaRole = 'grid' | 'treegrid' | 'rowgroup' | 'row' | 'gridcell' | 'columnheader' | 'tablist' | 'tab' | 'tabpanel' | 'tree' | 'treeitem' | 'group' | 'button' | 'link' | 'region' | 'combobox' | 'listbox' | 'option' | 'menubar' | 'menuitem' | 'menu' | 'toolbar' | 'separator' | 'spinbutton' | 'progressbar' | 'status' | 'alert' | 'dialog' | 'checkbox' | 'radio' | 'slider' | 'switch';
+export type AriaRole = 'grid' | 'treegrid' | 'rowgroup' | 'row' | 'gridcell' | 'columnheader' | 'tablist' | 'tab' | 'tabpanel' | 'tree' | 'treeitem' | 'group' | 'button' | 'link' | 'region' | 'combobox' | 'listbox' | 'option' | 'menubar' | 'menuitem' | 'menu' | 'toolbar' | 'separator' | 'spinbutton' | 'progressbar' | 'status' | 'alert' | 'dialog' | 'checkbox' | 'radio' | 'slider' | 'switch' | 'list' | 'listitem';
 export type AriaSort = 'none' | 'ascending' | 'descending';
 export type AriaLive = 'off' | 'polite' | 'assertive';
 export type AriaOrientation = 'horizontal' | 'vertical';

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

@@ -1,8 +1,14 @@
 import { Component, ComponentOptions } from "../core/Component.js";
-export declare class Body extends Component {
+export interface BodyOptions extends ComponentOptions {
+    favicon?: string | false;
+}
+export declare class Body extends Component<BodyOptions> {
     private static readonly INSTANCE;
     static getInstance(): Body;
-    static init(options?: ComponentOptions): Body;
+    static init(options?: BodyOptions): Body;
+    protected applyOptions(options: BodyOptions): this;
+    setFavicon(favicon: string | false): this;
+    getFavicon(): string | false;
     private constructor();
     getElement(): import("../core/DOM.js").Handle;
     protected init(): this;

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

@@ -250,6 +250,12 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     getMaxSize(): Size | null;
     setMaxSize(size: Size): this;
     getInnerSize(): Size | null;
+    getContentBounds(): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
     getBorderSize(): PerimeterSize;
     private estimateBorderSideWidth;
     getPerimeterSize(): PerimeterSize;

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

@@ -117,6 +117,7 @@ export interface DOMSource {
     getViewportRect(component: Component): Rect;
     getElementRect(handle: Handle): Rect;
     measureText(text: string, options?: TextMeasureOptions): TextMetrics;
+    measureTextWidths(texts: string[], options?: TextMeasureOptions): number[];
     resolveFontSizePx(fontSizeCSS: string): number;
     measureFontMetrics(): {
         ascent: number;
@@ -163,6 +164,7 @@ export interface DOMSource {
     getBody(): Handle;
     getHead(): Handle;
     onFontsReady(callback: () => void): void;
+    startFontLoad(family: string): boolean;
     getElementById(id: string): Handle | null;
     getId(handle: Handle): string;
     getDataset(handle: Handle, key: string): string | undefined;
@@ -246,6 +248,7 @@ export declare class ProductionDOMSource implements DOMSource {
     getViewportRect(component: Component): Rect;
     getElementRect(handle: Handle): Rect;
     measureText(text: string, options?: TextMeasureOptions): TextMetrics;
+    measureTextWidths(texts: string[], options?: TextMeasureOptions): number[];
     resolveFontSizePx(fontSizeCSS: string): number;
     measureFontMetrics(): {
         ascent: number;
@@ -292,6 +295,7 @@ export declare class ProductionDOMSource implements DOMSource {
     getBody(): Handle;
     getHead(): Handle;
     onFontsReady(callback: () => void): void;
+    startFontLoad(family: string): boolean;
     getElementById(id: string): Handle | null;
     getId(handle: Handle): string;
     getDataset(handle: Handle, key: string): string | undefined;

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

@@ -0,0 +1,3 @@
+export declare const DRAG_DISTRIBUTION_EPSILON = 0.000001;
+export declare function chainRoom(group: number[], current: number[], sign: number, mins: number[], maxs: number[]): number;
+export declare function distributeDragChain(group: number[], current: number[], delta: number, sign: number, mins: number[], maxs: number[], out: number[]): void;

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

@@ -0,0 +1,7 @@
+export declare const MARK_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\"><style>.pane{fill:#FFFFFF}.region{fill:#000000}@media(prefers-color-scheme:dark){.pane{fill:#505050}.region{fill:#78AAF0}}</style><clipPath id=\"plate\"><rect width=\"32\" height=\"32\" rx=\"6\"/></clipPath><g clip-path=\"url(#plate)\"><rect class=\"pane\" width=\"32\" height=\"32\"/><rect class=\"region\" width=\"32\" height=\"10\"/><rect class=\"region\" y=\"12\" width=\"10\" height=\"20\"/><rect class=\"region\" x=\"12\" y=\"12\" width=\"20\" height=\"20\"/></g></svg>";
+export declare const DEFAULT_FAVICON: string;
+export declare class Favicon {
+    private static _link;
+    static install(href?: string): boolean;
+    static _reset(): void;
+}

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

@@ -0,0 +1,5 @@
+export declare const FIRST_LAYOUT_HOLD_MS = 50;
+export declare function holdFirstLayout(): void;
+export declare function isFirstLayoutHeld(): boolean;
+export declare function startFirstLayoutDeadline(): void;
+export declare function releaseFirstLayout(): void;

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

@@ -485,6 +485,7 @@ export declare class ThemeManager {
     static setTheme(theme: Theme): void;
     private static fontReflowScheduled;
     private static scheduleFontReflow;
+    private static onFontsSettled;
     private static reflowText;
     static getTheme(): Theme;
     static getResolvedScale(): ResolvedScale;

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

@@ -18,6 +18,7 @@ export interface TextMetrics {
 export declare namespace Util {
     function measureTextSize(text: string, options?: TextMeasureOptions): Size;
     function measureTextWidth(text: string, options?: TextMeasureOptions): number;
+    function measureTextWidths(texts: string[], options?: TextMeasureOptions): number[];
     function lineHeightPx(options?: {
         fontSizePx?: number;
         linePadding?: boolean | number;

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

@@ -24,6 +24,8 @@ export { Aria } from '../core/Aria.js';
 export type { AriaRole, AriaSort, AriaLive, AriaOrientation } from '../core/Aria.js';
 export { RovingTabIndex } from '../core/RovingTabIndex.js';
 export { Body } from '../core/Body.js';
+export type { BodyOptions } from '../core/Body.js';
+export { Favicon, DEFAULT_FAVICON } from '../core/Favicon.js';
 export { AnimatedDropdown, fadeShow, fadeHideAndDetach } from '../core/AnimatedDropdown.js';
 export type { AnimatedDropdownOptions, FadeOptions } from '../core/AnimatedDropdown.js';
 export { LayerManager } from '../core/LayerManager.js';

package/dist/lib/types/layout/Accordion.d.ts

@@ -119,7 +119,6 @@ declare class Accordion extends LayoutManager {
     private placeGutter;
     private onGutterDragStart;
     private onGutterDrag;
-    private distributeDragChain;
     private onGutterDragEnd;
     private computeShrinkRatio;
     private openContentHeight;

package/dist/lib/types/layout/FlowLayout.d.ts

@@ -19,12 +19,16 @@ export declare abstract class FlowLayout extends LayoutManager {
     protected _align: AxisPosition;
     protected _itemAlign: FlowItemAlign;
     protected _justify: AxisSpread;
+    private _wrappedLineExtent;
     constructor(options?: FlowLayoutOptions);
     protected applyOptions(options: FlowLayoutOptions): void;
     getComponentSpacing(): number;
     setComponentSpacing(spacing: number): this;
     getLineSpacing(): number;
     setLineSpacing(lineSpacing: number): this;
+    protected getWrappedLineExtent(): number | null;
+    protected publishWrappedLineExtent(extent: number): void;
+    attach(container: Component): this;
     getUniform(): FlowUniformity;
     setUniform(uniform: FlowUniformity): this;
     getAlign(): AxisPosition;

package/dist/lib/types/layout/HFlow.d.ts

@@ -10,6 +10,9 @@ declare class HFlow extends FlowLayout {
     private groupIntoRows;
     private placeRows;
     private cellsMainExtent;
+    private rowsCrossExtent;
+    private rowExtent;
+    private lineExtent;
 }
 declare const HFlowCallable: import("../core/Callable.js").Callable<typeof HFlow>;
 type HFlowCallable = HFlow;

package/dist/lib/types/layout/VFlow.d.ts

@@ -10,6 +10,7 @@ declare class VFlow extends FlowLayout {
     private groupIntoColumns;
     private placeColumns;
     private cellsMainExtent;
+    private columnsCrossExtent;
 }
 declare const VFlowCallable: import("../core/Callable.js").Callable<typeof VFlow>;
 type VFlowCallable = VFlow;

package/dist/lib/types/overlay/AbstractWindow.d.ts

@@ -91,7 +91,7 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     private readonly _boundOnBorderResize;
     private readonly _boundOnBringToFront;
     private readonly _boundOnThemeReflow;
-    constructor(options?: WindowOptions);
+    constructor(options?: WindowOptions, subclassDefaults?: Partial<WindowOptions>);
     protected initChrome(options?: WindowOptions): void;
     protected applyOptions(options: WindowOptions): this;
     protected abstract wireMoveTrigger(): void;

package/dist/lib/types/overlay/Dock.d.ts

@@ -138,6 +138,7 @@ declare class Dock extends Container<DockOptions> {
     protected emit(event: "focus", payload: DockPanelEvent | null): void;
     protected emit(event: "emptychange", payload: DockEmptyEvent): void;
     protected emit(event: "exception", payload: DockExceptionEvent): void;
+    protected destructor(): void;
 }
 declare const DockCallable: import("../core/Callable.js").Callable<typeof Dock>;
 type DockCallable = Dock;

package/dist/lib/types/overlay/DropZoneOverlay.d.ts

@@ -11,6 +11,7 @@ declare class DropZoneOverlay extends Component {
     setHighlight(zone: DropZone | null, valid?: boolean): void;
     highlightFull(): void;
     detach(): void;
+    protected destructor(): void;
 }
 declare const DropZoneOverlayCallable: import("../core/Callable.js").Callable<typeof DropZoneOverlay>;
 type DropZoneOverlayCallable = DropZoneOverlay;

package/dist/lib/types/overlay/Popover.d.ts

@@ -28,7 +28,7 @@ declare class Popover extends Container<PopoverOptions> implements DismissableLa
     private _scrollAncestors;
     private readonly _onWindowResize;
     private readonly _onScroll;
-    constructor(options?: PopoverOptions);
+    constructor(options?: PopoverOptions, subclassDefaults?: Partial<PopoverOptions>);
     protected applyOptions(options: PopoverOptions): this;
     setPlacement(p: PopoverPlacement): this;
     getPlacement(): PopoverPlacement;

package/dist/lib/validation.es.js

@@ -1 +1 @@
-import{t as e}from"./FieldDecorator-BaTGfKiW.js";export{e as FieldDecorator};
+import{t as e}from"./FieldDecorator-CgAGcqCk.js";export{e as FieldDecorator};

package/llms.txt

@@ -101,6 +101,7 @@ Organized by task. Columns: task → symbol · import subpath · summary · docs
 
 ### App shell
 - Map the URL to a top-level app section → **Router** · `@jimka/typescript-ui/router` · Maps the URL hash or path to a single top-level app section. Patterns are registered with register (e.g. `"/data/rows/:sel"`); on a navigat… · docs/concepts/routing.md
+- Give the app a browser-tab icon → **Favicon** · `@jimka/typescript-ui/core` · Installs the browser-tab icon by appending a `<link rel="icon">` to `<head>`. · docs/components/Body.md
 
 ## Conventions (hard rules)
 1. Never use CSS flex/grid or `position: relative` — arrange children with a LayoutManager (HBox/VBox/Border/Grid/Split/…). → docs/concepts/layout-system.md

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jimka/typescript-ui",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "A web-based layout manager and UI component framework written in TypeScript.",
   "keywords": ["ui", "ui-components", "typescript", "layout", "layout-manager", "widgets", "framework", "dock", "data-table", "retained-mode"],
   "author": "Jimmy Karlsson",
@@ -140,7 +140,7 @@
     "lint:fix": "eslint src --fix",
     "lint:baseline": "node scripts/eslint/update-baseline.mjs",
     "lint:dom-audit": "node scripts/eslint/dom-audit.mjs",
-    "test:lint": "node scripts/eslint/forward-super-options.test.mjs && node scripts/eslint/no-element-style.test.mjs && node scripts/eslint/no-raw-dom.test.mjs",
+    "test:lint": "node scripts/eslint/forward-super-options.test.mjs && node scripts/eslint/no-element-style.test.mjs && node scripts/eslint/no-raw-dom.test.mjs && node scripts/eslint/require-content-bounds.test.mjs && node scripts/eslint/require-subclass-defaults.test.mjs",
     "test": "npm run typecheck:test && vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",