lexgui 8.2.1 → 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.1',
+        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.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;;;;"}
+{"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

@@ -129,7 +129,7 @@ export declare class AssetView {
     _renameItem(item: AssetViewItem, newName: string, data?: AssetViewItem[]): void;
     _renameItemPopover(item: AssetViewItem): void;
     _requestCreateFolder(folder?: AssetViewItem): void;
-    _createFolder(folder?: AssetViewItem): AssetViewItem;
+    _createFolder(folder?: AssetViewItem, newFolderName?: string): AssetViewItem;
     _openScriptInEditor(script: any): void;
     _setAssetsPerPage(n: number): void;
     _lastModifiedToStringDate(lm: number): string;

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: () => {
@@ -1332,7 +1332,7 @@ class AssetView {
         const onBeforeCreateFolder = this._callbacks['beforeCreateFolder'];
         const onCreateFolder = this._callbacks['createFolder'];
         const resolve = (...args) => {
-            const newFolder = this._createFolder(folder);
+            const newFolder = this._createFolder(folder, ...args);
             const event = {
                 type: 'create-folder',
                 result: [newFolder],
@@ -1354,14 +1354,14 @@ class AssetView {
             resolve();
         }
     }
-    _createFolder(folder) {
+    _createFolder(folder, newFolderName) {
         folder = folder ?? this.currentFolder;
         if (!folder) {
             throw ('_createFolder: Something went wrong!');
         }
         const dir = folder.children ?? folder;
         const newFolder = {
-            id: this._getClonedName('New Folder', dir),
+            id: this._getClonedName(newFolderName ?? 'New Folder', dir),
             type: 'folder',
             children: [],
             parent: this.currentFolder,
@@ -1373,7 +1373,7 @@ class AssetView {
         if (this._moveItemDialog && this._movingItem) {
             this._moveItem(this._movingItem, folder);
         }
-        return folder;
+        return newFolder;
     }
     _openScriptInEditor(script) {
         if (this._scriptCodeDialog) {