@zeyos/zx 2.3.0 → 4.0.0

package/dist/types/components/grid/grid.d.ts

@@ -0,0 +1,172 @@
+import { Table } from '../table/table.js';
+export type BillingRow = Record<string, any>;
+export type GridOptions = Object;
+export type BillingFields = {
+    /**
+     * Row identifier field.
+     */
+    id?: string;
+    /**
+     * Parent identifier field.
+     */
+    parent?: string;
+    /**
+     * Line description field.
+     */
+    item?: string;
+    /**
+     * Line-kind field (`group`/`subtotal` rows are read-only).
+     */
+    kind?: string;
+    /**
+     * Quantity field.
+     */
+    quantity?: string;
+    /**
+     * Unit field.
+     */
+    unit?: string;
+    /**
+     * Unit-price field.
+     */
+    unitPrice?: string;
+    /**
+     * Currency-code field.
+     */
+    currency?: string;
+    /**
+     * Line-total field.
+     */
+    total?: string;
+};
+export type BillingItemsOptions = {
+    /**
+     * Billing rows.
+     */
+    data?: BillingRow[];
+    /**
+     * Schema field overrides.
+     */
+    fields?: Partial<BillingFields>;
+    /**
+     * Unit choices.
+     */
+    units?: Array<{
+        value: unknown;
+        label: string;
+    }> | Record<string, string>;
+    /**
+     * Currency choices.
+     */
+    currencies?: Array<{
+        value: unknown;
+        label: string;
+    }> | Record<string, string>;
+    /**
+     * Fallback currency.
+     */
+    currency?: string;
+    /**
+     * Number/currency locale.
+     */
+    locale?: string;
+    /**
+     * Currency fraction digits.
+     */
+    decimals?: number;
+    /**
+     * Per-canonical-column overrides.
+     */
+    columnOverrides?: Record<string, object>;
+    /**
+     * Optional total calculation; defaults to quantity × unit price.
+     */
+    lineTotal?: (row: BillingRow, changes: Record<string, unknown>) => number | null | undefined;
+    /**
+     * Complete column replacement.
+     */
+    columns?: import('../table/table.js').TableColumn[];
+    /**
+     * Caller edit listener, invoked after total calculation.
+     */
+    oneditcommit?: (event: CustomEvent<import('../table/table.js').TableEditCommitDetail>) => void;
+};
+/** @typedef {Record<string, any>} BillingRow */
+/**
+ * @typedef {Object} GridOptions
+ * Grid inherits its constructor options and runtime API from `Table`; this record owns the Grid
+ * name in generated documentation, where the Table API is shown alongside it.
+ */
+/**
+ * @typedef {Object} BillingFields
+ * @property {string} [id='id'] Row identifier field.
+ * @property {string} [parent='parent'] Parent identifier field.
+ * @property {string} [item='item'] Line description field.
+ * @property {string} [kind='kind'] Line-kind field (`group`/`subtotal` rows are read-only).
+ * @property {string} [quantity='quantity'] Quantity field.
+ * @property {string} [unit='unit'] Unit field.
+ * @property {string} [unitPrice='unitPrice'] Unit-price field.
+ * @property {string} [currency='currency'] Currency-code field.
+ * @property {string} [total='total'] Line-total field.
+ */
+/**
+ * @typedef {Object} BillingItemsOptions
+ * @property {BillingRow[]} [data=[]] Billing rows.
+ * @property {Partial<BillingFields>} [fields={}] Schema field overrides.
+ * @property {Array<{value: unknown, label: string}>|Record<string, string>} [units=[]] Unit choices.
+ * @property {Array<{value: unknown, label: string}>|Record<string, string>} [currencies=[]] Currency choices.
+ * @property {string} [currency='EUR'] Fallback currency.
+ * @property {string} [locale] Number/currency locale.
+ * @property {number} [decimals=2] Currency fraction digits.
+ * @property {Record<string, object>} [columnOverrides={}] Per-canonical-column overrides.
+ * @property {(row: BillingRow, changes: Record<string, unknown>) => number|null|undefined} [lineTotal] Optional total calculation; defaults to quantity × unit price.
+ * @property {import('../table/table.js').TableColumn[]} [columns] Complete column replacement.
+ * @property {(event: CustomEvent<import('../table/table.js').TableEditCommitDetail>) => void} [oneditcommit] Caller edit listener, invoked after total calculation.
+ */
+/**
+ * Public data grid. It deliberately inherits Table's DOM/CSS/API instead of forking the data layer.
+ * @extends {Table}
+ */
+export declare class Grid extends Table {
+    static cssName: string;
+    /**
+     * Creates a generic data grid with the complete inherited Table contract.
+     * @param {Element|string|null} target Grid target.
+     * @param {GridOptions & import('../table/table.js').TableOptions} [options={}] Grid/Table options.
+     */
+    constructor(target?: Element | string | null, options?: GridOptions & import('../table/table.js').TableOptions);
+    /**
+     * Creates an editable hierarchical billing-line grid.
+     * @param {Element|string|null} target Grid target.
+     * @param {BillingItemsOptions & import('../table/table.js').TableOptions} [options={}] Preset and Table overrides.
+     * @returns {Grid}
+     */
+    static BillingItems(target: Element | string | null, options?: BillingItemsOptions & import('../table/table.js').TableOptions): Grid;
+}
+/**
+ * Builds the Table-compatible options behind `Grid.BillingItems()` without touching the DOM.
+ * @param {BillingItemsOptions & import('../table/table.js').TableOptions} [options={}] Preset and Table overrides.
+ * @returns {import('../table/table.js').TableOptions}
+ */
+export declare function billingItemsConfig(options?: BillingItemsOptions & import('../table/table.js').TableOptions): import('../table/table.js').TableOptions;
+/**
+ * Returns whether a billing row is an editable line rather than a group/subtotal.
+ * @param {BillingRow} row Row.
+ * @param {BillingFields} [fields=DEFAULT_FIELDS] Field map.
+ * @returns {boolean}
+ */
+export declare function isBillingLine(row: BillingRow, fields?: BillingFields): boolean;
+/**
+ * Produces the preset columns without mutating overrides.
+ * @param {BillingFields} fields Field map.
+ * @param {{units: unknown, currencies: unknown, currency: string, locale?: string, decimals: number, columnOverrides: Record<string, object>}} options Formatting/editor options.
+ * @returns {import('../table/table.js').TableColumn[]}
+ */
+export declare function billingColumns(fields: BillingFields, { units, currencies, currency, locale, decimals, columnOverrides }: {
+    units: unknown;
+    currencies: unknown;
+    currency: string;
+    locale?: string;
+    decimals: number;
+    columnOverrides: Record<string, object>;
+}): import('../table/table.js').TableColumn[];

