@progress/kendo-angular-dropdowns 19.2.1-develop.1 → 19.2.1-develop.2

package/dropdowntrees/dropdowntree.component.d.ts

@@ -562,7 +562,7 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
     /**
      * @hidden
      */
-    clearValue(event: MouseEvent): void;
+    clearValue(event?: MouseEvent): void;
     get appendTo(): ViewContainerRef;
     /**
      * @hidden

package/dropdowntrees/multiselecttree.component.d.ts

@@ -626,7 +626,7 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
     /**
      * @hidden
      */
-    clearAll(event: any): void;
+    clearAll(event?: any): void;
     /**
      * @hidden
      */

package/esm2022/dropdowntrees/dropdowntree.component.mjs

@@ -913,12 +913,11 @@ export class DropDownTreeComponent {
      * @hidden
      */
     clearValue(event) {
-        event.stopImmediatePropagation();
+        event?.stopImmediatePropagation();
         this.focus();
         this.value = undefined;
         this.dataItem = undefined;
         this.clearState();
-        this.valueChange.emit(undefined);
         this.emitValueChange();
     }
     get appendTo() {
@@ -1197,7 +1196,14 @@ export class DropDownTreeComponent {
                 }
             }),
             this.navigationService.esc
-                .subscribe(() => this.handleEscape()),
+                .subscribe(() => {
+                if (this.isOpen) {
+                    this.handleEscape();
+                }
+                else if (this.isFocused && this.selectedKeys.length > 0) {
+                    this.clearValue();
+                }
+            }),
             this.navigationService.tab.subscribe(() => {
                 this.focus();
                 if (this.isOpen) {

package/esm2022/dropdowntrees/multiselecttree.component.mjs

@@ -1137,8 +1137,8 @@ export class MultiSelectTreeComponent {
      * @hidden
      */
     clearAll(event) {
-        event.stopImmediatePropagation();
-        event.preventDefault();
+        event?.stopImmediatePropagation();
+        event?.preventDefault();
         this.focus();
         this.value = this.value.filter((_item, index) => this.disabledIndices.has(index));
         this.dataItems = this.dataItems.filter((_item, index) => this.disabledIndices.has(index));
@@ -1349,7 +1349,7 @@ export class MultiSelectTreeComponent {
             this.navigationService.enter
                 .pipe(tap((event) => event.originalEvent.preventDefault()))
                 .subscribe(() => this.togglePopup(true)),
-            merge(this.navigationService.close, this.navigationService.esc).subscribe((event) => {
+            merge(this.navigationService.close).subscribe((event) => {
                 event.originalEvent.preventDefault();
                 this.focus();
                 this.togglePopup(false);
@@ -1357,6 +1357,15 @@ export class MultiSelectTreeComponent {
             this.navigationService.tab.subscribe(this.handleTabKey.bind(this)),
             this.navigationService.up.subscribe(this.handleUpKey.bind(this)),
             this.navigationService.down.subscribe(this.handleDownKey.bind(this)),
+            this.navigationService.esc.subscribe(() => {
+                if (this.isOpen) {
+                    this.togglePopup(false);
+                    this.focus();
+                }
+                else if (this.isFocused && this.checkedItems.length > 0) {
+                    this.clearAll();
+                }
+            }),
             this.navigationService.left
                 .pipe(filter(() => !this.isTreeViewActive))
                 .subscribe(this.direction === 'rtl' ? this.handleRightKey.bind(this) : this.handleLeftKey.bind(this)),

package/esm2022/multiselect/multiselect.component.mjs

@@ -1191,7 +1191,14 @@ export class MultiSelectComponent {
         const isTagFocused = () => !this.isOpen && this.focusedTagIndex !== undefined;
         [
             this.selectionService.onChange.subscribe(this.handleItemChange.bind(this)),
-            this.navigationService.esc.subscribe(this.closePopup.bind(this)),
+            this.navigationService.esc.subscribe(() => {
+                if (this.isOpen) {
+                    this.closePopup();
+                }
+                else if (this.isFocused && this.selectedDataItems.length > 0) {
+                    this.clearAll();
+                }
+            }),
             this.navigationService.enter.pipe(filter(isOpen)).subscribe(this.handleEnter.bind(this)),
             this.navigationService.open.subscribe(this.openPopup.bind(this)),
             this.navigationService.close.subscribe(this.handleClose.bind(this)),

package/esm2022/package-metadata.mjs

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

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

@@ -37,8 +37,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1751466774,
-    version: '19.2.1-develop.1',
+    publishDate: 1751624099,
+    version: '19.2.1-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -10395,7 +10395,14 @@ class MultiSelectComponent {
         const isTagFocused = () => !this.isOpen && this.focusedTagIndex !== undefined;
         [
             this.selectionService.onChange.subscribe(this.handleItemChange.bind(this)),
-            this.navigationService.esc.subscribe(this.closePopup.bind(this)),
+            this.navigationService.esc.subscribe(() => {
+                if (this.isOpen) {
+                    this.closePopup();
+                }
+                else if (this.isFocused && this.selectedDataItems.length > 0) {
+                    this.clearAll();
+                }
+            }),
             this.navigationService.enter.pipe(filter(isOpen)).subscribe(this.handleEnter.bind(this)),
             this.navigationService.open.subscribe(this.openPopup.bind(this)),
             this.navigationService.close.subscribe(this.handleClose.bind(this)),
@@ -13455,12 +13462,11 @@ class DropDownTreeComponent {
      * @hidden
      */
     clearValue(event) {
-        event.stopImmediatePropagation();
+        event?.stopImmediatePropagation();
         this.focus();
         this.value = undefined;
         this.dataItem = undefined;
         this.clearState();
-        this.valueChange.emit(undefined);
         this.emitValueChange();
     }
     get appendTo() {
@@ -13739,7 +13745,14 @@ class DropDownTreeComponent {
                 }
             }),
             this.navigationService.esc
-                .subscribe(() => this.handleEscape()),
+                .subscribe(() => {
+                if (this.isOpen) {
+                    this.handleEscape();
+                }
+                else if (this.isFocused && this.selectedKeys.length > 0) {
+                    this.clearValue();
+                }
+            }),
             this.navigationService.tab.subscribe(() => {
                 this.focus();
                 if (this.isOpen) {
@@ -16019,8 +16032,8 @@ class MultiSelectTreeComponent {
      * @hidden
      */
     clearAll(event) {
-        event.stopImmediatePropagation();
-        event.preventDefault();
+        event?.stopImmediatePropagation();
+        event?.preventDefault();
         this.focus();
         this.value = this.value.filter((_item, index) => this.disabledIndices.has(index));
         this.dataItems = this.dataItems.filter((_item, index) => this.disabledIndices.has(index));
@@ -16231,7 +16244,7 @@ class MultiSelectTreeComponent {
             this.navigationService.enter
                 .pipe(tap((event) => event.originalEvent.preventDefault()))
                 .subscribe(() => this.togglePopup(true)),
-            merge(this.navigationService.close, this.navigationService.esc).subscribe((event) => {
+            merge(this.navigationService.close).subscribe((event) => {
                 event.originalEvent.preventDefault();
                 this.focus();
                 this.togglePopup(false);
@@ -16239,6 +16252,15 @@ class MultiSelectTreeComponent {
             this.navigationService.tab.subscribe(this.handleTabKey.bind(this)),
             this.navigationService.up.subscribe(this.handleUpKey.bind(this)),
             this.navigationService.down.subscribe(this.handleDownKey.bind(this)),
+            this.navigationService.esc.subscribe(() => {
+                if (this.isOpen) {
+                    this.togglePopup(false);
+                    this.focus();
+                }
+                else if (this.isFocused && this.checkedItems.length > 0) {
+                    this.clearAll();
+                }
+            }),
             this.navigationService.left
                 .pipe(filter(() => !this.isTreeViewActive))
                 .subscribe(this.direction === 'rtl' ? this.handleRightKey.bind(this) : this.handleLeftKey.bind(this)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "19.2.1-develop.1",
+  "version": "19.2.1-develop.2",
   "description": "A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree ",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -100,7 +100,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1751466774,
+      "publishDate": 1751624099,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -111,18 +111,18 @@
     "@angular/forms": "16 - 20",
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-common": "19.2.1-develop.1",
-    "@progress/kendo-angular-utils": "19.2.1-develop.1",
-    "@progress/kendo-angular-l10n": "19.2.1-develop.1",
-    "@progress/kendo-angular-navigation": "19.2.1-develop.1",
-    "@progress/kendo-angular-popup": "19.2.1-develop.1",
-    "@progress/kendo-angular-icons": "19.2.1-develop.1",
-    "@progress/kendo-angular-treeview": "19.2.1-develop.1",
+    "@progress/kendo-angular-common": "19.2.1-develop.2",
+    "@progress/kendo-angular-utils": "19.2.1-develop.2",
+    "@progress/kendo-angular-l10n": "19.2.1-develop.2",
+    "@progress/kendo-angular-navigation": "19.2.1-develop.2",
+    "@progress/kendo-angular-popup": "19.2.1-develop.2",
+    "@progress/kendo-angular-icons": "19.2.1-develop.2",
+    "@progress/kendo-angular-treeview": "19.2.1-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.2.1-develop.1",
+    "@progress/kendo-angular-schematics": "19.2.1-develop.2",
     "@progress/kendo-common": "^1.0.1",
     "node-html-parser": "^7.0.1"
   },

package/schematics/ngAdd/index.js

@@ -4,9 +4,9 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DropDownsModule', package: 'dropdowns', peerDependencies: {
             // peers of the treeview
-            '@progress/kendo-angular-inputs': '19.2.1-develop.1',
+            '@progress/kendo-angular-inputs': '19.2.1-develop.2',
             // peers of inputs
-            '@progress/kendo-angular-intl': '19.2.1-develop.1',
+            '@progress/kendo-angular-intl': '19.2.1-develop.2',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'