@jimka/typescript-ui 0.2.0 → 0.4.0

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

@@ -10,6 +10,7 @@ import { ColumnSpec } from "../../component/table/ColumnConfig.js";
 import { Component, ComponentOptions } from "../../core/Component.js";
 import { ExportOptions } from "../../component/table/TableExporter.js";
 export type TableEvent = "selection" | "cellclick";
+export type TableDisplayMode = "normal" | "rotated";
 export interface TableOptions extends ComponentOptions {
 }
 declare class Table extends Component<TableOptions> {
@@ -25,13 +26,24 @@ 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;
     private _listeners;
+    private _displayMode;
+    private _rotatedRecord;
+    private _rotatedStore;
+    private _rotatedColumns;
+    private _rotatedConfigs;
+    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;
@@ -39,11 +51,16 @@ declare class Table extends Component<TableOptions> {
     protected emit(event: "selection", records: ModelRecord[]): void;
     protected emit(event: "cellclick", detail: CellClickEvent): void;
     getColumns(): Column[];
+    private getSourceColumns;
+    getDisplayMode(): TableDisplayMode;
+    setDisplayMode(mode: TableDisplayMode): this;
     getStore(): AbstractStore;
     getModel(): import("../../data").AbstractModel;
     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;
@@ -59,11 +76,18 @@ 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;
     private getEffectiveHiddenSet;
+    private bindSourceStore;
+    private unbindSourceStore;
+    private onSourceStoreChange;
+    private ensureRotatedStore;
+    private rebuildRotatedStore;
+    private rotatedCellType;
+    private rotatedCellValues;
+    private bindView;
     private showColumnMenu;
     setExportMenuEnabled(enabled: boolean): this;
     exportCSV(options?: ExportOptions): void;
@@ -72,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;
@@ -26,6 +28,7 @@ declare class HeaderCell extends DefaultCell {
     } | null;
     clearSortState(): this;
     setRequired(value: boolean): this;
+    setHeaderText(text: String): this;
     private _renderTitle;
     on(event: "commit", listener: (value: String | null) => void): this;
     on(event: "editend", listener: () => void): this;
@@ -48,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

@@ -1,5 +1,5 @@
 export { Table } from '../../component/table/Table.js';
-export type { TableOptions, TableEvent } from '../../component/table/Table.js';
+export type { TableOptions, TableEvent, TableDisplayMode } from '../../component/table/Table.js';
 export { TablePanel } from '../../component/table/TablePanel.js';
 export { TreeTable } from '../../component/table/TreeTable.js';
 export type { RowReparentDetail } from '../../component/table/TreeTable.js';
@@ -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

@@ -54,6 +54,7 @@ declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
     private _reflattenAndRender;
     private _onToggle;
     private _loadAndExpand;
+    private _notifySelectionChange;
     private _rangeSelect;
     private _selectAtIndex;
     private _extendSelectionTo;
@@ -64,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,6 +1,5 @@
 import { Component } from "../core/Component.js";
-import type { Handle } from "../core/DOM.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';
@@ -70,6 +69,5 @@ export declare class Aria {
     clearLabel(): this;
     setOrientation(value: AriaOrientation): this;
     getOrientation(): AriaOrientation | null;
-    applyToElement(element: Handle): void;
     private setAttribute;
 }

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

@@ -1,11 +1,18 @@
 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;
     private _onViewportResize;
+    private _onThemeReflow;
     protected clampsToContentSize(): boolean;
 }

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

@@ -0,0 +1,17 @@
+export declare const COMPONENT_CLASS = "ts-ui-component";
+interface ClassStyleDefaults {
+    visible?: boolean | null;
+    displayed?: boolean;
+    minSize?: {
+        width: number;
+        height: number;
+    } | null;
+    maxSize?: {
+        width: number;
+        height: number;
+    } | null;
+    overflow?: string | null;
+}
+type ClassStyleBag = Readonly<Record<string, string>>;
+export declare function ensureClassStyleRule(ctor: Function, defaults: ClassStyleDefaults): ClassStyleBag | null;
+export {};

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

@@ -74,7 +74,6 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private readonly _ownedSelectors;
     private readonly _themeCleanups;
     private _tag;
-    private _attributes;
     private _elementAttributes;
     private _boxSizing;
     private _left;
@@ -108,6 +107,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private _borderWidths;
     private _borderThemeSubscribed;
     private _autoCommitStyle;
+    private _autoCommitAttributes;
     private _layoutPaused;
     private _aria;
     private _whiteSpace;
@@ -115,6 +115,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private _verticalAlign;
     private _styleRule;
     private _inlineStyle;
+    private _inheritedStyleBag;
     private _clipFrame;
     private _clipFrameStyle;
     private _contentFrame;
@@ -122,7 +123,8 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private _deferredStyleRules;
     private _parent;
     protected _options: TOptions;
-    protected _defaultOptions: TOptions;
+    protected _defaultOptions: Readonly<TOptions>;
+    private _defaultLayoutManager;
     constructor(options?: TOptions, subclassDefaults?: Partial<TOptions>);
     protected applyOptions(options: TOptions): this;
     protected applyChromeOptions(options: TOptions): void;
@@ -158,6 +160,9 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     getAutoCommitStyle(): boolean;
     setAutoCommitStyle(value: boolean): this;
     protected commitElementStyle(): this;
+    getAutoCommitAttributes(): boolean;
+    setAutoCommitAttributes(value: boolean): this;
+    protected commitElementAttributes(): this;
     protected setElementCSSRules(values: Style): this;
     protected setElementCSSRule(key: string, value: Object | null): this;
     protected commitCSSRule(): this;
@@ -245,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;
@@ -326,6 +337,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     clearUserSelect(): this;
     focus(preventScroll?: boolean): this;
     unfocus(): this;
+    private writeRuleDeclaration;
     applyStyle(element: Handle): this;
     private applyBoxAndVisibilityStyles;
     private replayGeometryStyles;
@@ -333,6 +345,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private applyOverflowStyles;
     private applyChromeStyles;
     private applyMiscInlineStyles;
+    protected materialiseStyleRule(): void;
     private materialiseDeferredRules;
     sync(): void;
     getParentComponent(): Component | null;
@@ -369,6 +382,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     addMouseDownSubtreeListener(listener: Event.Listener): this;
     removeMouseDownSubtreeListener(listener: Event.Listener): this;
     protected init(element?: Handle): this;
+    protected reattachElementBuffers(): this;
     protected createRootElement(): Handle;
     protected render(): Handle;
 }

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

