cps-ui-kit 21.22.0 → 21.24.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cps-ui-kit",
-  "version": "21.22.0",
+  "version": "21.24.0",
   "peerDependencies": {
     "@angular/common": "^21.2.6",
     "@angular/core": "^21.2.6",

package/types/cps-ui-kit.d.ts

@@ -748,6 +748,7 @@ declare class CpsButtonToggleComponent implements ControlValueAccessor, OnInit,
     private _control;
     private document;
     private renderer;
+    private _cdr;
     /**
      * Label of the button toggle component.
      * @group Props
@@ -778,6 +779,12 @@ declare class CpsButtonToggleComponent implements ControlValueAccessor, OnInit,
      * @group Props
      */
     mandatory: boolean;
+    /**
+     * When multiple is false, and mandatory is true, uses native radio group behavior:
+     * arrow-key navigation between options. Has no effect when multiple is true or mandatory is false.
+     * @group Props
+     */
+    radioNavigation: boolean;
     /**
      * Determines whether all buttons should have equal widths.
      * @group Props
@@ -827,8 +834,9 @@ declare class CpsButtonToggleComponent implements ControlValueAccessor, OnInit,
      */
     valueChanged: EventEmitter<any>;
     largestButtonWidthRem: number;
+    readonly groupName: string;
     private readonly _cpsRootFontSizeService;
-    constructor(_control: NgControl, document: Document, renderer: Renderer2);
+    constructor(_control: NgControl, document: Document, renderer: Renderer2, _cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     onChange: (_event: any) => void;
@@ -838,10 +846,11 @@ declare class CpsButtonToggleComponent implements ControlValueAccessor, OnInit,
     registerOnTouched(fn: any): void;
     writeValue(value: any): void;
     updateValueOnClick(val: any): void;
+    onRadioChange(val: any): void;
     private _updateValue;
     private _setEqualWidths;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsButtonToggleComponent, [{ optional: true; self: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsButtonToggleComponent, "cps-button-toggle", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mandatory": { "alias": "mandatory"; "required": false; }; "equalWidths": { "alias": "equalWidths"; "required": false; }; "optionTooltipPosition": { "alias": "optionTooltipPosition"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "_value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsButtonToggleComponent, [{ optional: true; self: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsButtonToggleComponent, "cps-button-toggle", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mandatory": { "alias": "mandatory"; "required": false; }; "radioNavigation": { "alias": "radioNavigation"; "required": false; }; "equalWidths": { "alias": "equalWidths"; "required": false; }; "optionTooltipPosition": { "alias": "optionTooltipPosition"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "_value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }
 
 /**
@@ -2255,6 +2264,11 @@ declare class CpsSchedulerComponent implements OnInit, OnChanges {
      * @group Props
      */
     label: string;
+    /**
+     * Aria label for the component, used for accessibility, it takes precedence over label.
+     * @group Props
+     */
+    ariaLabel: string;
     /**
      * Cron expression value.
      * @group Props
@@ -2414,7 +2428,7 @@ declare class CpsSchedulerComponent implements OnInit, OnChanges {
     private _numToString;
     private _stringToNum;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsSchedulerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsSchedulerComponent, "cps-scheduler", never, { "label": { "alias": "label"; "required": false; }; "cron": { "alias": "cron"; "required": false; }; "timeZone": { "alias": "timeZone"; "required": false; }; "showNotSet": { "alias": "showNotSet"; "required": false; }; "showAdvanced": { "alias": "showAdvanced"; "required": false; }; "showMinutes": { "alias": "showMinutes"; "required": false; }; "showTimeZone": { "alias": "showTimeZone"; "required": false; }; "defaultTime": { "alias": "defaultTime"; "required": false; }; "use24HourTime": { "alias": "use24HourTime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; }, { "cronChange": "cronChange"; "timeZoneChange": "timeZoneChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsSchedulerComponent, "cps-scheduler", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "cron": { "alias": "cron"; "required": false; }; "timeZone": { "alias": "timeZone"; "required": false; }; "showNotSet": { "alias": "showNotSet"; "required": false; }; "showAdvanced": { "alias": "showAdvanced"; "required": false; }; "showMinutes": { "alias": "showMinutes"; "required": false; }; "showTimeZone": { "alias": "showTimeZone"; "required": false; }; "defaultTime": { "alias": "defaultTime"; "required": false; }; "use24HourTime": { "alias": "use24HourTime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; }, { "cronChange": "cronChange"; "timeZoneChange": "timeZoneChange"; }, never, never, true, never>;
 }
 
 /**
@@ -4090,7 +4104,7 @@ declare class CpsTagComponent implements ControlValueAccessor, OnChanges {
  * CpsTextareaComponent is a textarea component.
  * @group Components
  */
-declare class CpsTextareaComponent implements ControlValueAccessor, OnInit, OnDestroy {
+declare class CpsTextareaComponent implements ControlValueAccessor, OnInit, OnChanges, OnDestroy, AfterViewInit {
     private _control;
     private _elementRef;
     /**
@@ -4098,6 +4112,11 @@ declare class CpsTextareaComponent implements ControlValueAccessor, OnInit, OnDe
      * @group Props
      */
     label: string;
+    /**
+     * Aria label for the textarea component, used for accessibility, it takes precedence over label.
+     * @group Props
+     */
+    ariaLabel: string;
     /**
      * Placeholder text for the textarea.
      * @group Props
@@ -4118,6 +4137,16 @@ declare class CpsTextareaComponent implements ControlValueAccessor, OnInit, OnDe
      * @group Props
      */
     autofocus: boolean;
+    /**
+     * Determines whether the value of the textarea may be checked for spelling errors.
+     * @group Props
+     */
+    spellcheck: boolean;
+    /**
+     * Determines whether the value of the textarea can be automatically completed by the browser.
+     * @group Props
+     */
+    autocomplete: string;
     /**
      * Bottom hint text for the textarea.
      * @group Props
@@ -4128,6 +4157,11 @@ declare class CpsTextareaComponent implements ControlValueAccessor, OnInit, OnDe
      * @group Props
      */
     disabled: boolean;
+    /**
+     * Determines whether the textarea is readonly.
+     * @group Props
+     */
+    readonly: boolean;
     /**
      * Width of the textarea, it can be of type number denoting pixels or string.
      * @group Props
@@ -4158,6 +4192,12 @@ declare class CpsTextareaComponent implements ControlValueAccessor, OnInit, OnDe
      * @group Props
      */
     resizable: 'vertical' | 'none';
+    /**
+     * Maximum height of the textarea during resize, of type number denoting pixels or string.
+     * Accepts only units of px, rem and em. When resizable is set to 'none', this prop has no effect.
+     * @group Props
+     */
+    maxHeight: number | string;
     /**
      * When it is not an empty string, an info icon is displayed to show text for more info.
      * @group Props
@@ -4214,13 +4254,28 @@ declare class CpsTextareaComponent implements ControlValueAccessor, OnInit, OnDe
      * @group Emits
      */
     blurred: EventEmitter<any>;
+    private _textareaEl?;
     private _statusChangesSubscription?;
     private _value;
+    readonly hintId: string;
+    readonly errorId: string;
+    get describedBy(): string | null;
     cvtWidth: string;
+    maxHeightPx: number | null;
+    isKeyboardFocused: boolean;
+    private _singleRowHeightPx;
+    private _mouseActivated;
+    private readonly _cpsRootFontSizeService;
+    private readonly _platformId;
+    private readonly _resizeStepPx;
     constructor(_control: NgControl, _elementRef: ElementRef<HTMLElement>);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    private _updateMaxHeight;
     private _checkErrors;
+    get isRequired(): boolean;
     onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
@@ -4229,12 +4284,16 @@ declare class CpsTextareaComponent implements ControlValueAccessor, OnInit, OnDe
     updateValueEvent(event: any): void;
     private _updateValue;
     clear(): void;
+    onClear(event: Event): void;
+    get isClearButtonVisible(): boolean;
     setDisabledState(_disabled: boolean): void;
     onBlur(): void;
     onFocus(): void;
+    onTextareaMousedown(): void;
     focus(): void;
+    onResizeHandleKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTextareaComponent, [{ optional: true; self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTextareaComponent, "cps-textarea", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "error": { "alias": "error"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "focused": "focused"; "prefixIconClicked": "prefixIconClicked"; "blurred": "blurred"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTextareaComponent, "cps-textarea", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "width": { "alias": "width"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "error": { "alias": "error"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "focused": "focused"; "prefixIconClicked": "prefixIconClicked"; "blurred": "blurred"; }, never, never, true, never>;
 }
 
 /**