lexgui 8.1.1 → 8.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/build/components/Avatar.d.ts +15 -0
  2. package/build/components/NodeTree.d.ts +51 -26
  3. package/build/components/Vector.d.ts +10 -9
  4. package/build/core/Event.d.ts +6 -26
  5. package/build/core/Namespace.js +1 -1
  6. package/build/core/Namespace.js.map +1 -1
  7. package/build/core/Panel.d.ts +538 -538
  8. package/build/extensions/AssetView.d.ts +7 -6
  9. package/build/extensions/AssetView.js +194 -155
  10. package/build/extensions/AssetView.js.map +1 -1
  11. package/build/extensions/Audio.js.map +1 -1
  12. package/build/extensions/CodeEditor.d.ts +358 -350
  13. package/build/extensions/CodeEditor.js +5054 -5022
  14. package/build/extensions/CodeEditor.js.map +1 -1
  15. package/build/extensions/DocMaker.js +330 -327
  16. package/build/extensions/DocMaker.js.map +1 -1
  17. package/build/extensions/GraphEditor.js +2754 -2760
  18. package/build/extensions/GraphEditor.js.map +1 -1
  19. package/build/extensions/Timeline.d.ts +668 -670
  20. package/build/extensions/Timeline.js +3948 -3955
  21. package/build/extensions/Timeline.js.map +1 -1
  22. package/build/extensions/VideoEditor.d.ts +128 -128
  23. package/build/extensions/VideoEditor.js +893 -898
  24. package/build/extensions/VideoEditor.js.map +1 -1
  25. package/build/index.css.d.ts +3 -4
  26. package/build/index.d.ts +57 -56
  27. package/build/lexgui.all.js +1587 -1369
  28. package/build/lexgui.all.js.map +1 -1
  29. package/build/lexgui.all.min.js +1 -1
  30. package/build/lexgui.all.module.js +1584 -1364
  31. package/build/lexgui.all.module.js.map +1 -1
  32. package/build/lexgui.all.module.min.js +1 -1
  33. package/build/lexgui.css +6157 -5583
  34. package/build/lexgui.js +977 -815
  35. package/build/lexgui.js.map +1 -1
  36. package/build/lexgui.min.css +2 -3
  37. package/build/lexgui.min.js +1 -1
  38. package/build/lexgui.module.js +975 -811
  39. package/build/lexgui.module.js.map +1 -1
  40. package/build/lexgui.module.min.js +1 -1
  41. package/changelog.md +52 -1
  42. package/demo.js +167 -65
  43. package/examples/all-components.html +38 -52
  44. package/examples/asset-view.html +27 -0
  45. package/examples/code-editor.html +1 -1
  46. package/examples/editor.html +10 -95
  47. package/examples/index.html +2 -2
  48. package/examples/side-bar.html +1 -1
  49. package/examples/timeline.html +2 -2
  50. package/examples/video-editor.html +1 -1
  51. package/examples/video-editor2.html +2 -2
  52. package/package.json +7 -4
