@progress/kendo-angular-inputs 8.0.1 → 8.0.2

package/dist/npm/colorpicker/flatcolorpicker-header.component.js

@@ -87,7 +87,7 @@ var FlatColorPickerHeaderComponent = /** @class */ (function () {
     FlatColorPickerHeaderComponent = tslib_1.__decorate([
         core_1.Component({
             selector: '[kendoFlatColorPickerHeader]',
-            template: "\n        <div class=\"k-coloreditor-header-actions k-hstack\">\n            <div *ngIf=\"viewButtons\" class=\"k-button-group k-button-group-flat\">\n                <button *ngFor=\"let view of views\"\n                    #viewButtons\n                    (click)=\"onViewButtonClick(view)\"\n                    class=\"k-button k-button-md k-button-flat k-button-flat-base k-icon-button\"\n                    [attr.title]=\"getText(view === 'gradient' ? 'gradientView' : 'paletteView')\"\n                    [attr.aria-label]=\"getText(view === 'gradient' ? 'gradientView' : 'paletteView')\"\n                    [attr.aria-pressed]=\"activeView === view\"\n                    [ngClass]=\"activeView === view ? 'k-state-selected' : ''\"\n                >\n                    <span\n                        class=\"k-button-icon k-icon\"\n                        [ngClass]=\"getViewButtonIcon(view)\">\n                    </span>\n                </button>\n            </div>\n        </div>\n        <div class=\"k-spacer\"></div>\n        <div class=\"k-coloreditor-header-actions k-hstack\">\n            <button *ngIf=\"clearButton\"\n                #clearButton\n                class=\"k-button k-button-md k-button-flat k-button-flat-base k-icon-button k-coloreditor-reset\"\n                [attr.aria-label]=\"getText('clearButton')\"\n                [attr.title]=\"getText('clearButton')\"\n                (click)=\"clearButtonClick.emit()\">\n                    <span class=\"k-button-icon k-icon k-i-reset-color\"></span>\n            </button>\n            <div class=\"k-coloreditor-preview k-vstack\" *ngIf=\"preview\">\n                <span\n                    class=\"k-coloreditor-preview-color k-color-preview\"\n                    [attr.title]=\"getText('previewColor')\"\n                    [style.background-color]=\"selection\">\n                </span>\n                <span class=\"k-coloreditor-current-color k-color-preview\"\n                    [style.background-color]=\"value\"\n                    [attr.title]=\"getText('revertSelection')\"\n                    (click)=\"valuePaneClick.emit($event)\">\n                </span>\n            </div>\n        </div>\n    "
+            template: "\n        <div class=\"k-coloreditor-header-actions k-hstack\">\n            <div *ngIf=\"viewButtons\" class=\"k-button-group k-button-group-flat\">\n                <button *ngFor=\"let view of views\"\n                    #viewButtons\n                    type=\"button\"\n                    (click)=\"onViewButtonClick(view)\"\n                    class=\"k-button k-button-md k-button-flat k-button-flat-base k-icon-button\"\n                    [attr.title]=\"getText(view === 'gradient' ? 'gradientView' : 'paletteView')\"\n                    [attr.aria-label]=\"getText(view === 'gradient' ? 'gradientView' : 'paletteView')\"\n                    [attr.aria-pressed]=\"activeView === view\"\n                    [ngClass]=\"activeView === view ? 'k-state-selected' : ''\"\n                >\n                    <span\n                        class=\"k-button-icon k-icon\"\n                        [ngClass]=\"getViewButtonIcon(view)\">\n                    </span>\n                </button>\n            </div>\n        </div>\n        <div class=\"k-spacer\"></div>\n        <div class=\"k-coloreditor-header-actions k-hstack\">\n            <button *ngIf=\"clearButton\"\n                #clearButton\n                type=\"button\"\n                class=\"k-button k-button-md k-button-flat k-button-flat-base k-icon-button k-coloreditor-reset\"\n                [attr.aria-label]=\"getText('clearButton')\"\n                [attr.title]=\"getText('clearButton')\"\n                (click)=\"clearButtonClick.emit()\">\n                    <span class=\"k-button-icon k-icon k-i-reset-color\"></span>\n            </button>\n            <div class=\"k-coloreditor-preview k-vstack\" *ngIf=\"preview\">\n                <span\n                    class=\"k-coloreditor-preview-color k-color-preview\"\n                    [attr.title]=\"getText('previewColor')\"\n                    [style.background-color]=\"selection\">\n                </span>\n                <span class=\"k-coloreditor-current-color k-color-preview\"\n                    [style.background-color]=\"value\"\n                    [attr.title]=\"getText('revertSelection')\"\n                    (click)=\"valuePaneClick.emit($event)\">\n                </span>\n            </div>\n        </div>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
     ], FlatColorPickerHeaderComponent);

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: 1642685118,
+    publishDate: 1643126640,
     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/textarea/textarea-suffix.component.js

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

package/dist/npm/textarea/textarea.component.js

@@ -297,6 +297,7 @@ var TextAreaComponent = /** @class */ (function (_super) {
                     tabbing = false;
                 }
             }));
+            _this.handleFlow();
         });
         var stylingInputs = ['size', 'rounded', 'fillMode'];
         stylingInputs.forEach(function (input) {
@@ -322,6 +323,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;
@@ -485,6 +489,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([
         core_1.Input(),
@@ -496,12 +510,12 @@ var TextAreaComponent = /** @class */ (function (_super) {
         tslib_1.__metadata("design:type", Boolean)
     ], TextAreaComponent.prototype, "hostClasses", void 0);
     tslib_1.__decorate([
-        core_1.HostBinding('class.k-flex-col'),
+        core_1.HostBinding('class.\!k-flex-col'),
         tslib_1.__metadata("design:type", Boolean),
         tslib_1.__metadata("design:paramtypes", [])
     ], TextAreaComponent.prototype, "flowCol", null);
     tslib_1.__decorate([
-        core_1.HostBinding('class.k-flex-row'),
+        core_1.HostBinding('class.\!k-flex-row'),
         tslib_1.__metadata("design:type", Boolean),
         tslib_1.__metadata("design:paramtypes", [])
     ], TextAreaComponent.prototype, "flowRow", null);
@@ -576,7 +590,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", [kendo_angular_l10n_1.LocalizationService,
             core_1.NgZone,