@progress/kendo-angular-treelist 4.0.0 → 4.0.1-dev.202201201252

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 (28) hide show
  1. package/dist/cdn/js/kendo-angular-treelist.js +1 -1
  2. package/dist/cdn/main.js +1 -1
  3. package/dist/es/column-menu/column-menu-item.component.js +1 -1
  4. package/dist/es/navigation/logical-cell.directive.js +2 -2
  5. package/dist/es/package-metadata.js +1 -1
  6. package/dist/es/pager/pager-next-buttons.component.js +1 -1
  7. package/dist/es/pager/pager-numeric-buttons.component.js +1 -1
  8. package/dist/es/pager/pager-prev-buttons.component.js +1 -1
  9. package/dist/es/rendering/table-body.component.js +1 -1
  10. package/dist/es2015/column-menu/column-menu-item.component.js +1 -1
  11. package/dist/es2015/index.metadata.json +1 -1
  12. package/dist/es2015/navigation/logical-cell.directive.js +2 -2
  13. package/dist/es2015/package-metadata.js +1 -1
  14. package/dist/es2015/pager/pager-next-buttons.component.js +2 -2
  15. package/dist/es2015/pager/pager-numeric-buttons.component.js +2 -2
  16. package/dist/es2015/pager/pager-prev-buttons.component.js +2 -2
  17. package/dist/es2015/rendering/table-body.component.js +2 -2
  18. package/dist/fesm2015/index.js +12 -12
  19. package/dist/fesm5/index.js +8 -8
  20. package/dist/npm/column-menu/column-menu-item.component.js +1 -1
  21. package/dist/npm/navigation/logical-cell.directive.js +2 -2
  22. package/dist/npm/package-metadata.js +1 -1
  23. package/dist/npm/pager/pager-next-buttons.component.js +1 -1
  24. package/dist/npm/pager/pager-numeric-buttons.component.js +1 -1
  25. package/dist/npm/pager/pager-prev-buttons.component.js +1 -1
  26. package/dist/npm/rendering/table-body.component.js +1 -1
  27. package/dist/systemjs/kendo-angular-treelist.js +1 -1
  28. package/package.json +1 -1
@@ -126,7 +126,7 @@ var ColumnMenuItemComponent = /** @class */ (function () {
126
126
  ])
127
127
  ],
128
128
  selector: 'kendo-treelist-columnmenu-item',
129
- template: "\n <div class=\"k-columnmenu-item\" (click)=\"onClick($event)\" [class.k-selected]=\"selected\" [class.k-disabled]=\"disabled\">\n <span *ngIf=\"icon\" class=\"k-icon\" [ngClass]=\"iconClass\">\n </span>\n {{ text }}\n </div>\n <div *ngIf=\"contentTemplate\" [@state]=\"contentState\" style=\"overflow:hidden;\" class=\"k-columnmenu-item-content\">\n <ng-container [ngTemplateOutlet]=\"contentTemplate.templateRef\">\n </ng-container>\n <div>\n "
129
+ template: "\n <div class=\"k-columnmenu-item\" (click)=\"onClick($event)\" [class.k-state-selected]=\"selected\" [class.k-state-disabled]=\"disabled\">\n <span *ngIf=\"icon\" class=\"k-icon\" [ngClass]=\"iconClass\">\n </span>\n {{ text }}\n </div>\n <div *ngIf=\"contentTemplate\" [@state]=\"contentState\" style=\"overflow:hidden;\" class=\"k-columnmenu-item-content\">\n <ng-container [ngTemplateOutlet]=\"contentTemplate.templateRef\">\n </ng-container>\n <div>\n "
130
130
  })
131
131
  ], ColumnMenuItemComponent);
132
132
  return ColumnMenuItemComponent;
@@ -106,11 +106,11 @@ var LogicalCellDirective = /** @class */ (function () {
106
106
  return _this.isFocused() && el.focus();
107
107
  });
108
108
  }
109
- this.renderer.addClass(el, 'k-focus');
109
+ this.renderer.addClass(el, 'k-state-focused');
110
110
  }
111
111
  }
112
112
  else {
113
- this.renderer.removeClass(el, 'k-focus');
113
+ this.renderer.removeClass(el, 'k-state-focused');
114
114
  }
115
115
  };
