@progress/kendo-angular-treelist 3.2.0 → 4.0.0-dev.202201191257

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.
Files changed (66) hide show
  1. package/dist/cdn/js/kendo-angular-treelist.js +2 -2
  2. package/dist/cdn/main.js +1 -1
  3. package/dist/es/column-menu/column-chooser.component.js +1 -1
  4. package/dist/es/column-menu/column-list.component.js +1 -1
  5. package/dist/es/column-menu/column-menu-item.component.js +1 -1
  6. package/dist/es/dragdrop/draggable-column.directive.js +3 -3
  7. package/dist/es/filtering/cell/filter-cell-operators.component.js +1 -1
  8. package/dist/es/filtering/cell/string-filter-cell.component.js +1 -1
  9. package/dist/es/filtering/menu/boolean-filter-menu.component.js +1 -1
  10. package/dist/es/filtering/menu/filter-menu-container.component.js +1 -1
  11. package/dist/es/filtering/menu/string-filter-menu-input.component.js +1 -1
  12. package/dist/es/navigation/focusable.directive.js +1 -1
  13. package/dist/es/navigation/logical-cell.directive.js +2 -2
  14. package/dist/es/package-metadata.js +1 -1
  15. package/dist/es/pager/pager-next-buttons.component.js +1 -1
  16. package/dist/es/pager/pager-numeric-buttons.component.js +1 -1
  17. package/dist/es/pager/pager-prev-buttons.component.js +1 -1
  18. package/dist/es/rendering/cell.component.js +1 -1
  19. package/dist/es/rendering/header/header.component.js +1 -1
  20. package/dist/es/rendering/table-body.component.js +1 -1
  21. package/dist/es/treelist.component.js +4 -4
  22. package/dist/es2015/column-menu/column-chooser.component.js +2 -2
  23. package/dist/es2015/column-menu/column-list.component.js +19 -3
  24. package/dist/es2015/column-menu/column-menu-item.component.js +1 -1
  25. package/dist/es2015/dragdrop/draggable-column.directive.js +3 -3
  26. package/dist/es2015/filtering/cell/filter-cell-operators.component.js +3 -3
  27. package/dist/es2015/filtering/cell/string-filter-cell.component.js +1 -1
  28. package/dist/es2015/filtering/menu/boolean-filter-menu.component.js +1 -1
  29. package/dist/es2015/filtering/menu/filter-menu-container.component.js +11 -2
  30. package/dist/es2015/filtering/menu/string-filter-menu-input.component.js +5 -1
  31. package/dist/es2015/index.metadata.json +1 -1
  32. package/dist/es2015/navigation/focusable.directive.d.ts +1 -1
  33. package/dist/es2015/navigation/focusable.directive.js +1 -1
  34. package/dist/es2015/navigation/logical-cell.directive.js +2 -2
  35. package/dist/es2015/package-metadata.js +1 -1
  36. package/dist/es2015/pager/pager-next-buttons.component.js +2 -2
  37. package/dist/es2015/pager/pager-numeric-buttons.component.js +2 -2
  38. package/dist/es2015/pager/pager-prev-buttons.component.js +2 -2
  39. package/dist/es2015/rendering/cell.component.js +7 -3
  40. package/dist/es2015/rendering/header/header.component.js +5 -2
  41. package/dist/es2015/rendering/table-body.component.js +2 -2
  42. package/dist/es2015/treelist.component.d.ts +4 -4
  43. package/dist/es2015/treelist.component.js +4 -4
  44. package/dist/fesm2015/index.js +74 -38
  45. package/dist/fesm5/index.js +25 -25
  46. package/dist/npm/column-menu/column-chooser.component.js +1 -1
  47. package/dist/npm/column-menu/column-list.component.js +1 -1
  48. package/dist/npm/column-menu/column-menu-item.component.js +1 -1
  49. package/dist/npm/dragdrop/draggable-column.directive.js +3 -3
  50. package/dist/npm/filtering/cell/filter-cell-operators.component.js +1 -1
  51. package/dist/npm/filtering/cell/string-filter-cell.component.js +1 -1
  52. package/dist/npm/filtering/menu/boolean-filter-menu.component.js +1 -1
  53. package/dist/npm/filtering/menu/filter-menu-container.component.js +1 -1
  54. package/dist/npm/filtering/menu/string-filter-menu-input.component.js +1 -1
  55. package/dist/npm/navigation/focusable.directive.js +1 -1
  56. package/dist/npm/navigation/logical-cell.directive.js +2 -2
  57. package/dist/npm/package-metadata.js +1 -1
  58. package/dist/npm/pager/pager-next-buttons.component.js +1 -1
  59. package/dist/npm/pager/pager-numeric-buttons.component.js +1 -1
  60. package/dist/npm/pager/pager-prev-buttons.component.js +1 -1
  61. package/dist/npm/rendering/cell.component.js +1 -1
  62. package/dist/npm/rendering/header/header.component.js +1 -1
  63. package/dist/npm/rendering/table-body.component.js +1 -1
  64. package/dist/npm/treelist.component.js +4 -4
  65. package/dist/systemjs/kendo-angular-treelist.js +1 -1
  66. package/package.json +12 -12
