@progress/kendo-angular-dropdowns 7.2.1-dev.202209211135 → 7.2.1

package/common/util.d.ts

@@ -161,3 +161,15 @@ export declare const getFillModeClass: (component: string, fillMode: DropDownFil
  * @hidden
  */
 export declare const filterAndMap: (arr: any[], predicate: (item: any) => boolean, mapper: (item: any) => any) => any[];
+/**
+ * @hidden
+ *
+ * Returns true if the used browser is Safari.
+ */
+export declare const isSafari: (userAgent: any) => boolean;
+/**
+ * @hidden
+ *
+ * Checks if input is Japanese IME
+ */
+export declare const isJapanese: (input: any) => boolean;

package/esm2015/common/searchbar.component.js

@@ -5,7 +5,7 @@
 import { Component, Input, Output, EventEmitter, ViewChild, HostBinding } from '@angular/core';
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { Keys } from '@progress/kendo-angular-common';
-import { combineStr } from './util';
+import { combineStr, isJapanese, isSafari } from './util';
 import { Subscription } from 'rxjs';
 import { NgControl } from '@angular/forms';
 import * as i0 from "@angular/core";
@@ -99,17 +99,20 @@ export class SearchBarComponent {
             else {
                 previousUserInput = this._previousValue;
             }
-            const caretIndex = this.input.nativeElement.selectionStart;
-            const caretAtEnd = previousUserInput.length === caretIndex;
+            const caretStart = this.input.nativeElement.selectionStart;
+            const caretAtEnd = previousUserInput.length === caretStart;
             this.writeInputValue(this.suggestedText ? combineStr(this.userInput, this.suggestedText) : this.userInput);
             if (this.suggestedText) {
                 this.setInputSelection(this.userInput.length, this.suggestedText.length);
             }
+            else if (isSafari(navigator.userAgent) && !caretAtEnd) {
+                this.setInputSelection(caretStart, this.userInput.length);
+            }
             else if (caretAtEnd) {
                 this.setInputSelection(this.userInput.length, this.userInput.length);
             }
             else {
-                this.setInputSelection(caretIndex, caretIndex);
+                this.setInputSelection(caretStart, caretStart);
             }
             this._previousValue = this.userInput;
         }
@@ -160,7 +163,9 @@ export class SearchBarComponent {
         }
     }
     handleInput(event) {
-        const value = event.target.value;
+        const target = event.target;
+        const isBrowserSafari = isSafari(navigator.userAgent);
+        const value = isBrowserSafari && isJapanese(target.value) ? event.data : target.value;
         if (value !== this.userInput) {
             this._previousValue = value;
             this.valueChange.emit(value);

package/esm2015/common/util.js

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 /* eslint-disable no-bitwise */
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { getter as fieldAccessor } from '@progress/kendo-common';
+import { detectDesktopBrowser, detectMobileOS, getter as fieldAccessor } from '@progress/kendo-common';
 /**
  * @hidden
  */
@@ -328,3 +328,21 @@ export const getFillModeClass = (component, fillMode) => {
  * @hidden
  */
 export const filterAndMap = (arr, predicate, mapper) => arr.reduce((acc, curr) => predicate(curr) ? [...acc, mapper(curr)] : acc, []);
+/**
+ * @hidden
+ *
+ * Returns true if the used browser is Safari.
+ */
+export const isSafari = (userAgent) => {
+    return detectDesktopBrowser(userAgent).safari ||
+        (detectMobileOS(userAgent) && detectMobileOS(userAgent).browser === 'mobilesafari');
+};
+/**
+ * @hidden
+ *
+ * Checks if input is Japanese IME
+ */
+export const isJapanese = (input) => {
+    const japaneseRegex = /[\u3000-\u303F]|[\u3040-\u309F]|[\u30A0-\u30FF]|[\uFF00-\uFFEF]|[\u4E00-\u9FAF]|[\u2605-\u2606]|[\u2190-\u2195]|\u203B/g;
+    return japaneseRegex.test(input);
+};

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1663760009,
+    publishDate: 1665041198,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/fesm2015/kendo-angular-dropdowns.js

@@ -9,7 +9,7 @@ import { isDocumentAvailable, Keys, isChanged, hasObservers, KendoInput, anyChan
 import * as i12 from '@angular/forms';
 import { NgControl, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { validatePackage } from '@progress/kendo-licensing';
-import { getter as getter$1, pointers, touchEnabled } from '@progress/kendo-common';
+import { getter as getter$1, detectDesktopBrowser, detectMobileOS, pointers, touchEnabled } from '@progress/kendo-common';
 import { Subscription, merge, fromEvent, Subject, of, interval } from 'rxjs';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
@@ -29,7 +29,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1663760009,
+    publishDate: 1665041198,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -358,6 +358,24 @@ const getFillModeClass = (component, fillMode) => {
  * @hidden
  */
 const filterAndMap = (arr, predicate, mapper) => arr.reduce((acc, curr) => predicate(curr) ? [...acc, mapper(curr)] : acc, []);
+/**
+ * @hidden
+ *
+ * Returns true if the used browser is Safari.
+ */
+const isSafari = (userAgent) => {
+    return detectDesktopBrowser(userAgent).safari ||
+        (detectMobileOS(userAgent) && detectMobileOS(userAgent).browser === 'mobilesafari');
+};
+/**
+ * @hidden
+ *
+ * Checks if input is Japanese IME
+ */
+const isJapanese = (input) => {
+    const japaneseRegex = /[\u3000-\u303F]|[\u3040-\u309F]|[\u30A0-\u30FF]|[\uFF00-\uFFEF]|[\u4E00-\u9FAF]|[\u2605-\u2606]|[\u2190-\u2195]|\u203B/g;
+    return japaneseRegex.test(input);
+};
 
 /**
  * @hidden
@@ -447,17 +465,20 @@ class SearchBarComponent {
             else {
                 previousUserInput = this._previousValue;
             }
-            const caretIndex = this.input.nativeElement.selectionStart;
-            const caretAtEnd = previousUserInput.length === caretIndex;
+            const caretStart = this.input.nativeElement.selectionStart;
+            const caretAtEnd = previousUserInput.length === caretStart;
             this.writeInputValue(this.suggestedText ? combineStr(this.userInput, this.suggestedText) : this.userInput);
             if (this.suggestedText) {
                 this.setInputSelection(this.userInput.length, this.suggestedText.length);
             }
+            else if (isSafari(navigator.userAgent) && !caretAtEnd) {
+                this.setInputSelection(caretStart, this.userInput.length);
+            }
             else if (caretAtEnd) {
                 this.setInputSelection(this.userInput.length, this.userInput.length);
             }
             else {
-                this.setInputSelection(caretIndex, caretIndex);
+                this.setInputSelection(caretStart, caretStart);
             }
             this._previousValue = this.userInput;
         }
@@ -508,7 +529,9 @@ class SearchBarComponent {
         }
     }
     handleInput(event) {
-        const value = event.target.value;
+        const target = event.target;
+        const isBrowserSafari = isSafari(navigator.userAgent);
+        const value = isBrowserSafari && isJapanese(target.value) ? event.data : target.value;
         if (value !== this.userInput) {
             this._previousValue = value;
             this.valueChange.emit(value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "7.2.1-dev.202209211135",
+  "version": "7.2.1",
   "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",