@progress/kendo-angular-inputs 7.5.0-dev.202110261427 → 7.5.2-dev.202111191702

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1635258302,
+    publishDate: 1637341178,
     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/dist/es2015/shared/utils.d.ts

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @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/dist/es2015/shared/utils.js

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { detectDesktopBrowser, detectMobileOS } from "@progress/kendo-common";
+/**
+ * @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/dist/es2015/textbox/textbox.component.js

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
 var TextBoxComponent_1;
+import { isJapanese } from './../shared/utils';
 import { closest } from './../common/dom-utils';
 import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
 import { Component, ElementRef, forwardRef, Input, Output, EventEmitter, HostBinding, ViewChild, NgZone, ChangeDetectorRef, Injector, ContentChild, Renderer2 } from '@angular/core';
@@ -15,6 +16,7 @@ import { guid, hasObservers, KendoInput, Keys } from '@progress/kendo-angular-co
 import { TextBoxSuffixTemplateDirective } from './textbox-suffix.directive';
 import { TextBoxPrefixTemplateDirective } from './textbox-prefix.directive';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import { isSafari } from '../shared/utils';
 const FOCUSED = 'k-state-focused';
 let TextBoxComponent = TextBoxComponent_1 = class TextBoxComponent {
     constructor(localizationService, ngZone, changeDetector, renderer, injector, hostElement) {
@@ -197,7 +199,7 @@ let TextBoxComponent = TextBoxComponent_1 = class TextBoxComponent {
          * @hidden
          */
         this.handleInput = (ev) => {
-            let incomingValue = ev.target.value;
+            let incomingValue = isSafari(navigator.userAgent) && isJapanese(ev.target.value) ? ev.data : ev.target.value;
             this.updateValue(incomingValue);
         };
         this.ngChange = (_) => { };

package/dist/fesm2015/index.js

@@ -10,7 +10,7 @@ import { take, filter, concatMap, startWith, takeUntil, skip, debounceTime, thro
 import { LocalizationService, L10N_PREFIX, RTL, ComponentMessages, MessageService } from '@progress/kendo-angular-l10n';
 import { Keys, guid, hasObservers, anyChanged, isDocumentAvailable, KendoInput, isChanged, DraggableModule, EventsModule, ResizeSensorModule } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
-import { browser, mobileOS } from '@progress/kendo-common';
+import { browser, mobileOS, detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
 import { IntlService } from '@progress/kendo-angular-intl';
 import { CommonModule } from '@angular/common';
 import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
@@ -459,7 +459,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1635258302,
+    publishDate: 1637341178,
     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'
 };
@@ -5576,6 +5576,25 @@ MaskedTextBoxModule = __decorate([
     })
 ], MaskedTextBoxModule);
 
+/**
+ * @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);
+};
+
 /**
  * Specifies the adornments in the suffix container ([see examples]({% slug adornments_textbox %}#toc-suffixadornments)).
  *  @example
@@ -5819,7 +5838,7 @@ let TextBoxComponent = TextBoxComponent_1 = class TextBoxComponent {
          * @hidden
          */
         this.handleInput = (ev) => {
-            let incomingValue = ev.target.value;
+            let incomingValue = isSafari(navigator.userAgent) && isJapanese(ev.target.value) ? ev.data : ev.target.value;
             this.updateValue(incomingValue);
         };
         this.ngChange = (_) => { };

package/dist/fesm5/index.js

