lexgui 8.2.2 → 8.2.3

package/build/components/BaseComponent.d.ts

@@ -1,73 +1,75 @@
-export declare enum ComponentType {
-    NONE = 0,
-    TEXT = 1,
-    TEXTAREA = 2,
-    BUTTON = 3,
-    SELECT = 4,
-    CHECKBOX = 5,
-    TOGGLE = 6,
-    RADIO = 7,
-    BUTTONS = 8,
-    COLOR = 9,
-    RANGE = 10,
-    NUMBER = 11,
-    TITLE = 12,
-    VECTOR = 13,
-    TREE = 14,
-    PROGRESS = 15,
-    FILE = 16,
-    LAYERS = 17,
-    ARRAY = 18,
-    LIST = 19,
-    TAGS = 20,
-    CURVE = 21,
-    CARD = 22,
-    IMAGE = 23,
-    CONTENT = 24,
-    CUSTOM = 25,
-    SEPARATOR = 26,
-    KNOB = 27,
-    SIZE = 28,
-    OTP = 29,
-    PAD = 30,
-    FORM = 31,
-    DIAL = 32,
-    COUNTER = 33,
-    TABLE = 34,
-    TABS = 35,
-    DATE = 36,
-    MAP2D = 37,
-    LABEL = 39,
-    BLANK = 40,
-    RATE = 41
-}
-/**
- * @class BaseComponent
- */
-export declare class BaseComponent {
-    type: ComponentType;
-    name: string | null | undefined;
-    customName?: string;
-    options: any;
-    root: any;
-    customIdx: number;
-    disabled: boolean;
-    onSetValue?: (v: any, b?: boolean, e?: any) => void;
-    onGetValue?: () => any;
-    onAllowPaste?: (b: boolean) => boolean;
-    onResize: (r?: any) => void;
-    _initialValue: any;
-    static NO_CONTEXT_TYPES: ComponentType[];
-    constructor(type: ComponentType, name?: string | null | undefined, value?: any, options?: any);
-    static _dispatchEvent(element: any, type: any, data?: any, bubbles?: any, cancelable?: any): void;
-    _addResetProperty(container: any, callback: any): any;
-    _canPaste(): boolean;
-    _trigger(event: any, callback: any, scope?: any): void;
-    value(): any;
-    set(value: any, skipCallback?: boolean, event?: any): void;
-    oncontextmenu(e: any): void;
-    copy(): void;
-    paste(): void;
-    typeName(): string | undefined;
-    refresh(value?: any): void;
-}
+export declare enum ComponentType {
+    NONE = 0,
+    TEXT = 1,
+    TEXTAREA = 2,
+    BUTTON = 3,
+    SELECT = 4,
+    CHECKBOX = 5,
+    TOGGLE = 6,
+    RADIO = 7,
+    BUTTONS = 8,
+    COLOR = 9,
+    RANGE = 10,
+    NUMBER = 11,
+    TITLE = 12,
+    VECTOR = 13,
+    TREE = 14,
+    PROGRESS = 15,
+    FILE = 16,
+    LAYERS = 17,
+    ARRAY = 18,
+    LIST = 19,
+    TAGS = 20,
+    CURVE = 21,
+    CARD = 22,
+    IMAGE = 23,
+    CONTENT = 24,
+    CUSTOM = 25,
+    SEPARATOR = 26,
+    KNOB = 27,
+    SIZE = 28,
+    OTP = 29,
+    PAD = 30,
+    FORM = 31,
+    DIAL = 32,
+    COUNTER = 33,
+    TABLE = 34,
+    TABS = 35,
+    DATE = 36,
+    MAP2D = 37,
+    LABEL = 39,
+    BLANK = 40,
+    RATE = 41
+}
+/**
+ * @class BaseComponent
+ */
+export declare class BaseComponent {
+    type: ComponentType;
+    name: string | null | undefined;
+    customName?: string;
+    options: any;
+    root: any;
+    customIdx: number;
+    disabled: boolean;
+    onSetValue?: (v: any, b?: boolean, e?: any) => void;
+    onGetValue?: () => any;
+    onAllowPaste?: (b: boolean) => boolean;
+    onResize: (r?: any) => void;
+    onSetDisabled?: (disabled?: boolean) => void;
+    _initialValue: any;
+    static NO_CONTEXT_TYPES: ComponentType[];
+    constructor(type: ComponentType, name?: string | null | undefined, value?: any, options?: any);
+    static _dispatchEvent(element: any, type: any, data?: any, bubbles?: any, cancelable?: any): void;
+    _addResetProperty(container: any, callback: any): any;
+    _canPaste(): boolean;
+    _trigger(event: any, callback: any, scope?: any): void;
+    value(): any;
+    set(value: any, skipCallback?: boolean, event?: any): void;
+    oncontextmenu(e: any): void;
+    copy(): void;
+    paste(): void;
+    typeName(): string | undefined;
+    setDisabled(disabled: boolean): void;
+    refresh(value?: any): void;
+}

