@progress/kendo-angular-grid 19.0.0-develop.18 → 19.0.0-develop.19

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/esm2022/adaptiveness/adaptive-renderer.component.mjs +4 -4
  2. package/esm2022/column-menu/column-menu.component.mjs +8 -3
  3. package/esm2022/package-metadata.mjs +2 -2
  4. package/esm2022/rendering/toolbar/tools/column-chooser-tool.directive.mjs +43 -45
  5. package/fesm2022/progress-kendo-angular-grid.mjs +57 -54
  6. package/package.json +21 -21
  7. package/schematics/ngAdd/index.js +4 -4
package/esm2022/adaptiveness/adaptive-renderer.component.mjs CHANGED
@@ -409,8 +409,8 @@ export class AdaptiveRendererComponent {
409
409
 
410
410
  <!-- columnMenu first view -->
411
411
  <kendo-actionsheet-view *ngIf="adaptiveGridService.viewType === 'columnMenu'"
412
- [kendoEventsOutsideAngular]="{transitionend: onAnimationEnd}"
413
- [scope]="this">
412
+ [kendoEventsOutsideAngular]="{transitionend: onAnimationEnd}"
413
+ [scope]="this">
414
414
  <ng-template kendoActionSheetHeaderTemplate>
415
415
  <ng-container [ngTemplateOutlet]="actionSheetHeaderTemplate">
416
416
  </ng-container>
@@ -808,8 +808,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
808
808
 
809
809
  <!-- columnMenu first view -->
810
810
  <kendo-actionsheet-view *ngIf="adaptiveGridService.viewType === 'columnMenu'"
811
- [kendoEventsOutsideAngular]="{transitionend: onAnimationEnd}"
812
- [scope]="this">
811
+ [kendoEventsOutsideAngular]="{transitionend: onAnimationEnd}"
812
+ [scope]="this">
813
813
  <ng-template kendoActionSheetHeaderTemplate>
814
814
  <ng-container [ngTemplateOutlet]="actionSheetHeaderTemplate">
815
815
  </ng-container>
package/esm2022/column-menu/column-menu.component.mjs CHANGED
@@ -323,9 +323,14 @@ export class ColumnMenuComponent {
323
323
  * @hidden
324
324
  */
325
325
  close(triggerFocus = false) {
326
- this.popupService.destroy();
327
- this.popupRef = null;
328
- this.cdr.markForCheck();
326
+ if (this.ctx.grid.adaptiveMode === 'auto' && this.adaptiveGridService.windowSize !== 'large') {
327
+ this.ctx.grid.adaptiveRenderer.actionSheet.toggle(false);
328
+ }
329
+ else {
330
+ this.popupService.destroy();
331
+ this.popupRef = null;
332
+ this.cdr.markForCheck();
333
+ }
329
334
  if (!triggerFocus) {
330
335
  return;
331
336
  }
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1747328161,
14
- version: '19.0.0-develop.18',
13
+ publishDate: 1747400012,
14
+ version: '19.0.0-develop.19',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
package/esm2022/rendering/toolbar/tools/column-chooser-tool.directive.mjs CHANGED
@@ -125,53 +125,51 @@ export class ColumnChooserToolbarDirective extends ToolbarToolBase {
125
125
  }
126
126
  togglePopup() {
127
127
  if (!this.popupRef) {
128
- if (!this.host.overflows) {
129
- const direction = this.ctx.localization.rtl ? 'right' : 'left';
130
- this.popupRef = this.popupSerivce.open({
131
- anchor: this.buttonElement,
132
- content: ColumnListComponent,
133
- positionMode: 'absolute',
134
- anchorAlign: { vertical: 'bottom', horizontal: direction },
135
- popupAlign: { vertical: 'top', horizontal: direction }
128
+ const direction = this.ctx.localization.rtl ? 'right' : 'left';
129
+ this.popupRef = this.popupSerivce.open({
130
+ anchor: this.buttonElement,
131
+ content: ColumnListComponent,
132
+ positionMode: 'absolute',
133
+ anchorAlign: { vertical: 'bottom', horizontal: direction },
134
+ popupAlign: { vertical: 'top', horizontal: direction }
135
+ });
136
+ this.adaptiveGridService.popupRef = this.popupRef;
137
+ const popupElement = this.popupRef.popupElement;
138
+ const popupId = `k-column-chooser-tool-${this.nextId}-popup`;
139
+ const popupAriaElement = popupElement.querySelector('.k-popup');
140
+ this.zone.runOutsideAngular(() => {
141
+ this.renderer.listen(popupAriaElement, 'keydown', (e) => {
142
+ if (e.key === 'Escape') {
143
+ this.closePopup(true);
144
+ }
136
145
  });
137
- this.adaptiveGridService.popupRef = this.popupRef;
138
- const popupElement = this.popupRef.popupElement;
139
- const popupId = `k-column-chooser-tool-${this.nextId}-popup`;
140
- const popupAriaElement = popupElement.querySelector('.k-popup');
141
- this.zone.runOutsideAngular(() => {
142
- this.renderer.listen(popupAriaElement, 'keydown', (e) => {
143
- if (e.key === 'Escape') {
144
- this.closePopup(true);
145
- }
146
+ });
147
+ this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
148
+ this.renderer.setAttribute(popupAriaElement, 'id', popupId);
149
+ this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
150
+ this.buttonElement?.setAttribute('aria-expanded', 'true');
151
+ this.buttonElement?.setAttribute('aria-controls', popupId);
152
+ const columnList = this.popupRef.content.instance;
153
+ columnList.isLast = true;
154
+ columnList.autoSync = this.autoSync;
155
+ columnList.allowHideAll = this.allowHideAll;
156
+ columnList.applyText = this.ctx.localization.get('columnsApply');
157
+ columnList.resetText = this.ctx.localization.get('columnsReset');
158
+ columnList.columns = this.ctx.grid.columns;
159
+ columnList.ariaLabel = this.ctx.localization.get('columns');
160
+ this.subs.add(this.popupRef.popup.instance.anchorViewportLeave.subscribe(() => {
161
+ this.closePopup(true);
162
+ }));
163
+ this.subs.add(columnList.apply.subscribe(() => {
164
+ this.closePopup();
165
+ }));
166
+ this.zone.runOutsideAngular(() => this.renderer.listen('document', 'click', ({ target }) => {
167
+ if (this.popupRef && !closest(target, node => node === this.popupRef.popupElement || node === this.buttonElement)) {
168
+ this.zone.run(() => {
169
+ this.closePopup();
146
170
  });
147
- });
148
- this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
149
- this.renderer.setAttribute(popupAriaElement, 'id', popupId);
150
- this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
151
- this.buttonElement?.setAttribute('aria-expanded', 'true');
152
- this.buttonElement?.setAttribute('aria-controls', popupId);
153
- const columnList = this.popupRef.content.instance;
154
- columnList.isLast = true;
155
- columnList.autoSync = this.autoSync;
156
- columnList.allowHideAll = this.allowHideAll;
157
- columnList.applyText = this.ctx.localization.get('columnsApply');
158
- columnList.resetText = this.ctx.localization.get('columnsReset');
159
- columnList.columns = this.ctx.grid.columns;
160
- columnList.ariaLabel = this.ctx.localization.get('columns');
161
- this.subs.add(this.popupRef.popup.instance.anchorViewportLeave.subscribe(() => {
162
- this.closePopup(true);
163
- }));
164
- this.subs.add(columnList.apply.subscribe(() => {
165
- this.closePopup();
166
- }));
167
- this.zone.runOutsideAngular(() => this.renderer.listen('document', 'click', ({ target }) => {
168
- if (this.popupRef && !closest(target, node => node === this.popupRef.popupElement || node === this.buttonElement)) {
169
- this.zone.run(() => {
170
- this.closePopup();
171
- });
172
- }
173
- }));
174
- }
171
+ }
172
+ }));
175
173
  }
176
174
  else {
177
175
  this.closePopup();
package/fesm2022/progress-kendo-angular-grid.mjs CHANGED
@@ -11967,53 +11967,51 @@ class ColumnChooserToolbarDirective extends ToolbarToolBase {
11967
11967
  }
11968
11968
  togglePopup() {
11969
11969
  if (!this.popupRef) {
11970
- if (!this.host.overflows) {
11971
- const direction = this.ctx.localization.rtl ? 'right' : 'left';
11972
- this.popupRef = this.popupSerivce.open({
11973
- anchor: this.buttonElement,
11974
- content: ColumnListComponent,
11975
- positionMode: 'absolute',
11976
- anchorAlign: { vertical: 'bottom', horizontal: direction },
11977
- popupAlign: { vertical: 'top', horizontal: direction }
11970
+ const direction = this.ctx.localization.rtl ? 'right' : 'left';
11971
+ this.popupRef = this.popupSerivce.open({
11972
+ anchor: this.buttonElement,
11973
+ content: ColumnListComponent,
11974
+ positionMode: 'absolute',
11975
+ anchorAlign: { vertical: 'bottom', horizontal: direction },
11976
+ popupAlign: { vertical: 'top', horizontal: direction }
11977
+ });
11978
+ this.adaptiveGridService.popupRef = this.popupRef;
11979
+ const popupElement = this.popupRef.popupElement;
11980
+ const popupId = `k-column-chooser-tool-${this.nextId}-popup`;
11981
+ const popupAriaElement = popupElement.querySelector('.k-popup');
11982
+ this.zone.runOutsideAngular(() => {
11983
+ this.renderer.listen(popupAriaElement, 'keydown', (e) => {
11984
+ if (e.key === 'Escape') {
11985
+ this.closePopup(true);
11986
+ }
11978
11987
  });
11979
- this.adaptiveGridService.popupRef = this.popupRef;
11980
- const popupElement = this.popupRef.popupElement;
11981
- const popupId = `k-column-chooser-tool-${this.nextId}-popup`;
11982
- const popupAriaElement = popupElement.querySelector('.k-popup');
11983
- this.zone.runOutsideAngular(() => {
11984
- this.renderer.listen(popupAriaElement, 'keydown', (e) => {
11985
- if (e.key === 'Escape') {
11986
- this.closePopup(true);
11987
- }
11988
+ });
11989
+ this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
11990
+ this.renderer.setAttribute(popupAriaElement, 'id', popupId);
11991
+ this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
11992
+ this.buttonElement?.setAttribute('aria-expanded', 'true');
11993
+ this.buttonElement?.setAttribute('aria-controls', popupId);
11994
+ const columnList = this.popupRef.content.instance;
11995
+ columnList.isLast = true;
11996
+ columnList.autoSync = this.autoSync;
11997
+ columnList.allowHideAll = this.allowHideAll;
11998
+ columnList.applyText = this.ctx.localization.get('columnsApply');
11999
+ columnList.resetText = this.ctx.localization.get('columnsReset');
12000
+ columnList.columns = this.ctx.grid.columns;
12001
+ columnList.ariaLabel = this.ctx.localization.get('columns');
12002
+ this.subs.add(this.popupRef.popup.instance.anchorViewportLeave.subscribe(() => {
12003
+ this.closePopup(true);
12004
+ }));
12005
+ this.subs.add(columnList.apply.subscribe(() => {
12006
+ this.closePopup();
12007
+ }));
12008
+ this.zone.runOutsideAngular(() => this.renderer.listen('document', 'click', ({ target }) => {
12009
+ if (this.popupRef && !closest$1(target, node => node === this.popupRef.popupElement || node === this.buttonElement)) {
12010
+ this.zone.run(() => {
12011
+ this.closePopup();
11988
12012
  });
11989
- });
11990
- this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
11991
- this.renderer.setAttribute(popupAriaElement, 'id', popupId);
11992
- this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
11993
- this.buttonElement?.setAttribute('aria-expanded', 'true');
11994
- this.buttonElement?.setAttribute('aria-controls', popupId);
11995
- const columnList = this.popupRef.content.instance;
11996
- columnList.isLast = true;
11997
- columnList.autoSync = this.autoSync;
11998
- columnList.allowHideAll = this.allowHideAll;
11999
- columnList.applyText = this.ctx.localization.get('columnsApply');
12000
- columnList.resetText = this.ctx.localization.get('columnsReset');
12001
- columnList.columns = this.ctx.grid.columns;
12002
- columnList.ariaLabel = this.ctx.localization.get('columns');
12003
- this.subs.add(this.popupRef.popup.instance.anchorViewportLeave.subscribe(() => {
12004
- this.closePopup(true);
12005
- }));
12006
- this.subs.add(columnList.apply.subscribe(() => {
12007
- this.closePopup();
12008
- }));
12009
- this.zone.runOutsideAngular(() => this.renderer.listen('document', 'click', ({ target }) => {
12010
- if (this.popupRef && !closest$1(target, node => node === this.popupRef.popupElement || node === this.buttonElement)) {
12011
- this.zone.run(() => {
12012
- this.closePopup();
12013
- });
12014
- }
12015
- }));
12016
- }
12013
+ }
12014
+ }));
12017
12015
  }
12018
12016
  else {
12019
12017
  this.closePopup();
@@ -13878,9 +13876,14 @@ class ColumnMenuComponent {
13878
13876
  * @hidden
13879
13877
  */
13880
13878
  close(triggerFocus = false) {
13881
- this.popupService.destroy();
13882
- this.popupRef = null;
13883
- this.cdr.markForCheck();
13879
+ if (this.ctx.grid.adaptiveMode === 'auto' && this.adaptiveGridService.windowSize !== 'large') {
13880
+ this.ctx.grid.adaptiveRenderer.actionSheet.toggle(false);
13881
+ }
13882
+ else {
13883
+ this.popupService.destroy();
13884
+ this.popupRef = null;
13885
+ this.cdr.markForCheck();
13886
+ }
13884
13887
  if (!triggerFocus) {
13885
13888
  return;
13886
13889
  }
@@ -20418,8 +20421,8 @@ const packageMetadata = {
20418
20421
  productName: 'Kendo UI for Angular',
20419
20422
  productCode: 'KENDOUIANGULAR',
20420
20423
  productCodes: ['KENDOUIANGULAR'],
20421
- publishDate: 1747328161,
20422
- version: '19.0.0-develop.18',
20424
+ publishDate: 1747400012,
20425
+ version: '19.0.0-develop.19',
20423
20426
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
20424
20427
  };
20425
20428
 
@@ -25430,8 +25433,8 @@ class AdaptiveRendererComponent {
25430
25433
 
25431
25434
  <!-- columnMenu first view -->
25432
25435
  <kendo-actionsheet-view *ngIf="adaptiveGridService.viewType === 'columnMenu'"
25433
- [kendoEventsOutsideAngular]="{transitionend: onAnimationEnd}"
25434
- [scope]="this">
25436
+ [kendoEventsOutsideAngular]="{transitionend: onAnimationEnd}"
25437
+ [scope]="this">
25435
25438
  <ng-template kendoActionSheetHeaderTemplate>
25436
25439
  <ng-container [ngTemplateOutlet]="actionSheetHeaderTemplate">
25437
25440
  </ng-container>
@@ -25829,8 +25832,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
25829
25832
 
25830
25833
  <!-- columnMenu first view -->
25831
25834
  <kendo-actionsheet-view *ngIf="adaptiveGridService.viewType === 'columnMenu'"
25832
- [kendoEventsOutsideAngular]="{transitionend: onAnimationEnd}"
25833
- [scope]="this">
25835
+ [kendoEventsOutsideAngular]="{transitionend: onAnimationEnd}"
25836
+ [scope]="this">
25834
25837
  <ng-template kendoActionSheetHeaderTemplate>
25835
25838
  <ng-container [ngTemplateOutlet]="actionSheetHeaderTemplate">
25836
25839
  </ng-container>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-grid",
3
- "version": "19.0.0-develop.18",
3
+ "version": "19.0.0-develop.19",
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",
@@ -26,7 +26,7 @@
26
26
  "package": {
27
27
  "productName": "Kendo UI for Angular",
28
28
  "productCode": "KENDOUIANGULAR",
29
- "publishDate": 1747328161,
29
+ "publishDate": 1747400012,
30
30
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
31
31
  }
32
32
  },
@@ -39,29 +39,29 @@
39
39
  "@progress/kendo-data-query": "^1.0.0",
40
40
  "@progress/kendo-drawing": "^1.21.0",
41
41
  "@progress/kendo-licensing": "^1.5.0",
42
- "@progress/kendo-angular-buttons": "19.0.0-develop.18",
43
- "@progress/kendo-angular-common": "19.0.0-develop.18",
44
- "@progress/kendo-angular-dateinputs": "19.0.0-develop.18",
45
- "@progress/kendo-angular-layout": "19.0.0-develop.18",
46
- "@progress/kendo-angular-navigation": "19.0.0-develop.18",
47
- "@progress/kendo-angular-dropdowns": "19.0.0-develop.18",
48
- "@progress/kendo-angular-excel-export": "19.0.0-develop.18",
49
- "@progress/kendo-angular-icons": "19.0.0-develop.18",
50
- "@progress/kendo-angular-inputs": "19.0.0-develop.18",
51
- "@progress/kendo-angular-indicators": "19.0.0-develop.18",
52
- "@progress/kendo-angular-intl": "19.0.0-develop.18",
53
- "@progress/kendo-angular-l10n": "19.0.0-develop.18",
54
- "@progress/kendo-angular-label": "19.0.0-develop.18",
55
- "@progress/kendo-angular-pager": "19.0.0-develop.18",
56
- "@progress/kendo-angular-pdf-export": "19.0.0-develop.18",
57
- "@progress/kendo-angular-popup": "19.0.0-develop.18",
58
- "@progress/kendo-angular-toolbar": "19.0.0-develop.18",
59
- "@progress/kendo-angular-utils": "19.0.0-develop.18",
42
+ "@progress/kendo-angular-buttons": "19.0.0-develop.19",
43
+ "@progress/kendo-angular-common": "19.0.0-develop.19",
44
+ "@progress/kendo-angular-dateinputs": "19.0.0-develop.19",
45
+ "@progress/kendo-angular-layout": "19.0.0-develop.19",
46
+ "@progress/kendo-angular-navigation": "19.0.0-develop.19",
47
+ "@progress/kendo-angular-dropdowns": "19.0.0-develop.19",
48
+ "@progress/kendo-angular-excel-export": "19.0.0-develop.19",
49
+ "@progress/kendo-angular-icons": "19.0.0-develop.19",
50
+ "@progress/kendo-angular-inputs": "19.0.0-develop.19",
51
+ "@progress/kendo-angular-indicators": "19.0.0-develop.19",
52
+ "@progress/kendo-angular-intl": "19.0.0-develop.19",
53
+ "@progress/kendo-angular-l10n": "19.0.0-develop.19",
54
+ "@progress/kendo-angular-label": "19.0.0-develop.19",
55
+ "@progress/kendo-angular-pager": "19.0.0-develop.19",
56
+ "@progress/kendo-angular-pdf-export": "19.0.0-develop.19",
57
+ "@progress/kendo-angular-popup": "19.0.0-develop.19",
58
+ "@progress/kendo-angular-toolbar": "19.0.0-develop.19",
59
+ "@progress/kendo-angular-utils": "19.0.0-develop.19",
60
60
  "rxjs": "^6.5.3 || ^7.0.0"
61
61
  },
62
62
  "dependencies": {
63
63
  "tslib": "^2.3.1",
64
- "@progress/kendo-angular-schematics": "19.0.0-develop.18",
64
+ "@progress/kendo-angular-schematics": "19.0.0-develop.19",
65
65
  "@progress/kendo-common": "^1.0.1",
66
66
  "@progress/kendo-file-saver": "^1.0.0"
67
67
  },
package/schematics/ngAdd/index.js CHANGED
@@ -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': '19.0.0-develop.18',
8
- '@progress/kendo-angular-navigation': '19.0.0-develop.18',
7
+ '@progress/kendo-angular-treeview': '19.0.0-develop.19',
8
+ '@progress/kendo-angular-navigation': '19.0.0-develop.19',
9
9
  // peer dependency of kendo-angular-inputs
10
- '@progress/kendo-angular-dialog': '19.0.0-develop.18',
10
+ '@progress/kendo-angular-dialog': '19.0.0-develop.19',
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': '19.0.0-develop.18'
14
+ '@progress/kendo-angular-progressbar': '19.0.0-develop.19'
15
15
  } });
16
16
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
17
17
  }