@progress/kendo-angular-dropdowns 25.4.0-develop.5 → 25.4.0-develop.7

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

@@ -37,8 +37,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1792080142,
-    version: '25.4.0-develop.5',
+    publishDate: 1792397076,
+    version: '25.4.0-develop.7',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -550,6 +550,7 @@ class SearchBarComponent {
     _placeholder = "";
     _isSuggestable = false;
     _hasListAutocomplete = false;
+    composing = false;
     renderer;
     subs = new Subscription();
     _inputAttributes;
@@ -598,6 +599,12 @@ class SearchBarComponent {
         if (!isDocumentAvailable()) {
             return;
         }
+        // Avoid overwriting the input value while an IME composition is in progress.
+        // Writing to the value mid-composition disrupts the IME and results in
+        // duplicated (Chrome) or cleared (Safari) text once the composition is confirmed.
+        if (this.composing) {
+            return;
+        }
         let previousUserInput;
         if (this.input && (changes.userInput || changes.suggestedText)) {
             if (changes.userInput && changes.userInput.previousValue) {
@@ -634,6 +641,10 @@ class SearchBarComponent {
         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))));
+        this.ngZone.runOutsideAngular(() => {
+            this.subs.add(this.renderer.listen(this.input.nativeElement, 'compositionstart', () => this.handleCompositionStart()));
+            this.subs.add(this.renderer.listen(this.input.nativeElement, 'compositionend', () => this.handleCompositionEnd()));
+        });
     }
     ngOnDestroy() {
         this.subs.unsubscribe();
@@ -668,14 +679,18 @@ class SearchBarComponent {
         }
     }
     handleInput(event) {
-        const target = event.target;
-        const isBrowserSafari = isSafari(navigator.userAgent);
-        const value = isBrowserSafari && isJapanese(target.value) ? event.data : target.value;
+        const value = event.target.value;
         if (value !== this.userInput) {
             this._previousValue = value;
             this.valueChange.emit(value);
         }
     }
+    handleCompositionStart() {
+        this.composing = true;
+    }
+    handleCompositionEnd() {
+        this.composing = false;
+    }
     handleFocus(event) {
         this.onFocus.emit(event);
     }

package/index.d.ts

@@ -84,6 +84,7 @@ declare class SearchBarComponent implements OnChanges, OnInit, OnDestroy {
     private _placeholder;
     private _isSuggestable;
     private _hasListAutocomplete;
+    private composing;
     private renderer;
     private subs;
     private _inputAttributes;
@@ -99,6 +100,8 @@ declare class SearchBarComponent implements OnChanges, OnInit, OnDestroy {
     private setInputSelection;
     private setAriaAutocomplete;
     handleInput(event: any): void;
+    handleCompositionStart(): void;
+    handleCompositionEnd(): void;
     handleFocus(event: any): void;
     handleBlur(event: any): void;
     handleKeydown(event: KeyboardEvent): void;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1792080142,
-  "version": "25.4.0-develop.5",
+  "publishDate": 1792397076,
+  "version": "25.4.0-develop.7",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "25.4.0-develop.5",
+  "version": "25.4.0-develop.7",
   "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",
@@ -132,7 +132,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1792080142,
+      "publishDate": 1792397076,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -143,19 +143,19 @@
     "@angular/forms": "20 - 22",
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "25.4.0-develop.5",
-    "@progress/kendo-angular-utils": "25.4.0-develop.5",
-    "@progress/kendo-angular-l10n": "25.4.0-develop.5",
-    "@progress/kendo-angular-navigation": "25.4.0-develop.5",
-    "@progress/kendo-angular-popup": "25.4.0-develop.5",
-    "@progress/kendo-angular-icons": "25.4.0-develop.5",
-    "@progress/kendo-angular-inputs": "25.4.0-develop.5",
-    "@progress/kendo-angular-treeview": "25.4.0-develop.5",
+    "@progress/kendo-angular-common": "25.4.0-develop.7",
+    "@progress/kendo-angular-utils": "25.4.0-develop.7",
+    "@progress/kendo-angular-l10n": "25.4.0-develop.7",
+    "@progress/kendo-angular-navigation": "25.4.0-develop.7",
+    "@progress/kendo-angular-popup": "25.4.0-develop.7",
+    "@progress/kendo-angular-icons": "25.4.0-develop.7",
+    "@progress/kendo-angular-inputs": "25.4.0-develop.7",
+    "@progress/kendo-angular-treeview": "25.4.0-develop.7",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.4.0-develop.5",
+    "@progress/kendo-angular-schematics": "25.4.0-develop.7",
     "@progress/kendo-common": "^1.0.1"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -9,9 +9,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': '25.4.0-develop.5',
+            '@progress/kendo-angular-inputs': '25.4.0-develop.7',
             // peers of inputs
-            '@progress/kendo-angular-intl': '25.4.0-develop.5',
+            '@progress/kendo-angular-intl': '25.4.0-develop.7',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'