@@ -10,7 +10,7 @@ import { take, filter, concatMap, startWith, takeUntil, skip, debounceTime, thro
 import { LocalizationService, L10N_PREFIX, RTL, ComponentMessages, MessageService } from '@progress/kendo-angular-l10n';
 import { Keys, guid, hasObservers, anyChanged, isDocumentAvailable, KendoInput, isChanged, DraggableModule, EventsModule, ResizeSensorModule } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
-import { browser, mobileOS } from '@progress/kendo-common';
+import { browser, mobileOS, detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
 import { IntlService } from '@progress/kendo-angular-intl';
 import { CommonModule } from '@angular/common';
 import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
@@ -493,7 +493,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1635258302,
+    publishDate: 1637341178,
     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'
 };
@@ -5736,6 +5736,25 @@ var MaskedTextBoxModule = /** @class */ (function () {
     return MaskedTextBoxModule;
 }());
 
+/**
+ * @hidden
+ *
+ * Returns true if the used browser is Safari.
+ */
+var isSafari = function (userAgent) {
+    return detectDesktopBrowser(userAgent).safari ||
+        (detectMobileOS(userAgent) && detectMobileOS(userAgent).browser === 'mobilesafari');
+};
+/**
+ * @hidden
+ *
+ * Checks if input is Japanese IME
+ */
+var isJapanese = function (input) {
+    var japaneseRegex = /[\u3000-\u303F]|[\u3040-\u309F]|[\u30A0-\u30FF]|[\uFF00-\uFFEF]|[\u4E00-\u9FAF]|[\u2605-\u2606]|[\u2190-\u2195]|\u203B/g;
+    return japaneseRegex.test(input);
+};
+
 /**
  * Specifies the adornments in the suffix container ([see examples]({% slug adornments_textbox %}#toc-suffixadornments)).
  *  @example
@@ -5981,7 +6000,7 @@ var TextBoxComponent = /** @class */ (function () {
          * @hidden
          */
         this.handleInput = function (ev) {
-            var incomingValue = ev.target.value;
+            var incomingValue = isSafari(navigator.userAgent) && isJapanese(ev.target.value) ? ev.data : ev.target.value;
             _this.updateValue(incomingValue);
         };
         this.ngChange = function (_) { };

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1635258302,
+    publishDate: 1637341178,
     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/dist/npm/shared/utils.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var kendo_common_1 = require("@progress/kendo-common");
+/**
+ * @hidden
+ *
+ * Returns true if the used browser is Safari.
+ */
+exports.isSafari = function (userAgent) {
+    return kendo_common_1.detectDesktopBrowser(userAgent).safari ||
+        (kendo_common_1.detectMobileOS(userAgent) && kendo_common_1.detectMobileOS(userAgent).browser === 'mobilesafari');
+};
+/**
+ * @hidden
+ *
+ * Checks if input is Japanese IME
+ */
+exports.isJapanese = function (input) {
+    var japaneseRegex = /[\u3000-\u303F]|[\u3040-\u309F]|[\u30A0-\u30FF]|[\uFF00-\uFFEF]|[\u4E00-\u9FAF]|[\u2605-\u2606]|[\u2190-\u2195]|\u203B/g;
+    return japaneseRegex.test(input);
+};

package/dist/npm/textbox/textbox.component.js

@@ -5,17 +5,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+var utils_1 = require("./../shared/utils");
 var dom_utils_1 = require("./../common/dom-utils");
 var forms_1 = require("@angular/forms");
 var core_1 = require("@angular/core");
 var kendo_licensing_1 = require("@progress/kendo-licensing");
 var package_metadata_1 = require("../package-metadata");
 var dom_utils_2 = require("../common/dom-utils");
-var utils_1 = require("../common/utils");
+var utils_2 = require("../common/utils");
 var kendo_angular_common_1 = require("@progress/kendo-angular-common");
 var textbox_suffix_directive_1 = require("./textbox-suffix.directive");
 var textbox_prefix_directive_1 = require("./textbox-prefix.directive");
 var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+var utils_3 = require("../shared/utils");
 var FOCUSED = 'k-state-focused';
 var TextBoxComponent = /** @class */ (function () {
     function TextBoxComponent(localizationService, ngZone, changeDetector, renderer, injector, hostElement) {
@@ -188,7 +190,7 @@ var TextBoxComponent = /** @class */ (function () {
          */
         this.handleInputBlur = function () {
             _this.changeDetector.markForCheck();
-            if (kendo_angular_common_1.hasObservers(_this.inputBlur) || utils_1.requiresZoneOnBlur(_this.control)) {
+            if (kendo_angular_common_1.hasObservers(_this.inputBlur) || utils_2.requiresZoneOnBlur(_this.control)) {
                 _this.ngZone.run(function () {
                     _this.ngTouched();
                     _this.inputBlur.emit();
@@ -199,7 +201,7 @@ var TextBoxComponent = /** @class */ (function () {
          * @hidden
          */
         this.handleInput = function (ev) {
-            var incomingValue = ev.target.value;
+            var incomingValue = utils_3.isSafari(navigator.userAgent) && utils_1.isJapanese(ev.target.value) ? ev.data : ev.target.value;
             _this.updateValue(incomingValue);
         };
         this.ngChange = function (_) { };
@@ -483,7 +485,7 @@ var TextBoxComponent = /** @class */ (function () {
     };
     TextBoxComponent.prototype.updateValue = function (value) {
         var _this = this;
-        if (!utils_1.areSame(this.value, value)) {
+        if (!utils_2.areSame(this.value, value)) {
             this.ngZone.run(function () {
                 _this.value = value;
                 _this.ngChange(value);