@progress/kendo-angular-pivotgrid 13.0.3-develop.2 → 13.0.3-develop.4

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 (7) hide show
  1. package/esm2020/package-metadata.mjs +2 -2
  2. package/esm2020/pivotgrid.component.mjs +4 -2
  3. package/esm2020/util.mjs +8 -0
  4. package/fesm2015/progress-kendo-angular-pivotgrid.mjs +15 -4
  5. package/fesm2020/progress-kendo-angular-pivotgrid.mjs +14 -4
  6. package/package.json +12 -12
  7. package/schematics/ngAdd/index.js +1 -1
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-pivotgrid',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1686318674,
13
- version: '13.0.3-develop.2',
12
+ publishDate: 1686564690,
13
+ version: '13.0.3-develop.4',
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/esm2020/pivotgrid.component.mjs CHANGED
@@ -152,6 +152,8 @@ export class PivotGridComponent {
152
152
  if (this.navigable) {
153
153
  this.initNavigation();
154
154
  }
155
+ const emptyCell = this.hostEl.nativeElement.querySelector('.k-pivotgrid-empty-cell');
156
+ emptyCell && this.renderer.setAttribute(emptyCell, 'id', `k-pivotgrid-${this.dataService.pivotGridId}-empty-cell`);
155
157
  });
156
158
  }
157
159
  }
@@ -346,7 +348,7 @@ PivotGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
346
348
  chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"></ng-container>
347
349
 
348
350
  <div #table class="k-pivotgrid" role="grid">
349
- <span class="k-pivotgrid-empty-cell">
351
+ <span class="k-pivotgrid-empty-cell" role="columnheader">
350
352
  <span class="k-sr-only">{{messageFor('emptyCellLabel')}}</span>
351
353
  </span>
352
354
  <kendo-pivotgrid-table
@@ -499,7 +501,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
499
501
  chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"></ng-container>
500
502
 
501
503
  <div #table class="k-pivotgrid" role="grid">
502
- <span class="k-pivotgrid-empty-cell">
504
+ <span class="k-pivotgrid-empty-cell" role="columnheader">
503
505
  <span class="k-sr-only">{{messageFor('emptyCellLabel')}}</span>
504
506
  </span>
505
507
  <kendo-pivotgrid-table
