cps-ui-kit 21.17.0 → 21.19.0

package/package.json

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

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnChanges, InjectionToken, PipeTransform, OnInit, OnDestroy, AfterViewInit, ElementRef, Renderer2, ChangeDetectorRef, EventEmitter, NgZone, SimpleChanges, QueryList, TemplateRef, AfterContentInit, AfterViewChecked, ComponentRef, ViewContainerRef, Type, ApplicationRef, EnvironmentInjector, Injector, Signal } from '@angular/core';
+import { OnChanges, InjectionToken, PipeTransform, OnDestroy, AfterViewInit, ElementRef, Renderer2, ChangeDetectorRef, EventEmitter, NgZone, SimpleChanges, OnInit, QueryList, TemplateRef, AfterContentInit, AfterViewChecked, ComponentRef, ViewContainerRef, Type, ApplicationRef, EnvironmentInjector, Injector, Signal } from '@angular/core';
 import { ControlValueAccessor, NgControl, FormGroup } from '@angular/forms';
 import { AnimationEvent, AnimationBuilder } from '@angular/animations';
 import { OverlayService, SortEvent, FilterMetadata, SelectItem, TreeNode } from 'primeng/api';
@@ -80,7 +80,7 @@ type CpsTooltipOpenOn = 'hover' | 'click' | 'focus';
  * CpsTooltipDirective provides advisory information for a target element.
  * @group Components
  */
