cps-ui-kit 21.24.0 → 21.26.0

package/package.json

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

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

@@ -879,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
@@ -940,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>;
 }
 
 /**
@@ -957,7 +962,6 @@ declare class CpsButtonComponent implements OnInit, OnChanges {
 declare class CpsCheckboxComponent implements OnInit, OnChanges, ControlValueAccessor {
     private _control;
     private document;
-    private _elementRef;
     /**
      * Label of the checkbox.
      * @group Props
@@ -1022,7 +1026,8 @@ declare class CpsCheckboxComponent implements OnInit, OnChanges, ControlValueAcc
      */
     valueChanged: EventEmitter<boolean>;
     private _value;
-    constructor(_control: NgControl, document: Document, _elementRef: ElementRef<HTMLElement>);
+    checkboxInput?: ElementRef<HTMLInputElement>;
+    constructor(_control: NgControl, document: Document);
     ngOnInit(): void;
     ngOnChanges(): void;
     onChange: (_event: any) => void;
@@ -1034,7 +1039,7 @@ declare class CpsCheckboxComponent implements OnInit, OnChanges, ControlValueAcc
     private _updateValue;
     setDisabledState(_disabled: boolean): void;
     focus(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsCheckboxComponent, [{ optional: true; self: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsCheckboxComponent, [{ optional: true; self: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsCheckboxComponent, "cps-checkbox", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "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; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }
 
@@ -1114,6 +1119,26 @@ declare class CpsInputComponent implements ControlValueAccessor, OnInit, OnChang
      * @group Props
      */
     ariaLabel: string;
+    /**
+     * WAI-ARIA role for the native input element.
+     * @group Props
+     */
+    inputRole: string | null;
+    /**
+     * Whether the element controlled by this input is expanded.
+     * @group Props
+     */
+    ariaExpanded: boolean | null;
+    /**
+     * Type of popup element the input controls.
+     * @group Props
+     */
+    ariaHasPopup: string | null;
+    /**
+     * ID of the element controlled by this input.
+     * @group Props
+     */
+    ariaControls: string | null;
     /**
      * Bottom hint text for the input field.
      * @group Props
@@ -1315,7 +1340,7 @@ declare class CpsInputComponent implements ControlValueAccessor, OnInit, OnChang
     onInputMousedown(): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsInputComponent, [{ optional: true; self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsInputComponent, "cps-input", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "width": { "alias": "width"; "required": false; }; "type": { "alias": "type"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefixIconClickable": { "alias": "prefixIconClickable"; "required": false; }; "prefixIconSize": { "alias": "prefixIconSize"; "required": false; }; "prefixIconAriaLabel": { "alias": "prefixIconAriaLabel"; "required": false; }; "prefixText": { "alias": "prefixText"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "error": { "alias": "error"; "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; }; "valueToDisplay": { "alias": "valueToDisplay"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "focused": "focused"; "prefixIconClicked": "prefixIconClicked"; "blurred": "blurred"; "cleared": "cleared"; "enterClicked": "enterClicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsInputComponent, "cps-input", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "inputRole": { "alias": "inputRole"; "required": false; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; }; "ariaHasPopup": { "alias": "ariaHasPopup"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "width": { "alias": "width"; "required": false; }; "type": { "alias": "type"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefixIconClickable": { "alias": "prefixIconClickable"; "required": false; }; "prefixIconSize": { "alias": "prefixIconSize"; "required": false; }; "prefixIconAriaLabel": { "alias": "prefixIconAriaLabel"; "required": false; }; "prefixText": { "alias": "prefixText"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "error": { "alias": "error"; "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; }; "valueToDisplay": { "alias": "valueToDisplay"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "focused": "focused"; "prefixIconClicked": "prefixIconClicked"; "blurred": "blurred"; "cleared": "cleared"; "enterClicked": "enterClicked"; }, never, never, true, never>;
 }
 
 /**
@@ -1323,6 +1348,11 @@ declare class CpsInputComponent implements ControlValueAccessor, OnInit, OnChang
  * @group Types
  */
 type CpsDatepickerAppearanceType = 'outlined' | 'underlined' | 'borderless';
+/**
+ * CpsDatepickerDateFormat defines the display and input format of the date string.
+ * @group Types
+ */
+type CpsDatepickerDateFormat = 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'YYYY/MM/DD';
 /**
  * CpsDatepickerComponent is an input component to provide date input.
  * @group Components
@@ -1350,7 +1380,12 @@ declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, On
      */
     width: number | string;
     /**
-     * Placeholder text.
+     * Date format for displaying and parsing the date string.
+     * @group Props
+     */
+    dateFormat: CpsDatepickerDateFormat;
+    /**
+     * Placeholder text. Defaults to the configured dateFormat.
      * @group Props
      */
     placeholder: string;
@@ -1418,12 +1453,12 @@ declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, On
      * Minimal date availalbe for selection.
      * @group Props
      */
-    minDate: Date;
+    minDate: Date | undefined;
     /**
      * Maximal date availalbe for selection.
      * @group Props
      */
-    maxDate: Date;
+    maxDate: Date | undefined;
     /**
      * Value of the datepicker.
      * @default null
@@ -1439,16 +1474,24 @@ declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, On
     valueChanged: EventEmitter<Date | null>;
     datepickerInput: CpsInputComponent;
     calendarMenu: CpsMenuComponent;
+    private _datepicker;
+    readonly calendarId: string;
     stringDate: string;
     isOpened: boolean;
     error: string;
     cvtWidth: string;
     private _statusChangesSubscription?;
     private _value;
+    private _focusCalendarOnOpen;
+    private _suppressNextContentClick;
+    private _captureKeydown;
+    private _calendarContainer;
     constructor(_control: NgControl);
     ngOnInit(): void;
-    ngOnChanges(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
+    private _removeCalendarListeners;
+    private _onCaptureKeydown;
     onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
@@ -1457,24 +1500,31 @@ declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, On
     writeValue(value: Date | null): void;
     private _updateValue;
     private _updateValueFromInputString;
+    private _parseFormatParts;
     private _checkDateFormat;
     private _checkDateInRange;
     private _dateToString;
     private _stringToDate;
     private _checkErrors;
-    onClearCalendarDate(): void;
     onSelectCalendarDate(dateVal: Date | null): void;
     onInputBlur(): void;
     onInputFocus(): void;
+    onInputKeydown(event: KeyboardEvent): void;
     onInputEnterClicked(): void;
     onClickCalendarIcon(): void;
-    onBeforeCalendarHidden(): void;
+    onCalendarClick(_event: MouseEvent): void;
+    onYearSelected(): void;
+    private _initFocusableViewCell;
+    onCalendarMenuShown(): void;
+    private _focusActiveCalendarCell;
+    onDatepickerMonthChange(): void;
+    onBeforeCalendarHidden(reason: CpsMenuHideReason): void;
     onInputClear(): void;
     onCalendarContentClick(): void;
     focusInput(): void;
-    toggleCalendar(show?: boolean): void;
+    toggleCalendar(show?: boolean, needFocusInput?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsDatepickerComponent, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsDatepickerComponent, "cps-datepicker", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "openOnInputFocus": { "alias": "openOnInputFocus"; "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; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsDatepickerComponent, "cps-datepicker", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "openOnInputFocus": { "alias": "openOnInputFocus"; "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; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }
 
 /**
@@ -1487,7 +1537,6 @@ type CpsDividerType = 'solid' | 'dashed' | 'dotted';
  * @group Components
  */
 declare class CpsDividerComponent {
-    private document;
     /**
      * Determines whether the divider is vertically aligned.
      * @group Props
@@ -1509,10 +1558,10 @@ declare class CpsDividerComponent {
     /**
      * Thickness of the divider, a number denoting pixels or a string.
      * @group Props
-     * @default 1px
+     * @default 0.0625rem
      */
     thickness: i0.InputSignal<string | number>;
-    constructor(document: Document);
+    private document;
     borderTop: i0.Signal<string>;
     borderRight: i0.Signal<string>;
     private _constructBorder;
@@ -1524,7 +1573,7 @@ declare class CpsDividerComponent {
  * CpsExpansionPanelComponent is a component that provides content on expansion.
  * @group Components
  */
-declare class CpsExpansionPanelComponent implements OnInit, AfterViewInit {
+declare class CpsExpansionPanelComponent implements OnInit, OnChanges, AfterViewInit {
     private _animationBuilder;
     private document;
     private _renderer;
@@ -1559,7 +1608,7 @@ declare class CpsExpansionPanelComponent implements OnInit, AfterViewInit {
      */
     bordered: boolean;
     /**
-     * The border radius of the component.
+     * The border radius of the component of type number denoting pixels or string.
      * @group Props
      */
     borderRadius: number | string;
@@ -1594,11 +1643,21 @@ declare class CpsExpansionPanelComponent implements OnInit, AfterViewInit {
     private _contentExpandAnimation;
     private _contentCollapseAnimation;
     private _contentAnimationPlayer;
+    readonly contentPanelId: string;
+    isKeyboardActive: boolean;
+    cvtWidth: string;
+    cvtBorderColor: string;
+    cvtBackgroundColor: string;
+    cvtBorderRadius: string;
     constructor(_animationBuilder: AnimationBuilder, document: Document, _renderer: Renderer2);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
+    onHeaderKeydown(event: KeyboardEvent): void;
+    onHeaderKeyup(event: KeyboardEvent): void;
     toggleExpansion(): void;
     private _updateContentVisibilityStyles;
+    private _logHeaderTitleError;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsExpansionPanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsExpansionPanelComponent, "cps-expansion-panel", never, { "headerTitle": { "alias": "headerTitle"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "showChevron": { "alias": "showChevron"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "width": { "alias": "width"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; }, { "afterCollapse": "afterCollapse"; "afterExpand": "afterExpand"; }, never, ["*"], true, never>;
 }
@@ -2774,16 +2833,20 @@ declare class CpsSidebarMenuComponent {
  * CpsSwitchComponent is a component used to toggle a boolean value.
  * @group Components
  */
-declare class CpsSwitchComponent implements ControlValueAccessor {
+declare class CpsSwitchComponent implements OnInit, OnChanges, ControlValueAccessor {
     private _control;
-    private _elementRef;
     /**
-     * Label of the component.
+     * Label of the switch component.
      * @group Props
      */
     label: string;
     /**
-     * Determines whether the component is disabled.
+     * Aria label for the switch component, used for accessibility, it takes precedence over label.
+     * @group Props
+     */
+    ariaLabel: string;
+    /**
+     * Determines whether the switch component is disabled.
      * @group Props
      */
     disabled: boolean;
@@ -2826,7 +2889,10 @@ declare class CpsSwitchComponent implements ControlValueAccessor {
      */
     valueChanged: EventEmitter<boolean>;
     private _value;
-    constructor(_control: NgControl, _elementRef: ElementRef<HTMLElement>);
+    switchInput?: ElementRef<HTMLInputElement>;
+    constructor(_control: NgControl);
+    ngOnInit(): void;
+    ngOnChanges(): void;
     onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
@@ -2836,8 +2902,8 @@ declare class CpsSwitchComponent implements ControlValueAccessor {
     private _updateValue;
     setDisabledState(_disabled: boolean): void;
     focus(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsSwitchComponent, [{ optional: true; self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsSwitchComponent, "cps-switch", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "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<CpsSwitchComponent, [{ optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsSwitchComponent, "cps-switch", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "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>;
 }
 
 /**
@@ -4048,7 +4114,7 @@ declare class CpsTableDetectFilterTypePipe implements PipeTransform {
  * CpsTagComponent is used to categorize content.
  * @group Components
  */
-declare class CpsTagComponent implements ControlValueAccessor, OnChanges {
+declare class CpsTagComponent implements ControlValueAccessor, OnInit, OnChanges {
     private _control;
     private document;
     /**
@@ -4085,17 +4151,23 @@ declare class CpsTagComponent implements ControlValueAccessor, OnChanges {
      */
     valueChanged: EventEmitter<boolean>;
     classesList: string[];
+    pressing: boolean;
+    cvtColor: string;
     private _value;
     constructor(_control: NgControl, document: Document);
-    ngOnChanges(): void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     setClasses(): void;
     onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     writeValue(value: boolean): void;
+    handleEnterKeydown(event: Event): void;
+    handleSpaceKeydown(event: Event): void;
     toggleSelected(): void;
     private _updateValue;
+    private _logMissingLabelError;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTagComponent, [{ optional: true; self: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsTagComponent, "cps-tag", never, { "label": { "alias": "label"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }
@@ -5910,6 +5982,16 @@ interface CpsNotificationConfig {
      * @default undefined
      */
     maxWidth?: string;
+    /**
+     * Whether to announce error notifications politely instead of assertively.
+     * @default false
+     */
+    politeError?: boolean;
+    /**
+     * Whether to announce warning notifications politely instead of assertively.
+     * @default false
+     */
+    politeWarning?: boolean;
 }
 
 /**
@@ -5961,6 +6043,7 @@ declare class CpsNotificationService {
     private _createNotification;
     private _initConfig;
     private _appendNotificationToContainer;
+    private _createContainerComponent;
     private _tryRemoveContainer;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsNotificationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CpsNotificationService>;
@@ -6443,4 +6526,4 @@ declare const getCSSColor: (val: string, _document: Document) => string;
 declare const getTextColor: (backgroundColor: string) => string;
 
 export { CPS_CRON_VALIDATION_SERVICE, CPS_FOCUS_SERVICE, CPS_RADIO_GROUP, CPS_ROOT_FONT_SIZE_SERVICE, CpsAutocompleteComponent, CpsButtonComponent, CpsButtonToggleComponent, CpsCheckboxComponent, CpsChipComponent, CpsColumnFilterMatchMode, CpsCronValidationService, CpsDatepickerComponent, CpsDialogConfig, CpsDialogRef, CpsDialogService, CpsDividerComponent, CpsExpansionPanelComponent, CpsFileUploadComponent, CpsFocusService, CpsIconComponent, CpsInfoCircleComponent, CpsInputComponent, CpsLoaderComponent, CpsMenuComponent, CpsMenuHideReason, CpsNotificationAppearance, CpsNotificationPosition, CpsNotificationService, CpsPaginatePipe, CpsPaginatorComponent, CpsProgressCircularComponent, CpsProgressLinearComponent, CpsRadioComponent, CpsRadioGroupComponent, CpsRootFontSizeService, CpsSchedulerComponent, CpsSelectComponent, CpsSidebarMenuComponent, CpsSwitchComponent, CpsTabComponent, CpsTabGroupComponent, CpsTableColumnFilterDirective, CpsTableColumnResizableDirective, CpsTableColumnSortableDirective, CpsTableComponent, CpsTableDetectFilterTypePipe, CpsTableHeaderSelectableDirective, CpsTableRowSelectableDirective, CpsTagComponent, CpsTextareaComponent, CpsThemeService, CpsTimepickerComponent, CpsTooltipDirective, CpsTreeAutocompleteComponent, CpsTreeSelectComponent, CpsTreeTableColumnFilterDirective, CpsTreeTableColumnResizableDirective, CpsTreeTableColumnSortableDirective, CpsTreeTableComponent, CpsTreeTableDetectFilterTypePipe, CpsTreeTableHeaderSelectableDirective, CpsTreeTableRowSelectableDirective, CpsTreetableRowTogglerDirective, ICONS_PATH, getCSSColor, getCpsColors, getTextColor, iconNames, tableFactory, treeTableFactory };
-export type { CpsAutocompleteAppearanceType, CpsBaseTheme, CpsButtonToggleOption, CpsColorTheme, CpsColumnFilterCategoryOption, CpsColumnFilterType, CpsDatepickerAppearanceType, CpsDialogAutoFocusTarget, CpsDividerType, CpsInputAppearanceType, CpsMenuAttachPosition, CpsMenuItem, CpsNotificationConfig, CpsRadioOption, CpsRadiusTheme, CpsSelectAppearanceType, CpsSidebarMenuItem, CpsTabChangeEvent, CpsTableExportFormat, CpsTableSize, CpsTableSortMode, CpsTableToolbarSize, CpsTabsAlignmentType, CpsTabsAnimationType, CpsTheme, CpsTime, CpsTooltipOpenOn, CpsTooltipPosition, CpsTreeAutocompleteAppearanceType, CpsTreeSelectAppearanceType, CpsTreeTableSize, CpsTreeTableSortMode, CpsTreeTableToolbarSize, IconType, iconSizeType };
+export type { CpsAutocompleteAppearanceType, CpsBaseTheme, CpsButtonToggleOption, CpsColorTheme, CpsColumnFilterCategoryOption, CpsColumnFilterType, CpsDatepickerAppearanceType, CpsDatepickerDateFormat, CpsDialogAutoFocusTarget, CpsDividerType, CpsInputAppearanceType, CpsMenuAttachPosition, CpsMenuItem, CpsNotificationConfig, CpsRadioOption, CpsRadiusTheme, CpsSelectAppearanceType, CpsSidebarMenuItem, CpsTabChangeEvent, CpsTableExportFormat, CpsTableSize, CpsTableSortMode, CpsTableToolbarSize, CpsTabsAlignmentType, CpsTabsAnimationType, CpsTheme, CpsTime, CpsTooltipOpenOn, CpsTooltipPosition, CpsTreeAutocompleteAppearanceType, CpsTreeSelectAppearanceType, CpsTreeTableSize, CpsTreeTableSortMode, CpsTreeTableToolbarSize, IconType, iconSizeType };