@progress/kendo-angular-pivotgrid 16.6.0-develop.7 → 16.6.0-develop.8
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.
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/pivotgrid.component.mjs +1 -0
- package/esm2020/rendering/pivotgrid-table.component.mjs +13 -15
- package/fesm2015/progress-kendo-angular-pivotgrid.mjs +15 -14
- package/fesm2020/progress-kendo-angular-pivotgrid.mjs +15 -14
- package/package.json +12 -12
- package/rendering/pivotgrid-table.component.d.ts +1 -3
- package/schematics/ngAdd/index.js +2 -2
- package/virtual/scroll.service.d.ts +2 -0
|
@@ -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:
|
|
13
|
-
version: '16.6.0-develop.
|
|
12
|
+
publishDate: 1722596948,
|
|
13
|
+
version: '16.6.0-develop.8',
|
|
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
|
};
|
|
@@ -100,6 +100,7 @@ export class PivotGridComponent {
|
|
|
100
100
|
this.direction = this.rtl ? 'rtl' : 'ltr';
|
|
101
101
|
}));
|
|
102
102
|
dataService.wrapper = this.hostEl.nativeElement;
|
|
103
|
+
this.scrollService.pivotGrid = this;
|
|
103
104
|
}
|
|
104
105
|
get rightPositionClass() {
|
|
105
106
|
return this.configuratorSettings?.position === 'right';
|
|
@@ -13,24 +13,21 @@ import { ScrollableTable } from '../virtual/scrollable-container';
|
|
|
13
13
|
import { PivotGridCellDirective } from './pivotgrid-cell.directive';
|
|
14
14
|
import { NgFor, NgIf, NgStyle } from '@angular/common';
|
|
15
15
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
16
|
-
import { PivotGridComponent } from '../pivotgrid.component';
|
|
17
16
|
import { Keys, isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
18
17
|
import { isVisible, matchAriaAttributes } from '../util';
|
|
19
18
|
import { PivotGridScrollService } from '../virtual/scroll.service';
|
|
20
19
|
import * as i0 from "@angular/core";
|
|
21
20
|
import * as i1 from "../data-binding/pivotgrid-data.service";
|
|
22
21
|
import * as i2 from "@progress/kendo-angular-l10n";
|
|
23
|
-
import * as i3 from "../
|
|
24
|
-
import * as i4 from "../virtual/scroll.service";
|
|
22
|
+
import * as i3 from "../virtual/scroll.service";
|
|
25
23
|
/**
|
|
26
24
|
* @hidden
|
|
27
25
|
*/
|
|
28
26
|
export class PivotGridTableComponent {
|
|
29
|
-
constructor(host, dataService, localization,
|
|
27
|
+
constructor(host, dataService, localization, zone, scrollService) {
|
|
30
28
|
this.host = host;
|
|
31
29
|
this.dataService = dataService;
|
|
32
30
|
this.localization = localization;
|
|
33
|
-
this.pivotGrid = pivotGrid;
|
|
34
31
|
this.zone = zone;
|
|
35
32
|
this.scrollService = scrollService;
|
|
36
33
|
this.startRowIndex = 0;
|
|
@@ -104,6 +101,7 @@ export class PivotGridTableComponent {
|
|
|
104
101
|
this.scrollable?.destroy();
|
|
105
102
|
}
|
|
106
103
|
initScrollableKeyboardNavigation() {
|
|
104
|
+
const pivotGrid = this.scrollService.pivotGrid;
|
|
107
105
|
this.host.nativeElement.addEventListener('keydown', (e) => {
|
|
108
106
|
if (this.tableType === 'values' && e.target.tagName === 'TD') {
|
|
109
107
|
e.stopImmediatePropagation();
|
|
@@ -112,10 +110,10 @@ export class PivotGridTableComponent {
|
|
|
112
110
|
const id = e.target.getAttribute('id');
|
|
113
111
|
if (id.split('-')[5] === '1') {
|
|
114
112
|
const target = document.querySelector(`tr[aria-owns*="${id}"]`);
|
|
115
|
-
|
|
113
|
+
pivotGrid.navigation.focusElement(target.lastElementChild, e.target);
|
|
116
114
|
}
|
|
117
115
|
else {
|
|
118
|
-
|
|
116
|
+
pivotGrid.navigation.focusElement(e.target.previousElementSibling, e.target);
|
|
119
117
|
if (!isVisible(e.target.previousElementSibling, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleX) {
|
|
120
118
|
e.target.previousElementSibling.scrollIntoView({ behavior: 'auto', block: 'nearest', inline: 'start' });
|
|
121
119
|
}
|
|
@@ -124,7 +122,7 @@ export class PivotGridTableComponent {
|
|
|
124
122
|
else if (e.keyCode === Keys.ArrowRight) {
|
|
125
123
|
const id = e.target.getAttribute('id');
|
|
126
124
|
if (id.split('-')[5] !== this.headerItems.length.toString()) {
|
|
127
|
-
|
|
125
|
+
pivotGrid.navigation.focusElement(e.target.nextElementSibling, e.target);
|
|
128
126
|
if (!isVisible(e.target.nextElementSibling, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleX) {
|
|
129
127
|
e.target.nextElementSibling.scrollIntoView({ behavior: 'auto', block: 'nearest', inline: 'start' });
|
|
130
128
|
}
|
|
@@ -134,12 +132,12 @@ export class PivotGridTableComponent {
|
|
|
134
132
|
const id = e.target.getAttribute('id');
|
|
135
133
|
if (id.split('-')[4] === '1') {
|
|
136
134
|
const target = document.getElementById(e.target.getAttribute('aria-describedby').split(' ').pop());
|
|
137
|
-
|
|
135
|
+
pivotGrid.navigation.focusElement(target, e.target);
|
|
138
136
|
}
|
|
139
137
|
else {
|
|
140
138
|
const index = Array.from(e.target.parentElement.children).findIndex(el => el === e.target);
|
|
141
139
|
const elementToFocus = e.target.parentElement.previousElementSibling.children[index];
|
|
142
|
-
|
|
140
|
+
pivotGrid.navigation.focusElement(elementToFocus, e.target);
|
|
143
141
|
if (!isVisible(elementToFocus, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleY) {
|
|
144
142
|
elementToFocus.scrollIntoView();
|
|
145
143
|
}
|
|
@@ -150,7 +148,7 @@ export class PivotGridTableComponent {
|
|
|
150
148
|
if (id.split('-')[4] !== this.totalRows.toString()) {
|
|
151
149
|
const index = Array.from(e.target.parentElement.children).findIndex(el => el === e.target);
|
|
152
150
|
const elementToFocus = e.target.parentElement.nextElementSibling.children[index];
|
|
153
|
-
|
|
151
|
+
pivotGrid.navigation.focusElement(elementToFocus, e.target);
|
|
154
152
|
if (!isVisible(elementToFocus, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleY) {
|
|
155
153
|
elementToFocus.scrollIntoView(false);
|
|
156
154
|
}
|
|
@@ -166,7 +164,7 @@ export class PivotGridTableComponent {
|
|
|
166
164
|
this.zone.runOutsideAngular(() => setTimeout(() => {
|
|
167
165
|
const elementToFocusId = e.target.parentElement.getAttribute('aria-owns').split(' ')[0];
|
|
168
166
|
const elementToFocus = document.getElementById(elementToFocusId);
|
|
169
|
-
|
|
167
|
+
pivotGrid.navigation.focusElement(elementToFocus, e.target);
|
|
170
168
|
}));
|
|
171
169
|
}
|
|
172
170
|
}
|
|
@@ -178,14 +176,14 @@ export class PivotGridTableComponent {
|
|
|
178
176
|
valuesContainer.scrollTop = 0;
|
|
179
177
|
this.zone.runOutsideAngular(() => setTimeout(() => {
|
|
180
178
|
const elementToFocus = valuesContainer.querySelector(`td[aria-describedby*="${e.target.getAttribute('id')}"]`);
|
|
181
|
-
|
|
179
|
+
pivotGrid.navigation.focusElement(elementToFocus, e.target);
|
|
182
180
|
}));
|
|
183
181
|
}
|
|
184
182
|
}
|
|
185
183
|
}, true);
|
|
186
184
|
}
|
|
187
185
|
}
|
|
188
|
-
PivotGridTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridTableComponent, deps: [{ token: i0.ElementRef }, { token: i1.PivotGridDataService }, { token: i2.LocalizationService }, { token:
|
|
186
|
+
PivotGridTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridTableComponent, deps: [{ token: i0.ElementRef }, { token: i1.PivotGridDataService }, { token: i2.LocalizationService }, { token: i0.NgZone }, { token: i3.PivotGridScrollService }], target: i0.ɵɵFactoryTarget.Component });
|
|
189
187
|
PivotGridTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PivotGridTableComponent, isStandalone: true, selector: "kendo-pivotgrid-table", inputs: { tableType: "tableType", colWidth: "colWidth", customCellTemplate: "customCellTemplate", valueCellTemplate: "valueCellTemplate", rowHeaderCellTemplate: "rowHeaderCellTemplate", columnHeaderCellTemplate: "columnHeaderCellTemplate", scrollableSettings: "scrollableSettings" }, ngImport: i0, template: `
|
|
190
188
|
<table
|
|
191
189
|
class="k-pivotgrid-table"
|
|
@@ -281,7 +279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
281
279
|
standalone: true,
|
|
282
280
|
imports: [NgFor, NgIf, PivotGridCellDirective, NgStyle]
|
|
283
281
|
}]
|
|
284
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.PivotGridDataService }, { type: i2.LocalizationService }, { type:
|
|
282
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.PivotGridDataService }, { type: i2.LocalizationService }, { type: i0.NgZone }, { type: i3.PivotGridScrollService }]; }, propDecorators: { tableType: [{
|
|
285
283
|
type: Input
|
|
286
284
|
}], colWidth: [{
|
|
287
285
|
type: Input
|
|
@@ -3391,8 +3391,8 @@ const packageMetadata = {
|
|
|
3391
3391
|
name: '@progress/kendo-angular-pivotgrid',
|
|
3392
3392
|
productName: 'Kendo UI for Angular',
|
|
3393
3393
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
3394
|
-
publishDate:
|
|
3395
|
-
version: '16.6.0-develop.
|
|
3394
|
+
publishDate: 1722596948,
|
|
3395
|
+
version: '16.6.0-develop.8',
|
|
3396
3396
|
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'
|
|
3397
3397
|
};
|
|
3398
3398
|
|
|
@@ -3872,11 +3872,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3872
3872
|
* @hidden
|
|
3873
3873
|
*/
|
|
3874
3874
|
class PivotGridTableComponent {
|
|
3875
|
-
constructor(host, dataService, localization,
|
|
3875
|
+
constructor(host, dataService, localization, zone, scrollService) {
|
|
3876
3876
|
this.host = host;
|
|
3877
3877
|
this.dataService = dataService;
|
|
3878
3878
|
this.localization = localization;
|
|
3879
|
-
this.pivotGrid = pivotGrid;
|
|
3880
3879
|
this.zone = zone;
|
|
3881
3880
|
this.scrollService = scrollService;
|
|
3882
3881
|
this.startRowIndex = 0;
|
|
@@ -3954,6 +3953,7 @@ class PivotGridTableComponent {
|
|
|
3954
3953
|
(_a = this.scrollable) === null || _a === void 0 ? void 0 : _a.destroy();
|
|
3955
3954
|
}
|
|
3956
3955
|
initScrollableKeyboardNavigation() {
|
|
3956
|
+
const pivotGrid = this.scrollService.pivotGrid;
|
|
3957
3957
|
this.host.nativeElement.addEventListener('keydown', (e) => {
|
|
3958
3958
|
if (this.tableType === 'values' && e.target.tagName === 'TD') {
|
|
3959
3959
|
e.stopImmediatePropagation();
|
|
@@ -3962,10 +3962,10 @@ class PivotGridTableComponent {
|
|
|
3962
3962
|
const id = e.target.getAttribute('id');
|
|
3963
3963
|
if (id.split('-')[5] === '1') {
|
|
3964
3964
|
const target = document.querySelector(`tr[aria-owns*="${id}"]`);
|
|
3965
|
-
|
|
3965
|
+
pivotGrid.navigation.focusElement(target.lastElementChild, e.target);
|
|
3966
3966
|
}
|
|
3967
3967
|
else {
|
|
3968
|
-
|
|
3968
|
+
pivotGrid.navigation.focusElement(e.target.previousElementSibling, e.target);
|
|
3969
3969
|
if (!isVisible(e.target.previousElementSibling, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleX) {
|
|
3970
3970
|
e.target.previousElementSibling.scrollIntoView({ behavior: 'auto', block: 'nearest', inline: 'start' });
|
|
3971
3971
|
}
|
|
@@ -3974,7 +3974,7 @@ class PivotGridTableComponent {
|
|
|
3974
3974
|
else if (e.keyCode === Keys.ArrowRight) {
|
|
3975
3975
|
const id = e.target.getAttribute('id');
|
|
3976
3976
|
if (id.split('-')[5] !== this.headerItems.length.toString()) {
|
|
3977
|
-
|
|
3977
|
+
pivotGrid.navigation.focusElement(e.target.nextElementSibling, e.target);
|
|
3978
3978
|
if (!isVisible(e.target.nextElementSibling, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleX) {
|
|
3979
3979
|
e.target.nextElementSibling.scrollIntoView({ behavior: 'auto', block: 'nearest', inline: 'start' });
|
|
3980
3980
|
}
|
|
@@ -3984,12 +3984,12 @@ class PivotGridTableComponent {
|
|
|
3984
3984
|
const id = e.target.getAttribute('id');
|
|
3985
3985
|
if (id.split('-')[4] === '1') {
|
|
3986
3986
|
const target = document.getElementById(e.target.getAttribute('aria-describedby').split(' ').pop());
|
|
3987
|
-
|
|
3987
|
+
pivotGrid.navigation.focusElement(target, e.target);
|
|
3988
3988
|
}
|
|
3989
3989
|
else {
|
|
3990
3990
|
const index = Array.from(e.target.parentElement.children).findIndex(el => el === e.target);
|
|
3991
3991
|
const elementToFocus = e.target.parentElement.previousElementSibling.children[index];
|
|
3992
|
-
|
|
3992
|
+
pivotGrid.navigation.focusElement(elementToFocus, e.target);
|
|
3993
3993
|
if (!isVisible(elementToFocus, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleY) {
|
|
3994
3994
|
elementToFocus.scrollIntoView();
|
|
3995
3995
|
}
|
|
@@ -4000,7 +4000,7 @@ class PivotGridTableComponent {
|
|
|
4000
4000
|
if (id.split('-')[4] !== this.totalRows.toString()) {
|
|
4001
4001
|
const index = Array.from(e.target.parentElement.children).findIndex(el => el === e.target);
|
|
4002
4002
|
const elementToFocus = e.target.parentElement.nextElementSibling.children[index];
|
|
4003
|
-
|
|
4003
|
+
pivotGrid.navigation.focusElement(elementToFocus, e.target);
|
|
4004
4004
|
if (!isVisible(elementToFocus, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleY) {
|
|
4005
4005
|
elementToFocus.scrollIntoView(false);
|
|
4006
4006
|
}
|
|
@@ -4016,7 +4016,7 @@ class PivotGridTableComponent {
|
|
|
4016
4016
|
this.zone.runOutsideAngular(() => setTimeout(() => {
|
|
4017
4017
|
const elementToFocusId = e.target.parentElement.getAttribute('aria-owns').split(' ')[0];
|
|
4018
4018
|
const elementToFocus = document.getElementById(elementToFocusId);
|
|
4019
|
-
|
|
4019
|
+
pivotGrid.navigation.focusElement(elementToFocus, e.target);
|
|
4020
4020
|
}));
|
|
4021
4021
|
}
|
|
4022
4022
|
}
|
|
@@ -4028,14 +4028,14 @@ class PivotGridTableComponent {
|
|
|
4028
4028
|
valuesContainer.scrollTop = 0;
|
|
4029
4029
|
this.zone.runOutsideAngular(() => setTimeout(() => {
|
|
4030
4030
|
const elementToFocus = valuesContainer.querySelector(`td[aria-describedby*="${e.target.getAttribute('id')}"]`);
|
|
4031
|
-
|
|
4031
|
+
pivotGrid.navigation.focusElement(elementToFocus, e.target);
|
|
4032
4032
|
}));
|
|
4033
4033
|
}
|
|
4034
4034
|
}
|
|
4035
4035
|
}, true);
|
|
4036
4036
|
}
|
|
4037
4037
|
}
|
|
4038
|
-
PivotGridTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridTableComponent, deps: [{ token: i0.ElementRef }, { token: PivotGridDataService }, { token: i1$2.LocalizationService }, { token:
|
|
4038
|
+
PivotGridTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridTableComponent, deps: [{ token: i0.ElementRef }, { token: PivotGridDataService }, { token: i1$2.LocalizationService }, { token: i0.NgZone }, { token: PivotGridScrollService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4039
4039
|
PivotGridTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PivotGridTableComponent, isStandalone: true, selector: "kendo-pivotgrid-table", inputs: { tableType: "tableType", colWidth: "colWidth", customCellTemplate: "customCellTemplate", valueCellTemplate: "valueCellTemplate", rowHeaderCellTemplate: "rowHeaderCellTemplate", columnHeaderCellTemplate: "columnHeaderCellTemplate", scrollableSettings: "scrollableSettings" }, ngImport: i0, template: `
|
|
4040
4040
|
<table
|
|
4041
4041
|
class="k-pivotgrid-table"
|
|
@@ -4131,7 +4131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
4131
4131
|
standalone: true,
|
|
4132
4132
|
imports: [NgFor, NgIf, PivotGridCellDirective, NgStyle]
|
|
4133
4133
|
}]
|
|
4134
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: PivotGridDataService }, { type: i1$2.LocalizationService }, { type:
|
|
4134
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: PivotGridDataService }, { type: i1$2.LocalizationService }, { type: i0.NgZone }, { type: PivotGridScrollService }]; }, propDecorators: { tableType: [{
|
|
4135
4135
|
type: Input
|
|
4136
4136
|
}], colWidth: [{
|
|
4137
4137
|
type: Input
|
|
@@ -4238,6 +4238,7 @@ class PivotGridComponent {
|
|
|
4238
4238
|
this.direction = this.rtl ? 'rtl' : 'ltr';
|
|
4239
4239
|
}));
|
|
4240
4240
|
dataService.wrapper = this.hostEl.nativeElement;
|
|
4241
|
+
this.scrollService.pivotGrid = this;
|
|
4241
4242
|
}
|
|
4242
4243
|
get rightPositionClass() {
|
|
4243
4244
|
var _a;
|
|
@@ -3371,8 +3371,8 @@ const packageMetadata = {
|
|
|
3371
3371
|
name: '@progress/kendo-angular-pivotgrid',
|
|
3372
3372
|
productName: 'Kendo UI for Angular',
|
|
3373
3373
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
3374
|
-
publishDate:
|
|
3375
|
-
version: '16.6.0-develop.
|
|
3374
|
+
publishDate: 1722596948,
|
|
3375
|
+
version: '16.6.0-develop.8',
|
|
3376
3376
|
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'
|
|
3377
3377
|
};
|
|
3378
3378
|
|
|
@@ -3850,11 +3850,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3850
3850
|
* @hidden
|
|
3851
3851
|
*/
|
|
3852
3852
|
class PivotGridTableComponent {
|
|
3853
|
-
constructor(host, dataService, localization,
|
|
3853
|
+
constructor(host, dataService, localization, zone, scrollService) {
|
|
3854
3854
|
this.host = host;
|
|
3855
3855
|
this.dataService = dataService;
|
|
3856
3856
|
this.localization = localization;
|
|
3857
|
-
this.pivotGrid = pivotGrid;
|
|
3858
3857
|
this.zone = zone;
|
|
3859
3858
|
this.scrollService = scrollService;
|
|
3860
3859
|
this.startRowIndex = 0;
|
|
@@ -3928,6 +3927,7 @@ class PivotGridTableComponent {
|
|
|
3928
3927
|
this.scrollable?.destroy();
|
|
3929
3928
|
}
|
|
3930
3929
|
initScrollableKeyboardNavigation() {
|
|
3930
|
+
const pivotGrid = this.scrollService.pivotGrid;
|
|
3931
3931
|
this.host.nativeElement.addEventListener('keydown', (e) => {
|
|
3932
3932
|
if (this.tableType === 'values' && e.target.tagName === 'TD') {
|
|
3933
3933
|
e.stopImmediatePropagation();
|
|
@@ -3936,10 +3936,10 @@ class PivotGridTableComponent {
|
|
|
3936
3936
|
const id = e.target.getAttribute('id');
|
|
3937
3937
|
if (id.split('-')[5] === '1') {
|
|
3938
3938
|
const target = document.querySelector(`tr[aria-owns*="${id}"]`);
|
|
3939
|
-
|
|
3939
|
+
pivotGrid.navigation.focusElement(target.lastElementChild, e.target);
|
|
3940
3940
|
}
|
|
3941
3941
|
else {
|
|
3942
|
-
|
|
3942
|
+
pivotGrid.navigation.focusElement(e.target.previousElementSibling, e.target);
|
|
3943
3943
|
if (!isVisible(e.target.previousElementSibling, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleX) {
|
|
3944
3944
|
e.target.previousElementSibling.scrollIntoView({ behavior: 'auto', block: 'nearest', inline: 'start' });
|
|
3945
3945
|
}
|
|
@@ -3948,7 +3948,7 @@ class PivotGridTableComponent {
|
|
|
3948
3948
|
else if (e.keyCode === Keys.ArrowRight) {
|
|
3949
3949
|
const id = e.target.getAttribute('id');
|
|
3950
3950
|
if (id.split('-')[5] !== this.headerItems.length.toString()) {
|
|
3951
|
-
|
|
3951
|
+
pivotGrid.navigation.focusElement(e.target.nextElementSibling, e.target);
|
|
3952
3952
|
if (!isVisible(e.target.nextElementSibling, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleX) {
|
|
3953
3953
|
e.target.nextElementSibling.scrollIntoView({ behavior: 'auto', block: 'nearest', inline: 'start' });
|
|
3954
3954
|
}
|
|
@@ -3958,12 +3958,12 @@ class PivotGridTableComponent {
|
|
|
3958
3958
|
const id = e.target.getAttribute('id');
|
|
3959
3959
|
if (id.split('-')[4] === '1') {
|
|
3960
3960
|
const target = document.getElementById(e.target.getAttribute('aria-describedby').split(' ').pop());
|
|
3961
|
-
|
|
3961
|
+
pivotGrid.navigation.focusElement(target, e.target);
|
|
3962
3962
|
}
|
|
3963
3963
|
else {
|
|
3964
3964
|
const index = Array.from(e.target.parentElement.children).findIndex(el => el === e.target);
|
|
3965
3965
|
const elementToFocus = e.target.parentElement.previousElementSibling.children[index];
|
|
3966
|
-
|
|
3966
|
+
pivotGrid.navigation.focusElement(elementToFocus, e.target);
|
|
3967
3967
|
if (!isVisible(elementToFocus, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleY) {
|
|
3968
3968
|
elementToFocus.scrollIntoView();
|
|
3969
3969
|
}
|
|
@@ -3974,7 +3974,7 @@ class PivotGridTableComponent {
|
|
|
3974
3974
|
if (id.split('-')[4] !== this.totalRows.toString()) {
|
|
3975
3975
|
const index = Array.from(e.target.parentElement.children).findIndex(el => el === e.target);
|
|
3976
3976
|
const elementToFocus = e.target.parentElement.nextElementSibling.children[index];
|
|
3977
|
-
|
|
3977
|
+
pivotGrid.navigation.focusElement(elementToFocus, e.target);
|
|
3978
3978
|
if (!isVisible(elementToFocus, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleY) {
|
|
3979
3979
|
elementToFocus.scrollIntoView(false);
|
|
3980
3980
|
}
|
|
@@ -3990,7 +3990,7 @@ class PivotGridTableComponent {
|
|
|
3990
3990
|
this.zone.runOutsideAngular(() => setTimeout(() => {
|
|
3991
3991
|
const elementToFocusId = e.target.parentElement.getAttribute('aria-owns').split(' ')[0];
|
|
3992
3992
|
const elementToFocus = document.getElementById(elementToFocusId);
|
|
3993
|
-
|
|
3993
|
+
pivotGrid.navigation.focusElement(elementToFocus, e.target);
|
|
3994
3994
|
}));
|
|
3995
3995
|
}
|
|
3996
3996
|
}
|
|
@@ -4002,14 +4002,14 @@ class PivotGridTableComponent {
|
|
|
4002
4002
|
valuesContainer.scrollTop = 0;
|
|
4003
4003
|
this.zone.runOutsideAngular(() => setTimeout(() => {
|
|
4004
4004
|
const elementToFocus = valuesContainer.querySelector(`td[aria-describedby*="${e.target.getAttribute('id')}"]`);
|
|
4005
|
-
|
|
4005
|
+
pivotGrid.navigation.focusElement(elementToFocus, e.target);
|
|
4006
4006
|
}));
|
|
4007
4007
|
}
|
|
4008
4008
|
}
|
|
4009
4009
|
}, true);
|
|
4010
4010
|
}
|
|
4011
4011
|
}
|
|
4012
|
-
PivotGridTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridTableComponent, deps: [{ token: i0.ElementRef }, { token: PivotGridDataService }, { token: i1$1.LocalizationService }, { token:
|
|
4012
|
+
PivotGridTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridTableComponent, deps: [{ token: i0.ElementRef }, { token: PivotGridDataService }, { token: i1$1.LocalizationService }, { token: i0.NgZone }, { token: PivotGridScrollService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4013
4013
|
PivotGridTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PivotGridTableComponent, isStandalone: true, selector: "kendo-pivotgrid-table", inputs: { tableType: "tableType", colWidth: "colWidth", customCellTemplate: "customCellTemplate", valueCellTemplate: "valueCellTemplate", rowHeaderCellTemplate: "rowHeaderCellTemplate", columnHeaderCellTemplate: "columnHeaderCellTemplate", scrollableSettings: "scrollableSettings" }, ngImport: i0, template: `
|
|
4014
4014
|
<table
|
|
4015
4015
|
class="k-pivotgrid-table"
|
|
@@ -4105,7 +4105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
4105
4105
|
standalone: true,
|
|
4106
4106
|
imports: [NgFor, NgIf, PivotGridCellDirective, NgStyle]
|
|
4107
4107
|
}]
|
|
4108
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: PivotGridDataService }, { type: i1$1.LocalizationService }, { type:
|
|
4108
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: PivotGridDataService }, { type: i1$1.LocalizationService }, { type: i0.NgZone }, { type: PivotGridScrollService }]; }, propDecorators: { tableType: [{
|
|
4109
4109
|
type: Input
|
|
4110
4110
|
}], colWidth: [{
|
|
4111
4111
|
type: Input
|
|
@@ -4212,6 +4212,7 @@ class PivotGridComponent {
|
|
|
4212
4212
|
this.direction = this.rtl ? 'rtl' : 'ltr';
|
|
4213
4213
|
}));
|
|
4214
4214
|
dataService.wrapper = this.hostEl.nativeElement;
|
|
4215
|
+
this.scrollService.pivotGrid = this;
|
|
4215
4216
|
}
|
|
4216
4217
|
get rightPositionClass() {
|
|
4217
4218
|
return this.configuratorSettings?.position === 'right';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-pivotgrid",
|
|
3
|
-
"version": "16.6.0-develop.
|
|
3
|
+
"version": "16.6.0-develop.8",
|
|
4
4
|
"description": "PivotGrid package for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -25,21 +25,21 @@
|
|
|
25
25
|
"@progress/kendo-data-query": "^1.5.5",
|
|
26
26
|
"@progress/kendo-drawing": "^1.19.0",
|
|
27
27
|
"@progress/kendo-licensing": "^1.0.2",
|
|
28
|
-
"@progress/kendo-angular-buttons": "16.6.0-develop.
|
|
29
|
-
"@progress/kendo-angular-common": "16.6.0-develop.
|
|
30
|
-
"@progress/kendo-angular-dropdowns": "16.6.0-develop.
|
|
31
|
-
"@progress/kendo-angular-indicators": "16.6.0-develop.
|
|
32
|
-
"@progress/kendo-angular-inputs": "16.6.0-develop.
|
|
33
|
-
"@progress/kendo-angular-intl": "16.6.0-develop.
|
|
34
|
-
"@progress/kendo-angular-l10n": "16.6.0-develop.
|
|
35
|
-
"@progress/kendo-angular-popup": "16.6.0-develop.
|
|
36
|
-
"@progress/kendo-angular-icons": "16.6.0-develop.
|
|
37
|
-
"@progress/kendo-angular-treeview": "16.6.0-develop.
|
|
28
|
+
"@progress/kendo-angular-buttons": "16.6.0-develop.8",
|
|
29
|
+
"@progress/kendo-angular-common": "16.6.0-develop.8",
|
|
30
|
+
"@progress/kendo-angular-dropdowns": "16.6.0-develop.8",
|
|
31
|
+
"@progress/kendo-angular-indicators": "16.6.0-develop.8",
|
|
32
|
+
"@progress/kendo-angular-inputs": "16.6.0-develop.8",
|
|
33
|
+
"@progress/kendo-angular-intl": "16.6.0-develop.8",
|
|
34
|
+
"@progress/kendo-angular-l10n": "16.6.0-develop.8",
|
|
35
|
+
"@progress/kendo-angular-popup": "16.6.0-develop.8",
|
|
36
|
+
"@progress/kendo-angular-icons": "16.6.0-develop.8",
|
|
37
|
+
"@progress/kendo-angular-treeview": "16.6.0-develop.8",
|
|
38
38
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"tslib": "^2.3.1",
|
|
42
|
-
"@progress/kendo-angular-schematics": "16.6.0-develop.
|
|
42
|
+
"@progress/kendo-angular-schematics": "16.6.0-develop.8",
|
|
43
43
|
"@progress/kendo-pivotgrid-common": "0.6.0"
|
|
44
44
|
},
|
|
45
45
|
"schematics": "./schematics/collection.json",
|
|
@@ -10,7 +10,6 @@ import { ColumnHeaderCellTemplateDirective } from './templates/pivotgrid-column-
|
|
|
10
10
|
import { RowHeaderCellTemplateDirective } from './templates/pivotgrid-row-header-cell-template.directive';
|
|
11
11
|
import { VirtualizationSettings } from '../models/virtualization-settings';
|
|
12
12
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
13
|
-
import { PivotGridComponent } from '../pivotgrid.component';
|
|
14
13
|
import { PivotGridScrollService } from '../virtual/scroll.service';
|
|
15
14
|
import * as i0 from "@angular/core";
|
|
16
15
|
/**
|
|
@@ -20,7 +19,6 @@ export declare class PivotGridTableComponent implements OnInit, OnDestroy {
|
|
|
20
19
|
private host;
|
|
21
20
|
private dataService;
|
|
22
21
|
private localization;
|
|
23
|
-
private pivotGrid;
|
|
24
22
|
private zone;
|
|
25
23
|
private scrollService;
|
|
26
24
|
headerItems: any;
|
|
@@ -43,7 +41,7 @@ export declare class PivotGridTableComponent implements OnInit, OnDestroy {
|
|
|
43
41
|
get rowVirtualization(): boolean;
|
|
44
42
|
private subs;
|
|
45
43
|
private scrollable;
|
|
46
|
-
constructor(host: ElementRef, dataService: PivotGridDataService, localization: LocalizationService,
|
|
44
|
+
constructor(host: ElementRef, dataService: PivotGridDataService, localization: LocalizationService, zone: NgZone, scrollService: PivotGridScrollService);
|
|
47
45
|
ngOnInit(): void;
|
|
48
46
|
ngAfterViewInit(): void;
|
|
49
47
|
ngOnDestroy(): void;
|
|
@@ -6,11 +6,11 @@ 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': '16.6.0-develop.
|
|
9
|
+
'@progress/kendo-angular-dialog': '16.6.0-develop.8',
|
|
10
10
|
// peer dep of the icons
|
|
11
11
|
'@progress/kendo-svg-icons': '^3.0.0',
|
|
12
12
|
// peer dep of the dropdowns
|
|
13
|
-
'@progress/kendo-angular-navigation': '16.6.0-develop.
|
|
13
|
+
'@progress/kendo-angular-navigation': '16.6.0-develop.8'
|
|
14
14
|
} });
|
|
15
15
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
16
16
|
}
|
|
@@ -2,12 +2,14 @@
|
|
|
2
2
|
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import type { PivotGridComponent } from '../pivotgrid.component';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
/**
|
|
7
8
|
* @hidden
|
|
8
9
|
*/
|
|
9
10
|
export declare class PivotGridScrollService {
|
|
10
11
|
virtualScrolling: boolean;
|
|
12
|
+
pivotGrid: PivotGridComponent;
|
|
11
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<PivotGridScrollService, never>;
|
|
12
14
|
static ɵprov: i0.ɵɵInjectableDeclaration<PivotGridScrollService>;
|
|
13
15
|
}
|