tsgrid-ui 2.7.1 → 2.10.0

package/dist/form.d.ts

@@ -0,0 +1,162 @@
+import { TsBase, TsEventPayload } from './base.js';
+
+/**
+ * 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;
+}
+
+export { TsForm };

package/dist/form.es6.js

@@ -0,0 +1,15 @@
+import {
+  TsForm
+} from "./chunks/chunk-6MOFFUV2.js";
+import "./chunks/chunk-KLJ35UAH.js";
+import "./chunks/chunk-GZFWK4LZ.js";
+import "./chunks/chunk-LUSNRF73.js";
+import "./chunks/chunk-FAIRNXQR.js";
+import "./chunks/chunk-EQK6JAHT.js";
+import "./chunks/chunk-3NYH6545.js";
+import "./chunks/chunk-IYF3Q7GX.js";
+import "./chunks/chunk-DXZJHS4M.js";
+export {
+  TsForm
+};
+//# sourceMappingURL=form.es6.js.map

package/dist/form.es6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/layout.d.ts

@@ -0,0 +1,108 @@
+import { T as TsMessageProm } from './tsutils-message-CogFtVtO.js';
+import { TsBase } from './base.js';
+import { TsTabs } from './tabs.js';
+import { TsToolbar } from './toolbar.js';
+import './query-CKGg5Ugv.js';
+
+/** 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 { TsLayout, type TsLayoutPanel, type TsPanelContent, type TsPanelType };

package/dist/layout.es6.js

@@ -0,0 +1,14 @@
+import {
+  TsLayout
+} from "./chunks/chunk-N3GASHTI.js";
+import "./chunks/chunk-GZFWK4LZ.js";
+import "./chunks/chunk-LUSNRF73.js";
+import "./chunks/chunk-FAIRNXQR.js";
+import "./chunks/chunk-EQK6JAHT.js";
+import "./chunks/chunk-3NYH6545.js";
+import "./chunks/chunk-IYF3Q7GX.js";
+import "./chunks/chunk-DXZJHS4M.js";
+export {
+  TsLayout
+};
+//# sourceMappingURL=layout.es6.js.map

package/dist/layout.es6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/locale.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 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;
+
+export { TsLocale, type TsLocaleSettings };

package/dist/locale.es6.js

@@ -0,0 +1,7 @@
+import {
+  TsLocale
+} from "./chunks/chunk-IYF3Q7GX.js";
+export {
+  TsLocale
+};
+//# sourceMappingURL=locale.es6.js.map

package/dist/locale.es6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/popup.d.ts

@@ -0,0 +1,97 @@
+import { T as TsMessageProm } from './tsutils-message-CogFtVtO.js';
+import { TsBase } from './base.js';
+import './query-CKGg5Ugv.js';
+
+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;
+
+declare const __test_internals: {
+    readonly tsDialogCtorCount: number;
+    reset(): void;
+};
+
+export { TsAlert, TsConfirm, TsDialog, TsPopup, TsPrompt, __test_internals };

package/dist/popup.es6.js

@@ -0,0 +1,21 @@
+import {
+  TsAlert,
+  TsConfirm,
+  TsDialog,
+  TsPopup,
+  TsPrompt,
+  __test_internals
+} from "./chunks/chunk-6UCGFWIQ.js";
+import "./chunks/chunk-EQK6JAHT.js";
+import "./chunks/chunk-3NYH6545.js";
+import "./chunks/chunk-IYF3Q7GX.js";
+import "./chunks/chunk-DXZJHS4M.js";
+export {
+  TsAlert,
+  TsConfirm,
+  TsDialog,
+  TsPopup,
+  TsPrompt,
+  __test_internals
+};
+//# sourceMappingURL=popup.es6.js.map

package/dist/popup.es6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/query-CKGg5Ugv.d.ts

@@ -0,0 +1,81 @@
+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;
+}
+
+export { Query as Q };