@progress/kendo-angular-inputs 8.0.2-dev.202201241505 → 8.0.3-dev.202202071301

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: 1643036475,
+    publishDate: 1644238730,
     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/shared/textarea.directive.js

@@ -9,7 +9,7 @@ import { hasObservers, KendoInput, isDocumentAvailable } from '@progress/kendo-a
 import { requiresZoneOnBlur } from '../common/utils';
 import { RTL } from '@progress/kendo-angular-l10n';
 import { fromEvent } from 'rxjs';
-import { debounceTime } from 'rxjs/operators';
+import { debounceTime, take } from 'rxjs/operators';
 /**
  * Represents the [Kendo UI TextArea directive for the Inputs components for Angular]({% slug overview_textarea %}).
  * Provides floating labels to `textarea` elements.
@@ -127,6 +127,7 @@ var TextAreaDirective = /** @class */ (function () {
         this.control = this.injector.get(NgControl, null);
     };
     TextAreaDirective.prototype.ngOnChanges = function (changes) {
+        var _this = this;
         var element = this.element.nativeElement;
         if (changes.value) {
             this.elementValue = this.value;
@@ -142,7 +143,7 @@ var TextAreaDirective = /** @class */ (function () {
                 element.style.height = this.initialHeight + "px";
             }
         }
-        this.resize();
+        this.zone.onStable.pipe(take(1)).subscribe(function () { return _this.resize(); });
     };
     TextAreaDirective.prototype.ngOnDestroy = function () {
         this.listeners.forEach(function (listener) { return listener(); });

package/dist/es/textarea/textarea-suffix.component.js

@@ -26,7 +26,7 @@ var TextAreaSuffixComponent = /** @class */ (function () {
         this.hostClass = true;
     }
     tslib_1.__decorate([
-        HostBinding('class.k-textarea-suffix'),
+        HostBinding('class.k-input-suffix'),
         tslib_1.__metadata("design:type", Boolean)
     ], TextAreaSuffixComponent.prototype, "hostClass", void 0);
     TextAreaSuffixComponent = tslib_1.__decorate([

package/dist/es/textarea/textarea.component.js

@@ -295,6 +295,7 @@ var TextAreaComponent = /** @class */ (function (_super) {
                     tabbing = false;
                 }
             }));
+            _this.handleFlow();
         });
         var stylingInputs = ['size', 'rounded', 'fillMode'];
         stylingInputs.forEach(function (input) {
@@ -320,6 +321,9 @@ var TextAreaComponent = /** @class */ (function (_super) {
     TextAreaComponent.prototype.ngOnChanges = function (changes) {
         var hostElement = this.hostElement.nativeElement;
         var element = this.input.nativeElement;
+        if (changes.flow) {
+            this.handleFlow();
+        }
         if (changes.resizable) {
             if (this.resizable === 'auto') {
                 this.initialHeight = element.offsetHeight;
@@ -483,6 +487,16 @@ var TextAreaComponent = /** @class */ (function (_super) {
             this.renderer.addClass(elem, classes.toAdd);
         }
     };
+    TextAreaComponent.prototype.handleFlow = function () {
+        var isVertical = this.flow === 'vertical';
+        var hostElement = this.hostElement.nativeElement;
+        var element = this.input.nativeElement;
+        var suffix = hostElement.children[1];
+        this.renderer.setStyle(element, 'flex', isVertical ? 'none' : '1');
+        if (suffix) {
+            this.renderer.setStyle(suffix, 'align-items', isVertical ? 'center' : 'start');
+        }
+    };
     var TextAreaComponent_1;
     tslib_1.__decorate([
         Input(),
@@ -494,12 +508,12 @@ var TextAreaComponent = /** @class */ (function (_super) {
         tslib_1.__metadata("design:type", Boolean)
     ], TextAreaComponent.prototype, "hostClasses", void 0);
     tslib_1.__decorate([
-        HostBinding('class.k-flex-col'),
+        HostBinding('class.\!k-flex-col'),
         tslib_1.__metadata("design:type", Boolean),
         tslib_1.__metadata("design:paramtypes", [])
     ], TextAreaComponent.prototype, "flowCol", null);
     tslib_1.__decorate([
-        HostBinding('class.k-flex-row'),
+        HostBinding('class.\!k-flex-row'),
         tslib_1.__metadata("design:type", Boolean),
         tslib_1.__metadata("design:paramtypes", [])
     ], TextAreaComponent.prototype, "flowRow", null);
@@ -574,7 +588,7 @@ var TextAreaComponent = /** @class */ (function (_super) {
             ],
             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(.k-flex-col) {\n            flex-direction: column !important;\n        }\n        :host(.k-flex-row) {\n            flex-direction: row !important;\n        }\n    "]
+            styles: ["\n        :host {\n            display: inline-flex;\n        }\n    "]
         }),
         tslib_1.__metadata("design:paramtypes", [LocalizationService,
             NgZone,

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

@@ -489,7 +489,7 @@ var TextBoxComponent = /** @class */ (function () {
         get: function () {
             return this.successIcon
                 ? "" + this.successIcon
-                : "k-validation-icon k-icon k-i-check";
+                : "k-input-validation-icon k-icon k-i-check";
         },
         enumerable: true,
         configurable: true
@@ -501,7 +501,7 @@ var TextBoxComponent = /** @class */ (function () {
         get: function () {
             return this.errorIcon
                 ? "" + this.errorIcon
-                : "k-validation-icon k-icon k-i-warning";
+                : "k-input-validation-icon k-icon k-i-warning";
         },
         enumerable: true,
         configurable: true