cps-ui-kit 21.19.0 → 21.21.0

package/package.json

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

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

@@ -646,6 +646,7 @@ declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit,
     cvtWidth: string;
     isOpened: boolean;
     isActive: boolean;
+    isKeyboardFocused: boolean;
     inputText: string;
     inputTextDebounced: string;
     filteredOptions: any[];
@@ -664,6 +665,7 @@ declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit,
     private readonly _cpsRootFontSizeService;
     private _inputChangeSubject$;
     private _destroy$;
+    private _mouseActivated;
     private _options;
     private _optionIds;
     constructor(_control: NgControl, cdRef: ChangeDetectorRef, _labelByValue: LabelByValuePipe);
@@ -685,7 +687,7 @@ declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit,
     onBlur(): void;
     onFocus(): void;
     onBeforeOptionsHidden(reason: CpsMenuHideReason): void;
-    onBoxClick(): void;
+    onBoxClick(fromKeyboard?: boolean): void;
     onContainerKeyDown(event: any): void;
     onInputKeyDown(event: any): void;
     onChevronClick(event: any): void;
@@ -844,7 +846,7 @@ declare class CpsButtonToggleComponent implements ControlValueAccessor, OnInit,
  * CpsButtonComponent is a button element.
  * @group Components
  */
-declare class CpsButtonComponent implements OnChanges {
+declare class CpsButtonComponent implements OnInit, OnChanges {
     private document;
     /**
      * Color of the button.
@@ -926,6 +928,7 @@ declare class CpsButtonComponent implements OnChanges {
     classesList: string[];
     enterActive: boolean;
     constructor(document: Document);
+    ngOnInit(): void;
     ngOnChanges(): void;
     setClasses(): void;
     onClick(event: Event): void;
@@ -2062,13 +2065,18 @@ interface CpsTime {
  * CpsTimepickerComponent allows to pick a specific time from a set of available options or input it manually.
  * @group Components
  */
-declare class CpsTimepickerComponent implements OnInit, AfterViewInit, OnDestroy {
+declare class CpsTimepickerComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {
     private _control;
     /**
      * Label of the timepicker.
      * @group Props
      */
     label: string;
+    /**
+     * Aria label for the timepicker component, used for accessibility, it takes precedence over label.
+     * @group Props
+     */
+    ariaLabel: string;
     /**
      * Determines whether the timepicker is disabled.
      * @group Props
@@ -2173,6 +2181,7 @@ declare class CpsTimepickerComponent implements OnInit, AfterViewInit, OnDestroy
     constructor(_control: NgControl);
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    ngOnChanges(): void;
     ngOnDestroy(): void;
     onChange: (_event: any) => void;
     onTouched: () => void;
@@ -2196,7 +2205,7 @@ declare class CpsTimepickerComponent implements OnInit, AfterViewInit, OnDestroy
     private _updateValue;
     private _getRange;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTimepickerComponent, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTimepickerComponent, "cps-timepicker", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "use24HourTime": { "alias": "use24HourTime"; "required": false; }; "withSeconds": { "alias": "withSeconds"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "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; }; "mandatoryValue": { "alias": "mandatoryValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTimepickerComponent, "cps-timepicker", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "use24HourTime": { "alias": "use24HourTime"; "required": false; }; "withSeconds": { "alias": "withSeconds"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "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; }; "mandatoryValue": { "alias": "mandatoryValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
 }
 
 /**
@@ -2782,7 +2791,7 @@ declare class CpsSwitchComponent implements ControlValueAccessor {
  * CpsTabComponent is a tab within a tab-group.
  * @group Components
  */
-declare class CpsTabComponent implements OnChanges {
+declare class CpsTabComponent implements OnInit, OnChanges {
     /**
      * Label of the tab.
      * @group Props
@@ -2835,6 +2844,7 @@ declare class CpsTabComponent implements OnChanges {
     badgeTooltip: string;
     content: TemplateRef<any>;
     active: boolean;
+    ngOnInit(): void;
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTabComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsTabComponent, "cps-tab", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "tooltipContentClass": { "alias": "tooltipContentClass"; "required": false; }; "tooltipMaxWidth": { "alias": "tooltipMaxWidth"; "required": false; }; "tooltipPersistent": { "alias": "tooltipPersistent"; "required": false; }; "badgeValue": { "alias": "badgeValue"; "required": false; }; "badgeTooltip": { "alias": "badgeTooltip"; "required": false; }; }, {}, never, ["*"], true, never>;