@progress/kendo-angular-treelist 5.0.3 → 5.0.5-dev.202208180735

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 (16) hide show
  1. package/bundles/kendo-angular-treelist.umd.js +1 -1
  2. package/esm2015/column-menu/column-menu-item.component.js +2 -2
  3. package/esm2015/column-menu/column-menu-sort.component.js +4 -4
  4. package/esm2015/column-menu/column-menu.component.js +2 -2
  5. package/esm2015/dragdrop/draggable-column.directive.js +2 -2
  6. package/esm2015/filtering/menu/filter-menu.component.js +2 -2
  7. package/esm2015/navigation/logical-cell.directive.js +2 -2
  8. package/esm2015/package-metadata.js +1 -1
  9. package/esm2015/pager/pager-next-buttons.component.js +8 -8
  10. package/esm2015/pager/pager-numeric-buttons.component.js +4 -4
  11. package/esm2015/pager/pager-prev-buttons.component.js +8 -8
  12. package/esm2015/rendering/cell.component.js +2 -2
  13. package/esm2015/rendering/header/header.component.js +2 -2
  14. package/esm2015/rendering/table-body.component.js +5 -5
  15. package/fesm2015/kendo-angular-treelist.js +44 -44
  16. package/package.json +1 -1
package/esm2015/column-menu/column-menu-item.component.js CHANGED
@@ -64,7 +64,7 @@ export class ColumnMenuItemComponent {
64
64
  }
65
65
  ColumnMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
66
66
  ColumnMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: { icon: "icon", text: "text", selected: "selected", disabled: "disabled", expanded: "expanded" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ColumnMenuItemContentTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
67
- <div class="k-columnmenu-item" (click)="onClick($event)" [class.k-state-selected]="selected" [class.k-state-disabled]="disabled">
67
+ <div class="k-columnmenu-item" (click)="onClick($event)" [class.k-selected]="selected" [class.k-disabled]="disabled">
68
68
  <span *ngIf="icon" class="k-icon" [ngClass]="iconClass">
69
69
  </span>
70
70
  {{ text }}
@@ -124,7 +124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
124
124
  ],
125
125
  selector: 'kendo-treelist-columnmenu-item',
126
126
  template: `
127
- <div class="k-columnmenu-item" (click)="onClick($event)" [class.k-state-selected]="selected" [class.k-state-disabled]="disabled">
127
+ <div class="k-columnmenu-item" (click)="onClick($event)" [class.k-selected]="selected" [class.k-disabled]="disabled">
128
128
  <span *ngIf="icon" class="k-icon" [ngClass]="iconClass">
129
129
  </span>
130
130
  {{ text }}
package/esm2015/column-menu/column-menu-sort.component.js CHANGED
@@ -64,10 +64,10 @@ export class ColumnMenuSortComponent extends ColumnMenuItemBase {
64
64
  ColumnMenuSortComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnMenuSortComponent, deps: [{ token: i1.LocalizationService }, { token: i2.SortService }], target: i0.ɵɵFactoryTarget.Component });
65
65
  ColumnMenuSortComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColumnMenuSortComponent, selector: "kendo-treelist-columnmenu-sort", usesInheritance: true, ngImport: i0, template: `
66
66
  <kendo-treelist-columnmenu-item [text]="localization.get('sortAscending')"
67
- icon="sort-asc-sm" (itemClick)="toggleSort('asc')" [selected]="sortedAsc">
67
+ icon="sort-asc-small" (itemClick)="toggleSort('asc')" [selected]="sortedAsc">
68
68
  </kendo-treelist-columnmenu-item>
69
69
  <kendo-treelist-columnmenu-item [text]="localization.get('sortDescending')"
70
- icon="sort-desc-sm" (itemClick)="toggleSort('desc')" [selected]="sortedDesc">
70
+ icon="sort-desc-small" (itemClick)="toggleSort('desc')" [selected]="sortedDesc">
71
71
  </kendo-treelist-columnmenu-item>
72
72
  `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }] });
73
73
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnMenuSortComponent, decorators: [{
@@ -76,10 +76,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
76
76
  selector: 'kendo-treelist-columnmenu-sort',
77
77
  template: `
78
78
  <kendo-treelist-columnmenu-item [text]="localization.get('sortAscending')"
