lexgui 8.2.0 → 8.2.1

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 (43) hide show
  1. package/build/components/Avatar.d.ts +15 -15
  2. package/build/components/NodeTree.d.ts +51 -51
  3. package/build/components/Vector.d.ts +10 -10
  4. package/build/core/Event.d.ts +6 -6
  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 +137 -137
  9. package/build/extensions/AssetView.js +5 -6
  10. package/build/extensions/AssetView.js.map +1 -1
  11. package/build/extensions/CodeEditor.d.ts +358 -358
  12. package/build/extensions/CodeEditor.js +7 -7
  13. package/build/extensions/CodeEditor.js.map +1 -1
  14. package/build/extensions/DocMaker.js +1 -0
  15. package/build/extensions/DocMaker.js.map +1 -1
  16. package/build/extensions/GraphEditor.js +2754 -2754
  17. package/build/extensions/Timeline.d.ts +668 -668
  18. package/build/extensions/Timeline.js +2 -2
  19. package/build/extensions/Timeline.js.map +1 -1
  20. package/build/extensions/VideoEditor.d.ts +37 -15
  21. package/build/extensions/VideoEditor.js +287 -166
  22. package/build/extensions/VideoEditor.js.map +1 -1
  23. package/build/index.css.d.ts +3 -3
  24. package/build/index.d.ts +57 -57
  25. package/build/lexgui.all.js +327 -185
  26. package/build/lexgui.all.js.map +1 -1
  27. package/build/lexgui.all.min.js +1 -1
  28. package/build/lexgui.all.module.js +327 -185
  29. package/build/lexgui.all.module.js.map +1 -1
  30. package/build/lexgui.all.module.min.js +1 -1
  31. package/build/lexgui.css +213 -220
  32. package/build/lexgui.js +25 -4
  33. package/build/lexgui.js.map +1 -1
  34. package/build/lexgui.min.css +1 -1
  35. package/build/lexgui.min.js +1 -1
  36. package/build/lexgui.module.js +25 -4
  37. package/build/lexgui.module.js.map +1 -1
  38. package/build/lexgui.module.min.js +1 -1
  39. package/changelog.md +23 -1
  40. package/examples/all-components.html +3 -4
  41. package/examples/code-editor.html +11 -0
  42. package/examples/dialogs.html +13 -2
  43. package/package.json +1 -1
