@progress/kendo-angular-inputs 8.0.8-dev.202203090958 → 8.0.8

package/dist/es/package-metadata.js

@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1646819719,
+    publishDate: 1646924118,
     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/es/textarea/textarea.component.js

@@ -326,11 +326,11 @@ var TextAreaComponent = /** @class */ (function (_super) {
         }
         if (changes.resizable) {
             if (this.resizable === 'auto') {
+                this.renderer.removeClass(element, '\!k-overflow-y-auto');
                 this.initialHeight = element.offsetHeight;
             }
             else {
-                this.renderer.setStyle(element, 'overflow-y', 'auto');
-                this.renderer.setStyle(element, 'resize', 'both');
+                this.renderer.addClass(element, '\!k-overflow-y-auto');
                 element.style.height = this.initialHeight + "px";
             }
         }
@@ -432,7 +432,6 @@ var TextAreaComponent = /** @class */ (function (_super) {
             return;
         }
         var element = this.input.nativeElement;
-        this.renderer.setStyle(element, 'overflow-y', 'hidden');
         this.renderer.setStyle(element, 'height', this.initialHeight + "px");
         var scrollHeight = element.scrollHeight;
         if (scrollHeight > this.initialHeight) {
@@ -492,9 +491,9 @@ var TextAreaComponent = /** @class */ (function (_super) {
         var hostElement = this.hostElement.nativeElement;
         var element = this.input.nativeElement;
         var suffix = hostElement.children[1];
-        this.renderer.setStyle(element, 'flex', isVertical ? 'none' : '1');
+        this.renderer[isVertical ? 'addClass' : 'removeClass'](element, '\!k-flex-none');
         if (suffix) {
-            this.renderer.setStyle(suffix, 'align-items', isVertical ? 'center' : 'start');
+            this.renderer[isVertical ? 'removeClass' : 'addClass'](suffix, '\!k-align-items-start');
         }
     };
     var TextAreaComponent_1;
@@ -587,8 +586,7 @@ var TextAreaComponent = /** @class */ (function (_super) {
                 { provide: KendoInput, useExisting: forwardRef(function () { return TextAreaComponent_1; }) }
             ],
             selector: 'kendo-textarea',
-            template: "\n        <textarea\n            #input\n            [attr.aria-multiline]=\"true\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            [attr.aria-readonly]=\"readonly ? true : undefined\"\n            class=\"k-input-inner\"\n            [ngClass]=\"resizableClass\"\n            [id]=\"focusableId\"\n            [value]=\"value\"\n            [attr.placeholder]=\"placeholder\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readonly\"\n            [attr.rows]=\"rows\"\n            [attr.cols]=\"cols\"\n            [attr.tabindex]=\"tabIndex\"\n            [attr.title]=\"title\"\n            [attr.maxlength]=\"maxlength\"\n            [kendoEventsOutsideAngular]=\"{\n                focus: handleInputFocus,\n                blur: handleInputBlur,\n                input: handleInput}\">\n            </textarea>\n            <ng-content select=\"kendo-textarea-suffix\"></ng-content>\n    ",
-            styles: ["\n        :host {\n            display: inline-flex;\n        }\n    "]
+            template: "\n        <textarea\n            #input\n            [attr.aria-multiline]=\"true\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            [attr.aria-readonly]=\"readonly ? true : undefined\"\n            class=\"k-input-inner\"\n            [ngClass]=\"resizableClass\"\n            [id]=\"focusableId\"\n            [value]=\"value\"\n            [attr.placeholder]=\"placeholder\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readonly\"\n            [attr.rows]=\"rows\"\n            [attr.cols]=\"cols\"\n            [attr.tabindex]=\"tabIndex\"\n            [attr.title]=\"title\"\n            [attr.maxlength]=\"maxlength\"\n            [kendoEventsOutsideAngular]=\"{\n                focus: handleInputFocus,\n                blur: handleInputBlur,\n                input: handleInput}\">\n            </textarea>\n            <ng-content select=\"kendo-textarea-suffix\"></ng-content>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [LocalizationService,
             NgZone,

package/dist/es/textbox/textbox.component.js

@@ -202,8 +202,14 @@ var TextBoxComponent = /** @class */ (function () {
          * @hidden
          */
         this.handleInput = function (ev) {
-            var incomingValue = isSafari(navigator.userAgent) && isJapanese(ev.target.value) ? ev.data : ev.target.value;
+            var target = ev.target;
+            var isBrowserSafari = isSafari(navigator.userAgent);
+            var incomingValue = isBrowserSafari && isJapanese(target.value) ? ev.data : target.value;
+            var _a = [target.selectionStart, target.selectionEnd], caretStart = _a[0], caretEnd = _a[1];
             _this.updateValue(incomingValue);
+            if (isBrowserSafari) {
+                target.setSelectionRange(caretStart, caretEnd);
+            }
         };
         this.ngChange = function (_) { };
         this.ngTouched = function () { };