package/dist/types/components/launcher/launcher.d.ts

@@ -0,0 +1,359 @@
+import { Component } from '../../core/component.js';
+export type LauncherItem = {
+    /**
+     * Stable item identifier.
+     */
+    id: string | number;
+    /**
+     * Visible label.
+     */
+    label: string;
+    /**
+     * Secondary text.
+     */
+    description?: string;
+    /**
+     * Additional search text.
+     */
+    keywords?: string | string[];
+    /**
+     * Result group.
+     */
+    group?: string;
+    /**
+     * Decorative icon name, node, or factory.
+     */
+    icon?: string | Node | ((item: LauncherItem) => Node | null);
+    /**
+     * Compact metadata.
+     */
+    badge?: string | number;
+    /**
+     * Tile or row presentation.
+     */
+    kind?: 'application' | 'record' | 'action';
+    /**
+     * Whether this is the current application or destination.
+     */
+    current?: boolean;
+    /**
+     * Query state in which the item is visible.
+     */
+    when?: 'always' | 'empty' | 'query';
+    /**
+     * Explicit group order.
+     */
+    groupOrder?: number;
+    /**
+     * Stable order within equally ranked results.
+     */
+    itemOrder?: number;
+    /**
+     * Emitted value; defaults to `id`.
+     */
+    value?: unknown;
+    /**
+     * Native link target; executable/data schemes are disabled.
+     */
+    href?: string;
+    /**
+     * Native link browsing context.
+     */
+    target?: string;
+    /**
+     * Application-owned callback for non-link actions.
+     */
+    invoke?: () => void;
+    /**
+     * Pinned state or explicit pinned order.
+     */
+    pinned?: boolean | number;
+    /**
+     * Whether activation is unavailable.
+     */
+    disabled?: boolean;
+};
+export type LauncherSource = {
+    /**
+     * Source identifier.
+     */
+    id: string;
+    /**
+     * Default group label.
+     */
+    label?: string;
+    /**
+     * Per-source minimum query length.
+     */
+    minQuery?: number;
+    /**
+     * Query state in which the source runs.
+     */
+    when?: 'always' | 'empty' | 'query';
+    /**
+     * Whether Zx ranks results or preserves source order.
+     */
+    order?: 'rank' | 'source';
+    /**
+     * Loader.
+     */
+    load: (query: string, context: {
+        signal: AbortSignal;
+    }) => Promise<LauncherItem[]> | LauncherItem[];
+};
+export type LauncherOptions = {
+    /**
+     * Local application/action catalogue.
+     */
+    items?: LauncherItem[];
+    /**
+     * Abortable asynchronous result sources.
+     */
+    sources?: LauncherSource[];
+    /**
+     * Initial query.
+     */
+    query?: string;
+    /**
+     * Source-query delay in milliseconds.
+     */
+    debounce?: number;
+    /**
+     * Global source minimum query length.
+     */
+    minQuery?: number;
+    /**
+     * Maximum combined results.
+     */
+    maxResults?: number;
+    /**
+     * Search-field placeholder.
+     */
+    placeholder?: string;
+    /**
+     * Dialog and field label.
+     */
+    label?: string;
+    /**
+     * Close-button accessible label.
+     */
+    closeLabel?: string;
+    /**
+     * Results-region accessible label.
+     */
+    resultsLabel?: string;
+    /**
+     * Empty-state text.
+     */
+    emptyText?: string;
+    /**
+     * Loading-state text.
+     */
+    loadingText?: string;
+    /**
+     * Optional global keyboard shortcut.
+     */
+    shortcut?: 'mod+k' | false;
+    /**
+     * Visible keyboard hints, or false.
+     */
+    hints?: false | {
+        move?: string;
+        open?: string;
+        close?: string;
+    };
+    /**
+     * Preventable selection listener.
+     */
+    onselect?: (event: CustomEvent<LauncherSelectDetail>) => void;
+    /**
+     * Query-change listener.
+     */
+    onquery?: (event: CustomEvent<{
+        query: string;
+    }>) => void;
+    /**
+     * Open listener.
+     */
+    onopen?: (event: CustomEvent<Record<string, never>>) => void;
+    /**
+     * Close listener.
+     */
+    onclose?: (event: CustomEvent<Record<string, never>>) => void;
+    /**
+     * Source error listener.
+     */
+    onerror?: (event: CustomEvent<{
+        source: LauncherSource;
+        error: unknown;
+    }>) => void;
+};
+export type LauncherSelectDetail = {
+    item: LauncherItem;
+    value: unknown;
+    source: string | null;
+    query: string;
+};
+export type RankedLauncherItem = LauncherItem & {
+    _source?: string | null;
+    _score?: number;
+};
+/**
+ * @typedef {Object} LauncherItem
+ * @property {string|number} id Stable item identifier.
+ * @property {string} label Visible label.
+ * @property {string} [description] Secondary text.
+ * @property {string|string[]} [keywords] Additional search text.
+ * @property {string} [group] Result group.
+ * @property {string|Node|((item: LauncherItem) => Node|null)} [icon] Decorative icon name, node, or factory.
+ * @property {string|number} [badge] Compact metadata.
+ * @property {'application'|'record'|'action'} [kind='action'] Tile or row presentation.
+ * @property {boolean} [current=false] Whether this is the current application or destination.
+ * @property {'always'|'empty'|'query'} [when='always'] Query state in which the item is visible.
+ * @property {number} [groupOrder] Explicit group order.
+ * @property {number} [itemOrder] Stable order within equally ranked results.
+ * @property {unknown} [value] Emitted value; defaults to `id`.
+ * @property {string} [href] Native link target; executable/data schemes are disabled.
+ * @property {string} [target] Native link browsing context.
+ * @property {() => void} [invoke] Application-owned callback for non-link actions.
+ * @property {boolean|number} [pinned] Pinned state or explicit pinned order.
+ * @property {boolean} [disabled] Whether activation is unavailable.
+ */
+/**
+ * @typedef {Object} LauncherSource
+ * @property {string} id Source identifier.
+ * @property {string} [label] Default group label.
+ * @property {number} [minQuery] Per-source minimum query length.
+ * @property {'always'|'empty'|'query'} [when='always'] Query state in which the source runs.
+ * @property {'rank'|'source'} [order='rank'] Whether Zx ranks results or preserves source order.
+ * @property {(query: string, context: {signal: AbortSignal}) => Promise<LauncherItem[]>|LauncherItem[]} load Loader.
+ */
+/**
+ * @typedef {Object} LauncherOptions
+ * @property {LauncherItem[]} [items=[]] Local application/action catalogue.
+ * @property {LauncherSource[]} [sources=[]] Abortable asynchronous result sources.
+ * @property {string} [query=''] Initial query.
+ * @property {number} [debounce=250] Source-query delay in milliseconds.
+ * @property {number} [minQuery=0] Global source minimum query length.
+ * @property {number} [maxResults=100] Maximum combined results.
+ * @property {string} [placeholder='Search applications and records'] Search-field placeholder.
+ * @property {string} [label='Launcher'] Dialog and field label.
+ * @property {string} [closeLabel='Close launcher'] Close-button accessible label.
+ * @property {string} [resultsLabel='Launcher results'] Results-region accessible label.
+ * @property {string} [emptyText='No results'] Empty-state text.
+ * @property {string} [loadingText='Searching…'] Loading-state text.
+ * @property {'mod+k'|false} [shortcut='mod+k'] Optional global keyboard shortcut.
+ * @property {false|{move?: string, open?: string, close?: string}} [hints] Visible keyboard hints, or false.
+ * @property {(event: CustomEvent<LauncherSelectDetail>) => void} [onselect] Preventable selection listener.
+ * @property {(event: CustomEvent<{query: string}>) => void} [onquery] Query-change listener.
+ * @property {(event: CustomEvent<Record<string, never>>) => void} [onopen] Open listener.
+ * @property {(event: CustomEvent<Record<string, never>>) => void} [onclose] Close listener.
+ * @property {(event: CustomEvent<{source: LauncherSource, error: unknown}>) => void} [onerror] Source error listener.
+ */
+/** @typedef {{item: LauncherItem, value: unknown, source: string|null, query: string}} LauncherSelectDetail */
+/** @typedef {LauncherItem & {_source?: string|null, _score?: number}} RankedLauncherItem */
+/**
+ * Abortable command/search dialog that emits application-owned actions without routing itself.
+ * @fires Launcher#select
+ * @fires Launcher#query
+ * @fires Launcher#open
+ * @fires Launcher#close
+ * @fires Launcher#error
+ * @extends {Component<LauncherOptions>}
+ */
+export declare class Launcher extends Component<LauncherOptions> {
+    _createdRoot: boolean;
+    _original: {
+        attributes: string[][];
+        children: ChildNode[];
+    };
+    _items: LauncherItem[];
+    _sources: LauncherSource[];
+    _sourceItems: Map<any, any>;
+    _query: string;
+    _renderedQuery: string;
+    _results: any[];
+    _active: any;
+    _request: AbortController;
+    _requestSequence: number;
+    _queryTimer: number;
+    _busy: boolean;
+    _destroyed: boolean;
+    static cssName: string;
+    /** @type {Readonly<LauncherOptions>} */
+    static defaults: Readonly<LauncherOptions>;
+    /**
+     * Creates an owned launcher dialog or enhances an existing `<dialog>` target.
+     * @param {HTMLDialogElement|string|null} [target=null] Dialog target, selector, or null.
+     * @param {LauncherOptions} [options={}] Launcher options.
+     */
+    constructor(target?: HTMLDialogElement | string | null, options?: LauncherOptions);
+    /** @returns {HTMLDialogElement} */
+    render(): HTMLDialogElement;
+    /** Opens the launcher and focuses/selects its query. @returns {this} @fires Launcher#open */
+    open(): this;
+    /** Closes the launcher. @returns {this} */
+    close(): this;
+    /** Toggles the launcher. @returns {this} */
+    toggle(): this;
+    /** Reports whether the launcher is open. @returns {boolean} */
+    isOpen(): boolean;
+    /** Focuses and selects the query field. @returns {this} */
+    focus(): this;
+    /** Replaces the query and refreshes local and remote results. @param {string} query @returns {this} */
+    setQuery(query: string): this;
+    /** Returns the untrimmed query. @returns {string} */
+    getQuery(): string;
+    /** Replaces local catalogue items. @param {LauncherItem[]} items @returns {this} */
+    setItems(items: LauncherItem[]): this;
+    /** Marks one local item as the current destination. @param {string|number|null} id Item id. @returns {this} */
+    setCurrent(id: string | number | null): this;
+    /** Replaces asynchronous sources and aborts work from the old set. @param {LauncherSource[]} sources @returns {this} */
+    setSources(sources: LauncherSource[]): this;
+    /** Aborts sources and removes the owned dialog. @returns {void} */
+    destroy(): void;
+    /** @returns {void} */
+    _refresh(): void;
+    /** @returns {Promise<void>} */
+    _loadSources(): Promise<void>;
+    /** @param {boolean} busy @returns {void} */
+    _setBusy(busy: boolean): void;
+    /** @returns {void} */
+    _abortRequest(): void;
+    /** @returns {void} */
+    _renderResults(): void;
+    /** @param {RankedLauncherItem} item @param {number} index @returns {HTMLElement} */
+    _option(item: RankedLauncherItem, index: number): HTMLElement;
+    /** @returns {void} */
+    _renderStatus(): void;
+    /** @returns {void} */
+    _syncActive(): void;
+    /** @param {KeyboardEvent} event @returns {void} */
+    _onKeydown(event: KeyboardEvent): void;
+    /** @param {string} direction @param {number[]} enabled @returns {number|null} */
+    _spatialIndex(direction: string, enabled: number[]): number | null;
+    /** @param {number} index @param {Event} event @returns {void} */
+    _activate(index: number, event: Event): void;
+    /** @param {KeyboardEvent} event @returns {void} */
+    _onDocumentKeydown(event: KeyboardEvent): void;
+}
+/**
+ * Ranks launcher items using the current ZeyOS application tiers.
+ * @param {RankedLauncherItem[]} items Items to rank.
+ * @param {string} query Query.
+ * @param {number} [limit=100] Maximum returned items.
+ * @returns {RankedLauncherItem[]}
+ */
+export declare function rankLauncherItems(items: RankedLauncherItem[], query: string, limit?: number): RankedLauncherItem[];
+/**
+ * Flattens loaded source results in configured source order rather than response-completion order.
+ * @param {LauncherSource[]} sources Configured sources.
+ * @param {Map<string, RankedLauncherItem[]>} sourceItems Loaded result map.
+ * @returns {RankedLauncherItem[]}
+ */
+export declare function orderedLauncherSourceItems(sources: LauncherSource[], sourceItems: Map<string, RankedLauncherItem[]>): RankedLauncherItem[];
+/** Fired when a result is activated. @event Launcher#select @type {CustomEvent<LauncherSelectDetail>} */
+/** Fired when the query changes. @event Launcher#query @type {CustomEvent<{query: string}>} */
+/** Fired after the dialog opens. @event Launcher#open @type {CustomEvent<Record<string, never>>} */
+/** Fired after the dialog closes. @event Launcher#close @type {CustomEvent<Record<string, never>>} */
+/** Fired when one asynchronous source fails. @event Launcher#error @type {CustomEvent<{source: LauncherSource, error: unknown}>} */

