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

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: 1643126009,
     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-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,