79
- icon="sort-asc-sm" (itemClick)="toggleSort('asc')" [selected]="sortedAsc">
79
+ icon="sort-asc-small" (itemClick)="toggleSort('asc')" [selected]="sortedAsc">
80
80
  </kendo-treelist-columnmenu-item>
81
81
  <kendo-treelist-columnmenu-item [text]="localization.get('sortDescending')"
82
- icon="sort-desc-sm" (itemClick)="toggleSort('desc')" [selected]="sortedDesc">
82
+ icon="sort-desc-small" (itemClick)="toggleSort('desc')" [selected]="sortedDesc">
83
83
  </kendo-treelist-columnmenu-item>
84
84
  `
85
85
  }]
package/esm2015/column-menu/column-menu.component.js CHANGED
@@ -122,7 +122,7 @@ ColumnMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", vers
122
122
  ColumnMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColumnMenuComponent, selector: "kendo-treelist-column-menu", inputs: { standalone: "standalone", column: "column", settings: "settings", sort: "sort", filter: "filter", sortable: "sortable", columnMenuTemplate: "columnMenuTemplate" }, host: { properties: { "class.k-grid-column-menu-standalone": "this.standalone" } }, providers: [ColumnMenuService], usesOnChanges: true, ngImport: i0, template: `
123
123
  <a #anchor
124
124
  class="k-grid-column-menu k-grid-filter"
125
- [ngClass]="{ 'k-state-active': isActive }"
125
+ [ngClass]="{ 'k-active': isActive }"
126
126
  (click)="toggle($event, anchor, template)"
127
127
  href="#"
128
128
  tabindex="-1"
@@ -155,7 +155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
155
155
  template: `
156
156
  <a #anchor
157
157
  class="k-grid-column-menu k-grid-filter"
158
- [ngClass]="{ 'k-state-active': isActive }"
158
+ [ngClass]="{ 'k-active': isActive }"
159
159
  (click)="toggle($event, anchor, template)"
160
160
  href="#"
161
161
  tabindex="-1"
package/esm2015/dragdrop/draggable-column.directive.js CHANGED
@@ -18,8 +18,8 @@ import * as i5 from "../navigation/navigation.service";
18
18
  */
19
19
  const preventOnDblClick = release => mouseDown => of(mouseDown).pipe(delay(150), takeUntil(release));
20
20
  const hasClass = className => el => new RegExp(`(^| )${className}( |$)`).test(el.className);
21
- const isDeleteButton = or(hasClass('k-i-group-delete'), hasClass('k-icon-button'));
22
- const isSortIcon = or(hasClass('k-i-sort-asc-sm'), hasClass('k-i-sort-desc-sm'));
21
+ const isDeleteButton = or(hasClass('k-i-x'), hasClass('k-icon-button'));
22
+ const isSortIcon = or(hasClass('k-i-sort-asc-small'), hasClass('k-i-sort-desc-small'));
23
23
  const skipButtons = and(not(isDeleteButton), not(isSortIcon), not(isFocusableWithTabKey), not(matchesNodeName('label')));
24
24
  const elementUnderCursor = ({ clientX, clientY }) => document.elementFromPoint(clientX, clientY);
25
25
  const hideThenShow = (element, cont) => {
package/esm2015/filtering/menu/filter-menu.component.js CHANGED
@@ -37,7 +37,7 @@ export class FilterMenuComponent {
37
37
  FilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuComponent, deps: [{ token: i1.FilterService }, { token: i2.SinglePopupService }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
38
38
  FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterMenuComponent, selector: "kendo-treelist-filter-menu", inputs: { column: "column", filter: "filter" }, ngImport: i0, template: `
39
39
  <a #anchor
40
- [ngClass]="{'k-grid-filter':true, 'k-state-active': hasFilters}"
40
+ [ngClass]="{'k-grid-filter':true, 'k-active': hasFilters}"
41
41
  (click)="toggle(anchor, template)"
42
42
  href="#"
43
43
  [attr.title]="filterLabel">
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
58
58
  selector: 'kendo-treelist-filter-menu',
