lexgui 8.0.0 → 8.1.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 (56) hide show
  1. package/README.md +3 -3
  2. package/build/components/AlertDialog.d.ts +7 -0
  3. package/build/components/Counter.d.ts +1 -0
  4. package/build/components/Dialog.d.ts +1 -1
  5. package/build/components/Footer.d.ts +1 -1
  6. package/build/components/Menubar.d.ts +2 -2
  7. package/build/core/Area.d.ts +22 -22
  8. package/build/core/Namespace.js +34 -34
  9. package/build/core/Namespace.js.map +1 -1
  10. package/build/core/Panel.d.ts +2 -3
  11. package/build/extensions/AssetView.d.ts +136 -134
  12. package/build/extensions/AssetView.js +1367 -1320
  13. package/build/extensions/AssetView.js.map +1 -1
  14. package/build/extensions/Audio.js +19 -19
  15. package/build/extensions/Audio.js.map +1 -1
  16. package/build/extensions/CodeEditor.js +867 -647
  17. package/build/extensions/CodeEditor.js.map +1 -1
  18. package/build/extensions/DocMaker.d.ts +1 -1
  19. package/build/extensions/DocMaker.js +73 -61
  20. package/build/extensions/DocMaker.js.map +1 -1
  21. package/build/extensions/GraphEditor.js +406 -305
  22. package/build/extensions/GraphEditor.js.map +1 -1
  23. package/build/extensions/ImUi.js +21 -20
  24. package/build/extensions/ImUi.js.map +1 -1
  25. package/build/extensions/Timeline.d.ts +29 -36
  26. package/build/extensions/Timeline.js +421 -424
  27. package/build/extensions/Timeline.js.map +1 -1
  28. package/build/extensions/VideoEditor.js +101 -97
  29. package/build/extensions/VideoEditor.js.map +1 -1
  30. package/build/extensions/index.d.ts +8 -8
  31. package/build/extensions/index.js +1 -1
  32. package/build/index.all.d.ts +2 -2
  33. package/build/index.css.d.ts +1 -1
  34. package/build/index.d.ts +56 -55
  35. package/build/lexgui.all.js +28488 -27640
  36. package/build/lexgui.all.js.map +1 -1
  37. package/build/lexgui.all.min.js +1 -1
  38. package/build/lexgui.all.module.js +28412 -27565
  39. package/build/lexgui.all.module.js.map +1 -1
  40. package/build/lexgui.all.module.min.js +1 -1
  41. package/build/lexgui.css +176 -69
  42. package/build/lexgui.js +13796 -13330
  43. package/build/lexgui.js.map +1 -1
  44. package/build/lexgui.min.css +1 -1
  45. package/build/lexgui.min.js +1 -1
  46. package/build/lexgui.module.js +13733 -13268
  47. package/build/lexgui.module.js.map +1 -1
  48. package/build/lexgui.module.min.js +1 -1
  49. package/changelog.md +22 -1
  50. package/demo.js +6 -5
  51. package/examples/all-components.html +3 -0
  52. package/examples/asset-view.html +52 -6
  53. package/examples/dialogs.html +3 -3
  54. package/examples/editor.html +1 -1
  55. package/examples/index.html +1 -1
  56. package/package.json +4 -1
