lexgui 8.1.2 → 8.2.1

package/build/components/AlertDialog.d.ts

@@ -1,7 +1,7 @@
-import { Dialog } from './Dialog';
-/**
- * @class AlertDialog
- */
-export declare class AlertDialog extends Dialog {
-    constructor(title: string, message: string, callback: any, options?: any);
-}
+import { Dialog } from './Dialog';
+/**
+ * @class AlertDialog
+ */
+export declare class AlertDialog extends Dialog {
+    constructor(title: string, message: string, callback: any, options?: any);
+}

package/build/components/Avatar.d.ts

@@ -0,0 +1,15 @@
+interface AvatarDesc {
+    className?: string;
+    imgSource?: string;
+    imgAlt?: string;
+    imgClass?: string;
+    fallback?: string;
+    fallbackClass?: string;
+}
+export declare class Avatar {
+    root: HTMLElement;
+    imageElement: HTMLImageElement | undefined;
+    fallbackElement: string | undefined;
+    constructor(desc: AvatarDesc);
+}
+export {};

package/build/components/Counter.d.ts

@@ -1,9 +1,9 @@
-import { BaseComponent } from './BaseComponent';
-/**
- * @class Counter
- * @description Counter Component
- */
-export declare class Counter extends BaseComponent {
-    count: number;
-    constructor(name: string, value: number, callback: any, options?: any);
-}
+import { BaseComponent } from './BaseComponent';
+/**
+ * @class Counter
+ * @description Counter Component
+ */
+export declare class Counter extends BaseComponent {
+    count: number;
+    constructor(name: string, value: number, callback: any, options?: any);
+}

package/build/components/Dialog.d.ts

@@ -1,20 +1,20 @@
-import { Panel } from '../core/Panel';
-/**
- * @class Dialog
- */
-export declare class Dialog {
-    static _last_id: number;
-    id: string;
-    root: HTMLDialogElement;
-    panel: Panel;
-    title: HTMLDivElement;
-    size: any[];
-    branchData: any;
-    close: () => void;
-    _oncreate: any;
-    constructor(title?: string, callback?: any, options?: any);
-    destroy(): void;
-    refresh(): void;
-    setPosition(x: number, y: number): void;
-    setTitle(title: string): void;
-}
+import { Panel } from '../core/Panel';
+/**
+ * @class Dialog
+ */
+export declare class Dialog {
+    static _last_id: number;
+    id: string;
+    root: HTMLDialogElement;
+    panel: Panel;
+    title: HTMLDivElement;
+    size: any[];
+    branchData: any;
+    close: () => void;
+    _oncreate: any;
+    constructor(title?: string, callback?: any, options?: any);
+    destroy(): void;
+    refresh(): void;
+    setPosition(x: number, y: number): void;
+    setTitle(title: string): void;
+}

package/build/components/Footer.d.ts

@@ -1,14 +1,14 @@
-/**
- * @class Footer
- */
-export declare class Footer {
-    /**
-     * @param {Object} options:
-     * columns: Array with data per column { title, items: [ { title, link } ]  }
-     * credits: html string
-     * socials: Array with data per item { title, link, icon }
-     * className: Extra class to customize
-     */
-    root: any;
-    constructor(options?: any);
-}
+/**
+ * @class Footer
+ */
+export declare class Footer {
+    /**
+     * @param {Object} options:
+     * columns: Array with data per column { title, items: [ { title, link } ]  }
+     * credits: html string
+     * socials: Array with data per item { title, link, icon }
+     * className: Extra class to customize
+     */
+    root: any;
+    constructor(options?: any);
+}

package/build/components/Menubar.d.ts