59
59
  template: `
60
60
  <a #anchor
61
- [ngClass]="{'k-grid-filter':true, 'k-state-active': hasFilters}"
61
+ [ngClass]="{'k-grid-filter':true, 'k-active': hasFilters}"
62
62
  (click)="toggle(anchor, template)"
63
63
  href="#"
64
64
  [attr.title]="filterLabel">
package/esm2015/navigation/logical-cell.directive.js CHANGED
@@ -95,11 +95,11 @@ export class LogicalCellDirective {
95
95
  if (!this.logicalSlaveCell && this.navigationService.autoFocusCell(this.logicalColIndex, this.logicalColIndex + this.colSpan - 1)) {
96
96
  this.microtask(() => this.isFocused() && el.focus());
97
97
  }
98
- this.renderer.addClass(el, 'k-state-focused');
98
+ this.renderer.addClass(el, 'k-focus');
99
99
  }
100
100
  }
101
101
  else {
102
- this.renderer.removeClass(el, 'k-state-focused');
102
+ this.renderer.removeClass(el, 'k-focus');
103
103
  }
104
104
  }
105
105
  microtask(callback) {
package/esm2015/package-metadata.js CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-treelist',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1655881038,
12
+ publishDate: 1660808071,
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
  };
package/esm2015/pager/pager-next-buttons.component.js CHANGED
@@ -42,13 +42,13 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
42
42
  [ngClass]="{
43
43
  'k-link': true,
44
44
  'k-pager-nav': true,
45
- 'k-state-disabled': disabled,
45
+ 'k-disabled': disabled,
46
46
  '': true
47
47
  }">
48
48
  <span [attr.aria-label]="textFor('pagerNextPage')"
49
49
  [ngClass]="{
50
50
  'k-icon':true,
51
- 'k-i-arrow-e': true
51
+ 'k-i-caret-alt-right': true
52
52
  }">
53
53
  </span>
54
54
  </a>
@@ -59,13 +59,13 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
59
59
  [ngClass]="{
60
60
  'k-link': true,
61
61
  'k-pager-nav': true,
62
- 'k-state-disabled': disabled,
62
+ 'k-disabled': disabled,
63
63
  'k-pager-last': true
64
64
  }">
65
65
  <span [attr.aria-label]="textFor('pagerLastPage')"
66
66
  [ngClass]="{
67
67
  'k-icon':true,
68
- 'k-i-seek-e': true
68
+ 'k-i-caret-alt-to-right': true
69
69
  }">
70
70
  </span>
71
71
  </a>
@@ -83,13 +83,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
83
83
  [ngClass]="{
84
84
  'k-link': true,
85
85
  'k-pager-nav': true,
86
- 'k-state-disabled': disabled,
86
+ 'k-disabled': disabled,
87
87
  '': true
88
88
  }">
89
89
  <span [attr.aria-label]="textFor('pagerNextPage')"
90
90
  [ngClass]="{
91
91
  'k-icon':true,
92
- 'k-i-arrow-e': true
92
+ 'k-i-caret-alt-right': true
93
93
  }">
94
94
  </span>
95
95
  </a>
@@ -100,13 +100,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
100
100
  [ngClass]="{
101
101
  'k-link': true,
102
102
  'k-pager-nav': true,
103
- 'k-state-disabled': disabled,
103
+ 'k-disabled': disabled,
104
104
  'k-pager-last': true
105
105
  }">
106
106
  <span [attr.aria-label]="textFor('pagerLastPage')"
107
107
  [ngClass]="{
108
108
  'k-icon':true,
109
- 'k-i-seek-e': true
109
+ 'k-i-caret-alt-to-right': true
110
110
  }">
111
111
  </span>
112
112
  </a>
package/esm2015/pager/pager-numeric-buttons.component.js CHANGED
@@ -100,7 +100,7 @@ PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
100
100
  [selected]="num === currentPage"
101
101
  [attr.aria-label]="pageLabel(num)"
102
102
  [attr.aria-current]="currentPage === num ? 'page' : undefined"
103
- [ngClass]="{'k-link': true, 'k-state-selected':currentPage === num}">
103
+ [ngClass]="{'k-link': true, 'k-selected':currentPage === num}">
104
104
  {{num}}
105
105
  </option>
106
106
  <option *ngIf="end < totalPages"
@@ -122,7 +122,7 @@ PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
122
122
  <a href="#"
123
123
  [attr.aria-label]="pageLabel(num)"
124
124
  tabindex="-1"
125
- [ngClass]="{'k-link': true, 'k-state-selected':currentPage === num}"
125
+ [ngClass]="{'k-link': true, 'k-selected':currentPage === num}"
126
126
  (click)="changePage(num - 1)">
127
127
  {{num}}
128
128
  </a>
@@ -156,7 +156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
156
156
  [selected]="num === currentPage"
157
157
  [attr.aria-label]="pageLabel(num)"
158
158
  [attr.aria-current]="currentPage === num ? 'page' : undefined"
159
- [ngClass]="{'k-link': true, 'k-state-selected':currentPage === num}">
159
+ [ngClass]="{'k-link': true, 'k-selected':currentPage === num}">
160
160
  {{num}}
161
161
  </option>
162
162
  <option *ngIf="end < totalPages"
@@ -178,7 +178,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
178
178
  <a href="#"
179
179
  [attr.aria-label]="pageLabel(num)"
180
180
  tabindex="-1"
181
- [ngClass]="{'k-link': true, 'k-state-selected':currentPage === num}"
181
+ [ngClass]="{'k-link': true, 'k-selected':currentPage === num}"
182
182
  (click)="changePage(num - 1)">
183
183
  {{num}}
184
184
  </a>
package/esm2015/pager/pager-prev-buttons.component.js CHANGED
@@ -42,13 +42,13 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
42
42
  [ngClass]="{
43
43
  'k-link': true,
44
44
  'k-pager-nav': true,
45
- 'k-state-disabled': disabled,
45
+ 'k-disabled': disabled,
46
46
  'k-pager-first': true
47
47
  }">
48
48
  <span [attr.aria-label]="textFor('pagerFirstPage')"
49
49
  [ngClass]="{
50
50
  'k-icon':true,
51
- 'k-i-seek-w': true
51
+ 'k-i-caret-alt-to-left': true
52
52
  }">
53
53
  </span>
54
54
  </a>
@@ -59,13 +59,13 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
59
59
  [ngClass]="{
60
60
  'k-link': true,
61
61
  'k-pager-nav': true,
62
- 'k-state-disabled': disabled,
62
+ 'k-disabled': disabled,
63
63
  '': true
64
64
  }">
65
65
  <span [attr.aria-label]="textFor('pagerPreviousPage')"
66
66
  [ngClass]="{
67
67
  'k-icon':true,
68
- 'k-i-arrow-w': true
68
+ 'k-i-caret-alt-left': true
69
69
  }">
70
70
  </span>
71
71
  </a>
@@ -83,13 +83,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
83
83
  [ngClass]="{
84
84
  'k-link': true,
85
85
  'k-pager-nav': true,
86
- 'k-state-disabled': disabled,
86
+ 'k-disabled': disabled,
87
87
  'k-pager-first': true
88
88
  }">
89
89
  <span [attr.aria-label]="textFor('pagerFirstPage')"
90
90
  [ngClass]="{
91
91
  'k-icon':true,
92
- 'k-i-seek-w': true
92
+ 'k-i-caret-alt-to-left': true
93
93
  }">
94
94
  </span>
95
95
  </a>
@@ -100,13 +100,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
100
100
  [ngClass]="{
101
101
  'k-link': true,
102
102
  'k-pager-nav': true,
103
- 'k-state-disabled': disabled,
103
+ 'k-disabled': disabled,
104
104
  '': true
105
105
  }">
106
106
  <span [attr.aria-label]="textFor('pagerPreviousPage')"
107
107
  [ngClass]="{
108
108
  'k-icon':true,
109
- 'k-i-arrow-w': true
109
+ 'k-i-caret-alt-left': true
110
110
  }">
111
111
  </span>
112
112
  </a>
package/esm2015/rendering/cell.component.js CHANGED
@@ -115,7 +115,7 @@ CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
115
115
  <ng-container *ngIf="column.expandable">
116
116
  <span class="k-icon k-i-none" *ngFor="let item of level | levelItems : hasChildren && expandIcons"></span>
117
117
  <span class="k-icon" *ngIf="hasChildren && expandIcons"
118
- [ngClass]="{ 'k-i-collapse': isExpanded && !loading, 'k-i-expand': !isExpanded && !loading, 'k-i-loading': loading }">
118
+ [ngClass]="{ 'k-i-caret-alt-down': isExpanded && !loading, 'k-i-caret-alt-right': !isExpanded && !loading, 'k-i-loading': loading }">
119
119
  </span>
120
120
  </ng-container>
121
121
  <ng-container *ngIf="column.templateRef"
@@ -186,7 +186,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
186
186
  <ng-container *ngIf="column.expandable">
187
187
  <span class="k-icon k-i-none" *ngFor="let item of level | levelItems : hasChildren && expandIcons"></span>
188
188
  <span class="k-icon" *ngIf="hasChildren && expandIcons"
189
- [ngClass]="{ 'k-i-collapse': isExpanded && !loading, 'k-i-expand': !isExpanded && !loading, 'k-i-loading': loading }">
189
+ [ngClass]="{ 'k-i-caret-alt-down': isExpanded && !loading, 'k-i-caret-alt-right': !isExpanded && !loading, 'k-i-loading': loading }">
190
190
  </span>
191
191
  </ng-container>
192
192
  <ng-container *ngIf="column.templateRef"
package/esm2015/rendering/header/header.component.js CHANGED
@@ -133,8 +133,8 @@ export class HeaderComponent {
133
133
  const state = this.sortDescriptor(field);
134
134
  return {
135
135
  'k-icon': isPresent(state.dir),
136
- 'k-i-sort-desc-sm': state.dir === "desc",
137
- 'k-i-sort-asc-sm': state.dir === "asc"
136
+ 'k-i-sort-desc-small': state.dir === "desc",
137
+ 'k-i-sort-asc-small': state.dir === "asc"
138
138
  };
139
139
  }
140
140
  sortState(column) {
package/esm2015/rendering/table-body.component.js CHANGED
@@ -272,7 +272,7 @@ export class TableBodyComponent {
272
272
  return {};
273
273
  }
274
274
  expandClick(eventArg, row) {
275
- if (eventArg.type === 'click' && hasClasses(eventArg.target, 'k-i-expand k-i-collapse')) {
275
+ if (eventArg.type === 'click' && hasClasses(eventArg.target, 'k-i-caret-alt-right k-i-caret-alt-down')) {
276
276
  eventArg.preventDefault();
277
277
  const viewItem = this.rowItem(row);
278
278
  if (viewItem.type === 'data') {
@@ -326,7 +326,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
326
326
  [class.k-alt]="isOdd(item)"
327
327
  [class.k-grid-edit-row]="isEditingRow(item)"
328
328
  [class.k-grid-add-row]="item.isNew"
329
- [class.k-state-selected]="item.selected"
329
+ [class.k-selected]="item.selected"
330
330
  [attr.data-treelist-view-index]="rowIndex">
331
331
 
332
332
  <td kendoTreeListCell
@@ -354,7 +354,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
354
354
  [attr.aria-selected]="ariaSelected(item, column, lockedColumnsCount + columnIndex)"
355
355
  [ngClass]="column.cssClass"
356
356
  [class.k-grid-edit-cell]="isEditingCell(item, column)"
357
- [class.k-state-selected]="isCellSelected(item.data, column, lockedColumnsCount + columnIndex)"
357
+ [class.k-selected]="isCellSelected(item.data, column, lockedColumnsCount + columnIndex)"
358
358
  [ngStyle]="column.style"
359
359
  [attr.colspan]="column.colspan"
360
360
  *ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;">
@@ -423,7 +423,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
423
423
  [class.k-alt]="isOdd(item)"
424
424
  [class.k-grid-edit-row]="isEditingRow(item)"
425
425
  [class.k-grid-add-row]="item.isNew"
426
- [class.k-state-selected]="item.selected"
426
+ [class.k-selected]="item.selected"
427
427
  [attr.data-treelist-view-index]="rowIndex">
428
428
 
429
429
  <td kendoTreeListCell
@@ -451,7 +451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
451
451
  [attr.aria-selected]="ariaSelected(item, column, lockedColumnsCount + columnIndex)"
452
452
  [ngClass]="column.cssClass"
453
453
  [class.k-grid-edit-cell]="isEditingCell(item, column)"
454
- [class.k-state-selected]="isCellSelected(item.data, column, lockedColumnsCount + columnIndex)"
454
+ [class.k-selected]="isCellSelected(item.data, column, lockedColumnsCount + columnIndex)"
455
455
  [ngStyle]="column.style"
456
456
  [attr.colspan]="column.colspan"
457
457
  *ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;">