package/README.md CHANGED
@@ -42,12 +42,12 @@ NPM Package: [npmjs.com/package/lexgui](https://www.npmjs.com/package/lexgui)
42
42
  <head>
43
43
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
44
44
  <title>My first lexgui.js app</title>
45
- <link rel="stylesheet" href="https://cdn.skypack.dev/lexgui@^<version>/build/lexgui.css">
45
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lexgui@^<version>/build/lexgui.css">
46
46
  <script type="importmap">
47
47
  {
48
48
  "imports": {
49
- "lexgui": "https://cdn.skypack.dev/lexgui@^<version>/build/lexgui.module.js",
50
- "lexgui/extensions/": "https://cdn.skypack.dev/lexgui@^<version>/build/extensions/"
49
+ "lexgui": "https://cdn.jsdelivr.net/npm/lexgui@^<version>/build/lexgui.module.js",
50
+ "lexgui/extensions/": "https://cdn.jsdelivr.net/npm/lexgui@^<version>/build/extensions/"
51
51
  }
52
52
  }
53
53
  </script>
@@ -0,0 +1,7 @@
1
+ import { Dialog } from './Dialog';
2
+ /**
3
+ * @class AlertDialog
4
+ */
5
+ export declare class AlertDialog extends Dialog {
6
+ constructor(title: string, message: string, callback: any, options?: any);
7
+ }
@@ -4,5 +4,6 @@ import { BaseComponent } from './BaseComponent';
4
4
  * @description Counter Component
5
5
  */
6
6
  export declare class Counter extends BaseComponent {
7
+ count: number;
7
8
  constructor(name: string, value: number, callback: any, options?: any);
8
9
  }
@@ -12,7 +12,7 @@ export declare class Dialog {
12
12
  branchData: any;
13
13
  close: () => void;
14
14
  _oncreate: any;
15
- constructor(title: string, callback: any, options?: any);
15
+ constructor(title?: string, callback?: any, options?: any);
16
16
  destroy(): void;
17
17
  refresh(): void;
18
18
  setPosition(x: number, y: number): void;
@@ -8,7 +8,7 @@ export declare class Footer {
8
8
  * credits: html string
9
9
  * socials: Array with data per item { title, link, icon }
10
10
  * className: Extra class to customize
11
- */
11
+ */
12
12
  root: any;
13
13
  constructor(options?: any);
14
14
  }
@@ -26,12 +26,12 @@ export declare class Menubar {
26
26
  * @method getSubitems
27
27
  * @param {Object} item: parent item
28
28
  * @param {Array} tokens: split path strings
29
- */
29
+ */
30
30
  getSubitem(item: any, tokens: any[]): any;
31
31
  /**
32
32
  * @method getItem
33
33
  * @param {String} path
34
- */
34
+ */
35
35
  getItem(path: string): any;
36
36
  /**
37
37
  * @method setButtonIcon
@@ -1,6 +1,6 @@
1
- import { Panel } from './Panel';
2
1
  import { Menubar } from '../components/Menubar';
3
2
  import { Tabs } from '../components/Tabs';
3
+ import { Panel } from './Panel';
4
4
  export declare class AreaOverlayButtons {
5
5
  area: Area;
6
6
  options: any;
@@ -64,39 +64,39 @@ export declare class Area {
64
64
  */
65
65
  split(options?: any): any[];
66
66
  /**
67
- * @method setLimitBox
68
- * Set min max for width and height
69
- */
67
+ * @method setLimitBox
68
+ * Set min max for width and height
69
+ */
70
70
  setLimitBox(minw?: number, minh?: number, maxw?: number, maxh?: number): void;
71
71
  /**
72
- * @method resize
73
- * Resize element
74
- */
72
+ * @method resize
73
+ * Resize element
74
+ */
75
75
  setSize(size: any[]): void;
76
76
  /**
77
- * @method extend
78
- * Hide 2nd area split
79
- */
77
+ * @method extend
78
+ * Hide 2nd area split
79
+ */
80
80
  extend(): void;
81
81
  /**
82
- * @method reduce
83
- * Show 2nd area split
84
- */
82
+ * @method reduce
83
+ * Show 2nd area split
84
+ */
85
85
  reduce(): void;
86
86
  /**
87
- * @method hide
88
- * Hide element
89
- */
87
+ * @method hide
88
+ * Hide element
89
+ */
90
90
  hide(): void;
91
91
  /**
92
- * @method show
93
- * Show element if it is hidden
94
- */
92
+ * @method show
93
+ * Show element if it is hidden
94
+ */
95
95
  show(): void;
96
96
  /**
97
- * @method toggle
98
- * Toggle element if it is hidden
99
- */
97
+ * @method toggle
98
+ * Toggle element if it is hidden
99
+ */
100
100
  toggle(force: boolean): void;
101
101
  /**
102
102
  * @method propagateEvent
@@ -1,34 +1,34 @@
1
- // This is a generated file. Do not edit.
2
- // Namespace.ts @jxarco
3
- /**
4
- * Main namespace
5
- * @namespace LX
6
- */
7
- const g = globalThis;
8
- // Update global namespace if not present (Loading module)
9
- // Extension scripts rely on LX being globally available
10
- let LX = g.LX;
11
- if (!LX) {
12
- LX = {
13
- version: "8.0",
14
- ready: false,
15
- extensions: [], // Store extensions used
16
- extraCommandbarEntries: [], // User specific entries for command bar
17
- signals: {}, // Events and triggers
18
- activeDraggable: null, // Watch for the current active draggable
19
- spacingMode: "default",
20
- layoutMode: "app",
21
- MOUSE_LEFT_CLICK: 0,
22
- MOUSE_MIDDLE_CLICK: 1,
23
- MOUSE_RIGHT_CLICK: 2,
24
- MOUSE_DOUBLE_CLICK: 2,
25
- MOUSE_TRIPLE_CLICK: 3,
26
- CURVE_MOVEOUT_CLAMP: 0,
27
- CURVE_MOVEOUT_DELETE: 1,
28
- DRAGGABLE_Z_INDEX: 101
29
- };
30
- g.LX = LX;
31
- }
32
-
33
- export { LX };
34
- //# sourceMappingURL=Namespace.js.map
1
+ // This is a generated file. Do not edit.
2
+ // Namespace.ts @jxarco
3
+ /**
4
+ * Main namespace
5
+ * @namespace LX
6
+ */
7
+ const g = globalThis;
8
+ // Update global namespace if not present (Loading module)
9
+ // Extension scripts rely on LX being globally available
10
+ let LX = g.LX;
11
+ if (!LX) {
12
+ LX = {
13
+ version: '8.1.1',
14
+ ready: false,
15
+ extensions: [], // Store extensions used
16
+ extraCommandbarEntries: [], // User specific entries for command bar
17
+ signals: {}, // Events and triggers
18
+ activeDraggable: null, // Watch for the current active draggable
19
+ spacingMode: 'default',
20
+ layoutMode: 'app',
21
+ MOUSE_LEFT_CLICK: 0,
22
+ MOUSE_MIDDLE_CLICK: 1,
23
+ MOUSE_RIGHT_CLICK: 2,
24
+ MOUSE_DOUBLE_CLICK: 2,
25
+ MOUSE_TRIPLE_CLICK: 3,
26
+ CURVE_MOVEOUT_CLAMP: 0,
27
+ CURVE_MOVEOUT_DELETE: 1,
28
+ DRAGGABLE_Z_INDEX: 101
29
+ };
30
+ g.LX = LX;
31
+ }
32
+
33
+ export { LX };
34
+ //# sourceMappingURL=Namespace.js.map
@@ -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.0\",\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 };"],"names":[],"mappings":";AAAA;AAEA;;;AAGE;AAEF,MAAM,CAAC,GAAK,UAAmB;AAE/B;AACA;AACA,IAAI,EAAE,GAAQ,CAAC,CAAC;AAEhB,IAAI,CAAC,EAAE,EACP;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;;;;"}
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;;;;"}
@@ -238,7 +238,7 @@ export declare class Panel {
238
238
  * allowAddValues: Support adding values on click
239
239
  * smooth: Curve smoothness
240
240
  * moveOutAction: Clamp or delete points moved out of the curve (LX.CURVE_MOVEOUT_CLAMP, LX.CURVE_MOVEOUT_DELETE)
241
- */
241
+ */
242
242
  addCurve(name: string, values: any[], callback: any, options?: any): any;
243
243
  /**
244
244
  * @method addDial
@@ -254,7 +254,7 @@ export declare class Panel {
254
254
  * allowAddValues: Support adding values on click
255
255
  * smooth: Curve smoothness
256
256
  * moveOutAction: Clamp or delete points moved out of the curve (LX.CURVE_MOVEOUT_CLAMP, LX.CURVE_MOVEOUT_DELETE)
257
- */
257
+ */
258
258
  addDial(name: string, values: any[], callback: any, options?: any): any;
259
259
  /**
260
260
  * @method addLayers
@@ -486,7 +486,6 @@ export declare class Panel {
486
486
  * disabled: Make the component disabled [false]
487
487
  * min, max: Min and Max values
488
488
  * step: Step for adding/substracting
489
- * label: Text to show below the counter
490
489
  */
491
490
  addCounter(name: string, value: number, callback: any, options?: any): any;
492
491
  /**
@@ -1,134 +1,136 @@
1
- import { LX } from '../core/Namespace';
2
- declare const Area: any;
3
- declare const Panel: any;
4
- declare const NodeTree: any;
5
- export type AssetViewAction = "select" | "dbl_click" | "check" | "clone" | "move" | "delete" | "rename" | "enter_folder" | "create-folder";
6
- export interface AssetViewItem {
7
- id: string;
8
- type: string;
9
- children: AssetViewItem[];
10
- parent?: AssetViewItem;
11
- path?: string;
12
- src?: string;
13
- dir?: AssetViewItem[];
14
- domEl?: HTMLElement;
15
- metadata: any;
16
- }
17
- interface AssetViewEvent {
18
- type: AssetViewAction;
19
- items?: AssetViewItem[];
20
- result?: AssetViewItem[];
21
- from?: AssetViewItem;
22
- to?: AssetViewItem;
23
- oldName?: string;
24
- newName?: string;
25
- userInitiated: boolean;
26
- }
27
- /**
28
- * Signature for cancelable events.
29
- * `resolve()` MUST be called by the user to perform the UI action
30
- */
31
- export type AssetViewEventCallback = (event: AssetViewEvent, resolve?: () => void) => void | Promise<void>;
32
- /**
33
- * @class AssetView
34
- * @description Asset container with Tree for file system
35
- */
36
- export declare class AssetView {
37
- static LAYOUT_GRID: number;
38
- static LAYOUT_COMPACT: number;
39
- static LAYOUT_LIST: number;
40
- static CONTENT_SORT_ASC: number;
41
- static CONTENT_SORT_DESC: number;
42
- root: HTMLElement;
43
- area: typeof Area | null;
44
- content: HTMLElement;
45
- leftPanel: typeof Panel | null;
46
- toolsPanel: any;
47
- contentPanel: any;
48
- previewPanel: any;
49
- tree: typeof NodeTree | null;
50
- prevData: AssetViewItem[];
51
- nextData: AssetViewItem[];
52
- data: AssetViewItem[];
53
- currentData: AssetViewItem[];
54
- currentFolder: AssetViewItem | undefined;
55
- rootItem: AssetViewItem;
56
- path: string[];
57
- rootPath: string;
58
- selectedItem: AssetViewItem | undefined;
59
- allowedTypes: any;
60
- searchValue: string;
61
- filter: string;
62
- gridScale: number;
63
- layout: number;
64
- sortMode: number;
65
- skipBrowser: boolean;
66
- skipPreview: boolean;
67
- useNativeTitle: boolean;
68
- onlyFolders: boolean;
69
- allowMultipleSelection: boolean;
70
- previewActions: any[];
71
- contextMenu: any[];
72
- onRefreshContent: any;
73
- itemContextMenuOptions: any;
74
- onItemDragged: any;
75
- private _assetsPerPage;
76
- get assetsPerPage(): any;
77
- set assetsPerPage(v: any);
78
- _callbacks: Record<string, AssetViewEventCallback>;
79
- _lastSortBy: string;
80
- _paginator: typeof LX.Pagination | undefined;
81
- _scriptCodeDialog: typeof LX.Dialog | undefined;
82
- _moveItemDialog: typeof LX.Dialog | undefined;
83
- constructor(options?: any);
84
- /**
85
- * @method on
86
- * @description Stores an event callback for the desired action
87
- */
88
- on(eventName: string, callback: AssetViewEventCallback): void;
89
- /**
90
- * @method load
91
- * @description Loads and processes the input data
92
- */
93
- load(data: any): void;
94
- /**
95
- * @method addItem
96
- * @description Creates an item DOM element
97
- */
98
- addItem(item: AssetViewItem, childIndex: number | undefined, updateTree?: boolean): HTMLLIElement;
99
- /**
100
- * @method clear
101
- * @description Creates all AssetView container panels
102
- */
103
- clear(): void;
104
- _processData(data: any, parent?: AssetViewItem): void;
105
- _updatePath(): void;
106
- _createNavigationBar(panel: typeof Panel): void;
107
- _createTreePanel(area: typeof Area): void;
108
- _setContentLayout(layoutMode: number): void;
109
- _createContentPanel(area: typeof Area): void;
110
- _makeNameFilterFn(searchValue: string): (name: string) => boolean;
111
- _refreshContent(searchValue?: string, filter?: string): void;
112
- _previewAsset(file: AssetViewItem): void;
113
- _processDrop(e: DragEvent): void;
114
- _sortData(sortBy?: string, sortMode?: number): void;
115
- _enterFolder(folderItem: AssetViewItem | undefined, storeCurrent?: boolean): void;
116
- _removeItemFromParent(item: AssetViewItem): boolean;
117
- _requestDeleteItem(item: AssetViewItem): void;
118
- _deleteItem(item: AssetViewItem): void;
119
- _requestMoveItemToFolder(item: AssetViewItem, folder: AssetViewItem): void;
120
- _moveItemToFolder(item: AssetViewItem, folder: AssetViewItem): void;
121
- _moveItem(item: AssetViewItem): void;
122
- _requestCloneItem(item: AssetViewItem): false | undefined;
123
- _cloneItem(item: AssetViewItem): AssetViewItem;
124
- _getClonedName(originalName: string, siblings: any[]): string;
125
- _requestRenameItem(item: AssetViewItem, newName: string): void;
126
- _renameItem(item: AssetViewItem, newName: string): void;
127
- _renameItemPopover(item: AssetViewItem): void;
128
- _requestCreateFolder(): void;
129
- _createFolder(): AssetViewItem;
130
- _openScriptInEditor(script: any): void;
131
- _setAssetsPerPage(n: number): void;
132
- _lastModifiedToStringDate(lm: number): string;
133
- }
134
- export {};
1
+ import { LX } from '../core/Namespace';
2
+ declare const Area: any;
3
+ declare const Panel: any;
4
+ declare const NodeTree: any;
5
+ export type AssetViewAction = 'select' | 'dbl_click' | 'check' | 'clone' | 'move' | 'delete' | 'rename' | 'enter_folder' | 'create-folder';
6
+ export interface AssetViewItem {
7
+ id: string;
8
+ type: string;
9
+ children: AssetViewItem[];
10
+ parent?: AssetViewItem;
11
+ path?: string;
12
+ src?: string;
13
+ dir?: AssetViewItem[];
14
+ domEl?: HTMLElement;
15
+ metadata: any;
16
+ }
17
+ interface AssetViewEvent {
18
+ type: AssetViewAction;
19
+ items?: AssetViewItem[];
20
+ result?: AssetViewItem[];
21
+ from?: AssetViewItem;
22
+ to?: AssetViewItem;
23
+ where?: AssetViewItem;
24
+ oldName?: string;
25
+ newName?: string;
26
+ userInitiated: boolean;
27
+ }
28
+ /**
29
+ * Signature for cancelable events.
30
+ * `resolve()` MUST be called by the user to perform the UI action
31
+ */
32
+ export type AssetViewEventCallback = (event: AssetViewEvent, resolve?: (...args: any[]) => void) => boolean | void | Promise<void>;
33
+ /**
34
+ * @class AssetView
35
+ * @description Asset container with Tree for file system
36
+ */
37
+ export declare class AssetView {
38
+ static LAYOUT_GRID: number;
39
+ static LAYOUT_COMPACT: number;
40
+ static LAYOUT_LIST: number;
41
+ static CONTENT_SORT_ASC: number;
42
+ static CONTENT_SORT_DESC: number;
43
+ root: HTMLElement;
44
+ area: typeof Area | null;
45
+ content: HTMLElement;
46
+ leftPanel: typeof Panel | null;
47
+ toolsPanel: any;
48
+ contentPanel: any;
49
+ previewPanel: any;
50
+ tree: typeof NodeTree | null;
51
+ prevData: AssetViewItem[];
52
+ nextData: AssetViewItem[];
53
+ data: AssetViewItem[];
54
+ currentData: AssetViewItem[];
55
+ currentFolder: AssetViewItem | undefined;
56
+ rootItem: AssetViewItem;
57
+ path: string[];
58
+ rootPath: string;
59
+ selectedItem: AssetViewItem | undefined;
60
+ allowedTypes: any;
61
+ searchValue: string;
62
+ filter: string;
63
+ gridScale: number;
64
+ layout: number;
65
+ sortMode: number;
66
+ skipBrowser: boolean;
67
+ skipPreview: boolean;
68
+ useNativeTitle: boolean;
69
+ onlyFolders: boolean;
70
+ allowMultipleSelection: boolean;
71
+ previewActions: any[];
72
+ contextMenu: any[];
73
+ onRefreshContent: any;
74
+ itemContextMenuOptions: any;
75
+ onItemDragged: 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
+ _setContentLayout(layoutMode: number): void;
111
+ _createContentPanel(area: typeof Area): void;
112
+ _makeNameFilterFn(searchValue: string): (name: string) => boolean;
113
+ _refreshContent(searchValue?: string, filter?: string): void;
114
+ _previewAsset(file: AssetViewItem): void;
115
+ _processDrop(e: DragEvent): void;
116
+ _sortData(sortBy?: string, sortMode?: number): void;
117
+ _enterFolder(folderItem: AssetViewItem | undefined, storeCurrent?: boolean): Promise<void>;
118
+ _removeItemFromParent(item: AssetViewItem): boolean;
119
+ _requestDeleteItem(item: AssetViewItem): void;
120
+ _deleteItem(item: AssetViewItem): void;
121
+ _requestMoveItemToFolder(item: AssetViewItem, folder: AssetViewItem): void;
122
+ _moveItemToFolder(item: AssetViewItem, folder: AssetViewItem): void;
123
+ _moveItem(item: AssetViewItem, defaultFolder?: AssetViewItem | AssetViewItem[]): void;
124
+ _requestCloneItem(item: AssetViewItem): false | undefined;
125
+ _cloneItem(item: AssetViewItem): AssetViewItem;
126
+ _getClonedName(originalName: string, siblings: any[]): string;
127
+ _requestRenameItem(item: AssetViewItem, newName: string): void;
128
+ _renameItem(item: AssetViewItem, newName: string): void;
129
+ _renameItemPopover(item: AssetViewItem): void;
130
+ _requestCreateFolder(folder?: AssetViewItem): void;
131
+ _createFolder(folder?: AssetViewItem): AssetViewItem;
132
+ _openScriptInEditor(script: any): void;
133
+ _setAssetsPerPage(n: number): void;
134
+ _lastModifiedToStringDate(lm: number): string;
135
+ }
136
+ export {};