package/esm2020/util.mjs CHANGED
@@ -98,8 +98,16 @@ export const offset = element => {
98
98
  */
99
99
  export const matchAriaAttributes = (wrapper) => {
100
100
  const rowHeaderRows = wrapper.querySelectorAll('.k-pivotgrid-row-headers .k-pivotgrid-row');
101
+ const rowHeaderCols = Array.from(rowHeaderRows[0]?.children).reduce((acc, curr) => acc += (+curr.getAttribute('colspan')), 0);
102
+ const colHeaderRows = wrapper.querySelectorAll('.k-pivotgrid-column-headers tr');
101
103
  const colHeaderCells = wrapper.querySelectorAll('.k-pivotgrid-column-headers th');
102
104
  const valueTableCells = wrapper.querySelectorAll('.k-pivotgrid-values td');
105
+ const emptyCell = wrapper.querySelector('.k-pivotgrid-empty-cell');
106
+ emptyCell.setAttribute('aria-rowspan', colHeaderRows.length.toString());
107
+ emptyCell.setAttribute('aria-colspan', rowHeaderCols.toString());
108
+ const firstColHeadersRow = colHeaderRows[0];
109
+ const firstColHeaderRowCellsIds = Array.from(firstColHeadersRow?.children).map(el => el.getAttribute('id')).join(' ');
110
+ firstColHeadersRow.setAttribute('aria-owns', `${emptyCell.getAttribute('id')} ${firstColHeaderRowCellsIds}`);
103
111
  rowHeaderRows.forEach((row, index) => {
104
112
  const valueCellsIds = filterAndMap(Array.from(valueTableCells), c => c.getAttribute('id').split('-')[4] === (index + 1).toString(), c => c.getAttribute('id'));
105
113
  row.setAttribute('aria-owns', valueCellsIds.join(' '));
package/fesm2015/progress-kendo-angular-pivotgrid.mjs CHANGED
@@ -41,8 +41,8 @@ const packageMetadata = {
41
41
  name: '@progress/kendo-angular-pivotgrid',
42
42
  productName: 'Kendo UI for Angular',
43
43
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
44
- publishDate: 1686318674,
45
- version: '13.0.3-develop.2',
44
+ publishDate: 1686564690,
45
+ version: '13.0.3-develop.4',
46
46
  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'
47
47
  };
48
48
 
@@ -141,9 +141,18 @@ const offset = element => {
141
141
  * @hidden
142
142
  */
143
143
  const matchAriaAttributes = (wrapper) => {
144
+ var _a;
144
145
  const rowHeaderRows = wrapper.querySelectorAll('.k-pivotgrid-row-headers .k-pivotgrid-row');
146
+ const rowHeaderCols = Array.from((_a = rowHeaderRows[0]) === null || _a === void 0 ? void 0 : _a.children).reduce((acc, curr) => acc += (+curr.getAttribute('colspan')), 0);
147
+ const colHeaderRows = wrapper.querySelectorAll('.k-pivotgrid-column-headers tr');
145
148
  const colHeaderCells = wrapper.querySelectorAll('.k-pivotgrid-column-headers th');
146
149
  const valueTableCells = wrapper.querySelectorAll('.k-pivotgrid-values td');
150
+ const emptyCell = wrapper.querySelector('.k-pivotgrid-empty-cell');
151
+ emptyCell.setAttribute('aria-rowspan', colHeaderRows.length.toString());
152
+ emptyCell.setAttribute('aria-colspan', rowHeaderCols.toString());
153
+ const firstColHeadersRow = colHeaderRows[0];
154
+ const firstColHeaderRowCellsIds = Array.from(firstColHeadersRow === null || firstColHeadersRow === void 0 ? void 0 : firstColHeadersRow.children).map(el => el.getAttribute('id')).join(' ');
155
+ firstColHeadersRow.setAttribute('aria-owns', `${emptyCell.getAttribute('id')} ${firstColHeaderRowCellsIds}`);
147
156
  rowHeaderRows.forEach((row, index) => {
148
157
  const valueCellsIds = filterAndMap(Array.from(valueTableCells), c => c.getAttribute('id').split('-')[4] === (index + 1).toString(), c => c.getAttribute('id'));
149
158
  row.setAttribute('aria-owns', valueCellsIds.join(' '));
@@ -2971,6 +2980,8 @@ class PivotGridComponent {
2971
2980
  if (this.navigable) {
2972
2981
  this.initNavigation();
2973
2982
  }
2983
+ const emptyCell = this.hostEl.nativeElement.querySelector('.k-pivotgrid-empty-cell');
2984
+ emptyCell && this.renderer.setAttribute(emptyCell, 'id', `k-pivotgrid-${this.dataService.pivotGridId}-empty-cell`);
2974
2985
  });
2975
2986
  }
2976
2987
  }
@@ -3165,7 +3176,7 @@ PivotGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
3165
3176
  chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"></ng-container>
3166
3177
 
3167
3178
  <div #table class="k-pivotgrid" role="grid">
3168
- <span class="k-pivotgrid-empty-cell">
3179
+ <span class="k-pivotgrid-empty-cell" role="columnheader">
3169
3180
  <span class="k-sr-only">{{messageFor('emptyCellLabel')}}</span>
3170
3181
  </span>
3171
3182
  <kendo-pivotgrid-table
@@ -3318,7 +3329,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
3318
3329
  chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"></ng-container>
3319
3330
 
3320
3331
  <div #table class="k-pivotgrid" role="grid">
3321
- <span class="k-pivotgrid-empty-cell">
3332
+ <span class="k-pivotgrid-empty-cell" role="columnheader">
3322
3333
  <span class="k-sr-only">{{messageFor('emptyCellLabel')}}</span>
3323
3334
  </span>
3324
3335
  <kendo-pivotgrid-table
package/fesm2020/progress-kendo-angular-pivotgrid.mjs CHANGED
@@ -40,8 +40,8 @@ const packageMetadata = {
40
40
  name: '@progress/kendo-angular-pivotgrid',
41
41
  productName: 'Kendo UI for Angular',
42
42
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
43
- publishDate: 1686318674,
44
- version: '13.0.3-develop.2',
43
+ publishDate: 1686564690,
44
+ version: '13.0.3-develop.4',
45
45
  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'
46
46
  };
47
47
 
@@ -141,8 +141,16 @@ const offset = element => {
141
141
  */
142
142
  const matchAriaAttributes = (wrapper) => {
143
143
  const rowHeaderRows = wrapper.querySelectorAll('.k-pivotgrid-row-headers .k-pivotgrid-row');
144
+ const rowHeaderCols = Array.from(rowHeaderRows[0]?.children).reduce((acc, curr) => acc += (+curr.getAttribute('colspan')), 0);
145
+ const colHeaderRows = wrapper.querySelectorAll('.k-pivotgrid-column-headers tr');
144
146
  const colHeaderCells = wrapper.querySelectorAll('.k-pivotgrid-column-headers th');
145
147
  const valueTableCells = wrapper.querySelectorAll('.k-pivotgrid-values td');
148
+ const emptyCell = wrapper.querySelector('.k-pivotgrid-empty-cell');
149
+ emptyCell.setAttribute('aria-rowspan', colHeaderRows.length.toString());
150
+ emptyCell.setAttribute('aria-colspan', rowHeaderCols.toString());
151
+ const firstColHeadersRow = colHeaderRows[0];
152
+ const firstColHeaderRowCellsIds = Array.from(firstColHeadersRow?.children).map(el => el.getAttribute('id')).join(' ');
153
+ firstColHeadersRow.setAttribute('aria-owns', `${emptyCell.getAttribute('id')} ${firstColHeaderRowCellsIds}`);
146
154
  rowHeaderRows.forEach((row, index) => {
147
155
  const valueCellsIds = filterAndMap(Array.from(valueTableCells), c => c.getAttribute('id').split('-')[4] === (index + 1).toString(), c => c.getAttribute('id'));
148
156
  row.setAttribute('aria-owns', valueCellsIds.join(' '));
@@ -2955,6 +2963,8 @@ class PivotGridComponent {
2955
2963
  if (this.navigable) {
2956
2964
  this.initNavigation();
2957
2965
  }
2966
+ const emptyCell = this.hostEl.nativeElement.querySelector('.k-pivotgrid-empty-cell');
2967
+ emptyCell && this.renderer.setAttribute(emptyCell, 'id', `k-pivotgrid-${this.dataService.pivotGridId}-empty-cell`);
2958
2968
  });
2959
2969
  }
2960
2970
  }
@@ -3149,7 +3159,7 @@ PivotGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
3149
3159
  chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"></ng-container>
3150
3160
 
3151
3161
  <div #table class="k-pivotgrid" role="grid">
3152
- <span class="k-pivotgrid-empty-cell">
3162
+ <span class="k-pivotgrid-empty-cell" role="columnheader">
3153
3163
  <span class="k-sr-only">{{messageFor('emptyCellLabel')}}</span>
3154
3164
  </span>
3155
3165
  <kendo-pivotgrid-table
@@ -3302,7 +3312,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
3302
3312
  chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"></ng-container>
3303
3313
 
3304
3314
  <div #table class="k-pivotgrid" role="grid">
3305
- <span class="k-pivotgrid-empty-cell">
3315
+ <span class="k-pivotgrid-empty-cell" role="columnheader">
3306
3316
  <span class="k-sr-only">{{messageFor('emptyCellLabel')}}</span>
3307
3317
  </span>
3308
3318
  <kendo-pivotgrid-table
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-pivotgrid",
3
- "version": "13.0.3-develop.2",
3
+ "version": "13.0.3-develop.4",
4
4
  "description": "PivotGrid package for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -24,21 +24,21 @@
24
24
  "@progress/kendo-data-query": "^1.5.5",
25
25
  "@progress/kendo-drawing": "^1.17.2",
26
26
  "@progress/kendo-licensing": "^1.0.2",
27
- "@progress/kendo-angular-buttons": "13.0.3-develop.2",
28
- "@progress/kendo-angular-common": "13.0.3-develop.2",
29
- "@progress/kendo-angular-dropdowns": "13.0.3-develop.2",
30
- "@progress/kendo-angular-indicators": "13.0.3-develop.2",
31
- "@progress/kendo-angular-inputs": "13.0.3-develop.2",
32
- "@progress/kendo-angular-intl": "13.0.3-develop.2",
33
- "@progress/kendo-angular-l10n": "13.0.3-develop.2",
34
- "@progress/kendo-angular-popup": "13.0.3-develop.2",
35
- "@progress/kendo-angular-icons": "13.0.3-develop.2",
36
- "@progress/kendo-angular-treeview": "13.0.3-develop.2",
27
+ "@progress/kendo-angular-buttons": "13.0.3-develop.4",
28
+ "@progress/kendo-angular-common": "13.0.3-develop.4",
29
+ "@progress/kendo-angular-dropdowns": "13.0.3-develop.4",
30
+ "@progress/kendo-angular-indicators": "13.0.3-develop.4",
31
+ "@progress/kendo-angular-inputs": "13.0.3-develop.4",
32
+ "@progress/kendo-angular-intl": "13.0.3-develop.4",
33
+ "@progress/kendo-angular-l10n": "13.0.3-develop.4",
34
+ "@progress/kendo-angular-popup": "13.0.3-develop.4",
35
+ "@progress/kendo-angular-icons": "13.0.3-develop.4",
36
+ "@progress/kendo-angular-treeview": "13.0.3-develop.4",
37
37
  "rxjs": "^6.5.3 || ^7.0.0"
38
38
  },
39
39
  "dependencies": {
40
40
  "tslib": "^2.3.1",
41
- "@progress/kendo-angular-schematics": "13.0.3-develop.2",
41
+ "@progress/kendo-angular-schematics": "13.0.3-develop.4",
42
42
  "@progress/kendo-pivotgrid-common": "0.5.2"
43
43
  },
44
44
  "schematics": "./schematics/collection.json",
package/schematics/ngAdd/index.js CHANGED
@@ -6,7 +6,7 @@ function default_1(options) {
6
6
  // Additional dependencies to install.
7
7
  // See https://github.com/telerik/kendo-schematics/issues/28
8
8
  peerDependencies: {
9
- '@progress/kendo-angular-dialog': '13.0.3-develop.2',
9
+ '@progress/kendo-angular-dialog': '13.0.3-develop.4',
10
10
  // peer dep of the icons
11
11
  '@progress/kendo-svg-icons': '^1.0.0'
12
12
  } });