@progress/kendo-angular-dropdowns 20.1.0-develop.1 → 20.1.0-develop.11

package/common/filtering/filter-settings.d.ts

@@ -7,11 +7,11 @@
  *
  * For more information, refer to the articles on using the built-in
  * `kendoDropDownFilter` directive with each DropDowns component:
- * * [AutoComplete]({% slug filtering_autocomplete %}#toc-built-in-directive)
- * * [ComboBox]({% slug filtering_combobox %}#toc-built-in-directive)
- * * [MultiColumnComboBox]({% slug filtering_multicolumncombobox %}#toc-built-in-directive)
- * * [DropDownList]({% slug filtering_ddl %}#toc-built-in-directive)
- * * [MultiSelect]({% slug filtering_multiselect %}#toc-built-in-directive)
+ * * [AutoComplete](slug:filtering_autocomplete#automatic-filtering)
+ * * [ComboBox](slug:filtering_combobox#automatic-filtering)
+ * * [MultiColumnComboBox](slug:filtering_multicolumncombobox#automatic-filtering)
+ * * [DropDownList](slug:filtering_ddl#automatic-filtering)
+ * * [MultiSelect](slug:filtering_multiselect#automatic-filtering)
  *
  * @example
  * ```ts

package/esm2022/common/searchbar.component.mjs

@@ -216,10 +216,10 @@ export class SearchBarComponent {
         }
     }
     ngAfterViewInit() {
-        this.subs.add(this.input.nativeElement.addEventListener('input', (event) => this.handleInput(event)));
-        this.subs.add(this.input.nativeElement.addEventListener('focus', (event) => this.handleFocus(event)));
-        this.subs.add(this.input.nativeElement.addEventListener('blur', (event) => this.handleBlur(event)));
-        this.subs.add(this.input.nativeElement.addEventListener('keydown', (event) => this.handleKeydown(event)));
+        this.subs.add(this.renderer.listen(this.input.nativeElement, 'input', (event) => this.handleInput(event)));
+        this.subs.add(this.renderer.listen(this.input.nativeElement, 'focus', (event) => this.handleFocus(event)));
+        this.subs.add(this.renderer.listen(this.input.nativeElement, 'blur', (event) => this.handleBlur(event)));
+        this.subs.add(this.ngZone.runOutsideAngular(() => this.renderer.listen(this.input.nativeElement, 'keydown', (event) => this.handleKeydown(event))));
     }
     ngOnDestroy() {
         this.subs.unsubscribe();
@@ -274,7 +274,9 @@ export class SearchBarComponent {
         const keys = [Keys.ArrowUp, Keys.ArrowDown, Keys.ArrowLeft, Keys.ArrowRight, Keys.Enter,
             Keys.Escape, Keys.Delete, Keys.Backspace, Keys.Home, Keys.End, Keys.PageDown, Keys.PageUp];
         if (keys.indexOf(keyCode) > -1) {
-            this.onNavigate.emit(event);
+            this.ngZone.run(() => {
+                this.onNavigate.emit(event);
+            });
         }
     }
     focus() {

package/esm2022/dropdowntrees/dropdowntree.component.mjs

@@ -664,7 +664,7 @@ export class DropDownTreeComponent {
             const itemToFocus = this._searchableNodes.find((node) => {
                 return node.text.toLowerCase().startsWith(this._typedValue);
             });
-            this.treeview.focus(itemToFocus?.index);
+            this.treeview?.focus(itemToFocus?.index);
         }), debounceTime(1000)).subscribe(() => {
             this._typedValue = '';
         }));

package/esm2022/dropdowntrees/multiselecttree.component.mjs

@@ -835,7 +835,7 @@ export class MultiSelectTreeComponent {
             const itemToFocus = this._searchableNodes.find((node) => {
                 return node.text.toLowerCase().startsWith(this._typedValue);
             });
-            this.treeview.focus(itemToFocus?.index);
+            this.treeview?.focus(itemToFocus?.index);
         }), debounceTime(1000)).subscribe(() => {
             this._typedValue = '';
         }));

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1758109612,
-    version: '20.1.0-develop.1',
+    publishDate: 1759739215,
+    version: '20.1.0-develop.11',
     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: 1758109612,
-    version: '20.1.0-develop.1',
+    publishDate: 1759739215,
+    version: '20.1.0-develop.11',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -619,10 +619,10 @@ class SearchBarComponent {
         }
     }
     ngAfterViewInit() {
-        this.subs.add(this.input.nativeElement.addEventListener('input', (event) => this.handleInput(event)));
-        this.subs.add(this.input.nativeElement.addEventListener('focus', (event) => this.handleFocus(event)));
-        this.subs.add(this.input.nativeElement.addEventListener('blur', (event) => this.handleBlur(event)));
-        this.subs.add(this.input.nativeElement.addEventListener('keydown', (event) => this.handleKeydown(event)));
+        this.subs.add(this.renderer.listen(this.input.nativeElement, 'input', (event) => this.handleInput(event)));
+        this.subs.add(this.renderer.listen(this.input.nativeElement, 'focus', (event) => this.handleFocus(event)));
+        this.subs.add(this.renderer.listen(this.input.nativeElement, 'blur', (event) => this.handleBlur(event)));
+        this.subs.add(this.ngZone.runOutsideAngular(() => this.renderer.listen(this.input.nativeElement, 'keydown', (event) => this.handleKeydown(event))));
     }
     ngOnDestroy() {
         this.subs.unsubscribe();
@@ -677,7 +677,9 @@ class SearchBarComponent {
         const keys = [Keys.ArrowUp, Keys.ArrowDown, Keys.ArrowLeft, Keys.ArrowRight, Keys.Enter,
             Keys.Escape, Keys.Delete, Keys.Backspace, Keys.Home, Keys.End, Keys.PageDown, Keys.PageUp];
         if (keys.indexOf(keyCode) > -1) {
-            this.onNavigate.emit(event);
+            this.ngZone.run(() => {
+                this.onNavigate.emit(event);
+            });
         }
     }
     focus() {
@@ -13257,7 +13259,7 @@ class DropDownTreeComponent {
             const itemToFocus = this._searchableNodes.find((node) => {
                 return node.text.toLowerCase().startsWith(this._typedValue);
             });
-            this.treeview.focus(itemToFocus?.index);
+            this.treeview?.focus(itemToFocus?.index);
         }), debounceTime(1000)).subscribe(() => {
             this._typedValue = '';
         }));
@@ -15774,7 +15776,7 @@ class MultiSelectTreeComponent {
             const itemToFocus = this._searchableNodes.find((node) => {
                 return node.text.toLowerCase().startsWith(this._typedValue);
             });
-            this.treeview.focus(itemToFocus?.index);
+            this.treeview?.focus(itemToFocus?.index);
         }), debounceTime(1000)).subscribe(() => {
             this._typedValue = '';
         }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "20.1.0-develop.1",
+  "version": "20.1.0-develop.11",
   "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": 1758109612,
+      "publishDate": 1759739215,
       "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.7.0",
-    "@progress/kendo-angular-common": "20.1.0-develop.1",
-    "@progress/kendo-angular-utils": "20.1.0-develop.1",
-    "@progress/kendo-angular-l10n": "20.1.0-develop.1",
-    "@progress/kendo-angular-navigation": "20.1.0-develop.1",
-    "@progress/kendo-angular-popup": "20.1.0-develop.1",
-    "@progress/kendo-angular-icons": "20.1.0-develop.1",
-    "@progress/kendo-angular-treeview": "20.1.0-develop.1",
+    "@progress/kendo-angular-common": "20.1.0-develop.11",
+    "@progress/kendo-angular-utils": "20.1.0-develop.11",
+    "@progress/kendo-angular-l10n": "20.1.0-develop.11",
+    "@progress/kendo-angular-navigation": "20.1.0-develop.11",
+    "@progress/kendo-angular-popup": "20.1.0-develop.11",
+    "@progress/kendo-angular-icons": "20.1.0-develop.11",
+    "@progress/kendo-angular-treeview": "20.1.0-develop.11",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "20.1.0-develop.1",
+    "@progress/kendo-angular-schematics": "20.1.0-develop.11",
     "@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': '20.1.0-develop.1',
+            '@progress/kendo-angular-inputs': '20.1.0-develop.11',
             // peers of inputs
-            '@progress/kendo-angular-intl': '20.1.0-develop.1',
+            '@progress/kendo-angular-intl': '20.1.0-develop.11',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'