lexgui 8.1.2 → 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/AlertDialog.d.ts +7 -7
- package/build/components/Avatar.d.ts +15 -0
- package/build/components/Counter.d.ts +9 -9
- package/build/components/Dialog.d.ts +20 -20
- package/build/components/Footer.d.ts +14 -14
- package/build/components/Menubar.d.ts +59 -59
- package/build/components/NodeTree.d.ts +26 -1
- package/build/components/Vector.d.ts +1 -0
- package/build/core/Area.d.ts +143 -143
- package/build/core/Event.d.ts +0 -20
- 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 -136
- package/build/extensions/AssetView.js +193 -155
- package/build/extensions/AssetView.js.map +1 -1
- package/build/extensions/Audio.js +163 -163
- package/build/extensions/Audio.js.map +1 -1
- package/build/extensions/CodeEditor.d.ts +358 -350
- package/build/extensions/CodeEditor.js +302 -270
- package/build/extensions/CodeEditor.js.map +1 -1
- package/build/extensions/DocMaker.d.ts +27 -27
- package/build/extensions/DocMaker.js +15 -11
- package/build/extensions/DocMaker.js.map +1 -1
- package/build/extensions/GraphEditor.js +2754 -2760
- package/build/extensions/GraphEditor.js.map +1 -1
- package/build/extensions/ImUi.js +227 -227
- package/build/extensions/Timeline.d.ts +668 -670
- package/build/extensions/Timeline.js +71 -79
- package/build/extensions/Timeline.js.map +1 -1
- package/build/extensions/VideoEditor.d.ts +38 -16
- package/build/extensions/VideoEditor.js +294 -180
- package/build/extensions/VideoEditor.js.map +1 -1
- package/build/extensions/index.d.ts +8 -8
- package/build/extensions/index.js +10 -10
- package/build/index.all.d.ts +2 -2
- package/build/index.css.d.ts +3 -4
- package/build/index.d.ts +57 -56
- package/build/lexgui.all.js +1877 -1520
- package/build/lexgui.all.js.map +1 -1
- package/build/lexgui.all.min.js +1 -1
- package/build/lexgui.all.module.js +1875 -1516
- package/build/lexgui.all.module.js.map +1 -1
- package/build/lexgui.all.module.min.js +1 -1
- package/build/lexgui.css +6123 -5556
- package/build/lexgui.js +997 -814
- package/build/lexgui.js.map +1 -1
- package/build/lexgui.min.css +2 -3
- package/build/lexgui.min.js +1 -1
- package/build/lexgui.module.js +995 -810
- package/build/lexgui.module.js.map +1 -1
- package/build/lexgui.module.min.js +1 -1
- package/changelog.md +65 -2
- package/demo.js +167 -65
- package/examples/all-components.html +40 -55
- package/examples/asset-view.html +27 -0
- package/examples/code-editor.html +12 -1
- package/examples/dialogs.html +13 -2
- package/examples/editor.html +9 -49
- package/examples/index.html +2 -2
- package/examples/side-bar.html +1 -1
- package/examples/timeline.html +2 -2
- package/examples/video-editor.html +1 -1
- package/examples/video-editor2.html +2 -2
- package/package.json +7 -4
|
@@ -1,136 +1,137 @@
|
|
|
1
|
-
import { LX } from '../core/Namespace';
|
|
2
|
-
declare const Area: any;
|
|
3
|
-
declare const Panel: any;
|
|
4
|
-
declare const NodeTree: any;
|
|
5
|
-
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
static
|
|
41
|
-
static
|
|
42
|
-
static
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
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
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
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 {};
|