@jimka/typescript-ui 0.5.0 → 0.6.0

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

@@ -0,0 +1,21 @@
+import { Component, ComponentOptions } from "../../../core/Component.js";
+import type { Handle } from "../../../core/DOM.js";
+interface FilterClauseBadgeOptions extends ComponentOptions {
+    count?: number | null;
+}
+declare class FilterClauseBadge extends Component<FilterClauseBadgeOptions> {
+    private _count;
+    private _description;
+    constructor(options?: FilterClauseBadgeOptions, subclassDefaults?: Partial<FilterClauseBadgeOptions>);
+    protected applyOptions(options: FilterClauseBadgeOptions): this;
+    protected render(): Handle;
+    getCount(): number | null;
+    getAccessibleDescription(): string | null;
+    setAccessibleDescription(text: string | null): this;
+    setCount(value: number | null): this;
+    private _countText;
+    private _shouldShow;
+}
+declare const FilterClauseBadgeCallable: import("../../../core/Callable.js").Callable<typeof FilterClauseBadge>;
+type FilterClauseBadgeCallable = FilterClauseBadge;
+export { FilterClauseBadge as _FilterClauseBadge, FilterClauseBadgeCallable as FilterClauseBadge };

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

@@ -0,0 +1,9 @@
+import { DefaultCell } from "../../../component/table/cell/Default.js";
+declare class GroupSeparatorCell extends DefaultCell {
+    private _color;
+    constructor(text: string, color: string | null);
+    getColor(): string | null;
+}
+declare const GroupSeparatorCellCallable: import("../../../core/Callable.js").Callable<typeof GroupSeparatorCell>;
+type GroupSeparatorCellCallable = GroupSeparatorCell;
+export { GroupSeparatorCell as _GroupSeparatorCell, GroupSeparatorCellCallable as GroupSeparatorCell };

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