package/build/components/Form.d.ts

@@ -1,8 +1,14 @@
-import { BaseComponent } from './BaseComponent';
-/**
- * @class Form
- * @description Form Component
- */
-export declare class Form extends BaseComponent {
-    constructor(name: string, data: any, callback: any, options?: any);
-}
+import { BaseComponent } from './BaseComponent';
+import { Button } from './Button';
+/**
+ * @class Form
+ * @description Form Component
+ */
+export declare class Form extends BaseComponent {
+    data: any;
+    formData: any;
+    primaryButton: Button | undefined;
+    constructor(name: string, data: any, callback: any, options?: any);
+    submit(): void;
+    syncInputs(): void;
+}

package/build/components/TextInput.d.ts

@@ -1,11 +1,13 @@
-import { BaseComponent } from './BaseComponent';
-/**
- * @class TextInput
- * @description TextInput Component
- */
-export declare class TextInput extends BaseComponent {
-    valid: (s: string, m?: string) => boolean;
-    _triggerEvent: Event | undefined;
-    _lastValueTriggered?: any;
-    constructor(name: string | null, value?: string, callback?: any, options?: any);
-}
+import { BaseComponent } from './BaseComponent';
+/**
+ * @class TextInput
+ * @description TextInput Component
+ */
+export declare class TextInput extends BaseComponent {
+    valid: (s: string, m?: string) => boolean;
+    input: HTMLInputElement | HTMLAnchorElement;
+    _triggerEvent: Event | undefined;
+    _lastValueTriggered?: any;
+    constructor(name: string | null, value?: string, callback?: any, options?: any);
+    syncFromDOM(skipCallback?: boolean): void;
+}

package/build/core/Namespace.js

