@progress/kendo-angular-inputs 19.3.0-develop.9 → 19.3.1-develop.1

package/esm2022/rating/rating.component.mjs

@@ -5,7 +5,7 @@
 import { ChangeDetectorRef, Component, ContentChild, ElementRef, EventEmitter, forwardRef, HostBinding, Input, NgZone, Output, Renderer2 } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { isDocumentAvailable, KendoInput, Keys } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, KendoInput, Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { starIcon, starOutlineIcon } from '@progress/kendo-svg-icons';
@@ -335,33 +335,38 @@ export class RatingComponent {
                 this.cdr.markForCheck();
             }
         };
-        if (event.keyCode === Keys.ArrowDown) {
-            decreaseValue();
-        }
-        if (event.keyCode === Keys.ArrowLeft) {
-            if (this.direction === 'ltr') {
+        const code = normalizeNumpadKeys(event);
+        switch (code) {
+            case Keys.ArrowDown:
                 decreaseValue();
-            }
-            else {
-                increaseValue();
-            }
-        }
-        if (event.keyCode === Keys.ArrowUp) {
-            increaseValue();
-        }
-        if (event.keyCode === Keys.ArrowRight) {
-            if (this.direction === 'ltr') {
+                break;
+            case Keys.ArrowLeft:
+                if (this.direction === 'ltr') {
+                    decreaseValue();
+                }
+                else {
+                    increaseValue();
+                }
+                break;
+            case Keys.ArrowUp:
                 increaseValue();
-            }
-            else {
-                decreaseValue();
-            }
-        }
-        if (event.keyCode === Keys.Home) {
-            setMinValue();
-        }
-        if (event.keyCode === Keys.End) {
-            setMaxValue();
+                break;
+            case Keys.ArrowRight:
+                if (this.direction === 'ltr') {
+                    increaseValue();
+                }
+                else {
+                    decreaseValue();
+                }
+                break;
+            case Keys.Home:
+                setMinValue();
+                break;
+            case Keys.End:
+                setMaxValue();
+                break;
+            default:
+                break;
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RatingComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });

package/esm2022/shared/shared-events.directive.mjs