@@ -1,59 +1,59 @@
-/**
- * @class Menubar
- */
-export declare class Menubar {
-    root: any;
-    siblingArea: any;
-    buttonContainer?: any;
-    items: any[];
-    buttons: Record<string, any>;
-    icons: any;
-    shorts: any;
-    focused: boolean;
-    _currentDropdown?: any;
-    constructor(items: any[], options?: any);
-    _resetMenubar(focus?: boolean): void;
-    /**
-     * @method createEntries
-     */
-    createEntries(): void;
-    /**
-     * @method getButton
-     * @param {String} name
-     */
-    getButton(name: string): any;
-    /**
-     * @method getSubitems
-     * @param {Object} item: parent item
-     * @param {Array} tokens: split path strings
-     */
-    getSubitem(item: any, tokens: any[]): any;
-    /**
-     * @method getItem
-     * @param {String} path
-     */
-    getItem(path: string): any;
-    /**
-     * @method setButtonIcon
-     * @param {String} name
-     * @param {String} icon
-     * @param {Function} callback
-     * @param {Object} options
-     */
-    setButtonIcon(name: string, icon: string, callback: any, options?: any): void;
-    /**
-     * @method setButtonImage
-     * @param {String} name
-     * @param {String} src
-     * @param {Function} callback
-     * @param {Object} options
-     */
-    setButtonImage(name: string, src: string, callback: any, options?: any): void;
-    /**
-     * @method addButton
-     * @param {Array} buttons
-     * @param {Object} options
-     * float: center (Default), right
-     */
-    addButtons(buttons: any[], options?: any): void;
-}
+/**
+ * @class Menubar
+ */
+export declare class Menubar {
+    root: any;
+    siblingArea: any;
+    buttonContainer?: any;
+    items: any[];
+    buttons: Record<string, any>;
+    icons: any;
+    shorts: any;
+    focused: boolean;
+    _currentDropdown?: any;
+    constructor(items: any[], options?: any);
+    _resetMenubar(focus?: boolean): void;
+    /**
+     * @method createEntries
+     */
+    createEntries(): void;
+    /**
+     * @method getButton
+     * @param {String} name
+     */
+    getButton(name: string): any;
+    /**
+     * @method getSubitems
+     * @param {Object} item: parent item
+     * @param {Array} tokens: split path strings
+     */
+    getSubitem(item: any, tokens: any[]): any;
+    /**
+     * @method getItem
+     * @param {String} path
+     */
+    getItem(path: string): any;
+    /**
+     * @method setButtonIcon
+     * @param {String} name
+     * @param {String} icon
+     * @param {Function} callback
+     * @param {Object} options
+     */
+    setButtonIcon(name: string, icon: string, callback: any, options?: any): void;
+    /**
+     * @method setButtonImage
+     * @param {String} name
+     * @param {String} src
+     * @param {Function} callback
+     * @param {Object} options
+     */
+    setButtonImage(name: string, src: string, callback: any, options?: any): void;
+    /**
+     * @method addButton
+     * @param {Array} buttons
+     * @param {Object} options
+     * float: center (Default), right
+     */
+    addButtons(buttons: any[], options?: any): void;
+}

package/build/components/NodeTree.d.ts

@@ -1,19 +1,39 @@
 import { BaseComponent } from './BaseComponent';
+export type NodeTreeAction = 'select' | 'dbl_click' | 'move' | 'delete' | 'rename' | 'visibility' | 'caret' | 'context_menu';
+export interface NodeTreeEvent {
+    type: NodeTreeAction;
+    domEvent?: Event;
+    items?: any[];
+    result?: any[];
+    from?: any;
+    to?: any;
+    where?: any;
+    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 NodeTreeEventCallback = (event: NodeTreeEvent, resolve?: (...args: any[]) => void) => boolean | void | Promise<void>;
 /**
  * @class NodeTree
  */
 export declare class NodeTree {
     domEl: any;
     data: any;
-    onevent: any;
     options: any;
     selected: any[];
     _forceClose: boolean;
+    _callbacks: Record<string, NodeTreeEventCallback>;
     constructor(domEl: any, data: any, options?: any);
     _createItem(parent: any, node: any, level?: number, selectedId?: string): void;
     refresh(newData?: any, selectedId?: string): void;
     frefresh(id: string): void;
     select(id: string): void;
+    deleteNodes(nodes: any[]): any[];
     deleteNode(node: any): boolean;
 }
 /**
@@ -23,4 +43,9 @@ export declare class NodeTree {
 export declare class Tree extends BaseComponent {
     innerTree: NodeTree;
     constructor(name: string, data: any, options?: any);
+    /**
+     * @method on
+     * @description Stores an event callback for the desired action
+     */
+    on(eventName: string, callback: NodeTreeEventCallback): void;
 }