-declare class CpsTooltipDirective implements OnInit, OnDestroy {
+declare class CpsTooltipDirective implements OnDestroy {
     /**
      * Tooltip text or html to show.
      * @group Props
@@ -145,14 +145,14 @@ declare class CpsTooltipDirective implements OnInit, OnDestroy {
     private _showTimeout?;
     private _hideTimeout?;
     private _ariaTarget?;
-    private _rootFontSizePx;
     private window;
+    private readonly _cpsRootFontSizeService;
+    private get _rootFontSizePx();
     private _elementRef;
     private _document;
     private _platformId;
     private _domSanitizer;
     constructor();
-    ngOnInit(): void;
     ngOnDestroy(): void;
     onMouseEnter(): void;
     onMouseLeave(): void;
@@ -387,8 +387,6 @@ type CpsAutocompleteAppearanceType = 'outlined' | 'underlined' | 'borderless';
  */
 declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit, OnChanges, AfterViewInit, OnDestroy {
     private _control;
-    private document;
-    private platformId;
     private cdRef;
     private _labelByValue;
     /**
@@ -654,20 +652,21 @@ declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit,
     backspaceClickedOnce: boolean;
     activeSingle: boolean;
     optionHighlightedIndex: number;
-    virtualScrollItemSizePx: number;
+    isArrowNavigating: boolean;
+    readonly virtualScrollItemSizePx: i0.Signal<number>;
     virtualListHeightRem: number;
-    autocompleteBoxWidthRem: number;
+    autocompleteBoxWidthPx: number;
     resizeObserver: ResizeObserver;
     isTimePickerField: boolean;
     readonly optionsListId: string;
     readonly selectAllOptionId: string;
     private readonly _optionIdPrefix;
-    private _rootFontSizePx;
+    private readonly _cpsRootFontSizeService;
     private _inputChangeSubject$;
     private _destroy$;
     private _options;
     private _optionIds;
-    constructor(_control: NgControl, document: Document, platformId: object, cdRef: ChangeDetectorRef, _labelByValue: LabelByValuePipe);
+    constructor(_control: NgControl, cdRef: ChangeDetectorRef, _labelByValue: LabelByValuePipe);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -693,7 +692,7 @@ declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit,
     focusInput(): void;
     focus(): void;
     recalcVirtualListHeight(): void;
-    isEmptyValue(): boolean;
+    hasSelectedValue(): boolean;
     clearInput(): void;
     get isRequired(): boolean;
     get computedLabel(): string | null;
@@ -711,6 +710,7 @@ declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit,
     private _getValueLabel;
     private _closeAndClear;
     private _dehighlightOption;
+    private _syncHighlightToValue;
     private _getHighlightedOptionId;
     private _highlightOption;
     private _navigateOptionsByArrows;
@@ -720,8 +720,7 @@ declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit,
     private _scrollVirtualListToIndex;
     private _confirmInput;
     private _removeLastValue;
-    private _pxToRem;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsAutocompleteComponent, [{ optional: true; self: true; }, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsAutocompleteComponent, [{ optional: true; self: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsAutocompleteComponent, "cps-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "returnObject": { "alias": "returnObject"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "showChevron": { "alias": "showChevron"; "required": false; }; "withOptionsAliases": { "alias": "withOptionsAliases"; "required": false; }; "useOptionsAliasesWhenNoMatch": { "alias": "useOptionsAliasesWhenNoMatch"; "required": false; }; "optionAlias": { "alias": "optionAlias"; "required": false; }; "chips": { "alias": "chips"; "required": false; }; "closableChips": { "alias": "closableChips"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "openOnClear": { "alias": "openOnClear"; "required": false; }; "keepInitialOrder": { "alias": "keepInitialOrder"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionInfo": { "alias": "optionInfo"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefixIconSize": { "alias": "prefixIconSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingMessage": { "alias": "loadingMessage"; "required": false; }; "showLoadingMessage": { "alias": "showLoadingMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; }; "externalError": { "alias": "externalError"; "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; }; "appearance": { "alias": "appearance"; "required": false; }; "emptyOptionIndex": { "alias": "emptyOptionIndex"; "required": false; }; "inputChangeDebounceTime": { "alias": "inputChangeDebounceTime"; "required": false; }; "validating": { "alias": "validating"; "required": false; }; "_value": { "alias": "value"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "valueChanged": "valueChanged"; "inputChanged": "inputChanged"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
 }
 
@@ -744,9 +743,7 @@ type CpsButtonToggleOption = {
 declare class CpsButtonToggleComponent implements ControlValueAccessor, OnInit, OnChanges {
     private _control;
     private document;
-    private platformId;
     private renderer;
-    private cdr;
     /**
      * Label of the button toggle component.
      * @group Props
@@ -826,8 +823,8 @@ declare class CpsButtonToggleComponent implements ControlValueAccessor, OnInit,
      */
     valueChanged: EventEmitter<any>;
     largestButtonWidthRem: number;
-    private _rootFontSizePx;
-    constructor(_control: NgControl, document: Document, platformId: object, renderer: Renderer2, cdr: ChangeDetectorRef);
+    private readonly _cpsRootFontSizeService;
+    constructor(_control: NgControl, document: Document, renderer: Renderer2);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     onChange: (_event: any) => void;
@@ -839,8 +836,7 @@ declare class CpsButtonToggleComponent implements ControlValueAccessor, OnInit,
     updateValueOnClick(val: any): void;
     private _updateValue;
     private _setEqualWidths;
-    private _pxToRem;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsButtonToggleComponent, [{ optional: true; self: true; }, null, null, null, null]>;
+    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>;
 }
 
@@ -930,7 +926,7 @@ declare class CpsButtonComponent implements OnChanges {
     classesList: string[];
     enterActive: boolean;
     constructor(document: Document);
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(): void;
     setClasses(): void;
     onClick(event: Event): void;
     onEnterKeydown(): void;
@@ -1014,7 +1010,7 @@ declare class CpsCheckboxComponent implements OnInit, OnChanges, ControlValueAcc
     private _value;
     constructor(_control: NgControl, document: Document, _elementRef: ElementRef<HTMLElement>);
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(): void;
     onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
@@ -2014,7 +2010,7 @@ declare class CpsRadioGroupComponent implements ControlValueAccessor, OnInit, On
     error: string;
     constructor(_control: NgControl);
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(): void;
     ngOnDestroy(): void;
     onChange: (_event: any) => void;
     onTouched: () => void;
@@ -2384,13 +2380,18 @@ type CpsSelectAppearanceType = 'outlined' | 'underlined' | 'borderless';
  * CpsSelectComponent is used to select items from a collection.
  * @group Components
  */
-declare class CpsSelectComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
+declare class CpsSelectComponent implements ControlValueAccessor, OnInit, OnChanges, AfterViewInit, OnDestroy {
     private _control;
     /**
      * Label of the select component.
      * @group Props
      */
     label: string;
+    /**
+     * Aria label for the select component, used for accessibility, it takes precedence over label.
+     * @group Props
+     */
+    ariaLabel: string;
     /**
      * Placeholder text for the select component.
      * @group Props
@@ -2590,27 +2591,36 @@ declare class CpsSelectComponent implements ControlValueAccessor, OnInit, AfterV
     error: string;
     cvtWidth: string;
     isOpened: boolean;
+    isActive: boolean;
     optionHighlightedIndex: number;
-    virtualListHeight: number;
-    virtualScrollItemSize: number;
-    selectBoxWidth: number;
+    isArrowNavigating: boolean;
+    readonly virtualScrollItemSizePx: i0.Signal<number>;
+    virtualListHeightRem: number;
+    selectBoxWidthPx: number;
     resizeObserver: ResizeObserver;
+    private readonly _cpsRootFontSizeService;
+    readonly optionsListId: string;
+    readonly selectAllOptionId: string;
+    private readonly _optionIdPrefix;
+    private _optionIds;
     constructor(_control: NgControl);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private _toggleOptions;
-    private _recalcVirtualListHeight;
+    recalcVirtualListHeight(): void;
     select(option: any, byValue: boolean): void;
     onOptionClick(option: any): void;
     private _clickOption;
-    private _getHTMLOptions;
     private _dehighlightOption;
+    private _syncHighlightToValue;
     private _highlightOption;
     private _navigateOptionsByArrows;
-    onBeforeOptionsHidden(): void;
+    onBeforeOptionsHidden(reason: CpsMenuHideReason): void;
     onBoxClick(): void;
-    onKeyDown(event: any): void;
+    onChevronClick(event: any): void;
+    onContainerKeyDown(event: any): void;
     toggleAll(): void;
     private _checkErrors;
     onChange: (_event: any) => void;
@@ -2624,9 +2634,21 @@ declare class CpsSelectComponent implements ControlValueAccessor, OnInit, AfterV
     onBlur(): void;
     onFocus(): void;
     focus(): void;
-    isEmptyValue(): boolean;
+    get isRequired(): boolean;
+    get computedLabel(): string | null;
+    get isSelectAllVisible(): boolean;
+    get optionsAriaSetSize(): number;
+    get activeDescendantId(): string | null;
+    getOptionAriaPosInSet(itemIndex: number): number;
+    getOptionId(option: any, index: number): string;
+    private _buildOptionId;
+    private _getHighlightedOptionId;
+    hasSelectedValue(): boolean;
+    private _navigateVirtualOptionsByArrows;
+    private _nextHighlightIndex;
+    private _scrollVirtualListToIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsSelectComponent, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsSelectComponent, "cps-select", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "returnObject": { "alias": "returnObject"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "chips": { "alias": "chips"; "required": false; }; "closableChips": { "alias": "closableChips"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "openOnClear": { "alias": "openOnClear"; "required": false; }; "options": { "alias": "options"; "required": false; }; "keepInitialOrder": { "alias": "keepInitialOrder"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionInfo": { "alias": "optionInfo"; "required": false; }; "optionIcon": { "alias": "optionIcon"; "required": false; }; "optionIconColor": { "alias": "optionIconColor"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefixIconSize": { "alias": "prefixIconSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "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; }; "optionsClass": { "alias": "optionsClass"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "showChevron": { "alias": "showChevron"; "required": false; }; "_value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsSelectComponent, "cps-select", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "returnObject": { "alias": "returnObject"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "chips": { "alias": "chips"; "required": false; }; "closableChips": { "alias": "closableChips"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "openOnClear": { "alias": "openOnClear"; "required": false; }; "options": { "alias": "options"; "required": false; }; "keepInitialOrder": { "alias": "keepInitialOrder"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionInfo": { "alias": "optionInfo"; "required": false; }; "optionIcon": { "alias": "optionIcon"; "required": false; }; "optionIconColor": { "alias": "optionIconColor"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefixIconSize": { "alias": "prefixIconSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "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; }; "optionsClass": { "alias": "optionsClass"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "showChevron": { "alias": "showChevron"; "required": false; }; "_value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
 }
 
 /**
@@ -2813,7 +2835,7 @@ declare class CpsTabComponent implements OnChanges {
     badgeTooltip: string;
     content: TemplateRef<any>;
     active: boolean;
-    ngOnChanges(changes: SimpleChanges): 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>;
 }
@@ -5506,9 +5528,10 @@ declare class CpsDialogComponent implements OnInit, AfterViewInit, OnDestroy {
     _resizeStarted: EventEmitter<KeyboardEvent | MouseEvent>;
     _resizeEnded: EventEmitter<KeyboardEvent | MouseEvent>;
     _maximizedStateChanged: EventEmitter<boolean>;
-    private _rootFontSizePx;
     private _openedByKeyboard;
     private readonly _cpsFocusService;
+    private readonly _cpsRootFontSizeService;
+    private get _rootFontSizePx();
     get ariaLabel(): string | null;
     get cvtWidth(): string;
     get cvtHeight(): string;