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

package/form/utils.d.ts

@@ -4,6 +4,14 @@
 *-------------------------------------------------------------------------------------------*/
 import { Gutters } from '../common/models/gutters';
 import { ResponsiveFormBreakPoint } from '../common/models/responsive-breakpoints';
+/**
+ * @hidden
+ */
+export declare const DEFAULT_FORM_GUTTERS: Gutters;
+/**
+ * @hidden
+ */
+export declare const DEFAULT_FORMFIELDSET_GUTTERS: Gutters;
 /**
  * @hidden
  */
@@ -11,7 +19,7 @@ export declare function innerWidth(element: HTMLElement): number;
 /**
  * @hidden
  */
-export declare function processBreakpoints(breakpoints: ResponsiveFormBreakPoint[], containerWidth: number): number | null;
+export declare function processBreakpoints(breakpoints: ResponsiveFormBreakPoint[], containerWidth: number): number | string;
 /**
  * @hidden
  */
@@ -21,16 +29,16 @@ export declare const calculateColumns: (cols: number | ResponsiveFormBreakPoint[
  *
  * Calculates gutters for rows and columns based on responsive breakpoints or fixed values
  */
-export declare const calculateGutters: (gutters: number | ResponsiveFormBreakPoint[] | Gutters | undefined, containerWidth: number) => {
-    cols: number;
-    rows: number;
+export declare const calculateGutters: (gutters: number | string | ResponsiveFormBreakPoint[] | Gutters | undefined, containerWidth: number) => {
+    cols: number | string;
+    rows: number | string;
 } | null;
 /**
  * @hidden
  *
  * Calculates column span value based on responsive breakpoints or fixed number
  */
-export declare const calculateColSpan: (colSpan: number | ResponsiveFormBreakPoint[] | undefined, containerWidth: number) => number | null;
+export declare const calculateColSpan: (colSpan: number | ResponsiveFormBreakPoint[], containerWidth: number) => number | null;
 /**
  * @hidden
  *
@@ -40,15 +48,12 @@ export declare const generateColumnClass: (columnsNumber: number | null) => stri
 /**
  * @hidden
  *
- * Generates CSS class names for gutters
- */
-export declare const generateGutterClasses: (gutters: {
-    cols: number;
-    rows: number;
-} | null) => {
-    rows: string;
-    cols: string;
-};
+ * Generates CSS styles for gutters based on the provided gutters object.
+ */
+export declare const generateGuttersStyling: (gutters: {
+    cols?: number | string;
+    rows?: number | string;
+} | null, defaultGutters?: Gutters) => string;
 /**
  * @hidden
  *

package/formfieldset/formfieldset.component.d.ts

@@ -24,7 +24,7 @@ export declare class FormFieldSetComponent implements OnInit, OnChanges {
      */
     legend: string;
     /**
-     * Defines the number of columns the fieldset.
+     * Defines the number of columns of the fieldset.
      * Can be a number or an array of responsive breakpoints.
      */
     cols: number | ResponsiveFormBreakPoint[];
@@ -32,7 +32,7 @@ export declare class FormFieldSetComponent implements OnInit, OnChanges {
      * Defines the gutters for the fieldset.
      * You can specify gutters for rows and columns.
      */
-    gutters: number | ResponsiveFormBreakPoint[] | Gutters;
+    gutters: number | string | ResponsiveFormBreakPoint[] | Gutters;
     /**
      * Defines the colspan for the fieldset related to the parent Form component columns.
      * Can be a number or an array of responsive breakpoints.
@@ -45,11 +45,7 @@ export declare class FormFieldSetComponent implements OnInit, OnChanges {
     /**
      * @hidden
      */
-    rowsGutterClass: string;
-    /**
-     * @hidden
-     */
-    colsGutterClass: string;
+    guttersStyle: string;
     private _formColumnsNumber;
     private _colSpanClass;
     private _formWidth;

package/index.d.ts

@@ -59,12 +59,14 @@ export { Gutters } from './common/models/gutters';
 export { TextBoxComponent } from './textbox/textbox.component';
 export { TextBoxPrefixTemplateDirective } from './textbox/textbox-prefix.directive';
 export { TextBoxSuffixTemplateDirective } from './textbox/textbox-suffix.directive';
+export { IconShowOptions } from './textbox/models/icon-show-options';
 export { CheckBoxComponent } from './checkbox/checkbox.component';
 export { CheckBoxState } from './checkbox/checked-state';
 export { RadioButtonComponent } from './radiobutton/radiobutton.component';
 export { TextAreaComponent } from './textarea/textarea.component';
 export { TextAreaFlow } from './textarea/models/flow';
 export { TextAreaResize } from './textarea/models/resize';
+export { TextAreaSettings } from './textarea/models/textarea-settings';
 export { TextAreaPrefixComponent } from './textarea/textarea-prefix.component';
 export { TextAreaSuffixComponent } from './textarea/textarea-suffix.component';
 export { TextAreaAdornmentsOrientation } from './textarea/models/adornments-orientation';

package/numerictextbox/numerictextbox.component.d.ts

@@ -336,7 +336,7 @@ export declare class NumericTextBoxComponent implements ControlValueAccessor, On
     /**
      * @hidden
      */
-    handleKeyDown: (e: any) => void;
+    handleKeyDown: (e: KeyboardEvent) => void;
     /**
      * @hidden
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "19.3.0-develop.9",
+  "version": "19.3.0",
   "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": 1752672139,
+      "publishDate": 1755030422,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -39,21 +39,21 @@
     "@angular/forms": "16 - 20",
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-drawing": "^1.21.0",
-    "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-buttons": "19.3.0-develop.9",
-    "@progress/kendo-angular-common": "19.3.0-develop.9",
-    "@progress/kendo-angular-utils": "19.3.0-develop.9",
-    "@progress/kendo-angular-navigation": "19.3.0-develop.9",
-    "@progress/kendo-angular-dialog": "19.3.0-develop.9",
-    "@progress/kendo-angular-intl": "19.3.0-develop.9",
-    "@progress/kendo-angular-l10n": "19.3.0-develop.9",
-    "@progress/kendo-angular-popup": "19.3.0-develop.9",
-    "@progress/kendo-angular-icons": "19.3.0-develop.9",
+    "@progress/kendo-licensing": "^1.7.0",
+    "@progress/kendo-angular-buttons": "19.3.0",
+    "@progress/kendo-angular-common": "19.3.0",
+    "@progress/kendo-angular-utils": "19.3.0",
+    "@progress/kendo-angular-navigation": "19.3.0",
+    "@progress/kendo-angular-dialog": "19.3.0",
+    "@progress/kendo-angular-intl": "19.3.0",
+    "@progress/kendo-angular-l10n": "19.3.0",
+    "@progress/kendo-angular-popup": "19.3.0",
+    "@progress/kendo-angular-icons": "19.3.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.3.0-develop.9",
+    "@progress/kendo-angular-schematics": "19.3.0",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.0",
     "@progress/kendo-inputs-common": "^3.1.0"

package/rangeslider/rangeslider.component.d.ts

@@ -88,7 +88,7 @@ export declare class RangeSliderComponent extends SliderBase implements AfterVie
     /**
      * @hidden
      */
-    onKeyDown: (e: any) => void;
+    onKeyDown: (e: KeyboardEvent) => void;
     /**
      * @hidden
      */

package/slider/slider.component.d.ts

@@ -129,7 +129,7 @@ export declare class SliderComponent extends SliderBase implements AfterViewInit
     /**
      * @hidden
      */
-    onKeyDown: (e: any) => void;
+    onKeyDown: (e: KeyboardEvent) => void;
     /**
      * @hidden
      */

package/text-fields-common/text-fields-base.d.ts

@@ -20,7 +20,7 @@ export declare abstract class TextFieldsBase {
     /**
      * Sets the `title` attribute of the internal textarea input element of the component.
      */
-    title: string;
+    title: string | undefined;
     /**
      * 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/textarea/models/textarea-settings.d.ts

@@ -0,0 +1,101 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { InputFillMode, InputRounded, InputSize } from "../../common/models";
+import { TextAreaAdornmentsOrientation } from "./adornments-orientation";
+import { TextAreaFlow } from "./flow";
+import { TextAreaResize } from "./resize";
+/**
+ * Defines the settings interface for the text area functionality used in components that integrate the TextArea component, such as the AIPrompt ([see example](slug:configuration_aiprompt#configuring-the-prompt-text-area)).
+ *
+ * @example
+ * ```typescript
+ * const textareaSettings: TextAreaSettings = {
+ *   rows: 5,
+ *   placeholder: 'Enter your prompt here',
+ *   maxlength: 1000,
+ *   resizable: 'vertical'
+ * };
+ * ```
+ */
+export interface TextAreaSettings {
+    /**
+     * Specifies the orientation of the TextArea adornments.
+     */
+    adornmentsOrientation?: TextAreaAdornmentsOrientation;
+    /**
+     * Sets the visible width of the text area in average character width.
+     */
+    cols?: number;
+    /**
+     * Sets the disabled state of the TextArea component.
+     */
+    disabled?: boolean;
+    /**
+     * Sets the background and border styles of the TextArea.
+     */
+    fillMode?: InputFillMode;
+    /**
+     * Specifies the flow direction of the TextArea sections.
+     */
+    flow?: TextAreaFlow;
+    /**
+     * Sets the HTML attributes of the inner focusable input element.
+     */
+    inputAttributes?: {
+        [key: string]: string;
+    };
+    /**
+     * Sets the maximum number of characters allowed in the TextArea.
+     */
+    maxlength?: number;
+    /**
+     * The hint that appears when the Textarea is empty.
+     */
+    placeholder?: string;
+    /**
+     * Sets the read-only state of the TextArea component.
+     */
+    readonly?: boolean;
+    /**
+     * Sets the resize behavior of the TextArea.
+     */
+    resizable?: TextAreaResize;
+    /**
+     * Sets the border radius of the TextArea.
+     */
+    rounded?: InputRounded;
+    /**
+     * Sets the visible height of the TextArea in lines.
+     */
+    rows?: number;
+    /**
+     * Determines whether the component selects the whole value when you click the TextArea.
+     */
+    selectOnFocus?: boolean;
+    /**
+     * Shows the prefix separator in the TextArea.
+     */
+    showPrefixSeparator?: boolean;
+    /**
+     * Shows the suffix separator in the TextArea.
+     */
+    showSuffixSeparator?: boolean;
+    /**
+     * Sets the size of the TextArea. Controls the padding of the text area element.
+     */
+    size?: InputSize;
+    /**
+     * Sets the tabindex of the component.
+     */
+    tabindex?: number;
+    /**
+     * Sets the title attribute of the internal TextArea input element of the component.
+     */
+    title?: string;
+    /**
+     * Provides a value for the TextArea component.
+     */
+    value?: string;
+}

package/textarea/textarea.component.d.ts

@@ -74,6 +74,10 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
      * Sets the maximum number of characters allowed in the text area.
      */
     maxlength: number;
+    /**
+     * @hidden
+     */
+    maxResizableRows: number;
     /**
      * Sets the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
      * @default 0
@@ -142,6 +146,7 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
      */
     valueChange: EventEmitter<any>;
     private initialHeight;
+    private maxResizableHeight;
     private resizeSubscription;
     private _size;
     private _rounded;
@@ -233,5 +238,5 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
     private handleFlow;
     private setInputAttributes;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "kendo-textarea", ["kendoTextArea"], { "focusableId": { "alias": "focusableId"; "required": false; }; "flow": { "alias": "flow"; "required": false; }; "inputAttributes": { "alias": "inputAttributes"; "required": false; }; "adornmentsOrientation": { "alias": "adornmentsOrientation"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "showPrefixSeparator": { "alias": "showPrefixSeparator"; "required": false; }; "showSuffixSeparator": { "alias": "showSuffixSeparator"; "required": false; }; }, { "onFocus": "focus"; "onBlur": "blur"; "valueChange": "valueChange"; }, ["prefix", "suffix"], ["kendo-textarea-prefix", "kendo-textarea-suffix"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "kendo-textarea", ["kendoTextArea"], { "focusableId": { "alias": "focusableId"; "required": false; }; "flow": { "alias": "flow"; "required": false; }; "inputAttributes": { "alias": "inputAttributes"; "required": false; }; "adornmentsOrientation": { "alias": "adornmentsOrientation"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "maxResizableRows": { "alias": "maxResizableRows"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "showPrefixSeparator": { "alias": "showPrefixSeparator"; "required": false; }; "showSuffixSeparator": { "alias": "showSuffixSeparator"; "required": false; }; }, { "onFocus": "focus"; "onBlur": "blur"; "valueChange": "valueChange"; }, ["prefix", "suffix"], ["kendo-textarea-prefix", "kendo-textarea-suffix"], true, never>;
 }