package/build/components/Vector.d.ts

@@ -4,6 +4,7 @@ import { BaseComponent } from './BaseComponent';
  * @description Vector Component
  */
 export declare class Vector extends BaseComponent {
+    locked: boolean;
     setLimits: (newMin: number | null, newMax: number | null, newStep: number | null) => void;
     constructor(numComponents: number, name: string, value: number[], callback: any, options?: any);
 }

package/build/core/Area.d.ts

@@ -1,143 +1,143 @@
-import { Menubar } from '../components/Menubar';
-import { Tabs } from '../components/Tabs';
-import { Panel } from './Panel';
-export declare class AreaOverlayButtons {
-    area: Area;
-    options: any;
-    buttons: any;
-    constructor(area: Area, buttonsArray: any[], options?: {});
-    _buildButtons(buttonsArray: any[], options?: any): void;
-}
-export declare class Area {
-    /**
-     * @constructor Area
-     * @param {Object} options
-     * id: Id of the element
-     * className: Add class to the element
-     * width: Width of the area element [fit space]
-     * height: Height of the area element [fit space]
-     * skipAppend: Create but not append to GUI root [false]
-     * minWidth: Minimum width to be applied when resizing
-     * minHeight: Minimum height to be applied when resizing
-     * maxWidth: Maximum width to be applied when resizing
-     * maxHeight: Maximum height to be applied when resizing
-     * layout: Layout to automatically split the area
-     */
-    offset: number;
-    root: any;
-    size: any[];
-    resize: boolean;
-    sections: any[];
-    panels: any[];
-    minWidth: number;
-    minHeight: number;
-    maxWidth: number;
-    maxHeight: Number;
-    layout: any;
-    type?: string;
-    parentArea?: Area;
-    splitBar?: any;
-    splitExtended?: boolean;
-    overlayButtons?: AreaOverlayButtons;
-    onresize?: any;
-    _autoVerticalResizeObserver?: ResizeObserver;
-    _root: any;
-    constructor(options?: any);
-    /**
-     * @method attach
-     * @param {Element} content child to append to area (e.g. a Panel)
-     */
-    attach(content: any): void;
-    /**
-     * @method setLayout
-     * @description Automatically split the area to generate the desired layout
-     * @param {Array} layout
-     */
-    setLayout(layout: any): void;
-    /**
-     * @method split
-     * @param {Object} options
-     * type: Split mode (horizontal, vertical) ["horizontal"]
-     * sizes: CSS Size of each new area (Array) ["50%", "50%"]
-     * resize: Allow area manual resizing [true]
-     * sizes: "Allow the area to be minimized [false]
-     */
-    split(options?: any): any[];
-    /**
-     * @method setLimitBox
-     * Set min max for width and height
-     */
-    setLimitBox(minw?: number, minh?: number, maxw?: number, maxh?: number): void;
-    /**
-     * @method resize
-     * Resize element
-     */
-    setSize(size: any[]): void;
-    /**
-     * @method extend
-     * Hide 2nd area split
-     */
-    extend(): void;
-    /**
-     * @method reduce
-     * Show 2nd area split
-     */
-    reduce(): void;
-    /**
-     * @method hide
-     * Hide element
-     */
-    hide(): void;
-    /**
-     * @method show
-     * Show element if it is hidden
-     */
-    show(): void;
-    /**
-     * @method toggle
-     * Toggle element if it is hidden
-     */
-    toggle(force: boolean): void;
-    /**
-     * @method propagateEvent
-     */
-    propagateEvent(eventName: string): void;
-    /**
-     * @method addPanel
-     * @param {Object} options
-     * Options to create a Panel
-     */
-    addPanel(options: any): Panel;
-    /**
-     * @method addMenubar
-     * @param {Array} items Items to fill the menubar
-     * @param {Object} options:
-     * float: Justify content (left, center, right) [left]
-     * sticky: Fix menubar at the top [true]
-     */
-    addMenubar(items: any[], options?: any): Menubar;
-    /**
-     * @method addSidebar
-     * @param {Function} callback Function to fill the sidebar
-     * @param {Object} options: Sidebar options
-     * width: Width of the sidebar [16rem]
-     * side: Side to attach the sidebar (left|right) [left]
-     */
-    addSidebar(callback: any, options?: any): any;
-    /**
-     * @method addOverlayButtons
-     * @param {Array} buttons Buttons info
-     * @param {Object} options:
-     * float: Where to put the buttons (h: horizontal, v: vertical, t: top, m: middle, b: bottom, l: left, c: center, r: right) [htc]
-     */
-    addOverlayButtons(buttons: any[], options?: any): any;
-    /**
-     * @method addTabs
-     * @param {Object} options:
-     * parentClass: Add extra class to tab buttons container
-     */
-    addTabs(options?: any): Tabs;
-    _moveSplit(dt: number, forceAnimation?: boolean, forceWidth?: number): void;
-    _disableSplitResize(): void;
-    _update(newSize?: any[], propagate?: boolean): void;
-}
+import { Menubar } from '../components/Menubar';
+import { Tabs } from '../components/Tabs';
+import { Panel } from './Panel';
+export declare class AreaOverlayButtons {
+    area: Area;
+    options: any;
+    buttons: any;
+    constructor(area: Area, buttonsArray: any[], options?: {});
+    _buildButtons(buttonsArray: any[], options?: any): void;
+}
+export declare class Area {
+    /**
+     * @constructor Area
+     * @param {Object} options
+     * id: Id of the element
+     * className: Add class to the element
+     * width: Width of the area element [fit space]
+     * height: Height of the area element [fit space]
+     * skipAppend: Create but not append to GUI root [false]
+     * minWidth: Minimum width to be applied when resizing
+     * minHeight: Minimum height to be applied when resizing
+     * maxWidth: Maximum width to be applied when resizing
+     * maxHeight: Maximum height to be applied when resizing
+     * layout: Layout to automatically split the area
+     */
+    offset: number;
+    root: any;
+    size: any[];
+    resize: boolean;
+    sections: any[];
+    panels: any[];
+    minWidth: number;
+    minHeight: number;
+    maxWidth: number;
+    maxHeight: Number;
+    layout: any;
+    type?: string;
+    parentArea?: Area;
+    splitBar?: any;
+    splitExtended?: boolean;
+    overlayButtons?: AreaOverlayButtons;
+    onresize?: any;
+    _autoVerticalResizeObserver?: ResizeObserver;
+    _root: any;
+    constructor(options?: any);
+    /**
+     * @method attach
+     * @param {Element} content child to append to area (e.g. a Panel)
+     */
+    attach(content: any): void;
+    /**
+     * @method setLayout
+     * @description Automatically split the area to generate the desired layout
+     * @param {Array} layout
+     */
+    setLayout(layout: any): void;
+    /**
+     * @method split
+     * @param {Object} options
+     * type: Split mode (horizontal, vertical) ["horizontal"]
+     * sizes: CSS Size of each new area (Array) ["50%", "50%"]
+     * resize: Allow area manual resizing [true]
+     * sizes: "Allow the area to be minimized [false]
+     */
+    split(options?: any): any[];
+    /**
+     * @method setLimitBox
+     * Set min max for width and height
+     */
+    setLimitBox(minw?: number, minh?: number, maxw?: number, maxh?: number): void;
+    /**
+     * @method resize
+     * Resize element
+     */
+    setSize(size: any[]): void;
+    /**
+     * @method extend
+     * Hide 2nd area split
+     */
+    extend(): void;
+    /**
+     * @method reduce
+     * Show 2nd area split
+     */
+    reduce(): void;
+    /**
+     * @method hide
+     * Hide element
+     */
+    hide(): void;
+    /**
+     * @method show
+     * Show element if it is hidden
+     */
+    show(): void;
+    /**
+     * @method toggle
+     * Toggle element if it is hidden
+     */
+    toggle(force: boolean): void;
+    /**
+     * @method propagateEvent
+     */
+    propagateEvent(eventName: string): void;
+    /**
+     * @method addPanel
+     * @param {Object} options
+     * Options to create a Panel
+     */
+    addPanel(options: any): Panel;
+    /**
+     * @method addMenubar
+     * @param {Array} items Items to fill the menubar
+     * @param {Object} options:
+     * float: Justify content (left, center, right) [left]
+     * sticky: Fix menubar at the top [true]
+     */
+    addMenubar(items: any[], options?: any): Menubar;
+    /**
+     * @method addSidebar
+     * @param {Function} callback Function to fill the sidebar
+     * @param {Object} options: Sidebar options
+     * width: Width of the sidebar [16rem]
+     * side: Side to attach the sidebar (left|right) [left]
+     */
+    addSidebar(callback: any, options?: any): any;
+    /**
+     * @method addOverlayButtons
+     * @param {Array} buttons Buttons info
+     * @param {Object} options:
+     * float: Where to put the buttons (h: horizontal, v: vertical, t: top, m: middle, b: bottom, l: left, c: center, r: right) [htc]
+     */
+    addOverlayButtons(buttons: any[], options?: any): any;
+    /**
+     * @method addTabs
+     * @param {Object} options:
+     * parentClass: Add extra class to tab buttons container
+     */
+    addTabs(options?: any): Tabs;
+    _moveSplit(dt: number, forceAnimation?: boolean, forceWidth?: number): void;
+    _disableSplitResize(): void;
+    _update(newSize?: any[], propagate?: boolean): void;
+}

