cps-ui-kit 21.25.0 → 21.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cps-ui-kit",
3
- "version": "21.25.0",
3
+ "version": "21.26.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^21.2.6",
6
6
  "@angular/core": "^21.2.6",
@@ -962,7 +962,6 @@ declare class CpsButtonComponent implements OnInit, OnChanges {
962
962
  declare class CpsCheckboxComponent implements OnInit, OnChanges, ControlValueAccessor {
963
963
  private _control;
964
964
  private document;
965
- private _elementRef;
966
965
  /**
967
966
  * Label of the checkbox.
968
967
  * @group Props
@@ -1027,7 +1026,8 @@ declare class CpsCheckboxComponent implements OnInit, OnChanges, ControlValueAcc
1027
1026
  */
1028
1027
  valueChanged: EventEmitter<boolean>;
1029
1028
  private _value;
1030
- constructor(_control: NgControl, document: Document, _elementRef: ElementRef<HTMLElement>);
1029
+ checkboxInput?: ElementRef<HTMLInputElement>;
1030
+ constructor(_control: NgControl, document: Document);
1031
1031
  ngOnInit(): void;
1032
1032
  ngOnChanges(): void;
1033
1033
  onChange: (_event: any) => void;
@@ -1039,7 +1039,7 @@ declare class CpsCheckboxComponent implements OnInit, OnChanges, ControlValueAcc
1039
1039
  private _updateValue;
1040
1040
  setDisabledState(_disabled: boolean): void;
1041
1041
  focus(): void;
1042
- static ɵfac: i0.ɵɵFactoryDeclaration<CpsCheckboxComponent, [{ optional: true; self: true; }, null, null]>;
1042
+ static ɵfac: i0.ɵɵFactoryDeclaration<CpsCheckboxComponent, [{ optional: true; self: true; }, null]>;
1043
1043
  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>;
1044
1044
  }
1045
1045
 
@@ -1119,6 +1119,26 @@ declare class CpsInputComponent implements ControlValueAccessor, OnInit, OnChang
1119
1119
  * @group Props
1120
1120
  */
1121
1121
  ariaLabel: string;
1122
+ /**
1123
+ * WAI-ARIA role for the native input element.
1124
+ * @group Props
1125
+ */
1126
+ inputRole: string | null;
1127
+ /**
1128
+ * Whether the element controlled by this input is expanded.
1129
+ * @group Props
1130
+ */
1131
+ ariaExpanded: boolean | null;
1132
+ /**
1133
+ * Type of popup element the input controls.
1134
+ * @group Props
1135
+ */
1136
+ ariaHasPopup: string | null;
1137
+ /**
1138
+ * ID of the element controlled by this input.
1139
+ * @group Props
1140
+ */
1141
+ ariaControls: string | null;
1122
1142
  /**
1123
1143
  * Bottom hint text for the input field.
1124
1144
  * @group Props
@@ -1320,7 +1340,7 @@ declare class CpsInputComponent implements ControlValueAccessor, OnInit, OnChang
1320
1340
  onInputMousedown(): void;
1321
1341
  focus(): void;
1322
1342
  static ɵfac: i0.ɵɵFactoryDeclaration<CpsInputComponent, [{ optional: true; self: true; }, null]>;
1323
- 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>;
1343
+ 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>;
1324
1344
  }
1325
1345
 
1326
1346
  /**
@@ -1328,6 +1348,11 @@ declare class CpsInputComponent implements ControlValueAccessor, OnInit, OnChang
1328
1348
  * @group Types
1329
1349
  */
1330
1350
  type CpsDatepickerAppearanceType = 'outlined' | 'underlined' | 'borderless';
1351
+ /**
1352
+ * CpsDatepickerDateFormat defines the display and input format of the date string.
1353
+ * @group Types
1354
+ */
1355
+ type CpsDatepickerDateFormat = 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'YYYY/MM/DD';
1331
1356
  /**
1332
1357
  * CpsDatepickerComponent is an input component to provide date input.
1333
1358
  * @group Components
@@ -1355,7 +1380,12 @@ declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, On
1355
1380
  */
1356
1381
  width: number | string;
1357
1382
  /**
1358
- * Placeholder text.
1383
+ * Date format for displaying and parsing the date string.
1384
+ * @group Props
1385
+ */
1386
+ dateFormat: CpsDatepickerDateFormat;
1387
+ /**
1388
+ * Placeholder text. Defaults to the configured dateFormat.
1359
1389
  * @group Props
1360
1390
  */
1361
1391
  placeholder: string;
@@ -1423,12 +1453,12 @@ declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, On
1423
1453
  * Minimal date availalbe for selection.
1424
1454
  * @group Props
1425
1455
  */
1426
- minDate: Date;
1456
+ minDate: Date | undefined;
1427
1457
  /**
1428
1458
  * Maximal date availalbe for selection.
1429
1459
  * @group Props
1430
1460
  */
1431
- maxDate: Date;
1461
+ maxDate: Date | undefined;
1432
1462
  /**
1433
1463
  * Value of the datepicker.
1434
1464
  * @default null
@@ -1444,16 +1474,24 @@ declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, On
1444
1474
  valueChanged: EventEmitter<Date | null>;
1445
1475
  datepickerInput: CpsInputComponent;
1446
1476
  calendarMenu: CpsMenuComponent;
1477
+ private _datepicker;
1478
+ readonly calendarId: string;
1447
1479
  stringDate: string;
1448
1480
  isOpened: boolean;
1449
1481
  error: string;
1450
1482
  cvtWidth: string;
1451
1483
  private _statusChangesSubscription?;
1452
1484
  private _value;
1485
+ private _focusCalendarOnOpen;
1486
+ private _suppressNextContentClick;
1487
+ private _captureKeydown;
1488
+ private _calendarContainer;
1453
1489
  constructor(_control: NgControl);
1454
1490
  ngOnInit(): void;
1455
- ngOnChanges(): void;
1491
+ ngOnChanges(changes: SimpleChanges): void;
1456
1492
  ngOnDestroy(): void;
1493
+ private _removeCalendarListeners;
1494
+ private _onCaptureKeydown;
1457
1495
  onChange: (_event: any) => void;
1458
1496
  onTouched: () => void;
1459
1497
  registerOnChange(fn: any): void;
@@ -1462,24 +1500,31 @@ declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, On
1462
1500
  writeValue(value: Date | null): void;
1463
1501
  private _updateValue;
1464
1502
  private _updateValueFromInputString;
1503
+ private _parseFormatParts;
1465
1504
  private _checkDateFormat;
1466
1505
  private _checkDateInRange;
1467
1506
  private _dateToString;
1468
1507
  private _stringToDate;
1469
1508
  private _checkErrors;
1470
- onClearCalendarDate(): void;
1471
1509
  onSelectCalendarDate(dateVal: Date | null): void;
1472
1510
  onInputBlur(): void;
1473
1511
  onInputFocus(): void;
1512
+ onInputKeydown(event: KeyboardEvent): void;
1474
1513
  onInputEnterClicked(): void;
1475
1514
  onClickCalendarIcon(): void;
1476
- onBeforeCalendarHidden(): void;
1515
+ onCalendarClick(_event: MouseEvent): void;
1516
+ onYearSelected(): void;
1517
+ private _initFocusableViewCell;
1518
+ onCalendarMenuShown(): void;
1519
+ private _focusActiveCalendarCell;
1520
+ onDatepickerMonthChange(): void;
1521
+ onBeforeCalendarHidden(reason: CpsMenuHideReason): void;
1477
1522
  onInputClear(): void;
1478
1523
  onCalendarContentClick(): void;
1479
1524
  focusInput(): void;
1480
- toggleCalendar(show?: boolean): void;
1525
+ toggleCalendar(show?: boolean, needFocusInput?: boolean): void;
1481
1526
  static ɵfac: i0.ɵɵFactoryDeclaration<CpsDatepickerComponent, [{ optional: true; self: true; }]>;
1482
- 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>;
1527
+ 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>;
1483
1528
  }
1484
1529
 
1485
1530
  /**
@@ -1492,7 +1537,6 @@ type CpsDividerType = 'solid' | 'dashed' | 'dotted';
1492
1537
  * @group Components
1493
1538
  */
1494
1539
  declare class CpsDividerComponent {
1495
- private document;
1496
1540
  /**
1497
1541
  * Determines whether the divider is vertically aligned.
1498
1542
  * @group Props
@@ -1514,10 +1558,10 @@ declare class CpsDividerComponent {
1514
1558
  /**
1515
1559
  * Thickness of the divider, a number denoting pixels or a string.
1516
1560
  * @group Props
1517
- * @default 1px
1561
+ * @default 0.0625rem
1518
1562
  */
1519
1563
  thickness: i0.InputSignal<string | number>;
1520
- constructor(document: Document);
1564
+ private document;
1521
1565
  borderTop: i0.Signal<string>;
1522
1566
  borderRight: i0.Signal<string>;
1523
1567
  private _constructBorder;
@@ -1529,7 +1573,7 @@ declare class CpsDividerComponent {
1529
1573
  * CpsExpansionPanelComponent is a component that provides content on expansion.
1530
1574
  * @group Components
1531
1575
  */
1532
- declare class CpsExpansionPanelComponent implements OnInit, AfterViewInit {
1576
+ declare class CpsExpansionPanelComponent implements OnInit, OnChanges, AfterViewInit {
1533
1577
  private _animationBuilder;
1534
1578
  private document;
1535
1579
  private _renderer;
@@ -1564,7 +1608,7 @@ declare class CpsExpansionPanelComponent implements OnInit, AfterViewInit {
1564
1608
  */
1565
1609
  bordered: boolean;
1566
1610
  /**
1567
- * The border radius of the component.
1611
+ * The border radius of the component of type number denoting pixels or string.
1568
1612
  * @group Props
1569
1613
  */
1570
1614
  borderRadius: number | string;
@@ -1599,11 +1643,21 @@ declare class CpsExpansionPanelComponent implements OnInit, AfterViewInit {
1599
1643
  private _contentExpandAnimation;
1600
1644
  private _contentCollapseAnimation;
1601
1645
  private _contentAnimationPlayer;
1646
+ readonly contentPanelId: string;
1647
+ isKeyboardActive: boolean;
1648
+ cvtWidth: string;
1649
+ cvtBorderColor: string;
1650
+ cvtBackgroundColor: string;
1651
+ cvtBorderRadius: string;
1602
1652
  constructor(_animationBuilder: AnimationBuilder, document: Document, _renderer: Renderer2);
1603
1653
  ngOnInit(): void;
1654
+ ngOnChanges(changes: SimpleChanges): void;
1604
1655
  ngAfterViewInit(): void;
1656
+ onHeaderKeydown(event: KeyboardEvent): void;
1657
+ onHeaderKeyup(event: KeyboardEvent): void;
1605
1658
  toggleExpansion(): void;
1606
1659
  private _updateContentVisibilityStyles;
1660
+ private _logHeaderTitleError;
1607
1661
  static ɵfac: i0.ɵɵFactoryDeclaration<CpsExpansionPanelComponent, never>;
1608
1662
  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>;
1609
1663
  }
@@ -2779,16 +2833,20 @@ declare class CpsSidebarMenuComponent {
2779
2833
  * CpsSwitchComponent is a component used to toggle a boolean value.
2780
2834
  * @group Components
2781
2835
  */
2782
- declare class CpsSwitchComponent implements ControlValueAccessor {
2836
+ declare class CpsSwitchComponent implements OnInit, OnChanges, ControlValueAccessor {
2783
2837
  private _control;
2784
- private _elementRef;
2785
2838
  /**
2786
- * Label of the component.
2839
+ * Label of the switch component.
2787
2840
  * @group Props
2788
2841
  */
2789
2842
  label: string;
2790
2843
  /**
2791
- * Determines whether the component is disabled.
2844
+ * Aria label for the switch component, used for accessibility, it takes precedence over label.
2845
+ * @group Props
2846
+ */
2847
+ ariaLabel: string;
2848
+ /**
2849
+ * Determines whether the switch component is disabled.
2792
2850
  * @group Props
2793
2851
  */
2794
2852
  disabled: boolean;
@@ -2831,7 +2889,10 @@ declare class CpsSwitchComponent implements ControlValueAccessor {
2831
2889
  */
2832
2890
  valueChanged: EventEmitter<boolean>;
2833
2891
  private _value;
2834
- constructor(_control: NgControl, _elementRef: ElementRef<HTMLElement>);
2892
+ switchInput?: ElementRef<HTMLInputElement>;
2893
+ constructor(_control: NgControl);
2894
+ ngOnInit(): void;
2895
+ ngOnChanges(): void;
2835
2896
  onChange: (_event: any) => void;
2836
2897
  onTouched: () => void;
2837
2898
  registerOnChange(fn: any): void;
@@ -2841,8 +2902,8 @@ declare class CpsSwitchComponent implements ControlValueAccessor {
2841
2902
  private _updateValue;
2842
2903
  setDisabledState(_disabled: boolean): void;
2843
2904
  focus(): void;
2844
- static ɵfac: i0.ɵɵFactoryDeclaration<CpsSwitchComponent, [{ optional: true; self: true; }, null]>;
2845
- 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>;
2905
+ static ɵfac: i0.ɵɵFactoryDeclaration<CpsSwitchComponent, [{ optional: true; self: true; }]>;
2906
+ 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>;
2846
2907
  }
2847
2908
 
2848
2909
  /**
@@ -4053,7 +4114,7 @@ declare class CpsTableDetectFilterTypePipe implements PipeTransform {
4053
4114
  * CpsTagComponent is used to categorize content.
4054
4115
  * @group Components
4055
4116
  */
4056
- declare class CpsTagComponent implements ControlValueAccessor, OnChanges {
4117
+ declare class CpsTagComponent implements ControlValueAccessor, OnInit, OnChanges {
4057
4118
  private _control;
4058
4119
  private document;
4059
4120
  /**
@@ -4090,17 +4151,23 @@ declare class CpsTagComponent implements ControlValueAccessor, OnChanges {
4090
4151
  */
4091
4152
  valueChanged: EventEmitter<boolean>;
4092
4153
  classesList: string[];
4154
+ pressing: boolean;
4155
+ cvtColor: string;
4093
4156
  private _value;
4094
4157
  constructor(_control: NgControl, document: Document);
4095
- ngOnChanges(): void;
4158
+ ngOnInit(): void;
4159
+ ngOnChanges(changes: SimpleChanges): void;
4096
4160
  setClasses(): void;
4097
4161
  onChange: (_event: any) => void;
4098
4162
  onTouched: () => void;
4099
4163
  registerOnChange(fn: any): void;
4100
4164
  registerOnTouched(fn: any): void;
4101
4165
  writeValue(value: boolean): void;
4166
+ handleEnterKeydown(event: Event): void;
4167
+ handleSpaceKeydown(event: Event): void;
4102
4168
  toggleSelected(): void;
4103
4169
  private _updateValue;
4170
+ private _logMissingLabelError;
4104
4171
  static ɵfac: i0.ɵɵFactoryDeclaration<CpsTagComponent, [{ optional: true; self: true; }, null]>;
4105
4172
  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>;
4106
4173
  }
@@ -5915,6 +5982,16 @@ interface CpsNotificationConfig {
5915
5982
  * @default undefined
5916
5983
  */
5917
5984
  maxWidth?: string;
5985
+ /**
5986
+ * Whether to announce error notifications politely instead of assertively.
5987
+ * @default false
5988
+ */
5989
+ politeError?: boolean;
5990
+ /**
5991
+ * Whether to announce warning notifications politely instead of assertively.
5992
+ * @default false
5993
+ */
5994
+ politeWarning?: boolean;
5918
5995
  }
5919
5996
 
5920
5997
  /**
@@ -5966,6 +6043,7 @@ declare class CpsNotificationService {
5966
6043
  private _createNotification;
5967
6044
  private _initConfig;
5968
6045
  private _appendNotificationToContainer;
6046
+ private _createContainerComponent;
5969
6047
  private _tryRemoveContainer;
5970
6048
  static ɵfac: i0.ɵɵFactoryDeclaration<CpsNotificationService, never>;
5971
6049
  static ɵprov: i0.ɵɵInjectableDeclaration<CpsNotificationService>;
@@ -6448,4 +6526,4 @@ declare const getCSSColor: (val: string, _document: Document) => string;
6448
6526
  declare const getTextColor: (backgroundColor: string) => string;
6449
6527
 
6450
6528
  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 };
6451
- 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 };
6529
+ 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 };