tsgrid-ui 2.7.1 → 2.9.0

package/dist/tsgrid-ui.d.ts

@@ -1,1522 +1,18 @@
-type QuerySelector = string | Node | Window | Query | Array<Node | Element> | Iterable<Node | Element> | null | undefined;
-type QueryContext = Document | Element | ShadowRoot | DocumentFragment;
-interface EventRecord {
-    event: string;
-    scope: string | undefined;
-    callback: EventListener;
-    options: AddEventListenerOptions | boolean | undefined;
-}
-interface MQueryData {
-    events?: EventRecord[];
-    prevDisplay?: string;
-    [key: string]: unknown;
-}
-declare global {
-    interface Node {
-        _mQuery?: MQueryData;
-    }
-}
-declare class Query {
-    static version: number;
-    context: QueryContext;
-    nodes: Node[];
-    length: number;
-    [index: number]: Node;
-    constructor(selector: QuerySelector, context?: QueryContext);
-    static _fragment(html: string): DocumentFragment;
-    static _scriptConvert(node: Node): Node;
-    static _fixProp(name: string): string;
-    _insert(method: string, html: string | Query | Node): Query;
-    _save(node: Node, name: string, value: unknown): void;
-    get(index?: number): Node | Node[] | null;
-    eq(index: number): Query;
-    then(fun: (q: Query) => Query | null | undefined): Query;
-    find(selector: string): Query;
-    filter(selector: string | Node | ((node: Node) => boolean)): Query;
-    next(): Query;
-    prev(): Query;
-    shadow(selector?: string): Query;
-    closest(selector: string): Query;
-    host(all?: boolean): Query;
-    parent(selector?: string): Query;
-    parents(selector?: string, firstOnly?: boolean): Query;
-    add(more: Query | Node | Node[]): Query;
-    each(func: (node: Node, ind: number, col: Query) => void): Query;
-    append(html: string | Query | Node): Query;
-    prepend(html: string | Query | Node): Query;
-    after(html: string | Query | Node): Query;
-    before(html: string | Query | Node): Query;
-    replace(html: string | Query | Node): Query;
-    remove(): Query;
-    css(key?: string | Record<string, string | number>, value?: string | number): string | Record<string, string> | undefined | Query;
-    addClass(classes: string): Query;
-    removeClass(classes: string | string[] | null): Query;
-    toggleClass(classes: string | string[] | null, force?: boolean): Query;
-    hasClass(classes: string | string[] | null): boolean | string[];
-    on(events: string, options: AddEventListenerOptions | EventListener | {
-        delegate?: string;
-    } | undefined, callback?: EventListener): Query;
-    on(events: string, callback: EventListener): Query;
-    off(events?: string, options?: AddEventListenerOptions | EventListener, callback?: EventListener): Query;
-    trigger(name: string | Event | CustomEvent, options?: EventInit): Query;
-    attr(name: string): string | undefined;
-    attr(name: string | Record<string, string>, value?: string): Query;
-    removeAttr(...attrs: string[]): Query;
-    prop(name: string): unknown;
-    prop(name: string | Record<string, unknown>, value?: unknown): Query;
-    removeProp(...props: string[]): Query;
-    data(key?: string | Record<string, unknown>, value?: unknown): unknown | Query;
-    removeData(key: string | string[]): Query;
-    show(): Query;
-    hide(): Query;
-    toggle(force?: boolean): Query;
-    empty(): Query;
-    html(html?: string | HTMLElement): string | Query | undefined;
-    text(text?: string): unknown | Query;
-    val(value?: string): unknown | Query;
-    change(): Query;
-    click(): Query;
-}
-
-/**
- * Part of TsUi 2.0 library — color cluster sub-module
- *  - Extracted from src/tsutils.ts by v2.1 SDD refactor (Phase 2)
- *  - No dependencies on TsBase, TsUtils, or any other sub-module (L1 DAG leaf)
- *  - All exports are plain functions — no default export
- *
- * 4-space indent (project convention for sub-modules).
- */
-/** RGB(A) color as returned by parseColor() */
-interface TsColorRgb {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-}
-
-/**
- * TsUtils v2.1 — Data / Object helpers sub-module (Phase 3+4 of v2.1 SDD)
- *
- * Contains: TsCloneOptions, clone, extend,
- *           naturalCompare, normMenu, getNested, encodeParams,
- *           prepareParams, parseRoute, debounce, wait
- *
- * Rules:
- *  - No default export
- *  - No import from tsbase.ts (INV-4)
- *  - No this.-dispatch inside function bodies (INV-8)
- *  - 4-space indent
- */
-/** Options for TsUtils.clone() */
-interface TsCloneOptions {
-    functions?: boolean;
-    elements?: boolean;
-    events?: boolean;
-    exclude?: string[] | ((key: string, ctx: {
-        obj: unknown;
-        parent: string;
-    }) => boolean);
-    parent?: string;
-}
-/** Options for TsUtils.normMenu() */
-interface TsNormMenuOptions {
-    itemMap?: {
-        id: string;
-        text: string;
-    };
-    [key: string]: unknown;
-}
-
-/**
- * TsUi registry + checkName — Phase 0 of v2.3 SDD.
- * DEPENDENCY-FREE: zero imports from tsutils/tsbase family.
- *
- * Hosts the mutable widget registry object (TsUi) and the name-validation
- * helper (checkName) that were previously coupled to tsbase.ts via tsutils.ts,
- * creating a tsbase ↔ tsutils import cycle. Moving them here breaks that cycle:
- *
- *   tsbase.ts → tsutils-registry.ts → tsutils-type-guards.ts → (leaf)
- *
- * tsutils.ts re-exports TsUi from this module (does NOT re-declare it) to
- * preserve the single-object identity required by INV-12 (referential equality
- * across all import paths).
- *
- * Imports: only isAlphaNumeric from ./tsutils-type-guards.js
- * Exports: TsUi, checkName
- */
-/** Widget registry — widgets register here when constructed with a `name`. */
-declare const TsUi: Record<string, unknown>;
-
-/**
- * Part of TsUi 2.0 library
- *  - Dependencies: TsUtils
- *  - on/off/trigger methods id not showing in help
- *  - refactored with event object
- *
- * Chanes in 2.0.+
- * - added unmount that cleans up the box
- *
- */
-/**
- * Payload object passed to handlers registered via `.on(eventName, handler)`.
- *
- * IMPORTANT — circular references:
- *   `event.owner` points back to the widget that triggered the event, and that
- *   widget keeps `activeEvents: TsEvent[]` referencing this same payload.
- *   Calling `JSON.stringify(event)` will throw "Converting circular structure
- *   to JSON". Use `toSafeEvent(event)` from `tsgrid-ui` to extract a
- *   serializable subset before storing in reactive state (Angular signals,
- *   React state, Pinia/Redux stores, etc.).
- *
- * Note: the per-class declarations like `onSelect: (event: CustomEvent) => void`
- * in TsGrid/TsForm/etc. are historical noise — the runtime always passes a
- * `TsEventPayload`, never a DOM `CustomEvent`. This will be corrected in v2.0.
- */
-interface TsEventPayload<TDetail = unknown> {
-    type: string | null;
-    phase: 'before' | 'after' | string;
-    detail: TDetail & TsEventData;
-    target: unknown;
-    object: unknown;
-    isStopped: boolean;
-    isCancelled: boolean;
-    /** Reference to the widget that triggered this event. CIRCULAR — do not serialize. */
-    owner: unknown;
-}
-interface TsEventData {
-    type?: string | null;
-    target?: unknown;
-    phase?: string;
-    object?: unknown;
-    [key: string]: unknown;
-}
-interface TsEventListener {
-    name: string;
-    edata: {
-        type: string | null;
-        execute: string;
-        onComplete: null;
-        scope?: string;
-        handler?: unknown;
-        [key: string]: unknown;
-    };
-    handler: Function;
-}
-declare class TsEvent {
-    type: string | null;
-    detail: TsEventData;
-    owner: TsBase;
-    target: unknown;
-    phase: string;
-    object: unknown;
-    execute: null;
-    isStopped: boolean;
-    isCancelled: boolean;
-    onComplete: ((edata: TsEvent) => void) | null;
-    listeners: Array<(edata: TsEvent) => void>;
-    complete: Promise<TsEvent>;
-    _resolve: (value: TsEvent) => void;
-    _reject: (reason?: unknown) => void;
-    constructor(owner: TsBase, edata: TsEventData);
-    finish(detail?: Partial<TsEventData>): void;
-    done(func: (edata: TsEvent) => void): void;
-    preventDefault(): void;
-    stopPropagation(): void;
-}
-/**
- * Extract a JSON-serializable subset of a TsEvent payload, dropping the
- * circular `owner` and `complete` references. Use before storing in
- * Angular signals, React state, Pinia/Redux stores, or any DevTools that
- * snapshots state via JSON.
- *
- * @example
- *   grid.on('select', (event) => {
- *     this.lastSelection.set(toSafeEvent(event))
- *   })
- */
-declare function toSafeEvent<TDetail = unknown>(event: unknown): {
-    type: string | null;
-    phase: string;
-    detail: TDetail & TsEventData;
-    isStopped: boolean;
-    isCancelled: boolean;
-};
-declare class TsBase {
-    activeEvents: TsEvent[];
-    listeners: TsEventListener[];
-    debug: boolean;
-    name?: string;
-    box?: HTMLElement | null;
-    [key: string]: unknown;
-    /**
-     * Initializes base object for TsUi, registers it with TsUi object
-     *
-     * @param {string} name  - name of the object
-     * @returns
-     */
-    constructor(name?: string);
-    /**
-     * Adds event listener, supports event phase and event scoping
-     *
-     * @param {*} edata - an object or string, if string "eventName:phase.scope"
-     * @param {*} handler
-     * @returns itself
-     */
-    on(events: string | TsEventData | Array<string | TsEventData>, handler: Function): this;
-    /**
-     * Removes event listener, supports event phase and event scoping
-     *
-     * @param {*} edata - an object or string, if string "eventName:phase.scope"
-     * @param {*} handler
-     * @returns itself
-     */
-    off(events: string | TsEventData | Array<string | TsEventData>, handler?: Function): this;
-    /**
-     * Triggers even listeners for a specific event, loops through this.listeners
-     *
-     * @param {Object} edata - Object
-     * @returns modified edata
-     *
-     * NOTE: `edata` is typed as `any` here intentionally. The method mutates the argument
-     * from TsEventData into a TsEvent mid-execution. Runtime type mutation is inherent
-     * to the event dispatch pattern. Phase 6 strict tighten will revisit this.
-     */
-    trigger(eventName: string | TsEventData | TsEvent, edataIn?: TsEventData): TsEvent;
-    /**
-     * This method renders component into the box. It is overwritten in descendents and in this base
-     * component it is empty.
-     */
-    render(_box?: HTMLElement | string | null): void;
-    /**
-     * Removes all classes that start with tsg-* and sets box to null. It is needed so that control will
-     * release the box to be used for other widgets
-     */
-    unmount(): void;
-}
-
-/**
- * TsUtils message cluster (message/alert/confirm/prompt/normButtons + types)
- * — Phase 2-4 of v2.3 SDD (message-cluster-extraction).
- *
- * IMPORTANT: This module imports TsBase from tsbase.ts — the only carve-out
- * to INV-4. Rationale: message() does `new TsBase()` to mix events into msgBase.
- * This exception is documented here and whitelisted in the INV-4 grep policy.
- *
- * Exports (Phase 2):
- *   normButtons — standalone pure helper; no DOM, no timers
- *
- * Exports (Phase 3a):
- *   TsMessageProm, TsMessageWhere, TsMessageOptions (types)
- *   MessageDeps (deps interface for _message — scaffold for Phase 3b)
- *   _message (stub — body lands in Phase 3b)
- *
- * Exports (Phase 3b+):
- *   _message (full body), _alert, _confirm, _prompt (Phase 4)
- *
- * Imports: TsBase from tsbase.ts (INV-4 carve-out, see above)
- *          TsUISettings type from tsutils.ts (type-only, no runtime dep)
- *          query from query.js (DOM helper)
- */
-
-/** Promise-chain handle returned by message() / confirm() / prompt() */
-interface TsMessageProm {
-    self: TsBase;
-    action(callBack: (event: unknown) => void): TsMessageProm;
-    close(callBack: (event: unknown) => void): TsMessageProm;
-    open(callBack: (event: unknown) => void): TsMessageProm;
-    then(callBack: (event: unknown) => void): TsMessageProm;
-    change?: (callBack: (event: unknown) => void) => TsMessageProm;
-    [key: string]: unknown;
-}
-/** Where-descriptor for message() */
-interface TsMessageWhere {
-    box: string | Element | null;
-    after?: string | Element | null;
-    owner?: {
-        name?: string;
-        lock?: (...args: unknown[]) => void;
-        unlock?: (...args: unknown[]) => void;
-        focus?: () => void;
-    };
-    param?: unknown;
-}
-/** Options for message() */
-interface TsMessageOptions {
-    width?: number;
-    height?: number;
-    text?: string | null;
-    body?: string;
-    buttons?: string;
-    html?: string;
-    focus?: number | string | null;
-    hideOn?: string[];
-    actions?: Record<string, unknown>;
-    cancelAction?: string;
-    on?: unknown;
-    onOpen?: unknown;
-    onClose?: unknown;
-    onAction?: unknown;
-    originalWidth?: number;
-    originalHeight?: number;
-    msgIndex?: number;
-    tmp?: {
-        zIndex: string;
-        overflow: string;
-    };
-    input?: Element | null;
-    box?: Element | null;
-    trigger?: (event: string, data: Record<string, unknown>) => unknown;
-    close?: () => void;
-    setFocus?: (focus: number | string | null | undefined) => void;
-    action?: (action: string, event: unknown) => void;
-    [key: string]: unknown;
-}
-
-/**
- * TsUtils DOM sub-module — Phase 5b of v2.4 SDD.
- * DAG position: leaf module (no tsbase/tsutils imports).
- *
- * Imports: ./tsutils-string.js (_encodeTags), ./tsutils-type-guards.js (_isInt),
- *          ./tsutils-data.js (_extend), ./query.js (query, Query), DOM globals only.
- * 4-space indent convention.
- *
- * INV-4: MUST NOT import from tsbase.ts or tsutils.ts.
- * INV-8: No arguments.length usage.
- * INV-9: No this.X in exported function bodies.
- */
-/** Options for TsUtils.lock() — moved from tsutils.ts (Phase 5a of v2.4 SDD) */
-interface TsLockOptions {
-    msg?: string | number;
-    spinner?: boolean;
-    opacity?: number;
-    bgColor?: string;
-    onClick?: () => void;
-}
-
-/**
- * TsUtils date-time sub-module — Phase 5b of v2.5 SDD.
- * DAG position: leaf module (no tsbase/tsutils imports).
- *
- * Imports:
- *   ./tsutils-type-guards.js — isInt as _isInt (needed by isDate, isTime, formatDate, formatTime)
- *   ./tsutils.js             — type-only import type { TsUISettings } (TS erases at emit)
- *                              Precedent: tsutils-type-guards.ts:9, tsutils-message.ts:26
- *
- * INV-4: MUST NOT import from tsbase.ts or tsutils.ts at runtime.
- * INV-8: No arguments.length usage.
- * INV-9: No this.X in exported function bodies.
- *
- * 4-space indent convention.
- *
- * OQ-2 (TsTimeResult): local non-exported interface `TsTimeResult` defined inline
- *   here (structurally identical to tsutils.ts copy). Avoids back-import of a
- *   non-exported type; the class delegator in tsutils.ts casts via `as boolean | TsTimeResult`.
- *
- * R-DT-3 (settings reference): `settings` is passed as a reference to `this.settings`
- *   from delegators — never cloned. TsLocale mutations to fullmonths/shortmonths/dateFormat
- *   etc. flow through without restart.
- *
- * R-DT-2 / R-DT-8 (intra-cluster calls): _isDateTime calls _isDate + _isTime directly
- *   as module-level function refs. _formatDateTime calls _formatDate + _formatTime directly.
- *   _formatTime calls _isTime directly. Zero this.X inside any extracted body.
- */
-
-/** Return value from _isTime() / TsUtils.isTime() when retTime === true — single canonical declaration (v2.6 dedup) */
-interface TsTimeResult {
-    hours: number;
-    minutes: number;
-    seconds: number;
-}
-
-/**
- * Part of TsUi 2.0 library
- *  - Dependencies: mQuery, TsUtils, TsBase, TsLocale
- *
- * T2.5: @ts-nocheck removed; file typed aggressively per typing_policy.
- * See commit body for targeted-any inventory.
- *
- * == TODO ==
- *  - add TsUtils.lang wrap for all captions in all buttons.
- *  - check transition (also with layout)
- *  - deprecate TsUtils.tooltip
- *
- * == 2.0 changes
- *  - CSP - fixed inline events (TsUtils.tooltip still has it)
- *  - transition returns a promise
- *  - removed jQuery
- *  - refactores TsUtils.message()
- *  - added TsUtils.confirm()
- *  - added isPlainObject
- *  - added stripSpaces
- *  - implemented marker - can now take an element or just html
- *  - cssPrefix - deprecated
- *  - TsUtils.debounce
- *  - TsUtils.prepareParams
- *  - TsUtils.getStrHeight
- *  - TsUtils.getStrDimentions
- *  - TsUtils.alrert() - same as TsUtils.message()
- *  - TsUtils.prompt() - similar to TsPrompt
- *  - TsUtils.normMenu(..., options) got options parameter that can have itemMap
- *  - TsUtils.getNested()
- *  - TsUtils.wait() - async timer
- */
-
-declare const query: (selector: unknown, context?: unknown) => Query;
-/** Settings object merged from TsLocale + user locale overrides */
-interface TsUISettings {
-    dataType: string;
-    dateFormat: string;
-    timeFormat: string;
-    datetimeFormat: string;
-    dateStartYear: number;
-    dateEndYear: number;
-    currencyPrefix: string;
-    currencySuffix: string;
-    currencyPrecision: number;
-    groupSymbol: string;
-    decimalSymbol: string;
-    shortmonths: string[];
-    fullmonths: string[];
-    shortdays: string[];
-    fulldays: string[];
-    weekStarts: string;
-    macButtonOrder: boolean;
-    warnNoPhrase: boolean;
-    phrases: Record<string, string> | null;
-    missing?: Record<string, string>;
-    locale?: string;
-    [key: string]: unknown;
-}
-/** Extra data passed to grid cell formatters */
-interface TsFormatterExtra {
-    value: unknown;
-    params?: unknown;
-    record?: unknown;
-    [key: string]: unknown;
-}
-/** Signature of a grid-cell formatter function */
-type TsFormatter = (record: TsFormatterExtra, extra?: TsFormatterExtra) => string;
-
-/** A normalized menu item */
-interface TsMenuItem {
-    id: string | number | null;
-    text: string;
-    caption?: string;
-    class?: string;
-    style?: string;
-    attrs?: string;
-    [key: string]: unknown;
-}
-declare class Utils {
-    version: string;
-    tmp: Record<string, unknown>;
-    settings: TsUISettings;
-    i18nCompare: (a: string, b: string) => number;
-    hasLocalStorage: boolean;
-    isMac: boolean;
-    isMobile: boolean;
-    isIOS: boolean;
-    isAndroid: boolean;
-    isSafari: boolean;
-    isFirefox: boolean;
-    formatters: Record<string, TsFormatter>;
-    constructor();
-    isBin(val: unknown): boolean;
-    isInt(val: unknown): boolean;
-    isFloat(val: unknown): boolean;
-    isMoney(val: unknown): boolean;
-    isHex(val: unknown): boolean;
-    isAlphaNumeric(val: unknown): boolean;
-    isEmail(val: unknown): boolean;
-    isIpAddress(val: unknown): boolean;
-    isDate(val: unknown, format?: string | null, retDate?: boolean): boolean | Date;
-    isTime(val: unknown, retTime?: boolean): boolean | TsTimeResult;
-    isDateTime(val: unknown, format?: string | null, retDate?: boolean): boolean | Date;
-    age(dateStr: unknown): string;
-    interval(value: number): string;
-    date(dateStr: unknown): string;
-    formatSize(sizeStr: unknown): string | number;
-    formatNumber(val: unknown, fraction?: number | string | null, useGrouping?: boolean): string;
-    formatDate(dateStr: unknown, format?: string | null): string;
-    formatTime(dateStr: unknown, format?: string | null): string;
-    formatDateTime(dateStr: unknown, format?: string | null): string;
-    stripSpaces(html: unknown): unknown;
-    stripTags(html: unknown): unknown;
-    encodeTags(html: unknown): unknown;
-    decodeTags(html: unknown): unknown;
-    escapeId(id: unknown): string;
-    unescapeId(id: string | null | undefined): string;
-    base64encode(str: string): string;
-    base64decode(encodedStr: string): string;
-    sha256(str: string): Promise<string>;
-    transition(div_old: HTMLElement, div_new: HTMLElement, type: string, callBack?: () => void): Promise<void>;
-    lock(box: unknown, options?: TsLockOptions | string, ...rest: unknown[]): void;
-    unlock(box: unknown, speed?: number): void;
-    /**
-     * Opens a context message, similar in parameters as TsPopup.open()
-     *
-     * Sample Calls
-     * TsUtils.message({ box: '#div', text: 'message' }).ok(() => {})
-     * TsUtils.message({ box: '#div', text: 'message', width: 300 }).ok(() => {})
-     * TsUtils.message({ box: '#div', text: 'message', actions: ['Save'] }).Save(() => {})
-     *
-     * Used in TsGrid, TsForm, TsLayout (should be in TsPopup too)
-     * should be called with .call(...) method
-     *
-     * @param where = {
-     *      box,     // where to open
-     *      after,   // title if any, adds title heights
-     *      param    // additional parameters, used in layouts for panel
-     * }
-     * @param options {
-     *      width,      // (int), width in px, if negative, then it is maxWidth - width
-     *      height,     // (int), height in px, if negative, then it is maxHeight - height
-     *      text,       // centered text
-     *      body,       // body of the message
-     *      buttons,    // buttons of the message
-     *      html,       // if body & buttons are not defined, then html is the entire message
-     *      focus,      // int or id with a selector, default is 0
-     *      hideOn,     // ['esc', 'click'], default is ['esc']
-     *      actions,    // array of actions (only if buttons is not defined)
-     *      onOpen,     // event when opened
-     *      onClose,    // event when closed
-     *      onAction,   // event on action
-     * }
-     */
-    message(where: TsMessageWhere, options?: TsMessageOptions | string | number): TsMessageProm | undefined;
-    alert(where: TsMessageWhere, options?: TsMessageOptions | string | number): TsMessageProm | undefined;
-    /**
-     * Shows a prompt as a context message. It will use same where: { box: ... } as TsUtils.message() function
-     * but it will have options similar to TsPrompt dialog
-     *
-     * Example:
-     *  - TsUtils.conrirm({
-     *       box: '#custom',
-     *       text: 'Some message'
-     *    })
-     *    .yes(event => console.log(event))
-     */
-    confirm(where: TsMessageWhere, options?: TsMessageOptions | string | number): TsMessageProm | undefined;
-    /**
-     * Shows a prompt as a context message. It will use same where: { box: ... } as TsUtils.message() function
-     * but it will have options similar to TsPrompt dialog
-     *
-     * Example:
-     *  - TsUtils.prompt({
-     *       box: '#custom',
-     *       label: 'Enter Name',
-     *       textarea: false,
-     *       attrs: 'style="border: 1px solid red"'
-     *    })
-     *    .ok(event => console.log(event))
-     */
-    prompt(where: TsMessageWhere, options?: TsMessageOptions | string | number): TsMessageProm | undefined;
-    /**
-     * Normalizes yes, no buttons for confirmation dialog
-     *
-     * @param {*} options
-     * @returns  options
-     */
-    normButtons(options: Record<string, unknown>, btn: Record<string, unknown>): Record<string, unknown>;
-    /**
-     * Shows small notification message at the bottom of the page, or containter that you specify
-     * in options.where (could be element or a selector)
-     *
-     * TsUtils.notify('Document saved')
-     * TsUtils.notify('Mesage sent ${udon}', { actions: { undo: function () {...} }})
-     *
-     * @param {String/Object} options can be {
-     *      text: string,       // message, can be html
-     *      where: el/selector, // element or selector where to show, default is document.body
-     *      timeout: int,       // timeout when to hide, if 0 - indefinite
-     *      error: boolean,     // add error clases
-     *      class: string,      // additional class strings
-     *      actions: object     // object with action functions, it should correspot to templated text: '... ${action} ...'
-     *  }
-     * @returns promise
-     */
-    notify(text: string | Record<string, unknown>, options?: Record<string, unknown>): Promise<void>;
-    getSize(el: unknown, type: string): number;
-    getStrDimentions(str: string, styles?: string, raw?: boolean): {
-        width: number;
-        height: number;
-    };
-    getStrWidth(str: string, styles?: string, raw?: boolean): number;
-    getStrHeight(str: string, styles?: string, raw?: boolean): number;
-    execTemplate(str: any, replace_obj: any): any;
-    marker(el: any, items: any, options?: any): unknown;
-    lang(phrase: string, params?: Record<string, string | number> | boolean): string;
-    locale(locale: string | string[] | Record<string, unknown>, keepPhrases?: boolean, noMerge?: boolean): Promise<{
-        file: string;
-        data: unknown;
-    } | void>;
-    scrollBarSize(): unknown;
-    checkName(name: string): boolean;
-    checkUniqueId(id: any, items: any, desc: any, obj: any): boolean;
-    /**
-     * Takes an object and encodes it into params string to be passed as a url
-     * { a: 1, b: 'str'}                => "a=1&b=str"
-     * { a: 1, b: { c: 2 }}             => "a=1&b[c]=2"
-     * { a: 1, b: {c: { k: 'dfdf' } } } => "a=1&b[c][k]=dfdf"
-     */
-    encodeParams(obj: any, prefix?: string): string;
-    parseRoute(route: string): {
-        path: RegExp;
-        keys: {
-            name: string;
-            optional: boolean;
-        }[];
-    };
-    getCursorPosition(input: any): number | null;
-    setCursorPosition(input: HTMLElement | null, pos: number, posEnd?: number): void;
-    parseColor(str: string | null | undefined): TsColorRgb | null;
-    colorContrast(color1: string, color2: string): string;
-    colorContrastValue(color1: string, color2: string): number;
-    hsv2rgb(h: any, s?: any, v?: any, a?: any): {
-        r: number;
-        g: number;
-        b: number;
-        a: number;
-    };
-    rgb2hsv(r: any, g?: any, b?: any, a?: any): {
-        h: number;
-        s: number;
-        v: number;
-        a: number;
-    };
-    tooltip(html: string | Record<string, unknown>, options?: Record<string, unknown>): string;
-    isPlainObject(value: unknown): boolean;
-    /**
-     * Deep copy of an object or an array. Function, events and HTML elements will not be cloned,
-     * you can choose to include them or not, by default they are included.
-     * You can also exclude certain elements from final object if used with options: { exclude }
-     */
-    clone(obj: unknown, options?: Partial<TsCloneOptions>): any;
-    /**
-     * Deep extend an object, if an array, it overwrrites it, cloning objects in the process
-     * target, source1, source2, ...
-     */
-    extend(target: any, source: any, ...rest: unknown[]): any;
-    naturalCompare(a: unknown, b: unknown): number;
-    /**
-     * Takes a menu (used in drop downs, context menu, field: list/combo/enum) and normalizes it to the common structure, which
-     * is { id: ..., text: ... }. In options you can pass { itemMap: { id: 'id_field', text: 'text_field' }} that will be used
-     * to find out id and text fields.
-     */
-    normMenu(menu: unknown, options?: TsNormMenuOptions): TsMenuItem[] | undefined;
-    /**
-     * Takes Url object and fetchOptions and changes it in place applying selected user dataType. Since
-     * dataType is in TsUtils. This method is used in grid, form and tooltip to prepare fetch parameters
-     */
-    prepareParams(url: URL, fetchOptions: Record<string, unknown>, options?: Record<string, unknown>): Record<string, unknown>;
-    bindEvents(selector: unknown, subject: Record<string, unknown>): void;
-    debounce(func: (...args: any[]) => void, wait?: number): (...args: any[]) => void;
-    wait(time?: number): Promise<void>;
-    getNested(obj: any, prop: any): unknown;
-}
-declare var TsUtils: Utils;
-
-/**
- * Part of TsUi 2.0 library
- *  - Dependencies: none
- *
- * These are the master locale settings that will be used by TsUtils
- *
- * "locale" should be the IETF language tag in the form xx-YY,
- * where xx is the ISO 639-1 language code ( see https://en.wikipedia.org/wiki/ISO_639-1 ) and
- * YY is the ISO 3166-1 alpha-2 country code ( see https://en.wikipedia.org/wiki/ISO_3166-2 )
- */
-interface TsLocaleSettings {
-    locale: string;
-    dateFormat: string;
-    timeFormat: string;
-    datetimeFormat: string;
-    currencyPrefix: string;
-    currencySuffix: string;
-    currencyPrecision: number;
-    groupSymbol: string;
-    decimalSymbol: string;
-    shortmonths: string[];
-    fullmonths: string[];
-    shortdays: string[];
-    fulldays: string[];
-    weekStarts: string;
-    phrases: Record<string, string> | null;
-}
-declare const TsLocale: TsLocaleSettings;
-
-interface DialogOptions {
-    title?: string;
-    text?: string;
-    body?: string;
-    buttons?: string;
-    width?: number;
-    height?: number;
-    focus?: number | string | null;
-    actions?: Record<string, unknown> | null;
-    style?: string;
-    speed?: number;
-    blockPage?: boolean;
-    modal?: boolean;
-    maximized?: boolean;
-    keyboard?: boolean;
-    showClose?: boolean;
-    showMax?: boolean;
-    resizable?: boolean;
-    transition?: unknown;
-    openMaximized?: boolean;
-    moved?: boolean;
-    prevSize?: string | null;
-    cancelAction?: string;
-    closingTimer?: ReturnType<typeof setTimeout>;
-    _last_focus?: HTMLElement | null;
-    [key: string]: unknown;
-}
-declare class TsDialog extends TsBase {
-    defaults: DialogOptions;
-    options: DialogOptions;
-    name: string;
-    status: string;
-    tmp: Record<string, unknown>;
-    handleResize: (event?: any) => void;
-    _promCreated: (value?: unknown) => void;
-    _promOpened: (value?: unknown) => void;
-    _promClosing: (value?: unknown) => void;
-    _promClosed: (value?: unknown) => void;
-    _timer?: ReturnType<typeof setTimeout>;
-    constructor();
-    /**
-     * Sample calls
-     * - TsPopup.open('ddd').ok(() => { TsPopup.close() })
-     * - TsPopup.open('ddd', { height: 120 }).ok(() => { TsPopup.close() })
-     * - TsPopup.open({ body: 'text', title: 'caption', actions: ["Close"] }).close(() => { TsPopup.close() })
-     * - TsPopup.open({ body: 'text', title: 'caption', actions: { Close() { TsPopup.close() }} })
-     */
-    open(options?: any, extraOptions?: any): (Record<string, unknown> & {
-        self: TsDialog;
-        action(callBack: any): Record<string, unknown> & /*elided*/ any;
-        close(callBack: any): Record<string, unknown> & /*elided*/ any;
-        then(callBack: any): Record<string, unknown> & /*elided*/ any;
-    }) | undefined;
-    load(options: any): Promise<unknown>;
-    template(data: any, id: any, options?: any): (Record<string, unknown> & {
-        self: TsDialog;
-        action(callBack: any): Record<string, unknown> & /*elided*/ any;
-        close(callBack: any): Record<string, unknown> & /*elided*/ any;
-        then(callBack: any): Record<string, unknown> & /*elided*/ any;
-    }) | undefined;
-    action(action: any, event?: any): void;
-    keydown(event: any): void;
-    close(immediate?: any): void;
-    toggle(): void;
-    max(): void;
-    min(): void;
-    clear(): void;
-    reset(): void;
-    message(options: any): TsMessageProm | undefined;
-    confirm(options: any): TsMessageProm | undefined;
-    setFocus(focus?: any): void;
-    lock(msg?: any, showSpinner?: any): void;
-    unlock(speed?: any): void;
-    center(width?: any, height?: any, force?: any): {
-        top: number;
-        left: number;
-        width: any;
-        height: any;
-    };
-    resize(newWidth: any, newHeight: any, callBack?: any): Promise<unknown>;
-    resizeMessages(): void;
-}
-declare function TsAlert(msg: any, title?: any, callBack?: any): any;
-declare function TsConfirm(msg: any, title?: any, callBack?: any): any;
-declare function TsPrompt(label: any, title?: any, callBack?: any): any;
-declare const TsPopup: TsDialog;
-
-/**
- * Part of TsUi 2.0 library
- * - Dependencies: mQuery, TsUtils, TsBase
- *
- * T3.1: Ported to TypeScript with aggressive typing per typing_policy.
- * No @ts-nocheck. Targeted `any` sites documented with // any: comments.
- *
- * TODO:
- * - need help pages
- *
- * 2.0 Changes
- * - multiple tooltips to the same anchor
- * - options.contextMenu
- * - options.prefilter - if true, it will show prefiltered items for TsMenu, otherwise all
- * - menu.item.help, menu.item.hotkey, menu.item.extra
- * - options.selected -> for TsMenu
- * - options.tooltip => {}
- * - TsMenu event onTooltip
- * - added onMouseEnter and onMouseLeave for TsMenu
- */
-
-/** Base options shared by all tooltip variants */
-interface TooltipOptions {
-    name?: string | null;
-    html?: string;
-    style?: string;
-    class?: string;
-    position?: string | string[];
-    draggable?: boolean;
-    align?: string;
-    anchor?: HTMLElement | null;
-    contextMenu?: boolean;
-    anchorClass?: string;
-    anchorStyle?: string;
-    autoShow?: boolean;
-    autoShowOn?: string | null;
-    autoHideOn?: string | null;
-    arrowSize?: number;
-    screenMargin?: number;
-    autoResize?: boolean;
-    margin?: number;
-    offsetX?: number;
-    offsetY?: number;
-    maxWidth?: number | null;
-    maxHeight?: number | null;
-    hideOn?: string | string[] | null;
-    onThen?: ((event: unknown) => void) | null;
-    onShow?: ((event: unknown) => void) | null;
-    onHide?: ((event: unknown) => void) | null;
-    onUpdate?: ((event: unknown) => void) | null;
-    onMove?: ((event: unknown) => void) | null;
-    _keep?: boolean;
-    text?: string;
-    [key: string]: unknown;
-}
-/** A single menu item */
-interface MenuItem {
-    id?: string | number | null;
-    text?: string | null | ((item: MenuItem, options: MenuOptions) => string);
-    style?: string;
-    icon?: string | null;
-    count?: string | number | null;
-    tooltip?: string | {
-        html?: string;
-        [key: string]: unknown;
-    } | null;
-    hint?: string | null;
-    hotkey?: string | null;
-    removable?: boolean | null;
-    remove?: boolean | null;
-    help?: string | null;
-    items?: MenuItem[] | ((item: MenuItem) => MenuItem[]) | null;
-    indent?: number;
-    type?: 'check' | 'radio' | 'break' | null;
-    group?: string | boolean | null;
-    expanded?: boolean;
-    hidden?: boolean;
-    checked?: boolean | null;
-    disabled?: boolean;
-    keepOpen?: boolean | null;
-    extra?: string;
-    _noSearchInside?: boolean;
-    [key: string]: unknown;
-}
-/** Options for TsMenu (MenuTooltip) */
-interface MenuOptions extends TooltipOptions {
-    type?: 'normal' | 'radio' | 'check';
-    items?: MenuItem[];
-    selected?: null | string | number | MenuItem | Array<string | number | MenuItem>;
-    render?: ((item: MenuItem, options: MenuOptions) => string) | null;
-    spinner?: boolean;
-    msgNoItems?: string;
-    msgSearch?: string;
-    topHTML?: string;
-    menuStyle?: string;
-    search?: boolean;
-    filter?: boolean;
-    match?: 'contains' | 'is' | 'begins' | 'begins with' | 'ends' | 'ends with' | 'regexp';
-    markSearch?: boolean;
-    prefilter?: boolean;
-    altRows?: boolean;
-    url?: string;
-    postData?: Record<string, unknown>;
-    method?: string;
-    recId?: string | ((item: Record<string, unknown>) => unknown) | null;
-    recid?: string | null;
-    recText?: string | ((item: Record<string, unknown>) => unknown) | null;
-    cacheMax?: number;
-    minLength?: number;
-    debounce?: number;
-    hideSelected?: boolean;
-    parentOverlay?: TooltipOverlay | null;
-    parents?: number[];
-    onSelect?: ((event: unknown) => void) | null;
-    onSubMenu?: ((event: unknown) => void) | null;
-    onRemove?: ((event: unknown) => void) | null;
-    onTooltip?: ((event: unknown) => void) | null;
-    onMouseEnter?: ((event: unknown) => void) | null;
-    onMouseLeave?: ((event: unknown) => void) | null;
-}
-/** Options for TsColor (ColorTooltip) */
-interface ColorOptions extends TooltipOptions {
-    advanced?: boolean;
-    transparent?: boolean;
-    color?: string;
-    updateInput?: boolean;
-    onSelect?: ((event: unknown) => void) | null;
-    onLiveUpdate?: ((event: unknown) => void) | null;
-}
-/** Options for TsDate (DateTooltip) */
-interface DateOptions extends TooltipOptions {
-    type?: 'date' | 'time' | 'datetime';
-    value?: string;
-    format?: string;
-    start?: string | HTMLElement | null;
-    end?: string | HTMLElement | null;
-    btnNow?: boolean;
-    blockDates?: string[];
-    blockWeekdays?: number[];
-    colored?: Record<string, string>;
-    noMinutes?: boolean;
-    startTime?: string;
-    endTime?: string;
-    onSelect?: ((event: unknown) => void) | null;
-}
-/** The overlay object — a TsBase instance extended at runtime with many dynamic props */
-type TooltipOverlay = // any: dynamic TsBase extension
-InstanceType<typeof TsBase> & {
-    id: string;
-    name: string;
-    options: TooltipOptions & MenuOptions & ColorOptions & DateOptions;
-    anchor: HTMLElement;
-    self: Tooltip;
-    displayed: boolean;
-    box: HTMLElement & {
-        overlay?: TooltipOverlay;
-    } | null;
-    needsUpdate?: boolean;
-    prevOptions?: TooltipOptions;
-    tmp: Record<string, unknown>;
-    selected?: string | number | null;
-    newColor?: string;
-    newValue?: string;
-    newDate?: string;
-    next?: () => void;
-    prev?: () => void;
-    click?: () => void;
-    hide: () => void;
-};
-/** Return value of Tooltip.attach() */
-interface AttachReturn {
-    overlay: TooltipOverlay;
-    then: (callback: (event: unknown) => void) => AttachReturn;
-    show: (callback: (event: unknown) => void) => AttachReturn;
-    hide: (callback: (event: unknown) => void) => AttachReturn;
-    update: (callback: (event: unknown) => void) => AttachReturn;
-    move: (callback: (event: unknown) => void) => AttachReturn;
-    liveUpdate?: (callback: (event: unknown) => void) => AttachReturn;
-    select?: (callback: (event: unknown) => void) => AttachReturn;
-    remove?: (callback: (event: unknown) => void) => AttachReturn;
-    subMenu?: (callback: (event: unknown) => void) => AttachReturn;
-}
-/** Position calculation result */
-interface TooltipPosition {
-    left: number;
-    top: number;
-    arrow: {
-        offset: number;
-        class: string;
-        style: string;
-    };
-    adjust: {
-        left: number;
-        top: number;
-    };
-    width?: number;
-    height?: number;
-    pos: string;
-}
-declare class Tooltip {
-    static active: Record<string, TooltipOverlay>;
-    defaults: TooltipOptions;
-    setColor?: (color: Partial<{
-        h: number;
-        s: number;
-        v: number;
-        a: number;
-    }>, fullUpdate?: boolean, initial?: string) => void;
-    initControls(_overlay: any): void;
-    constructor();
-    static observeRemove: MutationObserver;
-    trigger(event: any, data?: any): {
-        isCancelled?: boolean;
-        finish: () => void;
-        detail?: Record<string, unknown>;
-    };
-    get(name?: string | true): string[] | Record<string, TooltipOverlay> | TooltipOverlay | undefined;
-    attach(anchorArg?: HTMLElement | TooltipOptions | null, textArg?: string | TooltipOptions): AttachReturn | undefined;
-    update(name: string, html: string): void;
-    show(name?: string | HTMLElement | TooltipOptions, extraOptions?: TooltipOptions): AttachReturn | {
-        overlay: TooltipOverlay;
-    } | undefined;
-    hide(name?: string | HTMLElement): void;
-    resize(name?: string): {
-        moved: boolean;
-        resize: boolean;
-    } | {
-        multiple: boolean;
-    } | void;
-    getPosition(name: string): TooltipPosition | undefined;
-    /**
-     * Move overlay node to the end of its parent (typically body) so it stacks above other .tsg-overlay siblings
-     * without relying on z-index. No-op if it is already the last element child.
-     */
-    bringOverlayToFront(overlay: TooltipOverlay): void;
-    startDrag(event: MouseEvent & {
-        target: EventTarget & {
-            _lastBoundingRect?: DOMRect;
-        };
-    }): void;
-}
-declare class ColorTooltip extends Tooltip {
-    static custom_colors: string[];
-    palette: string[][];
-    index: [number, number];
-    constructor();
-    attach(anchor: any, text?: any): AttachReturn | undefined;
-    select(color: any, name: any): void;
-    nextColor(direction: string): string | undefined;
-    tabClick(index: any, name: any): void;
-    getColorHTML(name: any, options: any): string;
-    getCustomColorsHTML(name: string): string;
-    initControls(overlay: TooltipOverlay): void;
-    addCustomColor(color: any, _name: any): any;
-    pickAndSelect(name: string, event: any): Promise<void>;
-    pickAndUse(_name: string): Promise<void>;
-    pickColor(): Promise<string | undefined>;
-}
-declare class MenuTooltip extends Tooltip {
-    constructor();
-    attach(anchor: any, text?: any): AttachReturn | undefined;
-    update(name: any, items: any): void;
-    initControls(overlay: any): void;
-    getCurrent(name: string, id?: any): {
-        last: number;
-        index: any;
-        items: any;
-        item: any;
-        parents: string;
-    };
-    getMenuHTML(options: any): string;
-    openSubMenu(event: any): void;
-    closeSubMenu(event: any): void;
-    refreshIndex(name: string, instant?: boolean): void;
-    showTooltip(name: string, options?: any): void;
-    refreshSearch(name: string): void;
-    /**
-     * Loops through the items and markes item.hidden = true for those that need to be hidden, and item.hidden = false
-     * for those that are visible. Return a promise (since items can be on the server) with the number of visible items.
-     */
-    applyFilter(name: string, items: any, search: any, debounce?: any): Promise<any>;
-    request(overlay: any, search: any, debounce: any): Promise<any>;
-    /**
-     * Builds an array of item ids that sequencial order for navigation with up/down keys. Skips hidden and disabled items
-     * and goes into nested structures. It will remember last active chain in 'overlay.tmp.activeChain'
-     */
-    getActiveChain(name: string, items?: any, parents?: any[], res?: any[], noSave?: boolean): any[];
-    menuDown(overlay: any, event: any, index: any, parents: any): void;
-    menuClick(overlay: any, event: any, index: any, parents: any): void;
-    findChecked(items: any): any[];
-    keyUp(overlay: any, event: any): void;
-}
-declare class DateTooltip extends Tooltip {
-    daysCount: number[];
-    today: string;
-    constructor();
-    attach(anchor: any, text?: any): AttachReturn | undefined;
-    initControls(overlay: any): void;
-    getMonthHTML(options: any, month?: any, year?: any): {
-        html: string;
-        month: any;
-        year: any;
-    };
-    getYearHTML(): string;
-    getHourHTML(options: any): {
-        html: string;
-    };
-    getMinHTML(hour: any, options: any): {
-        html: string;
-    };
-    inRange(str: any, options: any, dateOnly?: boolean): boolean;
-    str2min(str: any): number | null;
-    min2str(time: number, format?: any): string;
-}
-declare const TsTooltip: Tooltip;
-declare const TsMenu: MenuTooltip;
-declare const TsColor: ColorTooltip;
-declare const TsDate: DateTooltip;
-
-/**
- * Part of TsUi 2.0 library
- *  - Dependencies: mQuery, TsUtils, TsBase, TsTooltip, TsColor, TsMenu
- *
- * == TODO ==
- *  - tab navigation (index state)
- *  - vertical toolbar
- *  - TsMenu on second click of tb button should hide
- *  - button display groups for each show/hide, possibly add state: { single: t/f, multiple: t/f, type: 'font' }
- *  - item.count - should just support html, so a custom block can be created, such as a colored line
- *
- * == 2.0 changes
- *  - CSP - fixed inline events
- *  - removed jQuery dependency
- *  - item.icon - can be class or <custom-icon-component> or <svg>
- *  - new w2tooltips and TsMenu
- *  - scroll returns promise
- *  - added onMouseEntter, onMouseLeave, onMouseDown, onMouseUp events
- *  - add(..., skipRefresh), insert(..., skipRefresh)
- *  - item.items can be a function
- *  - item.icon_style - style for the icon
- *  - item.icon - can be a function
- *  - item.type = 'label', item.type = 'input'
- *  - item.placeholder
- *  - item.input: { spinner, style, min, max, step, precision, suffix }
- *  - item.backColor
- *  - onLiveUpdate - for colors
- */
-
-declare class TsToolbar extends TsBase {
-    box: HTMLElement | null;
-    name: string;
-    routeData: Record<string, unknown>;
-    items: any[];
-    right: string | string[];
-    tooltip: string;
-    item_template: Record<string, unknown>;
-    last: any;
-    _refresh: (opts: any) => void;
-    _refreshDebounced: () => void;
-    [key: string]: any;
-    constructor(options: any);
-    add(items: any, skipRefresh?: any): void;
-    insert(id: any, items: any, skipRefresh?: any): void;
-    remove(...args: any[]): number;
-    set(id: any, newOptions: any): boolean;
-    get(id?: any, returnIndex?: boolean, items?: any[]): any;
-    setCount(id: any, count: any, className?: any, style?: any): void;
-    show(...args: any[]): any[];
-    hide(...args: any[]): any[];
-    enable(...args: any[]): any[];
-    disable(...args: any[]): any[];
-    check(...args: any[]): any[];
-    uncheck(...args: any[]): any[];
-    click(id: any, event?: any): void;
-    scroll(direction?: any, line?: any, instant?: any): Promise<void>;
-    render(box?: any): number | undefined;
-    refresh(id?: any): number | false | undefined;
-    resize(): number | undefined;
-    destroy(): void;
-    unmount(): void;
-    getItemHTML(item: any): string;
-    spinner(id: any, action: any, event?: any): void;
-    change(id?: any, value?: any, dynamic?: any): void;
-    tooltipShow(id: any): void;
-    tooltipHide(_id: any): void;
-    menuClick(event: any): void;
-    colorClick(event: any): void;
-    mouseAction(event: any, target: any, action: any, id: any): void;
-}
-
-/**
- * Part of TsUi 2.0 library
- *  - Dependencies: mQuery, TsUtils, TsBase, TsTooltip, TsMenu
- *
- * == TODO ==
- *  - dbl click should be like it is in grid (with timer not HTML dbl click event)
- *  - node.style is misleading - should be there to apply color for example
- *  - node.plus - is not working
- *
- * == 2.0 changes
- *  - remove jQuery dependency
- *  - deprecarted obj.img, node.img
- *  - CSP - fixed inline events
- *  - observeResize for the box
- *  - search(..., compare) - comparison function
- *  - editable = true
- *  - edit(id) - new method
- *  - onEdit, onRename - new events
- *  - reorder = true - to allow reorder
- *  - mouseDown - for reorder
- *  - onReorder, onDragStart, onDragOver - events
- *  - this.mutlti - for multi select (ctrl for one at a time and shift for range)
- *  - onSelect, onUnselect - new events
- *  - prev(), next(), getChain()
- */
-
-/** Options accepted by refresh() */
-interface TsSidebarRefreshOptions {
-    recursive?: boolean;
-}
-/** Options accepted by update() — mirrors node property names that can be updated in-place */
-interface TsSidebarUpdateOptions {
-    icon?: string | ((nd: unknown, level: number) => string) | null;
-    class?: string | null;
-    style?: string | null;
-    text?: string | ((nd: unknown, level: number) => string) | null;
-    count?: number | string | null;
-    [key: string]: unknown;
-}
-/** Options accepted by setCount() */
-interface TsSidebarSetCountOptions {
-    className?: string;
-    style?: string;
-    noRepeat?: boolean;
-}
-/** Options for find() */
-interface TsSidebarFindOptions {
-    returnDisabled?: boolean;
-    returnGroups?: boolean;
-    [key: string]: unknown;
-}
-/** Options for sort() */
-interface TsSidebarSortOptions {
-    foldersFirst?: boolean;
-    caseSensitive?: boolean;
-    reverse?: boolean;
-    [key: string]: unknown;
-}
-declare class TsSidebar extends TsBase {
-    box: HTMLElement | null;
-    name: string;
-    nodes: any[];
-    selected: any;
-    img: any;
-    icon: any;
-    style: string;
-    hasFocus: boolean;
-    flat: boolean;
-    flatButton: boolean;
-    keyboard: boolean;
-    editable: boolean;
-    reorder: boolean;
-    tabIndex: number | null;
-    routeData: Record<string, unknown>;
-    multi: boolean;
-    skipRefresh: boolean;
-    last: any;
-    node_template: Record<string, unknown>;
-    [key: string]: any;
-    constructor(options: any);
-    add(parent?: any, nodes?: any): any;
-    insert(parent?: any, before?: any, nodes?: any): any;
-    remove(...args: any[]): number;
-    set(parent?: any, id?: any, node?: any): boolean | null;
-    get(parent?: any, id?: any, returnIndex?: any): any;
-    setCount(id: any, count: any, options?: TsSidebarSetCountOptions): void;
-    find(parent?: any, params?: any, results?: any): any;
-    sort(options: TsSidebarSortOptions | null | undefined, nodes?: any): void;
-    each(fn: any, nodes?: any): void;
-    search(str: any, compare?: any): number;
-    show(...args: any[]): any[];
-    hide(...args: any[]): any[];
-    enable(...args: any[]): any[];
-    disable(...args: any[]): any[];
-    select(id: any): boolean | undefined;
-    unselect(id?: any): boolean | undefined;
-    toggle(id: any): boolean | undefined;
-    collapse(id: any): boolean | undefined;
-    expand(id: any): true | undefined;
-    collapseAll(parent?: any): boolean;
-    expandAll(parent?: any): false | undefined;
-    expandParents(id: any): boolean;
-    click(id: any, event?: any): void;
-    flatMenu(el: any, items: any): void;
-    focus(event?: any): false | undefined;
-    blur(event: any): false | undefined;
-    next(node: any, noSubs?: any): any;
-    prev(node: any): any;
-    getChain(nodes?: any, options?: TsSidebarFindOptions): any[];
-    keydown(event: any): void;
-    inView(id: any): boolean;
-    scrollIntoView(id?: any, instant?: any): Promise<void>;
-    dblClick(id: any, event: any): void;
-    /**
-     * This is needed for not reorder
-     */
-    mouseDown(id: any, event: any): void;
-    edit(id: any): Node | Node[] | null | undefined;
-    contextMenu(id: any, event: any): void;
-    menuClick(itemId: any, detail?: any): void;
-    goFlat(): void;
-    render(box?: any): number | undefined;
-    update(id: any, options?: TsSidebarUpdateOptions): TsSidebarUpdateOptions;
-    refresh(id?: any, options?: TsSidebarRefreshOptions): number | undefined;
-    mouseAction(action: any, anchor: any, nodeId: any, event: any, type: any): void;
-    tooltip(el: any, text: any): void;
-    otherTooltip(el: any, text: any): void;
-    showPlus(el: any, color: any): void;
-    resize(): number | undefined;
-    destroy(): void;
-    unmount(): void;
-    lock(msg?: any, showSpinner?: any): void;
-    unlock(speed: any): void;
-}
-
-/**
- * Part of TsUi 2.0 library
- *  - Dependencies: mQuery, TsUtils, TsBase, TsTooltip
- *
- * == 2.0 changes
- *  - CSP - fixed inline events
- *  - removed jQuery dependency
- *  - observeResize for the box
- *  - refactored w2events
- *  - scrollIntoView - removed callback
- *  - scroll, scrollIntoView return promise
- *  - animateInsert, animateClose - returns a promise
- *  - add, insert return a promise
- *  - onMouseEnter, onMouseLeave, onMouseDown, onMouseUp
- */
-
-declare class TsTabs extends TsBase {
-    box: HTMLElement | null;
-    name: string;
-    active: any;
-    reorder: boolean;
-    flow: string;
-    tooltip: string;
-    tabs: any[];
-    routeData: Record<string, unknown>;
-    last: any;
-    right: string;
-    style: string;
-    tab_template: Record<string, unknown>;
-    [key: string]: any;
-    constructor(options: any);
-    add(tab: any): Promise<any>;
-    insert(id: any, tabs: any): Promise<any>;
-    remove(...ids: any[]): number;
-    select(id: any): boolean;
-    set(id: any, tab: any): boolean;
-    get(id?: any, returnIndex?: boolean): any;
-    show(...ids: any[]): any[];
-    hide(...ids: any[]): any[];
-    enable(...ids: any[]): any[];
-    disable(...ids: any[]): any[];
-    dragMove(event: MouseEvent): void;
-    mouseAction(action: string, id: any, event: MouseEvent): void;
-    tooltipShow(id: any): void;
-    tooltipHide(_id: any): void;
-    getTabHTML(id: any): string | false;
-    refresh(id?: any): number | undefined;
-    render(box?: any): number | false | undefined;
-    initReorder(id: any, event: MouseEvent): void;
-    scroll(direction?: any, instant?: any): Promise<void>;
-    scrollIntoView(id?: any, instant?: any): Promise<void>;
-    resize(): number | undefined;
-    destroy(): void;
-    unmount(): void;
-    click(id: any, event?: MouseEvent): false | void;
-    clickClose(id: any, event?: MouseEvent): false | void;
-    animateClose(id?: any): Promise<void>;
-    animateInsert(id: any, tab: any): Promise<void>;
-}
-
-/** Valid panel type names in a layout */
-type TsPanelType = 'top' | 'left' | 'main' | 'preview' | 'right' | 'bottom';
-/** Content that can be placed in a layout panel */
-type TsPanelContent = string | {
-    render: (box?: HTMLElement) => void;
-    unmount?: () => void;
-    box?: HTMLElement | null;
-    [key: string]: unknown;
-};
-/** Individual panel configuration and runtime state */
-interface TsLayoutPanel {
-    type: TsPanelType | null;
-    title: string;
-    size: number | string;
-    minSize: number;
-    maxSize: number | boolean;
-    hidden: boolean;
-    resizable: boolean;
-    overflow: string;
-    style: string;
-    html: TsPanelContent;
-    tabs: TsTabs | Record<string, unknown> | null;
-    toolbar: TsToolbar | Record<string, unknown> | null;
-    /** Runtime-computed width (read-only after resize) */
-    width: number | null;
-    /** Runtime-computed height (read-only after resize) */
-    height: number | null;
-    /** Runtime-computed size in pixels */
-    sizeCalculated?: number;
-    show: {
-        toolbar: boolean;
-        tabs: boolean;
-    };
-    removed: ((info: {
-        panel: string;
-        html: TsPanelContent;
-        html_new: TsPanelContent;
-        transition: string;
-    }) => void) | null;
-    onRefresh: ((event: unknown) => void) | null;
-    onShow: ((event: unknown) => void) | null;
-    onHide: ((event: unknown) => void) | null;
-}
-/** Options for the html() method return promise-like */
-interface TsHtmlResult {
-    panel: string;
-    html: TsPanelContent;
-    error: boolean;
-    cancelled: boolean;
-    status?: boolean;
-    removed: (cb: () => void) => void;
-}
-declare class TsLayout extends TsBase {
-    box: HTMLElement | null;
-    name: string;
-    panels: TsLayoutPanel[];
-    last: Record<string, any>;
-    padding: number;
-    resizer: number;
-    style: string;
-    onShow: ((event: unknown) => void) | null;
-    onHide: ((event: unknown) => void) | null;
-    onResizing: ((event: unknown) => void) | null;
-    onResizerClick: ((event: unknown) => void) | null;
-    onRender: ((event: unknown) => void) | null;
-    onRefresh: ((event: unknown) => void) | null;
-    onChange: ((event: unknown) => void) | null;
-    onResize: ((event: unknown) => void) | null;
-    onDestroy: ((event: unknown) => void) | null;
-    panel_template: TsLayoutPanel;
-    [key: string]: any;
-    constructor(options: any);
-    html(panel: string, data: TsPanelContent, transition?: string): TsHtmlResult;
-    message(panel: string, options: unknown): TsMessageProm | undefined;
-    confirm(panel: string, options: unknown): TsMessageProm | undefined;
-    load(panel: string, url: string, transition?: string): Promise<void | TsHtmlResult>;
-    sizeTo(panel: string, size: number | string, instant?: boolean): boolean;
-    show(panel: string, immediate?: boolean): boolean | undefined;
-    hide(panel: string, immediate?: boolean): boolean | undefined;
-    toggle(panel: string, immediate?: boolean): boolean | undefined;
-    set(panel: string, options: Partial<TsLayoutPanel>): boolean;
-    get(panel: string, returnIndex?: boolean): any;
-    el(panel: string): HTMLElement | null;
-    hideToolbar(panel: string): void;
-    showToolbar(panel: string): void;
-    toggleToolbar(panel: string): void;
-    assignToolbar(panel: string, toolbar: TsToolbar | string | null): void;
-    hideTabs(panel: string): void;
-    showTabs(panel: string): void;
-    toggleTabs(panel: string): void;
-    assignTabs(panel: string, tabs: TsTabs | string | null): void;
-    render(box?: HTMLElement | string): number | false | undefined;
-    unmount(): void;
-    destroy(): boolean | undefined;
-    refresh(panel?: string): number | undefined;
-    resize(): number | false | undefined;
-    resizeBoxes(panel?: string): void;
-    lock(panel: string, msg: unknown, showSpinner?: boolean): void;
-    unlock(panel: string, speed?: number): void;
-}
+export { TsCloneOptions, TsColorRgb, TsLockOptions, TsMenuItem, TsUi, TsUtils, query } from './utils.js';
+export { TsLocale, TsLocaleSettings } from './locale.js';
+import { TsBase, TsEventPayload } from './base.js';
+export { TsEvent, TsEventData, toSafeEvent } from './base.js';
+export { TsAlert, TsConfirm, TsDialog, TsPopup, TsPrompt } from './popup.js';
+export { Tooltip, TsColor, TsDate, TsMenu, TsTooltip } from './tooltip.js';
+export { TsToolbar } from './toolbar.js';
+export { TsSidebar, TsSidebarFindOptions, TsSidebarRefreshOptions, TsSidebarSetCountOptions, TsSidebarSortOptions, TsSidebarUpdateOptions } from './sidebar.js';
+export { TsTabs } from './tabs.js';
+export { TsLayout, TsLayoutPanel, TsPanelContent, TsPanelType } from './layout.js';
+import { T as TsMessageProm } from './tsutils-message-CogFtVtO.js';
+export { a as TsMessageOptions, b as TsMessageWhere } from './tsutils-message-CogFtVtO.js';
+export { TsForm } from './form.js';
+export { TsField, TsFieldColorOptions, TsFieldDateOptions, TsFieldDateTimeOptions, TsFieldElement, TsFieldEnumOptions, TsFieldFileOptions, TsFieldListOptions, TsFieldNumericOptions, TsFieldOptions, TsFieldTimeOptions } from './field.js';
+import './query-CKGg5Ugv.js';
 
 /**
  * Shared branded primitive types for TsUi public API.
@@ -2089,488 +585,4 @@ declare class TsGrid extends TsBase {
     confirm(options: any): TsMessageProm | undefined;
 }
 
-/**
- * Part of TsUi 2.0 library
- *  - Dependencies: mQuery, TsUtils, TsBase, TsTabs, TsToolbar, TsTooltip, TsField
- *
- * T4.2: Ported to TypeScript with aggressive typing per typing_policy.
- * No @ts-nocheck. Targeted `any` sites documented with // any: comments.
- * Bug fix: line 1317 (original) `?? response.statusText` was unreachable
- * because string concat always produces non-null; fixed to `|| response.statusText`.
- *
- * == TODO ==
- *  - include delta on save
- *  - tabs below some fields (could already be implemented)
- *  - form with toolbar & tabs
- *  - promise for load, save, etc.
- *
- * == 2.0 changes
- *  - CSP - fixed inline events
- *  - removed jQuery dependency
- *  - better groups support tabs now
- *  - form.confirm - refactored
- *  - form.message - refactored
- *  - observeResize for the box
- *  - removed msgNotJSON, msgAJAXerror
- *  - applyFocus -> setFocus
- *  - getFieldValue(fieldName) = returns { curent, previous, original }
- *  - setFieldVallue(fieldName, value)
- *  - getValue(..., original) -- return original if any
- *  - added .hideErrors()
- *  - reuqest, save, submit - return promises
- *  - this.recid = null if no record needs to be pulled
- *  - remove form.multiplart
- *  - this.method - for saving only
- *  - added field.html.class
- *  - setValue(..., noRefresh)
- *  - rememberOriginal()
- *  - saveCleanRecord
- *  - added options.itemMap = { id: 'id', text: 'text' } - to map id, text fields if needed
- *  - hideGroup/showGroup - new methods
- *  - getAction/actionHide/actionShow/actionDisable/actionEnable - new methods
- */
-
-declare class TsForm extends TsBase {
-    [key: string]: any;
-    name: string;
-    header: string;
-    box: HTMLElement | null;
-    url: string | {
-        get?: string;
-        save?: string;
-    };
-    method: string | null;
-    routeData: Record<string, any>;
-    formURL: string;
-    formHTML: string;
-    page: number;
-    pageStyle: string;
-    recid: any;
-    fields: any[];
-    actions: Record<string, any>;
-    record: Record<string, any>;
-    original: Record<string, any> | null;
-    dataType: string | null;
-    saveCleanRecord: boolean;
-    postData: Record<string, any>;
-    httpHeaders: Record<string, string>;
-    toolbar: any;
-    tabs: any;
-    style: string;
-    focus: number | string;
-    autosize: boolean;
-    nestedFields: boolean;
-    tabindexBase: number;
-    isGenerated: boolean;
-    last: {
-        fetchCtrl: AbortController | null;
-        fetchOptions: RequestInit | null;
-        errors: any[];
-        errorsShown?: boolean;
-        observeResize?: ResizeObserver;
-    };
-    onRequest: ((event: TsEventPayload) => void) | null;
-    onLoad: ((event: TsEventPayload) => void) | null;
-    onValidate: ((event: TsEventPayload) => void) | null;
-    onSubmit: ((event: TsEventPayload) => void) | null;
-    onProgress: ((event: TsEventPayload) => void) | null;
-    onSave: ((event: TsEventPayload) => void) | null;
-    onChange: ((event: TsEventPayload) => void) | null;
-    onInput: ((event: TsEventPayload) => void) | null;
-    onRender: ((event: TsEventPayload) => void) | null;
-    onRefresh: ((event: TsEventPayload) => void) | null;
-    onResize: ((event: TsEventPayload) => void) | null;
-    onDestroy: ((event: TsEventPayload) => void) | null;
-    onAction: ((event: TsEventPayload) => void) | null;
-    onToolbar: ((event: TsEventPayload) => void) | null;
-    onError: ((event: TsEventPayload) => void) | null;
-    msgRefresh: string;
-    msgSaving: string;
-    msgServerError: string;
-    ALL_TYPES: string[];
-    LIST_TYPES: string[];
-    TsFIELD_TYPES: string[];
-    constructor(options: Record<string, any>);
-    get(field?: string, returnIndex?: boolean): any;
-    set(field: string, obj: Record<string, any>): boolean;
-    getValue(field: string, original?: boolean): any;
-    setValue(field: string, value: any, noRefresh?: boolean): boolean;
-    rememberOriginal(): void;
-    getFieldValue(name: string): {
-        current: any;
-        previous: any;
-        original: any;
-    } | undefined;
-    findItem(item: any, items: any[]): any;
-    setFieldValue(name: string, value: any): void;
-    show(...args: string[]): string[];
-    hide(...args: string[]): string[];
-    enable(...args: string[]): string[];
-    disable(...args: string[]): string[];
-    updateEmptyGroups(): void;
-    hideGroup(groupName: string): void;
-    showGroup(groupName: string): void;
-    /**
-     * When user clicks on group title, it will toggle the group (collapse or expand it).
-     */
-    toggleGroup(groupName: string, show?: boolean): void;
-    change(...args: string[]): void;
-    reload(callBack?: (() => void)): Promise<any>;
-    clear(...args: any[]): void;
-    error(msg: string): void;
-    message(options: any): any;
-    confirm(options: any): any;
-    validate(showErrors?: boolean): any[] | undefined;
-    showErrors(): void;
-    hideErrors(): void;
-    getChanges(): Record<string, any> | null;
-    getCleanRecord(strict?: boolean): Record<string, any>;
-    request(postData?: any, callBack?: (data: any) => void): Promise<any> | void;
-    submit(postData?: any, callBack?: (data: any) => void): Promise<any> | void;
-    save(postData?: any, callBack?: (data: any) => void): Promise<any> | void;
-    lock(msg: string, showSpinner?: boolean): void;
-    unlock(speed?: number): void;
-    lockPage(page: number, msg?: string, spinner?: boolean): boolean;
-    unlockPage(page: number, speed?: number): boolean;
-    goto(page: number): void;
-    generateHTML(): string | false;
-    action(action: string, event: Event): void;
-    getAction(action: string): any;
-    actionHide(action: string): void;
-    actionShow(action: string): void;
-    actionDisable(action: string): void;
-    actionEnable(action: string): void;
-    resize(): void;
-    refresh(...args: any[]): number;
-    render(box?: HTMLElement | string): number | void;
-    unmount(): void;
-    destroy(): void;
-    setFocus(focus?: number | string): any;
-}
-
-/**
- * Part of TsUi 2.0 library
- *  - Dependencies: mQuery, TsUtils, TsBase, TsTooltip, TsColor, TsMenu, TsDate
- *
- * T4.1: Ported to TypeScript with aggressive typing per typing_policy.
- * No @ts-nocheck. Targeted `any` sites documented with // any: comments.
- * Discriminated union on `type` property for per-type option shapes.
- *
- * == TODO ==
- *  - upload (regular files)
- *  - BUG with prefix/postfix and arrows (test in different contexts)
- *  - multiple date selection
- *  - month selection, year selections
- *  - MultiSelect - Allow Copy/Paste for single and multi values
- *  - add routeData to list/enum
- *  - ENUM, LIST: should have same as grid (limit, offset, search, sort)
- *  - ENUM, LIST: should support wild chars
- *  - add selection of predefined times (used for appointments)
- *  - options.items - can be an array
- *  - options.msgNoItems - can be a function
- *  - REMOTE fields
- *
- * == 2.0 changes
- *  - removed jQuery dependency
- *  - enum options.autoAdd
- *  - [numeric, date] - options.autoCorrect to enforce range and validity
- *  - remote source response items => records or just an array
- *  - deprecated "success" field for remote source response
- *  - CSP - fixed inline events
- *  - remove clear, use reset instead
- *  - options.msgSearch
- *  - options.msgNoItems
- */
-
-/** Shared numeric-field options (int, float, money, currency, percent, alphanumeric, bin, hex, text) */
-interface TsFieldNumericOptions {
-    type?: string;
-    min?: number | null;
-    max?: number | null;
-    step?: number;
-    autoFormat?: boolean;
-    autoCorrect?: boolean;
-    currency?: {
-        prefix: string;
-        suffix: string;
-        precision: number;
-    };
-    decimalSymbol?: string;
-    groupSymbol?: string;
-    arrows?: boolean;
-    keyboard?: boolean;
-    precision?: number | null;
-    prefix?: string;
-    suffix?: string;
-    numberRE?: RegExp;
-    moneyRE?: RegExp;
-    percentRE?: RegExp;
-    [key: string]: any;
-}
-/** Color-field options */
-interface TsFieldColorOptions {
-    type?: string;
-    prefix?: string;
-    suffix?: string;
-    arrows?: boolean;
-    advanced?: boolean | null;
-    transparent?: boolean;
-    [key: string]: any;
-}
-/** Date-field options */
-interface TsFieldDateOptions {
-    type?: string;
-    format?: string;
-    keyboard?: boolean;
-    autoCorrect?: boolean;
-    start?: string | null;
-    end?: string | null;
-    blockDates?: string[];
-    blockWeekdays?: number[];
-    colored?: Record<string, string>;
-    btnNow?: boolean;
-    [key: string]: any;
-}
-/** Time-field options */
-interface TsFieldTimeOptions {
-    type?: string;
-    format?: string;
-    keyboard?: boolean;
-    autoCorrect?: boolean;
-    start?: string | null;
-    end?: string | null;
-    btnNow?: boolean;
-    noMinutes?: boolean;
-    [key: string]: any;
-}
-/** DateTime-field options */
-interface TsFieldDateTimeOptions {
-    type?: string;
-    format?: string;
-    keyboard?: boolean;
-    autoCorrect?: boolean;
-    start?: string | null;
-    end?: string | null;
-    startTime?: string | null;
-    endTime?: string | null;
-    blockDates?: string[];
-    blockWeekdays?: number[];
-    colored?: Record<string, string>;
-    btnNow?: boolean;
-    noMinutes?: boolean;
-    [key: string]: any;
-}
-/** List/combo-field options */
-interface TsFieldListOptions {
-    type?: string;
-    items?: any[];
-    _items_fun?: ((...args: any[]) => any) | null;
-    selected?: Record<string, any> | null;
-    itemMap?: {
-        id: string;
-        text: string;
-    } | null;
-    match?: 'contains' | 'is' | 'begins' | 'ends';
-    filter?: boolean;
-    compare?: ((...args: any[]) => any) | null;
-    prefix?: string;
-    suffix?: string;
-    icon?: string | null;
-    iconStyle?: string;
-    url?: string | null;
-    method?: string | null;
-    postData?: Record<string, unknown>;
-    recId?: string | ((item: any) => any) | null;
-    recText?: string | ((item: any) => any) | null;
-    debounce?: number;
-    minLength?: number;
-    cacheMax?: number;
-    renderDrop?: ((...args: any[]) => string) | null;
-    maxDropHeight?: number;
-    maxDropWidth?: number | null;
-    minDropWidth?: number | null;
-    markSearch?: boolean;
-    align?: 'left' | 'right' | 'both' | 'none';
-    altRows?: boolean;
-    openOnFocus?: boolean;
-    hideSelected?: boolean;
-    msgNoItems?: string;
-    msgSearch?: string;
-    onSearch?: ((...args: any[]) => void) | null;
-    onRequest?: ((...args: any[]) => void) | null;
-    onLoad?: ((...args: any[]) => void) | null;
-    onError?: ((...args: any[]) => void) | null;
-    index?: number[];
-    [key: string]: any;
-}
-/** Enum-field options */
-interface TsFieldEnumOptions {
-    type?: string;
-    items?: any[];
-    _items_fun?: ((...args: any[]) => any) | null;
-    selected?: any[];
-    itemMap?: {
-        id: string;
-        text: string;
-    } | null;
-    max?: number;
-    match?: 'contains' | 'is' | 'begins' | 'ends';
-    filter?: boolean;
-    compare?: ((...args: any[]) => any) | null;
-    url?: string | null;
-    method?: string | null;
-    postData?: Record<string, unknown>;
-    recId?: string | ((item: any) => any) | null;
-    recText?: string | ((item: any) => any) | null;
-    debounce?: number;
-    minLength?: number;
-    cacheMax?: number;
-    maxItemWidth?: number;
-    maxDropHeight?: number;
-    maxDropWidth?: number | null;
-    renderItem?: ((item: any, ind: number, removeBtn: string) => string) | null;
-    renderDrop?: ((...args: any[]) => string) | null;
-    style?: string;
-    openOnFocus?: boolean;
-    markSearch?: boolean;
-    align?: 'left' | 'right' | 'both' | 'none';
-    altRows?: boolean;
-    hideSelected?: boolean;
-    msgNoItems?: string;
-    msgSearch?: string;
-    onAdd?: ((...args: any[]) => void) | null;
-    onNew?: ((...args: any[]) => void) | null;
-    onRemove?: ((...args: any[]) => void) | null;
-    onSearch?: ((...args: any[]) => void) | null;
-    onClick?: ((...args: any[]) => void) | null;
-    onRequest?: ((...args: any[]) => void) | null;
-    onLoad?: ((...args: any[]) => void) | null;
-    onError?: ((...args: any[]) => void) | null;
-    onScroll?: ((...args: any[]) => void) | null;
-    onMouseEnter?: ((...args: any[]) => void) | null;
-    onMouseLeave?: ((...args: any[]) => void) | null;
-    [key: string]: any;
-}
-/** File-field options */
-interface TsFieldFileOptions {
-    type?: string;
-    selected?: any[];
-    max?: number;
-    maxSize?: number;
-    maxFileSize?: number;
-    renderItem?: ((item: any, ind: number, removeBtn: string) => string) | null;
-    maxItemWidth?: number;
-    maxDropHeight?: number;
-    maxDropWidth?: number | null;
-    readContent?: boolean;
-    showErrors?: boolean;
-    align?: 'left' | 'right' | 'both' | 'none';
-    altRows?: boolean;
-    style?: string;
-    onClick?: ((...args: any[]) => void) | null;
-    onAdd?: ((...args: any[]) => void) | null;
-    onRemove?: ((...args: any[]) => void) | null;
-    onMouseEnter?: ((...args: any[]) => void) | null;
-    onMouseLeave?: ((...args: any[]) => void) | null;
-    [key: string]: any;
-}
-/** Discriminated union: all possible options for a TsField instance */
-type TsFieldOptions = TsFieldNumericOptions | TsFieldColorOptions | TsFieldDateOptions | TsFieldTimeOptions | TsFieldDateTimeOptions | TsFieldListOptions | TsFieldEnumOptions | TsFieldFileOptions;
-/** Constructor input — the type discriminant lives here */
-interface TsFieldInput {
-    type?: string;
-    el?: HTMLElement | null;
-    onClick?: ((...args: any[]) => void) | null;
-    onAdd?: ((...args: any[]) => void) | null;
-    onNew?: ((...args: any[]) => void) | null;
-    onRemove?: ((...args: any[]) => void) | null;
-    onMouseEnter?: ((...args: any[]) => void) | null;
-    onMouseLeave?: ((...args: any[]) => void) | null;
-    onScroll?: ((...args: any[]) => void) | null;
-    [key: string]: any;
-}
-/** Helper elements bag */
-interface TsFieldHelpers {
-    prefix?: HTMLElement | null;
-    suffix?: HTMLElement | null;
-    arrows?: HTMLElement | null;
-    search?: HTMLElement | null;
-    search_focus?: HTMLInputElement;
-    multi?: Query;
-    [key: string]: any;
-}
-/** Temp state bag */
-interface TsFieldTmp {
-    'old-padding-left'?: string | null;
-    'old-padding-right'?: string | null;
-    'old-background-color'?: string;
-    'old-border-color'?: string;
-    'old-tabIndex'?: number;
-    'min-height'?: number;
-    'max-height'?: number;
-    'current_width'?: number;
-    pholder?: string;
-    overlay?: any;
-    openedOnFocus?: boolean;
-    sizeTimer?: ReturnType<typeof setInterval>;
-    [key: string]: any;
-}
-declare global {
-    interface HTMLElement {
-        _w2field?: TsField;
-    }
-    interface HTMLInputElement {
-        _w2field?: TsField;
-    }
-    interface HTMLTextAreaElement {
-        _w2field?: TsField;
-    }
-}
-type TsFieldElement = HTMLInputElement | HTMLTextAreaElement;
-declare class TsField extends TsBase {
-    el: TsFieldElement | null;
-    selected: any;
-    helpers: TsFieldHelpers;
-    type: string;
-    options: TsFieldOptions;
-    onClick: ((...args: any[]) => void) | null;
-    onAdd: ((...args: any[]) => void) | null;
-    onNew: ((...args: any[]) => void) | null;
-    onRemove: ((...args: any[]) => void) | null;
-    onMouseEnter: ((...args: any[]) => void) | null;
-    onMouseLeave: ((...args: any[]) => void) | null;
-    onScroll: ((...args: any[]) => void) | null;
-    tmp: TsFieldTmp;
-    constructor(type: string | TsFieldInput, options?: TsFieldInput);
-    render(el: HTMLElement): void;
-    init(): void;
-    get(): any;
-    set(val: any, append?: boolean): void;
-    setIndex(ind: number, append?: boolean): boolean;
-    refresh(): number;
-    resize(): void;
-    reset(): void;
-    clean(val: any): any;
-    format(val: any): any;
-    change(event: Event): false | void;
-    click(event: MouseEvent): void;
-    focus(event: FocusEvent & {
-        showMenu?: boolean;
-    }): void;
-    blur(_event: FocusEvent): void;
-    keyDown(event: KeyboardEvent, extra?: {
-        keyCode?: number;
-    }): false | void;
-    keyUp(event: KeyboardEvent): void;
-    findItemIndex(items: any[], id: any, parents?: number[]): number[];
-    updateOverlay(_indexOnly?: boolean): void;
-    isStrValid(ch: string, loose?: boolean): boolean;
-    addPrefix(): void;
-    addSuffix(): void;
-    addSearch(): void;
-    addMultiSearch(): void;
-    addFile(file: File): void;
-    moveCaret2end(): void;
-}
-
-export { type RecId, Tooltip, TsAlert, TsBase, type TsCloneOptions, TsColor, type TsColorRgb, TsConfirm, TsDate, TsDialog, TsEvent, type TsEventData, type TsEventPayload, TsField, type TsFieldColorOptions, type TsFieldDateOptions, type TsFieldDateTimeOptions, type TsFieldElement, type TsFieldEnumOptions, type TsFieldFileOptions, type TsFieldListOptions, type TsFieldNumericOptions, type TsFieldOptions, type TsFieldTimeOptions, TsForm, TsGrid, type TsGridCellSelection, type TsGridColumn, type TsGridGroupBy, type TsGridRange, type TsGridRangeEndpoint, type TsGridRecord, type TsGridSearch, type TsGridSelection, type TsGridSortData, TsLayout, type TsLayoutPanel, TsLocale, type TsLocaleSettings, type TsLockOptions, TsMenu, type TsMenuItem, type TsMessageOptions, type TsMessageProm, type TsMessageWhere, type TsPanelContent, type TsPanelType, TsPopup, TsPrompt, TsSidebar, type TsSidebarFindOptions, type TsSidebarRefreshOptions, type TsSidebarSetCountOptions, type TsSidebarSortOptions, type TsSidebarUpdateOptions, TsTabs, TsToolbar, TsTooltip, TsUi, TsUtils, query, toSafeEvent };
+export { type RecId, TsBase, TsEventPayload, TsGrid, type TsGridCellSelection, type TsGridColumn, type TsGridGroupBy, type TsGridRange, type TsGridRangeEndpoint, type TsGridRecord, type TsGridSearch, type TsGridSelection, type TsGridSortData, TsMessageProm };