@progress/kendo-angular-grid 16.2.1-develop.3 → 16.3.0-develop.10
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/grid.component.mjs +9 -9
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/rendering/footer/footer.component.mjs +7 -4
- package/esm2020/rendering/list.component.mjs +4 -1
- package/fesm2015/progress-kendo-angular-grid.mjs +22 -16
- package/fesm2020/progress-kendo-angular-grid.mjs +22 -16
- package/package.json +16 -16
- package/rendering/footer/footer.component.d.ts +1 -0
- package/schematics/ngAdd/index.js +4 -4
|
@@ -1681,9 +1681,6 @@ export class GridComponent {
|
|
|
1681
1681
|
if (stickyColumns && expandColumns(this.columnList.toArray()).filter(column => !column.width && !isColumnGroupComponent(column)).length) {
|
|
1682
1682
|
console.warn(ColumnConfigurationErrorMessages.requiredWidth('Sticky'));
|
|
1683
1683
|
}
|
|
1684
|
-
if (stickyColumns && this.virtualColumns) {
|
|
1685
|
-
throw new Error(GridConfigurationErrorMessages.incompatibleFeatures('sticky columns', 'column virtualization'));
|
|
1686
|
-
}
|
|
1687
1684
|
if (this.rowSticky && this.scrollable === 'virtual') {
|
|
1688
1685
|
throw new Error(GridConfigurationErrorMessages.incompatibleFeatures('sticky rows', 'row virtualization (scrollable="virtual")'));
|
|
1689
1686
|
}
|
|
@@ -1910,8 +1907,11 @@ export class GridComponent {
|
|
|
1910
1907
|
}
|
|
1911
1908
|
onColumnRangeChange(range) {
|
|
1912
1909
|
const viewportColumns = this.viewportColumns = [];
|
|
1913
|
-
const
|
|
1914
|
-
|
|
1910
|
+
const columnsArray = this.columnsContainer.nonLockedLeafColumns.toArray();
|
|
1911
|
+
let leafViewportColumns = columnsArray.slice(range.start, range.end + 1);
|
|
1912
|
+
const stickyBeforeStart = columnsArray.slice(0, range.start).filter(c => c.sticky && !leafViewportColumns.some(col => col === c));
|
|
1913
|
+
const stickyAfterEnd = columnsArray.slice(range.end, columnsArray.length).filter(c => c.sticky && !leafViewportColumns.some(col => col === c));
|
|
1914
|
+
leafViewportColumns = [...stickyBeforeStart, ...leafViewportColumns, ...stickyAfterEnd];
|
|
1915
1915
|
for (let idx = 0; idx < leafViewportColumns.length; idx++) {
|
|
1916
1916
|
let column = leafViewportColumns[idx];
|
|
1917
1917
|
while (column.parent) {
|
|
@@ -2515,7 +2515,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
2515
2515
|
kendoGridTable
|
|
2516
2516
|
[size]="size">
|
|
2517
2517
|
<colgroup kendoGridColGroup
|
|
2518
|
-
[columns]="$any(
|
|
2518
|
+
[columns]="$any(headerLeafColumns)"
|
|
2519
2519
|
[groups]="isLocked ? [] : group"
|
|
2520
2520
|
[detailTemplate]="detailTemplate">
|
|
2521
2521
|
</colgroup>
|
|
@@ -2523,7 +2523,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
2523
2523
|
[logicalRowIndex]="ariaRowCount"
|
|
2524
2524
|
[scrollable]="true"
|
|
2525
2525
|
[groups]="isLocked ? [] : group"
|
|
2526
|
-
[columns]="$any(
|
|
2526
|
+
[columns]="$any(headerColumns)"
|
|
2527
2527
|
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
2528
2528
|
[detailTemplate]="detailTemplate"
|
|
2529
2529
|
[totalColumns]="columnsContainer">
|
|
@@ -3147,7 +3147,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3147
3147
|
kendoGridTable
|
|
3148
3148
|
[size]="size">
|
|
3149
3149
|
<colgroup kendoGridColGroup
|
|
3150
|
-
[columns]="$any(
|
|
3150
|
+
[columns]="$any(headerLeafColumns)"
|
|
3151
3151
|
[groups]="isLocked ? [] : group"
|
|
3152
3152
|
[detailTemplate]="detailTemplate">
|
|
3153
3153
|
</colgroup>
|
|
@@ -3155,7 +3155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3155
3155
|
[logicalRowIndex]="ariaRowCount"
|
|
3156
3156
|
[scrollable]="true"
|
|
3157
3157
|
[groups]="isLocked ? [] : group"
|
|
3158
|
-
[columns]="$any(
|
|
3158
|
+
[columns]="$any(headerColumns)"
|
|
3159
3159
|
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
3160
3160
|
[detailTemplate]="detailTemplate"
|
|
3161
3161
|
[totalColumns]="columnsContainer">
|
|
@@ -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:
|
|
13
|
-
version: '16.
|
|
12
|
+
publishDate: 1718723443,
|
|
13
|
+
version: '16.3.0-develop.10',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -33,6 +33,9 @@ export class FooterComponent {
|
|
|
33
33
|
get columnsToRender() {
|
|
34
34
|
return columnsToRender(this.columns || []);
|
|
35
35
|
}
|
|
36
|
+
trackByIndex(index, _item) {
|
|
37
|
+
return index;
|
|
38
|
+
}
|
|
36
39
|
logicalColumnIndex(column) {
|
|
37
40
|
const index = column.leafIndex;
|
|
38
41
|
if (isPresent(index)) {
|
|
@@ -68,7 +71,7 @@ FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
|
|
|
68
71
|
*ngIf="detailTemplate?.templateRef">
|
|
69
72
|
</td>
|
|
70
73
|
<td
|
|
71
|
-
*ngFor="let column of columnsToRender; let columnIndex = index"
|
|
74
|
+
*ngFor="let column of columnsToRender; let columnIndex = index; trackBy: trackByIndex;"
|
|
72
75
|
kendoGridLogicalCell
|
|
73
76
|
class="k-table-td"
|
|
74
77
|
[logicalRowIndex]="logicalRowIndex"
|
|
@@ -81,7 +84,7 @@ FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
|
|
|
81
84
|
<ng-template
|
|
82
85
|
[templateContext]="{
|
|
83
86
|
templateRef: column.footerTemplateRef,
|
|
84
|
-
columnIndex:
|
|
87
|
+
columnIndex: column.leafIndex,
|
|
85
88
|
column: column,
|
|
86
89
|
$implicit: column
|
|
87
90
|
}">
|
|
@@ -116,7 +119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
116
119
|
*ngIf="detailTemplate?.templateRef">
|
|
117
120
|
</td>
|
|
118
121
|
<td
|
|
119
|
-
*ngFor="let column of columnsToRender; let columnIndex = index"
|
|
122
|
+
*ngFor="let column of columnsToRender; let columnIndex = index; trackBy: trackByIndex;"
|
|
120
123
|
kendoGridLogicalCell
|
|
121
124
|
class="k-table-td"
|
|
122
125
|
[logicalRowIndex]="logicalRowIndex"
|
|
@@ -129,7 +132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
129
132
|
<ng-template
|
|
130
133
|
[templateContext]="{
|
|
131
134
|
templateRef: column.footerTemplateRef,
|
|
132
|
-
columnIndex:
|
|
135
|
+
columnIndex: column.leafIndex,
|
|
133
136
|
column: column,
|
|
134
137
|
$implicit: column
|
|
135
138
|
}">
|
|
@@ -516,8 +516,11 @@ export class ListComponent {
|
|
|
516
516
|
offset -= columns[idx].width;
|
|
517
517
|
}
|
|
518
518
|
}
|
|
519
|
-
|
|
519
|
+
let currentColumns = columns.slice(start, end + 1);
|
|
520
520
|
this.viewportColumnsWidth = currentColumns.reduce((total, column) => total + column.width, 0);
|
|
521
|
+
const stickyBeforeStart = columns.slice(0, start).filter(c => c.sticky && !currentColumns.some(col => col === c));
|
|
522
|
+
const stickyAfterEnd = columns.slice(end, columns.length).filter(c => c.sticky && !currentColumns.some(col => col === c));
|
|
523
|
+
currentColumns = [...stickyBeforeStart, ...currentColumns, ...stickyAfterEnd];
|
|
521
524
|
if (start > 0) {
|
|
522
525
|
const offsetColumn = new ColumnBase();
|
|
523
526
|
offsetColumn.width = offset;
|
|
@@ -4581,8 +4581,8 @@ const packageMetadata = {
|
|
|
4581
4581
|
name: '@progress/kendo-angular-grid',
|
|
4582
4582
|
productName: 'Kendo UI for Angular',
|
|
4583
4583
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
4584
|
-
publishDate:
|
|
4585
|
-
version: '16.
|
|
4584
|
+
publishDate: 1718723443,
|
|
4585
|
+
version: '16.3.0-develop.10',
|
|
4586
4586
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
4587
4587
|
};
|
|
4588
4588
|
|
|
@@ -17207,6 +17207,9 @@ class FooterComponent {
|
|
|
17207
17207
|
get columnsToRender() {
|
|
17208
17208
|
return columnsToRender(this.columns || []);
|
|
17209
17209
|
}
|
|
17210
|
+
trackByIndex(index, _item) {
|
|
17211
|
+
return index;
|
|
17212
|
+
}
|
|
17210
17213
|
logicalColumnIndex(column) {
|
|
17211
17214
|
const index = column.leafIndex;
|
|
17212
17215
|
if (isPresent(index)) {
|
|
@@ -17242,7 +17245,7 @@ FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
|
|
|
17242
17245
|
*ngIf="detailTemplate?.templateRef">
|
|
17243
17246
|
</td>
|
|
17244
17247
|
<td
|
|
17245
|
-
*ngFor="let column of columnsToRender; let columnIndex = index"
|
|
17248
|
+
*ngFor="let column of columnsToRender; let columnIndex = index; trackBy: trackByIndex;"
|
|
17246
17249
|
kendoGridLogicalCell
|
|
17247
17250
|
class="k-table-td"
|
|
17248
17251
|
[logicalRowIndex]="logicalRowIndex"
|
|
@@ -17255,7 +17258,7 @@ FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
|
|
|
17255
17258
|
<ng-template
|
|
17256
17259
|
[templateContext]="{
|
|
17257
17260
|
templateRef: column.footerTemplateRef,
|
|
17258
|
-
columnIndex:
|
|
17261
|
+
columnIndex: column.leafIndex,
|
|
17259
17262
|
column: column,
|
|
17260
17263
|
$implicit: column
|
|
17261
17264
|
}">
|
|
@@ -17290,7 +17293,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
17290
17293
|
*ngIf="detailTemplate?.templateRef">
|
|
17291
17294
|
</td>
|
|
17292
17295
|
<td
|
|
17293
|
-
*ngFor="let column of columnsToRender; let columnIndex = index"
|
|
17296
|
+
*ngFor="let column of columnsToRender; let columnIndex = index; trackBy: trackByIndex;"
|
|
17294
17297
|
kendoGridLogicalCell
|
|
17295
17298
|
class="k-table-td"
|
|
17296
17299
|
[logicalRowIndex]="logicalRowIndex"
|
|
@@ -17303,7 +17306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
17303
17306
|
<ng-template
|
|
17304
17307
|
[templateContext]="{
|
|
17305
17308
|
templateRef: column.footerTemplateRef,
|
|
17306
|
-
columnIndex:
|
|
17309
|
+
columnIndex: column.leafIndex,
|
|
17307
17310
|
column: column,
|
|
17308
17311
|
$implicit: column
|
|
17309
17312
|
}">
|
|
@@ -19332,8 +19335,11 @@ class ListComponent {
|
|
|
19332
19335
|
offset -= columns[idx].width;
|
|
19333
19336
|
}
|
|
19334
19337
|
}
|
|
19335
|
-
|
|
19338
|
+
let currentColumns = columns.slice(start, end + 1);
|
|
19336
19339
|
this.viewportColumnsWidth = currentColumns.reduce((total, column) => total + column.width, 0);
|
|
19340
|
+
const stickyBeforeStart = columns.slice(0, start).filter(c => c.sticky && !currentColumns.some(col => col === c));
|
|
19341
|
+
const stickyAfterEnd = columns.slice(end, columns.length).filter(c => c.sticky && !currentColumns.some(col => col === c));
|
|
19342
|
+
currentColumns = [...stickyBeforeStart, ...currentColumns, ...stickyAfterEnd];
|
|
19337
19343
|
if (start > 0) {
|
|
19338
19344
|
const offsetColumn = new ColumnBase();
|
|
19339
19345
|
offsetColumn.width = offset;
|
|
@@ -21689,9 +21695,6 @@ class GridComponent {
|
|
|
21689
21695
|
if (stickyColumns && expandColumns(this.columnList.toArray()).filter(column => !column.width && !isColumnGroupComponent(column)).length) {
|
|
21690
21696
|
console.warn(ColumnConfigurationErrorMessages.requiredWidth('Sticky'));
|
|
21691
21697
|
}
|
|
21692
|
-
if (stickyColumns && this.virtualColumns) {
|
|
21693
|
-
throw new Error(GridConfigurationErrorMessages.incompatibleFeatures('sticky columns', 'column virtualization'));
|
|
21694
|
-
}
|
|
21695
21698
|
if (this.rowSticky && this.scrollable === 'virtual') {
|
|
21696
21699
|
throw new Error(GridConfigurationErrorMessages.incompatibleFeatures('sticky rows', 'row virtualization (scrollable="virtual")'));
|
|
21697
21700
|
}
|
|
@@ -21918,8 +21921,11 @@ class GridComponent {
|
|
|
21918
21921
|
}
|
|
21919
21922
|
onColumnRangeChange(range) {
|
|
21920
21923
|
const viewportColumns = this.viewportColumns = [];
|
|
21921
|
-
const
|
|
21922
|
-
|
|
21924
|
+
const columnsArray = this.columnsContainer.nonLockedLeafColumns.toArray();
|
|
21925
|
+
let leafViewportColumns = columnsArray.slice(range.start, range.end + 1);
|
|
21926
|
+
const stickyBeforeStart = columnsArray.slice(0, range.start).filter(c => c.sticky && !leafViewportColumns.some(col => col === c));
|
|
21927
|
+
const stickyAfterEnd = columnsArray.slice(range.end, columnsArray.length).filter(c => c.sticky && !leafViewportColumns.some(col => col === c));
|
|
21928
|
+
leafViewportColumns = [...stickyBeforeStart, ...leafViewportColumns, ...stickyAfterEnd];
|
|
21923
21929
|
for (let idx = 0; idx < leafViewportColumns.length; idx++) {
|
|
21924
21930
|
let column = leafViewportColumns[idx];
|
|
21925
21931
|
while (column.parent) {
|
|
@@ -22524,7 +22530,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
22524
22530
|
kendoGridTable
|
|
22525
22531
|
[size]="size">
|
|
22526
22532
|
<colgroup kendoGridColGroup
|
|
22527
|
-
[columns]="$any(
|
|
22533
|
+
[columns]="$any(headerLeafColumns)"
|
|
22528
22534
|
[groups]="isLocked ? [] : group"
|
|
22529
22535
|
[detailTemplate]="detailTemplate">
|
|
22530
22536
|
</colgroup>
|
|
@@ -22532,7 +22538,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
22532
22538
|
[logicalRowIndex]="ariaRowCount"
|
|
22533
22539
|
[scrollable]="true"
|
|
22534
22540
|
[groups]="isLocked ? [] : group"
|
|
22535
|
-
[columns]="$any(
|
|
22541
|
+
[columns]="$any(headerColumns)"
|
|
22536
22542
|
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
22537
22543
|
[detailTemplate]="detailTemplate"
|
|
22538
22544
|
[totalColumns]="columnsContainer">
|
|
@@ -23156,7 +23162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
23156
23162
|
kendoGridTable
|
|
23157
23163
|
[size]="size">
|
|
23158
23164
|
<colgroup kendoGridColGroup
|
|
23159
|
-
[columns]="$any(
|
|
23165
|
+
[columns]="$any(headerLeafColumns)"
|
|
23160
23166
|
[groups]="isLocked ? [] : group"
|
|
23161
23167
|
[detailTemplate]="detailTemplate">
|
|
23162
23168
|
</colgroup>
|
|
@@ -23164,7 +23170,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
23164
23170
|
[logicalRowIndex]="ariaRowCount"
|
|
23165
23171
|
[scrollable]="true"
|
|
23166
23172
|
[groups]="isLocked ? [] : group"
|
|
23167
|
-
[columns]="$any(
|
|
23173
|
+
[columns]="$any(headerColumns)"
|
|
23168
23174
|
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
23169
23175
|
[detailTemplate]="detailTemplate"
|
|
23170
23176
|
[totalColumns]="columnsContainer">
|
|
@@ -4549,8 +4549,8 @@ const packageMetadata = {
|
|
|
4549
4549
|
name: '@progress/kendo-angular-grid',
|
|
4550
4550
|
productName: 'Kendo UI for Angular',
|
|
4551
4551
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
4552
|
-
publishDate:
|
|
4553
|
-
version: '16.
|
|
4552
|
+
publishDate: 1718723443,
|
|
4553
|
+
version: '16.3.0-develop.10',
|
|
4554
4554
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
4555
4555
|
};
|
|
4556
4556
|
|
|
@@ -17125,6 +17125,9 @@ class FooterComponent {
|
|
|
17125
17125
|
get columnsToRender() {
|
|
17126
17126
|
return columnsToRender(this.columns || []);
|
|
17127
17127
|
}
|
|
17128
|
+
trackByIndex(index, _item) {
|
|
17129
|
+
return index;
|
|
17130
|
+
}
|
|
17128
17131
|
logicalColumnIndex(column) {
|
|
17129
17132
|
const index = column.leafIndex;
|
|
17130
17133
|
if (isPresent(index)) {
|
|
@@ -17160,7 +17163,7 @@ FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
|
|
|
17160
17163
|
*ngIf="detailTemplate?.templateRef">
|
|
17161
17164
|
</td>
|
|
17162
17165
|
<td
|
|
17163
|
-
*ngFor="let column of columnsToRender; let columnIndex = index"
|
|
17166
|
+
*ngFor="let column of columnsToRender; let columnIndex = index; trackBy: trackByIndex;"
|
|
17164
17167
|
kendoGridLogicalCell
|
|
17165
17168
|
class="k-table-td"
|
|
17166
17169
|
[logicalRowIndex]="logicalRowIndex"
|
|
@@ -17173,7 +17176,7 @@ FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
|
|
|
17173
17176
|
<ng-template
|
|
17174
17177
|
[templateContext]="{
|
|
17175
17178
|
templateRef: column.footerTemplateRef,
|
|
17176
|
-
columnIndex:
|
|
17179
|
+
columnIndex: column.leafIndex,
|
|
17177
17180
|
column: column,
|
|
17178
17181
|
$implicit: column
|
|
17179
17182
|
}">
|
|
@@ -17208,7 +17211,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
17208
17211
|
*ngIf="detailTemplate?.templateRef">
|
|
17209
17212
|
</td>
|
|
17210
17213
|
<td
|
|
17211
|
-
*ngFor="let column of columnsToRender; let columnIndex = index"
|
|
17214
|
+
*ngFor="let column of columnsToRender; let columnIndex = index; trackBy: trackByIndex;"
|
|
17212
17215
|
kendoGridLogicalCell
|
|
17213
17216
|
class="k-table-td"
|
|
17214
17217
|
[logicalRowIndex]="logicalRowIndex"
|
|
@@ -17221,7 +17224,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
17221
17224
|
<ng-template
|
|
17222
17225
|
[templateContext]="{
|
|
17223
17226
|
templateRef: column.footerTemplateRef,
|
|
17224
|
-
columnIndex:
|
|
17227
|
+
columnIndex: column.leafIndex,
|
|
17225
17228
|
column: column,
|
|
17226
17229
|
$implicit: column
|
|
17227
17230
|
}">
|
|
@@ -19248,8 +19251,11 @@ class ListComponent {
|
|
|
19248
19251
|
offset -= columns[idx].width;
|
|
19249
19252
|
}
|
|
19250
19253
|
}
|
|
19251
|
-
|
|
19254
|
+
let currentColumns = columns.slice(start, end + 1);
|
|
19252
19255
|
this.viewportColumnsWidth = currentColumns.reduce((total, column) => total + column.width, 0);
|
|
19256
|
+
const stickyBeforeStart = columns.slice(0, start).filter(c => c.sticky && !currentColumns.some(col => col === c));
|
|
19257
|
+
const stickyAfterEnd = columns.slice(end, columns.length).filter(c => c.sticky && !currentColumns.some(col => col === c));
|
|
19258
|
+
currentColumns = [...stickyBeforeStart, ...currentColumns, ...stickyAfterEnd];
|
|
19253
19259
|
if (start > 0) {
|
|
19254
19260
|
const offsetColumn = new ColumnBase();
|
|
19255
19261
|
offsetColumn.width = offset;
|
|
@@ -21601,9 +21607,6 @@ class GridComponent {
|
|
|
21601
21607
|
if (stickyColumns && expandColumns(this.columnList.toArray()).filter(column => !column.width && !isColumnGroupComponent(column)).length) {
|
|
21602
21608
|
console.warn(ColumnConfigurationErrorMessages.requiredWidth('Sticky'));
|
|
21603
21609
|
}
|
|
21604
|
-
if (stickyColumns && this.virtualColumns) {
|
|
21605
|
-
throw new Error(GridConfigurationErrorMessages.incompatibleFeatures('sticky columns', 'column virtualization'));
|
|
21606
|
-
}
|
|
21607
21610
|
if (this.rowSticky && this.scrollable === 'virtual') {
|
|
21608
21611
|
throw new Error(GridConfigurationErrorMessages.incompatibleFeatures('sticky rows', 'row virtualization (scrollable="virtual")'));
|
|
21609
21612
|
}
|
|
@@ -21830,8 +21833,11 @@ class GridComponent {
|
|
|
21830
21833
|
}
|
|
21831
21834
|
onColumnRangeChange(range) {
|
|
21832
21835
|
const viewportColumns = this.viewportColumns = [];
|
|
21833
|
-
const
|
|
21834
|
-
|
|
21836
|
+
const columnsArray = this.columnsContainer.nonLockedLeafColumns.toArray();
|
|
21837
|
+
let leafViewportColumns = columnsArray.slice(range.start, range.end + 1);
|
|
21838
|
+
const stickyBeforeStart = columnsArray.slice(0, range.start).filter(c => c.sticky && !leafViewportColumns.some(col => col === c));
|
|
21839
|
+
const stickyAfterEnd = columnsArray.slice(range.end, columnsArray.length).filter(c => c.sticky && !leafViewportColumns.some(col => col === c));
|
|
21840
|
+
leafViewportColumns = [...stickyBeforeStart, ...leafViewportColumns, ...stickyAfterEnd];
|
|
21835
21841
|
for (let idx = 0; idx < leafViewportColumns.length; idx++) {
|
|
21836
21842
|
let column = leafViewportColumns[idx];
|
|
21837
21843
|
while (column.parent) {
|
|
@@ -22435,7 +22441,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
22435
22441
|
kendoGridTable
|
|
22436
22442
|
[size]="size">
|
|
22437
22443
|
<colgroup kendoGridColGroup
|
|
22438
|
-
[columns]="$any(
|
|
22444
|
+
[columns]="$any(headerLeafColumns)"
|
|
22439
22445
|
[groups]="isLocked ? [] : group"
|
|
22440
22446
|
[detailTemplate]="detailTemplate">
|
|
22441
22447
|
</colgroup>
|
|
@@ -22443,7 +22449,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
22443
22449
|
[logicalRowIndex]="ariaRowCount"
|
|
22444
22450
|
[scrollable]="true"
|
|
22445
22451
|
[groups]="isLocked ? [] : group"
|
|
22446
|
-
[columns]="$any(
|
|
22452
|
+
[columns]="$any(headerColumns)"
|
|
22447
22453
|
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
22448
22454
|
[detailTemplate]="detailTemplate"
|
|
22449
22455
|
[totalColumns]="columnsContainer">
|
|
@@ -23067,7 +23073,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
23067
23073
|
kendoGridTable
|
|
23068
23074
|
[size]="size">
|
|
23069
23075
|
<colgroup kendoGridColGroup
|
|
23070
|
-
[columns]="$any(
|
|
23076
|
+
[columns]="$any(headerLeafColumns)"
|
|
23071
23077
|
[groups]="isLocked ? [] : group"
|
|
23072
23078
|
[detailTemplate]="detailTemplate">
|
|
23073
23079
|
</colgroup>
|
|
@@ -23075,7 +23081,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
23075
23081
|
[logicalRowIndex]="ariaRowCount"
|
|
23076
23082
|
[scrollable]="true"
|
|
23077
23083
|
[groups]="isLocked ? [] : group"
|
|
23078
|
-
[columns]="$any(
|
|
23084
|
+
[columns]="$any(headerColumns)"
|
|
23079
23085
|
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
23080
23086
|
[detailTemplate]="detailTemplate"
|
|
23081
23087
|
[totalColumns]="columnsContainer">
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-grid",
|
|
3
|
-
"version": "16.
|
|
3
|
+
"version": "16.3.0-develop.10",
|
|
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",
|
|
@@ -33,25 +33,25 @@
|
|
|
33
33
|
"@progress/kendo-data-query": "^1.0.0",
|
|
34
34
|
"@progress/kendo-drawing": "^1.19.0",
|
|
35
35
|
"@progress/kendo-licensing": "^1.0.2",
|
|
36
|
-
"@progress/kendo-angular-buttons": "16.
|
|
37
|
-
"@progress/kendo-angular-common": "16.
|
|
38
|
-
"@progress/kendo-angular-dateinputs": "16.
|
|
39
|
-
"@progress/kendo-angular-layout": "16.
|
|
40
|
-
"@progress/kendo-angular-dropdowns": "16.
|
|
41
|
-
"@progress/kendo-angular-excel-export": "16.
|
|
42
|
-
"@progress/kendo-angular-icons": "16.
|
|
43
|
-
"@progress/kendo-angular-inputs": "16.
|
|
44
|
-
"@progress/kendo-angular-intl": "16.
|
|
45
|
-
"@progress/kendo-angular-l10n": "16.
|
|
46
|
-
"@progress/kendo-angular-label": "16.
|
|
47
|
-
"@progress/kendo-angular-pdf-export": "16.
|
|
48
|
-
"@progress/kendo-angular-popup": "16.
|
|
49
|
-
"@progress/kendo-angular-utils": "16.
|
|
36
|
+
"@progress/kendo-angular-buttons": "16.3.0-develop.10",
|
|
37
|
+
"@progress/kendo-angular-common": "16.3.0-develop.10",
|
|
38
|
+
"@progress/kendo-angular-dateinputs": "16.3.0-develop.10",
|
|
39
|
+
"@progress/kendo-angular-layout": "16.3.0-develop.10",
|
|
40
|
+
"@progress/kendo-angular-dropdowns": "16.3.0-develop.10",
|
|
41
|
+
"@progress/kendo-angular-excel-export": "16.3.0-develop.10",
|
|
42
|
+
"@progress/kendo-angular-icons": "16.3.0-develop.10",
|
|
43
|
+
"@progress/kendo-angular-inputs": "16.3.0-develop.10",
|
|
44
|
+
"@progress/kendo-angular-intl": "16.3.0-develop.10",
|
|
45
|
+
"@progress/kendo-angular-l10n": "16.3.0-develop.10",
|
|
46
|
+
"@progress/kendo-angular-label": "16.3.0-develop.10",
|
|
47
|
+
"@progress/kendo-angular-pdf-export": "16.3.0-develop.10",
|
|
48
|
+
"@progress/kendo-angular-popup": "16.3.0-develop.10",
|
|
49
|
+
"@progress/kendo-angular-utils": "16.3.0-develop.10",
|
|
50
50
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"tslib": "^2.3.1",
|
|
54
|
-
"@progress/kendo-angular-schematics": "16.
|
|
54
|
+
"@progress/kendo-angular-schematics": "16.3.0-develop.10",
|
|
55
55
|
"@progress/kendo-common": "^0.2.0",
|
|
56
56
|
"@progress/kendo-file-saver": "^1.0.0"
|
|
57
57
|
},
|
|
@@ -26,6 +26,7 @@ export declare class FooterComponent {
|
|
|
26
26
|
hostRole: string;
|
|
27
27
|
constructor(columnInfoService: ColumnInfoService);
|
|
28
28
|
get columnsToRender(): ColumnBase[];
|
|
29
|
+
trackByIndex(index: number, _item: any): any;
|
|
29
30
|
logicalColumnIndex(column: any): number;
|
|
30
31
|
addStickyStyles(column: ColumnBase): {
|
|
31
32
|
[key: string]: any;
|
|
@@ -4,14 +4,14 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
|
|
6
6
|
// peer deps of the dropdowns
|
|
7
|
-
'@progress/kendo-angular-treeview': '16.
|
|
8
|
-
'@progress/kendo-angular-navigation': '16.
|
|
7
|
+
'@progress/kendo-angular-treeview': '16.3.0-develop.10',
|
|
8
|
+
'@progress/kendo-angular-navigation': '16.3.0-develop.10',
|
|
9
9
|
// peer dependency of kendo-angular-inputs
|
|
10
|
-
'@progress/kendo-angular-dialog': '16.
|
|
10
|
+
'@progress/kendo-angular-dialog': '16.3.0-develop.10',
|
|
11
11
|
// peer dependency of kendo-angular-icons
|
|
12
12
|
'@progress/kendo-svg-icons': '^3.0.0',
|
|
13
13
|
// peer dependency of kendo-angular-layout
|
|
14
|
-
'@progress/kendo-angular-progressbar': '16.
|
|
14
|
+
'@progress/kendo-angular-progressbar': '16.3.0-develop.10'
|
|
15
15
|
} });
|
|
16
16
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
17
17
|
}
|