@@ -0,0 +1,15 @@
1
+ interface AvatarDesc {
2
+ className?: string;
3
+ imgSource?: string;
4
+ imgAlt?: string;
5
+ imgClass?: string;
6
+ fallback?: string;
7
+ fallbackClass?: string;
8
+ }
9
+ export declare class Avatar {
10
+ root: HTMLElement;
11
+ imageElement: HTMLImageElement | undefined;
12
+ fallbackElement: string | undefined;
13
+ constructor(desc: AvatarDesc);
14
+ }
15
+ export {};
@@ -1,26 +1,51 @@
1
- import { BaseComponent } from './BaseComponent';
2
- /**
3
- * @class NodeTree
4
- */
5
- export declare class NodeTree {
6
- domEl: any;
7
- data: any;
8
- onevent: any;
9
- options: any;
10
- selected: any[];
11
- _forceClose: boolean;
12
- constructor(domEl: any, data: any, options?: any);
13
- _createItem(parent: any, node: any, level?: number, selectedId?: string): void;
14
- refresh(newData?: any, selectedId?: string): void;
15
- frefresh(id: string): void;
16
- select(id: string): void;
17
- deleteNode(node: any): boolean;
18
- }
19
- /**
20
- * @class Tree
21
- * @description Tree Component
22
- */
23
- export declare class Tree extends BaseComponent {
24
- innerTree: NodeTree;
25
- constructor(name: string, data: any, options?: any);
26
- }
1
+ import { BaseComponent } from './BaseComponent';
2
+ export type NodeTreeAction = 'select' | 'dbl_click' | 'move' | 'delete' | 'rename' | 'visibility' | 'caret' | 'context_menu';
3
+ export interface NodeTreeEvent {
4
+ type: NodeTreeAction;
5
+ domEvent?: Event;
6
+ items?: any[];
7
+ result?: any[];
8
+ from?: any;
9
+ to?: any;
10
+ where?: any;
11
+ oldName?: string;
12
+ newName?: string;
13
+ search?: any[];
14
+ userInitiated: boolean;
15
+ }
16
+ /**
17
+ * Signature for cancelable events.
18
+ * `resolve()` MUST be called by the user to perform the UI action
19
+ */
20
+ export type NodeTreeEventCallback = (event: NodeTreeEvent, resolve?: (...args: any[]) => void) => boolean | void | Promise<void>;
21
+ /**
22
+ * @class NodeTree
23
+ */
24
+ export declare class NodeTree {
25
+ domEl: any;
26
+ data: any;
27
+ options: any;
28
+ selected: any[];
29
+ _forceClose: boolean;
30
+ _callbacks: Record<string, NodeTreeEventCallback>;
31
+ constructor(domEl: any, data: any, options?: any);
32
+ _createItem(parent: any, node: any, level?: number, selectedId?: string): void;
33
+ refresh(newData?: any, selectedId?: string): void;
34
+ frefresh(id: string): void;
35
+ select(id: string): void;
36
+ deleteNodes(nodes: any[]): any[];
37
+ deleteNode(node: any): boolean;
38
+ }
39
+ /**
40
+ * @class Tree
41
+ * @description Tree Component
42
+ */
43
+ export declare class Tree extends BaseComponent {
44
+ innerTree: NodeTree;
45
+ constructor(name: string, data: any, options?: any);
46
+ /**
47
+ * @method on
48
+ * @description Stores an event callback for the desired action
49
+ */
50
+ on(eventName: string, callback: NodeTreeEventCallback): void;
51
+ }
@@ -1,9 +1,10 @@
1
- import { BaseComponent } from './BaseComponent';
2
- /**
3
- * @class Vector
4
- * @description Vector Component
5
- */
6
- export declare class Vector extends BaseComponent {
7
- setLimits: (newMin: number | null, newMax: number | null, newStep: number | null) => void;
8
- constructor(numComponents: number, name: string, value: number[], callback: any, options?: any);
9
- }
1
+ import { BaseComponent } from './BaseComponent';
2
+ /**
3
+ * @class Vector
4
+ * @description Vector Component
5
+ */
6
+ export declare class Vector extends BaseComponent {
7
+ locked: boolean;
8
+ setLimits: (newMin: number | null, newMax: number | null, newStep: number | null) => void;
9
+ constructor(numComponents: number, name: string, value: number[], callback: any, options?: any);
10
+ }
@@ -1,26 +1,6 @@
1
- import { Panel } from './Panel';
2
- export declare class IEvent {
3
- name: any;
4
- value: any;
5
- domEvent: any;
6
- constructor(name: string | null | undefined, value: any, domEvent?: any);
7
- }
8
- export declare class TreeEvent {
9
- static NONE: number;
10
- static NODE_SELECTED: number;
11
- static NODE_DELETED: number;
12
- static NODE_DBLCLICKED: number;
13
- static NODE_CONTEXTMENU: number;
14
- static NODE_DRAGGED: number;
15
- static NODE_RENAMED: number;
16
- static NODE_VISIBILITY: number;
17
- static NODE_CARETCHANGED: number;
18
- type: number;
19
- node: any;
20
- value: any;
21
- event: any;
22
- multiple: boolean;
23
- panel: Panel | null;
24
- constructor(type: number, node: any, value: any, event: any);
25
- 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;
26
- }
1
+ export declare class IEvent {
2
+ name: any;
3
+ value: any;
4
+ domEvent: any;
5
+ constructor(name: string | null | undefined, value: any, domEvent?: any);
6
+ }
@@ -10,7 +10,7 @@ const g = globalThis;
10
10
  let LX = g.LX;
11
11
  if (!LX) {
12
12
  LX = {
13
- version: '8.1.1',
13
+ version: '8.2',
14
14
  ready: false,
15
15
  extensions: [], // Store extensions used
16
16
  extraCommandbarEntries: [], // User specific entries for command bar
@@ -1 +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.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;;;;"}
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',\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,KAAK;AACd,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;;;;"}