@ali-hm/angular-tree-component 18.0.5 → 19.0.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/README.md +2 -1
- package/fesm2022/ali-hm-angular-tree-component.mjs +80 -71
- package/fesm2022/ali-hm-angular-tree-component.mjs.map +1 -1
- package/package.json +4 -6
- package/esm2022/ali-hm-angular-tree-component.mjs +0 -5
- package/esm2022/lib/angular-tree-component.module.mjs +0 -100
- package/esm2022/lib/components/loading.component.mjs +0 -32
- package/esm2022/lib/components/tree-node-checkbox.component.mjs +0 -34
- package/esm2022/lib/components/tree-node-collection.component.mjs +0 -284
- package/esm2022/lib/components/tree-node-content.component.mjs +0 -32
- package/esm2022/lib/components/tree-node-drop-slot.component.mjs +0 -39
- package/esm2022/lib/components/tree-node-expander.component.mjs +0 -43
- package/esm2022/lib/components/tree-node-wrapper.component.mjs +0 -81
- package/esm2022/lib/components/tree-viewport.component.mjs +0 -66
- package/esm2022/lib/components/tree.component.mjs +0 -186
- package/esm2022/lib/constants/events.mjs +0 -20
- package/esm2022/lib/constants/keys.mjs +0 -10
- package/esm2022/lib/defs/api.mjs +0 -2
- package/esm2022/lib/directives/tree-animate-open.directive.mjs +0 -101
- package/esm2022/lib/directives/tree-drag.directive.mjs +0 -65
- package/esm2022/lib/directives/tree-drop.directive.mjs +0 -127
- package/esm2022/lib/mobx-angular/mobx-proxy.mjs +0 -17
- package/esm2022/lib/mobx-angular/tree-mobx-autorun.directive.mjs +0 -40
- package/esm2022/lib/models/tree-dragged-element.model.mjs +0 -25
- package/esm2022/lib/models/tree-node.model.mjs +0 -390
- package/esm2022/lib/models/tree-options.model.mjs +0 -150
- package/esm2022/lib/models/tree-virtual-scroll.model.mjs +0 -197
- package/esm2022/lib/models/tree.model.mjs +0 -546
- package/esm2022/public-api.mjs +0 -5
package/README.md
CHANGED
|
@@ -32,10 +32,11 @@ Add css to `styles.scss` or include in `angular.json`:
|
|
|
32
32
|
|
|
33
33
|
## Angular supported version
|
|
34
34
|
|
|
35
|
-
angular-tree-component supports angular
|
|
35
|
+
angular-tree-component supports angular 14+ versions, and AoT compilation.
|
|
36
36
|
|
|
37
37
|
versioning has been change to align with supported Angular version.
|
|
38
38
|
so:\
|
|
39
|
+
v19.\*.\* = Angular 19
|
|
39
40
|
v18.\*.\* = Angular 18
|
|
40
41
|
v17.\*.\* = Angular 17
|
|
41
42
|
v16.\*.\* = Angular 16
|
|
@@ -31,12 +31,15 @@ class TreeMobxAutorunDirective {
|
|
|
31
31
|
this.dispose();
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
35
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
34
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeMobxAutorunDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
35
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: TreeMobxAutorunDirective, isStandalone: false, selector: "[treeMobxAutorun]", inputs: { treeMobxAutorun: "treeMobxAutorun" }, ngImport: i0 }); }
|
|
36
36
|
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeMobxAutorunDirective, decorators: [{
|
|
38
38
|
type: Directive,
|
|
39
|
-
args: [{
|
|
39
|
+
args: [{
|
|
40
|
+
selector: '[treeMobxAutorun]',
|
|
41
|
+
standalone: false
|
|
42
|
+
}]
|
|
40
43
|
}], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }], propDecorators: { treeMobxAutorun: [{
|
|
41
44
|
type: Input
|
|
42
45
|
}] } });
|
|
@@ -1042,8 +1045,8 @@ class TreeModel {
|
|
|
1042
1045
|
_setActiveNodeMulti(node, value) {
|
|
1043
1046
|
this.activeNodeIds = Object.assign({}, this.activeNodeIds, { [node.id]: value });
|
|
1044
1047
|
}
|
|
1045
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1046
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1048
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeModel, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1049
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeModel }); }
|
|
1047
1050
|
}
|
|
1048
1051
|
__decorate$2([
|
|
1049
1052
|
observable$1
|
|
@@ -1144,7 +1147,7 @@ __decorate$2([
|
|
|
1144
1147
|
__decorate$2([
|
|
1145
1148
|
action$1
|
|
1146
1149
|
], TreeModel.prototype, "setState", null);
|
|
1147
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1150
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeModel, decorators: [{
|
|
1148
1151
|
type: Injectable
|
|
1149
1152
|
}], propDecorators: { roots: [], expandedNodeIds: [], selectedLeafNodeIds: [], activeNodeIds: [], hiddenNodeIds: [], focusedNodeId: [], virtualRoot: [], focusedNode: [], expandedNodes: [], activeNodes: [], hiddenNodes: [], selectedLeafNodes: [], setData: [], update: [], setFocusedNode: [], setFocus: [], doForAll: [], focusNextNode: [], focusPreviousNode: [], focusDrillDown: [], focusDrillUp: [], setActiveNode: [], setSelectedNode: [], setExpandedNode: [], expandAll: [], collapseAll: [], setIsHidden: [], setHiddenNodeIds: [], filterNodes: [], clearFilter: [], moveNode: [], copyNode: [], setState: [] } });
|
|
1150
1153
|
|
|
@@ -1161,10 +1164,10 @@ class TreeDraggedElement {
|
|
|
1161
1164
|
isDragging() {
|
|
1162
1165
|
return !!this.get();
|
|
1163
1166
|
}
|
|
1164
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1165
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1167
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeDraggedElement, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1168
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeDraggedElement, providedIn: 'root' }); }
|
|
1166
1169
|
}
|
|
1167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1170
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeDraggedElement, decorators: [{
|
|
1168
1171
|
type: Injectable,
|
|
1169
1172
|
args: [{
|
|
1170
1173
|
providedIn: 'root'
|
|
@@ -1312,8 +1315,8 @@ class TreeVirtualScroll {
|
|
|
1312
1315
|
if (this.y > maxY)
|
|
1313
1316
|
this._setYBlocks(maxY / Y_EPSILON);
|
|
1314
1317
|
}
|
|
1315
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1316
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1318
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeVirtualScroll, deps: [{ token: TreeModel }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1319
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeVirtualScroll }); }
|
|
1317
1320
|
}
|
|
1318
1321
|
__decorate$1([
|
|
1319
1322
|
observable$1
|
|
@@ -1342,7 +1345,7 @@ __decorate$1([
|
|
|
1342
1345
|
__decorate$1([
|
|
1343
1346
|
action$1
|
|
1344
1347
|
], TreeVirtualScroll.prototype, "scrollIntoView", null);
|
|
1345
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1348
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeVirtualScroll, decorators: [{
|
|
1346
1349
|
type: Injectable
|
|
1347
1350
|
}], ctorParameters: () => [{ type: TreeModel }], propDecorators: { yBlocks: [], x: [], viewportHeight: [], y: [], totalHeight: [], _setYBlocks: [], recalcPositions: [], setViewport: [], scrollIntoView: [] } });
|
|
1348
1351
|
function binarySearch(nodes, condition, firstIndex = 0) {
|
|
@@ -1364,8 +1367,8 @@ function binarySearch(nodes, condition, firstIndex = 0) {
|
|
|
1364
1367
|
}
|
|
1365
1368
|
|
|
1366
1369
|
class LoadingComponent {
|
|
1367
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1368
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1370
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1371
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: LoadingComponent, isStandalone: false, selector: "tree-loading-component", inputs: { template: "template", node: "node" }, ngImport: i0, template: `
|
|
1369
1372
|
<span *ngIf="!template">loading...</span>
|
|
1370
1373
|
<ng-container
|
|
1371
1374
|
[ngTemplateOutlet]="template"
|
|
@@ -1373,7 +1376,7 @@ class LoadingComponent {
|
|
|
1373
1376
|
</ng-container>
|
|
1374
1377
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1375
1378
|
}
|
|
1376
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1379
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: LoadingComponent, decorators: [{
|
|
1377
1380
|
type: Component,
|
|
1378
1381
|
args: [{
|
|
1379
1382
|
encapsulation: ViewEncapsulation.None,
|
|
@@ -1385,6 +1388,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
1385
1388
|
[ngTemplateOutletContext]="{ $implicit: node }">
|
|
1386
1389
|
</ng-container>
|
|
1387
1390
|
`,
|
|
1391
|
+
standalone: false
|
|
1388
1392
|
}]
|
|
1389
1393
|
}], propDecorators: { template: [{
|
|
1390
1394
|
type: Input
|
|
@@ -1487,13 +1491,14 @@ class TreeDropDirective {
|
|
|
1487
1491
|
removeDisabledClass() {
|
|
1488
1492
|
this.renderer.removeClass(this.el.nativeElement, DRAG_DISABLED_CLASS);
|
|
1489
1493
|
}
|
|
1490
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1491
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1494
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeDropDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: TreeDraggedElement }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1495
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: TreeDropDirective, isStandalone: false, selector: "[treeDrop]", inputs: { allowDragoverStyling: "allowDragoverStyling", treeAllowDrop: "treeAllowDrop" }, outputs: { onDropCallback: "treeDrop", onDragOverCallback: "treeDropDragOver", onDragLeaveCallback: "treeDropDragLeave", onDragEnterCallback: "treeDropDragEnter" }, host: { listeners: { "drop": "onDrop($event)" } }, ngImport: i0 }); }
|
|
1492
1496
|
}
|
|
1493
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1497
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeDropDirective, decorators: [{
|
|
1494
1498
|
type: Directive,
|
|
1495
1499
|
args: [{
|
|
1496
|
-
selector: '[treeDrop]'
|
|
1500
|
+
selector: '[treeDrop]',
|
|
1501
|
+
standalone: false
|
|
1497
1502
|
}]
|
|
1498
1503
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: TreeDraggedElement }, { type: i0.NgZone }], propDecorators: { allowDragoverStyling: [{
|
|
1499
1504
|
type: Input
|
|
@@ -1526,8 +1531,8 @@ class TreeNodeDropSlot {
|
|
|
1526
1531
|
allowDrop(element, $event) {
|
|
1527
1532
|
return this.node.options.allowDrop(element, { parent: this.node, index: this.dropIndex }, $event);
|
|
1528
1533
|
}
|
|
1529
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1530
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1534
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeDropSlot, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1535
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: TreeNodeDropSlot, isStandalone: false, selector: "TreeNodeDropSlot, tree-node-drop-slot", inputs: { node: "node", dropIndex: "dropIndex" }, ngImport: i0, template: `
|
|
1531
1536
|
<div
|
|
1532
1537
|
class="node-drop-slot"
|
|
1533
1538
|
(treeDrop)="onDrop($event)"
|
|
@@ -1536,7 +1541,7 @@ class TreeNodeDropSlot {
|
|
|
1536
1541
|
</div>
|
|
1537
1542
|
`, isInline: true, dependencies: [{ kind: "directive", type: TreeDropDirective, selector: "[treeDrop]", inputs: ["allowDragoverStyling", "treeAllowDrop"], outputs: ["treeDrop", "treeDropDragOver", "treeDropDragLeave", "treeDropDragEnter"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1538
1543
|
}
|
|
1539
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1544
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeDropSlot, decorators: [{
|
|
1540
1545
|
type: Component,
|
|
1541
1546
|
args: [{ selector: 'TreeNodeDropSlot, tree-node-drop-slot', encapsulation: ViewEncapsulation.None, template: `
|
|
1542
1547
|
<div
|
|
@@ -1545,7 +1550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
1545
1550
|
[treeAllowDrop]="allowDrop.bind(this)"
|
|
1546
1551
|
[allowDragoverStyling]="true">
|
|
1547
1552
|
</div>
|
|
1548
|
-
|
|
1553
|
+
`, standalone: false }]
|
|
1549
1554
|
}], propDecorators: { node: [{
|
|
1550
1555
|
type: Input
|
|
1551
1556
|
}], dropIndex: [{
|
|
@@ -1643,13 +1648,14 @@ class TreeAnimateOpenDirective {
|
|
|
1643
1648
|
}
|
|
1644
1649
|
}, 17);
|
|
1645
1650
|
}
|
|
1646
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1647
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1651
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeAnimateOpenDirective, deps: [{ token: i0.Renderer2 }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1652
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: TreeAnimateOpenDirective, isStandalone: false, selector: "[treeAnimateOpen]", inputs: { animateSpeed: ["treeAnimateOpenSpeed", "animateSpeed"], animateAcceleration: ["treeAnimateOpenAcceleration", "animateAcceleration"], isEnabled: ["treeAnimateOpenEnabled", "isEnabled"], isOpen: ["treeAnimateOpen", "isOpen"] }, ngImport: i0 }); }
|
|
1648
1653
|
}
|
|
1649
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1654
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeAnimateOpenDirective, decorators: [{
|
|
1650
1655
|
type: Directive,
|
|
1651
1656
|
args: [{
|
|
1652
|
-
selector: '[treeAnimateOpen]'
|
|
1657
|
+
selector: '[treeAnimateOpen]',
|
|
1658
|
+
standalone: false
|
|
1653
1659
|
}]
|
|
1654
1660
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }], propDecorators: { animateSpeed: [{
|
|
1655
1661
|
type: Input,
|
|
@@ -1666,15 +1672,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
1666
1672
|
}] } });
|
|
1667
1673
|
|
|
1668
1674
|
class TreeNodeContent {
|
|
1669
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1670
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1675
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1676
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: TreeNodeContent, isStandalone: false, selector: "tree-node-content", inputs: { node: "node", index: "index", template: "template" }, ngImport: i0, template: `
|
|
1671
1677
|
<span *ngIf="!template">{{ node.displayField }}</span>
|
|
1672
1678
|
<ng-container
|
|
1673
1679
|
[ngTemplateOutlet]="template"
|
|
1674
1680
|
[ngTemplateOutletContext]="{ $implicit: node, node: node, index: index }">
|
|
1675
1681
|
</ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1676
1682
|
}
|
|
1677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1683
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeContent, decorators: [{
|
|
1678
1684
|
type: Component,
|
|
1679
1685
|
args: [{
|
|
1680
1686
|
selector: 'tree-node-content',
|
|
@@ -1685,6 +1691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
1685
1691
|
[ngTemplateOutlet]="template"
|
|
1686
1692
|
[ngTemplateOutletContext]="{ $implicit: node, node: node, index: index }">
|
|
1687
1693
|
</ng-container>`,
|
|
1694
|
+
standalone: false
|
|
1688
1695
|
}]
|
|
1689
1696
|
}], propDecorators: { node: [{
|
|
1690
1697
|
type: Input
|
|
@@ -1735,13 +1742,14 @@ class TreeDragDirective {
|
|
|
1735
1742
|
}
|
|
1736
1743
|
this.treeDraggedElement.set(null);
|
|
1737
1744
|
}
|
|
1738
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1739
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1745
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeDragDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: TreeDraggedElement }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1746
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: TreeDragDirective, isStandalone: false, selector: "[treeDrag]", inputs: { draggedElement: ["treeDrag", "draggedElement"], treeDragEnabled: "treeDragEnabled" }, host: { listeners: { "dragstart": "onDragStart($event)", "dragend": "onDragEnd()" } }, ngImport: i0 }); }
|
|
1740
1747
|
}
|
|
1741
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1748
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeDragDirective, decorators: [{
|
|
1742
1749
|
type: Directive,
|
|
1743
1750
|
args: [{
|
|
1744
|
-
selector: '[treeDrag]'
|
|
1751
|
+
selector: '[treeDrag]',
|
|
1752
|
+
standalone: false
|
|
1745
1753
|
}]
|
|
1746
1754
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: TreeDraggedElement }, { type: i0.NgZone }], propDecorators: { draggedElement: [{
|
|
1747
1755
|
type: Input,
|
|
@@ -1757,8 +1765,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
1757
1765
|
}] } });
|
|
1758
1766
|
|
|
1759
1767
|
class TreeNodeExpanderComponent {
|
|
1760
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1761
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1768
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeExpanderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1769
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: TreeNodeExpanderComponent, isStandalone: false, selector: "tree-node-expander", inputs: { node: "node" }, ngImport: i0, template: `
|
|
1762
1770
|
<ng-container *treeMobxAutorun="{ dontDetach: true }">
|
|
1763
1771
|
<span
|
|
1764
1772
|
*ngIf="node.hasChildren"
|
|
@@ -1774,7 +1782,7 @@ class TreeNodeExpanderComponent {
|
|
|
1774
1782
|
</ng-container>
|
|
1775
1783
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TreeMobxAutorunDirective, selector: "[treeMobxAutorun]", inputs: ["treeMobxAutorun"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1776
1784
|
}
|
|
1777
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1785
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeExpanderComponent, decorators: [{
|
|
1778
1786
|
type: Component,
|
|
1779
1787
|
args: [{ selector: 'tree-node-expander', encapsulation: ViewEncapsulation.None, template: `
|
|
1780
1788
|
<ng-container *treeMobxAutorun="{ dontDetach: true }">
|
|
@@ -1790,14 +1798,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
1790
1798
|
<span *ngIf="!node.hasChildren" class="toggle-children-placeholder">
|
|
1791
1799
|
</span>
|
|
1792
1800
|
</ng-container>
|
|
1793
|
-
|
|
1801
|
+
`, standalone: false }]
|
|
1794
1802
|
}], propDecorators: { node: [{
|
|
1795
1803
|
type: Input
|
|
1796
1804
|
}] } });
|
|
1797
1805
|
|
|
1798
1806
|
class TreeNodeCheckboxComponent {
|
|
1799
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1800
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1807
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1808
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: TreeNodeCheckboxComponent, isStandalone: false, selector: "tree-node-checkbox", inputs: { node: "node" }, ngImport: i0, template: `
|
|
1801
1809
|
<ng-container *treeMobxAutorun="{ dontDetach: true }">
|
|
1802
1810
|
<input
|
|
1803
1811
|
class="tree-node-checkbox"
|
|
@@ -1809,7 +1817,7 @@ class TreeNodeCheckboxComponent {
|
|
|
1809
1817
|
</ng-container>
|
|
1810
1818
|
`, isInline: true, dependencies: [{ kind: "directive", type: TreeMobxAutorunDirective, selector: "[treeMobxAutorun]", inputs: ["treeMobxAutorun"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1811
1819
|
}
|
|
1812
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1820
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeCheckboxComponent, decorators: [{
|
|
1813
1821
|
type: Component,
|
|
1814
1822
|
args: [{ selector: 'tree-node-checkbox', encapsulation: ViewEncapsulation.None, template: `
|
|
1815
1823
|
<ng-container *treeMobxAutorun="{ dontDetach: true }">
|
|
@@ -1821,14 +1829,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
1821
1829
|
[indeterminate]="node.isPartiallySelected"
|
|
1822
1830
|
/>
|
|
1823
1831
|
</ng-container>
|
|
1824
|
-
|
|
1832
|
+
`, standalone: false }]
|
|
1825
1833
|
}], propDecorators: { node: [{
|
|
1826
1834
|
type: Input
|
|
1827
1835
|
}] } });
|
|
1828
1836
|
|
|
1829
1837
|
class TreeNodeWrapperComponent {
|
|
1830
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1831
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1838
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1839
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: TreeNodeWrapperComponent, isStandalone: false, selector: "tree-node-wrapper", inputs: { node: "node", index: "index", templates: "templates" }, ngImport: i0, template: `
|
|
1832
1840
|
<div *ngIf="!templates.treeNodeWrapperTemplate" class="node-wrapper" [style.padding-left]="node.getNodePadding()">
|
|
1833
1841
|
<tree-node-checkbox *ngIf="node.options.useCheckbox" [node]="node"></tree-node-checkbox>
|
|
1834
1842
|
<tree-node-expander [node]="node"></tree-node-expander>
|
|
@@ -1859,7 +1867,7 @@ class TreeNodeWrapperComponent {
|
|
|
1859
1867
|
</ng-container>
|
|
1860
1868
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TreeNodeContent, selector: "tree-node-content", inputs: ["node", "index", "template"] }, { kind: "directive", type: TreeDropDirective, selector: "[treeDrop]", inputs: ["allowDragoverStyling", "treeAllowDrop"], outputs: ["treeDrop", "treeDropDragOver", "treeDropDragLeave", "treeDropDragEnter"] }, { kind: "directive", type: TreeDragDirective, selector: "[treeDrag]", inputs: ["treeDrag", "treeDragEnabled"] }, { kind: "component", type: TreeNodeExpanderComponent, selector: "tree-node-expander", inputs: ["node"] }, { kind: "component", type: TreeNodeCheckboxComponent, selector: "tree-node-checkbox", inputs: ["node"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1861
1869
|
}
|
|
1862
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1870
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeWrapperComponent, decorators: [{
|
|
1863
1871
|
type: Component,
|
|
1864
1872
|
args: [{ selector: 'tree-node-wrapper', encapsulation: ViewEncapsulation.None, template: `
|
|
1865
1873
|
<div *ngIf="!templates.treeNodeWrapperTemplate" class="node-wrapper" [style.padding-left]="node.getNodePadding()">
|
|
@@ -1890,7 +1898,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
1890
1898
|
[ngTemplateOutlet]="templates.treeNodeWrapperTemplate"
|
|
1891
1899
|
[ngTemplateOutletContext]="{ $implicit: node, node: node, index: index, templates: templates }">
|
|
1892
1900
|
</ng-container>
|
|
1893
|
-
|
|
1901
|
+
`, standalone: false }]
|
|
1894
1902
|
}], propDecorators: { node: [{
|
|
1895
1903
|
type: Input
|
|
1896
1904
|
}], index: [{
|
|
@@ -1906,8 +1914,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
1906
1914
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
1907
1915
|
};
|
|
1908
1916
|
class TreeNodeChildrenComponent {
|
|
1909
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1910
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1917
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeChildrenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1918
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: TreeNodeChildrenComponent, isStandalone: false, selector: "tree-node-children", inputs: { node: "node", templates: "templates" }, ngImport: i0, template: `
|
|
1911
1919
|
<ng-container *treeMobxAutorun="{ dontDetach: true }">
|
|
1912
1920
|
<div
|
|
1913
1921
|
[class.tree-children]="true"
|
|
@@ -1937,7 +1945,7 @@ class TreeNodeChildrenComponent {
|
|
|
1937
1945
|
</ng-container>
|
|
1938
1946
|
`, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(() => LoadingComponent), selector: "tree-loading-component", inputs: ["template", "node"] }, { kind: "component", type: i0.forwardRef(() => TreeNodeCollectionComponent), selector: "tree-node-collection", inputs: ["nodes", "treeModel", "templates"] }, { kind: "directive", type: i0.forwardRef(() => TreeAnimateOpenDirective), selector: "[treeAnimateOpen]", inputs: ["treeAnimateOpenSpeed", "treeAnimateOpenAcceleration", "treeAnimateOpenEnabled", "treeAnimateOpen"] }, { kind: "directive", type: i0.forwardRef(() => TreeMobxAutorunDirective), selector: "[treeMobxAutorun]", inputs: ["treeMobxAutorun"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1939
1947
|
}
|
|
1940
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1948
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeChildrenComponent, decorators: [{
|
|
1941
1949
|
type: Component,
|
|
1942
1950
|
args: [{ selector: 'tree-node-children', encapsulation: ViewEncapsulation.None, template: `
|
|
1943
1951
|
<ng-container *treeMobxAutorun="{ dontDetach: true }">
|
|
@@ -1967,7 +1975,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
1967
1975
|
></tree-loading-component>
|
|
1968
1976
|
</div>
|
|
1969
1977
|
</ng-container>
|
|
1970
|
-
|
|
1978
|
+
`, standalone: false }]
|
|
1971
1979
|
}], propDecorators: { node: [{
|
|
1972
1980
|
type: Input
|
|
1973
1981
|
}], templates: [{
|
|
@@ -2017,8 +2025,8 @@ class TreeNodeCollectionComponent {
|
|
|
2017
2025
|
trackNode(index, node) {
|
|
2018
2026
|
return node.id;
|
|
2019
2027
|
}
|
|
2020
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2021
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2028
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeCollectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2029
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: TreeNodeCollectionComponent, isStandalone: false, selector: "tree-node-collection", inputs: { nodes: "nodes", treeModel: "treeModel", templates: "templates" }, ngImport: i0, template: `
|
|
2022
2030
|
<ng-container *treeMobxAutorun="{ dontDetach: true }">
|
|
2023
2031
|
<div [style.margin-top]="marginTop">
|
|
2024
2032
|
<tree-node
|
|
@@ -2044,7 +2052,7 @@ __decorate([
|
|
|
2044
2052
|
__decorate([
|
|
2045
2053
|
action
|
|
2046
2054
|
], TreeNodeCollectionComponent.prototype, "setNodes", null);
|
|
2047
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2055
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeCollectionComponent, decorators: [{
|
|
2048
2056
|
type: Component,
|
|
2049
2057
|
args: [{
|
|
2050
2058
|
selector: 'tree-node-collection',
|
|
@@ -2061,7 +2069,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
2061
2069
|
</tree-node>
|
|
2062
2070
|
</div>
|
|
2063
2071
|
</ng-container>
|
|
2064
|
-
|
|
2072
|
+
`,
|
|
2073
|
+
standalone: false
|
|
2065
2074
|
}]
|
|
2066
2075
|
}], propDecorators: { nodes: [{
|
|
2067
2076
|
type: Input
|
|
@@ -2071,8 +2080,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
2071
2080
|
type: Input
|
|
2072
2081
|
}], viewportNodes: [], marginTop: [], setNodes: [] } });
|
|
2073
2082
|
class TreeNodeComponent {
|
|
2074
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2075
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2083
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2084
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: TreeNodeComponent, isStandalone: false, selector: "TreeNode, tree-node", inputs: { node: "node", index: "index", templates: "templates" }, ngImport: i0, template: `
|
|
2076
2085
|
<ng-container *treeMobxAutorun="{ dontDetach: true }">
|
|
2077
2086
|
<div
|
|
2078
2087
|
*ngIf="!templates.treeNodeFullTemplate"
|
|
@@ -2118,7 +2127,7 @@ class TreeNodeComponent {
|
|
|
2118
2127
|
</ng-container>
|
|
2119
2128
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TreeNodeChildrenComponent, selector: "tree-node-children", inputs: ["node", "templates"] }, { kind: "component", type: TreeNodeDropSlot, selector: "TreeNodeDropSlot, tree-node-drop-slot", inputs: ["node", "dropIndex"] }, { kind: "component", type: TreeNodeWrapperComponent, selector: "tree-node-wrapper", inputs: ["node", "index", "templates"] }, { kind: "directive", type: TreeMobxAutorunDirective, selector: "[treeMobxAutorun]", inputs: ["treeMobxAutorun"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2120
2129
|
}
|
|
2121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeNodeComponent, decorators: [{
|
|
2122
2131
|
type: Component,
|
|
2123
2132
|
args: [{ selector: 'TreeNode, tree-node', encapsulation: ViewEncapsulation.None, template: `
|
|
2124
2133
|
<ng-container *treeMobxAutorun="{ dontDetach: true }">
|
|
@@ -2164,7 +2173,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
2164
2173
|
>
|
|
2165
2174
|
</ng-container>
|
|
2166
2175
|
</ng-container>
|
|
2167
|
-
|
|
2176
|
+
`, standalone: false }]
|
|
2168
2177
|
}], propDecorators: { node: [{
|
|
2169
2178
|
type: Input
|
|
2170
2179
|
}], index: [{
|
|
@@ -2213,8 +2222,8 @@ class TreeViewportComponent {
|
|
|
2213
2222
|
}
|
|
2214
2223
|
};
|
|
2215
2224
|
}
|
|
2216
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2217
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2225
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeViewportComponent, deps: [{ token: i0.ElementRef }, { token: TreeVirtualScroll }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2226
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: TreeViewportComponent, isStandalone: false, selector: "tree-viewport", providers: [TreeVirtualScroll], ngImport: i0, template: `
|
|
2218
2227
|
<ng-container *treeMobxAutorun="{ dontDetach: true }">
|
|
2219
2228
|
<div [style.height]="getTotalHeight()">
|
|
2220
2229
|
<ng-content></ng-content>
|
|
@@ -2222,7 +2231,7 @@ class TreeViewportComponent {
|
|
|
2222
2231
|
</ng-container>
|
|
2223
2232
|
`, isInline: true, dependencies: [{ kind: "directive", type: TreeMobxAutorunDirective, selector: "[treeMobxAutorun]", inputs: ["treeMobxAutorun"] }] }); }
|
|
2224
2233
|
}
|
|
2225
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2234
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeViewportComponent, decorators: [{
|
|
2226
2235
|
type: Component,
|
|
2227
2236
|
args: [{ selector: 'tree-viewport', providers: [TreeVirtualScroll], template: `
|
|
2228
2237
|
<ng-container *treeMobxAutorun="{ dontDetach: true }">
|
|
@@ -2230,7 +2239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
2230
2239
|
<ng-content></ng-content>
|
|
2231
2240
|
</div>
|
|
2232
2241
|
</ng-container>
|
|
2233
|
-
|
|
2242
|
+
`, standalone: false }]
|
|
2234
2243
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: TreeVirtualScroll }] });
|
|
2235
2244
|
|
|
2236
2245
|
class TreeComponent {
|
|
@@ -2289,8 +2298,8 @@ class TreeComponent {
|
|
|
2289
2298
|
return obj;
|
|
2290
2299
|
}, {});
|
|
2291
2300
|
}
|
|
2292
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2293
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2301
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeComponent, deps: [{ token: TreeModel }, { token: TreeDraggedElement }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2302
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: TreeComponent, isStandalone: false, selector: "Tree, tree-root", inputs: { nodes: "nodes", options: "options", focused: "focused", state: "state" }, outputs: { 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" }, host: { listeners: { "body: keydown": "onKeydown($event)", "body: mousedown": "onMousedown($event)" } }, providers: [TreeModel], queries: [{ propertyName: "loadingTemplate", first: true, predicate: ["loadingTemplate"], descendants: true }, { propertyName: "treeNodeTemplate", first: true, predicate: ["treeNodeTemplate"], descendants: true }, { propertyName: "treeNodeWrapperTemplate", first: true, predicate: ["treeNodeWrapperTemplate"], descendants: true }, { propertyName: "treeNodeFullTemplate", first: true, predicate: ["treeNodeFullTemplate"], descendants: true }], viewQueries: [{ propertyName: "viewportComponent", first: true, predicate: ["viewport"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
2294
2303
|
<tree-viewport #viewport>
|
|
2295
2304
|
<div
|
|
2296
2305
|
class="angular-tree-component"
|
|
@@ -2317,7 +2326,7 @@ class TreeComponent {
|
|
|
2317
2326
|
</tree-viewport>
|
|
2318
2327
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TreeNodeDropSlot, selector: "TreeNodeDropSlot, tree-node-drop-slot", inputs: ["node", "dropIndex"] }, { kind: "component", type: TreeNodeCollectionComponent, selector: "tree-node-collection", inputs: ["nodes", "treeModel", "templates"] }, { kind: "component", type: TreeViewportComponent, selector: "tree-viewport" }] }); }
|
|
2319
2328
|
}
|
|
2320
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2329
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeComponent, decorators: [{
|
|
2321
2330
|
type: Component,
|
|
2322
2331
|
args: [{ selector: 'Tree, tree-root', providers: [TreeModel], template: `
|
|
2323
2332
|
<tree-viewport #viewport>
|
|
@@ -2344,7 +2353,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
2344
2353
|
</tree-node-drop-slot>
|
|
2345
2354
|
</div>
|
|
2346
2355
|
</tree-viewport>
|
|
2347
|
-
|
|
2356
|
+
`, standalone: false }]
|
|
2348
2357
|
}], ctorParameters: () => [{ type: TreeModel }, { type: TreeDraggedElement }], propDecorators: { loadingTemplate: [{
|
|
2349
2358
|
type: ContentChild,
|
|
2350
2359
|
args: ['loadingTemplate', { static: false }]
|
|
@@ -2411,8 +2420,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
2411
2420
|
}] } });
|
|
2412
2421
|
|
|
2413
2422
|
class TreeModule {
|
|
2414
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2415
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2423
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2424
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.1", ngImport: i0, type: TreeModule, declarations: [TreeComponent,
|
|
2416
2425
|
TreeNodeComponent,
|
|
2417
2426
|
TreeNodeContent,
|
|
2418
2427
|
LoadingComponent,
|
|
@@ -2441,9 +2450,9 @@ class TreeModule {
|
|
|
2441
2450
|
TreeNodeCheckboxComponent,
|
|
2442
2451
|
TreeAnimateOpenDirective,
|
|
2443
2452
|
TreeMobxAutorunDirective] }); }
|
|
2444
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2453
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeModule, imports: [CommonModule] }); }
|
|
2445
2454
|
}
|
|
2446
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2455
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TreeModule, decorators: [{
|
|
2447
2456
|
type: NgModule,
|
|
2448
2457
|
args: [{
|
|
2449
2458
|
declarations: [
|