@@ -1,137 +1,137 @@
1
- import { LX } from '../core/Namespace';
2
- declare const Area: any;
3
- declare const Panel: any;
4
- declare const NodeTree: any;
5
- declare const Tree: any;
6
- export type AssetViewAction = 'select' | 'dbl_click' | 'check' | 'clone' | 'move' | 'delete' | 'rename' | 'enter_folder' | 'create-folder' | 'refresh-content' | 'node-drag';
7
- export interface AssetViewItem {
8
- id: string;
9
- type: string;
10
- children: AssetViewItem[];
11
- parent?: AssetViewItem;
12
- path?: string;
13
- src?: string;
14
- dir?: AssetViewItem[];
15
- domEl?: HTMLElement;
16
- metadata: any;
17
- }
18
- interface AssetViewEvent {
19
- type: AssetViewAction;
20
- items?: AssetViewItem[];
21
- result?: AssetViewItem[];
22
- from?: AssetViewItem;
23
- to?: AssetViewItem;
24
- where?: AssetViewItem;
25
- oldName?: string;
26
- newName?: string;
27
- search?: any[];
28
- userInitiated: boolean;
29
- }
30
- /**
31
- * Signature for cancelable events.
32
- * `resolve()` MUST be called by the user to perform the UI action
33
- */
34
- export type AssetViewEventCallback = (event: AssetViewEvent, resolve?: (...args: any[]) => void) => boolean | void | Promise<void>;
35
- /**
36
- * @class AssetView
37
- * @description Asset container with Tree for file system
38
- */
39
- export declare class AssetView {
40
- static LAYOUT_GRID: number;
41
- static LAYOUT_COMPACT: number;
42
- static LAYOUT_LIST: number;
43
- static CONTENT_SORT_ASC: number;
44
- static CONTENT_SORT_DESC: number;
45
- root: HTMLElement;
46
- area: typeof Area | null;
47
- content: HTMLElement;
48
- leftPanel: typeof Panel | null;
49
- toolsPanel: any;
50
- contentPanel: any;
51
- previewPanel: any;
52
- tree: typeof NodeTree | null;
53
- prevData: AssetViewItem[];
54
- nextData: AssetViewItem[];
55
- data: AssetViewItem[];
56
- currentData: AssetViewItem[];
57
- currentFolder: AssetViewItem | undefined;
58
- rootItem: AssetViewItem;
59
- path: string[];
60
- rootPath: string;
61
- selectedItem: AssetViewItem | undefined;
62
- allowedTypes: any;
63
- searchValue: string;
64
- filter: string;
65
- gridScale: number;
66
- layout: number;
67
- sortMode: number;
68
- skipBrowser: boolean;
69
- skipPreview: boolean;
70
- useNativeTitle: boolean;
71
- onlyFolders: boolean;
72
- allowMultipleSelection: boolean;
73
- previewActions: any[];
74
- contextMenu: any[];
75
- itemContextMenuOptions: any;
76
- private _assetsPerPage;
77
- get assetsPerPage(): any;
78
- set assetsPerPage(v: any);
79
- _callbacks: Record<string, AssetViewEventCallback>;
80
- _lastSortBy: string;
81
- _paginator: typeof LX.Pagination | undefined;
82
- _scriptCodeDialog: typeof LX.Dialog | undefined;
83
- _moveItemDialog: typeof LX.Dialog | undefined;
84
- _movingItem: AssetViewItem | undefined;
85
- constructor(options?: any);
86
- /**
87
- * @method on
88
- * @description Stores an event callback for the desired action
89
- */
90
- on(eventName: string, callback: AssetViewEventCallback): void;
91
- /**
92
- * @method load
93
- * @description Loads and processes the input data
94
- */
95
- load(data: any): void;
96
- /**
97
- * @method addItem
98
- * @description Creates an item DOM element
99
- */
100
- addItem(item: AssetViewItem, childIndex: number | undefined, updateTree?: boolean): HTMLLIElement;
101
- /**
102
- * @method clear
103
- * @description Creates all AssetView container panels
104
- */
105
- clear(): void;
106
- _processData(data: any, parent?: AssetViewItem): void;
107
- _updatePath(): void;
108
- _createNavigationBar(panel: typeof Panel): void;
109
- _createTreePanel(area: typeof Area): void;
110
- _subscribeTreeEvents(tree: typeof Tree): void;
111
- _setContentLayout(layoutMode: number): void;
112
- _createContentPanel(area: typeof Area): void;
113
- _makeNameFilterFn(searchValue: string): (name: string) => boolean;
114
- _refreshContent(searchValue?: string, filter?: string, userInitiated?: boolean): void;
115
- _previewAsset(file: AssetViewItem): void;
116
- _processDrop(e: DragEvent): void;
117
- _sortData(sortBy?: string, sortMode?: number): void;
118
- _enterFolder(folderItem: AssetViewItem | undefined, storeCurrent?: boolean): Promise<void>;
119
- _removeItemFromParent(item: AssetViewItem): boolean;
120
- _requestDeleteItem(item: AssetViewItem): void;
121
- _deleteItem(item: AssetViewItem): void;
122
- _requestMoveItemToFolder(item: AssetViewItem, folder: AssetViewItem): void;
123
- _moveItemToFolder(item: AssetViewItem, folder: AssetViewItem): void;
124
- _moveItem(item: AssetViewItem, defaultFolder?: AssetViewItem | AssetViewItem[]): void;
125
- _requestCloneItem(item: AssetViewItem): false | undefined;
126
- _cloneItem(item: AssetViewItem): AssetViewItem;
127
- _getClonedName(originalName: string, siblings: any[]): string;
128
- _requestRenameItem(item: AssetViewItem, newName: string, treeEvent?: boolean): void;
129
- _renameItem(item: AssetViewItem, newName: string, data?: AssetViewItem[]): void;
130
- _renameItemPopover(item: AssetViewItem): void;
131
- _requestCreateFolder(folder?: AssetViewItem): void;
132
- _createFolder(folder?: AssetViewItem): AssetViewItem;
133
- _openScriptInEditor(script: any): void;
134
- _setAssetsPerPage(n: number): void;
135
- _lastModifiedToStringDate(lm: number): string;
136
- }
137
- export {};
1
+ import { LX } from '../core/Namespace';
2
+ declare const Area: any;
3
+ declare const Panel: any;
4
+ declare const NodeTree: any;
5
+ declare const Tree: any;
6
+ export type AssetViewAction = 'select' | 'dbl_click' | 'check' | 'clone' | 'move' | 'delete' | 'rename' | 'enter_folder' | 'create-folder' | 'refresh-content' | 'node-drag';
7
+ export interface AssetViewItem {
8
+ id: string;
9
+ type: string;
10
+ children: AssetViewItem[];
11
+ parent?: AssetViewItem;
12
+ path?: string;
13
+ src?: string;
14
+ dir?: AssetViewItem[];
15
+ domEl?: HTMLElement;
16
+ metadata: any;
17
+ }
18
+ interface AssetViewEvent {
19
+ type: AssetViewAction;
20
+ items?: AssetViewItem[];
21
+ result?: AssetViewItem[];
22
+ from?: AssetViewItem;
23
+ to?: AssetViewItem;
24
+ where?: AssetViewItem;
25
+ oldName?: string;
26
+ newName?: string;
27
+ search?: any[];
28
+ userInitiated: boolean;
29
+ }
30
+ /**
31
+ * Signature for cancelable events.
32
+ * `resolve()` MUST be called by the user to perform the UI action
33
+ */
34
+ export type AssetViewEventCallback = (event: AssetViewEvent, resolve?: (...args: any[]) => void) => boolean | void | Promise<void>;
35
+ /**
36
+ * @class AssetView
37
+ * @description Asset container with Tree for file system
38
+ */
39
+ export declare class AssetView {
40
+ static LAYOUT_GRID: number;
41
+ static LAYOUT_COMPACT: number;
42
+ static LAYOUT_LIST: number;
43
+ static CONTENT_SORT_ASC: number;
44
+ static CONTENT_SORT_DESC: number;
45
+ root: HTMLElement;
46
+ area: typeof Area | null;
47
+ content: HTMLElement;
48
+ leftPanel: typeof Panel | null;
49
+ toolsPanel: any;
50
+ contentPanel: any;
51
+ previewPanel: any;
52
+ tree: typeof NodeTree | null;
53
+ prevData: AssetViewItem[];
54
+ nextData: AssetViewItem[];
55
+ data: AssetViewItem[];
56
+ currentData: AssetViewItem[];
57
+ currentFolder: AssetViewItem | undefined;
58
+ rootItem: AssetViewItem;
59
+ path: string[];
60
+ rootPath: string;
61
+ selectedItem: AssetViewItem | undefined;
62
+ allowedTypes: any;
63
+ searchValue: string;
64
+ filter: string;
65
+ gridScale: number;
66
+ layout: number;
67
+ sortMode: number;
68
+ skipBrowser: boolean;
69
+ skipPreview: boolean;
70
+ useNativeTitle: boolean;
71
+ onlyFolders: boolean;
72
+ allowMultipleSelection: boolean;
73
+ previewActions: any[];
74
+ contextMenu: any[];
75
+ itemContextMenuOptions: any;
76
+ private _assetsPerPage;
77
+ get assetsPerPage(): any;
78
+ set assetsPerPage(v: any);
79
+ _callbacks: Record<string, AssetViewEventCallback>;
80
+ _lastSortBy: string;
81
+ _paginator: typeof LX.Pagination | undefined;
82
+ _scriptCodeDialog: typeof LX.Dialog | undefined;
83
+ _moveItemDialog: typeof LX.Dialog | undefined;
84
+ _movingItem: AssetViewItem | undefined;
85
+ constructor(options?: any);
86
+ /**
87
+ * @method on
88
+ * @description Stores an event callback for the desired action
89
+ */
90
+ on(eventName: string, callback: AssetViewEventCallback): void;
91
+ /**
92
+ * @method load
93
+ * @description Loads and processes the input data
94
+ */
95
+ load(data: any): void;
96
+ /**
97
+ * @method addItem
98
+ * @description Creates an item DOM element
99
+ */
100
+ addItem(item: AssetViewItem, childIndex: number | undefined, updateTree?: boolean): HTMLLIElement;
101
+ /**
102
+ * @method clear
103
+ * @description Creates all AssetView container panels
104
+ */
105
+ clear(): void;
106
+ _processData(data: any, parent?: AssetViewItem): void;
107
+ _updatePath(): void;
108
+ _createNavigationBar(panel: typeof Panel): void;
109
+ _createTreePanel(area: typeof Area): void;
110
+ _subscribeTreeEvents(tree: typeof Tree): void;
111
+ _setContentLayout(layoutMode: number): void;
112
+ _createContentPanel(area: typeof Area): void;
113
+ _makeNameFilterFn(searchValue: string): (name: string) => boolean;
114
+ _refreshContent(searchValue?: string, filter?: string, userInitiated?: boolean): void;
115
+ _previewAsset(file: AssetViewItem): void;
116
+ _processDrop(e: DragEvent): void;
117
+ _sortData(sortBy?: string, sortMode?: number): void;
118
+ _enterFolder(folderItem: AssetViewItem | undefined, storeCurrent?: boolean): Promise<void>;
119
+ _removeItemFromParent(item: AssetViewItem): boolean;
120
+ _requestDeleteItem(item: AssetViewItem): void;
121
+ _deleteItem(item: AssetViewItem): void;
122
+ _requestMoveItemToFolder(item: AssetViewItem, folder: AssetViewItem): void;
123
+ _moveItemToFolder(item: AssetViewItem, folder: AssetViewItem): void;
124
+ _moveItem(item: AssetViewItem, defaultFolder?: AssetViewItem | AssetViewItem[]): void;
125
+ _requestCloneItem(item: AssetViewItem): false | undefined;
126
+ _cloneItem(item: AssetViewItem): AssetViewItem;
127
+ _getClonedName(originalName: string, siblings: any[]): string;
128
+ _requestRenameItem(item: AssetViewItem, newName: string, treeEvent?: boolean): void;
129
+ _renameItem(item: AssetViewItem, newName: string, data?: AssetViewItem[]): void;
130
+ _renameItemPopover(item: AssetViewItem): void;
131
+ _requestCreateFolder(folder?: AssetViewItem): void;
132
+ _createFolder(folder?: AssetViewItem): AssetViewItem;
133
+ _openScriptInEditor(script: any): void;
134
+ _setAssetsPerPage(n: number): void;
135
+ _lastModifiedToStringDate(lm: number): string;
136
+ }
137
+ export {};
@@ -553,9 +553,8 @@ class AssetView {
553
553
  _subscribeTreeEvents(tree) {
554
554
  // If some of these events we don't have to call "resolve" since the AV itself
555
555
  // will update the data and refresh when necessary
556
- tree.on("select", (event, resolve) => {
557
- if (event.items.length > 1) // Do nothing if multiple selection
558
- {
556
+ tree.on('select', (event, resolve) => {
557
+ if (event.items.length > 1) { // Do nothing if multiple selection
559
558
  return;
560
559
  }
561
560
  const node = event.items[0];
@@ -579,7 +578,7 @@ class AssetView {
579
578
  this.selectedItem = node;
580
579
  }
581
580
  });
582
- tree.on("beforeMove", (event, resolve) => {
581
+ tree.on('beforeMove', (event, resolve) => {
583
582
  const onBeforeNodeDragged = this._callbacks['beforeNodeDragged'];
584
583
  const onNodeDragged = this._callbacks['nodeDragged'];
585
584
  const node = event.items[0];
@@ -621,11 +620,11 @@ class AssetView {
621
620
  av_resolve();
622
621
  }
623
622
  });
624
- tree.on("beforeDelete", (event, resolve) => {
623
+ tree.on('beforeDelete', (event, resolve) => {
625
624
  const node = event.items[0];
626
625
  this._requestDeleteItem(node);
627
626
  });
628
- tree.on("beforeRename", (event, resolve) => {
627
+ tree.on('beforeRename', (event, resolve) => {
629
628
  const node = event.items[0];
630
629
  this._requestRenameItem(node, event.newName, true);
631
630
  });