@progress/kendo-angular-treeview 5.4.2 → 5.4.3-dev.202111250955

package/dist/es2015/treeview.component.d.ts

@@ -25,9 +25,10 @@ import { FilterState } from './filter-state.interface';
  * Represents the [Kendo UI TreeView component for Angular]({% slug overview_treeview %}).
  *
  * @example
- * {% meta height:350 %}
- * {% embed_file basic-usage/app.component.ts preview %}
- * {% embed_file basic-usage/app.module.ts %}
+ * {% meta height:450 %}
+ * {% embed_file get-started/app.component.ts preview %}
+ * {% embed_file get-started/app.module.ts %}
+ * {% embed_file shared/main.ts %}
  * {% endmeta %}
  */
 export declare class TreeViewComponent implements OnChanges, OnInit, OnDestroy, DataBoundComponent {
@@ -145,18 +146,30 @@ export declare class TreeViewComponent implements OnChanges, OnInit, OnDestroy,
     nodeDblClick: EventEmitter<NodeClickEvent>;
     /**
      * @hidden
+     *
+     * Queries the template for a node template declaration.
+     * Ignored if a `[nodeTemplate]` value is explicitly provided.
      */
-    nodeTemplate: NodeTemplateDirective;
+    nodeTemplateQuery: NodeTemplateDirective;
     /**
      * @hidden
+     *
+     * Defines the template for each node.
+     * Takes precedence over nested templates in the TreeView tag.
      */
     nodeTemplateRef: NodeTemplateDirective;
     /**
      * @hidden
+     *
+     * Queries the template for a load-more button template declaration.
+     * Ignored if a `[loadMoreButtonTemplate]` value is explicitly provided.
      */
-    loadMoreButtonTemplate: LoadMoreButtonTemplateDirective;
+    loadMoreButtonTemplateQuery: LoadMoreButtonTemplateDirective;
     /**
      * @hidden
+     *
+     * Defines the template for each load-more button.
+     * Takes precedence over nested templates in the TreeView tag.
      */
     loadMoreButtonTemplateRef: LoadMoreButtonTemplateDirective;
     /**
@@ -272,6 +285,8 @@ export declare class TreeViewComponent implements OnChanges, OnInit, OnDestroy,
     private _isExpanded;
     private _isSelected;
     private _hasChildren;
+    private _nodeTemplateRef;
+    private _loadMoreButtonTemplateRef;
     private subscriptions;
     private domSubscriptions;
     constructor(element: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, expandService: ExpandStateService, navigationService: NavigationService, nodeChildrenService: NodeChildrenService, selectionService: SelectionService, treeViewLookupService: TreeViewLookupService, ngZone: NgZone, renderer: Renderer2, dataChangeNotification: DataChangeNotificationService, localization: LocalizationService);

package/dist/es2015/treeview.component.js

@@ -52,9 +52,10 @@ const providers = [
  * Represents the [Kendo UI TreeView component for Angular]({% slug overview_treeview %}).
  *
  * @example
- * {% meta height:350 %}
- * {% embed_file basic-usage/app.component.ts preview %}
- * {% embed_file basic-usage/app.module.ts %}
+ * {% meta height:450 %}
+ * {% embed_file get-started/app.component.ts preview %}
+ * {% embed_file get-started/app.module.ts %}
+ * {% embed_file shared/main.ts %}
  * {% endmeta %}
  */
 let TreeViewComponent = class TreeViewComponent {
@@ -247,15 +248,27 @@ let TreeViewComponent = class TreeViewComponent {
     }
     /**
      * @hidden
+     *
+     * Defines the template for each node.
+     * Takes precedence over nested templates in the TreeView tag.
      */
     set nodeTemplateRef(template) {
-        this.nodeTemplate = template;
+        this._nodeTemplateRef = template;
+    }
+    get nodeTemplateRef() {
+        return this._nodeTemplateRef || this.nodeTemplateQuery;
     }
     /**
      * @hidden
+     *
+     * Defines the template for each load-more button.
+     * Takes precedence over nested templates in the TreeView tag.
      */
     set loadMoreButtonTemplateRef(template) {
-        this.loadMoreButtonTemplate = template;
+        this._loadMoreButtonTemplateRef = template;
+    }
+    get loadMoreButtonTemplateRef() {
+        return this._loadMoreButtonTemplateRef || this.loadMoreButtonTemplateQuery;
     }
     /**
      * The nodes which will be displayed by the TreeView
@@ -653,18 +666,18 @@ tslib_1.__decorate([
     tslib_1.__metadata("design:type", EventEmitter)
 ], TreeViewComponent.prototype, "nodeDblClick", void 0);
 tslib_1.__decorate([
-    ContentChild(NodeTemplateDirective, { static: true }),
+    ContentChild(NodeTemplateDirective, { static: false }),
     tslib_1.__metadata("design:type", NodeTemplateDirective)
-], TreeViewComponent.prototype, "nodeTemplate", void 0);
+], TreeViewComponent.prototype, "nodeTemplateQuery", void 0);
 tslib_1.__decorate([
     Input('nodeTemplate'),
     tslib_1.__metadata("design:type", NodeTemplateDirective),
     tslib_1.__metadata("design:paramtypes", [NodeTemplateDirective])
 ], TreeViewComponent.prototype, "nodeTemplateRef", null);
 tslib_1.__decorate([
-    ContentChild(LoadMoreButtonTemplateDirective, { static: true }),
+    ContentChild(LoadMoreButtonTemplateDirective, { static: false }),
     tslib_1.__metadata("design:type", LoadMoreButtonTemplateDirective)
-], TreeViewComponent.prototype, "loadMoreButtonTemplate", void 0);
+], TreeViewComponent.prototype, "loadMoreButtonTemplateQuery", void 0);
 tslib_1.__decorate([
     Input('loadMoreButtonTemplate'),
     tslib_1.__metadata("design:type", LoadMoreButtonTemplateDirective),
@@ -765,8 +778,8 @@ TreeViewComponent = tslib_1.__decorate([
             [isExpanded]="isExpanded"
             [isSelected]="isSelected"
             [isVisible]="isVisible"
-            [nodeTemplateRef]="nodeTemplate?.templateRef"
-            [loadMoreButtonTemplateRef]="loadMoreButtonTemplate?.templateRef"
+            [nodeTemplateRef]="nodeTemplateRef?.templateRef"
+            [loadMoreButtonTemplateRef]="loadMoreButtonTemplateRef?.templateRef"
             [textField]="textField"
             [nodes]="fetchNodes"
             [loadMoreService]="loadMoreService"

package/dist/fesm2015/index.js

@@ -22,7 +22,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1635943171,
+    publishDate: 1637833926,
     version: '',
     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'
 };
@@ -1045,9 +1045,10 @@ const providers = [
  * Represents the [Kendo UI TreeView component for Angular]({% slug overview_treeview %}).
  *
  * @example
- * {% meta height:350 %}
- * {% embed_file basic-usage/app.component.ts preview %}
- * {% embed_file basic-usage/app.module.ts %}
+ * {% meta height:450 %}
+ * {% embed_file get-started/app.component.ts preview %}
+ * {% embed_file get-started/app.module.ts %}
+ * {% embed_file shared/main.ts %}
  * {% endmeta %}
  */
 let TreeViewComponent = class TreeViewComponent {
@@ -1240,15 +1241,27 @@ let TreeViewComponent = class TreeViewComponent {
     }
     /**
      * @hidden
+     *
+     * Defines the template for each node.
+     * Takes precedence over nested templates in the TreeView tag.
      */
     set nodeTemplateRef(template) {
-        this.nodeTemplate = template;
+        this._nodeTemplateRef = template;
+    }
+    get nodeTemplateRef() {
+        return this._nodeTemplateRef || this.nodeTemplateQuery;
     }
     /**
      * @hidden
+     *
+     * Defines the template for each load-more button.
+     * Takes precedence over nested templates in the TreeView tag.
      */
     set loadMoreButtonTemplateRef(template) {
-        this.loadMoreButtonTemplate = template;
+        this._loadMoreButtonTemplateRef = template;
+    }
+    get loadMoreButtonTemplateRef() {
+        return this._loadMoreButtonTemplateRef || this.loadMoreButtonTemplateQuery;
     }
     /**
      * The nodes which will be displayed by the TreeView
@@ -1646,18 +1659,18 @@ __decorate([
     __metadata("design:type", EventEmitter)
 ], TreeViewComponent.prototype, "nodeDblClick", void 0);
 __decorate([
-    ContentChild(NodeTemplateDirective, { static: true }),
+    ContentChild(NodeTemplateDirective, { static: false }),
     __metadata("design:type", NodeTemplateDirective)
-], TreeViewComponent.prototype, "nodeTemplate", void 0);
+], TreeViewComponent.prototype, "nodeTemplateQuery", void 0);
 __decorate([
     Input('nodeTemplate'),
     __metadata("design:type", NodeTemplateDirective),
     __metadata("design:paramtypes", [NodeTemplateDirective])
 ], TreeViewComponent.prototype, "nodeTemplateRef", null);
 __decorate([
-    ContentChild(LoadMoreButtonTemplateDirective, { static: true }),
+    ContentChild(LoadMoreButtonTemplateDirective, { static: false }),
     __metadata("design:type", LoadMoreButtonTemplateDirective)
-], TreeViewComponent.prototype, "loadMoreButtonTemplate", void 0);
+], TreeViewComponent.prototype, "loadMoreButtonTemplateQuery", void 0);
 __decorate([
     Input('loadMoreButtonTemplate'),
     __metadata("design:type", LoadMoreButtonTemplateDirective),
@@ -1758,8 +1771,8 @@ TreeViewComponent = __decorate([
             [isExpanded]="isExpanded"
             [isSelected]="isSelected"
             [isVisible]="isVisible"
-            [nodeTemplateRef]="nodeTemplate?.templateRef"
-            [loadMoreButtonTemplateRef]="loadMoreButtonTemplate?.templateRef"
+            [nodeTemplateRef]="nodeTemplateRef?.templateRef"
+            [loadMoreButtonTemplateRef]="loadMoreButtonTemplateRef?.templateRef"
             [textField]="textField"
             [nodes]="fetchNodes"
             [loadMoreService]="loadMoreService"

package/dist/fesm5/index.js

@@ -22,7 +22,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1635943171,
+    publishDate: 1637833926,
     version: '',
     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'
 };
@@ -1081,9 +1081,10 @@ var providers = [
  * Represents the [Kendo UI TreeView component for Angular]({% slug overview_treeview %}).
  *
  * @example
- * {% meta height:350 %}
- * {% embed_file basic-usage/app.component.ts preview %}
- * {% embed_file basic-usage/app.module.ts %}
+ * {% meta height:450 %}
+ * {% embed_file get-started/app.component.ts preview %}
+ * {% embed_file get-started/app.module.ts %}
+ * {% embed_file shared/main.ts %}
  * {% endmeta %}
  */
 var TreeViewComponent = /** @class */ (function () {
@@ -1284,21 +1285,33 @@ var TreeViewComponent = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(TreeViewComponent.prototype, "nodeTemplateRef", {
+        get: function () {
+            return this._nodeTemplateRef || this.nodeTemplateQuery;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each node.
+         * Takes precedence over nested templates in the TreeView tag.
          */
         set: function (template) {
-            this.nodeTemplate = template;
+            this._nodeTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(TreeViewComponent.prototype, "loadMoreButtonTemplateRef", {
+        get: function () {
+            return this._loadMoreButtonTemplateRef || this.loadMoreButtonTemplateQuery;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each load-more button.
+         * Takes precedence over nested templates in the TreeView tag.
          */
         set: function (template) {
-            this.loadMoreButtonTemplate = template;
+            this._loadMoreButtonTemplateRef = template;
         },
         enumerable: true,
         configurable: true
@@ -1734,18 +1747,18 @@ var TreeViewComponent = /** @class */ (function () {
         __metadata("design:type", EventEmitter)
     ], TreeViewComponent.prototype, "nodeDblClick", void 0);
     __decorate([
-        ContentChild(NodeTemplateDirective, { static: true }),
+        ContentChild(NodeTemplateDirective, { static: false }),
         __metadata("design:type", NodeTemplateDirective)
-    ], TreeViewComponent.prototype, "nodeTemplate", void 0);
+    ], TreeViewComponent.prototype, "nodeTemplateQuery", void 0);
     __decorate([
         Input('nodeTemplate'),
         __metadata("design:type", NodeTemplateDirective),
         __metadata("design:paramtypes", [NodeTemplateDirective])
     ], TreeViewComponent.prototype, "nodeTemplateRef", null);
     __decorate([
-        ContentChild(LoadMoreButtonTemplateDirective, { static: true }),
+        ContentChild(LoadMoreButtonTemplateDirective, { static: false }),
         __metadata("design:type", LoadMoreButtonTemplateDirective)
-    ], TreeViewComponent.prototype, "loadMoreButtonTemplate", void 0);
+    ], TreeViewComponent.prototype, "loadMoreButtonTemplateQuery", void 0);
     __decorate([
         Input('loadMoreButtonTemplate'),
         __metadata("design:type", LoadMoreButtonTemplateDirective),
@@ -1818,7 +1831,7 @@ var TreeViewComponent = /** @class */ (function () {
             exportAs: 'kendoTreeView',
             providers: providers,
             selector: 'kendo-treeview',
-            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]=\"nodeTemplate?.templateRef\"\n            [loadMoreButtonTemplateRef]=\"loadMoreButtonTemplate?.templateRef\"\n            [textField]=\"textField\"\n            [nodes]=\"fetchNodes\"\n            [loadMoreService]=\"loadMoreService\"\n            [trackBy]=\"trackBy\"\n        >\n        </ul>\n        <ng-container #assetsContainer></ng-container>\n    "
+            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    "
         }),
         __metadata("design:paramtypes", [ElementRef,
             ChangeDetectorRef,

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1635943171,
+    publishDate: 1637833926,
     version: '',
     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'
 };

package/dist/npm/treeview.component.js

@@ -54,9 +54,10 @@ var providers = [
  * Represents the [Kendo UI TreeView component for Angular]({% slug overview_treeview %}).
  *
  * @example
- * {% meta height:350 %}
- * {% embed_file basic-usage/app.component.ts preview %}
- * {% embed_file basic-usage/app.module.ts %}
+ * {% meta height:450 %}
+ * {% embed_file get-started/app.component.ts preview %}
+ * {% embed_file get-started/app.module.ts %}
+ * {% embed_file shared/main.ts %}
  * {% endmeta %}
  */
 var TreeViewComponent = /** @class */ (function () {
@@ -257,21 +258,33 @@ var TreeViewComponent = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(TreeViewComponent.prototype, "nodeTemplateRef", {
+        get: function () {
+            return this._nodeTemplateRef || this.nodeTemplateQuery;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each node.
+         * Takes precedence over nested templates in the TreeView tag.
          */
         set: function (template) {
-            this.nodeTemplate = template;
+            this._nodeTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(TreeViewComponent.prototype, "loadMoreButtonTemplateRef", {
+        get: function () {
+            return this._loadMoreButtonTemplateRef || this.loadMoreButtonTemplateQuery;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each load-more button.
+         * Takes precedence over nested templates in the TreeView tag.
          */
         set: function (template) {
-            this.loadMoreButtonTemplate = template;
+            this._loadMoreButtonTemplateRef = template;
         },
         enumerable: true,
         configurable: true
@@ -707,18 +720,18 @@ var TreeViewComponent = /** @class */ (function () {
         tslib_1.__metadata("design:type", core_1.EventEmitter)
     ], TreeViewComponent.prototype, "nodeDblClick", void 0);
     tslib_1.__decorate([
-        core_1.ContentChild(node_template_directive_1.NodeTemplateDirective, { static: true }),
+        core_1.ContentChild(node_template_directive_1.NodeTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", node_template_directive_1.NodeTemplateDirective)
-    ], TreeViewComponent.prototype, "nodeTemplate", void 0);
+    ], TreeViewComponent.prototype, "nodeTemplateQuery", void 0);
     tslib_1.__decorate([
         core_1.Input('nodeTemplate'),
         tslib_1.__metadata("design:type", node_template_directive_1.NodeTemplateDirective),
         tslib_1.__metadata("design:paramtypes", [node_template_directive_1.NodeTemplateDirective])
     ], TreeViewComponent.prototype, "nodeTemplateRef", null);
     tslib_1.__decorate([
-        core_1.ContentChild(load_more_button_template_directive_1.LoadMoreButtonTemplateDirective, { static: true }),
+        core_1.ContentChild(load_more_button_template_directive_1.LoadMoreButtonTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", load_more_button_template_directive_1.LoadMoreButtonTemplateDirective)
-    ], TreeViewComponent.prototype, "loadMoreButtonTemplate", void 0);
+    ], TreeViewComponent.prototype, "loadMoreButtonTemplateQuery", void 0);
     tslib_1.__decorate([
         core_1.Input('loadMoreButtonTemplate'),
         tslib_1.__metadata("design:type", load_more_button_template_directive_1.LoadMoreButtonTemplateDirective),
@@ -791,7 +804,7 @@ var TreeViewComponent = /** @class */ (function () {
             exportAs: 'kendoTreeView',
             providers: providers,
             selector: 'kendo-treeview',
-            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]=\"nodeTemplate?.templateRef\"\n            [loadMoreButtonTemplateRef]=\"loadMoreButtonTemplate?.templateRef\"\n            [textField]=\"textField\"\n            [nodes]=\"fetchNodes\"\n            [loadMoreService]=\"loadMoreService\"\n            [trackBy]=\"trackBy\"\n        >\n        </ul>\n        <ng-container #assetsContainer></ng-container>\n    "
+            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    "
         }),
         tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
             core_1.ChangeDetectorRef,