@@ -46,6 +46,7 @@ declare class HeaderCell extends DefaultCell {
     setTooltip(text: string): this;
     getTooltip(): string;
     private onSortClick;
+    private onContextMenu;
     private onResizeDragStart;
     private onResizeDrag;
     private onResizeDragStop;

package/dist/lib/types/component/table/cell/editor/CellEditor.d.ts

@@ -19,4 +19,5 @@ export declare abstract class CellEditor<T> extends Component {
     setCommitRequestHandler(handler: () => void): void;
     protected requestCommit(): void;
     getContentX(): number;
+    getDisplayText(): string;
 }

package/dist/lib/types/component/table/cell/renderer/CellRenderer.d.ts

@@ -4,5 +4,6 @@ export declare abstract class CellRenderer<T> extends Component {
     abstract getValue(): T;
     abstract setValue(t: T): void;
     getContentX(): number;
+    getDisplayText(): string;
     doLayout(): this;
 }

package/dist/lib/types/component/table/cell/renderer/Combo.d.ts

@@ -5,10 +5,12 @@ declare class ComboRenderer extends CellRenderer<String | null> {
     private _text;
     private _map;
     private _value;
+    private _display;
     constructor(optionList: Array<ComboOption | string>);
     getText(): Text;
     getValue(): String | null;
     setValue(value: String | null): this;
+    getDisplayText(): string;
     setOptions(optionList: Array<ComboOption | string>): this;
 }
 declare const ComboRendererCallable: import("../../../../core/Callable.js").Callable<typeof ComboRenderer>;

package/dist/lib/types/component/table/cell/renderer/Date.d.ts

@@ -2,9 +2,11 @@ import { CellRenderer } from "../../../../component/table/cell/renderer/CellRend
 declare class DateRenderer extends CellRenderer<Date | null> {
     private _text;
     private _value;
+    private _display;
     constructor();
     getValue(): Date | null;
     setValue(value: Date | null): this;
+    getDisplayText(): string;
 }
 declare const DateRendererCallable: import("../../../../core/Callable.js").Callable<typeof DateRenderer>;
 type DateRendererCallable = DateRenderer;

package/dist/lib/types/component/table/cell/renderer/DateTime.d.ts

@@ -3,9 +3,11 @@ declare class DateTimeRenderer extends CellRenderer<Date | null> {
     private _text;
     private _value;
     private _showSeconds;
+    private _display;
     constructor(showSeconds?: boolean);
     getValue(): Date | null;
     setValue(value: Date | null): this;
+    getDisplayText(): string;
 }
 declare const DateTimeRendererCallable: import("../../../../core/Callable.js").Callable<typeof DateTimeRenderer>;
 type DateTimeRendererCallable = DateTimeRenderer;

package/dist/lib/types/component/table/cell/renderer/Filter.d.ts

@@ -0,0 +1,16 @@
+import { CellRenderer } from "../../../../component/table/cell/renderer/CellRenderer.js";
+import { TextField } from "../../../../component/input/TextField.js";
+import { MenuButton } from "../../../../component/button/MenuButton.js";
+declare class FilterCellRenderer extends CellRenderer<string | null> {
+    private _input;
+    private _operatorButton;
+    constructor();
+    getInput(): TextField;
+    getOperatorButton(): MenuButton;
+    setMenuOpenPredicate(predicate: (() => boolean) | null): this;
+    getValue(): string | null;
+    setValue(value: string | null): void;
+}
+declare const FilterCellRendererCallable: import("../../../../core/Callable.js").Callable<typeof FilterCellRenderer>;
+type FilterCellRendererCallable = FilterCellRenderer;
+export { FilterCellRenderer as _FilterCellRenderer, FilterCellRendererCallable as FilterCellRenderer };

package/dist/lib/types/component/table/cell/renderer/Glyph.d.ts

@@ -4,6 +4,7 @@ declare class GlyphRenderer extends CellRenderer<String | null> {
     private _glyph;
     getValue(): String | null;
     setValue(value: String | null): this;
+    getDisplayText(): string;
 }
 declare const GlyphRendererCallable: import("../../../../core/Callable.js").Callable<typeof GlyphRenderer>;
 type GlyphRendererCallable = GlyphRenderer;

package/dist/lib/types/component/table/cell/renderer/Link.d.ts

@@ -6,10 +6,12 @@ export interface LinkCellRendererOptions {
 declare class LinkCellRenderer extends CellRenderer<String | null> {
     private readonly _text;
     private _value;
+    private _display;
     constructor(options?: LinkCellRendererOptions);
     getText(): Text;
     getValue(): String | null;
     setValue(value: String | null): void;
+    getDisplayText(): string;
 }
 declare const LinkCellRendererCallable: import("../../../../core/Callable.js").Callable<typeof LinkCellRenderer>;
 type LinkCellRendererCallable = LinkCellRenderer;

package/dist/lib/types/component/table/cell/renderer/Number.d.ts

@@ -2,9 +2,11 @@ import { CellRenderer } from "../../../../component/table/cell/renderer/CellRend
 declare class NumberRenderer extends CellRenderer<Number | null> {
     private _text;
     private _value;
-    constructor();
+    private _display;
+    constructor(align?: "left" | "right");
     getValue(): Number | null;
     setValue(value: Number | null): this;
+    getDisplayText(): string;
 }
 declare const NumberRendererCallable: import("../../../../core/Callable.js").Callable<typeof NumberRenderer>;
 type NumberRendererCallable = NumberRenderer;

package/dist/lib/types/component/table/cell/renderer/String.d.ts

@@ -3,10 +3,12 @@ import { Text } from "../../../../component/input/Text.js";
 declare class StringRenderer extends CellRenderer<String | null> {
     private _text;
     private _value;
+    private _display;
     constructor();
     getText(): Text;
     getValue(): String | null;
     setValue(value: String | null): this;
+    getDisplayText(): string;
 }
 declare const StringRendererCallable: import("../../../../core/Callable.js").Callable<typeof StringRenderer>;
 type StringRendererCallable = StringRenderer;

package/dist/lib/types/component/table/cell/renderer/Time.d.ts

@@ -3,9 +3,11 @@ declare class TimeRenderer extends CellRenderer<Date | null> {
     private _text;
     private _value;
     private _showSeconds;
+    private _display;
     constructor(showSeconds?: boolean);
     getValue(): Date | null;
     setValue(value: Date | null): this;
+    getDisplayText(): string;
 }
 declare const TimeRendererCallable: import("../../../../core/Callable.js").Callable<typeof TimeRenderer>;
 type TimeRendererCallable = TimeRenderer;

package/dist/lib/types/component/table/cell/renderer/TreeCell.d.ts

@@ -17,6 +17,7 @@ declare class TreeCellRenderer<T> extends CellRenderer<T> {
     getContentX(): number;
     getValue(): T;
     setValue(value: T): this;
+    getDisplayText(): string;
     setTreeState(depth: number, hasChildren: boolean, expanded: boolean): this;
     setInsets(insets: Insets): this;
     private refreshToggle;

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

@@ -7,6 +7,8 @@ export { TreeTablePanel } from '../../component/table/TreeTablePanel.js';
 export type { TreeTableSpec } from '../../component/table/TreeTableSpec.js';
 export { Column } from '../../component/table/Column.js';
 export type { CellType, ColumnConfig, ColumnSpec, ComboOption } from '../../component/table/ColumnConfig.js';
+export { columnFilterOperators, columnFilterOperatorLabel, columnFilterOperatorGlyph, columnFilterTakesOperand, isClauseEffective, effectiveClauseCount, buildColumnFilter, columnFilterStatesEqual, } from '../../component/table/ColumnFilter.js';
+export type { ColumnFilterOperator, ColumnFilterClause, ColumnFilterState, ColumnFilterTarget } from '../../component/table/ColumnFilter.js';
 export { TableExporter } from '../../component/table/TableExporter.js';
 export type { ExportOptions } from '../../component/table/TableExporter.js';
 export { TableHeader } from '../../component/table/Header.js';
@@ -23,6 +25,9 @@ export { DefaultCell } from '../../component/table/cell/Default.js';
 export { HeaderCell } from '../../component/table/cell/Header.js';
 export type { HeaderCellEvent } from '../../component/table/cell/Header.js';
 export { ParentHeaderCell } from '../../component/table/cell/ParentHeader.js';
+export { GroupSeparatorCell } from '../../component/table/cell/GroupSeparator.js';
+export { FilterCell } from '../../component/table/cell/Filter.js';
+export type { FilterCellEvent } from '../../component/table/cell/Filter.js';
 export { BooleanCell } from '../../component/table/cell/Boolean.js';
 export { NumberCell } from '../../component/table/cell/Number.js';
 export { StringCell } from '../../component/table/cell/String.js';
@@ -45,6 +50,7 @@ export { ComboEditor } from '../../component/table/cell/editor/Combo.js';
 export { CellEditorPool } from '../../component/table/cell/editor/CellEditorPool.js';
 export type { CellEditorFactory } from '../../component/table/cell/editor/CellEditorPool.js';
 export { CellRenderer } from '../../component/table/cell/renderer/CellRenderer.js';
+export { FilterCellRenderer } from '../../component/table/cell/renderer/Filter.js';
 export { NumberRenderer } from '../../component/table/cell/renderer/Number.js';
 export { StringRenderer } from '../../component/table/cell/renderer/String.js';
 export { DateRenderer } from '../../component/table/cell/renderer/Date.js';

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

@@ -5,15 +5,19 @@ import { VirtualRowView } from "../../component/shared/VirtualRowView.js";
 import { TreeNode } from "../../component/tree/TreeNode.js";
 import { TreeRow } from "../../component/tree/TreeRow.js";
 import { TreeNodeRenderer } from "../../component/tree/TreeNodeRenderer.js";
-export type TreeEvent = "selection" | "loaderror" | "contextmenu" | "dblclick";
+export type TreeEvent = "selection" | "loaderror" | "contextmenu" | "dblclick" | "expand" | "collapse";
 export type TreeRowOverflow = "scroll" | "clip";
+export type TreeExpandTrigger = "dblclick" | "click";
 export interface TreeOptions extends ComponentOptions {
     rowOverflow?: TreeRowOverflow;
+    expandTrigger?: TreeExpandTrigger;
     listeners?: {
         selection?: (nodes: TreeNode[]) => void;
         loaderror?: (node: TreeNode, error: unknown) => void;
         contextmenu?: (node: TreeNode, event: MouseEvent) => void;
         dblclick?: (node: TreeNode) => void;
+        expand?: (node: TreeNode) => void;
+        collapse?: (node: TreeNode) => void;
     };
 }
 declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
@@ -25,6 +29,7 @@ declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
     private _selectedNodes;
     private _loadingNodes;
     private _loadedNodes;
+    private _pendingExpansions;
     private _anchorNode;
     private _focusNode;
     private _listeners;
@@ -33,6 +38,8 @@ declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
     protected applyOptions(options: TreeOptions): this;
     getRowOverflow(): TreeRowOverflow;
     setRowOverflow(rowOverflow: TreeRowOverflow): this;
+    getExpandTrigger(): TreeExpandTrigger;
+    setExpandTrigger(expandTrigger: TreeExpandTrigger): this;
     getPreferredSize(): Size | null;
     setNodes(nodes: TreeNode[]): this;
     expandAll(): this;
@@ -41,6 +48,7 @@ declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
     getNodes(): TreeNode[];
     getSelectedNode(): TreeNode | null;
     getSelectedNodes(): TreeNode[];
+    getExpandedNodes(): TreeNode[];
     selectNode(node: TreeNode): this;
     revealByPredicate(predicate: (data: unknown, node: TreeNode) => boolean): Promise<TreeNode | null>;
     private _findPath;
@@ -49,18 +57,26 @@ declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
     on(event: "loaderror", listener: (node: TreeNode, error: unknown) => void): this;
     on(event: "contextmenu", listener: (node: TreeNode, event: MouseEvent) => void): this;
     on(event: "dblclick", listener: (node: TreeNode) => void): this;
+    on(event: "expand", listener: (node: TreeNode) => void): this;
+    on(event: "collapse", listener: (node: TreeNode) => void): this;
     off(event: TreeEvent, listener: Function): this;
     protected emit(event: "selection", nodes: TreeNode[]): void;
     protected emit(event: "loaderror", node: TreeNode, error: unknown): void;
     protected emit(event: "contextmenu", node: TreeNode, event_: MouseEvent): void;
     protected emit(event: "dblclick", node: TreeNode): void;
+    protected emit(event: "expand", node: TreeNode): void;
+    protected emit(event: "collapse", node: TreeNode): void;
     setRendererFactory(factory: () => TreeNodeRenderer): this;
     getRendererFactory(): () => TreeNodeRenderer;
     private _isExpandable;
     private _flatten;
     private _reflattenAndRender;
     expandNode(node: TreeNode): this;
+    expandNodeAsync(node: TreeNode): Promise<boolean>;
     private _onToggle;
+    private _expand;
+    private _collapse;
+    private _expandLazy;
     private _loadAndExpand;
     private _notifySelectionChange;
     private _rangeSelect;

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

@@ -1,5 +1,5 @@
 export { Tree } from '../../component/tree/Tree.js';
-export type { TreeOptions, TreeEvent, TreeRowOverflow } from '../../component/tree/Tree.js';
+export type { TreeOptions, TreeEvent, TreeRowOverflow, TreeExpandTrigger } from '../../component/tree/Tree.js';
 export type { TreeNode } from '../../component/tree/TreeNode.js';
 export type { TreeNodeRenderContext } from '../../component/tree/TreeNodeRenderContext.js';
 export { TreeNodeRenderer } from '../../component/tree/TreeNodeRenderer.js';

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

@@ -1,5 +1,4 @@
 import { Component, ComponentOptions } from "../core/Component.js";
-import { Animation } from "../core/Animation.js";
 import { DismissableLayer, LayerDismissMode } from "../core/LayerManager.js";
 import { type Rect, type Handle } from "../core/DOM.js";
 export interface AnimatedDropdownOptions extends ComponentOptions {
@@ -7,12 +6,6 @@ export interface AnimatedDropdownOptions extends ComponentOptions {
     durationMs?: number;
     translatePx?: number;
 }
-export interface FadeOptions {
-    durationMs?: number;
-    translatePx?: number;
-    animated?: boolean;
-    onComplete?: () => void;
-}
 declare class AnimatedDropdown<TOptions extends AnimatedDropdownOptions = AnimatedDropdownOptions> extends Component<TOptions> implements DismissableLayer {
     private _dismissing;
     private _open;
@@ -45,8 +38,6 @@ declare class AnimatedDropdown<TOptions extends AnimatedDropdownOptions = Animat
     setCloseHandler(handler: (() => void) | null): this;
     setAnchorElement(el: Handle | null): this;
 }
-export declare function fadeShow(component: Component, options?: FadeOptions): Animation.CancelHandle;
-export declare function fadeHideAndDetach(component: Component, options?: FadeOptions): Animation.CancelHandle;
 declare const AnimatedDropdownCallable: import("../core/Callable.js").Callable<typeof AnimatedDropdown>;
 type AnimatedDropdownCallable<TOptions extends AnimatedDropdownOptions = AnimatedDropdownOptions> = AnimatedDropdown<TOptions>;
 export { AnimatedDropdown as _AnimatedDropdown, AnimatedDropdownCallable as AnimatedDropdown };

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

@@ -1,6 +1,7 @@
 import { Component, ComponentOptions } from "../core/Component.js";
 export interface BodyOptions extends ComponentOptions {
     favicon?: string | false;
+    nativeContextMenu?: boolean;
 }
 export declare class Body extends Component<BodyOptions> {
     private static readonly INSTANCE;
@@ -9,10 +10,13 @@ export declare class Body extends Component<BodyOptions> {
     protected applyOptions(options: BodyOptions): this;
     setFavicon(favicon: string | false): this;
     getFavicon(): string | false;
+    setNativeContextMenu(allowed: boolean): this;
+    getNativeContextMenu(): boolean;
     private constructor();
     getElement(): import("../core/DOM.js").Handle;
     protected init(): this;
     private _onViewportResize;
+    private onContextMenu;
     private _onThemeReflow;
     protected clampsToContentSize(): boolean;
 }

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

@@ -11,6 +11,7 @@ interface ClassStyleDefaults {
         height: number;
     } | null;
     overflow?: string | null;
+    cursor?: string | null;
 }
 type ClassStyleBag = Readonly<Record<string, string>>;
 export declare function ensureClassStyleRule(ctor: Function, defaults: ClassStyleDefaults): ClassStyleBag | null;

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

@@ -136,11 +136,13 @@ export interface DOMSource {
     isConnected(handle: Handle): boolean;
     getValue(handle: Handle): string;
     getActiveElement(): Handle | null;
+    getDocumentSelection(): DocumentSelectionRange | null;
     matchMedia(query: string): MediaQueryResult;
     isWindow(target: Handle | null): boolean;
     getWindow(): Handle;
     getLocationHash(): string;
     getLocationPathname(): string;
+    getLocationSearch(): string;
     contains(ancestor: Handle, node: Handle | null): boolean;
     querySelector(root: Handle, selector: string): Handle | null;
     querySelectorAll(root: Handle, selector: string): Handle[];
@@ -181,6 +183,12 @@ export interface DOMSource {
     hasPointerCapture(handle: Handle, pointerId: number): boolean;
     elementsFromPoint(x: number, y: number): Handle[];
 }
+export interface DocumentSelectionRange {
+    startContainer: Handle;
+    startOffset: number | null;
+    endContainer: Handle;
+    endOffset: number | null;
+}
 export interface MediaQueryResult {
     matches: boolean;
     addChangeListener(handler: (event: MediaQueryListEvent) => void): void;
@@ -267,11 +275,13 @@ export declare class ProductionDOMSource implements DOMSource {
     isConnected(handle: Handle): boolean;
     getValue(handle: Handle): string;
     getActiveElement(): Handle | null;
+    getDocumentSelection(): DocumentSelectionRange | null;
     matchMedia(query: string): MediaQueryResult;
     isWindow(target: Handle | null): boolean;
     getWindow(): Handle;
     getLocationHash(): string;
     getLocationPathname(): string;
+    getLocationSearch(): string;
     contains(ancestor: Handle, node: Handle | null): boolean;
     querySelector(root: Handle, selector: string): Handle | null;
     querySelectorAll(root: Handle, selector: string): Handle[];

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

@@ -2,6 +2,12 @@ import { Component } from "../core/Component.js";
 export declare namespace Event {
     interface ListenerOptions {
         passive?: boolean;
+        button?: "primary" | "aux" | "any";
+        stop?: boolean;
+        prevent?: boolean;
+    }
+    interface ListenerRegistration extends ListenerOptions {
+        handler: Listener;
     }
     interface EventDisposition {
         stop?: boolean;
@@ -9,12 +15,15 @@ export declare namespace Event {
     }
     type ListenerResult = boolean | EventDisposition | void;
     type Listener = (event: any) => ListenerResult;
+    function isPrimaryButton(e: MouseEvent | PointerEvent | TouchEvent): boolean;
     function init(): void;
     function fireEvent(component: Component, type: string, payload?: any): void;
     function fireEvent(component: Component, event: globalThis.Event): void;
-    function addListener(component: Component, type: string, listener: Listener, options?: ListenerOptions): void;
+    function addListener(component: Component, type: string, listener: Listener): void;
+    function addListener(component: Component, type: string, registration: ListenerRegistration): void;
     function removeListener(component: Component, type: string, listener: Listener): void;
-    function addSubtreeListener(component: Component, type: string, listener: Listener, options?: ListenerOptions): void;
+    function addSubtreeListener(component: Component, type: string, listener: Listener): void;
+    function addSubtreeListener(component: Component, type: string, registration: ListenerRegistration): void;
     function removeSubtreeListener(component: Component, type: string, listener: Listener): void;
     function reindexComponent(oldId: string, newId: string): void;
     function purgeComponent(componentId: string): void;

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

@@ -0,0 +1,12 @@
+import { Component } from "../core/Component.js";
+import { Animation } from "../core/Animation.js";
+export declare const DEFAULT_DURATION_MS: number;
+export declare const DEFAULT_TRANSLATE_PX: number;
+export interface FadeOptions {
+    durationMs?: number;
+    translatePx?: number;
+    animated?: boolean;
+    onComplete?: () => void;
+}
+export declare function fadeShow(component: Component, options?: FadeOptions): Animation.CancelHandle;
+export declare function fadeHideAndDetach(component: Component, options?: FadeOptions): Animation.CancelHandle;

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

@@ -13,6 +13,12 @@ export interface FlexiblePlacement {
     available: number;
 }
 export declare function positionFlexibleAnchored(nearEdge: number, farEdge: number, extent: number, viewportExtent: number, viewportMargin: number): FlexiblePlacement;
+export interface AnchoredFlexiblePlacement {
+    x: number;
+    y: number;
+    available: number;
+}
+export declare function positionAnchoredFlexible(anchorRect: Rect, size: Size, viewport: Size, margin: number): AnchoredFlexiblePlacement;
 export declare function positionAnchored(anchorRect: Rect, size: Size, viewport: Size, opts: AnchorOptions): {
     x: number;
     y: number;

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

@@ -209,6 +209,9 @@ export interface Theme {
             border: string;
             editorBorderColor: string;
         };
+        filterRow: {
+            background: string;
+        };
         resizeHandle: {
             width: string;
             color: string;
@@ -219,6 +222,11 @@ export interface Theme {
             color: string;
             fontSize?: FontSizeToken;
         };
+        filterClauseBadge: {
+            background: string;
+            color: string;
+            fontSize?: FontSizeToken;
+        };
     };
     contextMenu: {
         background: string;

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

@@ -9,7 +9,7 @@ export type { SmoothScrollTarget, ScrollAxis } from '../core/SmoothScroller.js';
 export { Util } from '../core/Util.js';
 export type { TextMeasureOptions, TextMetrics } from '../core/Util.js';
 export { DOM, ProductionDOMSink, ProductionDOMSource, PatchBuilder } from '../core/DOM.js';
-export type { DOMSink, DOMSource, DOMSeams, Rect, ScrollMetrics, OffsetSize, MediaState, Handle, TimerId, ElementPatch, MediaQueryResult } from '../core/DOM.js';
+export type { DOMSink, DOMSource, DOMSeams, DocumentSelectionRange, Rect, ScrollMetrics, OffsetSize, MediaState, Handle, TimerId, ElementPatch, MediaQueryResult } from '../core/DOM.js';
 export { callable } from '../core/Callable.js';
 export type { Callable } from '../core/Callable.js';
 export { Component } from '../core/Component.js';
@@ -26,8 +26,10 @@ 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 { AnimatedDropdown } from '../core/AnimatedDropdown.js';
+export type { AnimatedDropdownOptions } from '../core/AnimatedDropdown.js';
+export { fadeShow, fadeHideAndDetach } from '../core/OverlayFade.js';
+export type { FadeOptions } from '../core/OverlayFade.js';
 export { LayerManager } from '../core/LayerManager.js';
 export type { DismissableLayer, LayerDismissMode } from '../core/LayerManager.js';
 export { FocusHistory } from '../core/FocusHistory.js';

package/dist/lib/types/data/AbstractStore.d.ts

@@ -131,6 +131,9 @@ export declare abstract class AbstractStore {
     clearSort(): Promise<void>;
     filter(property: string, value: any): Promise<void>;
     filterBy(descriptor: FilterDescriptor): Promise<void>;
+    setFilter(key: string, descriptor: FilterDescriptor | null): Promise<void>;
+    setFilters(entries: Array<[key: string, descriptor: FilterDescriptor | null]>): Promise<void>;
+    getFilter(key: string): FilterDescriptor | null;
     private applyFilterChange;
     clearFilter(): Promise<void>;
     private numericValues;

package/dist/lib/types/data/FilterDescriptor.d.ts

@@ -1,3 +1,8 @@
+import type { TemporalFieldType } from "../data/temporalText.js";
+export interface TemporalDisplay {
+    type: TemporalFieldType;
+    showSeconds: boolean;
+}
 export type FilterDescriptor = {
     type: 'eq';
     field: string;
@@ -11,11 +16,19 @@ export type FilterDescriptor = {
     field: string;
     value: string;
     caseSensitive?: boolean;
+    temporal?: TemporalDisplay;
 } | {
     type: 'startsWith';
     field: string;
     value: string;
     caseSensitive?: boolean;
+    temporal?: TemporalDisplay;
+} | {
+    type: 'endsWith';
+    field: string;
+    value: string;
+    caseSensitive?: boolean;
+    temporal?: TemporalDisplay;
 } | {
     type: 'gt';
     field: string;

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

@@ -18,7 +18,8 @@ export type { AjaxStoreOptions } from '../data/AjaxStore.js';
 export { TreeStore } from '../data/TreeStore.js';
 export type { TreeStoreOptions, TreeStoreEvent, TreeExpandEvent, TreeCollapseEvent, TreeAppendEvent, TreeRemoveEvent } from '../data/TreeStore.js';
 export { TreeNode } from '../data/TreeNode.js';
-export type { FilterDescriptor } from '../data/FilterDescriptor.js';
+export type { FilterDescriptor, TemporalDisplay } from '../data/FilterDescriptor.js';
+export type { TemporalFieldType } from '../data/temporalText.js';
 export { Proxy } from '../data/proxy/Proxy.js';
 export type { ReadParams } from '../data/proxy/Proxy.js';
 export { MemoryProxy } from '../data/proxy/MemoryProxy.js';

package/dist/lib/types/data/temporalText.d.ts

@@ -0,0 +1,2 @@
+export type TemporalFieldType = 'date' | 'time' | 'datetime';
+export declare function temporalDisplayText(type: TemporalFieldType, showSeconds: boolean, value: Date): string;

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

@@ -5,16 +5,18 @@ import { Size } from "../primitive/Size.js";
 export type BoxMode = "preferred" | "equal";
 export type BoxOverflowSizing = "preferred" | "min";
 export type BoxJustify = AxisPosition | AxisSpread;
+export type BoxItemAlign = "start" | "center" | "end" | "baseline" | "stretch";
 export interface BoxLayoutOptions extends LayoutManagerOptions {
     spacing?: number;
     stretching?: boolean;
+    itemAlign?: BoxItemAlign;
     mode?: BoxMode;
     overflowSizing?: BoxOverflowSizing;
     justify?: BoxJustify;
 }
 export declare abstract class BoxLayout extends LayoutManager {
     protected _spacing: number;
-    protected _stretching: boolean;
+    protected _itemAlign: BoxItemAlign;
     protected _mode: BoxMode;
     protected _overflowSizing: BoxOverflowSizing;
     protected _justify: BoxJustify;
@@ -24,6 +26,8 @@ export declare abstract class BoxLayout extends LayoutManager {
     setComponentSpacing(spacing: number): this;
     isStretching(): boolean;
     setStretching(stretching: boolean): this;
+    getItemAlign(): BoxItemAlign;
+    setItemAlign(itemAlign: BoxItemAlign): this;
     getMode(): BoxMode;
     setMode(mode: BoxMode): this;
     getOverflowSizing(): BoxOverflowSizing;
@@ -39,6 +43,7 @@ export declare abstract class BoxLayout extends LayoutManager {
         lead: number;
         gap: number;
     };
+    protected crossItemOffset(childCross: number, crossExtent: number): number;
     protected crossPlacement(component: Component, crossLead: number, crossExtent: number, naturalCross: number, horizontal: boolean): {
         offset: number;
         extent: number;

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

@@ -55,6 +55,7 @@ declare class Grid extends LayoutManager {
     private resolveTracks;
     private measureContent;
     private layoutOccupancy;
+    private commitGridPlacements;
     private findFreeCell;
 }
 declare const GridCallable: import("../core/Callable.js").Callable<typeof Grid>;

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

@@ -8,7 +8,7 @@ declare class HFlow extends FlowLayout {
     getMaxSize(): Size | null;
     doLayout(): void;
     private groupIntoRows;
-    private placeRows;
+    private resolveRows;
     private cellsMainExtent;
     private rowsCrossExtent;
     private rowExtent;