@progress/kendo-angular-inputs 21.0.0-develop.4 → 21.0.0-develop.6

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1761759922,
-    version: '21.0.0-develop.4',
+    publishDate: 1761825094,
+    version: '21.0.0-develop.6',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/textarea/textarea.component.mjs

@@ -218,6 +218,7 @@ export class TextAreaComponent extends TextFieldsBase {
     initialHeight;
     maxResizableHeight;
     resizeSubscription;
+    resizeObserver;
     _size = 'medium';
     _rounded = 'medium';
     _fillMode = 'solid';
@@ -286,6 +287,7 @@ export class TextAreaComponent extends TextFieldsBase {
             this.resizeSubscription = fromEvent(window, 'resize')
                 .pipe((debounceTime(50)))
                 .subscribe(() => this.resize());
+            this.attachResizeObserver();
         }
         if (this.hostElement) {
             this.renderer.removeAttribute(this.hostElement.nativeElement, "tabindex");
@@ -359,6 +361,9 @@ export class TextAreaComponent extends TextFieldsBase {
         if (this.resizeSubscription) {
             this.resizeSubscription.unsubscribe();
         }
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
     }
     /**
      * @hidden
@@ -459,6 +464,15 @@ export class TextAreaComponent extends TextFieldsBase {
         this.isFocused = false;
         this.focusChangedProgrammatically = false;
     }
+    attachResizeObserver() {
+        if (typeof ResizeObserver === 'undefined' || !this.hostElement?.nativeElement) {
+            return;
+        }
+        this.ngZone.runOutsideAngular(() => {
+            this.resizeObserver = new ResizeObserver(() => this.resize());
+            this.resizeObserver.observe(this.hostElement.nativeElement);
+        });
+    }
     resize() {
         if (this.resizable !== 'auto') {
             return;

package/esm2022/textarea/textarea.directive.mjs

@@ -73,6 +73,7 @@ export class TextAreaDirective {
     initialHeight;
     control;
     resizeSubscription;
+    resizeObserver;
     constructor(renderer, element, zone, changeDetector, injector, rtl) {
         this.renderer = renderer;
         this.element = element;
@@ -125,6 +126,7 @@ export class TextAreaDirective {
                 this.resizeSubscription = fromEvent(window, 'resize')
                     .pipe((debounceTime(50)))
                     .subscribe(() => this.resize());
+                this.attachResizeObserver();
             }
             this.inputSubscription = fromEvent(element, 'input')
                 .subscribe(this.handleInput.bind(this));
@@ -157,6 +159,9 @@ export class TextAreaDirective {
         if (this.resizeSubscription) {
             this.resizeSubscription.unsubscribe();
         }
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
     }
     ngChange = (_) => { };
     ngTouched = () => { };
@@ -174,6 +179,15 @@ export class TextAreaDirective {
             this.renderer.setProperty(this.element.nativeElement, name, value);
         }
     }
+    attachResizeObserver() {
+        if (typeof ResizeObserver === 'undefined' || !this.element?.nativeElement) {
+            return;
+        }
+        this.zone.runOutsideAngular(() => {
+            this.resizeObserver = new ResizeObserver(() => this.resize());
+            this.resizeObserver.observe(this.element.nativeElement);
+        });
+    }
     resize() {
         if (!this.autoSize) {
             return;

package/fesm2022/progress-kendo-angular-inputs.mjs

@@ -550,8 +550,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1761759922,
-    version: '21.0.0-develop.4',
+    publishDate: 1761825094,
+    version: '21.0.0-develop.6',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3227,6 +3227,7 @@ class TextAreaDirective {
     initialHeight;
     control;
     resizeSubscription;
+    resizeObserver;
     constructor(renderer, element, zone, changeDetector, injector, rtl) {
         this.renderer = renderer;
         this.element = element;
@@ -3279,6 +3280,7 @@ class TextAreaDirective {
                 this.resizeSubscription = fromEvent(window, 'resize')
                     .pipe((debounceTime(50)))
                     .subscribe(() => this.resize());
+                this.attachResizeObserver();
             }
             this.inputSubscription = fromEvent(element, 'input')
                 .subscribe(this.handleInput.bind(this));
@@ -3311,6 +3313,9 @@ class TextAreaDirective {
         if (this.resizeSubscription) {
             this.resizeSubscription.unsubscribe();
         }
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
     }
     ngChange = (_) => { };
     ngTouched = () => { };
@@ -3328,6 +3333,15 @@ class TextAreaDirective {
             this.renderer.setProperty(this.element.nativeElement, name, value);
         }
     }
+    attachResizeObserver() {
+        if (typeof ResizeObserver === 'undefined' || !this.element?.nativeElement) {
+            return;
+        }
+        this.zone.runOutsideAngular(() => {
+            this.resizeObserver = new ResizeObserver(() => this.resize());
+            this.resizeObserver.observe(this.element.nativeElement);
+        });
+    }
     resize() {
         if (!this.autoSize) {
             return;
@@ -17531,6 +17545,7 @@ class TextAreaComponent extends TextFieldsBase {
     initialHeight;
     maxResizableHeight;
     resizeSubscription;
+    resizeObserver;
     _size = 'medium';
     _rounded = 'medium';
     _fillMode = 'solid';
@@ -17599,6 +17614,7 @@ class TextAreaComponent extends TextFieldsBase {
             this.resizeSubscription = fromEvent(window, 'resize')
                 .pipe((debounceTime(50)))
                 .subscribe(() => this.resize());
+            this.attachResizeObserver();
         }
         if (this.hostElement) {
             this.renderer.removeAttribute(this.hostElement.nativeElement, "tabindex");
@@ -17672,6 +17688,9 @@ class TextAreaComponent extends TextFieldsBase {
         if (this.resizeSubscription) {
             this.resizeSubscription.unsubscribe();
         }
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
     }
     /**
      * @hidden
@@ -17772,6 +17791,15 @@ class TextAreaComponent extends TextFieldsBase {
         this.isFocused = false;
         this.focusChangedProgrammatically = false;
     }
+    attachResizeObserver() {
+        if (typeof ResizeObserver === 'undefined' || !this.hostElement?.nativeElement) {
+            return;
+        }
+        this.ngZone.runOutsideAngular(() => {
+            this.resizeObserver = new ResizeObserver(() => this.resize());
+            this.resizeObserver.observe(this.hostElement.nativeElement);
+        });
+    }
     resize() {
         if (this.resizable !== 'auto') {
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "21.0.0-develop.4",
+  "version": "21.0.0-develop.6",
   "description": "Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, TextArea, and TextBox Components)",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -28,7 +28,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1761759922,
+      "publishDate": 1761825094,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -40,20 +40,20 @@
     "@angular/platform-browser": "18 - 20",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "21.0.0-develop.4",
-    "@progress/kendo-angular-common": "21.0.0-develop.4",
-    "@progress/kendo-angular-utils": "21.0.0-develop.4",
-    "@progress/kendo-angular-navigation": "21.0.0-develop.4",
-    "@progress/kendo-angular-dialog": "21.0.0-develop.4",
-    "@progress/kendo-angular-intl": "21.0.0-develop.4",
-    "@progress/kendo-angular-l10n": "21.0.0-develop.4",
-    "@progress/kendo-angular-popup": "21.0.0-develop.4",
-    "@progress/kendo-angular-icons": "21.0.0-develop.4",
+    "@progress/kendo-angular-buttons": "21.0.0-develop.6",
+    "@progress/kendo-angular-common": "21.0.0-develop.6",
+    "@progress/kendo-angular-utils": "21.0.0-develop.6",
+    "@progress/kendo-angular-navigation": "21.0.0-develop.6",
+    "@progress/kendo-angular-dialog": "21.0.0-develop.6",
+    "@progress/kendo-angular-intl": "21.0.0-develop.6",
+    "@progress/kendo-angular-l10n": "21.0.0-develop.6",
+    "@progress/kendo-angular-popup": "21.0.0-develop.6",
+    "@progress/kendo-angular-icons": "21.0.0-develop.6",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.0.0-develop.4",
+    "@progress/kendo-angular-schematics": "21.0.0-develop.6",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.0",
     "@progress/kendo-inputs-common": "^3.1.0"

package/textarea/textarea.component.d.ts

@@ -148,6 +148,7 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
     private initialHeight;
     private maxResizableHeight;
     private resizeSubscription;
+    private resizeObserver;
     private _size;
     private _rounded;
     private _fillMode;
@@ -222,6 +223,7 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
      * Blurs the TextArea.
      */
     blur(): void;
+    private attachResizeObserver;
     private resize;
     /**
      * @hidden

package/textarea/textarea.directive.d.ts

@@ -64,6 +64,7 @@ export declare class TextAreaDirective implements OnInit, OnDestroy, OnChanges,
     private initialHeight;
     private control;
     private resizeSubscription;
+    private resizeObserver;
     constructor(renderer: Renderer2, element: ElementRef, zone: NgZone, changeDetector: ChangeDetectorRef, injector: Injector, rtl: boolean);
     /**
      * @hidden
@@ -89,6 +90,7 @@ export declare class TextAreaDirective implements OnInit, OnDestroy, OnChanges,
     private get elementValue();
     private set elementValue(value);
     private setElementProperty;
+    private attachResizeObserver;
     private resize;
     private handleInput;
     private handleFocus;