@progress/kendo-angular-grid 17.3.0-develop.1 → 17.3.0-develop.2
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/column-menu/column-list.component.d.ts +1 -0
- package/esm2022/column-menu/column-list.component.mjs +30 -27
- package/esm2022/editing-directives/local-edit.service.mjs +3 -1
- package/esm2022/package-metadata.mjs +2 -2
- package/fesm2022/progress-kendo-angular-grid.mjs +35 -30
- package/package.json +18 -18
- package/schematics/ngAdd/index.js +4 -4
|
@@ -55,6 +55,7 @@ export declare class ColumnListComponent implements OnInit, OnDestroy {
|
|
|
55
55
|
private updateDisabled;
|
|
56
56
|
private updateColumnState;
|
|
57
57
|
private setDisabledState;
|
|
58
|
+
private handleCheckBoxClick;
|
|
58
59
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColumnListComponent, never>;
|
|
59
60
|
static ɵcmp: i0.ɵɵComponentDeclaration<ColumnListComponent, "kendo-grid-columnlist", never, { "columns": { "alias": "columns"; "required": false; }; "autoSync": { "alias": "autoSync"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "allowHideAll": { "alias": "allowHideAll"; "required": false; }; "applyText": { "alias": "applyText"; "required": false; }; "resetText": { "alias": "resetText"; "required": false; }; "actionsClass": { "alias": "actionsClass"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "service": { "alias": "service"; "required": false; }; }, { "reset": "reset"; "apply": "apply"; "columnChange": "columnChange"; }, never, never, true, never>;
|
|
60
61
|
}
|
|
@@ -72,33 +72,7 @@ export class ColumnListComponent {
|
|
|
72
72
|
this.ngZone.runOutsideAngular(() => {
|
|
73
73
|
this.domSubscriptions.add(this.renderer.listen(this.element.nativeElement, 'click', (e) => {
|
|
74
74
|
this.ngZone.onStable.pipe(take(1)).subscribe(() => {
|
|
75
|
-
|
|
76
|
-
if (closestItem) {
|
|
77
|
-
const checkboxElement = closestItem.querySelector('.k-checkbox-wrap');
|
|
78
|
-
const checkbox = this.checkboxes.find(checkBox => checkBox.hostElement.nativeElement === checkboxElement);
|
|
79
|
-
const index = parseInt(checkboxElement.firstElementChild.getAttribute('data-index'), 10);
|
|
80
|
-
if (this.autoSync) {
|
|
81
|
-
if (!this.columns[index]) {
|
|
82
|
-
return;
|
|
83
|
-
}
|
|
84
|
-
const column = this.columns[index];
|
|
85
|
-
const hidden = !checkbox.checkedState;
|
|
86
|
-
if (Boolean(column.hidden) !== hidden) {
|
|
87
|
-
this.ngZone.run(() => {
|
|
88
|
-
column.hidden = hidden;
|
|
89
|
-
this.columnChange.emit([column]);
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
else {
|
|
94
|
-
this.updateDisabled();
|
|
95
|
-
}
|
|
96
|
-
if (index !== this.listNavigationService.activeIndex) {
|
|
97
|
-
this.listNavigationService.toggle(this.listNavigationService.activeIndex, false);
|
|
98
|
-
this.listNavigationService.activeIndex = index;
|
|
99
|
-
this.listNavigationService.toggle(index, true);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
75
|
+
this.handleCheckBoxClick(e);
|
|
102
76
|
});
|
|
103
77
|
}));
|
|
104
78
|
this.domSubscriptions.add(this.renderer.listen(this.element.nativeElement, 'keydown', this.onKeydown));
|
|
@@ -217,6 +191,35 @@ export class ColumnListComponent {
|
|
|
217
191
|
this.renderer[classCommand](parentElement, 'k-disabled');
|
|
218
192
|
this.renderer[attributeCommand](parentElement, 'aria-disabled', disabled ? 'true' : undefined);
|
|
219
193
|
}
|
|
194
|
+
handleCheckBoxClick = (e) => {
|
|
195
|
+
const closestItem = e.target.closest('.k-column-list-item');
|
|
196
|
+
if (closestItem) {
|
|
197
|
+
const checkboxElement = closestItem.querySelector('.k-checkbox-wrap');
|
|
198
|
+
const checkbox = this.checkboxes.find(checkBox => checkBox.hostElement.nativeElement === checkboxElement);
|
|
199
|
+
const index = parseInt(checkboxElement.firstElementChild.getAttribute('data-index'), 10);
|
|
200
|
+
if (this.autoSync) {
|
|
201
|
+
if (!this.columns[index]) {
|
|
202
|
+
return;
|
|
203
|
+
}
|
|
204
|
+
const column = this.columns[index];
|
|
205
|
+
const hidden = !checkbox.checkedState;
|
|
206
|
+
if (Boolean(column.hidden) !== hidden) {
|
|
207
|
+
this.ngZone.run(() => {
|
|
208
|
+
column.hidden = hidden;
|
|
209
|
+
this.columnChange.emit([column]);
|
|
210
|
+
});
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
else {
|
|
214
|
+
this.updateDisabled();
|
|
215
|
+
}
|
|
216
|
+
if (index !== this.listNavigationService.activeIndex) {
|
|
217
|
+
this.listNavigationService.toggle(this.listNavigationService.activeIndex, false);
|
|
218
|
+
this.listNavigationService.activeIndex = index;
|
|
219
|
+
this.listNavigationService.toggle(index, true);
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
};
|
|
220
223
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.ColumnListKeyboardNavigation }], target: i0.ɵɵFactoryTarget.Component });
|
|
221
224
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnListComponent, isStandalone: true, selector: "kendo-grid-columnlist", inputs: { columns: "columns", autoSync: "autoSync", ariaLabel: "ariaLabel", allowHideAll: "allowHideAll", applyText: "applyText", resetText: "resetText", actionsClass: "actionsClass", isLast: "isLast", isExpanded: "isExpanded", service: "service" }, outputs: { reset: "reset", apply: "apply", columnChange: "columnChange" }, host: { properties: { "class.k-column-list-wrapper": "this.className" } }, providers: [ColumnListKeyboardNavigation], viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }, { propertyName: "applyButton", first: true, predicate: ["applyButton"], descendants: true }, { propertyName: "options", predicate: ColumnMenuChooserItemCheckedDirective, descendants: true }, { propertyName: "checkboxes", predicate: CheckBoxComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
222
225
|
<div
|
|
@@ -24,7 +24,9 @@ export class LocalEditService {
|
|
|
24
24
|
this.dataChanged();
|
|
25
25
|
}
|
|
26
26
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
27
|
-
update(_item) {
|
|
27
|
+
update(_item) {
|
|
28
|
+
/* noop */
|
|
29
|
+
}
|
|
28
30
|
remove(item) {
|
|
29
31
|
const data = this.data;
|
|
30
32
|
for (let idx = 0; idx < data.length; idx++) {
|
|
@@ -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: '17.3.0-develop.
|
|
12
|
+
publishDate: 1736180764,
|
|
13
|
+
version: '17.3.0-develop.2',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -10793,33 +10793,7 @@ class ColumnListComponent {
|
|
|
10793
10793
|
this.ngZone.runOutsideAngular(() => {
|
|
10794
10794
|
this.domSubscriptions.add(this.renderer.listen(this.element.nativeElement, 'click', (e) => {
|
|
10795
10795
|
this.ngZone.onStable.pipe(take(1)).subscribe(() => {
|
|
10796
|
-
|
|
10797
|
-
if (closestItem) {
|
|
10798
|
-
const checkboxElement = closestItem.querySelector('.k-checkbox-wrap');
|
|
10799
|
-
const checkbox = this.checkboxes.find(checkBox => checkBox.hostElement.nativeElement === checkboxElement);
|
|
10800
|
-
const index = parseInt(checkboxElement.firstElementChild.getAttribute('data-index'), 10);
|
|
10801
|
-
if (this.autoSync) {
|
|
10802
|
-
if (!this.columns[index]) {
|
|
10803
|
-
return;
|
|
10804
|
-
}
|
|
10805
|
-
const column = this.columns[index];
|
|
10806
|
-
const hidden = !checkbox.checkedState;
|
|
10807
|
-
if (Boolean(column.hidden) !== hidden) {
|
|
10808
|
-
this.ngZone.run(() => {
|
|
10809
|
-
column.hidden = hidden;
|
|
10810
|
-
this.columnChange.emit([column]);
|
|
10811
|
-
});
|
|
10812
|
-
}
|
|
10813
|
-
}
|
|
10814
|
-
else {
|
|
10815
|
-
this.updateDisabled();
|
|
10816
|
-
}
|
|
10817
|
-
if (index !== this.listNavigationService.activeIndex) {
|
|
10818
|
-
this.listNavigationService.toggle(this.listNavigationService.activeIndex, false);
|
|
10819
|
-
this.listNavigationService.activeIndex = index;
|
|
10820
|
-
this.listNavigationService.toggle(index, true);
|
|
10821
|
-
}
|
|
10822
|
-
}
|
|
10796
|
+
this.handleCheckBoxClick(e);
|
|
10823
10797
|
});
|
|
10824
10798
|
}));
|
|
10825
10799
|
this.domSubscriptions.add(this.renderer.listen(this.element.nativeElement, 'keydown', this.onKeydown));
|
|
@@ -10938,6 +10912,35 @@ class ColumnListComponent {
|
|
|
10938
10912
|
this.renderer[classCommand](parentElement, 'k-disabled');
|
|
10939
10913
|
this.renderer[attributeCommand](parentElement, 'aria-disabled', disabled ? 'true' : undefined);
|
|
10940
10914
|
}
|
|
10915
|
+
handleCheckBoxClick = (e) => {
|
|
10916
|
+
const closestItem = e.target.closest('.k-column-list-item');
|
|
10917
|
+
if (closestItem) {
|
|
10918
|
+
const checkboxElement = closestItem.querySelector('.k-checkbox-wrap');
|
|
10919
|
+
const checkbox = this.checkboxes.find(checkBox => checkBox.hostElement.nativeElement === checkboxElement);
|
|
10920
|
+
const index = parseInt(checkboxElement.firstElementChild.getAttribute('data-index'), 10);
|
|
10921
|
+
if (this.autoSync) {
|
|
10922
|
+
if (!this.columns[index]) {
|
|
10923
|
+
return;
|
|
10924
|
+
}
|
|
10925
|
+
const column = this.columns[index];
|
|
10926
|
+
const hidden = !checkbox.checkedState;
|
|
10927
|
+
if (Boolean(column.hidden) !== hidden) {
|
|
10928
|
+
this.ngZone.run(() => {
|
|
10929
|
+
column.hidden = hidden;
|
|
10930
|
+
this.columnChange.emit([column]);
|
|
10931
|
+
});
|
|
10932
|
+
}
|
|
10933
|
+
}
|
|
10934
|
+
else {
|
|
10935
|
+
this.updateDisabled();
|
|
10936
|
+
}
|
|
10937
|
+
if (index !== this.listNavigationService.activeIndex) {
|
|
10938
|
+
this.listNavigationService.toggle(this.listNavigationService.activeIndex, false);
|
|
10939
|
+
this.listNavigationService.activeIndex = index;
|
|
10940
|
+
this.listNavigationService.toggle(index, true);
|
|
10941
|
+
}
|
|
10942
|
+
}
|
|
10943
|
+
};
|
|
10941
10944
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: ColumnListKeyboardNavigation }], target: i0.ɵɵFactoryTarget.Component });
|
|
10942
10945
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnListComponent, isStandalone: true, selector: "kendo-grid-columnlist", inputs: { columns: "columns", autoSync: "autoSync", ariaLabel: "ariaLabel", allowHideAll: "allowHideAll", applyText: "applyText", resetText: "resetText", actionsClass: "actionsClass", isLast: "isLast", isExpanded: "isExpanded", service: "service" }, outputs: { reset: "reset", apply: "apply", columnChange: "columnChange" }, host: { properties: { "class.k-column-list-wrapper": "this.className" } }, providers: [ColumnListKeyboardNavigation], viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }, { propertyName: "applyButton", first: true, predicate: ["applyButton"], descendants: true }, { propertyName: "options", predicate: ColumnMenuChooserItemCheckedDirective, descendants: true }, { propertyName: "checkboxes", predicate: CheckBoxComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
10943
10946
|
<div
|
|
@@ -19213,8 +19216,8 @@ const packageMetadata = {
|
|
|
19213
19216
|
name: '@progress/kendo-angular-grid',
|
|
19214
19217
|
productName: 'Kendo UI for Angular',
|
|
19215
19218
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
19216
|
-
publishDate:
|
|
19217
|
-
version: '17.3.0-develop.
|
|
19219
|
+
publishDate: 1736180764,
|
|
19220
|
+
version: '17.3.0-develop.2',
|
|
19218
19221
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
19219
19222
|
};
|
|
19220
19223
|
|
|
@@ -26804,7 +26807,9 @@ class LocalEditService {
|
|
|
26804
26807
|
this.dataChanged();
|
|
26805
26808
|
}
|
|
26806
26809
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
26807
|
-
update(_item) {
|
|
26810
|
+
update(_item) {
|
|
26811
|
+
/* noop */
|
|
26812
|
+
}
|
|
26808
26813
|
remove(item) {
|
|
26809
26814
|
const data = this.data;
|
|
26810
26815
|
for (let idx = 0; idx < data.length; idx++) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-grid",
|
|
3
|
-
"version": "17.3.0-develop.
|
|
3
|
+
"version": "17.3.0-develop.2",
|
|
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,27 +33,27 @@
|
|
|
33
33
|
"@progress/kendo-data-query": "^1.0.0",
|
|
34
34
|
"@progress/kendo-drawing": "^1.21.0",
|
|
35
35
|
"@progress/kendo-licensing": "^1.0.2",
|
|
36
|
-
"@progress/kendo-angular-buttons": "17.3.0-develop.
|
|
37
|
-
"@progress/kendo-angular-common": "17.3.0-develop.
|
|
38
|
-
"@progress/kendo-angular-dateinputs": "17.3.0-develop.
|
|
39
|
-
"@progress/kendo-angular-layout": "17.3.0-develop.
|
|
40
|
-
"@progress/kendo-angular-dropdowns": "17.3.0-develop.
|
|
41
|
-
"@progress/kendo-angular-excel-export": "17.3.0-develop.
|
|
42
|
-
"@progress/kendo-angular-icons": "17.3.0-develop.
|
|
43
|
-
"@progress/kendo-angular-inputs": "17.3.0-develop.
|
|
44
|
-
"@progress/kendo-angular-intl": "17.3.0-develop.
|
|
45
|
-
"@progress/kendo-angular-l10n": "17.3.0-develop.
|
|
46
|
-
"@progress/kendo-angular-label": "17.3.0-develop.
|
|
47
|
-
"@progress/kendo-angular-pager": "17.3.0-develop.
|
|
48
|
-
"@progress/kendo-angular-pdf-export": "17.3.0-develop.
|
|
49
|
-
"@progress/kendo-angular-popup": "17.3.0-develop.
|
|
50
|
-
"@progress/kendo-angular-toolbar": "17.3.0-develop.
|
|
51
|
-
"@progress/kendo-angular-utils": "17.3.0-develop.
|
|
36
|
+
"@progress/kendo-angular-buttons": "17.3.0-develop.2",
|
|
37
|
+
"@progress/kendo-angular-common": "17.3.0-develop.2",
|
|
38
|
+
"@progress/kendo-angular-dateinputs": "17.3.0-develop.2",
|
|
39
|
+
"@progress/kendo-angular-layout": "17.3.0-develop.2",
|
|
40
|
+
"@progress/kendo-angular-dropdowns": "17.3.0-develop.2",
|
|
41
|
+
"@progress/kendo-angular-excel-export": "17.3.0-develop.2",
|
|
42
|
+
"@progress/kendo-angular-icons": "17.3.0-develop.2",
|
|
43
|
+
"@progress/kendo-angular-inputs": "17.3.0-develop.2",
|
|
44
|
+
"@progress/kendo-angular-intl": "17.3.0-develop.2",
|
|
45
|
+
"@progress/kendo-angular-l10n": "17.3.0-develop.2",
|
|
46
|
+
"@progress/kendo-angular-label": "17.3.0-develop.2",
|
|
47
|
+
"@progress/kendo-angular-pager": "17.3.0-develop.2",
|
|
48
|
+
"@progress/kendo-angular-pdf-export": "17.3.0-develop.2",
|
|
49
|
+
"@progress/kendo-angular-popup": "17.3.0-develop.2",
|
|
50
|
+
"@progress/kendo-angular-toolbar": "17.3.0-develop.2",
|
|
51
|
+
"@progress/kendo-angular-utils": "17.3.0-develop.2",
|
|
52
52
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"tslib": "^2.3.1",
|
|
56
|
-
"@progress/kendo-angular-schematics": "17.3.0-develop.
|
|
56
|
+
"@progress/kendo-angular-schematics": "17.3.0-develop.2",
|
|
57
57
|
"@progress/kendo-common": "^1.0.1",
|
|
58
58
|
"@progress/kendo-file-saver": "^1.0.0"
|
|
59
59
|
},
|
|
@@ -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': '17.3.0-develop.
|
|
8
|
-
'@progress/kendo-angular-navigation': '17.3.0-develop.
|
|
7
|
+
'@progress/kendo-angular-treeview': '17.3.0-develop.2',
|
|
8
|
+
'@progress/kendo-angular-navigation': '17.3.0-develop.2',
|
|
9
9
|
// peer dependency of kendo-angular-inputs
|
|
10
|
-
'@progress/kendo-angular-dialog': '17.3.0-develop.
|
|
10
|
+
'@progress/kendo-angular-dialog': '17.3.0-develop.2',
|
|
11
11
|
// peer dependency of kendo-angular-icons
|
|
12
12
|
'@progress/kendo-svg-icons': '^4.0.0',
|
|
13
13
|
// peer dependency of kendo-angular-layout
|
|
14
|
-
'@progress/kendo-angular-progressbar': '17.3.0-develop.
|
|
14
|
+
'@progress/kendo-angular-progressbar': '17.3.0-develop.2'
|
|
15
15
|
} });
|
|
16
16
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
17
17
|
}
|