@progress/kendo-angular-inputs 23.2.0-develop.5 → 23.2.0-develop.6

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

@@ -584,7 +584,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '23.2.0-develop.5',
+    version: '23.2.0-develop.6',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -17931,14 +17931,16 @@ class TextAreaComponent extends TextFieldsBase {
         if (this.resizable !== 'auto') {
             return;
         }
-        // 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
+        // The logic of the resize method, does not depend on Angular and thus moving it outside of it
+        // We need to ensure that the resizing logic runs after the value is updated thus the setTimeout
         this.ngZone.runOutsideAngular(() => {
             setTimeout(() => {
                 const hostElement = this.hostElement.nativeElement;
                 const element = this.input.nativeElement;
                 this.renderer.setStyle(element, 'height', `${this.initialHeight}px`);
+                this.renderer.removeClass(element, '!k-overflow-auto');
                 const scrollHeight = element.scrollHeight;
+                this.renderer.addClass(element, '!k-overflow-auto');
                 if (scrollHeight > this.maxResizableHeight) {
                     this.renderer.setStyle(element, 'height', `${this.maxResizableHeight}px`);
                     return;
@@ -19328,6 +19330,7 @@ class FormComponent {
     element;
     cdr;
     formService;
+    localizationService;
     /**
      * Defines the orientation of the form.
      *
@@ -19366,15 +19369,22 @@ class FormComponent {
     get horizontalClass() {
         return this.orientation === 'horizontal';
     }
+    direction;
     _formColumnsNumber;
     _formGutters = { ...DEFAULT_FORM_GUTTERS };
-    constructor(element, cdr, formService) {
+    subscriptions = new Subscription();
+    constructor(element, cdr, formService, localizationService) {
         this.element = element;
         this.cdr = cdr;
         this.formService = formService;
+        this.localizationService = localizationService;
         const isValid = validatePackage(packageMetadata);
         this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
+        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
+        this.subscriptions.add(this.localizationService.changes.subscribe(({ rtl }) => {
+            this.direction = rtl ? 'rtl' : 'ltr';
+        }));
     }
     ngAfterContentInit() {
         if (!isDocumentAvailable()) {
@@ -19427,8 +19437,14 @@ class FormComponent {
     updateGutterClasses() {
         this.guttersStyle = generateGuttersStyling(this._formGutters, { ...DEFAULT_FORM_GUTTERS });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: FormService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: FormComponent, isStandalone: true, selector: "form[kendoForm]", inputs: { orientation: "orientation", cols: "cols", gutters: "gutters" }, host: { properties: { "class": "this.formClass", "class.k-form-horizontal": "this.horizontalClass" } }, exportAs: ["kendoForm"], usesOnChanges: true, ngImport: i0, template: `
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: FormService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: FormComponent, isStandalone: true, selector: "form[kendoForm]", inputs: { orientation: "orientation", cols: "cols", gutters: "gutters" }, host: { properties: { "class": "this.formClass", "class.k-form-horizontal": "this.horizontalClass", "attr.dir": "this.direction" } }, providers: [
+            LocalizationService,
+            { provide: L10N_PREFIX, useValue: 'kendo.form' }
+        ], exportAs: ["kendoForm"], usesOnChanges: true, ngImport: i0, template: `
         <div class="k-form-layout k-d-grid" [ngClass]="[columnsClass]" [ngStyle]="{ gap: guttersStyle }">
           <ng-content></ng-content>
         </div>
@@ -19454,8 +19470,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         `,
                     standalone: true,
                     imports: [NgClass, NgStyle, ResizeSensorComponent, WatermarkOverlayComponent],
+                    providers: [
+                        LocalizationService,
+                        { provide: L10N_PREFIX, useValue: 'kendo.form' }
+                    ],
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: FormService }], propDecorators: { orientation: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: FormService }, { type: i1.LocalizationService }], propDecorators: { orientation: [{
                 type: Input
             }], cols: [{
                 type: Input
@@ -19467,6 +19487,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }], horizontalClass: [{
                 type: HostBinding,
                 args: ['class.k-form-horizontal']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
             }] } });
 
 /**
@@ -19548,7 +19571,9 @@ class FormFieldSetComponent {
     renderer;
     formService;
     cdr;
+    localizationService;
     formFieldSetClass = true;
+    direction;
     /**
      * Defines the legend for the fieldset.
      */
@@ -19584,12 +19609,17 @@ class FormFieldSetComponent {
     _previousCols = null;
     _previousGutters;
     subs = new Subscription();
-    constructor(elementRef, renderer, formService, cdr) {
+    constructor(elementRef, renderer, formService, cdr, localizationService) {
         this.elementRef = elementRef;
         this.renderer = renderer;
         this.formService = formService;
         this.cdr = cdr;
+        this.localizationService = localizationService;
         validatePackage(packageMetadata);
+        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
+        this.subs.add(this.localizationService.changes.subscribe(({ rtl }) => {
+            this.direction = rtl ? 'rtl' : 'ltr';
+        }));
     }
     ngOnInit() {
         this.subs.add(this.formService.formWidth.pipe(filter((width) => width !== null)).subscribe((width) => {
@@ -19655,8 +19685,11 @@ class FormFieldSetComponent {
             this.cdr.detectChanges();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormFieldSetComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FormService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: FormFieldSetComponent, isStandalone: true, selector: "fieldset[kendoFormFieldSet]", inputs: { legend: "legend", cols: "cols", gutters: "gutters", colSpan: "colSpan" }, host: { properties: { "class.k-form-fieldset": "this.formFieldSetClass" } }, exportAs: ["kendoFormFieldSet"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormFieldSetComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FormService }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: FormFieldSetComponent, isStandalone: true, selector: "fieldset[kendoFormFieldSet]", inputs: { legend: "legend", cols: "cols", gutters: "gutters", colSpan: "colSpan" }, host: { properties: { "class.k-form-fieldset": "this.formFieldSetClass", "attr.dir": "this.direction" } }, providers: [
+            LocalizationService,
+            { provide: L10N_PREFIX, useValue: 'kendo.formfieldset' }
+        ], exportAs: ["kendoFormFieldSet"], usesOnChanges: true, ngImport: i0, template: `
         @if (legend) {
           <legend class="k-form-legend">
             {{ legend }}
@@ -19684,10 +19717,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         `,
                     standalone: true,
                     imports: [NgClass, NgStyle],
+                    providers: [
+                        LocalizationService,
+                        { provide: L10N_PREFIX, useValue: 'kendo.formfieldset' }
+                    ],
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: FormService }, { type: i0.ChangeDetectorRef }], propDecorators: { formFieldSetClass: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: FormService }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }], propDecorators: { formFieldSetClass: [{
                 type: HostBinding,
                 args: ['class.k-form-fieldset']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
             }], legend: [{
                 type: Input
             }], cols: [{

package/form/form.component.d.ts

@@ -2,12 +2,13 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, ChangeDetectorRef, SimpleChanges, OnChanges, AfterContentInit } from '@angular/core';
+import { ElementRef, ChangeDetectorRef, SimpleChanges, OnChanges, AfterContentInit, OnDestroy } from '@angular/core';
 import { Orientation } from '../formfield/models/orientation';
 import { ResponsiveFormBreakPoint } from '../common/models/responsive-breakpoints';
 import { Gutters } from '../common/models/gutters';
 import { FormService } from '../common/formservice.service';
 import { LicenseMessage } from '@progress/kendo-licensing';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 /**
  *  Represents the Kendo UI Form component for Angular.
@@ -15,10 +16,11 @@ import * as i0 from "@angular/core";
  * @remarks
  * Supported children components are: {@link FormFieldComponent}, {@link FormSeparatorComponent}, and {@link FormFieldSetComponent}.
  */
-export declare class FormComponent implements AfterContentInit, OnChanges {
+export declare class FormComponent implements AfterContentInit, OnChanges, OnDestroy {
     private element;
     private cdr;
     private formService;
+    private localizationService;
     /**
      * Defines the orientation of the form.
      *
@@ -53,9 +55,11 @@ export declare class FormComponent implements AfterContentInit, OnChanges {
     licenseMessage?: LicenseMessage;
     get formClass(): string;
     get horizontalClass(): boolean;
+    direction: string;
     private _formColumnsNumber;
     private _formGutters;
-    constructor(element: ElementRef, cdr: ChangeDetectorRef, formService: FormService);
+    private subscriptions;
+    constructor(element: ElementRef, cdr: ChangeDetectorRef, formService: FormService, localizationService: LocalizationService);
     ngAfterContentInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     /**
@@ -66,6 +70,7 @@ export declare class FormComponent implements AfterContentInit, OnChanges {
     private applyGutters;
     private updateColumnClasses;
     private updateGutterClasses;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "form[kendoForm]", ["kendoForm"], { "orientation": { "alias": "orientation"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "gutters": { "alias": "gutters"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/formfieldset/formfieldset.component.d.ts

@@ -2,10 +2,11 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { SimpleChanges, ElementRef, Renderer2, OnInit, OnChanges, ChangeDetectorRef } from '@angular/core';
+import { SimpleChanges, ElementRef, Renderer2, OnInit, OnChanges, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { ResponsiveFormBreakPoint } from '../common/models/responsive-breakpoints';
 import { FormService } from '../common/formservice.service';
 import { Gutters } from '../common/models/gutters';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 /**
  *  Represents the Kendo UI FormFieldSet component for Angular.
@@ -13,12 +14,14 @@ import * as i0 from "@angular/core";
  * @remarks
  * Supported children components are: {@link FormFieldComponent} and {@link FormSeparatorComponent}.
  */
-export declare class FormFieldSetComponent implements OnInit, OnChanges {
+export declare class FormFieldSetComponent implements OnInit, OnChanges, OnDestroy {
     private elementRef;
     private renderer;
     private formService;
     private cdr;
+    private localizationService;
     formFieldSetClass: boolean;
+    direction: string;
     /**
      * Defines the legend for the fieldset.
      */
@@ -54,7 +57,7 @@ export declare class FormFieldSetComponent implements OnInit, OnChanges {
     private _previousCols;
     private _previousGutters;
     private subs;
-    constructor(elementRef: ElementRef, renderer: Renderer2, formService: FormService, cdr: ChangeDetectorRef);
+    constructor(elementRef: ElementRef, renderer: Renderer2, formService: FormService, cdr: ChangeDetectorRef, localizationService: LocalizationService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1771935877,
-  "version": "23.2.0-develop.5",
+  "publishDate": 1772025973,
+  "version": "23.2.0-develop.6",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "23.2.0-develop.5",
+  "version": "23.2.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": 1771935877,
+      "publishDate": 1772025973,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -40,20 +40,20 @@
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-drawing": "^1.24.0",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-buttons": "23.2.0-develop.5",
-    "@progress/kendo-angular-common": "23.2.0-develop.5",
-    "@progress/kendo-angular-utils": "23.2.0-develop.5",
-    "@progress/kendo-angular-navigation": "23.2.0-develop.5",
-    "@progress/kendo-angular-dialog": "23.2.0-develop.5",
-    "@progress/kendo-angular-intl": "23.2.0-develop.5",
-    "@progress/kendo-angular-l10n": "23.2.0-develop.5",
-    "@progress/kendo-angular-popup": "23.2.0-develop.5",
-    "@progress/kendo-angular-icons": "23.2.0-develop.5",
+    "@progress/kendo-angular-buttons": "23.2.0-develop.6",
+    "@progress/kendo-angular-common": "23.2.0-develop.6",
+    "@progress/kendo-angular-utils": "23.2.0-develop.6",
+    "@progress/kendo-angular-navigation": "23.2.0-develop.6",
+    "@progress/kendo-angular-dialog": "23.2.0-develop.6",
+    "@progress/kendo-angular-intl": "23.2.0-develop.6",
+    "@progress/kendo-angular-l10n": "23.2.0-develop.6",
+    "@progress/kendo-angular-popup": "23.2.0-develop.6",
+    "@progress/kendo-angular-icons": "23.2.0-develop.6",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.2.0-develop.5",
+    "@progress/kendo-angular-schematics": "23.2.0-develop.6",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.0",
     "@progress/kendo-inputs-common": "^3.1.0"