@@ -499,7 +499,7 @@ var HeaderComponent = /** @class */ (function () {
499
499
  HeaderComponent = tslib_1.__decorate([
500
500
  core_1.Component({
501
501
  selector: '[kendoTreeListHeader]',
502
- template: "\n <tr *ngFor=\"let i of columnLevels; let levelIndex = index\"\n kendoTreeListLogicalRow\n [logicalRowIndex]=\"levelIndex\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\">\n <ng-template ngFor let-column [ngForOf]=\"columnsForLevel(levelIndex)\" [ngForTrackBy]=\"trackByIndex\" let-columnIndex=\"index\" let-last=\"last\">\n <th *ngIf=\"!isColumnGroupComponent(column)\"\n kendoTreeListLogicalCell\n [logicalRowIndex]=\"levelIndex\"\n [logicalColIndex]=\"logicalColumnIndex(column)\"\n [colSpan]=\"column.colspan\"\n [rowSpan]=\"column.rowspan(totalColumnLevels)\"\n role=\"columnheader\"\n aria-selected=\"false\"\n [attr.aria-sort]=\"sortState(column)\"\n (keydown)=\"onHeaderKeydown(column, $event)\"\n kendoDropTarget\n kendoDraggable\n kendoDraggableColumn\n [enableDrag]=\"shouldActivate(column)\"\n [context]=\"{\n field: column.field,\n type: 'column',\n column: column,\n hint: column.title || column.field,\n lastColumn: last && columnIndex === 0\n }\"\n class=\"k-header\"\n [class.k-filterable]=\"(showFilterMenu && isFilterable(column)) || showColumnMenu(column)\"\n [class.k-first]=\"isFirstOnRow(column, columnIndex)\"\n [ngClass]=\"column.headerClass\"\n [ngStyle]=\"column.headerStyle\"\n [attr.rowspan]=\"column.rowspan(totalColumnLevels)\"\n [attr.colspan]=\"column.colspan\">\n <ng-template [ngIf]=\"!isSortable(column)\">\n <kendo-treelist-filter-menu\n *ngIf=\"showFilterMenu && isFilterable(column)\"\n [column]=\"column\"\n [filter]=\"filter\">\n </kendo-treelist-filter-menu>\n <kendo-treelist-column-menu *ngIf=\"showColumnMenu(column)\"\n [standalone]=\"false\"\n [settings]=\"columnMenu\"\n [column]=\"column\"\n [columnMenuTemplate]=\"columnMenuTemplate\"\n [sort]=\"sort\"\n [filter]=\"filter\"\n [sortable]=\"sortable\">\n </kendo-treelist-column-menu>\n <ng-template\n [templateContext]=\"{\n templateRef: column.headerTemplateRef,\n columnIndex: column.leafIndex,\n column: column,\n $implicit: column\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!column.headerTemplateRef\">{{column.displayTitle}}</ng-template>\n </ng-template>\n <ng-template [ngIf]=\"isSortable(column)\">\n <span class=\"k-cell-inner\">\n <a #link href=\"#\" tabindex=\"-1\" class=\"k-link\" (click)=\"sortColumn(column, $event, link)\">\n <ng-template\n [templateContext]=\"{\n templateRef: column.headerTemplateRef,\n columnIndex: column.leafIndex,\n column: column,\n $implicit: column\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!column.headerTemplateRef\">\n <span class=\"k-column-title\">{{column.displayTitle}}</span>\n </ng-template>\n <span [attr.aria-label]=\"sortableLabel\" [ngClass]=\"sortIcon(column.field)\"></span>\n <span *ngIf=\"showSortNumbering(column)\" class=\"k-sort-order\">{{sortOrder(column.field)}}</span>\n </a>\n <span role=\"status\"\n class=\"k-sort-status\"\n style=\"position: absolute; left: -10000px;\"\n [innerHtml]=\"sortStatus(column)\">\n </span>\n <kendo-treelist-filter-menu\n *ngIf=\"showFilterMenu && isFilterable(column)\"\n [column]=\"column\"\n [filter]=\"filter\">\n </kendo-treelist-filter-menu>\n <kendo-treelist-column-menu *ngIf=\"showColumnMenu(column)\"\n [standalone]=\"false\"\n [settings]=\"columnMenu\"\n [column]=\"column\"\n [columnMenuTemplate]=\"columnMenuTemplate\"\n [sort]=\"sort\"\n [filter]=\"filter\"\n [sortable]=\"sortable\">\n </kendo-treelist-column-menu>\n </span>\n </ng-template>\n <ng-container *ngIf=\"renderSelectAll(column)\">\n <input type=\"checkbox\" class=\"k-checkbox\" kendoTreeListFocusable\n (click)=\"selectAllClick($event)\" />\n </ng-container>\n <span kendoTreeListColumnHandle\n kendoDraggable\n class=\"k-column-resizer\"\n *ngIf=\"resizable\"\n [column]=\"column\"\n [columns]=\"columns\">\n </span>\n </th>\n <th *ngIf=\"isColumnGroupComponent(column)\"\n kendoTreeListLogicalCell\n [logicalRowIndex]=\"levelIndex\"\n [logicalColIndex]=\"logicalColumnIndex(column)\"\n [rowSpan]=\"column.rowspan(totalColumnLevels)\"\n [colSpan]=\"column.colspan\"\n kendoDropTarget\n kendoDraggable\n kendoDraggableColumn\n [enableDrag]=\"shouldActivate(column)\"\n [context]=\"{\n type: 'columnGroup',\n column: column,\n hint: column.title,\n lastColumn: last && columnIndex === 0\n }\"\n class=\"k-header\"\n [class.k-first]=\"isFirstOnRow(column, columnIndex)\"\n [class.k-filterable]=\"showColumnMenu(column)\"\n [ngClass]=\"column.headerClass\"\n [ngStyle]=\"column.headerStyle\"\n [attr.rowspan]=\"column.rowspan(totalColumnLevels)\"\n [attr.colspan]=\"column.colspan\">\n <kendo-treelist-column-menu *ngIf=\"showColumnMenu(column)\"\n [standalone]=\"false\"\n [settings]=\"columnMenu\"\n [column]=\"column\"\n [columnMenuTemplate]=\"columnMenuTemplate\">\n </kendo-treelist-column-menu>\n <ng-template\n [templateContext]=\"{\n templateRef: column.headerTemplateRef,\n columnIndex: lockedColumnsCount + columnIndex,\n column: column,\n $implicit: column\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!column.headerTemplateRef\">{{column.displayTitle}}</ng-template>\n <span kendoTreeListColumnHandle\n kendoDraggable\n class=\"k-column-resizer\"\n *ngIf=\"resizable\"\n [column]=\"column\"\n [columns]=\"columns\">\n </span>\n </th>\n </ng-template>\n </tr>\n <tr *ngIf=\"showFilterRow\"\n kendoTreeListFilterRow\n [columns]=\"leafColumns\"\n [filter]=\"filter\"\n [lockedColumnsCount]=\"lockedColumnsCount\"\n kendoTreeListLogicalRow\n [logicalRowIndex]=\"totalColumnLevels + 1\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\"\n >\n </tr>\n "
502
+ template: "\n <tr *ngFor=\"let i of columnLevels; let levelIndex = index\"\n kendoTreeListLogicalRow\n [logicalRowIndex]=\"levelIndex\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\">\n <ng-template ngFor let-column [ngForOf]=\"columnsForLevel(levelIndex)\" [ngForTrackBy]=\"trackByIndex\" let-columnIndex=\"index\" let-last=\"last\">\n <th *ngIf=\"!isColumnGroupComponent(column)\"\n kendoTreeListLogicalCell\n [logicalRowIndex]=\"levelIndex\"\n [logicalColIndex]=\"logicalColumnIndex(column)\"\n [colSpan]=\"column.colspan\"\n [rowSpan]=\"column.rowspan(totalColumnLevels)\"\n role=\"columnheader\"\n aria-selected=\"false\"\n [attr.aria-sort]=\"sortState(column)\"\n (keydown)=\"onHeaderKeydown(column, $event)\"\n kendoDropTarget\n kendoDraggable\n kendoDraggableColumn\n [enableDrag]=\"shouldActivate(column)\"\n [context]=\"{\n field: column.field,\n type: 'column',\n column: column,\n hint: column.title || column.field,\n lastColumn: last && columnIndex === 0\n }\"\n class=\"k-header\"\n [class.k-filterable]=\"(showFilterMenu && isFilterable(column)) || showColumnMenu(column)\"\n [class.k-first]=\"isFirstOnRow(column, columnIndex)\"\n [ngClass]=\"column.headerClass\"\n [ngStyle]=\"column.headerStyle\"\n [attr.rowspan]=\"column.rowspan(totalColumnLevels)\"\n [attr.colspan]=\"column.colspan\">\n <ng-template [ngIf]=\"!isSortable(column)\">\n <kendo-treelist-filter-menu\n *ngIf=\"showFilterMenu && isFilterable(column)\"\n [column]=\"column\"\n [filter]=\"filter\">\n </kendo-treelist-filter-menu>\n <kendo-treelist-column-menu *ngIf=\"showColumnMenu(column)\"\n [standalone]=\"false\"\n [settings]=\"columnMenu\"\n [column]=\"column\"\n [columnMenuTemplate]=\"columnMenuTemplate\"\n [sort]=\"sort\"\n [filter]=\"filter\"\n [sortable]=\"sortable\">\n </kendo-treelist-column-menu>\n <ng-template\n [templateContext]=\"{\n templateRef: column.headerTemplateRef,\n columnIndex: column.leafIndex,\n column: column,\n $implicit: column\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!column.headerTemplateRef\">{{column.displayTitle}}</ng-template>\n </ng-template>\n <ng-template [ngIf]=\"isSortable(column)\">\n <span class=\"k-cell-inner\">\n <a #link href=\"#\" tabindex=\"-1\" class=\"k-link\" (click)=\"sortColumn(column, $event, link)\">\n <ng-template\n [templateContext]=\"{\n templateRef: column.headerTemplateRef,\n columnIndex: column.leafIndex,\n column: column,\n $implicit: column\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!column.headerTemplateRef\">\n <span class=\"k-column-title\">{{column.displayTitle}}</span>\n </ng-template>\n <span [attr.aria-label]=\"sortableLabel\" [ngClass]=\"sortIcon(column.field)\"></span>\n <span *ngIf=\"showSortNumbering(column)\" class=\"k-sort-order\">{{sortOrder(column.field)}}</span>\n </a>\n <span role=\"status\"\n class=\"k-sort-status\"\n style=\"position: absolute; left: -10000px;\"\n [innerHtml]=\"sortStatus(column)\">\n </span>\n <kendo-treelist-filter-menu\n *ngIf=\"showFilterMenu && isFilterable(column)\"\n [column]=\"column\"\n [filter]=\"filter\">\n </kendo-treelist-filter-menu>\n <kendo-treelist-column-menu *ngIf=\"showColumnMenu(column)\"\n [standalone]=\"false\"\n [settings]=\"columnMenu\"\n [column]=\"column\"\n [columnMenuTemplate]=\"columnMenuTemplate\"\n [sort]=\"sort\"\n [filter]=\"filter\"\n [sortable]=\"sortable\">\n </kendo-treelist-column-menu>\n </span>\n </ng-template>\n <ng-container *ngIf=\"renderSelectAll(column)\">\n <input\n type=\"checkbox\"\n class=\"k-checkbox k-checkbox-md k-rounded-md\"\n kendoTreeListFocusable\n (click)=\"selectAllClick($event)\" />\n </ng-container>\n <span kendoTreeListColumnHandle\n kendoDraggable\n class=\"k-column-resizer\"\n *ngIf=\"resizable\"\n [column]=\"column\"\n [columns]=\"columns\">\n </span>\n </th>\n <th *ngIf=\"isColumnGroupComponent(column)\"\n kendoTreeListLogicalCell\n [logicalRowIndex]=\"levelIndex\"\n [logicalColIndex]=\"logicalColumnIndex(column)\"\n [rowSpan]=\"column.rowspan(totalColumnLevels)\"\n [colSpan]=\"column.colspan\"\n kendoDropTarget\n kendoDraggable\n kendoDraggableColumn\n [enableDrag]=\"shouldActivate(column)\"\n [context]=\"{\n type: 'columnGroup',\n column: column,\n hint: column.title,\n lastColumn: last && columnIndex === 0\n }\"\n class=\"k-header\"\n [class.k-first]=\"isFirstOnRow(column, columnIndex)\"\n [class.k-filterable]=\"showColumnMenu(column)\"\n [ngClass]=\"column.headerClass\"\n [ngStyle]=\"column.headerStyle\"\n [attr.rowspan]=\"column.rowspan(totalColumnLevels)\"\n [attr.colspan]=\"column.colspan\">\n <kendo-treelist-column-menu *ngIf=\"showColumnMenu(column)\"\n [standalone]=\"false\"\n [settings]=\"columnMenu\"\n [column]=\"column\"\n [columnMenuTemplate]=\"columnMenuTemplate\">\n </kendo-treelist-column-menu>\n <ng-template\n [templateContext]=\"{\n templateRef: column.headerTemplateRef,\n columnIndex: lockedColumnsCount + columnIndex,\n column: column,\n $implicit: column\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!column.headerTemplateRef\">{{column.displayTitle}}</ng-template>\n <span kendoTreeListColumnHandle\n kendoDraggable\n class=\"k-column-resizer\"\n *ngIf=\"resizable\"\n [column]=\"column\"\n [columns]=\"columns\">\n </span>\n </th>\n </ng-template>\n </tr>\n <tr *ngIf=\"showFilterRow\"\n kendoTreeListFilterRow\n [columns]=\"leafColumns\"\n [filter]=\"filter\"\n [lockedColumnsCount]=\"lockedColumnsCount\"\n kendoTreeListLogicalRow\n [logicalRowIndex]=\"totalColumnLevels + 1\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\"\n >\n </tr>\n "
503
503
  }),
504
504
  tslib_1.__metadata("design:paramtypes", [single_popup_service_1.SinglePopupService,
505
505
  drag_hint_service_1.DragHintService,
@@ -386,7 +386,7 @@ var TableBodyComponent = /** @class */ (function () {
386
386
  TableBodyComponent = tslib_1.__decorate([
387
387
  core_1.Component({
388
388
  selector: '[kendoTreeListTableBody]',
389
- template: "\n <tr *ngIf=\"!view || view.data?.length === 0 || view.data == null\" class=\"k-grid-norecords\">\n <td [attr.colspan]=\"colSpan\">\n <ng-container *ngIf=\"noRecordsTemplate?.templateRef\" [ngTemplateOutlet]=\"noRecordsTemplate.templateRef\">\n </ng-container>\n <ng-container *ngIf=\"!noRecordsTemplate?.templateRef\">\n {{noRecordsText}}\n </ng-container>\n </td>\n </tr>\n <ng-container *ngFor=\"let item of view?.data;let rowIndex = index;trackBy: trackByWrapper;\">\n <tr *ngIf=\"item.type === 'data'\"\n kendoTreeListLogicalRow\n [dataRowIndex]=\"item.index\"\n [dataItem]=\"item.data\"\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\"\n [isNew]=\"item.isNew\"\n [ngClass]=\"rowClass({ dataItem: item.data, index: item.index })\"\n [class.k-alt]=\"isOdd(item)\"\n [class.k-grid-edit-row]=\"isEditingRow(item)\"\n [class.k-grid-add-row]=\"item.isNew\"\n [class.k-state-selected]=\"item.selected\"\n [attr.data-treelist-view-index]=\"rowIndex\">\n\n <td kendoTreeListCell\n [columnIndex]=\"lockedColumnsCount + columnIndex\"\n [column]=\"column\"\n [viewItem]=\"item\"\n [dataItem]=\"item.data\"\n [level]=\"item.level\"\n [hasChildren]=\"item.hasChildren\"\n [isExpanded]=\"item.expanded\"\n [loading]=\"item.loading\"\n [isNew]=\"item.isNew\"\n [selected]=\"item.selected\"\n [expandIcons]=\"expandIcons\"\n kendoTreeListLogicalCell\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalColIndex]=\"logicalColIndex(column)\"\n [dataRowIndex]=\"item.index\"\n [column]=\"column\"\n [colIndex]=\"columnIndex\"\n [colSpan]=\"column.colspan\"\n [expandable]=\"column.expandable\"\n role=\"gridcell\"\n [attr.aria-expanded]=\"ariaExpanded(item, column)\"\n [attr.aria-selected]=\"ariaSelected(item, column, lockedColumnsCount + columnIndex)\"\n [ngClass]=\"column.cssClass\"\n [class.k-grid-edit-cell]=\"isEditingCell(item, column)\"\n [class.k-state-selected]=\"isCellSelected(item.data, column, lockedColumnsCount + columnIndex)\"\n [ngStyle]=\"column.style\"\n [attr.colspan]=\"column.colspan\"\n *ngFor=\"let column of columns; let columnIndex = index; trackBy: trackByColumns;\">\n </td>\n </tr>\n <tr *ngIf=\"item.type === 'footer' && hasFooter\"\n class=\"k-footer\"\n [attr.data-treelist-view-index]=\"rowIndex\"\n kendoTreeListLogicalRow\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\">\n\n <td kendoTreeListLogicalCell\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalColIndex]=\"logicalColIndex(column)\"\n [column]=\"column\"\n [colIndex]=\"columnIndex\"\n [ngClass]=\"column.footerClass\"\n [ngStyle]=\"column.footerStyle\"\n *ngFor=\"let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;\">\n <ng-container *ngIf=\"column.expandable\">\n <span class=\"k-icon k-i-none\" *ngFor=\"let item of item.level | levelItems\"></span>\n </ng-container>\n <ng-container [ngTemplateOutlet]=\"column.footerTemplateRef\"\n [ngTemplateOutletContext]=\"{\n $implicit: item.aggregates,\n aggregates: item.aggregates,\n column: column,\n columnIndex: columnIndex,\n field: column.field,\n items: item.items,\n parentItem: item.parentItem\n }\">\n </ng-container>\n </td>\n </tr>\n </ng-container>\n "
389
+ template: "\n <tr *ngIf=\"!view || view.data?.length === 0 || view.data == null\" class=\"k-grid-norecords\">\n <td [attr.colspan]=\"colSpan\">\n <ng-container *ngIf=\"noRecordsTemplate?.templateRef\" [ngTemplateOutlet]=\"noRecordsTemplate.templateRef\">\n </ng-container>\n <ng-container *ngIf=\"!noRecordsTemplate?.templateRef\">\n {{noRecordsText}}\n </ng-container>\n </td>\n </tr>\n <ng-container *ngFor=\"let item of view?.data;let rowIndex = index;trackBy: trackByWrapper;\">\n <tr *ngIf=\"item.type === 'data'\"\n kendoTreeListLogicalRow\n [dataRowIndex]=\"item.index\"\n [dataItem]=\"item.data\"\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\"\n [isNew]=\"item.isNew\"\n [ngClass]=\"rowClass({ dataItem: item.data, index: item.index })\"\n [class.k-alt]=\"isOdd(item)\"\n [class.k-grid-edit-row]=\"isEditingRow(item)\"\n [class.k-grid-add-row]=\"item.isNew\"\n [class.k-selected]=\"item.selected\"\n [attr.data-treelist-view-index]=\"rowIndex\">\n\n <td kendoTreeListCell\n [columnIndex]=\"lockedColumnsCount + columnIndex\"\n [column]=\"column\"\n [viewItem]=\"item\"\n [dataItem]=\"item.data\"\n [level]=\"item.level\"\n [hasChildren]=\"item.hasChildren\"\n [isExpanded]=\"item.expanded\"\n [loading]=\"item.loading\"\n [isNew]=\"item.isNew\"\n [selected]=\"item.selected\"\n [expandIcons]=\"expandIcons\"\n kendoTreeListLogicalCell\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalColIndex]=\"logicalColIndex(column)\"\n [dataRowIndex]=\"item.index\"\n [column]=\"column\"\n [colIndex]=\"columnIndex\"\n [colSpan]=\"column.colspan\"\n [expandable]=\"column.expandable\"\n role=\"gridcell\"\n [attr.aria-expanded]=\"ariaExpanded(item, column)\"\n [attr.aria-selected]=\"ariaSelected(item, column, lockedColumnsCount + columnIndex)\"\n [ngClass]=\"column.cssClass\"\n [class.k-grid-edit-cell]=\"isEditingCell(item, column)\"\n [class.k-selected]=\"isCellSelected(item.data, column, lockedColumnsCount + columnIndex)\"\n [ngStyle]=\"column.style\"\n [attr.colspan]=\"column.colspan\"\n *ngFor=\"let column of columns; let columnIndex = index; trackBy: trackByColumns;\">\n </td>\n </tr>\n <tr *ngIf=\"item.type === 'footer' && hasFooter\"\n class=\"k-footer\"\n [attr.data-treelist-view-index]=\"rowIndex\"\n kendoTreeListLogicalRow\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\">\n\n <td kendoTreeListLogicalCell\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalColIndex]=\"logicalColIndex(column)\"\n [column]=\"column\"\n [colIndex]=\"columnIndex\"\n [ngClass]=\"column.footerClass\"\n [ngStyle]=\"column.footerStyle\"\n *ngFor=\"let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;\">\n <ng-container *ngIf=\"column.expandable\">\n <span class=\"k-icon k-i-none\" *ngFor=\"let item of item.level | levelItems\"></span>\n </ng-container>\n <ng-container [ngTemplateOutlet]=\"column.footerTemplateRef\"\n [ngTemplateOutletContext]=\"{\n $implicit: item.aggregates,\n aggregates: item.aggregates,\n column: column,\n columnIndex: columnIndex,\n field: column.field,\n items: item.items,\n parentItem: item.parentItem\n }\">\n </ng-container>\n </td>\n </tr>\n </ng-container>\n "
390
390
  }),
391
391
  tslib_1.__metadata("design:paramtypes", [change_notification_service_1.ChangeNotificationService,
392
392
  edit_service_1.EditService,
@@ -1287,7 +1287,7 @@ var TreeListComponent = /** @class */ (function () {
1287
1287
  * [resizable]="true"
1288
1288
  * style="height: 300px">
1289
1289
  * <ng-template kendoTreeListToolbarTemplate>
1290
- * <button class="k-button" (click)="treelist.autoFitColumn(groupColumn)">
1290
+ * <button kendoButton (click)="treelist.autoFitColumn(groupColumn)">
1291
1291
  * Auto-fit the group column
1292
1292
  * </button>
1293
1293
  * </ng-template>
@@ -1353,10 +1353,10 @@ var TreeListComponent = /** @class */ (function () {
1353
1353
  * [resizable]="true"
1354
1354
  * style="height: 300px">
1355
1355
  * <ng-template kendoTreeListToolbarTemplate>
1356
- * <button class="k-button" (click)="treelist.autoFitColumns([firstColumn, lastColumn])">
1356
+ * <button kendoButton (click)="treelist.autoFitColumns([firstColumn, lastColumn])">
1357
1357
  * Auto-fit the first and last column
1358
1358
  * </button>
1359
- * <button class="k-button" (click)="treelist.autoFitColumns()">
1359
+ * <button kendoButton (click)="treelist.autoFitColumns()">
1360
1360
  * Auto-fit all columns
1361
1361
  * </button>
1362
1362
  * </ng-template>
@@ -1540,7 +1540,7 @@ var TreeListComponent = /** @class */ (function () {
1540
1540
  * [reorderable]="true"
1541
1541
  * style="height: 300px">
1542
1542
  * <ng-template kendoTreeListToolbarTemplate>
1543
- * <button class="k-button"
1543
+ * <button kendoButton
1544
1544
  * (click)="treelist.reorderColumn(groupColumn, 2, { before: true })">
1545
1545
  * Move the group column before the last one.
1546
1546
  * </button>