@ali-hm/angular-tree-component 19.1.2 → 20.0.3
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/README.md +2 -1
- package/fesm2022/ali-hm-angular-tree-component.mjs +346 -359
- package/fesm2022/ali-hm-angular-tree-component.mjs.map +1 -1
- package/index.d.ts +1109 -3
- package/package.json +3 -3
- package/lib/angular-tree-component.module.d.ts +0 -43
- package/lib/components/loading.component.d.ts +0 -9
- package/lib/components/tree-node-checkbox.component.d.ts +0 -7
- package/lib/components/tree-node-collection.component.d.ts +0 -34
- package/lib/components/tree-node-content.component.d.ts +0 -10
- package/lib/components/tree-node-drop-slot.component.d.ts +0 -10
- package/lib/components/tree-node-expander.component.d.ts +0 -7
- package/lib/components/tree-node-wrapper.component.d.ts +0 -9
- package/lib/components/tree-viewport.component.d.ts +0 -17
- package/lib/components/tree.component.d.ts +0 -47
- package/lib/constants/events.d.ts +0 -19
- package/lib/constants/keys.d.ts +0 -9
- package/lib/defs/api.d.ts +0 -611
- package/lib/directives/tree-animate-open.directive.d.ts +0 -20
- package/lib/directives/tree-drag.directive.d.ts +0 -21
- package/lib/directives/tree-drop.directive.d.ts +0 -33
- package/lib/mobx-angular/mobx-proxy.d.ts +0 -7
- package/lib/mobx-angular/tree-mobx-autorun.directive.d.ts +0 -17
- package/lib/models/tree-dragged-element.model.d.ts +0 -9
- package/lib/models/tree-node.model.d.ts +0 -83
- package/lib/models/tree-options.model.d.ts +0 -77
- package/lib/models/tree-virtual-scroll.model.d.ts +0 -27
- package/lib/models/tree.model.d.ts +0 -91
- package/public-api.d.ts +0 -1
package/index.d.ts
CHANGED
|
@@ -1,5 +1,1111 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { OnInit, OnDestroy, TemplateRef, ViewContainerRef, EmbeddedViewRef, AfterViewInit, OnChanges, EventEmitter, DoCheck } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
|
|
5
|
+
declare class TreeMobxAutorunDirective implements OnInit, OnDestroy {
|
|
6
|
+
protected templateRef: TemplateRef<any>;
|
|
7
|
+
protected viewContainer: ViewContainerRef;
|
|
8
|
+
protected templateBindings: {};
|
|
9
|
+
protected dispose: any;
|
|
10
|
+
protected view: EmbeddedViewRef<any>;
|
|
11
|
+
treeMobxAutorun: any;
|
|
12
|
+
ngOnInit(): void;
|
|
13
|
+
shouldDetach(): any;
|
|
14
|
+
autoDetect(view: EmbeddedViewRef<any>): void;
|
|
15
|
+
ngOnDestroy(): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeMobxAutorunDirective, never>;
|
|
17
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TreeMobxAutorunDirective, "[treeMobxAutorun]", never, { "treeMobxAutorun": { "alias": "treeMobxAutorun"; "required": false; }; }, {}, never, never, true, never>;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
declare class TreeVirtualScroll {
|
|
21
|
+
private treeModel;
|
|
22
|
+
private _dispose;
|
|
23
|
+
yBlocks: number;
|
|
24
|
+
x: number;
|
|
25
|
+
viewportHeight: any;
|
|
26
|
+
viewport: any;
|
|
27
|
+
get y(): number;
|
|
28
|
+
get totalHeight(): number;
|
|
29
|
+
constructor();
|
|
30
|
+
fireEvent(event: any): void;
|
|
31
|
+
init(): void;
|
|
32
|
+
isEnabled(): boolean;
|
|
33
|
+
private _setYBlocks;
|
|
34
|
+
recalcPositions(): void;
|
|
35
|
+
private _getPositionAfter;
|
|
36
|
+
private _getPositionAfterNode;
|
|
37
|
+
clear(): void;
|
|
38
|
+
setViewport(viewport: any): void;
|
|
39
|
+
scrollIntoView(node: any, force: any, scrollToMiddle?: boolean): void;
|
|
40
|
+
getViewportNodes(nodes: any): any;
|
|
41
|
+
fixScroll(): void;
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeVirtualScroll, never>;
|
|
43
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TreeVirtualScroll>;
|
|
44
|
+
}
|
|
45
|
+
|
|
1
46
|
/**
|
|
2
|
-
*
|
|
47
|
+
* Welcome to ng2tree
|
|
3
48
|
*/
|
|
4
|
-
|
|
5
|
-
|
|
49
|
+
type IDType = string | number;
|
|
50
|
+
type IDTypeDictionary = {
|
|
51
|
+
[id: string]: boolean;
|
|
52
|
+
[id: number]: boolean;
|
|
53
|
+
};
|
|
54
|
+
/**
|
|
55
|
+
* See ITreeNode for documentation
|
|
56
|
+
*/
|
|
57
|
+
declare type TreeNode$1 = any;
|
|
58
|
+
interface IAllowDropFn {
|
|
59
|
+
(element: any, to: {
|
|
60
|
+
parent: TreeNode$1;
|
|
61
|
+
index: number;
|
|
62
|
+
}, $event?: any): boolean;
|
|
63
|
+
}
|
|
64
|
+
interface INodeHeightFn {
|
|
65
|
+
(node: TreeNode$1): number;
|
|
66
|
+
}
|
|
67
|
+
interface IAllowDragFn {
|
|
68
|
+
(node: TreeNode$1): boolean;
|
|
69
|
+
}
|
|
70
|
+
interface ITreeState {
|
|
71
|
+
expandedNodeIds?: IDTypeDictionary;
|
|
72
|
+
selectedNodeIds?: IDTypeDictionary;
|
|
73
|
+
activeNodeIds?: IDTypeDictionary;
|
|
74
|
+
hiddenNodeIds?: IDTypeDictionary;
|
|
75
|
+
selectedLeafNodeIds?: IDTypeDictionary;
|
|
76
|
+
focusedNodeId?: IDType;
|
|
77
|
+
}
|
|
78
|
+
interface ITreeOptions {
|
|
79
|
+
/**
|
|
80
|
+
* A string representing the attribute of the node that indicates whether there are child nodes.
|
|
81
|
+
|
|
82
|
+
* **Default value: `hasChildren`.**
|
|
83
|
+
|
|
84
|
+
For example, if your nodes have an `isDirectory` attribute that indicates whether there are children, use:
|
|
85
|
+
```
|
|
86
|
+
options = { hasChildrenField: 'isDirectory' }
|
|
87
|
+
```
|
|
88
|
+
*/
|
|
89
|
+
hasChildrenField?: string;
|
|
90
|
+
/**
|
|
91
|
+
* A string representing the attribute of the node that contains the array of children.
|
|
92
|
+
|
|
93
|
+
* **Default value: `children`.**
|
|
94
|
+
|
|
95
|
+
For example, if your nodes have a `nodes` attribute, that contains the children, use:
|
|
96
|
+
```
|
|
97
|
+
options = { childrenField: 'nodes' }
|
|
98
|
+
```
|
|
99
|
+
*/
|
|
100
|
+
childrenField?: string;
|
|
101
|
+
/**
|
|
102
|
+
* A string representing the attribute of the node to display.
|
|
103
|
+
|
|
104
|
+
* **Default value: `name`**
|
|
105
|
+
|
|
106
|
+
For example, if your nodes have a `title` attribute that should be displayed, use:
|
|
107
|
+
```
|
|
108
|
+
options = { displayField: 'title' }
|
|
109
|
+
```
|
|
110
|
+
*/
|
|
111
|
+
displayField?: string;
|
|
112
|
+
/**
|
|
113
|
+
* A string representing the attribute of the node that contains the unique ID.
|
|
114
|
+
This will be used to construct the `path`, which is an array of IDs that point to the node.
|
|
115
|
+
|
|
116
|
+
* **Default value: `id`.**
|
|
117
|
+
|
|
118
|
+
For example, if your nodes have a `uuid` attribute, that contains the unique key, use:
|
|
119
|
+
```
|
|
120
|
+
options = { idField: 'uuid' }
|
|
121
|
+
```
|
|
122
|
+
*/
|
|
123
|
+
idField?: string;
|
|
124
|
+
/**
|
|
125
|
+
* A string representing the attribute of the node that contains whether the node starts as expanded.
|
|
126
|
+
|
|
127
|
+
* **Default value: `isExpanded`.**
|
|
128
|
+
|
|
129
|
+
For example, if your nodes have an `expanded` attribute, that contains a boolean value, use:
|
|
130
|
+
```
|
|
131
|
+
options = { isExpandedField: 'expanded' }
|
|
132
|
+
```
|
|
133
|
+
*/
|
|
134
|
+
isExpandedField?: string;
|
|
135
|
+
/**
|
|
136
|
+
* Function for loading a node's children.
|
|
137
|
+
The function receives a TreeNode, and returns a value or a promise that resolves to the node's children.
|
|
138
|
+
|
|
139
|
+
This function will be called whenever a node is expanded, the `hasChildren` (`options.hasChildrenField`)
|
|
140
|
+
field is true, and the `children` field is empty.
|
|
141
|
+
The result will be loaded into the node's children attribute.
|
|
142
|
+
|
|
143
|
+
Example:
|
|
144
|
+
```
|
|
145
|
+
* options = {
|
|
146
|
+
* getChildren: (node:TreeNode) => {
|
|
147
|
+
* return request('/api/children/' + node.id);
|
|
148
|
+
* }
|
|
149
|
+
* }
|
|
150
|
+
```
|
|
151
|
+
*/
|
|
152
|
+
getChildren?: (node: TreeNode$1) => any;
|
|
153
|
+
/**
|
|
154
|
+
* Rewire which trigger causes which action using this attribute, or create custom actions / event bindings.
|
|
155
|
+
* See the [Action Mapping Section](https://angular2-tree.readme.io/docs/action-mapping) for more details.
|
|
156
|
+
*/
|
|
157
|
+
actionMapping?: any;
|
|
158
|
+
/**
|
|
159
|
+
* Specify if dragging tree nodes is allowed.
|
|
160
|
+
* This could be a boolean, or a function that receives a TreeNode and returns a boolean
|
|
161
|
+
|
|
162
|
+
* **Default value: false**
|
|
163
|
+
|
|
164
|
+
Example:
|
|
165
|
+
```
|
|
166
|
+
* options = {
|
|
167
|
+
* allowDrag: true
|
|
168
|
+
* }
|
|
169
|
+
```
|
|
170
|
+
*/
|
|
171
|
+
allowDrag?: boolean | IAllowDragFn;
|
|
172
|
+
/**
|
|
173
|
+
* Specify whether dropping inside the tree is allowed. Optional types:
|
|
174
|
+
* - boolean
|
|
175
|
+
* - (element:any, to:{parent:TreeNode, index:number}):boolean
|
|
176
|
+
A function that receives the dragged element, and the drop location (parent node and index inside the parent),
|
|
177
|
+
and returns true or false.
|
|
178
|
+
|
|
179
|
+
* **Default Value: true**
|
|
180
|
+
|
|
181
|
+
example:
|
|
182
|
+
```
|
|
183
|
+
* options = {
|
|
184
|
+
* allowDrop: (element, {parent, index}) => parent.isLeaf
|
|
185
|
+
* }
|
|
186
|
+
```
|
|
187
|
+
*/
|
|
188
|
+
allowDrop?: boolean | IAllowDropFn;
|
|
189
|
+
/**
|
|
190
|
+
Boolean flag to allow adding and removing is-dragging-over and is-dragging-over-disabled classes.
|
|
191
|
+
|
|
192
|
+
If set to false it will not add the above mentioned classes and you should handle the styling yourself with css and in
|
|
193
|
+
the actionMapping -> mouse -> dragEnter, dragLeave
|
|
194
|
+
|
|
195
|
+
* **Default Value: true**
|
|
196
|
+
|
|
197
|
+
example:
|
|
198
|
+
```
|
|
199
|
+
* options = {
|
|
200
|
+
* allowDrop: true,
|
|
201
|
+
* allowDragoverStyling: false
|
|
202
|
+
* }
|
|
203
|
+
```
|
|
204
|
+
*/
|
|
205
|
+
allowDragoverStyling?: boolean;
|
|
206
|
+
/**
|
|
207
|
+
* Specify padding per node (integer).
|
|
208
|
+
Each node will have padding-left value of level * levelPadding, instead of using the default padding for children.
|
|
209
|
+
|
|
210
|
+
This option is good for example for allowing whole row selection, etc.
|
|
211
|
+
|
|
212
|
+
You can alternatively use the tree-node-level-X classes to give padding on a per-level basis.
|
|
213
|
+
|
|
214
|
+
* **Default value: 0**
|
|
215
|
+
*/
|
|
216
|
+
levelPadding?: number;
|
|
217
|
+
/**
|
|
218
|
+
* Specify a function that returns a class per node. Useful for styling the nodes individually.
|
|
219
|
+
|
|
220
|
+
Example:
|
|
221
|
+
```
|
|
222
|
+
* options = {
|
|
223
|
+
* nodeClass: (node:TreeNode) => {
|
|
224
|
+
* return 'icon-' + node.data.icon;
|
|
225
|
+
* }
|
|
226
|
+
* }
|
|
227
|
+
```
|
|
228
|
+
*/
|
|
229
|
+
nodeClass?: (node: TreeNode$1) => string;
|
|
230
|
+
/**
|
|
231
|
+
Boolean flag to use the virtual scroll option.
|
|
232
|
+
|
|
233
|
+
To use this option, you must supply the height of the container, and the height of each node in the tree.
|
|
234
|
+
|
|
235
|
+
You can also specify height for the dropSlot which is located between nodes.
|
|
236
|
+
|
|
237
|
+
* **Default Value: false**
|
|
238
|
+
|
|
239
|
+
example:
|
|
240
|
+
```
|
|
241
|
+
* options = {
|
|
242
|
+
* useVirtualScroll: true,
|
|
243
|
+
* nodeHeight: (node: TreeNode) => node.myHeight,
|
|
244
|
+
* dropSlotHeight: 3
|
|
245
|
+
* }
|
|
246
|
+
```
|
|
247
|
+
*/
|
|
248
|
+
useVirtualScroll?: boolean;
|
|
249
|
+
/**
|
|
250
|
+
* For use with `useVirtualScroll` option.
|
|
251
|
+
* Specify a height for nodes in pixels. Could be either:
|
|
252
|
+
* - number
|
|
253
|
+
* - (node: TreeNode) => number
|
|
254
|
+
|
|
255
|
+
* **Default Value: 22**
|
|
256
|
+
*/
|
|
257
|
+
nodeHeight?: number | INodeHeightFn;
|
|
258
|
+
/**
|
|
259
|
+
* For use with `useVirtualScroll` option.
|
|
260
|
+
* Specify a height for drop slots (located between nodes) in pixels
|
|
261
|
+
|
|
262
|
+
* **Default Value: 2**
|
|
263
|
+
*/
|
|
264
|
+
dropSlotHeight?: number;
|
|
265
|
+
/**
|
|
266
|
+
* Boolean whether or not to animate expand / collapse of nodes.
|
|
267
|
+
|
|
268
|
+
* **Default Value: false**
|
|
269
|
+
*/
|
|
270
|
+
animateExpand?: boolean;
|
|
271
|
+
/**
|
|
272
|
+
* Speed of expand animation (described in pixels per 17 ms).
|
|
273
|
+
|
|
274
|
+
* **Default Value: 30**
|
|
275
|
+
*/
|
|
276
|
+
animateSpeed?: number;
|
|
277
|
+
/**
|
|
278
|
+
* Increase of expand animation speed (described in multiply per 17 ms).
|
|
279
|
+
|
|
280
|
+
* **Default Value: 1.2**
|
|
281
|
+
*/
|
|
282
|
+
animateAcceleration?: number;
|
|
283
|
+
/**
|
|
284
|
+
* Whether to scroll to the node to make it visible when it is activated.
|
|
285
|
+
|
|
286
|
+
* **Default Value: true**
|
|
287
|
+
*/
|
|
288
|
+
scrollOnActivate?: boolean;
|
|
289
|
+
/**
|
|
290
|
+
* Function to clone a node.
|
|
291
|
+
* Receives a TreeNode object, and returns a node object (only the data).
|
|
292
|
+
* This callback will be called when copying a node inside the tree,
|
|
293
|
+
* by either calling copyNode, or by dragging and holding the ctrl key
|
|
294
|
+
*
|
|
295
|
+
* For example:
|
|
296
|
+
```
|
|
297
|
+
options: ITreeOptions = {
|
|
298
|
+
getNodeClone: (node) => ({
|
|
299
|
+
...node.data,
|
|
300
|
+
id: uuid.v4(),
|
|
301
|
+
name: `copy of ${node.data.name}`
|
|
302
|
+
})
|
|
303
|
+
};
|
|
304
|
+
```
|
|
305
|
+
*
|
|
306
|
+
* **Default Value: clone the node using Object.assign, and remove 'id' property**
|
|
307
|
+
*/
|
|
308
|
+
getNodeClone?: (node: TreeNode$1) => any;
|
|
309
|
+
/**
|
|
310
|
+
* Makes the tree right-to-left.
|
|
311
|
+
* This include direction, expander style, and change key binding (right key collapse and left key expands instead of vice-versa)
|
|
312
|
+
*/
|
|
313
|
+
rtl?: boolean;
|
|
314
|
+
/**
|
|
315
|
+
* Specifies id of root node (virtualRoot)
|
|
316
|
+
*/
|
|
317
|
+
rootId?: any;
|
|
318
|
+
/**
|
|
319
|
+
* Whether to display a checkbox next to the node or not
|
|
320
|
+
*/
|
|
321
|
+
useCheckbox?: boolean;
|
|
322
|
+
/**
|
|
323
|
+
* Whether to use master checkboxes mechanism if the useCheckbox is set to true
|
|
324
|
+
*/
|
|
325
|
+
useTriState?: boolean;
|
|
326
|
+
/**
|
|
327
|
+
* The HTML element that is the scroll container for the tree.
|
|
328
|
+
* The default behaviour is to wrap the tree with a container that has overflow: hidden,
|
|
329
|
+
* and then the scrolling container is the viewport inside the tree component
|
|
330
|
+
*/
|
|
331
|
+
scrollContainer?: HTMLElement;
|
|
332
|
+
}
|
|
333
|
+
interface ITreeNode {
|
|
334
|
+
/**
|
|
335
|
+
* Parent node
|
|
336
|
+
*/
|
|
337
|
+
parent: ITreeNode;
|
|
338
|
+
/**
|
|
339
|
+
* The value of the node's field that is used for displaying its content.
|
|
340
|
+
* By default 'name', unless stated otherwise in the options
|
|
341
|
+
*/
|
|
342
|
+
displayField: string;
|
|
343
|
+
/**
|
|
344
|
+
* The children of the node.
|
|
345
|
+
* By default is determined by 'node.data.children', unless stated otherwise in the options
|
|
346
|
+
*/
|
|
347
|
+
children: ITreeNode[];
|
|
348
|
+
/**
|
|
349
|
+
* Pointer to the original data.
|
|
350
|
+
*/
|
|
351
|
+
data: any;
|
|
352
|
+
/**
|
|
353
|
+
* Pointer to the ElementRef of the TreeNodeComponent that's displaying this node
|
|
354
|
+
*/
|
|
355
|
+
elementRef: any;
|
|
356
|
+
/**
|
|
357
|
+
* Level in the tree (starts from 1).
|
|
358
|
+
*/
|
|
359
|
+
level: number;
|
|
360
|
+
/**
|
|
361
|
+
* Path in the tree: Array of IDs.
|
|
362
|
+
*/
|
|
363
|
+
path: string[];
|
|
364
|
+
/**
|
|
365
|
+
* index of the node inside its parent's children
|
|
366
|
+
*/
|
|
367
|
+
index: number;
|
|
368
|
+
/**
|
|
369
|
+
* A unique key of this node among its siblings.
|
|
370
|
+
* By default it's the 'id' of the original node, unless stated otherwise in options.idField
|
|
371
|
+
*/
|
|
372
|
+
id: IDType;
|
|
373
|
+
isExpanded: boolean;
|
|
374
|
+
isActive: boolean;
|
|
375
|
+
isFocused: boolean;
|
|
376
|
+
isCollapsed: boolean;
|
|
377
|
+
isLeaf: boolean;
|
|
378
|
+
hasChildren: boolean;
|
|
379
|
+
isRoot: boolean;
|
|
380
|
+
/**
|
|
381
|
+
* @param skipHidden whether to skip hidden nodes
|
|
382
|
+
* @returns next sibling (or null)
|
|
383
|
+
*/
|
|
384
|
+
findNextSibling(skipHidden: any): ITreeNode;
|
|
385
|
+
/**
|
|
386
|
+
* @param skipHidden whether to skip hidden nodes
|
|
387
|
+
* @returns previous sibling (or null)
|
|
388
|
+
*/
|
|
389
|
+
findPreviousSibling(skipHidden: any): ITreeNode;
|
|
390
|
+
/**
|
|
391
|
+
* @param skipHidden whether to skip hidden nodes
|
|
392
|
+
* @returns first child (or null)
|
|
393
|
+
*/
|
|
394
|
+
getFirstChild(skipHidden: any): ITreeNode;
|
|
395
|
+
/**
|
|
396
|
+
* @param skipHidden whether to skip hidden nodes
|
|
397
|
+
* @returns last child (or null)
|
|
398
|
+
*/
|
|
399
|
+
getLastChild(skipHidden: any): ITreeNode;
|
|
400
|
+
/**
|
|
401
|
+
* Finds the visually next node in the tree.
|
|
402
|
+
* @param goInside whether to look for children or just siblings
|
|
403
|
+
* @returns next node.
|
|
404
|
+
*/
|
|
405
|
+
findNextNode(goInside: boolean): ITreeNode;
|
|
406
|
+
/**
|
|
407
|
+
* Finds the visually previous node in the tree.
|
|
408
|
+
* @param skipHidden whether to skip hidden nodes
|
|
409
|
+
* @returns previous node.
|
|
410
|
+
*/
|
|
411
|
+
findPreviousNode(skipHidden: any): ITreeNode;
|
|
412
|
+
/**
|
|
413
|
+
* @returns true if this node is a descendant of the parameter node
|
|
414
|
+
*/
|
|
415
|
+
isDescendantOf(node: ITreeNode): boolean;
|
|
416
|
+
/**
|
|
417
|
+
* @returns in case levelPadding option is supplied, returns the current node's padding
|
|
418
|
+
*/
|
|
419
|
+
getNodePadding(): string;
|
|
420
|
+
/**
|
|
421
|
+
* @returns in case nodeClass option is supplied, returns the current node's class
|
|
422
|
+
*/
|
|
423
|
+
getClass(): string;
|
|
424
|
+
/**
|
|
425
|
+
* Expands / Collapses the node
|
|
426
|
+
*/
|
|
427
|
+
toggleExpanded(): any;
|
|
428
|
+
/**
|
|
429
|
+
* Expands the node
|
|
430
|
+
*/
|
|
431
|
+
expand(): any;
|
|
432
|
+
/**
|
|
433
|
+
* Collapses the node
|
|
434
|
+
*/
|
|
435
|
+
collapse(): any;
|
|
436
|
+
/**
|
|
437
|
+
* Expands all ancestors of the node
|
|
438
|
+
*/
|
|
439
|
+
ensureVisible(): any;
|
|
440
|
+
/**
|
|
441
|
+
* Activates / Deactivates the node (selects / deselects)
|
|
442
|
+
*/
|
|
443
|
+
toggleActivated(multi: any): any;
|
|
444
|
+
/**
|
|
445
|
+
* Focus on the node
|
|
446
|
+
*/
|
|
447
|
+
focus(): any;
|
|
448
|
+
/**
|
|
449
|
+
* Blur (unfocus) the node
|
|
450
|
+
*/
|
|
451
|
+
blur(): any;
|
|
452
|
+
/**
|
|
453
|
+
* Hides the node
|
|
454
|
+
*/
|
|
455
|
+
hide(): any;
|
|
456
|
+
/**
|
|
457
|
+
* Makes the node visible
|
|
458
|
+
*/
|
|
459
|
+
show(): any;
|
|
460
|
+
/**
|
|
461
|
+
* @param value if true makes the node hidden, otherwise visible
|
|
462
|
+
*/
|
|
463
|
+
setIsHidden(value: boolean): any;
|
|
464
|
+
/**
|
|
465
|
+
* Scroll the screen to make the node visible
|
|
466
|
+
*/
|
|
467
|
+
scrollIntoView(): any;
|
|
468
|
+
/**
|
|
469
|
+
* Fire an event to the renderer of the tree (if it was registered)
|
|
470
|
+
*/
|
|
471
|
+
fireEvent(event: any): any;
|
|
472
|
+
/**
|
|
473
|
+
* Invokes a method for every node under this one - depth first
|
|
474
|
+
* @param fn a function that receives the node
|
|
475
|
+
*/
|
|
476
|
+
doForAll(fn: (node: ITreeNode) => any): any;
|
|
477
|
+
/**
|
|
478
|
+
* expand all nodes under this one
|
|
479
|
+
*/
|
|
480
|
+
expandAll(): any;
|
|
481
|
+
/**
|
|
482
|
+
* collapse all nodes under this one
|
|
483
|
+
*/
|
|
484
|
+
collapseAll(): any;
|
|
485
|
+
/**
|
|
486
|
+
* sets the node to active / inactive according to the value.
|
|
487
|
+
* If multi is true (default false) - does a multiselect.
|
|
488
|
+
*/
|
|
489
|
+
setIsActive(value: boolean, multi?: boolean): any;
|
|
490
|
+
/**
|
|
491
|
+
* sets the node to be active and makes sure it's visible by expanding all nodes above it and scrolling it into view.
|
|
492
|
+
* Very similar to calling `activate`, `ensureVisible` and `scrollIntoView` methods.
|
|
493
|
+
* If multi is true (default false) - does a multiselect.
|
|
494
|
+
*/
|
|
495
|
+
setActiveAndVisible(multi: boolean): any;
|
|
496
|
+
}
|
|
497
|
+
interface ITreeModel {
|
|
498
|
+
/**
|
|
499
|
+
* All root nodes
|
|
500
|
+
*/
|
|
501
|
+
roots: ITreeNode[];
|
|
502
|
+
/**
|
|
503
|
+
* Current focused node
|
|
504
|
+
*/
|
|
505
|
+
focusedNode: ITreeNode;
|
|
506
|
+
/**
|
|
507
|
+
* Options that were passed to the tree component
|
|
508
|
+
*/
|
|
509
|
+
options: ITreeOptions;
|
|
510
|
+
/**
|
|
511
|
+
* Is the tree currently focused
|
|
512
|
+
*/
|
|
513
|
+
isFocused: boolean;
|
|
514
|
+
/**
|
|
515
|
+
* @returns Current active nodes
|
|
516
|
+
*/
|
|
517
|
+
activeNodes: ITreeNode[];
|
|
518
|
+
/**
|
|
519
|
+
* @returns Current expanded nodes
|
|
520
|
+
*/
|
|
521
|
+
expandedNodes: ITreeNode[];
|
|
522
|
+
/**
|
|
523
|
+
* @returns Current active node. If multiple nodes are active - returns the first one.
|
|
524
|
+
*/
|
|
525
|
+
getActiveNode(): ITreeNode;
|
|
526
|
+
/**
|
|
527
|
+
* @returns Current focused node (either hovered or traversed with keys)
|
|
528
|
+
*/
|
|
529
|
+
getFocusedNode(): ITreeNode;
|
|
530
|
+
/**
|
|
531
|
+
* Set focus on a node
|
|
532
|
+
* @param value true or false - whether to set focus or blur.
|
|
533
|
+
*/
|
|
534
|
+
setFocusedNode(node: ITreeNode): any;
|
|
535
|
+
/**
|
|
536
|
+
* @param skipHidden true or false - whether to skip hidden nodes
|
|
537
|
+
* @returns first root of the tree
|
|
538
|
+
*/
|
|
539
|
+
getFirstRoot(skipHidden?: boolean): ITreeNode;
|
|
540
|
+
/**
|
|
541
|
+
* @param skipHidden true or false - whether to skip hidden nodes
|
|
542
|
+
* @returns last root of the tree
|
|
543
|
+
*/
|
|
544
|
+
getLastRoot(skipHidden?: boolean): ITreeNode;
|
|
545
|
+
/**
|
|
546
|
+
* @returns true if the tree is empty
|
|
547
|
+
*/
|
|
548
|
+
isEmptyTree(): boolean;
|
|
549
|
+
/**
|
|
550
|
+
* @returns All root nodes that pass the current filter
|
|
551
|
+
*/
|
|
552
|
+
getVisibleRoots(): ITreeNode[];
|
|
553
|
+
/**
|
|
554
|
+
* @param path array of node IDs to be traversed respectively
|
|
555
|
+
* @param startNode optional. Which node to start traversing from
|
|
556
|
+
* @returns The node, if found - null otherwise
|
|
557
|
+
*/
|
|
558
|
+
getNodeByPath(path: any[], startNode?: ITreeNode): ITreeNode;
|
|
559
|
+
/**
|
|
560
|
+
* @param id node ID to find
|
|
561
|
+
* @returns The node, if found - null otherwise
|
|
562
|
+
*/
|
|
563
|
+
getNodeById(id: IDType): ITreeNode;
|
|
564
|
+
/**
|
|
565
|
+
* @param predicate - either an object or a function, used as a test condition on all nodes.
|
|
566
|
+
* Could be every predicate that's supported by javaScripts Array.prototype.find() method
|
|
567
|
+
* @param startNode optional. Which node to start traversing from
|
|
568
|
+
* @returns First node that matches the predicate, if found - null otherwise
|
|
569
|
+
*/
|
|
570
|
+
getNodeBy(predicate: any, startNode?: ITreeNode): ITreeNode;
|
|
571
|
+
/**
|
|
572
|
+
* get tree state
|
|
573
|
+
*/
|
|
574
|
+
getState(): ITreeState;
|
|
575
|
+
/**
|
|
576
|
+
* Focuses or blurs the tree
|
|
577
|
+
* @param value true or false - whether to set focus or blur.
|
|
578
|
+
*/
|
|
579
|
+
setFocus(value: boolean): any;
|
|
580
|
+
/**
|
|
581
|
+
* Focuses on the next node in the tree (same as down arrow)
|
|
582
|
+
*/
|
|
583
|
+
focusNextNode(): any;
|
|
584
|
+
/**
|
|
585
|
+
* Focuses on the previous node in the tree (same as up arrow)
|
|
586
|
+
*/
|
|
587
|
+
focusPreviousNode(): any;
|
|
588
|
+
/**
|
|
589
|
+
* Focuses on the inner child of the current focused node (same as right arrow on an expanded node)
|
|
590
|
+
*/
|
|
591
|
+
focusDrillDown(): any;
|
|
592
|
+
/**
|
|
593
|
+
* Focuses on the parent of the current focused node (same as left arrow on a collapsed node)
|
|
594
|
+
*/
|
|
595
|
+
focusDrillUp(): any;
|
|
596
|
+
/**
|
|
597
|
+
* Marks isHidden field in all nodes recursively according to the filter param.
|
|
598
|
+
* If a node is marked visible, all of its ancestors will be marked visible as well.
|
|
599
|
+
* @param filter either a string or a function.
|
|
600
|
+
* In case it's a string, it will be searched case insensitively in the node's display attribute
|
|
601
|
+
* In case it's a function, it will be passed the node, and should return true if the node should be visible, false otherwise
|
|
602
|
+
* @param autoShow if true, make sure all nodes that passed the filter are visible
|
|
603
|
+
*/
|
|
604
|
+
filterNodes(filter: any, autoShow?: boolean): any;
|
|
605
|
+
/**
|
|
606
|
+
* Marks all nodes isHidden = false
|
|
607
|
+
*/
|
|
608
|
+
clearFilter(): any;
|
|
609
|
+
/**
|
|
610
|
+
* moves a node from one location in the tree to another
|
|
611
|
+
* @param node describes which node needs to be moved
|
|
612
|
+
* @param to describes where to move the node to.
|
|
613
|
+
* @param from describes where to move the node from.
|
|
614
|
+
* Contains a 'parent' node, an 'index', and a 'dropOnNode' - to distinguish between dropping between nodes or on the node
|
|
615
|
+
*/
|
|
616
|
+
moveNode(node: ITreeNode, to: {
|
|
617
|
+
parent: ITreeNode;
|
|
618
|
+
index: number;
|
|
619
|
+
dropOnNode: boolean;
|
|
620
|
+
}, from: {
|
|
621
|
+
parent: ITreeNode;
|
|
622
|
+
index: number;
|
|
623
|
+
}): any;
|
|
624
|
+
/**
|
|
625
|
+
* Invokes a method for every node of the tree - depth first
|
|
626
|
+
* @param fn a function that receives the node
|
|
627
|
+
*/
|
|
628
|
+
doForAll(fn: (node: ITreeNode) => any): any;
|
|
629
|
+
/**
|
|
630
|
+
* expand all nodes
|
|
631
|
+
*/
|
|
632
|
+
expandAll(): any;
|
|
633
|
+
/**
|
|
634
|
+
* collapse all nodes
|
|
635
|
+
*/
|
|
636
|
+
collapseAll(): any;
|
|
637
|
+
/**
|
|
638
|
+
* set tree state
|
|
639
|
+
*/
|
|
640
|
+
setState(state: ITreeState): any;
|
|
641
|
+
subscribeToState(fn: (state: ITreeState) => any): any;
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
declare class TreeModel implements ITreeModel, OnDestroy {
|
|
645
|
+
static focusedTree: any;
|
|
646
|
+
options: TreeOptions;
|
|
647
|
+
nodes: any[];
|
|
648
|
+
eventNames: string[];
|
|
649
|
+
virtualScroll: TreeVirtualScroll;
|
|
650
|
+
roots: TreeNode[];
|
|
651
|
+
expandedNodeIds: IDTypeDictionary;
|
|
652
|
+
selectedLeafNodeIds: IDTypeDictionary;
|
|
653
|
+
activeNodeIds: IDTypeDictionary;
|
|
654
|
+
hiddenNodeIds: IDTypeDictionary;
|
|
655
|
+
focusedNodeId: IDType;
|
|
656
|
+
virtualRoot: TreeNode;
|
|
657
|
+
private firstUpdate;
|
|
658
|
+
private events;
|
|
659
|
+
private subscriptions;
|
|
660
|
+
fireEvent(event: any): void;
|
|
661
|
+
subscribe(eventName: any, fn: any): void;
|
|
662
|
+
getFocusedNode(): TreeNode;
|
|
663
|
+
getActiveNode(): TreeNode;
|
|
664
|
+
getActiveNodes(): TreeNode[];
|
|
665
|
+
getVisibleRoots(): TreeNode[];
|
|
666
|
+
getFirstRoot(skipHidden?: boolean): TreeNode;
|
|
667
|
+
getLastRoot(skipHidden?: boolean): TreeNode;
|
|
668
|
+
get isFocused(): boolean;
|
|
669
|
+
isNodeFocused(node: any): boolean;
|
|
670
|
+
isEmptyTree(): boolean;
|
|
671
|
+
get focusedNode(): any;
|
|
672
|
+
get expandedNodes(): any[];
|
|
673
|
+
get activeNodes(): any[];
|
|
674
|
+
get hiddenNodes(): any[];
|
|
675
|
+
get selectedLeafNodes(): any[];
|
|
676
|
+
getNodeByPath(path: any[], startNode?: any): TreeNode;
|
|
677
|
+
getNodeById(id: any): any;
|
|
678
|
+
getNodeBy(predicate: any, startNode?: any): any;
|
|
679
|
+
isExpanded(node: any): boolean;
|
|
680
|
+
isHidden(node: any): boolean;
|
|
681
|
+
isActive(node: any): boolean;
|
|
682
|
+
isSelected(node: any): boolean;
|
|
683
|
+
ngOnDestroy(): void;
|
|
684
|
+
dispose(): void;
|
|
685
|
+
unsubscribeAll(): void;
|
|
686
|
+
setData({ nodes, options, events }: {
|
|
687
|
+
nodes: any;
|
|
688
|
+
options: any;
|
|
689
|
+
events: any;
|
|
690
|
+
}): void;
|
|
691
|
+
update(): void;
|
|
692
|
+
setFocusedNode(node: any): void;
|
|
693
|
+
setFocus(value: any): void;
|
|
694
|
+
doForAll(fn: any): void;
|
|
695
|
+
focusNextNode(): void;
|
|
696
|
+
focusPreviousNode(): void;
|
|
697
|
+
focusDrillDown(): void;
|
|
698
|
+
focusDrillUp(): void;
|
|
699
|
+
setActiveNode(node: any, value: any, multi?: boolean): void;
|
|
700
|
+
setSelectedNode(node: any, value: any): void;
|
|
701
|
+
setExpandedNode(node: any, value: any): void;
|
|
702
|
+
expandAll(): void;
|
|
703
|
+
collapseAll(): void;
|
|
704
|
+
setIsHidden(node: any, value: any): void;
|
|
705
|
+
setHiddenNodeIds(nodeIds: any): void;
|
|
706
|
+
performKeyAction(node: any, $event: any): boolean;
|
|
707
|
+
filterNodes(filter: any, autoShow?: boolean): void;
|
|
708
|
+
clearFilter(): void;
|
|
709
|
+
moveNode(node: any, to: any): void;
|
|
710
|
+
copyNode(node: any, to: any): void;
|
|
711
|
+
getState(): {
|
|
712
|
+
expandedNodeIds: IDTypeDictionary;
|
|
713
|
+
selectedLeafNodeIds: IDTypeDictionary;
|
|
714
|
+
activeNodeIds: IDTypeDictionary;
|
|
715
|
+
hiddenNodeIds: IDTypeDictionary;
|
|
716
|
+
focusedNodeId: IDType;
|
|
717
|
+
};
|
|
718
|
+
setState(state: any): void;
|
|
719
|
+
subscribeToState(fn: any): void;
|
|
720
|
+
canMoveNode(node: any, to: any, fromIndex?: any): boolean;
|
|
721
|
+
calculateExpandedNodes(): void;
|
|
722
|
+
private _filterNode;
|
|
723
|
+
private _calculateExpandedNodes;
|
|
724
|
+
private _setActiveNodeSingle;
|
|
725
|
+
private _setActiveNodeMulti;
|
|
726
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeModel, never>;
|
|
727
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TreeModel>;
|
|
728
|
+
}
|
|
729
|
+
|
|
730
|
+
declare class TreeNode implements ITreeNode {
|
|
731
|
+
data: any;
|
|
732
|
+
parent: TreeNode;
|
|
733
|
+
treeModel: TreeModel;
|
|
734
|
+
private handler;
|
|
735
|
+
get isHidden(): boolean;
|
|
736
|
+
get isExpanded(): boolean;
|
|
737
|
+
get isActive(): boolean;
|
|
738
|
+
get isFocused(): boolean;
|
|
739
|
+
get isSelected(): boolean;
|
|
740
|
+
get isAllSelected(): boolean;
|
|
741
|
+
get isPartiallySelected(): boolean;
|
|
742
|
+
children: TreeNode[];
|
|
743
|
+
index: number;
|
|
744
|
+
position: number;
|
|
745
|
+
height: number;
|
|
746
|
+
get level(): number;
|
|
747
|
+
get path(): string[];
|
|
748
|
+
get elementRef(): any;
|
|
749
|
+
private _originalNode;
|
|
750
|
+
get originalNode(): any;
|
|
751
|
+
constructor(data: any, parent: TreeNode, treeModel: TreeModel, index: number);
|
|
752
|
+
get hasChildren(): boolean;
|
|
753
|
+
get isCollapsed(): boolean;
|
|
754
|
+
get isLeaf(): boolean;
|
|
755
|
+
get isRoot(): boolean;
|
|
756
|
+
get realParent(): TreeNode;
|
|
757
|
+
get options(): TreeOptions;
|
|
758
|
+
fireEvent(event: any): void;
|
|
759
|
+
get displayField(): any;
|
|
760
|
+
get id(): any;
|
|
761
|
+
set id(value: any);
|
|
762
|
+
getField(key: any): any;
|
|
763
|
+
setField(key: any, value: any): void;
|
|
764
|
+
_findAdjacentSibling(steps: any, skipHidden?: boolean): any;
|
|
765
|
+
findNextSibling(skipHidden?: boolean): any;
|
|
766
|
+
findPreviousSibling(skipHidden?: boolean): any;
|
|
767
|
+
getVisibleChildren(): TreeNode[];
|
|
768
|
+
get visibleChildren(): TreeNode[];
|
|
769
|
+
getFirstChild(skipHidden?: boolean): TreeNode;
|
|
770
|
+
getLastChild(skipHidden?: boolean): TreeNode;
|
|
771
|
+
findNextNode(goInside?: boolean, skipHidden?: boolean): any;
|
|
772
|
+
findPreviousNode(skipHidden?: boolean): any;
|
|
773
|
+
_getLastOpenDescendant(skipHidden?: boolean): any;
|
|
774
|
+
private _getParentsChildren;
|
|
775
|
+
private getIndexInParent;
|
|
776
|
+
isDescendantOf(node: TreeNode): any;
|
|
777
|
+
getNodePadding(): string;
|
|
778
|
+
getClass(): string;
|
|
779
|
+
onDrop($event: any): void;
|
|
780
|
+
allowDrop: (element: any, $event?: any) => boolean;
|
|
781
|
+
allowDragoverStyling: () => boolean;
|
|
782
|
+
allowDrag(): boolean;
|
|
783
|
+
loadNodeChildren(): Promise<void>;
|
|
784
|
+
expand(): this;
|
|
785
|
+
collapse(): this;
|
|
786
|
+
doForAll(fn: (node: ITreeNode) => any): void;
|
|
787
|
+
expandAll(): void;
|
|
788
|
+
collapseAll(): void;
|
|
789
|
+
ensureVisible(): this;
|
|
790
|
+
toggleExpanded(): this;
|
|
791
|
+
setIsExpanded(value: any): this;
|
|
792
|
+
autoLoadChildren(): void;
|
|
793
|
+
dispose(): void;
|
|
794
|
+
setIsActive(value: any, multi?: boolean): this;
|
|
795
|
+
isSelectable(): boolean;
|
|
796
|
+
setIsSelected(value: any): this;
|
|
797
|
+
toggleSelected(): this;
|
|
798
|
+
toggleActivated(multi?: boolean): this;
|
|
799
|
+
setActiveAndVisible(multi?: boolean): this;
|
|
800
|
+
scrollIntoView(force?: boolean): void;
|
|
801
|
+
focus(scroll?: boolean): this;
|
|
802
|
+
blur(): this;
|
|
803
|
+
setIsHidden(value: any): void;
|
|
804
|
+
hide(): void;
|
|
805
|
+
show(): void;
|
|
806
|
+
mouseAction(actionName: string, $event: any, data?: any): void;
|
|
807
|
+
getSelfHeight(): number;
|
|
808
|
+
_initChildren(): void;
|
|
809
|
+
}
|
|
810
|
+
|
|
811
|
+
interface IActionHandler {
|
|
812
|
+
(tree: TreeModel, node: TreeNode, $event: any, ...rest: any[]): any;
|
|
813
|
+
}
|
|
814
|
+
declare const TREE_ACTIONS: {
|
|
815
|
+
TOGGLE_ACTIVE: (tree: TreeModel, node: TreeNode, $event: any) => TreeNode;
|
|
816
|
+
TOGGLE_ACTIVE_MULTI: (tree: TreeModel, node: TreeNode, $event: any) => TreeNode;
|
|
817
|
+
TOGGLE_SELECTED: (tree: TreeModel, node: TreeNode, $event: any) => TreeNode;
|
|
818
|
+
ACTIVATE: (tree: TreeModel, node: TreeNode, $event: any) => TreeNode;
|
|
819
|
+
DEACTIVATE: (tree: TreeModel, node: TreeNode, $event: any) => TreeNode;
|
|
820
|
+
SELECT: (tree: TreeModel, node: TreeNode, $event: any) => TreeNode;
|
|
821
|
+
DESELECT: (tree: TreeModel, node: TreeNode, $event: any) => TreeNode;
|
|
822
|
+
FOCUS: (tree: TreeModel, node: TreeNode, $event: any) => TreeNode;
|
|
823
|
+
TOGGLE_EXPANDED: (tree: TreeModel, node: TreeNode, $event: any) => TreeNode;
|
|
824
|
+
EXPAND: (tree: TreeModel, node: TreeNode, $event: any) => TreeNode;
|
|
825
|
+
COLLAPSE: (tree: TreeModel, node: TreeNode, $event: any) => TreeNode;
|
|
826
|
+
DRILL_DOWN: (tree: TreeModel, node: TreeNode, $event: any) => void;
|
|
827
|
+
DRILL_UP: (tree: TreeModel, node: TreeNode, $event: any) => void;
|
|
828
|
+
NEXT_NODE: (tree: TreeModel, node: TreeNode, $event: any) => void;
|
|
829
|
+
PREVIOUS_NODE: (tree: TreeModel, node: TreeNode, $event: any) => void;
|
|
830
|
+
MOVE_NODE: (tree: TreeModel, node: TreeNode, $event: any, { from, to }: {
|
|
831
|
+
from: any;
|
|
832
|
+
to: any;
|
|
833
|
+
}) => void;
|
|
834
|
+
};
|
|
835
|
+
interface IActionMapping {
|
|
836
|
+
mouse?: {
|
|
837
|
+
click?: IActionHandler;
|
|
838
|
+
dblClick?: IActionHandler;
|
|
839
|
+
contextMenu?: IActionHandler;
|
|
840
|
+
expanderClick?: IActionHandler;
|
|
841
|
+
checkboxClick?: IActionHandler;
|
|
842
|
+
dragStart?: IActionHandler;
|
|
843
|
+
drag?: IActionHandler;
|
|
844
|
+
dragEnd?: IActionHandler;
|
|
845
|
+
dragOver?: IActionHandler;
|
|
846
|
+
dragLeave?: IActionHandler;
|
|
847
|
+
dragEnter?: IActionHandler;
|
|
848
|
+
drop?: IActionHandler;
|
|
849
|
+
mouseOver?: IActionHandler;
|
|
850
|
+
mouseOut?: IActionHandler;
|
|
851
|
+
};
|
|
852
|
+
keys?: {
|
|
853
|
+
[key: number]: IActionHandler;
|
|
854
|
+
};
|
|
855
|
+
}
|
|
856
|
+
declare class TreeOptions {
|
|
857
|
+
private options;
|
|
858
|
+
get hasChildrenField(): string;
|
|
859
|
+
get childrenField(): string;
|
|
860
|
+
get displayField(): string;
|
|
861
|
+
get idField(): string;
|
|
862
|
+
get isExpandedField(): string;
|
|
863
|
+
get getChildren(): any;
|
|
864
|
+
get levelPadding(): number;
|
|
865
|
+
get useVirtualScroll(): boolean;
|
|
866
|
+
get animateExpand(): boolean;
|
|
867
|
+
get animateSpeed(): number;
|
|
868
|
+
get animateAcceleration(): number;
|
|
869
|
+
get scrollOnActivate(): boolean;
|
|
870
|
+
get rtl(): boolean;
|
|
871
|
+
get rootId(): any;
|
|
872
|
+
get useCheckbox(): boolean;
|
|
873
|
+
get useTriState(): boolean;
|
|
874
|
+
get scrollContainer(): HTMLElement;
|
|
875
|
+
get allowDragoverStyling(): boolean;
|
|
876
|
+
actionMapping: IActionMapping;
|
|
877
|
+
constructor(options?: ITreeOptions);
|
|
878
|
+
getNodeClone(node: TreeNode): any;
|
|
879
|
+
allowDrop(element: any, to: any, $event?: any): boolean;
|
|
880
|
+
allowDrag(node: TreeNode): boolean;
|
|
881
|
+
nodeClass(node: TreeNode): string;
|
|
882
|
+
nodeHeight(node: TreeNode): number;
|
|
883
|
+
get dropSlotHeight(): number;
|
|
884
|
+
}
|
|
885
|
+
|
|
886
|
+
declare const KEYS: {
|
|
887
|
+
LEFT: number;
|
|
888
|
+
UP: number;
|
|
889
|
+
RIGHT: number;
|
|
890
|
+
DOWN: number;
|
|
891
|
+
ENTER: number;
|
|
892
|
+
SPACE: number;
|
|
893
|
+
CONTEXT_MENU: number;
|
|
894
|
+
};
|
|
895
|
+
|
|
896
|
+
declare class TreeDraggedElement {
|
|
897
|
+
_draggedElement: any;
|
|
898
|
+
set(draggedElement: any): void;
|
|
899
|
+
get(): any;
|
|
900
|
+
isDragging(): boolean;
|
|
901
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeDraggedElement, never>;
|
|
902
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TreeDraggedElement>;
|
|
903
|
+
}
|
|
904
|
+
|
|
905
|
+
declare class LoadingComponent {
|
|
906
|
+
template: TemplateRef<any>;
|
|
907
|
+
node: TreeNode;
|
|
908
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LoadingComponent, never>;
|
|
909
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LoadingComponent, "tree-loading-component", never, { "template": { "alias": "template"; "required": false; }; "node": { "alias": "node"; "required": false; }; }, {}, never, never, true, never>;
|
|
910
|
+
}
|
|
911
|
+
|
|
912
|
+
declare class TreeViewportComponent implements AfterViewInit, OnInit, OnDestroy {
|
|
913
|
+
private elementRef;
|
|
914
|
+
virtualScroll: TreeVirtualScroll;
|
|
915
|
+
setViewport: () => void;
|
|
916
|
+
private readonly scrollEventHandler;
|
|
917
|
+
constructor();
|
|
918
|
+
ngOnInit(): void;
|
|
919
|
+
ngAfterViewInit(): void;
|
|
920
|
+
ngOnDestroy(): void;
|
|
921
|
+
getTotalHeight(): string;
|
|
922
|
+
private throttle;
|
|
923
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewportComponent, never>;
|
|
924
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TreeViewportComponent, "tree-viewport", never, {}, {}, never, ["*"], true, never>;
|
|
925
|
+
}
|
|
926
|
+
|
|
927
|
+
declare class TreeComponent implements OnChanges {
|
|
928
|
+
treeModel: TreeModel;
|
|
929
|
+
treeDraggedElement: TreeDraggedElement;
|
|
930
|
+
_nodes: any[];
|
|
931
|
+
_options: TreeOptions;
|
|
932
|
+
loadingTemplate: TemplateRef<any>;
|
|
933
|
+
treeNodeTemplate: TemplateRef<any>;
|
|
934
|
+
treeNodeWrapperTemplate: TemplateRef<any>;
|
|
935
|
+
treeNodeFullTemplate: TemplateRef<any>;
|
|
936
|
+
viewportComponent: TreeViewportComponent;
|
|
937
|
+
set nodes(nodes: any[]);
|
|
938
|
+
set options(options: ITreeOptions);
|
|
939
|
+
set focused(value: boolean);
|
|
940
|
+
set state(state: any);
|
|
941
|
+
toggleExpanded: any;
|
|
942
|
+
activate: any;
|
|
943
|
+
deactivate: any;
|
|
944
|
+
nodeActivate: any;
|
|
945
|
+
nodeDeactivate: any;
|
|
946
|
+
select: any;
|
|
947
|
+
deselect: any;
|
|
948
|
+
focus: any;
|
|
949
|
+
blur: any;
|
|
950
|
+
updateData: any;
|
|
951
|
+
initialized: any;
|
|
952
|
+
moveNode: any;
|
|
953
|
+
copyNode: any;
|
|
954
|
+
loadNodeChildren: any;
|
|
955
|
+
changeFilter: any;
|
|
956
|
+
event: any;
|
|
957
|
+
stateChange: any;
|
|
958
|
+
constructor();
|
|
959
|
+
onKeydown($event: any): void;
|
|
960
|
+
onMousedown($event: any): void;
|
|
961
|
+
ngOnChanges(changes: any): void;
|
|
962
|
+
sizeChanged(): void;
|
|
963
|
+
private pick;
|
|
964
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeComponent, never>;
|
|
965
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TreeComponent, "Tree, tree-root", never, { "nodes": { "alias": "nodes"; "required": false; }; "options": { "alias": "options"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "toggleExpanded": "toggleExpanded"; "activate": "activate"; "deactivate": "deactivate"; "nodeActivate": "nodeActivate"; "nodeDeactivate": "nodeDeactivate"; "select": "select"; "deselect": "deselect"; "focus": "focus"; "blur": "blur"; "updateData": "updateData"; "initialized": "initialized"; "moveNode": "moveNode"; "copyNode": "copyNode"; "loadNodeChildren": "loadNodeChildren"; "changeFilter": "changeFilter"; "event": "event"; "stateChange": "stateChange"; }, ["loadingTemplate", "treeNodeTemplate", "treeNodeWrapperTemplate", "treeNodeFullTemplate"], never, true, never>;
|
|
966
|
+
}
|
|
967
|
+
|
|
968
|
+
declare class TreeNodeChildrenComponent {
|
|
969
|
+
node: TreeNode;
|
|
970
|
+
templates: any;
|
|
971
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeNodeChildrenComponent, never>;
|
|
972
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TreeNodeChildrenComponent, "tree-node-children", never, { "node": { "alias": "node"; "required": false; }; "templates": { "alias": "templates"; "required": false; }; }, {}, never, never, true, never>;
|
|
973
|
+
}
|
|
974
|
+
declare class TreeNodeCollectionComponent implements OnInit, OnDestroy {
|
|
975
|
+
get nodes(): any;
|
|
976
|
+
set nodes(nodes: any);
|
|
977
|
+
treeModel: TreeModel;
|
|
978
|
+
_nodes: any;
|
|
979
|
+
private virtualScroll;
|
|
980
|
+
templates: any;
|
|
981
|
+
viewportNodes: TreeNode[];
|
|
982
|
+
get marginTop(): string;
|
|
983
|
+
_dispose: any[];
|
|
984
|
+
setNodes(nodes: any): void;
|
|
985
|
+
ngOnInit(): void;
|
|
986
|
+
ngOnDestroy(): void;
|
|
987
|
+
trackNode(index: any, node: any): any;
|
|
988
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeNodeCollectionComponent, never>;
|
|
989
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TreeNodeCollectionComponent, "tree-node-collection", never, { "nodes": { "alias": "nodes"; "required": false; }; "treeModel": { "alias": "treeModel"; "required": false; }; "templates": { "alias": "templates"; "required": false; }; }, {}, never, never, true, never>;
|
|
990
|
+
}
|
|
991
|
+
declare class TreeNodeComponent {
|
|
992
|
+
node: TreeNode;
|
|
993
|
+
index: number;
|
|
994
|
+
templates: any;
|
|
995
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeNodeComponent, never>;
|
|
996
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TreeNodeComponent, "TreeNode, tree-node", never, { "node": { "alias": "node"; "required": false; }; "index": { "alias": "index"; "required": false; }; "templates": { "alias": "templates"; "required": false; }; }, {}, never, never, true, never>;
|
|
997
|
+
}
|
|
998
|
+
|
|
999
|
+
declare class TreeNodeContent {
|
|
1000
|
+
node: TreeNode;
|
|
1001
|
+
index: number;
|
|
1002
|
+
template: TemplateRef<any>;
|
|
1003
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeNodeContent, never>;
|
|
1004
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TreeNodeContent, "tree-node-content", never, { "node": { "alias": "node"; "required": false; }; "index": { "alias": "index"; "required": false; }; "template": { "alias": "template"; "required": false; }; }, {}, never, never, true, never>;
|
|
1005
|
+
}
|
|
1006
|
+
|
|
1007
|
+
declare class TreeNodeDropSlot {
|
|
1008
|
+
node: TreeNode;
|
|
1009
|
+
dropIndex: number;
|
|
1010
|
+
onDrop($event: any): void;
|
|
1011
|
+
allowDrop(element: any, $event: any): boolean;
|
|
1012
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeNodeDropSlot, never>;
|
|
1013
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TreeNodeDropSlot, "TreeNodeDropSlot, tree-node-drop-slot", never, { "node": { "alias": "node"; "required": false; }; "dropIndex": { "alias": "dropIndex"; "required": false; }; }, {}, never, never, true, never>;
|
|
1014
|
+
}
|
|
1015
|
+
|
|
1016
|
+
declare class TreeNodeExpanderComponent {
|
|
1017
|
+
node: TreeNode;
|
|
1018
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeNodeExpanderComponent, never>;
|
|
1019
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TreeNodeExpanderComponent, "tree-node-expander", never, { "node": { "alias": "node"; "required": false; }; }, {}, never, never, true, never>;
|
|
1020
|
+
}
|
|
1021
|
+
|
|
1022
|
+
declare class TreeNodeWrapperComponent {
|
|
1023
|
+
node: TreeNode;
|
|
1024
|
+
index: number;
|
|
1025
|
+
templates: any;
|
|
1026
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeNodeWrapperComponent, never>;
|
|
1027
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TreeNodeWrapperComponent, "tree-node-wrapper", never, { "node": { "alias": "node"; "required": false; }; "index": { "alias": "index"; "required": false; }; "templates": { "alias": "templates"; "required": false; }; }, {}, never, never, true, never>;
|
|
1028
|
+
}
|
|
1029
|
+
|
|
1030
|
+
declare class TreeNodeCheckboxComponent {
|
|
1031
|
+
node: TreeNode;
|
|
1032
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeNodeCheckboxComponent, never>;
|
|
1033
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TreeNodeCheckboxComponent, "tree-node-checkbox", never, { "node": { "alias": "node"; "required": false; }; }, {}, never, never, true, never>;
|
|
1034
|
+
}
|
|
1035
|
+
|
|
1036
|
+
declare class TreeDropDirective implements AfterViewInit, OnDestroy {
|
|
1037
|
+
private el;
|
|
1038
|
+
private renderer;
|
|
1039
|
+
private treeDraggedElement;
|
|
1040
|
+
private ngZone;
|
|
1041
|
+
allowDragoverStyling: boolean;
|
|
1042
|
+
onDropCallback: EventEmitter<any>;
|
|
1043
|
+
onDragOverCallback: EventEmitter<any>;
|
|
1044
|
+
onDragLeaveCallback: EventEmitter<any>;
|
|
1045
|
+
onDragEnterCallback: EventEmitter<any>;
|
|
1046
|
+
private readonly dragOverEventHandler;
|
|
1047
|
+
private readonly dragEnterEventHandler;
|
|
1048
|
+
private readonly dragLeaveEventHandler;
|
|
1049
|
+
private _allowDrop;
|
|
1050
|
+
set treeAllowDrop(allowDrop: any);
|
|
1051
|
+
allowDrop($event: any): boolean;
|
|
1052
|
+
constructor();
|
|
1053
|
+
ngAfterViewInit(): void;
|
|
1054
|
+
ngOnDestroy(): void;
|
|
1055
|
+
onDragOver($event: any): void;
|
|
1056
|
+
onDragEnter($event: any): void;
|
|
1057
|
+
onDragLeave($event: any): void;
|
|
1058
|
+
onDrop($event: any): void;
|
|
1059
|
+
private addClass;
|
|
1060
|
+
private removeClass;
|
|
1061
|
+
private addDisabledClass;
|
|
1062
|
+
private removeDisabledClass;
|
|
1063
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeDropDirective, never>;
|
|
1064
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TreeDropDirective, "[treeDrop]", never, { "allowDragoverStyling": { "alias": "allowDragoverStyling"; "required": false; }; "treeAllowDrop": { "alias": "treeAllowDrop"; "required": false; }; }, { "onDropCallback": "treeDrop"; "onDragOverCallback": "treeDropDragOver"; "onDragLeaveCallback": "treeDropDragLeave"; "onDragEnterCallback": "treeDropDragEnter"; }, never, never, true, never>;
|
|
1065
|
+
}
|
|
1066
|
+
|
|
1067
|
+
declare class TreeDragDirective implements AfterViewInit, DoCheck, OnDestroy {
|
|
1068
|
+
private el;
|
|
1069
|
+
private renderer;
|
|
1070
|
+
private treeDraggedElement;
|
|
1071
|
+
private ngZone;
|
|
1072
|
+
draggedElement: any;
|
|
1073
|
+
treeDragEnabled: any;
|
|
1074
|
+
private readonly dragEventHandler;
|
|
1075
|
+
constructor();
|
|
1076
|
+
ngAfterViewInit(): void;
|
|
1077
|
+
ngDoCheck(): void;
|
|
1078
|
+
ngOnDestroy(): void;
|
|
1079
|
+
onDragStart(ev: any): void;
|
|
1080
|
+
onDrag(ev: any): void;
|
|
1081
|
+
onDragEnd(): void;
|
|
1082
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeDragDirective, never>;
|
|
1083
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TreeDragDirective, "[treeDrag]", never, { "draggedElement": { "alias": "treeDrag"; "required": false; }; "treeDragEnabled": { "alias": "treeDragEnabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
1084
|
+
}
|
|
1085
|
+
|
|
1086
|
+
declare class TreeAnimateOpenDirective {
|
|
1087
|
+
private renderer;
|
|
1088
|
+
private templateRef;
|
|
1089
|
+
private viewContainerRef;
|
|
1090
|
+
private _isOpen;
|
|
1091
|
+
animateSpeed: number;
|
|
1092
|
+
animateAcceleration: number;
|
|
1093
|
+
isEnabled: boolean;
|
|
1094
|
+
set isOpen(value: boolean);
|
|
1095
|
+
private innerElement;
|
|
1096
|
+
private _show;
|
|
1097
|
+
private _hide;
|
|
1098
|
+
private _animateOpen;
|
|
1099
|
+
private _animateClose;
|
|
1100
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeAnimateOpenDirective, never>;
|
|
1101
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TreeAnimateOpenDirective, "[treeAnimateOpen]", never, { "animateSpeed": { "alias": "treeAnimateOpenSpeed"; "required": false; }; "animateAcceleration": { "alias": "treeAnimateOpenAcceleration"; "required": false; }; "isEnabled": { "alias": "treeAnimateOpenEnabled"; "required": false; }; "isOpen": { "alias": "treeAnimateOpen"; "required": false; }; }, {}, never, never, true, never>;
|
|
1102
|
+
}
|
|
1103
|
+
|
|
1104
|
+
declare class TreeModule {
|
|
1105
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeModule, never>;
|
|
1106
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TreeModule, never, [typeof i1.CommonModule, typeof TreeComponent, typeof TreeNodeComponent, typeof TreeNodeContent, typeof LoadingComponent, typeof TreeDropDirective, typeof TreeDragDirective, typeof TreeNodeExpanderComponent, typeof TreeNodeChildrenComponent, typeof TreeNodeDropSlot, typeof TreeNodeCollectionComponent, typeof TreeViewportComponent, typeof TreeNodeWrapperComponent, typeof TreeNodeCheckboxComponent, typeof TreeAnimateOpenDirective, typeof TreeMobxAutorunDirective], [typeof TreeComponent, typeof TreeNodeComponent, typeof TreeNodeContent, typeof LoadingComponent, typeof TreeDropDirective, typeof TreeDragDirective, typeof TreeNodeExpanderComponent, typeof TreeNodeChildrenComponent, typeof TreeNodeDropSlot, typeof TreeNodeCollectionComponent, typeof TreeViewportComponent, typeof TreeNodeWrapperComponent, typeof TreeNodeCheckboxComponent, typeof TreeAnimateOpenDirective, typeof TreeMobxAutorunDirective]>;
|
|
1107
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TreeModule>;
|
|
1108
|
+
}
|
|
1109
|
+
|
|
1110
|
+
export { KEYS, LoadingComponent, TREE_ACTIONS, TreeAnimateOpenDirective, TreeComponent, TreeDragDirective, TreeDraggedElement, TreeDropDirective, TreeMobxAutorunDirective, TreeModel, TreeModule, TreeNode, TreeNodeCheckboxComponent, TreeNodeChildrenComponent, TreeNodeCollectionComponent, TreeNodeComponent, TreeNodeContent, TreeNodeDropSlot, TreeNodeExpanderComponent, TreeNodeWrapperComponent, TreeViewportComponent, TreeVirtualScroll };
|
|
1111
|
+
export type { IActionHandler, IActionMapping, IAllowDragFn, IAllowDropFn, ITreeOptions, ITreeState };
|