@@ -66,7 +66,7 @@ export class SharedInputEventsDirective {
                 cursorInsideWrapper = false;
             }));
             this.subscriptions.add(this.renderer.listen(hostElement, 'keydown', (args) => {
-                if (args.keyCode === Keys.Tab) {
+                if (args.code === Keys.Tab) {
                     tabbing = true;
                 }
                 else {

package/esm2022/signature/signature.component.mjs

@@ -466,7 +466,7 @@ export class SignatureComponent {
      * @hidden
      */
     onDialogKeydown(e) {
-        if (e.keyCode === Keys.Escape) {
+        if (e.code === Keys.Escape) {
             this.isOpen = false;
             this.cd.detectChanges();
             this.maximizeButton?.nativeElement.focus();

package/esm2022/slider/slider.component.mjs

@@ -13,7 +13,7 @@ import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { areSame, isPresent, requiresZoneOnBlur } from '../common/utils';
 import { eventValue, decreaseValueToStep, increaseValueToStep } from '../sliders-common/sliders-util';
 import { invokeElementMethod } from '../common/dom-utils';
-import { guid, isDocumentAvailable, hasObservers, KendoInput, anyChanged, Keys, EventsOutsideAngularDirective, DraggableDirective, ResizeSensorComponent } from '@progress/kendo-angular-common';
+import { guid, isDocumentAvailable, hasObservers, KendoInput, anyChanged, Keys, EventsOutsideAngularDirective, DraggableDirective, ResizeSensorComponent, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { SliderBase } from '../sliders-common/slider-base';
 import { caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon, caretAltUpIcon } from '@progress/kendo-svg-icons';
 import { SliderTicksComponent } from '../sliders-common/slider-ticks.component';
@@ -219,7 +219,9 @@ export class SliderComponent extends SliderBase {
     onKeyDown = (e) => {
         const options = this.getProps();
         const { max, min } = options;
-        const handler = this.keyBinding[e.keyCode];
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(e);
+        const handler = this.keyBinding[code];
         if (this.isDisabled || !handler) {
             return;
         }
@@ -404,7 +406,7 @@ export class SliderComponent extends SliderBase {
                 cursorInsideWrapper = false;
             }));
             this.subscriptions.add(this.renderer.listen(hostElement, 'keydown', (args) => {
-                if (args.keyCode === Keys.Tab) {
+                if (args.code === Keys.Tab) {
                     tabbing = true;
                 }
                 else {

package/esm2022/switch/switch.component.mjs

@@ -336,8 +336,8 @@ export class SwitchComponent {
      * @hidden
      */
     keyDownHandler(e) {
-        const keyCode = e.keyCode;
-        if (this.isEnabled && (keyCode === Keys.Space || keyCode === Keys.Enter)) {
+        const keyCode = e.code;
+        if (this.isEnabled && (keyCode === Keys.Space || keyCode === Keys.Enter || keyCode === Keys.NumpadEnter)) {
             this.changeValue(!this.checked);
             e.preventDefault();
         }

package/esm2022/text-fields-common/text-fields-base.mjs

@@ -22,7 +22,7 @@ export class TextFieldsBase {
     /**
      * Sets the `title` attribute of the internal textarea input element of the component.
      */
-    title = '';
+    title;
     /**
      * Sets the disabled state of the TextArea component. To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_textarea#toc-managing-the-textarea-disabled-state-in-reactive-forms).
      *

package/esm2022/textarea/models/textarea-settings.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2022/textarea/textarea.component.mjs

@@ -122,6 +122,10 @@ export class TextAreaComponent extends TextFieldsBase {
      * Sets the maximum number of characters allowed in the text area.
      */
     maxlength;
+    /**
+     * @hidden
+     */
+    maxResizableRows;
     /**
      * Sets the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
      * @default 0
@@ -212,6 +216,7 @@ export class TextAreaComponent extends TextFieldsBase {
      */
     valueChange = new EventEmitter();
     initialHeight;
+    maxResizableHeight;
     resizeSubscription;
     _size = 'medium';
     _rounded = 'medium';
@@ -262,6 +267,14 @@ export class TextAreaComponent extends TextFieldsBase {
         this.ngZone.runOutsideAngular(() => {
             this.handleFlow();
         });
+        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+            if (this.prefix) {
+                this.prefix.flow = this.flow;
+            }
+            if (this.suffix) {
+                this.suffix.flow = this.flow;
+            }
+        });
         const stylingInputs = ['size', 'rounded', 'fillMode'];
         stylingInputs.forEach(input => {
             this.handleClasses(this[input], input);
@@ -289,8 +302,14 @@ export class TextAreaComponent extends TextFieldsBase {
         }
         if (changes.resizable) {
             if (this.resizable === 'auto') {
-                this.renderer.removeClass(element, '\!k-overflow-y-auto');
-                this.initialHeight = element.offsetHeight;
+                this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+                    this.renderer.removeClass(element, '\!k-overflow-y-auto');
+                    this.initialHeight = element.offsetHeight;
+                    if (this.maxResizableRows && this.rows) {
+                        const heightValue = parseFloat(getComputedStyle(element).getPropertyValue('height')) - 2 * parseFloat(getComputedStyle(element).getPropertyValue('padding'));
+                        this.maxResizableHeight = this.initialHeight + (heightValue * (this.maxResizableRows - this.rows));
+                    }
+                });
             }
             else if (this.resizable !== 'both') {
                 this.renderer.addClass(element, '\!k-overflow-y-auto');
@@ -454,6 +473,10 @@ export class TextAreaComponent extends TextFieldsBase {
                 const element = this.input.nativeElement;
                 this.renderer.setStyle(element, 'height', `${this.initialHeight}px`);
                 const scrollHeight = element.scrollHeight;
+                if (scrollHeight > this.maxResizableHeight) {
+                    this.renderer.setStyle(element, 'height', `${this.maxResizableHeight}px`);
+                    return;
+                }
                 this.renderer.setStyle(hostElement, 'min-height', `${scrollHeight}px`);
                 if (scrollHeight > this.initialHeight) {
                     this.renderer.setStyle(element, 'height', `${scrollHeight}px`);
@@ -524,7 +547,7 @@ export class TextAreaComponent extends TextFieldsBase {
         setHTMLAttributes(attributesToRender, this.renderer, this.input.nativeElement, this.ngZone);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaComponent, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextAreaComponent, isStandalone: true, selector: "kendo-textarea", inputs: { focusableId: "focusableId", flow: "flow", inputAttributes: "inputAttributes", adornmentsOrientation: "adornmentsOrientation", rows: "rows", cols: "cols", maxlength: "maxlength", tabindex: "tabindex", tabIndex: "tabIndex", resizable: "resizable", size: "size", rounded: "rounded", fillMode: "fillMode", showPrefixSeparator: "showPrefixSeparator", showSuffixSeparator: "showSuffixSeparator" }, outputs: { onFocus: "focus", onBlur: "blur", valueChange: "valueChange" }, host: { properties: { "class.k-textarea": "this.hostClasses", "class.k-input": "this.hostClasses", "class.!k-flex-col": "this.flowCol", "class.!k-flex-row": "this.flowRow" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextAreaComponent, isStandalone: true, selector: "kendo-textarea", inputs: { focusableId: "focusableId", flow: "flow", inputAttributes: "inputAttributes", adornmentsOrientation: "adornmentsOrientation", rows: "rows", cols: "cols", maxlength: "maxlength", maxResizableRows: "maxResizableRows", tabindex: "tabindex", tabIndex: "tabIndex", resizable: "resizable", size: "size", rounded: "rounded", fillMode: "fillMode", showPrefixSeparator: "showPrefixSeparator", showSuffixSeparator: "showSuffixSeparator" }, outputs: { onFocus: "focus", onBlur: "blur", valueChange: "valueChange" }, host: { properties: { "class.k-textarea": "this.hostClasses", "class.k-input": "this.hostClasses", "class.!k-flex-col": "this.flowCol", "class.!k-flex-row": "this.flowRow" } }, providers: [
             LocalizationService,
             { provide: L10N_PREFIX, useValue: 'kendo.textarea' },
             {
@@ -666,6 +689,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], maxlength: [{
                 type: Input
+            }], maxResizableRows: [{
+                type: Input
             }], tabindex: [{
                 type: Input
             }], tabIndex: [{