@@ -0,0 +1 @@
+export declare function resolveClassDefaults<TOptions>(ctor: Function, subclassDefaults: Partial<TOptions> | undefined): Readonly<TOptions>;

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

@@ -63,7 +63,7 @@ export interface DOMSink {
     apply(handle: Handle, patch: ElementPatch): void;
     edit(handle: Handle): PatchBuilder;
     release(handle: Handle): void;
-    setRuleStyle(rule: CSSStyleRule, key: string, value: string | null): void;
+    setRuleStyles(rule: CSSStyleRule, styles: Record<string, string | null>): void;
     ensureStyleRule(selector: string): CSSStyleRule;
     deleteStyleRule(selector: string): void;
     ensureKeyframes(name: string, body: string): void;
@@ -81,6 +81,8 @@ export interface DOMSink {
     setSelectionRange(handle: Handle, start: number, end: number): void;
     setLocationHash(hash: string): void;
     replaceLocationHash(hash: string): void;
+    pushHistoryPath(url: string): void;
+    replaceHistoryPath(url: string): void;
     addListener<T extends Event = Event>(target: Handle, type: string, handler: (event: T) => void, options?: boolean | AddEventListenerOptions): void;
     removeListener<T extends Event = Event>(target: Handle, type: string, handler: (event: T) => void, options?: boolean | EventListenerOptions): void;
     dispatchEvent(target: Handle, event: Event): void;
@@ -115,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;
@@ -137,6 +140,7 @@ export interface DOMSource {
     isWindow(target: Handle | null): boolean;
     getWindow(): Handle;
     getLocationHash(): string;
+    getLocationPathname(): string;
     contains(ancestor: Handle, node: Handle | null): boolean;
     querySelector(root: Handle, selector: string): Handle | null;
     querySelectorAll(root: Handle, selector: string): Handle[];
@@ -160,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;
@@ -182,13 +187,16 @@ export interface MediaQueryResult {
 }
 export declare class ProductionDOMSink implements DOMSink {
     private readonly _timers;
+    private _ruleIndex;
+    private _indexedSheet;
     apply(handle: Handle, patch: ElementPatch): void;
     edit(handle: Handle): PatchBuilder;
     release(handle: Handle): void;
-    setRuleStyle(rule: CSSStyleRule, key: string, value: string | null): void;
+    setRuleStyles(rule: CSSStyleRule, styles: Record<string, string | null>): void;
     ensureStyleRule(selector: string): CSSStyleRule;
     deleteStyleRule(selector: string): void;
     ensureKeyframes(name: string, body: string): void;
+    private ruleIndex;
     private mainSheet;
     createElement(tag: string): Handle;
     createElementNS(ns: string, tag: string): Handle;
@@ -204,6 +212,8 @@ export declare class ProductionDOMSink implements DOMSink {
     setSelectionRange(handle: Handle, start: number, end: number): void;
     setLocationHash(hash: string): void;
     replaceLocationHash(hash: string): void;
+    pushHistoryPath(url: string): void;
+    replaceHistoryPath(url: string): void;
     addListener<T extends Event = Event>(target: Handle, type: string, handler: (event: T) => void, options?: boolean | AddEventListenerOptions): void;
     removeListener<T extends Event = Event>(target: Handle, type: string, handler: (event: T) => void, options?: boolean | EventListenerOptions): void;
     dispatchEvent(target: Handle, event: Event): void;
@@ -238,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;
@@ -260,6 +271,7 @@ export declare class ProductionDOMSource implements DOMSource {
     isWindow(target: Handle | null): boolean;
     getWindow(): Handle;
     getLocationHash(): string;
+    getLocationPathname(): string;
     contains(ancestor: Handle, node: Handle | null): boolean;
     querySelector(root: Handle, selector: string): Handle | null;
     querySelectorAll(root: Handle, selector: string): Handle[];
@@ -283,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/ElementAttributes.d.ts

@@ -0,0 +1,15 @@
+import type { Handle } from "../core/DOM.js";
+declare class ElementAttributes {
+    private _handle;
+    private _state;
+    private _pending;
+    set(key: string, value: string): void;
+    remove(key: string): void;
+    queue(key: string, value: string): void;
+    queueRemove(key: string): void;
+    get(key: string): string | undefined;
+    flush(): void;
+    attach(handle: Handle): void;
+    isMaterialized(): boolean;
+}
+export { ElementAttributes };

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

@@ -0,0 +1,4 @@
+import type { Handle } from "../core/DOM.js";
+export declare function registerTransition(handle: Handle, cancel: () => void): void;
+export declare function unregisterTransition(handle: Handle, cancel: () => void): void;
+export declare function cancelTransitions(handle: Handle): void;

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

@@ -8,6 +8,7 @@ declare abstract class StyleTarget<T> {
     queueMany(values: Record<string, string | null>): void;
     flush(): void;
     isMaterialized(): boolean;
+    hasQueuedWrites(): boolean;
     protected materialize(target: T): void;
     protected abstract writeStyle(key: string, value: string | null): void;
     protected abstract flushDirty(dirty: Record<string, string | null>): 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;
@@ -28,6 +29,8 @@ export declare namespace Util {
         bottom: number;
     }): number;
     function opticalCenterOffset(): number;
+    function textMetricsGeneration(): number;
+    function boundFontSizePx(cssVar: string, cssRule: string | null): number | null;
     function invalidateTextMetricsCache(): void;
     function generateUUID(): string;
     function isInteger(value: Object): boolean;

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';
@@ -34,6 +36,7 @@ export { ThemeManager, BaseTheme, ClassicTheme, DarkTheme, ModernTheme, defineTh
 export type { Theme, DeepPartial, ScaleToken, ResolvedScale, FontSizeToken } from '../core/Theme.js';
 export { StyleTarget, StyleRule, InlineStyle } from '../core/StyleTarget.js';
 export type { StyleRuleScope, StyleRuleSpec } from '../core/StyleTarget.js';
+export { ElementAttributes } from '../core/ElementAttributes.js';
 export { Binding } from '../core/Binding.js';
 export type { BeforeRecordListener, BindingEvent } from '../core/Binding.js';
 export type { Bindable, BindingAccessors } from '../core/Bindable.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/Border.d.ts

@@ -32,6 +32,7 @@ declare class Border extends LayoutManager {
     setRegionCollapsible(placement: Placement, value: boolean): this;
     private ensureGutter;
     private regionExtent;
+    private flooredMainExtent;
     private applyRegionClip;
     private updateRegionGutter;
     private innerEdgeTrack;

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

@@ -6,7 +6,7 @@ import type { ComponentFactory } from "../core/Component.js";
 import { AbstractWindow } from "../overlay/AbstractWindow.js";
 import type { TabToolDescriptor } from "../component/container/TabBar.js";
 import type { AxisPosition, AxisEnd } from "../primitive/Axis.js";
-export type TabEvent = "tabclose" | "empty" | "detach" | "activate" | "dock" | "exception";
+export type TabEvent = "tabclose" | "empty" | "detach" | "select" | "activate" | "dock" | "exception";
 export type TabDetachWindowMode = "bare" | "strip";
 export type TabWidthMode = "fill" | "content" | "equal" | "fixed";
 export type TabSide = "north" | "south" | "west" | "east";
@@ -109,6 +109,7 @@ declare class Tab extends LayoutManager {
     addLazyTab(factory: ComponentFactory, name: string, constraints?: LayoutConstraints): void;
     private syncUntabbedChildren;
     private materializeAsync;
+    private announcePendingActivation;
     private failEntry;
     protected computeTotalMinSize(): Size;
     doLayout(): void;
@@ -130,6 +131,7 @@ declare class Tab extends LayoutManager {
     on(event: "tabclose", listener: (component: Component) => void): this;
     on(event: "empty", listener: () => void): this;
     on(event: "detach", listener: (window: AbstractWindow) => void): this;
+    on(event: "select", listener: (index: number, label: string) => void): this;
     on(event: "activate", listener: (content: Component, index: number) => void): this;
     on(event: "dock", listener: (content: Component) => void): this;
     on(event: "exception", listener: (error: unknown, label: string) => void): this;
@@ -137,6 +139,7 @@ declare class Tab extends LayoutManager {
     protected emit(event: "tabclose", component: Component): void;
     protected emit(event: "empty"): void;
     protected emit(event: "detach", window: AbstractWindow): void;
+    protected emit(event: "select", index: number, label: string): void;
     protected emit(event: "activate", content: Component, index: number): void;
     protected emit(event: "dock", content: Component): void;
     protected emit(event: "exception", error: unknown, label: string): void;

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

@@ -8,6 +8,7 @@ declare class Table extends LayoutManager {
     doLayout(): void;
     private initializeWidths;
     private rescaleWidths;
+    private absorbSlackIntoGreedy;
     private clamp;
 }
 declare const TableCallable: import("../core/Callable.js").Callable<typeof Table>;

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

@@ -90,7 +90,8 @@ export declare abstract class AbstractWindow extends Container<WindowOptions> im
     private readonly _boundOnSnapBlur;
     private readonly _boundOnBorderResize;
     private readonly _boundOnBringToFront;
-    constructor(options?: WindowOptions);
+    private readonly _boundOnThemeReflow;
+    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;