@progress/kendo-angular-treeview 5.4.1 → 5.4.3-dev.202111250955
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/dist/cdn/js/kendo-angular-treeview.js +12 -12
- package/dist/cdn/main.js +1 -1
- package/dist/es/expand.directive.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/treeview.component.js +23 -10
- package/dist/es2015/expand.directive.js +1 -1
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/main.d.ts +1 -0
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/es2015/treeview.component.d.ts +20 -5
- package/dist/es2015/treeview.component.js +24 -11
- package/dist/fesm2015/index.js +26 -13
- package/dist/fesm5/index.js +25 -12
- package/dist/npm/expand.directive.js +1 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/treeview.component.js +23 -10
- package/dist/systemjs/kendo-angular-treeview.js +1 -1
- package/package.json +5 -5
|
@@ -25,9 +25,10 @@ import { FilterState } from './filter-state.interface';
|
|
|
25
25
|
* Represents the [Kendo UI TreeView component for Angular]({% slug overview_treeview %}).
|
|
26
26
|
*
|
|
27
27
|
* @example
|
|
28
|
-
* {% meta height:
|
|
29
|
-
* {% embed_file
|
|
30
|
-
* {% embed_file
|
|
28
|
+
* {% meta height:450 %}
|
|
29
|
+
* {% embed_file get-started/app.component.ts preview %}
|
|
30
|
+
* {% embed_file get-started/app.module.ts %}
|
|
31
|
+
* {% embed_file shared/main.ts %}
|
|
31
32
|
* {% endmeta %}
|
|
32
33
|
*/
|
|
33
34
|
export declare class TreeViewComponent implements OnChanges, OnInit, OnDestroy, DataBoundComponent {
|
|
@@ -145,18 +146,30 @@ export declare class TreeViewComponent implements OnChanges, OnInit, OnDestroy,
|
|
|
145
146
|
nodeDblClick: EventEmitter<NodeClickEvent>;
|
|
146
147
|
/**
|
|
147
148
|
* @hidden
|
|
149
|
+
*
|
|
150
|
+
* Queries the template for a node template declaration.
|
|
151
|
+
* Ignored if a `[nodeTemplate]` value is explicitly provided.
|
|
148
152
|
*/
|
|
149
|
-
|
|
153
|
+
nodeTemplateQuery: NodeTemplateDirective;
|
|
150
154
|
/**
|
|
151
155
|
* @hidden
|
|
156
|
+
*
|
|
157
|
+
* Defines the template for each node.
|
|
158
|
+
* Takes precedence over nested templates in the TreeView tag.
|
|
152
159
|
*/
|
|
153
160
|
nodeTemplateRef: NodeTemplateDirective;
|
|
154
161
|
/**
|
|
155
162
|
* @hidden
|
|
163
|
+
*
|
|
164
|
+
* Queries the template for a load-more button template declaration.
|
|
165
|
+
* Ignored if a `[loadMoreButtonTemplate]` value is explicitly provided.
|
|
156
166
|
*/
|
|
157
|
-
|
|
167
|
+
loadMoreButtonTemplateQuery: LoadMoreButtonTemplateDirective;
|
|
158
168
|
/**
|
|
159
169
|
* @hidden
|
|
170
|
+
*
|
|
171
|
+
* Defines the template for each load-more button.
|
|
172
|
+
* Takes precedence over nested templates in the TreeView tag.
|
|
160
173
|
*/
|
|
161
174
|
loadMoreButtonTemplateRef: LoadMoreButtonTemplateDirective;
|
|
162
175
|
/**
|
|
@@ -272,6 +285,8 @@ export declare class TreeViewComponent implements OnChanges, OnInit, OnDestroy,
|
|
|
272
285
|
private _isExpanded;
|
|
273
286
|
private _isSelected;
|
|
274
287
|
private _hasChildren;
|
|
288
|
+
private _nodeTemplateRef;
|
|
289
|
+
private _loadMoreButtonTemplateRef;
|
|
275
290
|
private subscriptions;
|
|
276
291
|
private domSubscriptions;
|
|
277
292
|
constructor(element: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, expandService: ExpandStateService, navigationService: NavigationService, nodeChildrenService: NodeChildrenService, selectionService: SelectionService, treeViewLookupService: TreeViewLookupService, ngZone: NgZone, renderer: Renderer2, dataChangeNotification: DataChangeNotificationService, localization: LocalizationService);
|
|
@@ -52,9 +52,10 @@ const providers = [
|
|
|
52
52
|
* Represents the [Kendo UI TreeView component for Angular]({% slug overview_treeview %}).
|
|
53
53
|
*
|
|
54
54
|
* @example
|
|
55
|
-
* {% meta height:
|
|
56
|
-
* {% embed_file
|
|
57
|
-
* {% embed_file
|
|
55
|
+
* {% meta height:450 %}
|
|
56
|
+
* {% embed_file get-started/app.component.ts preview %}
|
|
57
|
+
* {% embed_file get-started/app.module.ts %}
|
|
58
|
+
* {% embed_file shared/main.ts %}
|
|
58
59
|
* {% endmeta %}
|
|
59
60
|
*/
|
|
60
61
|
let TreeViewComponent = class TreeViewComponent {
|
|
@@ -247,15 +248,27 @@ let TreeViewComponent = class TreeViewComponent {
|
|
|
247
248
|
}
|
|
248
249
|
/**
|
|
249
250
|
* @hidden
|
|
251
|
+
*
|
|
252
|
+
* Defines the template for each node.
|
|
253
|
+
* Takes precedence over nested templates in the TreeView tag.
|
|
250
254
|
*/
|
|
251
255
|
set nodeTemplateRef(template) {
|
|
252
|
-
this.
|
|
256
|
+
this._nodeTemplateRef = template;
|
|
257
|
+
}
|
|
258
|
+
get nodeTemplateRef() {
|
|
259
|
+
return this._nodeTemplateRef || this.nodeTemplateQuery;
|
|
253
260
|
}
|
|
254
261
|
/**
|
|
255
262
|
* @hidden
|
|
263
|
+
*
|
|
264
|
+
* Defines the template for each load-more button.
|
|
265
|
+
* Takes precedence over nested templates in the TreeView tag.
|
|
256
266
|
*/
|
|
257
267
|
set loadMoreButtonTemplateRef(template) {
|
|
258
|
-
this.
|
|
268
|
+
this._loadMoreButtonTemplateRef = template;
|
|
269
|
+
}
|
|
270
|
+
get loadMoreButtonTemplateRef() {
|
|
271
|
+
return this._loadMoreButtonTemplateRef || this.loadMoreButtonTemplateQuery;
|
|
259
272
|
}
|
|
260
273
|
/**
|
|
261
274
|
* The nodes which will be displayed by the TreeView
|
|
@@ -653,18 +666,18 @@ tslib_1.__decorate([
|
|
|
653
666
|
tslib_1.__metadata("design:type", EventEmitter)
|
|
654
667
|
], TreeViewComponent.prototype, "nodeDblClick", void 0);
|
|
655
668
|
tslib_1.__decorate([
|
|
656
|
-
ContentChild(NodeTemplateDirective, { static:
|
|
669
|
+
ContentChild(NodeTemplateDirective, { static: false }),
|
|
657
670
|
tslib_1.__metadata("design:type", NodeTemplateDirective)
|
|
658
|
-
], TreeViewComponent.prototype, "
|
|
671
|
+
], TreeViewComponent.prototype, "nodeTemplateQuery", void 0);
|
|
659
672
|
tslib_1.__decorate([
|
|
660
673
|
Input('nodeTemplate'),
|
|
661
674
|
tslib_1.__metadata("design:type", NodeTemplateDirective),
|
|
662
675
|
tslib_1.__metadata("design:paramtypes", [NodeTemplateDirective])
|
|
663
676
|
], TreeViewComponent.prototype, "nodeTemplateRef", null);
|
|
664
677
|
tslib_1.__decorate([
|
|
665
|
-
ContentChild(LoadMoreButtonTemplateDirective, { static:
|
|
678
|
+
ContentChild(LoadMoreButtonTemplateDirective, { static: false }),
|
|
666
679
|
tslib_1.__metadata("design:type", LoadMoreButtonTemplateDirective)
|
|
667
|
-
], TreeViewComponent.prototype, "
|
|
680
|
+
], TreeViewComponent.prototype, "loadMoreButtonTemplateQuery", void 0);
|
|
668
681
|
tslib_1.__decorate([
|
|
669
682
|
Input('loadMoreButtonTemplate'),
|
|
670
683
|
tslib_1.__metadata("design:type", LoadMoreButtonTemplateDirective),
|
|
@@ -765,8 +778,8 @@ TreeViewComponent = tslib_1.__decorate([
|
|
|
765
778
|
[isExpanded]="isExpanded"
|
|
766
779
|
[isSelected]="isSelected"
|
|
767
780
|
[isVisible]="isVisible"
|
|
768
|
-
[nodeTemplateRef]="
|
|
769
|
-
[loadMoreButtonTemplateRef]="
|
|
781
|
+
[nodeTemplateRef]="nodeTemplateRef?.templateRef"
|
|
782
|
+
[loadMoreButtonTemplateRef]="loadMoreButtonTemplateRef?.templateRef"
|
|
770
783
|
[textField]="textField"
|
|
771
784
|
[nodes]="fetchNodes"
|
|
772
785
|
[loadMoreService]="loadMoreService"
|
package/dist/fesm2015/index.js
CHANGED
|
@@ -22,7 +22,7 @@ const packageMetadata = {
|
|
|
22
22
|
name: '@progress/kendo-angular-treeview',
|
|
23
23
|
productName: 'Kendo UI for Angular',
|
|
24
24
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
25
|
-
publishDate:
|
|
25
|
+
publishDate: 1637833926,
|
|
26
26
|
version: '',
|
|
27
27
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
28
28
|
};
|
|
@@ -1045,9 +1045,10 @@ const providers = [
|
|
|
1045
1045
|
* Represents the [Kendo UI TreeView component for Angular]({% slug overview_treeview %}).
|
|
1046
1046
|
*
|
|
1047
1047
|
* @example
|
|
1048
|
-
* {% meta height:
|
|
1049
|
-
* {% embed_file
|
|
1050
|
-
* {% embed_file
|
|
1048
|
+
* {% meta height:450 %}
|
|
1049
|
+
* {% embed_file get-started/app.component.ts preview %}
|
|
1050
|
+
* {% embed_file get-started/app.module.ts %}
|
|
1051
|
+
* {% embed_file shared/main.ts %}
|
|
1051
1052
|
* {% endmeta %}
|
|
1052
1053
|
*/
|
|
1053
1054
|
let TreeViewComponent = class TreeViewComponent {
|
|
@@ -1240,15 +1241,27 @@ let TreeViewComponent = class TreeViewComponent {
|
|
|
1240
1241
|
}
|
|
1241
1242
|
/**
|
|
1242
1243
|
* @hidden
|
|
1244
|
+
*
|
|
1245
|
+
* Defines the template for each node.
|
|
1246
|
+
* Takes precedence over nested templates in the TreeView tag.
|
|
1243
1247
|
*/
|
|
1244
1248
|
set nodeTemplateRef(template) {
|
|
1245
|
-
this.
|
|
1249
|
+
this._nodeTemplateRef = template;
|
|
1250
|
+
}
|
|
1251
|
+
get nodeTemplateRef() {
|
|
1252
|
+
return this._nodeTemplateRef || this.nodeTemplateQuery;
|
|
1246
1253
|
}
|
|
1247
1254
|
/**
|
|
1248
1255
|
* @hidden
|
|
1256
|
+
*
|
|
1257
|
+
* Defines the template for each load-more button.
|
|
1258
|
+
* Takes precedence over nested templates in the TreeView tag.
|
|
1249
1259
|
*/
|
|
1250
1260
|
set loadMoreButtonTemplateRef(template) {
|
|
1251
|
-
this.
|
|
1261
|
+
this._loadMoreButtonTemplateRef = template;
|
|
1262
|
+
}
|
|
1263
|
+
get loadMoreButtonTemplateRef() {
|
|
1264
|
+
return this._loadMoreButtonTemplateRef || this.loadMoreButtonTemplateQuery;
|
|
1252
1265
|
}
|
|
1253
1266
|
/**
|
|
1254
1267
|
* The nodes which will be displayed by the TreeView
|
|
@@ -1646,18 +1659,18 @@ __decorate([
|
|
|
1646
1659
|
__metadata("design:type", EventEmitter)
|
|
1647
1660
|
], TreeViewComponent.prototype, "nodeDblClick", void 0);
|
|
1648
1661
|
__decorate([
|
|
1649
|
-
ContentChild(NodeTemplateDirective, { static:
|
|
1662
|
+
ContentChild(NodeTemplateDirective, { static: false }),
|
|
1650
1663
|
__metadata("design:type", NodeTemplateDirective)
|
|
1651
|
-
], TreeViewComponent.prototype, "
|
|
1664
|
+
], TreeViewComponent.prototype, "nodeTemplateQuery", void 0);
|
|
1652
1665
|
__decorate([
|
|
1653
1666
|
Input('nodeTemplate'),
|
|
1654
1667
|
__metadata("design:type", NodeTemplateDirective),
|
|
1655
1668
|
__metadata("design:paramtypes", [NodeTemplateDirective])
|
|
1656
1669
|
], TreeViewComponent.prototype, "nodeTemplateRef", null);
|
|
1657
1670
|
__decorate([
|
|
1658
|
-
ContentChild(LoadMoreButtonTemplateDirective, { static:
|
|
1671
|
+
ContentChild(LoadMoreButtonTemplateDirective, { static: false }),
|
|
1659
1672
|
__metadata("design:type", LoadMoreButtonTemplateDirective)
|
|
1660
|
-
], TreeViewComponent.prototype, "
|
|
1673
|
+
], TreeViewComponent.prototype, "loadMoreButtonTemplateQuery", void 0);
|
|
1661
1674
|
__decorate([
|
|
1662
1675
|
Input('loadMoreButtonTemplate'),
|
|
1663
1676
|
__metadata("design:type", LoadMoreButtonTemplateDirective),
|
|
@@ -1758,8 +1771,8 @@ TreeViewComponent = __decorate([
|
|
|
1758
1771
|
[isExpanded]="isExpanded"
|
|
1759
1772
|
[isSelected]="isSelected"
|
|
1760
1773
|
[isVisible]="isVisible"
|
|
1761
|
-
[nodeTemplateRef]="
|
|
1762
|
-
[loadMoreButtonTemplateRef]="
|
|
1774
|
+
[nodeTemplateRef]="nodeTemplateRef?.templateRef"
|
|
1775
|
+
[loadMoreButtonTemplateRef]="loadMoreButtonTemplateRef?.templateRef"
|
|
1763
1776
|
[textField]="textField"
|
|
1764
1777
|
[nodes]="fetchNodes"
|
|
1765
1778
|
[loadMoreService]="loadMoreService"
|
|
@@ -2637,7 +2650,7 @@ let ExpandDirective = class ExpandDirective {
|
|
|
2637
2650
|
return this._expandedKeys;
|
|
2638
2651
|
}
|
|
2639
2652
|
set expandedKeys(keys) {
|
|
2640
|
-
this._expandedKeys =
|
|
2653
|
+
this._expandedKeys = keys;
|
|
2641
2654
|
}
|
|
2642
2655
|
ngOnDestroy() {
|
|
2643
2656
|
this.subscriptions.unsubscribe();
|
package/dist/fesm5/index.js
CHANGED
|
@@ -22,7 +22,7 @@ var packageMetadata = {
|
|
|
22
22
|
name: '@progress/kendo-angular-treeview',
|
|
23
23
|
productName: 'Kendo UI for Angular',
|
|
24
24
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
25
|
-
publishDate:
|
|
25
|
+
publishDate: 1637833926,
|
|
26
26
|
version: '',
|
|
27
27
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
28
28
|
};
|
|
@@ -1081,9 +1081,10 @@ var providers = [
|
|
|
1081
1081
|
* Represents the [Kendo UI TreeView component for Angular]({% slug overview_treeview %}).
|
|
1082
1082
|
*
|
|
1083
1083
|
* @example
|
|
1084
|
-
* {% meta height:
|
|
1085
|
-
* {% embed_file
|
|
1086
|
-
* {% embed_file
|
|
1084
|
+
* {% meta height:450 %}
|
|
1085
|
+
* {% embed_file get-started/app.component.ts preview %}
|
|
1086
|
+
* {% embed_file get-started/app.module.ts %}
|
|
1087
|
+
* {% embed_file shared/main.ts %}
|
|
1087
1088
|
* {% endmeta %}
|
|
1088
1089
|
*/
|
|
1089
1090
|
var TreeViewComponent = /** @class */ (function () {
|
|
@@ -1284,21 +1285,33 @@ var TreeViewComponent = /** @class */ (function () {
|
|
|
1284
1285
|
configurable: true
|
|
1285
1286
|
});
|
|
1286
1287
|
Object.defineProperty(TreeViewComponent.prototype, "nodeTemplateRef", {
|
|
1288
|
+
get: function () {
|
|
1289
|
+
return this._nodeTemplateRef || this.nodeTemplateQuery;
|
|
1290
|
+
},
|
|
1287
1291
|
/**
|
|
1288
1292
|
* @hidden
|
|
1293
|
+
*
|
|
1294
|
+
* Defines the template for each node.
|
|
1295
|
+
* Takes precedence over nested templates in the TreeView tag.
|
|
1289
1296
|
*/
|
|
1290
1297
|
set: function (template) {
|
|
1291
|
-
this.
|
|
1298
|
+
this._nodeTemplateRef = template;
|
|
1292
1299
|
},
|
|
1293
1300
|
enumerable: true,
|
|
1294
1301
|
configurable: true
|
|
1295
1302
|
});
|
|
1296
1303
|
Object.defineProperty(TreeViewComponent.prototype, "loadMoreButtonTemplateRef", {
|
|
1304
|
+
get: function () {
|
|
1305
|
+
return this._loadMoreButtonTemplateRef || this.loadMoreButtonTemplateQuery;
|
|
1306
|
+
},
|
|
1297
1307
|
/**
|
|
1298
1308
|
* @hidden
|
|
1309
|
+
*
|
|
1310
|
+
* Defines the template for each load-more button.
|
|
1311
|
+
* Takes precedence over nested templates in the TreeView tag.
|
|
1299
1312
|
*/
|
|
1300
1313
|
set: function (template) {
|
|
1301
|
-
this.
|
|
1314
|
+
this._loadMoreButtonTemplateRef = template;
|
|
1302
1315
|
},
|
|
1303
1316
|
enumerable: true,
|
|
1304
1317
|
configurable: true
|
|
@@ -1734,18 +1747,18 @@ var TreeViewComponent = /** @class */ (function () {
|
|
|
1734
1747
|
__metadata("design:type", EventEmitter)
|
|
1735
1748
|
], TreeViewComponent.prototype, "nodeDblClick", void 0);
|
|
1736
1749
|
__decorate([
|
|
1737
|
-
ContentChild(NodeTemplateDirective, { static:
|
|
1750
|
+
ContentChild(NodeTemplateDirective, { static: false }),
|
|
1738
1751
|
__metadata("design:type", NodeTemplateDirective)
|
|
1739
|
-
], TreeViewComponent.prototype, "
|
|
1752
|
+
], TreeViewComponent.prototype, "nodeTemplateQuery", void 0);
|
|
1740
1753
|
__decorate([
|
|
1741
1754
|
Input('nodeTemplate'),
|
|
1742
1755
|
__metadata("design:type", NodeTemplateDirective),
|
|
1743
1756
|
__metadata("design:paramtypes", [NodeTemplateDirective])
|
|
1744
1757
|
], TreeViewComponent.prototype, "nodeTemplateRef", null);
|
|
1745
1758
|
__decorate([
|
|
1746
|
-
ContentChild(LoadMoreButtonTemplateDirective, { static:
|
|
1759
|
+
ContentChild(LoadMoreButtonTemplateDirective, { static: false }),
|
|
1747
1760
|
__metadata("design:type", LoadMoreButtonTemplateDirective)
|
|
1748
|
-
], TreeViewComponent.prototype, "
|
|
1761
|
+
], TreeViewComponent.prototype, "loadMoreButtonTemplateQuery", void 0);
|
|
1749
1762
|
__decorate([
|
|
1750
1763
|
Input('loadMoreButtonTemplate'),
|
|
1751
1764
|
__metadata("design:type", LoadMoreButtonTemplateDirective),
|
|
@@ -1818,7 +1831,7 @@ var TreeViewComponent = /** @class */ (function () {
|
|
|
1818
1831
|
exportAs: 'kendoTreeView',
|
|
1819
1832
|
providers: providers,
|
|
1820
1833
|
selector: 'kendo-treeview',
|
|
1821
|
-
template: "\n <kendo-textbox\n #filterInput\n *ngIf=\"filterable\"\n [value]=\"filter\"\n [clearButton]=\"true\"\n (valueChange)=\"filterChange.emit($event)\"\n [placeholder]=\"filterInputPlaceholder\"\n >\n <ng-template kendoTextBoxPrefixTemplate>\n <span class=\"k-icon k-i-search\"></span>\n </ng-template>\n </kendo-textbox>\n <ul class=\"k-treeview-lines\"\n kendoTreeViewGroup\n role=\"group\"\n [loadOnDemand]=\"loadOnDemand\"\n [checkboxes]=\"checkboxes\"\n [expandIcons]=\"expandIcons\"\n [selectable]=\"selectable\"\n [touchActions]=\"touchActions\"\n [children]=\"children\"\n [hasChildren]=\"hasChildren\"\n [isChecked]=\"isChecked\"\n [isDisabled]=\"isDisabled\"\n [isExpanded]=\"isExpanded\"\n [isSelected]=\"isSelected\"\n [isVisible]=\"isVisible\"\n [nodeTemplateRef]=\"
|
|
1834
|
+
template: "\n <kendo-textbox\n #filterInput\n *ngIf=\"filterable\"\n [value]=\"filter\"\n [clearButton]=\"true\"\n (valueChange)=\"filterChange.emit($event)\"\n [placeholder]=\"filterInputPlaceholder\"\n >\n <ng-template kendoTextBoxPrefixTemplate>\n <span class=\"k-icon k-i-search\"></span>\n </ng-template>\n </kendo-textbox>\n <ul class=\"k-treeview-lines\"\n kendoTreeViewGroup\n role=\"group\"\n [loadOnDemand]=\"loadOnDemand\"\n [checkboxes]=\"checkboxes\"\n [expandIcons]=\"expandIcons\"\n [selectable]=\"selectable\"\n [touchActions]=\"touchActions\"\n [children]=\"children\"\n [hasChildren]=\"hasChildren\"\n [isChecked]=\"isChecked\"\n [isDisabled]=\"isDisabled\"\n [isExpanded]=\"isExpanded\"\n [isSelected]=\"isSelected\"\n [isVisible]=\"isVisible\"\n [nodeTemplateRef]=\"nodeTemplateRef?.templateRef\"\n [loadMoreButtonTemplateRef]=\"loadMoreButtonTemplateRef?.templateRef\"\n [textField]=\"textField\"\n [nodes]=\"fetchNodes\"\n [loadMoreService]=\"loadMoreService\"\n [trackBy]=\"trackBy\"\n >\n </ul>\n <ng-container #assetsContainer></ng-container>\n "
|
|
1822
1835
|
}),
|
|
1823
1836
|
__metadata("design:paramtypes", [ElementRef,
|
|
1824
1837
|
ChangeDetectorRef,
|
|
@@ -2634,7 +2647,7 @@ var ExpandDirective = /** @class */ (function () {
|
|
|
2634
2647
|
return this._expandedKeys;
|
|
2635
2648
|
},
|
|
2636
2649
|
set: function (keys) {
|
|
2637
|
-
this._expandedKeys =
|
|
2650
|
+
this._expandedKeys = keys;
|
|
2638
2651
|
},
|
|
2639
2652
|
enumerable: true,
|
|
2640
2653
|
configurable: true
|
|
@@ -11,7 +11,7 @@ exports.packageMetadata = {
|
|
|
11
11
|
name: '@progress/kendo-angular-treeview',
|
|
12
12
|
productName: 'Kendo UI for Angular',
|
|
13
13
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
14
|
-
publishDate:
|
|
14
|
+
publishDate: 1637833926,
|
|
15
15
|
version: '',
|
|
16
16
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
17
17
|
};
|
|
@@ -54,9 +54,10 @@ var providers = [
|
|
|
54
54
|
* Represents the [Kendo UI TreeView component for Angular]({% slug overview_treeview %}).
|
|
55
55
|
*
|
|
56
56
|
* @example
|
|
57
|
-
* {% meta height:
|
|
58
|
-
* {% embed_file
|
|
59
|
-
* {% embed_file
|
|
57
|
+
* {% meta height:450 %}
|
|
58
|
+
* {% embed_file get-started/app.component.ts preview %}
|
|
59
|
+
* {% embed_file get-started/app.module.ts %}
|
|
60
|
+
* {% embed_file shared/main.ts %}
|
|
60
61
|
* {% endmeta %}
|
|
61
62
|
*/
|
|
62
63
|
var TreeViewComponent = /** @class */ (function () {
|
|
@@ -257,21 +258,33 @@ var TreeViewComponent = /** @class */ (function () {
|
|
|
257
258
|
configurable: true
|
|
258
259
|
});
|
|
259
260
|
Object.defineProperty(TreeViewComponent.prototype, "nodeTemplateRef", {
|
|
261
|
+
get: function () {
|
|
262
|
+
return this._nodeTemplateRef || this.nodeTemplateQuery;
|
|
263
|
+
},
|
|
260
264
|
/**
|
|
261
265
|
* @hidden
|
|
266
|
+
*
|
|
267
|
+
* Defines the template for each node.
|
|
268
|
+
* Takes precedence over nested templates in the TreeView tag.
|
|
262
269
|
*/
|
|
263
270
|
set: function (template) {
|
|
264
|
-
this.
|
|
271
|
+
this._nodeTemplateRef = template;
|
|
265
272
|
},
|
|
266
273
|
enumerable: true,
|
|
267
274
|
configurable: true
|
|
268
275
|
});
|
|
269
276
|
Object.defineProperty(TreeViewComponent.prototype, "loadMoreButtonTemplateRef", {
|
|
277
|
+
get: function () {
|
|
278
|
+
return this._loadMoreButtonTemplateRef || this.loadMoreButtonTemplateQuery;
|
|
279
|
+
},
|
|
270
280
|
/**
|
|
271
281
|
* @hidden
|
|
282
|
+
*
|
|
283
|
+
* Defines the template for each load-more button.
|
|
284
|
+
* Takes precedence over nested templates in the TreeView tag.
|
|
272
285
|
*/
|
|
273
286
|
set: function (template) {
|
|
274
|
-
this.
|
|
287
|
+
this._loadMoreButtonTemplateRef = template;
|
|
275
288
|
},
|
|
276
289
|
enumerable: true,
|
|
277
290
|
configurable: true
|
|
@@ -707,18 +720,18 @@ var TreeViewComponent = /** @class */ (function () {
|
|
|
707
720
|
tslib_1.__metadata("design:type", core_1.EventEmitter)
|
|
708
721
|
], TreeViewComponent.prototype, "nodeDblClick", void 0);
|
|
709
722
|
tslib_1.__decorate([
|
|
710
|
-
core_1.ContentChild(node_template_directive_1.NodeTemplateDirective, { static:
|
|
723
|
+
core_1.ContentChild(node_template_directive_1.NodeTemplateDirective, { static: false }),
|
|
711
724
|
tslib_1.__metadata("design:type", node_template_directive_1.NodeTemplateDirective)
|
|
712
|
-
], TreeViewComponent.prototype, "
|
|
725
|
+
], TreeViewComponent.prototype, "nodeTemplateQuery", void 0);
|
|
713
726
|
tslib_1.__decorate([
|
|
714
727
|
core_1.Input('nodeTemplate'),
|
|
715
728
|
tslib_1.__metadata("design:type", node_template_directive_1.NodeTemplateDirective),
|
|
716
729
|
tslib_1.__metadata("design:paramtypes", [node_template_directive_1.NodeTemplateDirective])
|
|
717
730
|
], TreeViewComponent.prototype, "nodeTemplateRef", null);
|
|
718
731
|
tslib_1.__decorate([
|
|
719
|
-
core_1.ContentChild(load_more_button_template_directive_1.LoadMoreButtonTemplateDirective, { static:
|
|
732
|
+
core_1.ContentChild(load_more_button_template_directive_1.LoadMoreButtonTemplateDirective, { static: false }),
|
|
720
733
|
tslib_1.__metadata("design:type", load_more_button_template_directive_1.LoadMoreButtonTemplateDirective)
|
|
721
|
-
], TreeViewComponent.prototype, "
|
|
734
|
+
], TreeViewComponent.prototype, "loadMoreButtonTemplateQuery", void 0);
|
|
722
735
|
tslib_1.__decorate([
|
|
723
736
|
core_1.Input('loadMoreButtonTemplate'),
|
|
724
737
|
tslib_1.__metadata("design:type", load_more_button_template_directive_1.LoadMoreButtonTemplateDirective),
|
|
@@ -791,7 +804,7 @@ var TreeViewComponent = /** @class */ (function () {
|
|
|
791
804
|
exportAs: 'kendoTreeView',
|
|
792
805
|
providers: providers,
|
|
793
806
|
selector: 'kendo-treeview',
|
|
794
|
-
template: "\n <kendo-textbox\n #filterInput\n *ngIf=\"filterable\"\n [value]=\"filter\"\n [clearButton]=\"true\"\n (valueChange)=\"filterChange.emit($event)\"\n [placeholder]=\"filterInputPlaceholder\"\n >\n <ng-template kendoTextBoxPrefixTemplate>\n <span class=\"k-icon k-i-search\"></span>\n </ng-template>\n </kendo-textbox>\n <ul class=\"k-treeview-lines\"\n kendoTreeViewGroup\n role=\"group\"\n [loadOnDemand]=\"loadOnDemand\"\n [checkboxes]=\"checkboxes\"\n [expandIcons]=\"expandIcons\"\n [selectable]=\"selectable\"\n [touchActions]=\"touchActions\"\n [children]=\"children\"\n [hasChildren]=\"hasChildren\"\n [isChecked]=\"isChecked\"\n [isDisabled]=\"isDisabled\"\n [isExpanded]=\"isExpanded\"\n [isSelected]=\"isSelected\"\n [isVisible]=\"isVisible\"\n [nodeTemplateRef]=\"
|
|
807
|
+
template: "\n <kendo-textbox\n #filterInput\n *ngIf=\"filterable\"\n [value]=\"filter\"\n [clearButton]=\"true\"\n (valueChange)=\"filterChange.emit($event)\"\n [placeholder]=\"filterInputPlaceholder\"\n >\n <ng-template kendoTextBoxPrefixTemplate>\n <span class=\"k-icon k-i-search\"></span>\n </ng-template>\n </kendo-textbox>\n <ul class=\"k-treeview-lines\"\n kendoTreeViewGroup\n role=\"group\"\n [loadOnDemand]=\"loadOnDemand\"\n [checkboxes]=\"checkboxes\"\n [expandIcons]=\"expandIcons\"\n [selectable]=\"selectable\"\n [touchActions]=\"touchActions\"\n [children]=\"children\"\n [hasChildren]=\"hasChildren\"\n [isChecked]=\"isChecked\"\n [isDisabled]=\"isDisabled\"\n [isExpanded]=\"isExpanded\"\n [isSelected]=\"isSelected\"\n [isVisible]=\"isVisible\"\n [nodeTemplateRef]=\"nodeTemplateRef?.templateRef\"\n [loadMoreButtonTemplateRef]=\"loadMoreButtonTemplateRef?.templateRef\"\n [textField]=\"textField\"\n [nodes]=\"fetchNodes\"\n [loadMoreService]=\"loadMoreService\"\n [trackBy]=\"trackBy\"\n >\n </ul>\n <ng-container #assetsContainer></ng-container>\n "
|
|
795
808
|
}),
|
|
796
809
|
tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
|
|
797
810
|
core_1.ChangeDetectorRef,
|