package/dist/types/components/layout/layout.d.ts

@@ -29,7 +29,7 @@ export type StackOptions = {
      */
     class?: string;
 };
-export type GridOptions = {
+export type LayoutGridOptions = {
     /**
      * Column count at full width. Null fills the row with as
      * many tracks of `min` width as fit.
@@ -80,7 +80,7 @@ export type DomChild = import('../../core/dom.js').DomChild;
  * @property {string} [class=''] Extra class names.
  */
 /**
- * @typedef {Object} GridOptions
+ * @typedef {Object} LayoutGridOptions
  * @property {number|null} [columns=null] Column count at full width. Null fills the row with as
  *   many tracks of `min` width as fit.
  * @property {number|string} [min='16rem'] Narrowest a track may get before the grid drops a
@@ -117,11 +117,11 @@ export declare function stack(options?: StackOptions, ...children: DomChild[]):
  * in a full-width page, a split pane, and a modal. Nothing here consults the viewport, which is
  * the usual reason a "responsive" grid still breaks inside a narrow panel.
  *
- * @param {GridOptions} [options={}] Grid options.
+ * @param {LayoutGridOptions} [options={}] Grid options.
  * @param {...DomChild} children Cells.
  * @returns {HTMLDivElement}
  */
-export declare function grid(options?: GridOptions, ...children: DomChild[]): HTMLDivElement;
+export declare function grid(options?: LayoutGridOptions, ...children: DomChild[]): HTMLDivElement;
 /**
  * Creates a box that holds a fixed aspect ratio whatever its width, so an image, a map, or a
  * chart placeholder reserves its space before it loads.

package/dist/types/components/menu-button/menu-button.d.ts

@@ -46,7 +46,7 @@ export type MenuButtonOptions = {
     /**
      * Menu placement.
      */
-    placement?: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'bottom' | 'top';
+    placement?: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'bottom' | 'top' | 'right-start' | 'right-end' | 'left-start' | 'left-end' | 'right' | 'left';
     /**
      * Select event listener.
      */
@@ -79,7 +79,7 @@ export type MenuButtonOptions = {
  * @property {string|null} [icon=null] Trigger icon name.
  * @property {'default'|'primary'|'danger'|'ghost'} [kind='default'] Trigger button kind.
  * @property {MenuButtonItem[]} [items=[]] Menu items and separators.
- * @property {'bottom-start'|'bottom-end'|'top-start'|'top-end'|'bottom'|'top'} [placement='bottom-start'] Menu placement.
+ * @property {'bottom-start'|'bottom-end'|'top-start'|'top-end'|'bottom'|'top'|'right-start'|'right-end'|'left-start'|'left-end'|'right'|'left'} [placement='bottom-start'] Menu placement.
  * @property {(event: CustomEvent<{value: unknown, item: MenuItem}>) => void} [onselect] Select event listener.
  * @property {(event: CustomEvent<Record<string, never>>) => void} [onopen] Open event listener.
  * @property {(event: CustomEvent<Record<string, never>>) => void} [onclose] Close event listener.
@@ -128,6 +128,14 @@ export declare class MenuButton extends Component<MenuButtonOptions> {
      * @returns {boolean}
      */
     isOpen(): boolean;
+    /** Returns the trigger button. @returns {HTMLElement} */
+    getTrigger(): HTMLElement;
+    /** Returns the owned menu panel. @returns {HTMLElement} */
+    getPanel(): HTMLElement;
+    /** Opens the menu and focuses its first enabled item. @returns {this} */
+    focusFirst(): this;
+    /** Opens the menu and focuses its last enabled item. @returns {this} */
+    focusLast(): this;
     /**
      * Sets the visible trigger label.
      * @param {string} label Trigger label.

package/dist/types/components/modal/modal.d.ts

@@ -67,6 +67,31 @@ export declare class Modal extends Component<ModalOptions> {
      * @param {ModalOptions} [options={}] Modal options.
      */
     constructor(_target?: Element | string | null, options?: ModalOptions);
+    /**
+     * Element the owned dialog is appended to. Overridden by subclasses that live inside a host
+     * rather than at the document level.
+     *
+     * Called from `render()`, which the base constructor runs before any subclass field
+     * initializers, so an override may read `this.options` but must not touch instance state.
+     * @returns {Element}
+     */
+    mountTarget(): Element;
+    /**
+     * Puts the dialog on screen. Overridden by subclasses that open non-modally.
+     * @returns {void}
+     */
+    _show(): void;
+    /**
+     * Whether an incoming `close` event is a real dismissal.
+     *
+     * A dialog cannot move between the top layer and the page flow while it is open, so a subclass
+     * that re-hosts itself has to close and immediately reopen. `close` is dispatched in a queued
+     * task, not synchronously, so that stale event arrives once the dialog is already open again —
+     * late enough to clobber `data-state`, fire a `close` nobody asked for, and trip
+     * `destroyOnClose`. Returning false from an override drops it at the source instead.
+     * @returns {boolean}
+     */
+    _isRealClose(): boolean;
     /**
      * Creates the owned native dialog.
      * @returns {HTMLDialogElement}

package/dist/types/components/multi-value-editor/multi-value-editor.d.ts

@@ -17,6 +17,12 @@ export type MultiValueEditorOptions = {
      * a drag handle, the up/down buttons, both, or neither.
      */
     reorder?: 'both' | 'buttons' | 'drag' | 'none';
+    /**
+     * Values change listener.
+     */
+    onchange?: (event: CustomEvent<{
+        values: string[];
+    }>) => void;
 };
 /**
  * Ordered value editor with explicit editable rows and controls.
@@ -121,5 +127,5 @@ export declare class MultiValueEditor extends Component<MultiValueEditorOptions>
 /**
  * Ordered values changed event.
  * @event MultiValueEditor#change
- * @type {CustomEvent<{values: string[]}>
+ * @type {CustomEvent<{values: string[]}>}
  */