cps-ui-kit 21.23.0 → 21.25.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cps-ui-kit",
-  "version": "21.23.0",
+  "version": "21.25.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>;
 }
 
 /**
@@ -870,6 +879,11 @@ declare class CpsButtonComponent implements OnInit, OnChanges {
      * @group Props
      */
     type: 'solid' | 'outlined' | 'borderless';
+    /**
+     * Native HTML button type attribute, it can be 'button', 'submit' or 'reset'.
+     * @group Props
+     */
+    nativeType: 'button' | 'submit' | 'reset';
     /**
      * Label or text on the button.
      * @group Props
@@ -931,14 +945,14 @@ declare class CpsButtonComponent implements OnInit, OnChanges {
     enterActive: boolean;
     constructor(document: Document);
     ngOnInit(): void;
-    ngOnChanges(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     setClasses(): void;
     onClick(event: Event): void;
     onEnterKeydown(): void;
     onEnterKeyup(): void;
     onBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsButtonComponent, "cps-button", never, { "color": { "alias": "color"; "required": false; }; "contentColor": { "alias": "contentColor"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "size": { "alias": "size"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsButtonComponent, "cps-button", never, { "color": { "alias": "color"; "required": false; }; "contentColor": { "alias": "contentColor"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "type": { "alias": "type"; "required": false; }; "nativeType": { "alias": "nativeType"; "required": false; }; "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "size": { "alias": "size"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 /**
@@ -2255,6 +2269,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 +2433,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>;
 }
 
 /**