@progress/kendo-angular-inputs 9.0.2-dev.202205311251 → 9.0.3

package/esm2015/package-metadata.js

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

@@ -321,15 +321,16 @@ export class TextAreaComponent extends TextFieldsBase {
                 this.renderer.removeStyle(hostElement, 'width');
             }
         }
-    }
-    ngAfterViewChecked() {
-        this.resize();
+        if (changes.value) {
+            this.resize();
+        }
     }
     /**
      * @hidden
      */
     writeValue(value) {
         this.value = value;
+        this.resize();
     }
     /**
      * @hidden
@@ -405,12 +406,20 @@ export class TextAreaComponent extends TextFieldsBase {
         if (this.resizable !== 'auto') {
             return;
         }
-        const element = this.input.nativeElement;
-        this.renderer.setStyle(element, 'height', `${this.initialHeight}px`);
-        const scrollHeight = element.scrollHeight;
-        if (scrollHeight > this.initialHeight) {
-            element.style.height = `${scrollHeight}px`;
-        }
+        // The logic of the resize method, does not depend on Angular and thus moving it outisde of it
+        // We need to ensure that the resizing logic runs after the value is updated thus the setTimout
+        this.ngZone.runOutsideAngular(() => {
+            setTimeout(() => {
+                const hostElement = this.hostElement.nativeElement;
+                const element = this.input.nativeElement;
+                this.renderer.setStyle(element, 'height', `${this.initialHeight}px`);
+                const scrollHeight = element.scrollHeight;
+                this.renderer.setStyle(hostElement, 'min-height', `${scrollHeight}px`);
+                if (scrollHeight > this.initialHeight) {
+                    this.renderer.setStyle(element, 'height', `${scrollHeight}px`);
+                }
+            }, 0);
+        });
     }
     get isFocused() {
         return this._isFocused;

package/fesm2015/kendo-angular-inputs.js

@@ -519,7 +519,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1654001437,
+    publishDate: 1655306203,
     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'
 };
@@ -7410,15 +7410,16 @@ class TextAreaComponent extends TextFieldsBase {
                 this.renderer.removeStyle(hostElement, 'width');
             }
         }
-    }
-    ngAfterViewChecked() {
-        this.resize();
+        if (changes.value) {
+            this.resize();
+        }
     }
     /**
      * @hidden
      */
     writeValue(value) {
         this.value = value;
+        this.resize();
     }
     /**
      * @hidden
@@ -7494,12 +7495,20 @@ class TextAreaComponent extends TextFieldsBase {
         if (this.resizable !== 'auto') {
             return;
         }
-        const element = this.input.nativeElement;
-        this.renderer.setStyle(element, 'height', `${this.initialHeight}px`);
-        const scrollHeight = element.scrollHeight;
-        if (scrollHeight > this.initialHeight) {
-            element.style.height = `${scrollHeight}px`;
-        }
+        // The logic of the resize method, does not depend on Angular and thus moving it outisde of it
+        // We need to ensure that the resizing logic runs after the value is updated thus the setTimout
+        this.ngZone.runOutsideAngular(() => {
+            setTimeout(() => {
+                const hostElement = this.hostElement.nativeElement;
+                const element = this.input.nativeElement;
+                this.renderer.setStyle(element, 'height', `${this.initialHeight}px`);
+                const scrollHeight = element.scrollHeight;
+                this.renderer.setStyle(hostElement, 'min-height', `${scrollHeight}px`);
+                if (scrollHeight > this.initialHeight) {
+                    this.renderer.setStyle(element, 'height', `${scrollHeight}px`);
+                }
+            }, 0);
+        });
     }
     get isFocused() {
         return this._isFocused;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "9.0.2-dev.202205311251",
+  "version": "9.0.3",
   "description": "Inputs Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@progress/kendo-common": "^0.2.1",
     "@progress/kendo-schematics": "^3.0.0",
-    "@telerik/kendo-draggable": "^2.0.0",
+    "@progress/kendo-draggable": "^3.0.0",
     "tslib": "^2.3.1"
   },
   "peerDependencies": {
@@ -81,11 +81,11 @@
     "fallbackTags": {
       "dev": "latest"
     },
-    "analyzeCommits": "@telerik/semantic-prerelease/analyzeCommits",
+    "analyzeCommits": "@progress/semantic-prerelease/analyzeCommits",
     "generateNotes": "@progress/kendo-angular-tasks/lib/generateNotes",
-    "getLastRelease": "@telerik/semantic-prerelease/getLastRelease",
-    "verifyConditions": "@telerik/semantic-prerelease/verifyConditions",
-    "verifyRelease": "@telerik/semantic-prerelease/verifyRelease"
+    "getLastRelease": "@progress/semantic-prerelease/getLastRelease",
+    "verifyConditions": "@progress/semantic-prerelease/verifyConditions",
+    "verifyRelease": "@progress/semantic-prerelease/verifyRelease"
   },
   "main": "bundles/kendo-angular-inputs.umd.js",
   "module": "fesm2015/kendo-angular-inputs.js",

package/textarea/textarea.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, EventEmitter, NgZone, Renderer2, ChangeDetectorRef, Injector, AfterViewChecked } from '@angular/core';
+import { ElementRef, EventEmitter, NgZone, Renderer2, ChangeDetectorRef, Injector } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { TextFieldsBase } from '../text-fields-common/text-fields-base';
@@ -13,7 +13,7 @@ import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI TextArea component for Angular]({% slug overview_textarea %}).
  */
-export declare class TextAreaComponent extends TextFieldsBase implements ControlValueAccessor, AfterViewChecked {
+export declare class TextAreaComponent extends TextFieldsBase implements ControlValueAccessor {
     protected localizationService: LocalizationService;
     protected ngZone: NgZone;
     protected changeDetector: ChangeDetectorRef;
@@ -162,7 +162,6 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
     ngAfterViewInit(): void;
     ngOnInit(): void;
     ngOnChanges(changes: any): void;
-    ngAfterViewChecked(): void;
     /**
      * @hidden
      */