@progress/kendo-angular-grid 19.0.0-develop.12 → 19.0.0-develop.14

package/column-menu/column-chooser-tool.directive.d.ts

@@ -52,6 +52,7 @@ export declare class ColumnChooserToolbarDirective extends ToolbarToolBase imple
      */
     onClick(e: any): void;
     private closePopup;
+    private get buttonElement();
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnChooserToolbarDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnChooserToolbarDirective, "[kendoGridColumnChooserTool]", never, { "autoSync": { "alias": "autoSync"; "required": false; }; "allowHideAll": { "alias": "allowHideAll"; "required": false; }; }, {}, never, never, true, never>;
 }

package/esm2022/column-menu/column-chooser-tool.directive.mjs

@@ -65,9 +65,9 @@ export class ColumnChooserToolbarDirective extends ToolbarToolBase {
     ngAfterViewInit() {
         super.ngAfterViewInit();
         this.zone.onStable.pipe(take(1)).subscribe(() => {
-            this.host.toolbarButtonElement.nativeElement.setAttribute('aria-haspopup', 'dialog');
-            this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'false');
-            this.host.toolbarButtonElement.nativeElement.setAttribute('title', this.ctx.localization.get('columns'));
+            this.buttonElement?.setAttribute('aria-haspopup', 'dialog');
+            this.buttonElement?.setAttribute('aria-expanded', 'false');
+            this.buttonElement?.setAttribute('title', this.ctx.localization.get('columns'));
         });
         this.subs.add(this.refresh.onRefresh.pipe(filter((tool) => tool === this.host)).subscribe((tool) => {
             if (tool.overflows && this.popupRef) {
@@ -85,52 +85,50 @@ export class ColumnChooserToolbarDirective extends ToolbarToolBase {
     onClick(e) {
         e.preventDefault();
         if (!this.popupRef) {
-            if (!this.host.overflows) {
-                const direction = this.ctx.localization.rtl ? 'right' : 'left';
-                this.popupRef = this.popupSerivce.open({
-                    anchor: this.host.toolbarButtonElement,
-                    content: ColumnListComponent,
-                    positionMode: 'absolute',
-                    anchorAlign: { vertical: 'bottom', horizontal: direction },
-                    popupAlign: { vertical: 'top', horizontal: direction }
+            const direction = this.ctx.localization.rtl ? 'right' : 'left';
+            this.popupRef = this.popupSerivce.open({
+                anchor: this.buttonElement,
+                content: ColumnListComponent,
+                positionMode: 'absolute',
+                anchorAlign: { vertical: 'bottom', horizontal: direction },
+                popupAlign: { vertical: 'top', horizontal: direction }
+            });
+            const popupElement = this.popupRef.popupElement;
+            const popupId = `k-column-chooser-tool-${this.nextId}-popup`;
+            const popupAriaElement = popupElement.querySelector('.k-popup');
+            this.zone.runOutsideAngular(() => {
+                this.renderer.listen(popupAriaElement, 'keydown', (e) => {
+                    if (e.key === 'Escape') {
+                        this.closePopup(true);
+                    }
                 });
-                const popupElement = this.popupRef.popupElement;
-                const popupId = `k-column-chooser-tool-${this.nextId}-popup`;
-                const popupAriaElement = popupElement.querySelector('.k-popup');
-                this.zone.runOutsideAngular(() => {
-                    this.renderer.listen(popupAriaElement, 'keydown', (e) => {
-                        if (e.key === 'Escape') {
-                            this.closePopup(true);
-                        }
+            });
+            this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
+            this.renderer.setAttribute(popupAriaElement, 'id', popupId);
+            this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
+            this.buttonElement?.setAttribute('aria-expanded', 'true');
+            this.buttonElement?.setAttribute('aria-controls', popupId);
+            const columnList = this.popupRef.content.instance;
+            columnList.isLast = true;
+            columnList.autoSync = this.autoSync;
+            columnList.allowHideAll = this.allowHideAll;
+            columnList.applyText = this.ctx.localization.get('columnsApply');
+            columnList.resetText = this.ctx.localization.get('columnsReset');
+            columnList.columns = this.ctx.grid.columns;
+            columnList.ariaLabel = this.ctx.localization.get('columns');
+            this.subs.add(this.popupRef.popup.instance.anchorViewportLeave.subscribe(() => {
+                this.closePopup(true);
+            }));
+            this.subs.add(columnList.apply.subscribe(() => {
+                this.closePopup();
+            }));
+            this.zone.runOutsideAngular(() => this.renderer.listen('document', 'click', ({ target }) => {
+                if (this.popupRef && !closest(target, node => node === this.popupRef.popupElement || node === this.buttonElement)) {
+                    this.zone.run(() => {
+                        this.closePopup();
                     });
-                });
-                this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
-                this.renderer.setAttribute(popupAriaElement, 'id', popupId);
-                this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
-                this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'true');
-                this.host.toolbarButtonElement.nativeElement.setAttribute('aria-controls', popupId);
-                const columnList = this.popupRef.content.instance;
-                columnList.isLast = true;
-                columnList.autoSync = this.autoSync;
-                columnList.allowHideAll = this.allowHideAll;
-                columnList.applyText = this.ctx.localization.get('columnsApply');
-                columnList.resetText = this.ctx.localization.get('columnsReset');
-                columnList.columns = this.ctx.grid.columns;
-                columnList.ariaLabel = this.ctx.localization.get('columns');
-                this.subs.add(this.popupRef.popup.instance.anchorViewportLeave.subscribe(() => {
-                    this.closePopup(true);
-                }));
-                this.subs.add(columnList.apply.subscribe(() => {
-                    this.closePopup();
-                }));
-                this.zone.runOutsideAngular(() => this.renderer.listen('document', 'click', ({ target }) => {
-                    if (this.popupRef && !closest(target, node => node === this.popupRef.popupElement || node === this.host.toolbarButtonElement.nativeElement)) {
-                        this.zone.run(() => {
-                            this.closePopup();
-                        });
-                    }
-                }));
-            }
+                }
+            }));
         }
         else {
             this.closePopup();
@@ -139,9 +137,12 @@ export class ColumnChooserToolbarDirective extends ToolbarToolBase {
     closePopup(focusAnchor = false) {
         this.popupRef.close();
         this.popupRef = null;
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'false');
-        this.host.toolbarButtonElement.nativeElement.removeAttribute('aria-controls');
-        focusAnchor && this.host.toolbarButtonElement.nativeElement.focus();
+        this.buttonElement?.setAttribute('aria-expanded', 'false');
+        this.buttonElement?.removeAttribute('aria-controls');
+        focusAnchor && this.buttonElement?.focus();
+    }
+    get buttonElement() {
+        return this.host.getButton();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnChooserToolbarDirective, deps: [{ token: i0.Renderer2 }, { token: i1.PopupService }, { token: i2.ToolBarButtonComponent }, { token: i3.ContextService }, { token: i0.NgZone }, { token: i2.RefreshService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnChooserToolbarDirective, isStandalone: true, selector: "[kendoGridColumnChooserTool]", inputs: { autoSync: "autoSync", allowHideAll: "allowHideAll" }, usesInheritance: true, ngImport: i0 });

package/esm2022/column-menu/column-list.component.mjs

@@ -70,6 +70,7 @@ export class ColumnListComponent {
         }
         this.ngZone.runOutsideAngular(() => {
             this.domSubscriptions.add(this.renderer.listen(this.element.nativeElement, 'click', (e) => {
+                e.stopImmediatePropagation();
                 this.ngZone.onStable.pipe(take(1)).subscribe(() => {
                     this.handleCheckBoxClick(e);
                 });

package/esm2022/editing/toolbar-editing-tool-base.directive.mjs

@@ -61,15 +61,13 @@ export class ToolbarEditingToolBase extends ToolbarToolBase {
             if (this.ctx.grid.showInactiveTools) {
                 this.host.disabled = isToolInactive;
             }
-            else {
+            else if (this.host.isHidden !== isToolInactive) {
                 this.host.isHidden = isToolInactive;
                 const toolbar = this.host.host;
                 toolbar.refreshService.refresh(this.host);
-                if (toolbar.resizable) {
-                    this.zone.onStable.pipe(take(1)).subscribe(() => {
-                        toolbar.onResize();
-                    });
-                }
+                this.zone.onStable.pipe(take(1)).subscribe(() => {
+                    toolbar.onResize();
+                });
             }
         }
     }

package/esm2022/grid.component.mjs

@@ -3032,7 +3032,7 @@ export class GridComponent {
         <div #dialogContainer></div>
         
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GridToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { kind: "component", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex", "size"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "stickyRowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }, { kind: "component", type: FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex", "totalColumns", "totalColumnsCount"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { kind: "component", type: StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["statusBarTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "component", type: i25.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i25.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i25.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["size"] }, { kind: "component", type: i25.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i25.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i25.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["pageSizes", "size"] }, { kind: "component", type: i25.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i25.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i25.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GridToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { kind: "component", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex", "size"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "stickyRowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }, { kind: "component", type: FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex", "totalColumns", "totalColumnsCount"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { kind: "component", type: StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["statusBarTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "component", type: i25.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i25.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i25.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: i25.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i25.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i25.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: i25.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i25.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i25.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive", "adaptiveMode"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1747069795,
-    version: '19.0.0-develop.12',
+    publishDate: 1747136992,
+    version: '19.0.0-develop.14',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/rendering/toolbar/tools/filter-command-tool.directive.mjs

@@ -81,9 +81,9 @@ export class FilterCommandToolbarDirective {
                 this.host.text = this.ctx.localization.get(`filterToolbarToolText`);
             });
         }
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-haspopup', 'dialog');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'false');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('title', this.ctx.localization.get('filter'));
+        this.buttonElement?.setAttribute('aria-haspopup', 'dialog');
+        this.buttonElement?.setAttribute('aria-expanded', 'false');
+        this.buttonElement?.setAttribute('title', this.ctx.localization.get('filter'));
     }
     ngOnDestroy() {
         if (this.toolSubs) {
@@ -112,7 +112,7 @@ export class FilterCommandToolbarDirective {
     openPopup() {
         const direction = this.ctx.localization.rtl ? 'right' : 'left';
         this.popupRef = this.popupService.open({
-            anchor: this.host.toolbarButtonElement.nativeElement,
+            anchor: this.buttonElement,
             content: FilterToolWrapperComponent,
             popupClass: 'k-grid-columnmenu-popup',
             positionMode: 'absolute',
@@ -125,7 +125,7 @@ export class FilterCommandToolbarDirective {
                 return;
             }
             this.removeClickListener = this.renderer.listen('document', 'click', (e) => {
-                if (this.popupRef && !closest(e.target, node => node === this.popupRef.popupElement || node === this.host.toolbarButtonElement.nativeElement)) {
+                if (this.popupRef && !closest(e.target, node => node === this.popupRef.popupElement || node === this.buttonElement)) {
                     this.closePopup();
                 }
             });
@@ -144,8 +144,8 @@ export class FilterCommandToolbarDirective {
         this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
         this.renderer.setAttribute(popupAriaElement, 'id', popupId);
         this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'true');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-controls', popupId);
+        this.buttonElement?.setAttribute('aria-expanded', 'true');
+        this.buttonElement?.setAttribute('aria-controls', popupId);
     }
     initPopupProperties() {
         this.popupRef.content.instance.columnInfoService = this.columnInfoService;
@@ -157,8 +157,8 @@ export class FilterCommandToolbarDirective {
         }));
     }
     closePopup() {
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'false');
-        this.host.toolbarButtonElement.nativeElement.removeAttribute('aria-controls');
+        this.buttonElement?.setAttribute('aria-expanded', 'false');
+        this.buttonElement?.removeAttribute('aria-controls');
         if (this.popupRef) {
             this.popupRef.close();
             this.popupRef = null;
@@ -172,6 +172,9 @@ export class FilterCommandToolbarDirective {
             this.removeClickListener = null;
         }
     }
+    get buttonElement() {
+        return this.host.getButton();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCommandToolbarDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.PopupService }, { token: i3.ContextService }, { token: i4.FilterService }, { token: i5.ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterCommandToolbarDirective, isStandalone: true, selector: "[kendoGridFilterTool]", ngImport: i0 });
 }

package/esm2022/rendering/toolbar/tools/filter-tool-wrapper.component.mjs

@@ -26,6 +26,11 @@ export class FilterToolWrapperComponent {
         this.close.emit();
         this.hostButton?.focus(event);
     }
+    onClick(event) {
+        if (this.hostButton.location !== 'toolbar') {
+            event.stopImmediatePropagation();
+        }
+    }
     close = new EventEmitter();
     hostButton;
     clearIcon = filterClearIcon;
@@ -93,7 +98,7 @@ export class FilterToolWrapperComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterToolWrapperComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterToolWrapperComponent, isStandalone: true, selector: "kendo-filter-tool-wrapper", outputs: { close: "close" }, host: { listeners: { "keydown.escape": "onEscKeyDown($event)" }, properties: { "class.k-column-menu": "this.wrapperClasses", "class.k-column-menu-md": "this.wrapperClasses" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterToolWrapperComponent, isStandalone: true, selector: "kendo-filter-tool-wrapper", outputs: { close: "close" }, host: { listeners: { "keydown.escape": "onEscKeyDown($event)", "click": "onClick($event)" }, properties: { "class.k-column-menu": "this.wrapperClasses", "class.k-column-menu-md": "this.wrapperClasses" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
         <ng-container #container></ng-container>
         <div class="k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer">
             <button kendoButton [svgIcon]="clearIcon" (click)="clear()">Clear all filters</button>
@@ -125,6 +130,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], onEscKeyDown: [{
                 type: HostListener,
                 args: ['keydown.escape', ['$event']]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
             }], close: [{
                 type: Output
             }] } });

package/esm2022/rendering/toolbar/tools/sort-command-tool.directive.mjs

@@ -82,9 +82,9 @@ export class SortCommandToolbarDirective {
                 this.host.text = this.ctx.localization.get(`sortToolbarToolText`);
             });
         }
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-haspopup', 'dialog');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'false');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('title', this.ctx.localization.get('sortable'));
+        this.buttonElement?.setAttribute('aria-haspopup', 'dialog');
+        this.buttonElement?.setAttribute('aria-expanded', 'false');
+        this.buttonElement?.setAttribute('title', this.ctx.localization.get('sortable'));
     }
     ngOnDestroy() {
         if (this.toolSubs) {
@@ -113,7 +113,7 @@ export class SortCommandToolbarDirective {
     openPopup() {
         const direction = this.ctx.localization.rtl ? 'right' : 'left';
         this.popupRef = this.popupService.open({
-            anchor: this.host.toolbarButtonElement.nativeElement,
+            anchor: this.buttonElement,
             content: SortToolbarToolComponent,
             popupClass: 'k-grid-columnmenu-popup',
             positionMode: 'absolute',
@@ -126,7 +126,7 @@ export class SortCommandToolbarDirective {
                 return;
             }
             this.removeClickListener = this.renderer.listen('document', 'click', (e) => {
-                if (this.popupRef && !closest(e.target, node => node === this.popupRef.popupElement || node === this.host.toolbarButtonElement.nativeElement)) {
+                if (this.popupRef && !closest(e.target, node => node === this.popupRef.popupElement || node === this.buttonElement)) {
                     this.closePopup();
                 }
             });
@@ -145,8 +145,8 @@ export class SortCommandToolbarDirective {
         this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
         this.renderer.setAttribute(popupAriaElement, 'id', popupId);
         this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'true');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-controls', popupId);
+        this.buttonElement?.setAttribute('aria-expanded', 'true');
+        this.buttonElement?.setAttribute('aria-controls', popupId);
     }
     initPopupProperties() {
         this.popupRef.content.instance.columnInfoService = this.columnInfoService;
@@ -161,8 +161,8 @@ export class SortCommandToolbarDirective {
         }));
     }
     closePopup() {
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'false');
-        this.host.toolbarButtonElement.nativeElement.removeAttribute('aria-controls');
+        this.buttonElement?.setAttribute('aria-expanded', 'false');
+        this.buttonElement?.removeAttribute('aria-controls');
         if (this.popupRef) {
             this.popupRef.close();
             this.popupRef = null;
@@ -176,6 +176,9 @@ export class SortCommandToolbarDirective {
             this.removeClickListener = null;
         }
     }
+    get buttonElement() {
+        return this.host.getButton();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortCommandToolbarDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.PopupService }, { token: i3.ContextService }, { token: i4.SortService }, { token: i5.ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SortCommandToolbarDirective, isStandalone: true, selector: "[kendoGridSortTool]", ngImport: i0 });
 }

package/esm2022/rendering/toolbar/tools/sort-toolbar-tool.component.mjs

@@ -75,7 +75,10 @@ export class SortToolbarToolComponent {
             this.subscription.unsubscribe();
         }
     }
-    toggleSort(column) {
+    toggleSort(column, ev) {
+        if (this.hostButton.location !== 'toolbar') {
+            ev.stopImmediatePropagation();
+        }
         const field = column?.field;
         if (!field) {
             return;
@@ -142,8 +145,8 @@ export class SortToolbarToolComponent {
                 #sortItem
                 role="button"
                 class="k-columnmenu-item"
-                (click)="toggleSort(column)"
-                (keydown.enter)="toggleSort(column)"
+                (click)="toggleSort(column, $event)"
+                (keydown.enter)="toggleSort(column, $event)"
                 [tabindex]="'0'"
             >
                 {{column.title || getColumnComponent(column).field}}
@@ -179,8 +182,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 #sortItem
                 role="button"
                 class="k-columnmenu-item"
-                (click)="toggleSort(column)"
-                (keydown.enter)="toggleSort(column)"
+                (click)="toggleSort(column, $event)"
+                (keydown.enter)="toggleSort(column, $event)"
                 [tabindex]="'0'"
             >
                 {{column.title || getColumnComponent(column).field}}

package/fesm2022/progress-kendo-angular-grid.mjs

@@ -11119,6 +11119,7 @@ class ColumnListComponent {
         }
         this.ngZone.runOutsideAngular(() => {
             this.domSubscriptions.add(this.renderer.listen(this.element.nativeElement, 'click', (e) => {
+                e.stopImmediatePropagation();
                 this.ngZone.onStable.pipe(take(1)).subscribe(() => {
                     this.handleCheckBoxClick(e);
                 });
@@ -11770,9 +11771,9 @@ class ColumnChooserToolbarDirective extends ToolbarToolBase {
     ngAfterViewInit() {
         super.ngAfterViewInit();
         this.zone.onStable.pipe(take(1)).subscribe(() => {
-            this.host.toolbarButtonElement.nativeElement.setAttribute('aria-haspopup', 'dialog');
-            this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'false');
-            this.host.toolbarButtonElement.nativeElement.setAttribute('title', this.ctx.localization.get('columns'));
+            this.buttonElement?.setAttribute('aria-haspopup', 'dialog');
+            this.buttonElement?.setAttribute('aria-expanded', 'false');
+            this.buttonElement?.setAttribute('title', this.ctx.localization.get('columns'));
         });
         this.subs.add(this.refresh.onRefresh.pipe(filter((tool) => tool === this.host)).subscribe((tool) => {
             if (tool.overflows && this.popupRef) {
@@ -11790,52 +11791,50 @@ class ColumnChooserToolbarDirective extends ToolbarToolBase {
     onClick(e) {
         e.preventDefault();
         if (!this.popupRef) {
-            if (!this.host.overflows) {
-                const direction = this.ctx.localization.rtl ? 'right' : 'left';
-                this.popupRef = this.popupSerivce.open({
-                    anchor: this.host.toolbarButtonElement,
-                    content: ColumnListComponent,
-                    positionMode: 'absolute',
-                    anchorAlign: { vertical: 'bottom', horizontal: direction },
-                    popupAlign: { vertical: 'top', horizontal: direction }
+            const direction = this.ctx.localization.rtl ? 'right' : 'left';
+            this.popupRef = this.popupSerivce.open({
+                anchor: this.buttonElement,
+                content: ColumnListComponent,
+                positionMode: 'absolute',
+                anchorAlign: { vertical: 'bottom', horizontal: direction },
+                popupAlign: { vertical: 'top', horizontal: direction }
+            });
+            const popupElement = this.popupRef.popupElement;
+            const popupId = `k-column-chooser-tool-${this.nextId}-popup`;
+            const popupAriaElement = popupElement.querySelector('.k-popup');
+            this.zone.runOutsideAngular(() => {
+                this.renderer.listen(popupAriaElement, 'keydown', (e) => {
+                    if (e.key === 'Escape') {
+                        this.closePopup(true);
+                    }
                 });
-                const popupElement = this.popupRef.popupElement;
-                const popupId = `k-column-chooser-tool-${this.nextId}-popup`;
-                const popupAriaElement = popupElement.querySelector('.k-popup');
-                this.zone.runOutsideAngular(() => {
-                    this.renderer.listen(popupAriaElement, 'keydown', (e) => {
-                        if (e.key === 'Escape') {
-                            this.closePopup(true);
-                        }
+            });
+            this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
+            this.renderer.setAttribute(popupAriaElement, 'id', popupId);
+            this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
+            this.buttonElement?.setAttribute('aria-expanded', 'true');
+            this.buttonElement?.setAttribute('aria-controls', popupId);
+            const columnList = this.popupRef.content.instance;
+            columnList.isLast = true;
+            columnList.autoSync = this.autoSync;
+            columnList.allowHideAll = this.allowHideAll;
+            columnList.applyText = this.ctx.localization.get('columnsApply');
+            columnList.resetText = this.ctx.localization.get('columnsReset');
+            columnList.columns = this.ctx.grid.columns;
+            columnList.ariaLabel = this.ctx.localization.get('columns');
+            this.subs.add(this.popupRef.popup.instance.anchorViewportLeave.subscribe(() => {
+                this.closePopup(true);
+            }));
+            this.subs.add(columnList.apply.subscribe(() => {
+                this.closePopup();
+            }));
+            this.zone.runOutsideAngular(() => this.renderer.listen('document', 'click', ({ target }) => {
+                if (this.popupRef && !closest$1(target, node => node === this.popupRef.popupElement || node === this.buttonElement)) {
+                    this.zone.run(() => {
+                        this.closePopup();
                     });
-                });
-                this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
-                this.renderer.setAttribute(popupAriaElement, 'id', popupId);
-                this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
-                this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'true');
-                this.host.toolbarButtonElement.nativeElement.setAttribute('aria-controls', popupId);
-                const columnList = this.popupRef.content.instance;
-                columnList.isLast = true;
-                columnList.autoSync = this.autoSync;
-                columnList.allowHideAll = this.allowHideAll;
-                columnList.applyText = this.ctx.localization.get('columnsApply');
-                columnList.resetText = this.ctx.localization.get('columnsReset');
-                columnList.columns = this.ctx.grid.columns;
-                columnList.ariaLabel = this.ctx.localization.get('columns');
-                this.subs.add(this.popupRef.popup.instance.anchorViewportLeave.subscribe(() => {
-                    this.closePopup(true);
-                }));
-                this.subs.add(columnList.apply.subscribe(() => {
-                    this.closePopup();
-                }));
-                this.zone.runOutsideAngular(() => this.renderer.listen('document', 'click', ({ target }) => {
-                    if (this.popupRef && !closest$1(target, node => node === this.popupRef.popupElement || node === this.host.toolbarButtonElement.nativeElement)) {
-                        this.zone.run(() => {
-                            this.closePopup();
-                        });
-                    }
-                }));
-            }
+                }
+            }));
         }
         else {
             this.closePopup();
@@ -11844,9 +11843,12 @@ class ColumnChooserToolbarDirective extends ToolbarToolBase {
     closePopup(focusAnchor = false) {
         this.popupRef.close();
         this.popupRef = null;
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'false');
-        this.host.toolbarButtonElement.nativeElement.removeAttribute('aria-controls');
-        focusAnchor && this.host.toolbarButtonElement.nativeElement.focus();
+        this.buttonElement?.setAttribute('aria-expanded', 'false');
+        this.buttonElement?.removeAttribute('aria-controls');
+        focusAnchor && this.buttonElement?.focus();
+    }
+    get buttonElement() {
+        return this.host.getButton();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnChooserToolbarDirective, deps: [{ token: i0.Renderer2 }, { token: i1$5.PopupService }, { token: i51.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i51.RefreshService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnChooserToolbarDirective, isStandalone: true, selector: "[kendoGridColumnChooserTool]", inputs: { autoSync: "autoSync", allowHideAll: "allowHideAll" }, usesInheritance: true, ngImport: i0 });
@@ -20126,8 +20128,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1747069795,
-    version: '19.0.0-develop.12',
+    publishDate: 1747136992,
+    version: '19.0.0-develop.14',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -26871,7 +26873,7 @@ class GridComponent {
         <div #dialogContainer></div>
         
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { kind: "component", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex", "size"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "stickyRowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }, { kind: "component", type: FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex", "totalColumns", "totalColumnsCount"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { kind: "component", type: StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["statusBarTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "component", type: i50.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i50.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i50.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["size"] }, { kind: "component", type: i50.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i50.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i50.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["pageSizes", "size"] }, { kind: "component", type: i50.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i50.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i50.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { kind: "component", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex", "size"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "stickyRowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }, { kind: "component", type: FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex", "totalColumns", "totalColumnsCount"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { kind: "component", type: StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["statusBarTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "component", type: i50.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i50.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i50.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: i50.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i50.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i50.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: i50.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i50.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i50.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive", "adaptiveMode"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
@@ -30039,15 +30041,13 @@ class ToolbarEditingToolBase extends ToolbarToolBase {
             if (this.ctx.grid.showInactiveTools) {
                 this.host.disabled = isToolInactive;
             }
-            else {
+            else if (this.host.isHidden !== isToolInactive) {
                 this.host.isHidden = isToolInactive;
                 const toolbar = this.host.host;
                 toolbar.refreshService.refresh(this.host);
-                if (toolbar.resizable) {
-                    this.zone.onStable.pipe(take(1)).subscribe(() => {
-                        toolbar.onResize();
-                    });
-                }
+                this.zone.onStable.pipe(take(1)).subscribe(() => {
+                    toolbar.onResize();
+                });
             }
         }
     }
@@ -30715,7 +30715,10 @@ class SortToolbarToolComponent {
             this.subscription.unsubscribe();
         }
     }
-    toggleSort(column) {
+    toggleSort(column, ev) {
+        if (this.hostButton.location !== 'toolbar') {
+            ev.stopImmediatePropagation();
+        }
         const field = column?.field;
         if (!field) {
             return;
@@ -30782,8 +30785,8 @@ class SortToolbarToolComponent {
                 #sortItem
                 role="button"
                 class="k-columnmenu-item"
-                (click)="toggleSort(column)"
-                (keydown.enter)="toggleSort(column)"
+                (click)="toggleSort(column, $event)"
+                (keydown.enter)="toggleSort(column, $event)"
                 [tabindex]="'0'"
             >
                 {{column.title || getColumnComponent(column).field}}
@@ -30819,8 +30822,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 #sortItem
                 role="button"
                 class="k-columnmenu-item"
-                (click)="toggleSort(column)"
-                (keydown.enter)="toggleSort(column)"
+                (click)="toggleSort(column, $event)"
+                (keydown.enter)="toggleSort(column, $event)"
                 [tabindex]="'0'"
             >
                 {{column.title || getColumnComponent(column).field}}
@@ -30924,9 +30927,9 @@ class SortCommandToolbarDirective {
                 this.host.text = this.ctx.localization.get(`sortToolbarToolText`);
             });
         }
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-haspopup', 'dialog');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'false');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('title', this.ctx.localization.get('sortable'));
+        this.buttonElement?.setAttribute('aria-haspopup', 'dialog');
+        this.buttonElement?.setAttribute('aria-expanded', 'false');
+        this.buttonElement?.setAttribute('title', this.ctx.localization.get('sortable'));
     }
     ngOnDestroy() {
         if (this.toolSubs) {
@@ -30955,7 +30958,7 @@ class SortCommandToolbarDirective {
     openPopup() {
         const direction = this.ctx.localization.rtl ? 'right' : 'left';
         this.popupRef = this.popupService.open({
-            anchor: this.host.toolbarButtonElement.nativeElement,
+            anchor: this.buttonElement,
             content: SortToolbarToolComponent,
             popupClass: 'k-grid-columnmenu-popup',
             positionMode: 'absolute',
@@ -30968,7 +30971,7 @@ class SortCommandToolbarDirective {
                 return;
             }
             this.removeClickListener = this.renderer.listen('document', 'click', (e) => {
-                if (this.popupRef && !closest$1(e.target, node => node === this.popupRef.popupElement || node === this.host.toolbarButtonElement.nativeElement)) {
+                if (this.popupRef && !closest$1(e.target, node => node === this.popupRef.popupElement || node === this.buttonElement)) {
                     this.closePopup();
                 }
             });
@@ -30987,8 +30990,8 @@ class SortCommandToolbarDirective {
         this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
         this.renderer.setAttribute(popupAriaElement, 'id', popupId);
         this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'true');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-controls', popupId);
+        this.buttonElement?.setAttribute('aria-expanded', 'true');
+        this.buttonElement?.setAttribute('aria-controls', popupId);
     }
     initPopupProperties() {
         this.popupRef.content.instance.columnInfoService = this.columnInfoService;
@@ -31003,8 +31006,8 @@ class SortCommandToolbarDirective {
         }));
     }
     closePopup() {
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'false');
-        this.host.toolbarButtonElement.nativeElement.removeAttribute('aria-controls');
+        this.buttonElement?.setAttribute('aria-expanded', 'false');
+        this.buttonElement?.removeAttribute('aria-controls');
         if (this.popupRef) {
             this.popupRef.close();
             this.popupRef = null;
@@ -31018,6 +31021,9 @@ class SortCommandToolbarDirective {
             this.removeClickListener = null;
         }
     }
+    get buttonElement() {
+        return this.host.getButton();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortCommandToolbarDirective, deps: [{ token: i51.ToolBarButtonComponent }, { token: i1$5.PopupService }, { token: ContextService }, { token: SortService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SortCommandToolbarDirective, isStandalone: true, selector: "[kendoGridSortTool]", ngImport: i0 });
 }
@@ -31174,6 +31180,11 @@ class FilterToolWrapperComponent {
         this.close.emit();
         this.hostButton?.focus(event);
     }
+    onClick(event) {
+        if (this.hostButton.location !== 'toolbar') {
+            event.stopImmediatePropagation();
+        }
+    }
     close = new EventEmitter();
     hostButton;
     clearIcon = filterClearIcon;
@@ -31241,7 +31252,7 @@ class FilterToolWrapperComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterToolWrapperComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterToolWrapperComponent, isStandalone: true, selector: "kendo-filter-tool-wrapper", outputs: { close: "close" }, host: { listeners: { "keydown.escape": "onEscKeyDown($event)" }, properties: { "class.k-column-menu": "this.wrapperClasses", "class.k-column-menu-md": "this.wrapperClasses" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterToolWrapperComponent, isStandalone: true, selector: "kendo-filter-tool-wrapper", outputs: { close: "close" }, host: { listeners: { "keydown.escape": "onEscKeyDown($event)", "click": "onClick($event)" }, properties: { "class.k-column-menu": "this.wrapperClasses", "class.k-column-menu-md": "this.wrapperClasses" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
         <ng-container #container></ng-container>
         <div class="k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer">
             <button kendoButton [svgIcon]="clearIcon" (click)="clear()">Clear all filters</button>
@@ -31273,6 +31284,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], onEscKeyDown: [{
                 type: HostListener,
                 args: ['keydown.escape', ['$event']]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
             }], close: [{
                 type: Output
             }] } });
@@ -31339,9 +31353,9 @@ class FilterCommandToolbarDirective {
                 this.host.text = this.ctx.localization.get(`filterToolbarToolText`);
             });
         }
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-haspopup', 'dialog');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'false');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('title', this.ctx.localization.get('filter'));
+        this.buttonElement?.setAttribute('aria-haspopup', 'dialog');
+        this.buttonElement?.setAttribute('aria-expanded', 'false');
+        this.buttonElement?.setAttribute('title', this.ctx.localization.get('filter'));
     }
     ngOnDestroy() {
         if (this.toolSubs) {
@@ -31370,7 +31384,7 @@ class FilterCommandToolbarDirective {
     openPopup() {
         const direction = this.ctx.localization.rtl ? 'right' : 'left';
         this.popupRef = this.popupService.open({
-            anchor: this.host.toolbarButtonElement.nativeElement,
+            anchor: this.buttonElement,
             content: FilterToolWrapperComponent,
             popupClass: 'k-grid-columnmenu-popup',
             positionMode: 'absolute',
@@ -31383,7 +31397,7 @@ class FilterCommandToolbarDirective {
                 return;
             }
             this.removeClickListener = this.renderer.listen('document', 'click', (e) => {
-                if (this.popupRef && !closest$1(e.target, node => node === this.popupRef.popupElement || node === this.host.toolbarButtonElement.nativeElement)) {
+                if (this.popupRef && !closest$1(e.target, node => node === this.popupRef.popupElement || node === this.buttonElement)) {
                     this.closePopup();
                 }
             });
@@ -31402,8 +31416,8 @@ class FilterCommandToolbarDirective {
         this.renderer.setAttribute(popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
         this.renderer.setAttribute(popupAriaElement, 'id', popupId);
         this.renderer.setAttribute(popupAriaElement, 'role', 'dialog');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'true');
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-controls', popupId);
+        this.buttonElement?.setAttribute('aria-expanded', 'true');
+        this.buttonElement?.setAttribute('aria-controls', popupId);
     }
     initPopupProperties() {
         this.popupRef.content.instance.columnInfoService = this.columnInfoService;
@@ -31415,8 +31429,8 @@ class FilterCommandToolbarDirective {
         }));
     }
     closePopup() {
-        this.host.toolbarButtonElement.nativeElement.setAttribute('aria-expanded', 'false');
-        this.host.toolbarButtonElement.nativeElement.removeAttribute('aria-controls');
+        this.buttonElement?.setAttribute('aria-expanded', 'false');
+        this.buttonElement?.removeAttribute('aria-controls');
         if (this.popupRef) {
             this.popupRef.close();
             this.popupRef = null;
@@ -31430,6 +31444,9 @@ class FilterCommandToolbarDirective {
             this.removeClickListener = null;
         }
     }
+    get buttonElement() {
+        return this.host.getButton();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCommandToolbarDirective, deps: [{ token: i51.ToolBarButtonComponent }, { token: i1$5.PopupService }, { token: ContextService }, { token: FilterService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterCommandToolbarDirective, isStandalone: true, selector: "[kendoGridFilterTool]", ngImport: i0 });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "19.0.0-develop.12",
+  "version": "19.0.0-develop.14",
   "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -26,7 +26,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1747069795,
+      "publishDate": 1747136992,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -39,28 +39,28 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-buttons": "19.0.0-develop.12",
-    "@progress/kendo-angular-common": "19.0.0-develop.12",
-    "@progress/kendo-angular-dateinputs": "19.0.0-develop.12",
-    "@progress/kendo-angular-layout": "19.0.0-develop.12",
-    "@progress/kendo-angular-dropdowns": "19.0.0-develop.12",
-    "@progress/kendo-angular-excel-export": "19.0.0-develop.12",
-    "@progress/kendo-angular-icons": "19.0.0-develop.12",
-    "@progress/kendo-angular-inputs": "19.0.0-develop.12",
-    "@progress/kendo-angular-indicators": "19.0.0-develop.12",
-    "@progress/kendo-angular-intl": "19.0.0-develop.12",
-    "@progress/kendo-angular-l10n": "19.0.0-develop.12",
-    "@progress/kendo-angular-label": "19.0.0-develop.12",
-    "@progress/kendo-angular-pager": "19.0.0-develop.12",
-    "@progress/kendo-angular-pdf-export": "19.0.0-develop.12",
-    "@progress/kendo-angular-popup": "19.0.0-develop.12",
-    "@progress/kendo-angular-toolbar": "19.0.0-develop.12",
-    "@progress/kendo-angular-utils": "19.0.0-develop.12",
+    "@progress/kendo-angular-buttons": "19.0.0-develop.14",
+    "@progress/kendo-angular-common": "19.0.0-develop.14",
+    "@progress/kendo-angular-dateinputs": "19.0.0-develop.14",
+    "@progress/kendo-angular-layout": "19.0.0-develop.14",
+    "@progress/kendo-angular-dropdowns": "19.0.0-develop.14",
+    "@progress/kendo-angular-excel-export": "19.0.0-develop.14",
+    "@progress/kendo-angular-icons": "19.0.0-develop.14",
+    "@progress/kendo-angular-inputs": "19.0.0-develop.14",
+    "@progress/kendo-angular-indicators": "19.0.0-develop.14",
+    "@progress/kendo-angular-intl": "19.0.0-develop.14",
+    "@progress/kendo-angular-l10n": "19.0.0-develop.14",
+    "@progress/kendo-angular-label": "19.0.0-develop.14",
+    "@progress/kendo-angular-pager": "19.0.0-develop.14",
+    "@progress/kendo-angular-pdf-export": "19.0.0-develop.14",
+    "@progress/kendo-angular-popup": "19.0.0-develop.14",
+    "@progress/kendo-angular-toolbar": "19.0.0-develop.14",
+    "@progress/kendo-angular-utils": "19.0.0-develop.14",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.0.0-develop.12",
+    "@progress/kendo-angular-schematics": "19.0.0-develop.14",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/rendering/toolbar/tools/filter-command-tool.directive.d.ts

@@ -48,6 +48,7 @@ export declare class FilterCommandToolbarDirective implements AfterViewInit, OnD
     private setPopupAttributes;
     private initPopupProperties;
     private closePopup;
+    private get buttonElement();
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterCommandToolbarDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FilterCommandToolbarDirective, "[kendoGridFilterTool]", never, {}, {}, never, never, true, never>;
 }

package/rendering/toolbar/tools/filter-tool-wrapper.component.d.ts

@@ -18,6 +18,7 @@ export declare class FilterToolWrapperComponent {
     container: ViewContainerRef;
     wrapperClasses: boolean;
     onEscKeyDown(event: KeyboardEvent): void;
+    onClick(event: any): void;
     close: EventEmitter<any>;
     hostButton: ToolBarButtonComponent;
     clearIcon: SVGIcon;

package/rendering/toolbar/tools/sort-command-tool.directive.d.ts

@@ -48,6 +48,7 @@ export declare class SortCommandToolbarDirective implements AfterViewInit, OnDes
     private setPopupAttributes;
     private initPopupProperties;
     private closePopup;
+    private get buttonElement();
     static ɵfac: i0.ɵɵFactoryDeclaration<SortCommandToolbarDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SortCommandToolbarDirective, "[kendoGridSortTool]", never, {}, {}, never, never, true, never>;
 }

package/rendering/toolbar/tools/sort-toolbar-tool.component.d.ts

@@ -41,7 +41,7 @@ export declare class SortToolbarToolComponent implements AfterViewInit, OnDestro
     constructor(element: ElementRef, ngZone: NgZone);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    toggleSort(column: ColumnBase): void;
+    toggleSort(column: ColumnBase, ev: any): void;
     getColumnComponent(column: ColumnBase): ColumnComponent;
     sortDescriptor(field: string): SortDescriptor;
     getDescriptor(column: ColumnBase): SortDescriptor[];

package/schematics/ngAdd/index.js

@@ -4,14 +4,14 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '19.0.0-develop.12',
-            '@progress/kendo-angular-navigation': '19.0.0-develop.12',
+            '@progress/kendo-angular-treeview': '19.0.0-develop.14',
+            '@progress/kendo-angular-navigation': '19.0.0-develop.14',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '19.0.0-develop.12',
+            '@progress/kendo-angular-dialog': '19.0.0-develop.14',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '19.0.0-develop.12'
+            '@progress/kendo-angular-progressbar': '19.0.0-develop.14'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }