lexgui 8.2.2 → 8.2.4

package/build/components/BaseComponent.d.ts

@@ -56,6 +56,7 @@ export declare class BaseComponent {
     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);
@@ -69,5 +70,6 @@ export declare class BaseComponent {
     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';
+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

@@ -5,7 +5,9 @@ import { BaseComponent } from './BaseComponent';
  */
 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.4',
         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.4',\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,8 +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',
-                callback: that._requestDeleteItem.bind(that, item) });
+            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: () => {
                     LX.removeClass(that.contentPanel.root, 'pointer-events-none');