116
116
  LogicalCellDirective.prototype.microtask = function (callback) {
@@ -9,7 +9,7 @@ export var packageMetadata = {
9
9
  name: '@progress/kendo-angular-treelist',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1642597633,
12
+ publishDate: 1642682650,
13
13
  version: '',
14
14
  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'
15
15
  };
@@ -41,7 +41,7 @@ var PagerNextButtonsComponent = /** @class */ (function (_super) {
41
41
  Component({
42
42
  changeDetection: ChangeDetectionStrategy.OnPush,
43
43
  selector: 'kendo-treelist-pager-next-buttons',
44
- template: "\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerNextPage')\"\n (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerNextPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-e': true\n }\">\n </span>\n </a>\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerLastPage')\"\n (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-disabled': disabled,\n 'k-pager-last': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerLastPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-e': true\n }\">\n </span>\n </a>\n "
44
+ template: "\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerNextPage')\"\n (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerNextPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-e': true\n }\">\n </span>\n </a>\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerLastPage')\"\n (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n 'k-pager-last': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerLastPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-e': true\n }\">\n </span>\n </a>\n "
45
45
  }),
46
46
  tslib_1.__metadata("design:paramtypes", [LocalizationService,
47
47
  PagerContextService,
@@ -109,7 +109,7 @@ var PagerNumericButtonsComponent = /** @class */ (function (_super) {
109
109
  Component({
110
110
  changeDetection: ChangeDetectionStrategy.OnPush,
111
111
  selector: 'kendo-treelist-pager-numeric-buttons',
112
- template: "\n <select\n class=\"k-dropdown\"\n [value]=\"(currentPage).toString()\"\n (change)=\"onSelectChange($event)\">\n <option *ngIf=\"start > 1\"\n class=\"k-link\"\n value=\"previousButtons\"\n [attr.aria-label]=\"pageLabel(start - 1)\">...\n </option>\n <option *ngFor=\"let num of buttons\"\n [value]=\"num.toString()\"\n [attr.aria-label]=\"pageLabel(num)\"\n [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n [ngClass]=\"{'k-link': true, 'k-selected':currentPage == num}\">\n {{num}}\n </option>\n <option *ngIf=\"end < totalPages\"\n value=\"nextButtons\"\n class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\">...\n </option>\n </select>\n <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n <li *ngIf=\"start > 1\">\n <a class=\"k-link\"\n [attr.aria-label]=\"pageLabel(start - 1)\"\n href=\"#\"\n tabindex=\"-1\"\n (click)=\"changePage(start - 2)\">...</a>\n </li>\n <li *ngFor=\"let num of buttons\">\n <a href=\"#\"\n [attr.aria-label]=\"pageLabel(num)\"\n tabindex=\"-1\"\n [ngClass]=\"{'k-link': true, 'k-selected':currentPage == num}\"\n (click)=\"changePage(num - 1)\">\n {{num}}\n </a>\n </li>\n <li *ngIf=\"end < totalPages\">\n <a class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\"\n href=\"#\"\n tabindex=\"-1\"\n (click)=\"changePage(end)\">...</a>\n </li>\n </ul>\n "
112
+ template: "\n <select\n class=\"k-dropdown\"\n [value]=\"(currentPage).toString()\"\n (change)=\"onSelectChange($event)\">\n <option *ngIf=\"start > 1\"\n class=\"k-link\"\n value=\"previousButtons\"\n [attr.aria-label]=\"pageLabel(start - 1)\">...\n </option>\n <option *ngFor=\"let num of buttons\"\n [value]=\"num.toString()\"\n [attr.aria-label]=\"pageLabel(num)\"\n [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\">\n {{num}}\n </option>\n <option *ngIf=\"end < totalPages\"\n value=\"nextButtons\"\n class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\">...\n </option>\n </select>\n <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n <li *ngIf=\"start > 1\">\n <a class=\"k-link\"\n [attr.aria-label]=\"pageLabel(start - 1)\"\n href=\"#\"\n tabindex=\"-1\"\n (click)=\"changePage(start - 2)\">...</a>\n </li>\n <li *ngFor=\"let num of buttons\">\n <a href=\"#\"\n [attr.aria-label]=\"pageLabel(num)\"\n tabindex=\"-1\"\n [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\"\n (click)=\"changePage(num - 1)\">\n {{num}}\n </a>\n </li>\n <li *ngIf=\"end < totalPages\">\n <a class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\"\n href=\"#\"\n tabindex=\"-1\"\n (click)=\"changePage(end)\">...</a>\n </li>\n </ul>\n "
113
113
  }),
114
114
  tslib_1.__metadata("design:paramtypes", [LocalizationService,
115
115
  ChangeDetectorRef,
@@ -41,7 +41,7 @@ var PagerPrevButtonsComponent = /** @class */ (function (_super) {
41
41
  Component({
42
42
  changeDetection: ChangeDetectionStrategy.OnPush,
43
43
  selector: 'kendo-treelist-pager-prev-buttons',
44
- template: "\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerFirstPage')\"\n (click)=\"currentPage !== 1 ? changePage(0) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-disabled': disabled,\n 'k-pager-first': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerFirstPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-w': true\n }\">\n </span>\n </a>\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerPreviousPage')\"\n (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerPreviousPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-w': true\n }\">\n </span>\n </a>\n "
44
+ template: "\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerFirstPage')\"\n (click)=\"currentPage !== 1 ? changePage(0) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n 'k-pager-first': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerFirstPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-w': true\n }\">\n </span>\n </a>\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerPreviousPage')\"\n (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerPreviousPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-w': true\n }\">\n </span>\n </a>\n "
45
45
  }),
46
46
  tslib_1.__metadata("design:paramtypes", [LocalizationService,
47
47
  PagerContextService,
@@ -383,7 +383,7 @@ var TableBodyComponent = /** @class */ (function () {
383
383
  TableBodyComponent = tslib_1.__decorate([
384
384
  Component({
385
385
  selector: '[kendoTreeListTableBody]',
386
- 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 "
386
+ 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 "
387
387
  }),
388
388
  tslib_1.__metadata("design:paramtypes", [ChangeNotificationService,
389
389
  EditService,
@@ -135,7 +135,7 @@ ColumnMenuItemComponent = tslib_1.__decorate([
135
135
  ],
136
136
  selector: 'kendo-treelist-columnmenu-item',
137
137
  template: `
138
- <div class="k-columnmenu-item" (click)="onClick($event)" [class.k-selected]="selected" [class.k-disabled]="disabled">
138
+ <div class="k-columnmenu-item" (click)="onClick($event)" [class.k-state-selected]="selected" [class.k-state-disabled]="disabled">
139
139
  <span *ngIf="icon" class="k-icon" [ngClass]="iconClass">
140
140
  </span>
141
141
  {{ text }}