lexgui 8.3.2 → 8.4.1

package/build/components/BaseComponent.d.ts

@@ -39,7 +39,9 @@ export declare enum ComponentType {
     MAP2D = 37,
     LABEL = 39,
     BLANK = 40,
-    RATE = 41
+    RATE = 41,
+    EMPTY = 42,
+    DESCRIPTION = 43
 }
 /**
  * @class BaseComponent
@@ -56,7 +58,7 @@ export declare class BaseComponent {
     onGetValue?: () => any;
     onAllowPaste?: (b: boolean) => boolean;
     onResize: (r?: any) => void;
-    onSetDisabled?: (disabled?: boolean) => void;
+    onSetDisabled?: (disabled: boolean) => void;
     _initialValue: any;
     static NO_CONTEXT_TYPES: ComponentType[];
     constructor(type: ComponentType, name?: string | null | undefined, value?: any, options?: any);

package/build/components/Empty.d.ts

@@ -0,0 +1,8 @@
+import { BaseComponent } from './BaseComponent';
+/**
+ * @class Empty
+ * @description Empty Component
+ */
+export declare class Empty extends BaseComponent {
+    constructor(name: string, options?: any);
+}

package/build/core/Namespace.js

@@ -10,7 +10,7 @@ const g = globalThis;
 let LX = g.LX;
 if (!LX) {
     LX = {
-        version: '8.3.2',
+        version: '8.4.1',
         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.3.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.4.1',\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/core/Panel.d.ts

@@ -139,6 +139,12 @@ export declare class Panel {
      * @param {Object} options Text options
      */
     addLabel(value: string, options?: any): any;
+    /**
+     * @method addDescription
+     * @param {String} value Information string
+     * @param {Object} options Text options
+     */
+    addDescription(value: string, options?: any): any;
     /**
      * @method addButton
      * @param {String} name Component name
@@ -171,15 +177,16 @@ export declare class Panel {
     addComboButtons(name: string, values: any[], options?: any): any;
     /**
      * @method addCard
-     * @param {String} name Card Name
-     * @param {Object} options:
-     * text: Card text
-     * link: Card link
-     * title: Card dom title
-     * src: url of the image
-     * callback (Function): function to call on click
+     * @param {String} name
+     * @param {Object} options
      */
     addCard(name: string, options?: any): any;
+    /**
+     * @method addEmpty
+     * @param {String} name
+     * @param {Object} options
+     */
+    addEmpty(name: string, options?: any): any;
     /**
      * @method addForm
      * @param {String} name Component name

package/build/extensions/AssetView.d.ts

@@ -3,7 +3,7 @@ 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 type AssetViewAction = 'select' | 'dbl_click' | 'check' | 'clone' | 'move' | 'delete' | 'rename' | 'enter_folder' | 'create-folder' | 'refresh-content' | 'node-drag' | 'enter-folder';
 export interface AssetViewItem {
     id: string;
     type: string;
@@ -116,7 +116,8 @@ export declare class AssetView {
     _previewAsset(file: AssetViewItem): void;
     _processDrop(e: DragEvent): void;
     _sortData(sortBy?: string, sortMode?: number): void;
-    _enterFolder(folderItem: AssetViewItem | undefined, storeCurrent?: boolean): Promise<void>;
+    _requestEnterFolder(folderItem: AssetViewItem | undefined, storeCurrent?: boolean): void;
+    _enterFolder(folderItem: AssetViewItem | undefined, storeCurrent: boolean, mustRefresh: boolean): void;
     _removeItemFromParent(item: AssetViewItem): boolean;
     _requestDeleteItem(items: AssetViewItem[]): void;
     _deleteItem(item: AssetViewItem): void;

package/build/extensions/AssetView.js

@@ -314,7 +314,7 @@ class AssetView {
                 }
             }
             else if (isFolder) {
-                that._enterFolder(item);
+                that._requestEnterFolder(item);
                 return;
             }
             const onSelect = that._callbacks['select'];
@@ -532,17 +532,17 @@ class AssetView {
             if (!this.prevData.length || !this.currentFolder)
                 return;
             this.nextData.push(this.currentFolder);
-            this._enterFolder(this.prevData.pop(), false);
+            this._enterFolder(this.prevData.pop(), false, true);
         }, { buttonClass: 'ghost', title: 'Go Back', tooltip: true, icon: 'ArrowLeft' });
         panel.addButton(null, 'GoForwardButton', () => {
             if (!this.nextData.length || !this.currentFolder)
                 return;
-            this._enterFolder(this.nextData.pop());
+            this._enterFolder(this.nextData.pop(), false, true);
         }, { buttonClass: 'ghost', title: 'Go Forward', tooltip: true, icon: 'ArrowRight' });
         panel.addButton(null, 'GoUpButton', () => {
             const parentFolder = this.currentFolder?.parent;
             if (parentFolder)
-                this._enterFolder(parentFolder);
+                this._enterFolder(parentFolder, false, true);
         }, { buttonClass: 'ghost', title: 'Go Upper Folder', tooltip: true, icon: 'ArrowUp' });
         panel.addButton(null, 'RefreshButton', () => {
             this._refreshContent(undefined, undefined, true);
@@ -582,7 +582,7 @@ class AssetView {
                 this._updatePath();
             }
             else {
-                this._enterFolder(node.type === 'folder' ? node : node.parent);
+                this._requestEnterFolder(node.type === 'folder' ? node : node.parent);
                 this._previewAsset(node);
                 if (node.type !== 'folder') {
                     this.content.querySelectorAll('.lexassetitem').forEach((i) => i.classList.remove('selected'));
@@ -954,12 +954,41 @@ class AssetView {
         this.toolsPanel.refresh();
         this._refreshContent();
     }
-    async _enterFolder(folderItem, storeCurrent = true) {
+    _requestEnterFolder(folderItem, storeCurrent = true) {
+        if (!folderItem) {
+            return;
+        }
+        const onBeforeEnterFolder = this._callbacks['beforeEnterFolder'];
+        const onEnterFolder = this._callbacks['enterFolder'];
+        const resolve = (...args) => {
+            const child = this.currentData[0];
+            const sameFolder = child?.parent?.metadata?.uid === folderItem.metadata?.uid;
+            const mustRefresh = args[0] || !sameFolder;
+            this._enterFolder(folderItem, storeCurrent, mustRefresh);
+            const event = {
+                type: 'enter-folder',
+                to: folderItem,
+                userInitiated: true
+            };
+            if (onEnterFolder)
+                onEnterFolder(event, ...args);
+        };
+        if (onBeforeEnterFolder) {
+            const event = {
+                type: 'enter-folder',
+                to: folderItem,
+                userInitiated: true
+            };
+            onBeforeEnterFolder(event, resolve);
+        }
+        else {
+            resolve();
+        }
+    }
+    _enterFolder(folderItem, storeCurrent, mustRefresh) {
         if (!folderItem) {
             return;
         }
-        const child = this.currentData[0];
-        const sameFolder = child?.parent?.metadata?.uid === folderItem.metadata?.uid;
         if (storeCurrent) {
             this.prevData.push(this.currentFolder ?? {
                 id: '/',
@@ -968,17 +997,6 @@ class AssetView {
                 metadata: {}
             });
         }
-        let mustRefresh = !sameFolder;
-        const onEnterFolder = this._callbacks['enterFolder'];
-        if (onEnterFolder !== undefined) {
-            const event = {
-                type: 'enter_folder',
-                to: folderItem,
-                userInitiated: true
-            };
-            const r = await onEnterFolder(event);
-            mustRefresh = mustRefresh || r;
-        }
         // Update this after the event since the user might have added or modified the data
         this.currentFolder = folderItem;
         this.currentData = this.currentFolder?.children ?? [];