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.
- package/build/components/Avatar.d.ts +15 -15
- package/build/components/NodeTree.d.ts +51 -51
- package/build/components/Vector.d.ts +10 -10
- package/build/core/Event.d.ts +6 -6
- package/build/core/Namespace.js +1 -1
- package/build/core/Namespace.js.map +1 -1
- package/build/core/Panel.d.ts +538 -538
- package/build/extensions/AssetView.d.ts +137 -137
- package/build/extensions/AssetView.js +5 -6
- package/build/extensions/AssetView.js.map +1 -1
- package/build/extensions/CodeEditor.d.ts +358 -358
- package/build/extensions/CodeEditor.js +7 -7
- package/build/extensions/CodeEditor.js.map +1 -1
- package/build/extensions/DocMaker.js +1 -0
- package/build/extensions/DocMaker.js.map +1 -1
- package/build/extensions/GraphEditor.js +2754 -2754
- package/build/extensions/Timeline.d.ts +668 -668
- package/build/extensions/Timeline.js +2 -2
- package/build/extensions/Timeline.js.map +1 -1
- package/build/extensions/VideoEditor.d.ts +37 -15
- package/build/extensions/VideoEditor.js +287 -166
- package/build/extensions/VideoEditor.js.map +1 -1
- package/build/index.css.d.ts +3 -3
- package/build/index.d.ts +57 -57
- package/build/lexgui.all.js +327 -185
- package/build/lexgui.all.js.map +1 -1
- package/build/lexgui.all.min.js +1 -1
- package/build/lexgui.all.module.js +327 -185
- package/build/lexgui.all.module.js.map +1 -1
- package/build/lexgui.all.module.min.js +1 -1
- package/build/lexgui.css +213 -220
- package/build/lexgui.js +25 -4
- package/build/lexgui.js.map +1 -1
- package/build/lexgui.min.css +1 -1
- package/build/lexgui.min.js +1 -1
- package/build/lexgui.module.js +25 -4
- package/build/lexgui.module.js.map +1 -1
- package/build/lexgui.module.min.js +1 -1
- package/changelog.md +23 -1
- package/examples/all-components.html +3 -4
- package/examples/code-editor.html +11 -0
- package/examples/dialogs.html +13 -2
- 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(
|
|
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(
|
|
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(
|
|
623
|
+
tree.on('beforeDelete', (event, resolve) => {
|
|
625
624
|
const node = event.items[0];
|
|
626
625
|
this._requestDeleteItem(node);
|
|
627
626
|
});
|
|
628
|
-
tree.on(
|
|
627
|
+
tree.on('beforeRename', (event, resolve) => {
|
|
629
628
|
const node = event.items[0];
|
|
630
629
|
this._requestRenameItem(node, event.newName, true);
|
|
631
630
|
});
|