@@ -10,7 +10,7 @@ const g = globalThis;
 let LX = g.LX;
 if (!LX) {
     LX = {
-        version: '8.2.2',
+        version: '8.2.3',
         ready: false,
         extensions: [], // Store extensions used
         extraCommandbarEntries: [], // User specific entries for command bar

package/build/core/Namespace.js.map

@@ -1 +1 @@
-{"version":3,"file":"Namespace.js","sources":["../../src/core/Namespace.ts"],"sourcesContent":["// Namespace.ts @jxarco\r\n\r\n/**\r\n * Main namespace\r\n * @namespace LX\r\n */\r\n\r\nconst g = globalThis as any;\r\n\r\n// Update global namespace if not present (Loading module)\r\n// Extension scripts rely on LX being globally available\r\nlet LX: any = g.LX;\r\n\r\nif ( !LX )\r\n{\r\n    LX = {\r\n        version: '8.2.2',\r\n        ready: false,\r\n        extensions: [], // Store extensions used\r\n        extraCommandbarEntries: [], // User specific entries for command bar\r\n        signals: {}, // Events and triggers\r\n        activeDraggable: null, // Watch for the current active draggable\r\n\r\n        spacingMode: 'default',\r\n        layoutMode: 'app',\r\n\r\n        MOUSE_LEFT_CLICK: 0,\r\n        MOUSE_MIDDLE_CLICK: 1,\r\n        MOUSE_RIGHT_CLICK: 2,\r\n\r\n        MOUSE_DOUBLE_CLICK: 2,\r\n        MOUSE_TRIPLE_CLICK: 3,\r\n\r\n        CURVE_MOVEOUT_CLAMP: 0,\r\n        CURVE_MOVEOUT_DELETE: 1,\r\n\r\n        DRAGGABLE_Z_INDEX: 101\r\n    };\r\n\r\n    g.LX = LX;\r\n}\r\n\r\nexport { LX };\r\n"],"names":[],"mappings":";AAAA;AAEA;;;AAGG;AAEH,MAAM,CAAC,GAAG,UAAiB;AAE3B;AACA;AACA,IAAI,EAAE,GAAQ,CAAC,CAAC;AAEhB,IAAK,CAAC,EAAE,EACR;AACI,IAAA,EAAE,GAAG;AACD,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,KAAK,EAAE,KAAK;QACZ,UAAU,EAAE,EAAE;QACd,sBAAsB,EAAE,EAAE;QAC1B,OAAO,EAAE,EAAE;QACX,eAAe,EAAE,IAAI;AAErB,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,UAAU,EAAE,KAAK;AAEjB,QAAA,gBAAgB,EAAE,CAAC;AACnB,QAAA,kBAAkB,EAAE,CAAC;AACrB,QAAA,iBAAiB,EAAE,CAAC;AAEpB,QAAA,kBAAkB,EAAE,CAAC;AACrB,QAAA,kBAAkB,EAAE,CAAC;AAErB,QAAA,mBAAmB,EAAE,CAAC;AACtB,QAAA,oBAAoB,EAAE,CAAC;AAEvB,QAAA,iBAAiB,EAAE;KACtB;AAED,IAAA,CAAC,CAAC,EAAE,GAAG,EAAE;AACb;;;;"}
+{"version":3,"file":"Namespace.js","sources":["../../src/core/Namespace.ts"],"sourcesContent":["// Namespace.ts @jxarco\r\n\r\n/**\r\n * Main namespace\r\n * @namespace LX\r\n */\r\n\r\nconst g = globalThis as any;\r\n\r\n// Update global namespace if not present (Loading module)\r\n// Extension scripts rely on LX being globally available\r\nlet LX: any = g.LX;\r\n\r\nif ( !LX )\r\n{\r\n    LX = {\r\n        version: '8.2.3',\r\n        ready: false,\r\n        extensions: [], // Store extensions used\r\n        extraCommandbarEntries: [], // User specific entries for command bar\r\n        signals: {}, // Events and triggers\r\n        activeDraggable: null, // Watch for the current active draggable\r\n\r\n        spacingMode: 'default',\r\n        layoutMode: 'app',\r\n\r\n        MOUSE_LEFT_CLICK: 0,\r\n        MOUSE_MIDDLE_CLICK: 1,\r\n        MOUSE_RIGHT_CLICK: 2,\r\n\r\n        MOUSE_DOUBLE_CLICK: 2,\r\n        MOUSE_TRIPLE_CLICK: 3,\r\n\r\n        CURVE_MOVEOUT_CLAMP: 0,\r\n        CURVE_MOVEOUT_DELETE: 1,\r\n\r\n        DRAGGABLE_Z_INDEX: 101\r\n    };\r\n\r\n    g.LX = LX;\r\n}\r\n\r\nexport { LX };\r\n"],"names":[],"mappings":";AAAA;AAEA;;;AAGG;AAEH,MAAM,CAAC,GAAG,UAAiB;AAE3B;AACA;AACA,IAAI,EAAE,GAAQ,CAAC,CAAC;AAEhB,IAAK,CAAC,EAAE,EACR;AACI,IAAA,EAAE,GAAG;AACD,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,KAAK,EAAE,KAAK;QACZ,UAAU,EAAE,EAAE;QACd,sBAAsB,EAAE,EAAE;QAC1B,OAAO,EAAE,EAAE;QACX,eAAe,EAAE,IAAI;AAErB,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,UAAU,EAAE,KAAK;AAEjB,QAAA,gBAAgB,EAAE,CAAC;AACnB,QAAA,kBAAkB,EAAE,CAAC;AACrB,QAAA,iBAAiB,EAAE,CAAC;AAEpB,QAAA,kBAAkB,EAAE,CAAC;AACrB,QAAA,kBAAkB,EAAE,CAAC;AAErB,QAAA,mBAAmB,EAAE,CAAC;AACtB,QAAA,oBAAoB,EAAE,CAAC;AAEvB,QAAA,iBAAiB,EAAE;KACtB;AAED,IAAA,CAAC,CAAC,EAAE,GAAG,EAAE;AACb;;;;"}

package/build/extensions/AssetView.d.ts

@@ -1,137 +1,137 @@
-import { LX } from '../core/Namespace';
-declare const Area: any;
-declare const Panel: any;
-declare const NodeTree: any;
-declare const Tree: any;
-export type AssetViewAction = 'select' | 'dbl_click' | 'check' | 'clone' | 'move' | 'delete' | 'rename' | 'enter_folder' | 'create-folder' | 'refresh-content' | 'node-drag';
-export interface AssetViewItem {
-    id: string;
-    type: string;
-    children: AssetViewItem[];
-    parent?: AssetViewItem;
-    path?: string;
-    src?: string;
-    dir?: AssetViewItem[];
-    domEl?: HTMLElement;
-    metadata: any;
-}
-interface AssetViewEvent {
-    type: AssetViewAction;
-    items?: AssetViewItem[];
-    result?: AssetViewItem[];
-    from?: AssetViewItem;
-    to?: AssetViewItem;
-    where?: AssetViewItem;
-    oldName?: string;
-    newName?: string;
-    search?: any[];
-    userInitiated: boolean;
-}
-/**
- * Signature for cancelable events.
- * `resolve()` MUST be called by the user to perform the UI action
- */
-export type AssetViewEventCallback = (event: AssetViewEvent, resolve?: (...args: any[]) => void) => boolean | void | Promise<void>;
-/**
- * @class AssetView
- * @description Asset container with Tree for file system
- */
-export declare class AssetView {
-    static LAYOUT_GRID: number;
-    static LAYOUT_COMPACT: number;
-    static LAYOUT_LIST: number;
-    static CONTENT_SORT_ASC: number;
-    static CONTENT_SORT_DESC: number;
-    root: HTMLElement;
-    area: typeof Area | null;
-    content: HTMLElement;
-    leftPanel: typeof Panel | null;
-    toolsPanel: any;
-    contentPanel: any;
-    previewPanel: any;
-    tree: typeof NodeTree | null;
-    prevData: AssetViewItem[];
-    nextData: AssetViewItem[];
-    data: AssetViewItem[];
-    currentData: AssetViewItem[];
-    currentFolder: AssetViewItem | undefined;
-    rootItem: AssetViewItem;
-    path: string[];
-    rootPath: string;
-    selectedItem: AssetViewItem | undefined;
-    allowedTypes: any;
-    searchValue: string;
-    filter: string;
-    gridScale: number;
-    layout: number;
-    sortMode: number;
-    skipBrowser: boolean;
-    skipPreview: boolean;
-    useNativeTitle: boolean;
-    onlyFolders: boolean;
-    allowMultipleSelection: boolean;
-    previewActions: any[];
-    contextMenu: any[];
-    itemContextMenuOptions: any;
-    private _assetsPerPage;
-    get assetsPerPage(): any;
-    set assetsPerPage(v: any);
-    _callbacks: Record<string, AssetViewEventCallback>;
-    _lastSortBy: string;
-    _paginator: typeof LX.Pagination | undefined;
-    _scriptCodeDialog: typeof LX.Dialog | undefined;
-    _moveItemDialog: typeof LX.Dialog | undefined;
-    _movingItem: AssetViewItem | undefined;
-    constructor(options?: any);
-    /**
-     * @method on
-     * @description Stores an event callback for the desired action
-     */
-    on(eventName: string, callback: AssetViewEventCallback): void;
-    /**
-     * @method load
-     * @description Loads and processes the input data
-     */
-    load(data: any): void;
-    /**
-     * @method addItem
-     * @description Creates an item DOM element
-     */
-    addItem(item: AssetViewItem, childIndex: number | undefined, updateTree?: boolean): HTMLLIElement;
-    /**
-     * @method clear
-     * @description Creates all AssetView container panels
-     */
-    clear(): void;
-    _processData(data: any, parent?: AssetViewItem): void;
-    _updatePath(): void;
-    _createNavigationBar(panel: typeof Panel): void;
-    _createTreePanel(area: typeof Area): void;
-    _subscribeTreeEvents(tree: typeof Tree): void;
-    _setContentLayout(layoutMode: number): void;
-    _createContentPanel(area: typeof Area): void;
-    _makeNameFilterFn(searchValue: string): (name: string) => boolean;
-    _refreshContent(searchValue?: string, filter?: string, userInitiated?: boolean): void;
-    _previewAsset(file: AssetViewItem): void;
-    _processDrop(e: DragEvent): void;
-    _sortData(sortBy?: string, sortMode?: number): void;
-    _enterFolder(folderItem: AssetViewItem | undefined, storeCurrent?: boolean): Promise<void>;
-    _removeItemFromParent(item: AssetViewItem): boolean;
-    _requestDeleteItem(item: AssetViewItem): void;
-    _deleteItem(item: AssetViewItem): void;
-    _requestMoveItemToFolder(item: AssetViewItem, folder: AssetViewItem): void;
-    _moveItemToFolder(item: AssetViewItem, folder: AssetViewItem): void;
-    _moveItem(item: AssetViewItem, defaultFolder?: AssetViewItem | AssetViewItem[]): void;
-    _requestCloneItem(item: AssetViewItem): false | undefined;
-    _cloneItem(item: AssetViewItem): AssetViewItem;
-    _getClonedName(originalName: string, siblings: any[]): string;
-    _requestRenameItem(item: AssetViewItem, newName: string, treeEvent?: boolean): void;
-    _renameItem(item: AssetViewItem, newName: string, data?: AssetViewItem[]): void;
-    _renameItemPopover(item: AssetViewItem): void;
-    _requestCreateFolder(folder?: AssetViewItem): void;
-    _createFolder(folder?: AssetViewItem, newFolderName?: string): AssetViewItem;
-    _openScriptInEditor(script: any): void;
-    _setAssetsPerPage(n: number): void;
-    _lastModifiedToStringDate(lm: number): string;
-}
-export {};
+import { LX } from '../core/Namespace';
+declare const Area: any;
+declare const Panel: any;
+declare const NodeTree: any;
+declare const Tree: any;
+export type AssetViewAction = 'select' | 'dbl_click' | 'check' | 'clone' | 'move' | 'delete' | 'rename' | 'enter_folder' | 'create-folder' | 'refresh-content' | 'node-drag';
+export interface AssetViewItem {
+    id: string;
+    type: string;
+    children: AssetViewItem[];
+    parent?: AssetViewItem;
+    path?: string;
+    src?: string;
+    dir?: AssetViewItem[];
+    domEl?: HTMLElement;
+    metadata: any;
+}
+interface AssetViewEvent {
+    type: AssetViewAction;
+    items?: AssetViewItem[];
+    result?: AssetViewItem[];
+    from?: AssetViewItem;
+    to?: AssetViewItem;
+    where?: AssetViewItem;
+    oldName?: string;
+    newName?: string;
+    search?: any[];
+    userInitiated: boolean;
+}
+/**
+ * Signature for cancelable events.
+ * `resolve()` MUST be called by the user to perform the UI action
+ */
+export type AssetViewEventCallback = (event: AssetViewEvent, resolve?: (...args: any[]) => void) => boolean | void | Promise<void>;
+/**
+ * @class AssetView
+ * @description Asset container with Tree for file system
+ */
+export declare class AssetView {
+    static LAYOUT_GRID: number;
+    static LAYOUT_COMPACT: number;
+    static LAYOUT_LIST: number;
+    static CONTENT_SORT_ASC: number;
+    static CONTENT_SORT_DESC: number;
+    root: HTMLElement;
+    area: typeof Area | null;
+    content: HTMLElement;
+    leftPanel: typeof Panel | null;
+    toolsPanel: any;
+    contentPanel: any;
+    previewPanel: any;
+    tree: typeof NodeTree | null;
+    prevData: AssetViewItem[];
+    nextData: AssetViewItem[];
+    data: AssetViewItem[];
+    currentData: AssetViewItem[];
+    currentFolder: AssetViewItem | undefined;
+    rootItem: AssetViewItem;
+    path: string[];
+    rootPath: string;
+    selectedItem: AssetViewItem | undefined;
+    allowedTypes: any;
+    searchValue: string;
+    filter: string;
+    gridScale: number;
+    layout: number;
+    sortMode: number;
+    skipBrowser: boolean;
+    skipPreview: boolean;
+    useNativeTitle: boolean;
+    onlyFolders: boolean;
+    allowMultipleSelection: boolean;
+    previewActions: any[];
+    contextMenu: any[];
+    itemContextMenuOptions: any;
+    private _assetsPerPage;
+    get assetsPerPage(): any;
+    set assetsPerPage(v: any);
+    _callbacks: Record<string, AssetViewEventCallback>;
+    _lastSortBy: string;
+    _paginator: typeof LX.Pagination | undefined;
+    _scriptCodeDialog: typeof LX.Dialog | undefined;
+    _moveItemDialog: typeof LX.Dialog | undefined;
+    _movingItem: AssetViewItem | undefined;
+    constructor(options?: any);
+    /**
+     * @method on
+     * @description Stores an event callback for the desired action
+     */
+    on(eventName: string, callback: AssetViewEventCallback): void;
+    /**
+     * @method load
+     * @description Loads and processes the input data
+     */
+    load(data: any): void;
+    /**
+     * @method addItem
+     * @description Creates an item DOM element
+     */
+    addItem(item: AssetViewItem, childIndex: number | undefined, updateTree?: boolean): HTMLLIElement;
+    /**
+     * @method clear
+     * @description Creates all AssetView container panels
+     */
+    clear(): void;
+    _processData(data: any, parent?: AssetViewItem): void;
+    _updatePath(): void;
+    _createNavigationBar(panel: typeof Panel): void;
+    _createTreePanel(area: typeof Area): void;
+    _subscribeTreeEvents(tree: typeof Tree): void;
+    _setContentLayout(layoutMode: number): void;
+    _createContentPanel(area: typeof Area): void;
+    _makeNameFilterFn(searchValue: string): (name: string) => boolean;
+    _refreshContent(searchValue?: string, filter?: string, userInitiated?: boolean): void;
+    _previewAsset(file: AssetViewItem): void;
+    _processDrop(e: DragEvent): void;
+    _sortData(sortBy?: string, sortMode?: number): void;
+    _enterFolder(folderItem: AssetViewItem | undefined, storeCurrent?: boolean): Promise<void>;
+    _removeItemFromParent(item: AssetViewItem): boolean;
+    _requestDeleteItem(item: AssetViewItem): void;
+    _deleteItem(item: AssetViewItem): void;
+    _requestMoveItemToFolder(item: AssetViewItem, folder: AssetViewItem): void;
+    _moveItemToFolder(item: AssetViewItem, folder: AssetViewItem): void;
+    _moveItem(item: AssetViewItem, defaultFolder?: AssetViewItem | AssetViewItem[]): void;
+    _requestCloneItem(item: AssetViewItem): false | undefined;
+    _cloneItem(item: AssetViewItem): AssetViewItem;
+    _getClonedName(originalName: string, siblings: any[]): string;
+    _requestRenameItem(item: AssetViewItem, newName: string, treeEvent?: boolean): void;
+    _renameItem(item: AssetViewItem, newName: string, data?: AssetViewItem[]): void;
+    _renameItemPopover(item: AssetViewItem): void;
+    _requestCreateFolder(folder?: AssetViewItem): void;
+    _createFolder(folder?: AssetViewItem, newFolderName?: string): AssetViewItem;
+    _openScriptInEditor(script: any): void;
+    _setAssetsPerPage(n: number): void;
+    _lastModifiedToStringDate(lm: number): string;
+}
+export {};

package/build/extensions/AssetView.js

@@ -365,7 +365,7 @@ class AssetView {
                     options.push({ name: o.name, icon: o.icon, callback: o.callback?.bind(that, item) });
                 }
             }
-            options.push(null, { name: 'Delete', icon: 'Trash2', className: 'text-destructive',
+            options.push(null, { name: 'Delete', icon: 'Trash2', className: 'destructive',
                 callback: that._requestDeleteItem.bind(that, item) });
             LX.addClass(that.contentPanel.root, 'pointer-events-none');
             LX.addDropdownMenu(e.target, options, { side: 'right', align: 'start', event: e, onBlur: () => {