package/build/core/Event.d.ts

@@ -1,26 +1,6 @@
-import { Panel } from './Panel';
 export declare class IEvent {
     name: any;
     value: any;
     domEvent: any;
     constructor(name: string | null | undefined, value: any, domEvent?: any);
 }
-export declare class TreeEvent {
-    static NONE: number;
-    static NODE_SELECTED: number;
-    static NODE_DELETED: number;
-    static NODE_DBLCLICKED: number;
-    static NODE_CONTEXTMENU: number;
-    static NODE_DRAGGED: number;
-    static NODE_RENAMED: number;
-    static NODE_VISIBILITY: number;
-    static NODE_CARETCHANGED: number;
-    type: number;
-    node: any;
-    value: any;
-    event: any;
-    multiple: boolean;
-    panel: Panel | null;
-    constructor(type: number, node: any, value: any, event: any);
-    string(): "tree_event_none" | "tree_event_selected" | "tree_event_deleted" | "tree_event_dblclick" | "tree_event_contextmenu" | "tree_event_dragged" | "tree_event_renamed" | "tree_event_visibility" | "tree_event_caretchanged" | undefined;
-}

package/build/core/Namespace.js

@@ -10,7 +10,7 @@ const g = globalThis;
 let LX = g.LX;
 if (!LX) {
     LX = {
-        version: '8.1.2',
+        version: '8.2.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.1.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.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;;;;"}