@progress/kendo-angular-grid 11.0.0-develop.81 → 11.0.0-develop.83

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 (13) hide show
  1. package/esm2020/filtering/filter-row.component.mjs +6 -0
  2. package/esm2020/filtering/menu/filter-menu.component.mjs +5 -4
  3. package/esm2020/grid.component.mjs +2 -0
  4. package/esm2020/grouping/group-header.component.mjs +6 -2
  5. package/esm2020/navigation/logical-cell.directive.mjs +0 -5
  6. package/esm2020/package-metadata.mjs +1 -1
  7. package/esm2020/rendering/footer/footer.component.mjs +6 -4
  8. package/esm2020/rendering/header/header.component.mjs +6 -6
  9. package/esm2020/rendering/table-body.component.mjs +22 -16
  10. package/fesm2015/progress-kendo-angular-grid.mjs +54 -37
  11. package/fesm2020/progress-kendo-angular-grid.mjs +54 -37
  12. package/navigation/logical-cell.directive.d.ts +0 -1
  13. package/package.json +14 -14
package/esm2020/filtering/filter-row.component.mjs CHANGED
@@ -37,16 +37,19 @@ export class FilterRowComponent {
37
37
  FilterRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterRowComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
38
38
  FilterRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterRowComponent, selector: "[kendoGridFilterRow]", inputs: { columns: "columns", filter: "filter", groups: "groups", detailTemplate: "detailTemplate", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
39
39
  <td
40
+ class="k-table-td"
40
41
  [class.k-group-cell]="true"
41
42
  *ngFor="let g of groups"
42
43
  role="presentation">
43
44
  </td>
44
45
  <td
46
+ class="k-table-td"
45
47
  [class.k-hierarchy-cell]="true"
46
48
  *ngIf="detailTemplate?.templateRef"
47
49
  role="presentation">
48
50
  </td>
49
51
  <td *ngFor="let column of columns; let columnIndex = index"
52
+ class="k-table-td"
50
53
  [class.k-grid-header-sticky]="column.sticky"
51
54
  [ngStyle]="addStickyStyles(column)"
52
55
  [ngClass]="column.filterClass"
@@ -65,16 +68,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
65
68
  selector: '[kendoGridFilterRow]',
66
69
  template: `
67
70
  <td
71
+ class="k-table-td"
68
72
  [class.k-group-cell]="true"
69
73
  *ngFor="let g of groups"
70
74
  role="presentation">
71
75
  </td>
72
76
  <td
77
+ class="k-table-td"
73
78
  [class.k-hierarchy-cell]="true"
74
79
  *ngIf="detailTemplate?.templateRef"
75
80
  role="presentation">
76
81
  </td>
77
82
  <td *ngFor="let column of columns; let columnIndex = index"
83
+ class="k-table-td"
78
84
  [class.k-grid-header-sticky]="column.sticky"
79
85
  [ngStyle]="addStickyStyles(column)"
80
86
  [ngClass]="column.filterClass"
package/esm2020/filtering/menu/filter-menu.component.mjs CHANGED
@@ -16,7 +16,6 @@ import * as i2 from "../../common/single-popup.service";
16
16
  import * as i3 from "@progress/kendo-angular-l10n";
17
17
  import * as i4 from "./../../navigation/navigation.service";
18
18
  import * as i5 from "./filter-menu-container.component";
19
- import * as i6 from "@angular/common";
20
19
  /**
21
20
  * @hidden
22
21
  */
@@ -64,7 +63,8 @@ export class FilterMenuComponent {
64
63
  FilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterMenuComponent, deps: [{ token: i1.FilterService }, { token: i2.SinglePopupService }, { token: i3.LocalizationService }, { token: i4.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
65
64
  FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterMenuComponent, selector: "kendo-grid-filter-menu", inputs: { column: "column", filter: "filter", tabIndex: "tabIndex" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
66
65
  <a #anchor
67
- [ngClass]="{'k-grid-filter-menu':true, 'k-grid-header-menu':true, 'k-active': hasFilters}"
66
+ class="k-grid-filter-menu k-grid-header-menu"
67
+ [class.k-active]="hasFilters"
68
68
  [tabindex]="tabIndex"
69
69
  (click)="toggle(anchor, template)"
70
70
  (keydown.enter)="$event.stopImmediatePropagation()"
@@ -82,14 +82,15 @@ FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
82
82
  >
83
83
  </kendo-grid-filter-menu-container>
84
84
  </ng-template>
85
- `, isInline: true, components: [{ type: i5.FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }], directives: [{ type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
85
+ `, isInline: true, components: [{ type: i5.FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }] });
86
86
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterMenuComponent, decorators: [{
87
87
  type: Component,
88
88
  args: [{
89
89
  selector: 'kendo-grid-filter-menu',
90
90
  template: `
91
91
  <a #anchor
92
- [ngClass]="{'k-grid-filter-menu':true, 'k-grid-header-menu':true, 'k-active': hasFilters}"
92
+ class="k-grid-filter-menu k-grid-header-menu"
93
+ [class.k-active]="hasFilters"
93
94
  [tabindex]="tabIndex"
94
95
  (click)="toggle(anchor, template)"
95
96
  (keydown.enter)="$event.stopImmediatePropagation()"
package/esm2020/grid.component.mjs CHANGED
@@ -2682,6 +2682,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
2682
2682
  [skip]="skip"
2683
2683
  [size]="size"
2684
2684
  [options]="pageable"
2685
+ class="k-pager"
2685
2686
  (pageChange)="notifyPageChange('pager', $event)">
2686
2687
  </kendo-pager>
2687
2688
  <kendo-grid-toolbar
@@ -3229,6 +3230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
3229
3230
  [skip]="skip"
3230
3231
  [size]="size"
3231
3232
  [options]="pageable"
3233
+ class="k-pager"
3232
3234
  (pageChange)="notifyPageChange('pager', $event)">
3233
3235
  </kendo-pager>
3234
3236
  <kendo-grid-toolbar
package/esm2020/grouping/group-header.component.mjs CHANGED
@@ -85,13 +85,14 @@ export class GroupHeaderComponent {
85
85
  GroupHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GroupHeaderComponent, deps: [{ token: i1.GroupsService }, { token: i2.GroupInfoService }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
86
86
  GroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: { rowIndex: "rowIndex", logicalRowIndex: "logicalRowIndex", item: "item", skipGroupDecoration: "skipGroupDecoration", hasDetails: "hasDetails", totalColumnsCount: "totalColumnsCount", hasGroupHeaderColumn: "hasGroupHeaderColumn", groupHeaderColumns: "groupHeaderColumns", columns: "columns", groups: "groups" }, host: { properties: { "class.k-grouping-row": "this.groupItemClass", "class.k-table-group-row": "this.tableGroupRowClass" } }, ngImport: i0, template: `
87
87
  <ng-container *ngIf="!skipGroupDecoration">
88
- <td class="k-group-cell"
88
+ <td class="k-group-cell k-table-td"
89
89
  role="presentation"
90
90
  *ngFor="let g of prefixGroupCell(item)"></td>
91
91
  </ng-container>
92
92
  <td [attr.colspan]="groupSpan(item)" *ngIf="!(skipGroupDecoration && hasGroupHeaderColumn)"
93
93
  [attr.role]="ariaRole()"
94
94
  aria-selected="false"
95
+ class="k-table-td"
95
96
  [attr.aria-expanded]="isExpanded"
96
97
  kendoGridLogicalCell
97
98
  [logicalRowIndex]="logicalRowIndex"
@@ -128,6 +129,7 @@ GroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
128
129
  <ng-container *ngIf="hasGroupHeaderColumn">
129
130
  <td *ngFor="let column of groupHeaderColumns; let index = index"
130
131
  role="gridcell"
132
+ class="k-table-td"
131
133
  aria-selected="false"
132
134
  kendoGridLogicalCell
133
135
  [logicalRowIndex]="logicalRowIndex"
@@ -155,13 +157,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
155
157
  selector: '[kendoGridGroupHeader]',
156
158
  template: `
157
159
  <ng-container *ngIf="!skipGroupDecoration">
158
- <td class="k-group-cell"
160
+ <td class="k-group-cell k-table-td"
159
161
  role="presentation"
160
162
  *ngFor="let g of prefixGroupCell(item)"></td>
161
163
  </ng-container>
162
164
  <td [attr.colspan]="groupSpan(item)" *ngIf="!(skipGroupDecoration && hasGroupHeaderColumn)"
163
165
  [attr.role]="ariaRole()"
164
166
  aria-selected="false"
167
+ class="k-table-td"
165
168
  [attr.aria-expanded]="isExpanded"
166
169
  kendoGridLogicalCell
167
170
  [logicalRowIndex]="logicalRowIndex"
@@ -198,6 +201,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
198
201
  <ng-container *ngIf="hasGroupHeaderColumn">
199
202
  <td *ngFor="let column of groupHeaderColumns; let index = index"
200
203
  role="gridcell"
204
+ class="k-table-td"
201
205
  aria-selected="false"
202
206
  kendoGridLogicalCell
203
207
  [logicalRowIndex]="logicalRowIndex"
package/esm2020/navigation/logical-cell.directive.mjs CHANGED
@@ -55,11 +55,6 @@ export class LogicalCellDirective {
55
55
  }
56
56
  this.navigationChange = this.navigationService.changes.subscribe((e) => this.onNavigationChange(e));
57
57
  }
58
- ngAfterViewInit() {
59
- const el = this.element.nativeElement;
60
- const elementType = el.tagName.toLowerCase();
61
- this.renderer.addClass(el, `k-table-${elementType}`);
62
- }
63
58
  ngDoCheck() {
64
59
  if (!this.navigationService.tableEnabled || this.logicalColIndex === -1) {
65
60
  return;
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-grid',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1672821818,
12
+ publishDate: 1672919024,
13
13
  version: '',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/esm2020/rendering/footer/footer.component.mjs CHANGED
@@ -55,18 +55,19 @@ FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
55
55
  [logicalSlaveCellsCount]="columns.length - lockedColumnsCount"
56
56
  >
57
57
  <td
58
- [class.k-group-cell]="true"
58
+ class="k-table-td k-group-cell"
59
59
  role="presentation"
60
60
  *ngFor="let g of groups">
61
61
  </td>
62
62
  <td
63
- [class.k-hierarchy-cell]="true"
64
63
  role="presentation"
64
+ class="k-table-td k-hierarchy-cell"
65
65
  *ngIf="detailTemplate?.templateRef">
66
66
  </td>
67
67
  <td
68
68
  *ngFor="let column of columnsToRender; let columnIndex = index"
69
69
  kendoGridLogicalCell
70
+ class="k-table-td"
70
71
  [logicalRowIndex]="logicalRowIndex"
71
72
  [logicalColIndex]="logicalColumnIndex(column)"
72
73
  role="columnfooter"
@@ -101,18 +102,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
101
102
  [logicalSlaveCellsCount]="columns.length - lockedColumnsCount"
102
103
  >
103
104
  <td
104
- [class.k-group-cell]="true"
105
+ class="k-table-td k-group-cell"
105
106
  role="presentation"
106
107
  *ngFor="let g of groups">
107
108
  </td>
108
109
  <td
109
- [class.k-hierarchy-cell]="true"
110
110
  role="presentation"
111
+ class="k-table-td k-hierarchy-cell"
111
112
  *ngIf="detailTemplate?.templateRef">
112
113
  </td>
113
114
  <td
114
115
  *ngFor="let column of columnsToRender; let columnIndex = index"
115
116
  kendoGridLogicalCell
117
+ class="k-table-td"
116
118
  [logicalRowIndex]="logicalRowIndex"
117
119
  [logicalColIndex]="logicalColumnIndex(column)"
118
120
  role="columnfooter"
package/esm2020/rendering/header/header.component.mjs CHANGED
@@ -436,7 +436,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
436
436
  role="presentation"
437
437
  *ngFor="let g of groups">
438
438
  </th>
439
- <th class="k-hierarchy-cell k-header"
439
+ <th class="k-hierarchy-cell k-header k-table-th"
440
440
  role="gridcell"
441
441
  *ngIf="detailTemplate?.templateRef"
442
442
  kendoGridLogicalCell
@@ -469,7 +469,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
469
469
  hint: column.title || getColumnComponent(column).field,
470
470
  lastColumn: last && columnIndex === 0
471
471
  }"
472
- class="k-header"
472
+ class="k-header k-table-th"
473
473
  [class.k-filterable]="(showFilterMenu && isFilterable(getColumnComponent(column))) || showColumnMenu(column)"
474
474
  [class.k-first]="isFirstOnRow(getColumnComponent(column), columnIndex)"
475
475
  [class.k-grid-header-sticky]="column.sticky"
@@ -589,7 +589,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
589
589
  hint: column.title,
590
590
  lastColumn: last && columnIndex === 0
591
591
  }"
592
- class="k-header"
592
+ class="k-header k-table-th"
593
593
  [class.k-first]="isFirstOnRow(getColumnComponent(column), columnIndex)"
594
594
  [class.k-filterable]="showColumnMenu(column)"
595
595
  [class.k-grid-content-sticky]="column.sticky"
@@ -660,7 +660,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
660
660
  role="presentation"
661
661
  *ngFor="let g of groups">
662
662
  </th>
663
- <th class="k-hierarchy-cell k-header"
663
+ <th class="k-hierarchy-cell k-header k-table-th"
664
664
  role="gridcell"
665
665
  *ngIf="detailTemplate?.templateRef"
666
666
  kendoGridLogicalCell
@@ -693,7 +693,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
693
693
  hint: column.title || getColumnComponent(column).field,
694
694
  lastColumn: last && columnIndex === 0
695
695
  }"
696
- class="k-header"
696
+ class="k-header k-table-th"
697
697
  [class.k-filterable]="(showFilterMenu && isFilterable(getColumnComponent(column))) || showColumnMenu(column)"
698
698
  [class.k-first]="isFirstOnRow(getColumnComponent(column), columnIndex)"
699
699
  [class.k-grid-header-sticky]="column.sticky"
@@ -813,7 +813,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
813
813
  hint: column.title,
814
814
  lastColumn: last && columnIndex === 0
815
815
  }"
816
- class="k-header"
816
+ class="k-header k-table-th"
817
817
  [class.k-first]="isFirstOnRow(getColumnComponent(column), columnIndex)"
818
818
  [class.k-filterable]="showColumnMenu(column)"
819
819
  [class.k-grid-content-sticky]="column.sticky"
package/esm2020/rendering/table-body.component.mjs CHANGED
@@ -390,9 +390,9 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
390
390
  [logicalCellsCount]="columns.length"
391
391
  [logicalSlaveCellsCount]="unlockedColumnsCount">
392
392
  <ng-container *ngIf="!skipGroupDecoration">
393
- <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
393
+ <td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
394
394
  </ng-container>
395
- <td class="k-hierarchy-cell"
395
+ <td class="k-hierarchy-cell k-table-td"
396
396
  *ngIf="detailTemplate?.templateRef"
397
397
  kendoGridLogicalCell
398
398
  [logicalRowIndex]="addRowLogicalIndex()"
@@ -401,6 +401,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
401
401
  >
402
402
  </td>
403
403
  <td *ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;"
404
+ class="k-table-td"
404
405
  kendoGridCell
405
406
  [rowIndex]="-1"
406
407
  [columnIndex]="lockedColumnsCount + columnIndex"
@@ -421,7 +422,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
421
422
  </tr>
422
423
  </ng-container>
423
424
  <tr *ngIf="data?.length === 0 || data === null" class="k-grid-norecords">
424
- <td [attr.colspan]="colSpan">
425
+ <td [attr.colspan]="colSpan" class="k-table-td">
425
426
  <ng-template
426
427
  *ngIf="noRecordsTemplate?.templateRef"
427
428
  [templateContext]="{
@@ -471,7 +472,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
471
472
  <ng-container *ngIf="!skipGroupDecoration">
472
473
  <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
473
474
  </ng-container>
474
- <td class="k-hierarchy-cell"
475
+ <td class="k-hierarchy-cell k-table-td"
475
476
  *ngIf="detailTemplate?.templateRef"
476
477
  kendoGridLogicalCell
477
478
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -506,6 +507,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
506
507
  [colIndex]="columnIndex"
507
508
  [colSpan]="column.colspan"
508
509
  role="gridcell"
510
+ class="k-table-td"
509
511
  [attr.aria-selected]="isSelectable() ? isAriaSelected(item, column) : undefined"
510
512
  [class.k-grid-content-sticky]="column.sticky"
511
513
  [class.k-touch-action-none]="isSelectable() && $any(selectable).drag"
@@ -532,9 +534,9 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
532
534
  [logicalSlaveRow]="false"
533
535
  [logicalCellsCount]="1"
534
536
  >
535
- <td class="k-group-cell" *ngFor="let g of groups"></td>
536
- <td class="k-hierarchy-cell"></td>
537
- <td class="k-detail-cell"
537
+ <td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
538
+ <td class="k-hierarchy-cell k-table-td"></td>
539
+ <td class="k-detail-cell k-table-td"
538
540
  [attr.colspan]="columnsSpan"
539
541
  kendoGridLogicalCell
540
542
  [logicalRowIndex]="logicalRowIndex(rowIndex) + 1"
@@ -568,7 +570,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
568
570
  <ng-container *ngIf="!skipGroupDecoration">
569
571
  <td class="k-group-cell" *ngFor="let g of groups"></td>
570
572
  </ng-container>
571
- <td class="k-hierarchy-cell"
573
+ <td class="k-hierarchy-cell k-table-td"
572
574
  *ngIf="detailTemplate?.templateRef"
573
575
  kendoGridLogicalCell
574
576
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -580,6 +582,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
580
582
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
581
583
  [logicalColIndex]="logicalColIndex(column)"
582
584
  [attr.data-skip]="skipGroupDecoration"
585
+ class="k-table-td"
583
586
  *ngFor="let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;">
584
587
  <ng-template
585
588
  [templateContext]="{
@@ -609,9 +612,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
609
612
  [logicalCellsCount]="columns.length"
610
613
  [logicalSlaveCellsCount]="unlockedColumnsCount">
611
614
  <ng-container *ngIf="!skipGroupDecoration">
612
- <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
615
+ <td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
613
616
  </ng-container>
614
- <td class="k-hierarchy-cell"
617
+ <td class="k-hierarchy-cell k-table-td"
615
618
  *ngIf="detailTemplate?.templateRef"
616
619
  kendoGridLogicalCell
617
620
  [logicalRowIndex]="addRowLogicalIndex()"
@@ -620,6 +623,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
620
623
  >
621
624
  </td>
622
625
  <td *ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;"
626
+ class="k-table-td"
623
627
  kendoGridCell
624
628
  [rowIndex]="-1"
625
629
  [columnIndex]="lockedColumnsCount + columnIndex"
@@ -640,7 +644,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
640
644
  </tr>
641
645
  </ng-container>
642
646
  <tr *ngIf="data?.length === 0 || data === null" class="k-grid-norecords">
643
- <td [attr.colspan]="colSpan">
647
+ <td [attr.colspan]="colSpan" class="k-table-td">
644
648
  <ng-template
645
649
  *ngIf="noRecordsTemplate?.templateRef"
646
650
  [templateContext]="{
@@ -690,7 +694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
690
694
  <ng-container *ngIf="!skipGroupDecoration">
691
695
  <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
692
696
  </ng-container>
693
- <td class="k-hierarchy-cell"
697
+ <td class="k-hierarchy-cell k-table-td"
694
698
  *ngIf="detailTemplate?.templateRef"
695
699
  kendoGridLogicalCell
696
700
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -725,6 +729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
725
729
  [colIndex]="columnIndex"
726
730
  [colSpan]="column.colspan"
727
731
  role="gridcell"
732
+ class="k-table-td"
728
733
  [attr.aria-selected]="isSelectable() ? isAriaSelected(item, column) : undefined"
729
734
  [class.k-grid-content-sticky]="column.sticky"
730
735
  [class.k-touch-action-none]="isSelectable() && $any(selectable).drag"
@@ -751,9 +756,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
751
756
  [logicalSlaveRow]="false"
752
757
  [logicalCellsCount]="1"
753
758
  >
754
- <td class="k-group-cell" *ngFor="let g of groups"></td>
755
- <td class="k-hierarchy-cell"></td>
756
- <td class="k-detail-cell"
759
+ <td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
760
+ <td class="k-hierarchy-cell k-table-td"></td>
761
+ <td class="k-detail-cell k-table-td"
757
762
  [attr.colspan]="columnsSpan"
758
763
  kendoGridLogicalCell
759
764
  [logicalRowIndex]="logicalRowIndex(rowIndex) + 1"
@@ -787,7 +792,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
787
792
  <ng-container *ngIf="!skipGroupDecoration">
788
793
  <td class="k-group-cell" *ngFor="let g of groups"></td>
789
794
  </ng-container>
790
- <td class="k-hierarchy-cell"
795
+ <td class="k-hierarchy-cell k-table-td"
791
796
  *ngIf="detailTemplate?.templateRef"
792
797
  kendoGridLogicalCell
793
798
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -799,6 +804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
799
804
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
800
805
  [logicalColIndex]="logicalColIndex(column)"
801
806
  [attr.data-skip]="skipGroupDecoration"
807
+ class="k-table-td"
802
808
  *ngFor="let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;">
803
809
  <ng-template
804
810
  [templateContext]="{
package/fesm2015/progress-kendo-angular-grid.mjs CHANGED
@@ -2855,7 +2855,7 @@ const packageMetadata = {
2855
2855
  name: '@progress/kendo-angular-grid',
2856
2856
  productName: 'Kendo UI for Angular',
2857
2857
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
2858
- publishDate: 1672821818,
2858
+ publishDate: 1672919024,
2859
2859
  version: '',
2860
2860
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
2861
2861
  };
@@ -11222,7 +11222,8 @@ class FilterMenuComponent {
11222
11222
  FilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterMenuComponent, deps: [{ token: FilterService }, { token: SinglePopupService }, { token: i1.LocalizationService }, { token: NavigationService }], target: i0.ɵɵFactoryTarget.Component });
11223
11223
  FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterMenuComponent, selector: "kendo-grid-filter-menu", inputs: { column: "column", filter: "filter", tabIndex: "tabIndex" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
11224
11224
  <a #anchor
11225
- [ngClass]="{'k-grid-filter-menu':true, 'k-grid-header-menu':true, 'k-active': hasFilters}"
11225
+ class="k-grid-filter-menu k-grid-header-menu"
11226
+ [class.k-active]="hasFilters"
11226
11227
  [tabindex]="tabIndex"
11227
11228
  (click)="toggle(anchor, template)"
11228
11229
  (keydown.enter)="$event.stopImmediatePropagation()"
@@ -11240,14 +11241,15 @@ FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
11240
11241
  >
11241
11242
  </kendo-grid-filter-menu-container>
11242
11243
  </ng-template>
11243
- `, isInline: true, components: [{ type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
11244
+ `, isInline: true, components: [{ type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }] });
11244
11245
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterMenuComponent, decorators: [{
11245
11246
  type: Component,
11246
11247
  args: [{
11247
11248
  selector: 'kendo-grid-filter-menu',
11248
11249
  template: `
11249
11250
  <a #anchor
11250
- [ngClass]="{'k-grid-filter-menu':true, 'k-grid-header-menu':true, 'k-active': hasFilters}"
11251
+ class="k-grid-filter-menu k-grid-header-menu"
11252
+ [class.k-active]="hasFilters"
11251
11253
  [tabindex]="tabIndex"
11252
11254
  (click)="toggle(anchor, template)"
11253
11255
  (keydown.enter)="$event.stopImmediatePropagation()"
@@ -13989,11 +13991,6 @@ class LogicalCellDirective {
13989
13991
  }
13990
13992
  this.navigationChange = this.navigationService.changes.subscribe((e) => this.onNavigationChange(e));
13991
13993
  }
13992
- ngAfterViewInit() {
13993
- const el = this.element.nativeElement;
13994
- const elementType = el.tagName.toLowerCase();
13995
- this.renderer.addClass(el, `k-table-${elementType}`);
13996
- }
13997
13994
  ngDoCheck() {
13998
13995
  if (!this.navigationService.tableEnabled || this.logicalColIndex === -1) {
13999
13996
  return;
@@ -14154,16 +14151,19 @@ class FilterRowComponent {
14154
14151
  FilterRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterRowComponent, deps: [{ token: i1.LocalizationService }, { token: ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
14155
14152
  FilterRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterRowComponent, selector: "[kendoGridFilterRow]", inputs: { columns: "columns", filter: "filter", groups: "groups", detailTemplate: "detailTemplate", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
14156
14153
  <td
14154
+ class="k-table-td"
14157
14155
  [class.k-group-cell]="true"
14158
14156
  *ngFor="let g of groups"
14159
14157
  role="presentation">
14160
14158
  </td>
14161
14159
  <td
14160
+ class="k-table-td"
14162
14161
  [class.k-hierarchy-cell]="true"
14163
14162
  *ngIf="detailTemplate?.templateRef"
14164
14163
  role="presentation">
14165
14164
  </td>
14166
14165
  <td *ngFor="let column of columns; let columnIndex = index"
14166
+ class="k-table-td"
14167
14167
  [class.k-grid-header-sticky]="column.sticky"
14168
14168
  [ngStyle]="addStickyStyles(column)"
14169
14169
  [ngClass]="column.filterClass"
@@ -14182,16 +14182,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
14182
14182
  selector: '[kendoGridFilterRow]',
14183
14183
  template: `
14184
14184
  <td
14185
+ class="k-table-td"
14185
14186
  [class.k-group-cell]="true"
14186
14187
  *ngFor="let g of groups"
14187
14188
  role="presentation">
14188
14189
  </td>
14189
14190
  <td
14191
+ class="k-table-td"
14190
14192
  [class.k-hierarchy-cell]="true"
14191
14193
  *ngIf="detailTemplate?.templateRef"
14192
14194
  role="presentation">
14193
14195
  </td>
14194
14196
  <td *ngFor="let column of columns; let columnIndex = index"
14197
+ class="k-table-td"
14195
14198
  [class.k-grid-header-sticky]="column.sticky"
14196
14199
  [ngStyle]="addStickyStyles(column)"
14197
14200
  [ngClass]="column.filterClass"
@@ -15056,7 +15059,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
15056
15059
  role="presentation"
15057
15060
  *ngFor="let g of groups">
15058
15061
  </th>
15059
- <th class="k-hierarchy-cell k-header"
15062
+ <th class="k-hierarchy-cell k-header k-table-th"
15060
15063
  role="gridcell"
15061
15064
  *ngIf="detailTemplate?.templateRef"
15062
15065
  kendoGridLogicalCell
@@ -15089,7 +15092,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
15089
15092
  hint: column.title || getColumnComponent(column).field,
15090
15093
  lastColumn: last && columnIndex === 0
15091
15094
  }"
15092
- class="k-header"
15095
+ class="k-header k-table-th"
15093
15096
  [class.k-filterable]="(showFilterMenu && isFilterable(getColumnComponent(column))) || showColumnMenu(column)"
15094
15097
  [class.k-first]="isFirstOnRow(getColumnComponent(column), columnIndex)"
15095
15098
  [class.k-grid-header-sticky]="column.sticky"
@@ -15209,7 +15212,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
15209
15212
  hint: column.title,
15210
15213
  lastColumn: last && columnIndex === 0
15211
15214
  }"
15212
- class="k-header"
15215
+ class="k-header k-table-th"
15213
15216
  [class.k-first]="isFirstOnRow(getColumnComponent(column), columnIndex)"
15214
15217
  [class.k-filterable]="showColumnMenu(column)"
15215
15218
  [class.k-grid-content-sticky]="column.sticky"
@@ -15280,7 +15283,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
15280
15283
  role="presentation"
15281
15284
  *ngFor="let g of groups">
15282
15285
  </th>
15283
- <th class="k-hierarchy-cell k-header"
15286
+ <th class="k-hierarchy-cell k-header k-table-th"
15284
15287
  role="gridcell"
15285
15288
  *ngIf="detailTemplate?.templateRef"
15286
15289
  kendoGridLogicalCell
@@ -15313,7 +15316,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
15313
15316
  hint: column.title || getColumnComponent(column).field,
15314
15317
  lastColumn: last && columnIndex === 0
15315
15318
  }"
15316
- class="k-header"
15319
+ class="k-header k-table-th"
15317
15320
  [class.k-filterable]="(showFilterMenu && isFilterable(getColumnComponent(column))) || showColumnMenu(column)"
15318
15321
  [class.k-first]="isFirstOnRow(getColumnComponent(column), columnIndex)"
15319
15322
  [class.k-grid-header-sticky]="column.sticky"
@@ -15433,7 +15436,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
15433
15436
  hint: column.title,
15434
15437
  lastColumn: last && columnIndex === 0
15435
15438
  }"
15436
- class="k-header"
15439
+ class="k-header k-table-th"
15437
15440
  [class.k-first]="isFirstOnRow(getColumnComponent(column), columnIndex)"
15438
15441
  [class.k-filterable]="showColumnMenu(column)"
15439
15442
  [class.k-grid-content-sticky]="column.sticky"
@@ -16348,13 +16351,14 @@ class GroupHeaderComponent {
16348
16351
  GroupHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GroupHeaderComponent, deps: [{ token: GroupsService }, { token: GroupInfoService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
16349
16352
  GroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: { rowIndex: "rowIndex", logicalRowIndex: "logicalRowIndex", item: "item", skipGroupDecoration: "skipGroupDecoration", hasDetails: "hasDetails", totalColumnsCount: "totalColumnsCount", hasGroupHeaderColumn: "hasGroupHeaderColumn", groupHeaderColumns: "groupHeaderColumns", columns: "columns", groups: "groups" }, host: { properties: { "class.k-grouping-row": "this.groupItemClass", "class.k-table-group-row": "this.tableGroupRowClass" } }, ngImport: i0, template: `
16350
16353
  <ng-container *ngIf="!skipGroupDecoration">
16351
- <td class="k-group-cell"
16354
+ <td class="k-group-cell k-table-td"
16352
16355
  role="presentation"
16353
16356
  *ngFor="let g of prefixGroupCell(item)"></td>
16354
16357
  </ng-container>
16355
16358
  <td [attr.colspan]="groupSpan(item)" *ngIf="!(skipGroupDecoration && hasGroupHeaderColumn)"
16356
16359
  [attr.role]="ariaRole()"
16357
16360
  aria-selected="false"
16361
+ class="k-table-td"
16358
16362
  [attr.aria-expanded]="isExpanded"
16359
16363
  kendoGridLogicalCell
16360
16364
  [logicalRowIndex]="logicalRowIndex"
@@ -16391,6 +16395,7 @@ GroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
16391
16395
  <ng-container *ngIf="hasGroupHeaderColumn">
16392
16396
  <td *ngFor="let column of groupHeaderColumns; let index = index"
16393
16397
  role="gridcell"
16398
+ class="k-table-td"
16394
16399
  aria-selected="false"
16395
16400
  kendoGridLogicalCell
16396
16401
  [logicalRowIndex]="logicalRowIndex"
@@ -16418,13 +16423,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
16418
16423
  selector: '[kendoGridGroupHeader]',
16419
16424
  template: `
16420
16425
  <ng-container *ngIf="!skipGroupDecoration">
16421
- <td class="k-group-cell"
16426
+ <td class="k-group-cell k-table-td"
16422
16427
  role="presentation"
16423
16428
  *ngFor="let g of prefixGroupCell(item)"></td>
16424
16429
  </ng-container>
16425
16430
  <td [attr.colspan]="groupSpan(item)" *ngIf="!(skipGroupDecoration && hasGroupHeaderColumn)"
16426
16431
  [attr.role]="ariaRole()"
16427
16432
  aria-selected="false"
16433
+ class="k-table-td"
16428
16434
  [attr.aria-expanded]="isExpanded"
16429
16435
  kendoGridLogicalCell
16430
16436
  [logicalRowIndex]="logicalRowIndex"
@@ -16461,6 +16467,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
16461
16467
  <ng-container *ngIf="hasGroupHeaderColumn">
16462
16468
  <td *ngFor="let column of groupHeaderColumns; let index = index"
16463
16469
  role="gridcell"
16470
+ class="k-table-td"
16464
16471
  aria-selected="false"
16465
16472
  kendoGridLogicalCell
16466
16473
  [logicalRowIndex]="logicalRowIndex"
@@ -16860,9 +16867,9 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
16860
16867
  [logicalCellsCount]="columns.length"
16861
16868
  [logicalSlaveCellsCount]="unlockedColumnsCount">
16862
16869
  <ng-container *ngIf="!skipGroupDecoration">
16863
- <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
16870
+ <td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
16864
16871
  </ng-container>
16865
- <td class="k-hierarchy-cell"
16872
+ <td class="k-hierarchy-cell k-table-td"
16866
16873
  *ngIf="detailTemplate?.templateRef"
16867
16874
  kendoGridLogicalCell
16868
16875
  [logicalRowIndex]="addRowLogicalIndex()"
@@ -16871,6 +16878,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
16871
16878
  >
16872
16879
  </td>
16873
16880
  <td *ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;"
16881
+ class="k-table-td"
16874
16882
  kendoGridCell
16875
16883
  [rowIndex]="-1"
16876
16884
  [columnIndex]="lockedColumnsCount + columnIndex"
@@ -16891,7 +16899,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
16891
16899
  </tr>
16892
16900
  </ng-container>
16893
16901
  <tr *ngIf="data?.length === 0 || data === null" class="k-grid-norecords">
16894
- <td [attr.colspan]="colSpan">
16902
+ <td [attr.colspan]="colSpan" class="k-table-td">
16895
16903
  <ng-template
16896
16904
  *ngIf="noRecordsTemplate?.templateRef"
16897
16905
  [templateContext]="{
@@ -16941,7 +16949,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
16941
16949
  <ng-container *ngIf="!skipGroupDecoration">
16942
16950
  <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
16943
16951
  </ng-container>
16944
- <td class="k-hierarchy-cell"
16952
+ <td class="k-hierarchy-cell k-table-td"
16945
16953
  *ngIf="detailTemplate?.templateRef"
16946
16954
  kendoGridLogicalCell
16947
16955
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -16976,6 +16984,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
16976
16984
  [colIndex]="columnIndex"
16977
16985
  [colSpan]="column.colspan"
16978
16986
  role="gridcell"
16987
+ class="k-table-td"
16979
16988
  [attr.aria-selected]="isSelectable() ? isAriaSelected(item, column) : undefined"
16980
16989
  [class.k-grid-content-sticky]="column.sticky"
16981
16990
  [class.k-touch-action-none]="isSelectable() && $any(selectable).drag"
@@ -17002,9 +17011,9 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
17002
17011
  [logicalSlaveRow]="false"
17003
17012
  [logicalCellsCount]="1"
17004
17013
  >
17005
- <td class="k-group-cell" *ngFor="let g of groups"></td>
17006
- <td class="k-hierarchy-cell"></td>
17007
- <td class="k-detail-cell"
17014
+ <td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
17015
+ <td class="k-hierarchy-cell k-table-td"></td>
17016
+ <td class="k-detail-cell k-table-td"
17008
17017
  [attr.colspan]="columnsSpan"
17009
17018
  kendoGridLogicalCell
17010
17019
  [logicalRowIndex]="logicalRowIndex(rowIndex) + 1"
@@ -17038,7 +17047,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
17038
17047
  <ng-container *ngIf="!skipGroupDecoration">
17039
17048
  <td class="k-group-cell" *ngFor="let g of groups"></td>
17040
17049
  </ng-container>
17041
- <td class="k-hierarchy-cell"
17050
+ <td class="k-hierarchy-cell k-table-td"
17042
17051
  *ngIf="detailTemplate?.templateRef"
17043
17052
  kendoGridLogicalCell
17044
17053
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -17050,6 +17059,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
17050
17059
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
17051
17060
  [logicalColIndex]="logicalColIndex(column)"
17052
17061
  [attr.data-skip]="skipGroupDecoration"
17062
+ class="k-table-td"
17053
17063
  *ngFor="let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;">
17054
17064
  <ng-template
17055
17065
  [templateContext]="{
@@ -17079,9 +17089,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17079
17089
  [logicalCellsCount]="columns.length"
17080
17090
  [logicalSlaveCellsCount]="unlockedColumnsCount">
17081
17091
  <ng-container *ngIf="!skipGroupDecoration">
17082
- <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
17092
+ <td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
17083
17093
  </ng-container>
17084
- <td class="k-hierarchy-cell"
17094
+ <td class="k-hierarchy-cell k-table-td"
17085
17095
  *ngIf="detailTemplate?.templateRef"
17086
17096
  kendoGridLogicalCell
17087
17097
  [logicalRowIndex]="addRowLogicalIndex()"
@@ -17090,6 +17100,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17090
17100
  >
17091
17101
  </td>
17092
17102
  <td *ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;"
17103
+ class="k-table-td"
17093
17104
  kendoGridCell
17094
17105
  [rowIndex]="-1"
17095
17106
  [columnIndex]="lockedColumnsCount + columnIndex"
@@ -17110,7 +17121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17110
17121
  </tr>
17111
17122
  </ng-container>
17112
17123
  <tr *ngIf="data?.length === 0 || data === null" class="k-grid-norecords">
17113
- <td [attr.colspan]="colSpan">
17124
+ <td [attr.colspan]="colSpan" class="k-table-td">
17114
17125
  <ng-template
17115
17126
  *ngIf="noRecordsTemplate?.templateRef"
17116
17127
  [templateContext]="{
@@ -17160,7 +17171,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17160
17171
  <ng-container *ngIf="!skipGroupDecoration">
17161
17172
  <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
17162
17173
  </ng-container>
17163
- <td class="k-hierarchy-cell"
17174
+ <td class="k-hierarchy-cell k-table-td"
17164
17175
  *ngIf="detailTemplate?.templateRef"
17165
17176
  kendoGridLogicalCell
17166
17177
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -17195,6 +17206,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17195
17206
  [colIndex]="columnIndex"
17196
17207
  [colSpan]="column.colspan"
17197
17208
  role="gridcell"
17209
+ class="k-table-td"
17198
17210
  [attr.aria-selected]="isSelectable() ? isAriaSelected(item, column) : undefined"
17199
17211
  [class.k-grid-content-sticky]="column.sticky"
17200
17212
  [class.k-touch-action-none]="isSelectable() && $any(selectable).drag"
@@ -17221,9 +17233,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17221
17233
  [logicalSlaveRow]="false"
17222
17234
  [logicalCellsCount]="1"
17223
17235
  >
17224
- <td class="k-group-cell" *ngFor="let g of groups"></td>
17225
- <td class="k-hierarchy-cell"></td>
17226
- <td class="k-detail-cell"
17236
+ <td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
17237
+ <td class="k-hierarchy-cell k-table-td"></td>
17238
+ <td class="k-detail-cell k-table-td"
17227
17239
  [attr.colspan]="columnsSpan"
17228
17240
  kendoGridLogicalCell
17229
17241
  [logicalRowIndex]="logicalRowIndex(rowIndex) + 1"
@@ -17257,7 +17269,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17257
17269
  <ng-container *ngIf="!skipGroupDecoration">
17258
17270
  <td class="k-group-cell" *ngFor="let g of groups"></td>
17259
17271
  </ng-container>
17260
- <td class="k-hierarchy-cell"
17272
+ <td class="k-hierarchy-cell k-table-td"
17261
17273
  *ngIf="detailTemplate?.templateRef"
17262
17274
  kendoGridLogicalCell
17263
17275
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -17269,6 +17281,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17269
17281
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
17270
17282
  [logicalColIndex]="logicalColIndex(column)"
17271
17283
  [attr.data-skip]="skipGroupDecoration"
17284
+ class="k-table-td"
17272
17285
  *ngFor="let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;">
17273
17286
  <ng-template
17274
17287
  [templateContext]="{
@@ -18458,18 +18471,19 @@ FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
18458
18471
  [logicalSlaveCellsCount]="columns.length - lockedColumnsCount"
18459
18472
  >
18460
18473
  <td
18461
- [class.k-group-cell]="true"
18474
+ class="k-table-td k-group-cell"
18462
18475
  role="presentation"
18463
18476
  *ngFor="let g of groups">
18464
18477
  </td>
18465
18478
  <td
18466
- [class.k-hierarchy-cell]="true"
18467
18479
  role="presentation"
18480
+ class="k-table-td k-hierarchy-cell"
18468
18481
  *ngIf="detailTemplate?.templateRef">
18469
18482
  </td>
18470
18483
  <td
18471
18484
  *ngFor="let column of columnsToRender; let columnIndex = index"
18472
18485
  kendoGridLogicalCell
18486
+ class="k-table-td"
18473
18487
  [logicalRowIndex]="logicalRowIndex"
18474
18488
  [logicalColIndex]="logicalColumnIndex(column)"
18475
18489
  role="columnfooter"
@@ -18504,18 +18518,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
18504
18518
  [logicalSlaveCellsCount]="columns.length - lockedColumnsCount"
18505
18519
  >
18506
18520
  <td
18507
- [class.k-group-cell]="true"
18521
+ class="k-table-td k-group-cell"
18508
18522
  role="presentation"
18509
18523
  *ngFor="let g of groups">
18510
18524
  </td>
18511
18525
  <td
18512
- [class.k-hierarchy-cell]="true"
18513
18526
  role="presentation"
18527
+ class="k-table-td k-hierarchy-cell"
18514
18528
  *ngIf="detailTemplate?.templateRef">
18515
18529
  </td>
18516
18530
  <td
18517
18531
  *ngFor="let column of columnsToRender; let columnIndex = index"
18518
18532
  kendoGridLogicalCell
18533
+ class="k-table-td"
18519
18534
  [logicalRowIndex]="logicalRowIndex"
18520
18535
  [logicalColIndex]="logicalColumnIndex(column)"
18521
18536
  role="columnfooter"
@@ -21357,6 +21372,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
21357
21372
  [skip]="skip"
21358
21373
  [size]="size"
21359
21374
  [options]="pageable"
21375
+ class="k-pager"
21360
21376
  (pageChange)="notifyPageChange('pager', $event)">
21361
21377
  </kendo-pager>
21362
21378
  <kendo-grid-toolbar
@@ -21904,6 +21920,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
21904
21920
  [skip]="skip"
21905
21921
  [size]="size"
21906
21922
  [options]="pageable"
21923
+ class="k-pager"
21907
21924
  (pageChange)="notifyPageChange('pager', $event)">
21908
21925
  </kendo-pager>
21909
21926
  <kendo-grid-toolbar
package/fesm2020/progress-kendo-angular-grid.mjs CHANGED
@@ -2849,7 +2849,7 @@ const packageMetadata = {
2849
2849
  name: '@progress/kendo-angular-grid',
2850
2850
  productName: 'Kendo UI for Angular',
2851
2851
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
2852
- publishDate: 1672821818,
2852
+ publishDate: 1672919024,
2853
2853
  version: '',
2854
2854
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
2855
2855
  };
@@ -11166,7 +11166,8 @@ class FilterMenuComponent {
11166
11166
  FilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterMenuComponent, deps: [{ token: FilterService }, { token: SinglePopupService }, { token: i1.LocalizationService }, { token: NavigationService }], target: i0.ɵɵFactoryTarget.Component });
11167
11167
  FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterMenuComponent, selector: "kendo-grid-filter-menu", inputs: { column: "column", filter: "filter", tabIndex: "tabIndex" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
11168
11168
  <a #anchor
11169
- [ngClass]="{'k-grid-filter-menu':true, 'k-grid-header-menu':true, 'k-active': hasFilters}"
11169
+ class="k-grid-filter-menu k-grid-header-menu"
11170
+ [class.k-active]="hasFilters"
11170
11171
  [tabindex]="tabIndex"
11171
11172
  (click)="toggle(anchor, template)"
11172
11173
  (keydown.enter)="$event.stopImmediatePropagation()"
@@ -11184,14 +11185,15 @@ FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
11184
11185
  >
11185
11186
  </kendo-grid-filter-menu-container>
11186
11187
  </ng-template>
11187
- `, isInline: true, components: [{ type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
11188
+ `, isInline: true, components: [{ type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }] });
11188
11189
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterMenuComponent, decorators: [{
11189
11190
  type: Component,
11190
11191
  args: [{
11191
11192
  selector: 'kendo-grid-filter-menu',
11192
11193
  template: `
11193
11194
  <a #anchor
11194
- [ngClass]="{'k-grid-filter-menu':true, 'k-grid-header-menu':true, 'k-active': hasFilters}"
11195
+ class="k-grid-filter-menu k-grid-header-menu"
11196
+ [class.k-active]="hasFilters"
11195
11197
  [tabindex]="tabIndex"
11196
11198
  (click)="toggle(anchor, template)"
11197
11199
  (keydown.enter)="$event.stopImmediatePropagation()"
@@ -13931,11 +13933,6 @@ class LogicalCellDirective {
13931
13933
  }
13932
13934
  this.navigationChange = this.navigationService.changes.subscribe((e) => this.onNavigationChange(e));
13933
13935
  }
13934
- ngAfterViewInit() {
13935
- const el = this.element.nativeElement;
13936
- const elementType = el.tagName.toLowerCase();
13937
- this.renderer.addClass(el, `k-table-${elementType}`);
13938
- }
13939
13936
  ngDoCheck() {
13940
13937
  if (!this.navigationService.tableEnabled || this.logicalColIndex === -1) {
13941
13938
  return;
@@ -14094,16 +14091,19 @@ class FilterRowComponent {
14094
14091
  FilterRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterRowComponent, deps: [{ token: i1.LocalizationService }, { token: ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
14095
14092
  FilterRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterRowComponent, selector: "[kendoGridFilterRow]", inputs: { columns: "columns", filter: "filter", groups: "groups", detailTemplate: "detailTemplate", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
14096
14093
  <td
14094
+ class="k-table-td"
14097
14095
  [class.k-group-cell]="true"
14098
14096
  *ngFor="let g of groups"
14099
14097
  role="presentation">
14100
14098
  </td>
14101
14099
  <td
14100
+ class="k-table-td"
14102
14101
  [class.k-hierarchy-cell]="true"
14103
14102
  *ngIf="detailTemplate?.templateRef"
14104
14103
  role="presentation">
14105
14104
  </td>
14106
14105
  <td *ngFor="let column of columns; let columnIndex = index"
14106
+ class="k-table-td"
14107
14107
  [class.k-grid-header-sticky]="column.sticky"
14108
14108
  [ngStyle]="addStickyStyles(column)"
14109
14109
  [ngClass]="column.filterClass"
@@ -14122,16 +14122,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
14122
14122
  selector: '[kendoGridFilterRow]',
14123
14123
  template: `
14124
14124
  <td
14125
+ class="k-table-td"
14125
14126
  [class.k-group-cell]="true"
14126
14127
  *ngFor="let g of groups"
14127
14128
  role="presentation">
14128
14129
  </td>
14129
14130
  <td
14131
+ class="k-table-td"
14130
14132
  [class.k-hierarchy-cell]="true"
14131
14133
  *ngIf="detailTemplate?.templateRef"
14132
14134
  role="presentation">
14133
14135
  </td>
14134
14136
  <td *ngFor="let column of columns; let columnIndex = index"
14137
+ class="k-table-td"
14135
14138
  [class.k-grid-header-sticky]="column.sticky"
14136
14139
  [ngStyle]="addStickyStyles(column)"
14137
14140
  [ngClass]="column.filterClass"
@@ -14994,7 +14997,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
14994
14997
  role="presentation"
14995
14998
  *ngFor="let g of groups">
14996
14999
  </th>
14997
- <th class="k-hierarchy-cell k-header"
15000
+ <th class="k-hierarchy-cell k-header k-table-th"
14998
15001
  role="gridcell"
14999
15002
  *ngIf="detailTemplate?.templateRef"
15000
15003
  kendoGridLogicalCell
@@ -15027,7 +15030,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
15027
15030
  hint: column.title || getColumnComponent(column).field,
15028
15031
  lastColumn: last && columnIndex === 0
15029
15032
  }"
15030
- class="k-header"
15033
+ class="k-header k-table-th"
15031
15034
  [class.k-filterable]="(showFilterMenu && isFilterable(getColumnComponent(column))) || showColumnMenu(column)"
15032
15035
  [class.k-first]="isFirstOnRow(getColumnComponent(column), columnIndex)"
15033
15036
  [class.k-grid-header-sticky]="column.sticky"
@@ -15147,7 +15150,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
15147
15150
  hint: column.title,
15148
15151
  lastColumn: last && columnIndex === 0
15149
15152
  }"
15150
- class="k-header"
15153
+ class="k-header k-table-th"
15151
15154
  [class.k-first]="isFirstOnRow(getColumnComponent(column), columnIndex)"
15152
15155
  [class.k-filterable]="showColumnMenu(column)"
15153
15156
  [class.k-grid-content-sticky]="column.sticky"
@@ -15218,7 +15221,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
15218
15221
  role="presentation"
15219
15222
  *ngFor="let g of groups">
15220
15223
  </th>
15221
- <th class="k-hierarchy-cell k-header"
15224
+ <th class="k-hierarchy-cell k-header k-table-th"
15222
15225
  role="gridcell"
15223
15226
  *ngIf="detailTemplate?.templateRef"
15224
15227
  kendoGridLogicalCell
@@ -15251,7 +15254,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
15251
15254
  hint: column.title || getColumnComponent(column).field,
15252
15255
  lastColumn: last && columnIndex === 0
15253
15256
  }"
15254
- class="k-header"
15257
+ class="k-header k-table-th"
15255
15258
  [class.k-filterable]="(showFilterMenu && isFilterable(getColumnComponent(column))) || showColumnMenu(column)"
15256
15259
  [class.k-first]="isFirstOnRow(getColumnComponent(column), columnIndex)"
15257
15260
  [class.k-grid-header-sticky]="column.sticky"
@@ -15371,7 +15374,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
15371
15374
  hint: column.title,
15372
15375
  lastColumn: last && columnIndex === 0
15373
15376
  }"
15374
- class="k-header"
15377
+ class="k-header k-table-th"
15375
15378
  [class.k-first]="isFirstOnRow(getColumnComponent(column), columnIndex)"
15376
15379
  [class.k-filterable]="showColumnMenu(column)"
15377
15380
  [class.k-grid-content-sticky]="column.sticky"
@@ -16282,13 +16285,14 @@ class GroupHeaderComponent {
16282
16285
  GroupHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GroupHeaderComponent, deps: [{ token: GroupsService }, { token: GroupInfoService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
16283
16286
  GroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: { rowIndex: "rowIndex", logicalRowIndex: "logicalRowIndex", item: "item", skipGroupDecoration: "skipGroupDecoration", hasDetails: "hasDetails", totalColumnsCount: "totalColumnsCount", hasGroupHeaderColumn: "hasGroupHeaderColumn", groupHeaderColumns: "groupHeaderColumns", columns: "columns", groups: "groups" }, host: { properties: { "class.k-grouping-row": "this.groupItemClass", "class.k-table-group-row": "this.tableGroupRowClass" } }, ngImport: i0, template: `
16284
16287
  <ng-container *ngIf="!skipGroupDecoration">
16285
- <td class="k-group-cell"
16288
+ <td class="k-group-cell k-table-td"
16286
16289
  role="presentation"
16287
16290
  *ngFor="let g of prefixGroupCell(item)"></td>
16288
16291
  </ng-container>
16289
16292
  <td [attr.colspan]="groupSpan(item)" *ngIf="!(skipGroupDecoration && hasGroupHeaderColumn)"
16290
16293
  [attr.role]="ariaRole()"
16291
16294
  aria-selected="false"
16295
+ class="k-table-td"
16292
16296
  [attr.aria-expanded]="isExpanded"
16293
16297
  kendoGridLogicalCell
16294
16298
  [logicalRowIndex]="logicalRowIndex"
@@ -16325,6 +16329,7 @@ GroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
16325
16329
  <ng-container *ngIf="hasGroupHeaderColumn">
16326
16330
  <td *ngFor="let column of groupHeaderColumns; let index = index"
16327
16331
  role="gridcell"
16332
+ class="k-table-td"
16328
16333
  aria-selected="false"
16329
16334
  kendoGridLogicalCell
16330
16335
  [logicalRowIndex]="logicalRowIndex"
@@ -16352,13 +16357,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
16352
16357
  selector: '[kendoGridGroupHeader]',
16353
16358
  template: `
16354
16359
  <ng-container *ngIf="!skipGroupDecoration">
16355
- <td class="k-group-cell"
16360
+ <td class="k-group-cell k-table-td"
16356
16361
  role="presentation"
16357
16362
  *ngFor="let g of prefixGroupCell(item)"></td>
16358
16363
  </ng-container>
16359
16364
  <td [attr.colspan]="groupSpan(item)" *ngIf="!(skipGroupDecoration && hasGroupHeaderColumn)"
16360
16365
  [attr.role]="ariaRole()"
16361
16366
  aria-selected="false"
16367
+ class="k-table-td"
16362
16368
  [attr.aria-expanded]="isExpanded"
16363
16369
  kendoGridLogicalCell
16364
16370
  [logicalRowIndex]="logicalRowIndex"
@@ -16395,6 +16401,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
16395
16401
  <ng-container *ngIf="hasGroupHeaderColumn">
16396
16402
  <td *ngFor="let column of groupHeaderColumns; let index = index"
16397
16403
  role="gridcell"
16404
+ class="k-table-td"
16398
16405
  aria-selected="false"
16399
16406
  kendoGridLogicalCell
16400
16407
  [logicalRowIndex]="logicalRowIndex"
@@ -16794,9 +16801,9 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
16794
16801
  [logicalCellsCount]="columns.length"
16795
16802
  [logicalSlaveCellsCount]="unlockedColumnsCount">
16796
16803
  <ng-container *ngIf="!skipGroupDecoration">
16797
- <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
16804
+ <td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
16798
16805
  </ng-container>
16799
- <td class="k-hierarchy-cell"
16806
+ <td class="k-hierarchy-cell k-table-td"
16800
16807
  *ngIf="detailTemplate?.templateRef"
16801
16808
  kendoGridLogicalCell
16802
16809
  [logicalRowIndex]="addRowLogicalIndex()"
@@ -16805,6 +16812,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
16805
16812
  >
16806
16813
  </td>
16807
16814
  <td *ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;"
16815
+ class="k-table-td"
16808
16816
  kendoGridCell
16809
16817
  [rowIndex]="-1"
16810
16818
  [columnIndex]="lockedColumnsCount + columnIndex"
@@ -16825,7 +16833,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
16825
16833
  </tr>
16826
16834
  </ng-container>
16827
16835
  <tr *ngIf="data?.length === 0 || data === null" class="k-grid-norecords">
16828
- <td [attr.colspan]="colSpan">
16836
+ <td [attr.colspan]="colSpan" class="k-table-td">
16829
16837
  <ng-template
16830
16838
  *ngIf="noRecordsTemplate?.templateRef"
16831
16839
  [templateContext]="{
@@ -16875,7 +16883,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
16875
16883
  <ng-container *ngIf="!skipGroupDecoration">
16876
16884
  <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
16877
16885
  </ng-container>
16878
- <td class="k-hierarchy-cell"
16886
+ <td class="k-hierarchy-cell k-table-td"
16879
16887
  *ngIf="detailTemplate?.templateRef"
16880
16888
  kendoGridLogicalCell
16881
16889
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -16910,6 +16918,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
16910
16918
  [colIndex]="columnIndex"
16911
16919
  [colSpan]="column.colspan"
16912
16920
  role="gridcell"
16921
+ class="k-table-td"
16913
16922
  [attr.aria-selected]="isSelectable() ? isAriaSelected(item, column) : undefined"
16914
16923
  [class.k-grid-content-sticky]="column.sticky"
16915
16924
  [class.k-touch-action-none]="isSelectable() && $any(selectable).drag"
@@ -16936,9 +16945,9 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
16936
16945
  [logicalSlaveRow]="false"
16937
16946
  [logicalCellsCount]="1"
16938
16947
  >
16939
- <td class="k-group-cell" *ngFor="let g of groups"></td>
16940
- <td class="k-hierarchy-cell"></td>
16941
- <td class="k-detail-cell"
16948
+ <td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
16949
+ <td class="k-hierarchy-cell k-table-td"></td>
16950
+ <td class="k-detail-cell k-table-td"
16942
16951
  [attr.colspan]="columnsSpan"
16943
16952
  kendoGridLogicalCell
16944
16953
  [logicalRowIndex]="logicalRowIndex(rowIndex) + 1"
@@ -16972,7 +16981,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
16972
16981
  <ng-container *ngIf="!skipGroupDecoration">
16973
16982
  <td class="k-group-cell" *ngFor="let g of groups"></td>
16974
16983
  </ng-container>
16975
- <td class="k-hierarchy-cell"
16984
+ <td class="k-hierarchy-cell k-table-td"
16976
16985
  *ngIf="detailTemplate?.templateRef"
16977
16986
  kendoGridLogicalCell
16978
16987
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -16984,6 +16993,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
16984
16993
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
16985
16994
  [logicalColIndex]="logicalColIndex(column)"
16986
16995
  [attr.data-skip]="skipGroupDecoration"
16996
+ class="k-table-td"
16987
16997
  *ngFor="let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;">
16988
16998
  <ng-template
16989
16999
  [templateContext]="{
@@ -17013,9 +17023,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17013
17023
  [logicalCellsCount]="columns.length"
17014
17024
  [logicalSlaveCellsCount]="unlockedColumnsCount">
17015
17025
  <ng-container *ngIf="!skipGroupDecoration">
17016
- <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
17026
+ <td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
17017
17027
  </ng-container>
17018
- <td class="k-hierarchy-cell"
17028
+ <td class="k-hierarchy-cell k-table-td"
17019
17029
  *ngIf="detailTemplate?.templateRef"
17020
17030
  kendoGridLogicalCell
17021
17031
  [logicalRowIndex]="addRowLogicalIndex()"
@@ -17024,6 +17034,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17024
17034
  >
17025
17035
  </td>
17026
17036
  <td *ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;"
17037
+ class="k-table-td"
17027
17038
  kendoGridCell
17028
17039
  [rowIndex]="-1"
17029
17040
  [columnIndex]="lockedColumnsCount + columnIndex"
@@ -17044,7 +17055,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17044
17055
  </tr>
17045
17056
  </ng-container>
17046
17057
  <tr *ngIf="data?.length === 0 || data === null" class="k-grid-norecords">
17047
- <td [attr.colspan]="colSpan">
17058
+ <td [attr.colspan]="colSpan" class="k-table-td">
17048
17059
  <ng-template
17049
17060
  *ngIf="noRecordsTemplate?.templateRef"
17050
17061
  [templateContext]="{
@@ -17094,7 +17105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17094
17105
  <ng-container *ngIf="!skipGroupDecoration">
17095
17106
  <td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
17096
17107
  </ng-container>
17097
- <td class="k-hierarchy-cell"
17108
+ <td class="k-hierarchy-cell k-table-td"
17098
17109
  *ngIf="detailTemplate?.templateRef"
17099
17110
  kendoGridLogicalCell
17100
17111
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -17129,6 +17140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17129
17140
  [colIndex]="columnIndex"
17130
17141
  [colSpan]="column.colspan"
17131
17142
  role="gridcell"
17143
+ class="k-table-td"
17132
17144
  [attr.aria-selected]="isSelectable() ? isAriaSelected(item, column) : undefined"
17133
17145
  [class.k-grid-content-sticky]="column.sticky"
17134
17146
  [class.k-touch-action-none]="isSelectable() && $any(selectable).drag"
@@ -17155,9 +17167,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17155
17167
  [logicalSlaveRow]="false"
17156
17168
  [logicalCellsCount]="1"
17157
17169
  >
17158
- <td class="k-group-cell" *ngFor="let g of groups"></td>
17159
- <td class="k-hierarchy-cell"></td>
17160
- <td class="k-detail-cell"
17170
+ <td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
17171
+ <td class="k-hierarchy-cell k-table-td"></td>
17172
+ <td class="k-detail-cell k-table-td"
17161
17173
  [attr.colspan]="columnsSpan"
17162
17174
  kendoGridLogicalCell
17163
17175
  [logicalRowIndex]="logicalRowIndex(rowIndex) + 1"
@@ -17191,7 +17203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17191
17203
  <ng-container *ngIf="!skipGroupDecoration">
17192
17204
  <td class="k-group-cell" *ngFor="let g of groups"></td>
17193
17205
  </ng-container>
17194
- <td class="k-hierarchy-cell"
17206
+ <td class="k-hierarchy-cell k-table-td"
17195
17207
  *ngIf="detailTemplate?.templateRef"
17196
17208
  kendoGridLogicalCell
17197
17209
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -17203,6 +17215,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
17203
17215
  [logicalRowIndex]="logicalRowIndex(rowIndex)"
17204
17216
  [logicalColIndex]="logicalColIndex(column)"
17205
17217
  [attr.data-skip]="skipGroupDecoration"
17218
+ class="k-table-td"
17206
17219
  *ngFor="let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;">
17207
17220
  <ng-template
17208
17221
  [templateContext]="{
@@ -18390,18 +18403,19 @@ FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
18390
18403
  [logicalSlaveCellsCount]="columns.length - lockedColumnsCount"
18391
18404
  >
18392
18405
  <td
18393
- [class.k-group-cell]="true"
18406
+ class="k-table-td k-group-cell"
18394
18407
  role="presentation"
18395
18408
  *ngFor="let g of groups">
18396
18409
  </td>
18397
18410
  <td
18398
- [class.k-hierarchy-cell]="true"
18399
18411
  role="presentation"
18412
+ class="k-table-td k-hierarchy-cell"
18400
18413
  *ngIf="detailTemplate?.templateRef">
18401
18414
  </td>
18402
18415
  <td
18403
18416
  *ngFor="let column of columnsToRender; let columnIndex = index"
18404
18417
  kendoGridLogicalCell
18418
+ class="k-table-td"
18405
18419
  [logicalRowIndex]="logicalRowIndex"
18406
18420
  [logicalColIndex]="logicalColumnIndex(column)"
18407
18421
  role="columnfooter"
@@ -18436,18 +18450,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
18436
18450
  [logicalSlaveCellsCount]="columns.length - lockedColumnsCount"
18437
18451
  >
18438
18452
  <td
18439
- [class.k-group-cell]="true"
18453
+ class="k-table-td k-group-cell"
18440
18454
  role="presentation"
18441
18455
  *ngFor="let g of groups">
18442
18456
  </td>
18443
18457
  <td
18444
- [class.k-hierarchy-cell]="true"
18445
18458
  role="presentation"
18459
+ class="k-table-td k-hierarchy-cell"
18446
18460
  *ngIf="detailTemplate?.templateRef">
18447
18461
  </td>
18448
18462
  <td
18449
18463
  *ngFor="let column of columnsToRender; let columnIndex = index"
18450
18464
  kendoGridLogicalCell
18465
+ class="k-table-td"
18451
18466
  [logicalRowIndex]="logicalRowIndex"
18452
18467
  [logicalColIndex]="logicalColumnIndex(column)"
18453
18468
  role="columnfooter"
@@ -21289,6 +21304,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
21289
21304
  [skip]="skip"
21290
21305
  [size]="size"
21291
21306
  [options]="pageable"
21307
+ class="k-pager"
21292
21308
  (pageChange)="notifyPageChange('pager', $event)">
21293
21309
  </kendo-pager>
21294
21310
  <kendo-grid-toolbar
@@ -21836,6 +21852,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
21836
21852
  [skip]="skip"
21837
21853
  [size]="size"
21838
21854
  [options]="pageable"
21855
+ class="k-pager"
21839
21856
  (pageChange)="notifyPageChange('pager', $event)">
21840
21857
  </kendo-pager>
21841
21858
  <kendo-grid-toolbar
package/navigation/logical-cell.directive.d.ts CHANGED
@@ -40,7 +40,6 @@ export declare class LogicalCellDirective implements LogicalCell, OnInit, OnChan
40
40
  private navigationChange;
41
41
  constructor(focusGroup: FocusGroup, element: ElementRef, columnInfoService: ColumnInfoService, idService: IdService, navigationService: NavigationService, renderer: Renderer2, zone: NgZone, cellContext: CellContext);
42
42
  ngOnInit(): void;
43
- ngAfterViewInit(): void;
44
43
  ngDoCheck(): void;
45
44
  ngOnChanges(changes: SimpleChanges): void;
46
45
  ngOnDestroy(): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-grid",
3
- "version": "11.0.0-develop.81",
3
+ "version": "11.0.0-develop.83",
4
4
  "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -34,19 +34,19 @@
34
34
  "@progress/kendo-drawing": "^1.0.0",
35
35
  "@progress/kendo-file-saver": "^1.0.0",
36
36
  "@progress/kendo-licensing": "^1.0.2",
37
- "@progress/kendo-angular-buttons": "11.0.0-develop.81",
38
- "@progress/kendo-angular-common": "11.0.0-develop.81",
39
- "@progress/kendo-angular-dateinputs": "11.0.0-develop.81",
40
- "@progress/kendo-angular-dropdowns": "11.0.0-develop.81",
41
- "@progress/kendo-angular-excel-export": "11.0.0-develop.81",
42
- "@progress/kendo-angular-icons": "11.0.0-develop.81",
43
- "@progress/kendo-angular-inputs": "11.0.0-develop.81",
44
- "@progress/kendo-angular-intl": "11.0.0-develop.81",
45
- "@progress/kendo-angular-l10n": "11.0.0-develop.81",
46
- "@progress/kendo-angular-label": "11.0.0-develop.81",
47
- "@progress/kendo-angular-pdf-export": "11.0.0-develop.81",
48
- "@progress/kendo-angular-popup": "11.0.0-develop.81",
49
- "@progress/kendo-angular-schematics": "11.0.0-develop.81",
37
+ "@progress/kendo-angular-buttons": "11.0.0-develop.83",
38
+ "@progress/kendo-angular-common": "11.0.0-develop.83",
39
+ "@progress/kendo-angular-dateinputs": "11.0.0-develop.83",
40
+ "@progress/kendo-angular-dropdowns": "11.0.0-develop.83",
41
+ "@progress/kendo-angular-excel-export": "11.0.0-develop.83",
42
+ "@progress/kendo-angular-icons": "11.0.0-develop.83",
43
+ "@progress/kendo-angular-inputs": "11.0.0-develop.83",
44
+ "@progress/kendo-angular-intl": "11.0.0-develop.83",
45
+ "@progress/kendo-angular-l10n": "11.0.0-develop.83",
46
+ "@progress/kendo-angular-label": "11.0.0-develop.83",
47
+ "@progress/kendo-angular-pdf-export": "11.0.0-develop.83",
48
+ "@progress/kendo-angular-popup": "11.0.0-develop.83",
49
+ "@progress/kendo-angular-schematics": "11.0.0-develop.83",
50
50
  "rxjs": "^6.5.3 || ^7.0.0"
51
51
  },
52
52
  "dependencies": {