cps-ui-kit 21.25.0 → 21.27.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/fesm2022/cps-ui-kit.mjs +1082 -370
- package/fesm2022/cps-ui-kit.mjs.map +1 -1
- package/package.json +1 -1
- package/types/cps-ui-kit.d.ts +251 -48
package/package.json
CHANGED
package/types/cps-ui-kit.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { OnChanges, InjectionToken, PipeTransform, OnDestroy, AfterViewInit, ElementRef, Renderer2, ChangeDetectorRef, EventEmitter, NgZone,
|
|
2
|
+
import { OnInit, OnChanges, SimpleChanges, InjectionToken, PipeTransform, OnDestroy, AfterViewInit, ElementRef, Renderer2, ChangeDetectorRef, EventEmitter, NgZone, QueryList, TemplateRef, AfterContentInit, AfterViewChecked, ComponentRef, ViewContainerRef, Type, ApplicationRef, EnvironmentInjector, Injector, Signal } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor, NgControl, FormGroup } from '@angular/forms';
|
|
4
4
|
import { AnimationEvent, AnimationBuilder } from '@angular/animations';
|
|
5
5
|
import { OverlayService, SortEvent, FilterMetadata, SelectItem, TreeNode } from 'primeng/api';
|
|
@@ -32,8 +32,7 @@ type iconSizeType = number | string | 'fill' | 'xsmall' | 'small' | 'normal' | '
|
|
|
32
32
|
* CpsIconComponent is a component that is used for icons.
|
|
33
33
|
* @group Components
|
|
34
34
|
*/
|
|
35
|
-
declare class CpsIconComponent implements OnChanges {
|
|
36
|
-
private document;
|
|
35
|
+
declare class CpsIconComponent implements OnInit, OnChanges {
|
|
37
36
|
/**
|
|
38
37
|
* Name of the icon.
|
|
39
38
|
* @group Props
|
|
@@ -49,15 +48,31 @@ declare class CpsIconComponent implements OnChanges {
|
|
|
49
48
|
* @group Props
|
|
50
49
|
*/
|
|
51
50
|
color: string;
|
|
51
|
+
/**
|
|
52
|
+
* Accessible label for the icon.
|
|
53
|
+
* When provided the icon is treated as informative (role="img", aria-hidden removed).
|
|
54
|
+
* When omitted the icon is treated as decorative (aria-hidden="true", role removed).
|
|
55
|
+
* @group Props
|
|
56
|
+
* @default ''
|
|
57
|
+
*/
|
|
58
|
+
set ariaLabel(v: string);
|
|
59
|
+
get ariaLabel(): string;
|
|
60
|
+
private _ariaLabel;
|
|
61
|
+
hasAriaLabel(): boolean;
|
|
52
62
|
iconColor: string;
|
|
53
63
|
url: string;
|
|
54
64
|
cvtSize: string;
|
|
55
65
|
classesList: string[];
|
|
56
|
-
|
|
57
|
-
|
|
66
|
+
private _document;
|
|
67
|
+
private _elementRef;
|
|
68
|
+
private _renderer;
|
|
69
|
+
private _staticAriaLabel;
|
|
70
|
+
ngOnInit(): void;
|
|
71
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
72
|
+
private _syncAriaLabel;
|
|
58
73
|
setClasses(): void;
|
|
59
74
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsIconComponent, never>;
|
|
60
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsIconComponent, "cps-icon", never, { "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
|
75
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsIconComponent, "cps-icon", never, { "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
|
|
61
76
|
}
|
|
62
77
|
|
|
63
78
|
declare class LabelByValuePipe implements PipeTransform {
|
|
@@ -962,7 +977,6 @@ declare class CpsButtonComponent implements OnInit, OnChanges {
|
|
|
962
977
|
declare class CpsCheckboxComponent implements OnInit, OnChanges, ControlValueAccessor {
|
|
963
978
|
private _control;
|
|
964
979
|
private document;
|
|
965
|
-
private _elementRef;
|
|
966
980
|
/**
|
|
967
981
|
* Label of the checkbox.
|
|
968
982
|
* @group Props
|
|
@@ -1027,7 +1041,8 @@ declare class CpsCheckboxComponent implements OnInit, OnChanges, ControlValueAcc
|
|
|
1027
1041
|
*/
|
|
1028
1042
|
valueChanged: EventEmitter<boolean>;
|
|
1029
1043
|
private _value;
|
|
1030
|
-
|
|
1044
|
+
checkboxInput?: ElementRef<HTMLInputElement>;
|
|
1045
|
+
constructor(_control: NgControl, document: Document);
|
|
1031
1046
|
ngOnInit(): void;
|
|
1032
1047
|
ngOnChanges(): void;
|
|
1033
1048
|
onChange: (_event: any) => void;
|
|
@@ -1039,7 +1054,7 @@ declare class CpsCheckboxComponent implements OnInit, OnChanges, ControlValueAcc
|
|
|
1039
1054
|
private _updateValue;
|
|
1040
1055
|
setDisabledState(_disabled: boolean): void;
|
|
1041
1056
|
focus(): void;
|
|
1042
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CpsCheckboxComponent, [{ optional: true; self: true; }, null
|
|
1057
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CpsCheckboxComponent, [{ optional: true; self: true; }, null]>;
|
|
1043
1058
|
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
1059
|
}
|
|
1045
1060
|
|
|
@@ -1119,6 +1134,26 @@ declare class CpsInputComponent implements ControlValueAccessor, OnInit, OnChang
|
|
|
1119
1134
|
* @group Props
|
|
1120
1135
|
*/
|
|
1121
1136
|
ariaLabel: string;
|
|
1137
|
+
/**
|
|
1138
|
+
* WAI-ARIA role for the native input element.
|
|
1139
|
+
* @group Props
|
|
1140
|
+
*/
|
|
1141
|
+
inputRole: string | null;
|
|
1142
|
+
/**
|
|
1143
|
+
* Whether the element controlled by this input is expanded.
|
|
1144
|
+
* @group Props
|
|
1145
|
+
*/
|
|
1146
|
+
ariaExpanded: boolean | null;
|
|
1147
|
+
/**
|
|
1148
|
+
* Type of popup element the input controls.
|
|
1149
|
+
* @group Props
|
|
1150
|
+
*/
|
|
1151
|
+
ariaHasPopup: string | null;
|
|
1152
|
+
/**
|
|
1153
|
+
* ID of the element controlled by this input.
|
|
1154
|
+
* @group Props
|
|
1155
|
+
*/
|
|
1156
|
+
ariaControls: string | null;
|
|
1122
1157
|
/**
|
|
1123
1158
|
* Bottom hint text for the input field.
|
|
1124
1159
|
* @group Props
|
|
@@ -1320,7 +1355,7 @@ declare class CpsInputComponent implements ControlValueAccessor, OnInit, OnChang
|
|
|
1320
1355
|
onInputMousedown(): void;
|
|
1321
1356
|
focus(): void;
|
|
1322
1357
|
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>;
|
|
1358
|
+
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
1359
|
}
|
|
1325
1360
|
|
|
1326
1361
|
/**
|
|
@@ -1328,6 +1363,11 @@ declare class CpsInputComponent implements ControlValueAccessor, OnInit, OnChang
|
|
|
1328
1363
|
* @group Types
|
|
1329
1364
|
*/
|
|
1330
1365
|
type CpsDatepickerAppearanceType = 'outlined' | 'underlined' | 'borderless';
|
|
1366
|
+
/**
|
|
1367
|
+
* CpsDatepickerDateFormat defines the display and input format of the date string.
|
|
1368
|
+
* @group Types
|
|
1369
|
+
*/
|
|
1370
|
+
type CpsDatepickerDateFormat = 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'YYYY/MM/DD';
|
|
1331
1371
|
/**
|
|
1332
1372
|
* CpsDatepickerComponent is an input component to provide date input.
|
|
1333
1373
|
* @group Components
|
|
@@ -1355,7 +1395,12 @@ declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, On
|
|
|
1355
1395
|
*/
|
|
1356
1396
|
width: number | string;
|
|
1357
1397
|
/**
|
|
1358
|
-
*
|
|
1398
|
+
* Date format for displaying and parsing the date string.
|
|
1399
|
+
* @group Props
|
|
1400
|
+
*/
|
|
1401
|
+
dateFormat: CpsDatepickerDateFormat;
|
|
1402
|
+
/**
|
|
1403
|
+
* Placeholder text. Defaults to the configured dateFormat.
|
|
1359
1404
|
* @group Props
|
|
1360
1405
|
*/
|
|
1361
1406
|
placeholder: string;
|
|
@@ -1423,12 +1468,12 @@ declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, On
|
|
|
1423
1468
|
* Minimal date availalbe for selection.
|
|
1424
1469
|
* @group Props
|
|
1425
1470
|
*/
|
|
1426
|
-
minDate: Date;
|
|
1471
|
+
minDate: Date | undefined;
|
|
1427
1472
|
/**
|
|
1428
1473
|
* Maximal date availalbe for selection.
|
|
1429
1474
|
* @group Props
|
|
1430
1475
|
*/
|
|
1431
|
-
maxDate: Date;
|
|
1476
|
+
maxDate: Date | undefined;
|
|
1432
1477
|
/**
|
|
1433
1478
|
* Value of the datepicker.
|
|
1434
1479
|
* @default null
|
|
@@ -1444,16 +1489,24 @@ declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, On
|
|
|
1444
1489
|
valueChanged: EventEmitter<Date | null>;
|
|
1445
1490
|
datepickerInput: CpsInputComponent;
|
|
1446
1491
|
calendarMenu: CpsMenuComponent;
|
|
1492
|
+
private _datepicker;
|
|
1493
|
+
readonly calendarId: string;
|
|
1447
1494
|
stringDate: string;
|
|
1448
1495
|
isOpened: boolean;
|
|
1449
1496
|
error: string;
|
|
1450
1497
|
cvtWidth: string;
|
|
1451
1498
|
private _statusChangesSubscription?;
|
|
1452
1499
|
private _value;
|
|
1500
|
+
private _focusCalendarOnOpen;
|
|
1501
|
+
private _suppressNextContentClick;
|
|
1502
|
+
private _captureKeydown;
|
|
1503
|
+
private _calendarContainer;
|
|
1453
1504
|
constructor(_control: NgControl);
|
|
1454
1505
|
ngOnInit(): void;
|
|
1455
|
-
ngOnChanges(): void;
|
|
1506
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1456
1507
|
ngOnDestroy(): void;
|
|
1508
|
+
private _removeCalendarListeners;
|
|
1509
|
+
private _onCaptureKeydown;
|
|
1457
1510
|
onChange: (_event: any) => void;
|
|
1458
1511
|
onTouched: () => void;
|
|
1459
1512
|
registerOnChange(fn: any): void;
|
|
@@ -1462,24 +1515,31 @@ declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, On
|
|
|
1462
1515
|
writeValue(value: Date | null): void;
|
|
1463
1516
|
private _updateValue;
|
|
1464
1517
|
private _updateValueFromInputString;
|
|
1518
|
+
private _parseFormatParts;
|
|
1465
1519
|
private _checkDateFormat;
|
|
1466
1520
|
private _checkDateInRange;
|
|
1467
1521
|
private _dateToString;
|
|
1468
1522
|
private _stringToDate;
|
|
1469
1523
|
private _checkErrors;
|
|
1470
|
-
onClearCalendarDate(): void;
|
|
1471
1524
|
onSelectCalendarDate(dateVal: Date | null): void;
|
|
1472
1525
|
onInputBlur(): void;
|
|
1473
1526
|
onInputFocus(): void;
|
|
1527
|
+
onInputKeydown(event: KeyboardEvent): void;
|
|
1474
1528
|
onInputEnterClicked(): void;
|
|
1475
1529
|
onClickCalendarIcon(): void;
|
|
1476
|
-
|
|
1530
|
+
onCalendarClick(_event: MouseEvent): void;
|
|
1531
|
+
onYearSelected(): void;
|
|
1532
|
+
private _initFocusableViewCell;
|
|
1533
|
+
onCalendarMenuShown(): void;
|
|
1534
|
+
private _focusActiveCalendarCell;
|
|
1535
|
+
onDatepickerMonthChange(): void;
|
|
1536
|
+
onBeforeCalendarHidden(reason: CpsMenuHideReason): void;
|
|
1477
1537
|
onInputClear(): void;
|
|
1478
1538
|
onCalendarContentClick(): void;
|
|
1479
1539
|
focusInput(): void;
|
|
1480
|
-
toggleCalendar(show?: boolean): void;
|
|
1540
|
+
toggleCalendar(show?: boolean, needFocusInput?: boolean): void;
|
|
1481
1541
|
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>;
|
|
1542
|
+
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
1543
|
}
|
|
1484
1544
|
|
|
1485
1545
|
/**
|
|
@@ -1492,7 +1552,6 @@ type CpsDividerType = 'solid' | 'dashed' | 'dotted';
|
|
|
1492
1552
|
* @group Components
|
|
1493
1553
|
*/
|
|
1494
1554
|
declare class CpsDividerComponent {
|
|
1495
|
-
private document;
|
|
1496
1555
|
/**
|
|
1497
1556
|
* Determines whether the divider is vertically aligned.
|
|
1498
1557
|
* @group Props
|
|
@@ -1514,10 +1573,10 @@ declare class CpsDividerComponent {
|
|
|
1514
1573
|
/**
|
|
1515
1574
|
* Thickness of the divider, a number denoting pixels or a string.
|
|
1516
1575
|
* @group Props
|
|
1517
|
-
* @default
|
|
1576
|
+
* @default 0.0625rem
|
|
1518
1577
|
*/
|
|
1519
1578
|
thickness: i0.InputSignal<string | number>;
|
|
1520
|
-
|
|
1579
|
+
private document;
|
|
1521
1580
|
borderTop: i0.Signal<string>;
|
|
1522
1581
|
borderRight: i0.Signal<string>;
|
|
1523
1582
|
private _constructBorder;
|
|
@@ -1529,7 +1588,7 @@ declare class CpsDividerComponent {
|
|
|
1529
1588
|
* CpsExpansionPanelComponent is a component that provides content on expansion.
|
|
1530
1589
|
* @group Components
|
|
1531
1590
|
*/
|
|
1532
|
-
declare class CpsExpansionPanelComponent implements OnInit, AfterViewInit {
|
|
1591
|
+
declare class CpsExpansionPanelComponent implements OnInit, OnChanges, AfterViewInit {
|
|
1533
1592
|
private _animationBuilder;
|
|
1534
1593
|
private document;
|
|
1535
1594
|
private _renderer;
|
|
@@ -1564,7 +1623,7 @@ declare class CpsExpansionPanelComponent implements OnInit, AfterViewInit {
|
|
|
1564
1623
|
*/
|
|
1565
1624
|
bordered: boolean;
|
|
1566
1625
|
/**
|
|
1567
|
-
* The border radius of the component.
|
|
1626
|
+
* The border radius of the component of type number denoting pixels or string.
|
|
1568
1627
|
* @group Props
|
|
1569
1628
|
*/
|
|
1570
1629
|
borderRadius: number | string;
|
|
@@ -1599,11 +1658,21 @@ declare class CpsExpansionPanelComponent implements OnInit, AfterViewInit {
|
|
|
1599
1658
|
private _contentExpandAnimation;
|
|
1600
1659
|
private _contentCollapseAnimation;
|
|
1601
1660
|
private _contentAnimationPlayer;
|
|
1661
|
+
readonly contentPanelId: string;
|
|
1662
|
+
isKeyboardActive: boolean;
|
|
1663
|
+
cvtWidth: string;
|
|
1664
|
+
cvtBorderColor: string;
|
|
1665
|
+
cvtBackgroundColor: string;
|
|
1666
|
+
cvtBorderRadius: string;
|
|
1602
1667
|
constructor(_animationBuilder: AnimationBuilder, document: Document, _renderer: Renderer2);
|
|
1603
1668
|
ngOnInit(): void;
|
|
1669
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1604
1670
|
ngAfterViewInit(): void;
|
|
1671
|
+
onHeaderKeydown(event: KeyboardEvent): void;
|
|
1672
|
+
onHeaderKeyup(event: KeyboardEvent): void;
|
|
1605
1673
|
toggleExpansion(): void;
|
|
1606
1674
|
private _updateContentVisibilityStyles;
|
|
1675
|
+
private _logHeaderTitleError;
|
|
1607
1676
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsExpansionPanelComponent, never>;
|
|
1608
1677
|
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
1678
|
}
|
|
@@ -1771,8 +1840,7 @@ declare class CpsInfoCircleComponent {
|
|
|
1771
1840
|
* CpsLoaderComponent is a fetch data indicator.
|
|
1772
1841
|
* @group Components
|
|
1773
1842
|
*/
|
|
1774
|
-
declare class CpsLoaderComponent implements OnInit {
|
|
1775
|
-
private document;
|
|
1843
|
+
declare class CpsLoaderComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {
|
|
1776
1844
|
/**
|
|
1777
1845
|
* Option for loader component to take up the whole screen.
|
|
1778
1846
|
* @group Props
|
|
@@ -1793,19 +1861,39 @@ declare class CpsLoaderComponent implements OnInit {
|
|
|
1793
1861
|
* @group Props
|
|
1794
1862
|
*/
|
|
1795
1863
|
showLabel: boolean;
|
|
1864
|
+
/**
|
|
1865
|
+
* Text shown visually when showLabel is true.
|
|
1866
|
+
* @group Props
|
|
1867
|
+
*/
|
|
1868
|
+
label: string;
|
|
1869
|
+
/**
|
|
1870
|
+
* Text announced by screen readers. Used when showLabel is false or label
|
|
1871
|
+
* is empty.
|
|
1872
|
+
* @group Props
|
|
1873
|
+
*/
|
|
1874
|
+
ariaLabel: string;
|
|
1875
|
+
/**
|
|
1876
|
+
* Text announced by screen readers when the loader is destroyed.
|
|
1877
|
+
* @group Props
|
|
1878
|
+
*/
|
|
1879
|
+
doneAriaLabel: string;
|
|
1796
1880
|
backgroundColor: string;
|
|
1797
|
-
|
|
1881
|
+
cvtLabelColor: string;
|
|
1882
|
+
private _document;
|
|
1883
|
+
private _announcer;
|
|
1798
1884
|
ngOnInit(): void;
|
|
1885
|
+
ngAfterViewInit(): void;
|
|
1886
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1887
|
+
ngOnDestroy(): void;
|
|
1799
1888
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsLoaderComponent, never>;
|
|
1800
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsLoaderComponent, "cps-loader", never, { "fullScreen": { "alias": "fullScreen"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; }, {}, never, never, true, never>;
|
|
1889
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsLoaderComponent, "cps-loader", never, { "fullScreen": { "alias": "fullScreen"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "doneAriaLabel": { "alias": "doneAriaLabel"; "required": false; }; }, {}, never, never, true, never>;
|
|
1801
1890
|
}
|
|
1802
1891
|
|
|
1803
1892
|
/**
|
|
1804
1893
|
* CpsPaginatorComponent is a generic component to display content in paged format.
|
|
1805
1894
|
* @group Components
|
|
1806
1895
|
*/
|
|
1807
|
-
declare class CpsPaginatorComponent implements OnInit {
|
|
1808
|
-
private document;
|
|
1896
|
+
declare class CpsPaginatorComponent implements OnInit, OnChanges {
|
|
1809
1897
|
/**
|
|
1810
1898
|
* Zero-relative number of the first row to be displayed.
|
|
1811
1899
|
* @group Props
|
|
@@ -1841,6 +1929,13 @@ declare class CpsPaginatorComponent implements OnInit {
|
|
|
1841
1929
|
* @group Props
|
|
1842
1930
|
*/
|
|
1843
1931
|
resetPageOnRowsChange: boolean;
|
|
1932
|
+
/**
|
|
1933
|
+
* Accessible label for the paginator component.
|
|
1934
|
+
* Falls back to "Pagination" when empty value is provided.
|
|
1935
|
+
* @group Props
|
|
1936
|
+
* @default Pagination
|
|
1937
|
+
*/
|
|
1938
|
+
ariaLabel: string;
|
|
1844
1939
|
/**
|
|
1845
1940
|
* Callback to invoke when page changes, the event object contains information about the new state.
|
|
1846
1941
|
* @param {any} any - page changed.
|
|
@@ -1848,16 +1943,34 @@ declare class CpsPaginatorComponent implements OnInit {
|
|
|
1848
1943
|
*/
|
|
1849
1944
|
pageChanged: EventEmitter<any>;
|
|
1850
1945
|
paginator: Paginator;
|
|
1946
|
+
cvtBackgroundColor: string;
|
|
1947
|
+
computedAriaLabel: string;
|
|
1948
|
+
paginatorPt: {
|
|
1949
|
+
first: {
|
|
1950
|
+
'aria-disabled': string | null;
|
|
1951
|
+
tabindex: number;
|
|
1952
|
+
};
|
|
1953
|
+
};
|
|
1851
1954
|
rowOptions: {
|
|
1852
1955
|
label: string;
|
|
1853
1956
|
value: number;
|
|
1854
1957
|
}[];
|
|
1855
|
-
|
|
1958
|
+
private _currentRowsPerPageOptions;
|
|
1959
|
+
private readonly _document;
|
|
1960
|
+
private readonly _elementRef;
|
|
1961
|
+
private readonly _staticAriaLabel;
|
|
1856
1962
|
ngOnInit(): void;
|
|
1963
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1964
|
+
private _syncRows;
|
|
1965
|
+
private _updateAriaLabel;
|
|
1966
|
+
private _buildPaginatorPt;
|
|
1857
1967
|
onPageChange(event: any): void;
|
|
1968
|
+
onKeydown(event: KeyboardEvent): void;
|
|
1969
|
+
private _getPageButtons;
|
|
1970
|
+
private _focusSelectedPageButton;
|
|
1858
1971
|
onRowsPerPageChange(rows: number): void;
|
|
1859
1972
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsPaginatorComponent, never>;
|
|
1860
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsPaginatorComponent, "cps-paginator", never, { "first": { "alias": "first"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "alwaysShow": { "alias": "alwaysShow"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "resetPageOnRowsChange": { "alias": "resetPageOnRowsChange"; "required": false; }; }, { "pageChanged": "pageChanged"; }, never, never, true, never>;
|
|
1973
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsPaginatorComponent, "cps-paginator", never, { "first": { "alias": "first"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "alwaysShow": { "alias": "alwaysShow"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "resetPageOnRowsChange": { "alias": "resetPageOnRowsChange"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "pageChanged": "pageChanged"; }, never, never, true, never>;
|
|
1861
1974
|
}
|
|
1862
1975
|
|
|
1863
1976
|
/**
|
|
@@ -1877,8 +1990,7 @@ declare class CpsPaginatePipe implements PipeTransform {
|
|
|
1877
1990
|
* CpsProgressCircularComponent is a process status indicator in a form of a spinner.
|
|
1878
1991
|
* @group Components
|
|
1879
1992
|
*/
|
|
1880
|
-
declare class CpsProgressCircularComponent implements OnInit {
|
|
1881
|
-
private document;
|
|
1993
|
+
declare class CpsProgressCircularComponent implements OnInit, OnChanges {
|
|
1882
1994
|
/**
|
|
1883
1995
|
* Diameter of the progress bar, of type number denoting pixels or string.
|
|
1884
1996
|
* @group Props
|
|
@@ -1894,10 +2006,24 @@ declare class CpsProgressCircularComponent implements OnInit {
|
|
|
1894
2006
|
* @group Props
|
|
1895
2007
|
*/
|
|
1896
2008
|
color: string;
|
|
1897
|
-
|
|
2009
|
+
/**
|
|
2010
|
+
* Accessible label announced by screen readers to describe what is loading.
|
|
2011
|
+
* Falls back to "Loading" when empty value is provided.
|
|
2012
|
+
* @group Props
|
|
2013
|
+
* @default Loading
|
|
2014
|
+
*/
|
|
2015
|
+
ariaLabel: string;
|
|
2016
|
+
private readonly _document;
|
|
2017
|
+
private readonly _staticAriaLabel;
|
|
2018
|
+
cvtDiameter: string;
|
|
2019
|
+
cvtStrokeWidth: string;
|
|
2020
|
+
cvtColor: string;
|
|
2021
|
+
computedAriaLabel: string;
|
|
1898
2022
|
ngOnInit(): void;
|
|
2023
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
2024
|
+
private _updateAriaLabel;
|
|
1899
2025
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsProgressCircularComponent, never>;
|
|
1900
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsProgressCircularComponent, "cps-progress-circular", never, { "diameter": { "alias": "diameter"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
|
2026
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsProgressCircularComponent, "cps-progress-circular", never, { "diameter": { "alias": "diameter"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
|
|
1901
2027
|
}
|
|
1902
2028
|
|
|
1903
2029
|
/**
|
|
@@ -1941,14 +2067,23 @@ declare class CpsProgressLinearComponent {
|
|
|
1941
2067
|
* @default 0
|
|
1942
2068
|
*/
|
|
1943
2069
|
radius: i0.InputSignal<string | number>;
|
|
1944
|
-
|
|
2070
|
+
/**
|
|
2071
|
+
* Accessible label announced by screen readers to describe what is loading.
|
|
2072
|
+
* Falls back to "Loading" when empty value is provided.
|
|
2073
|
+
* @group Props
|
|
2074
|
+
* @default Loading
|
|
2075
|
+
*/
|
|
2076
|
+
ariaLabel: i0.InputSignal<string>;
|
|
2077
|
+
private readonly _document;
|
|
2078
|
+
private readonly _staticAriaLabel;
|
|
1945
2079
|
cvtWidth: i0.Signal<string>;
|
|
1946
2080
|
cvtHeight: i0.Signal<string>;
|
|
1947
2081
|
cvtRadius: i0.Signal<string>;
|
|
1948
2082
|
cssColor: i0.Signal<string>;
|
|
1949
2083
|
cssBgColor: i0.Signal<string>;
|
|
2084
|
+
computedAriaLabel: i0.Signal<string>;
|
|
1950
2085
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsProgressLinearComponent, never>;
|
|
1951
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsProgressLinearComponent, "cps-progress-linear", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "opacity": { "alias": "opacity"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2086
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsProgressLinearComponent, "cps-progress-linear", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "opacity": { "alias": "opacity"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1952
2087
|
}
|
|
1953
2088
|
|
|
1954
2089
|
/**
|
|
@@ -2779,16 +2914,20 @@ declare class CpsSidebarMenuComponent {
|
|
|
2779
2914
|
* CpsSwitchComponent is a component used to toggle a boolean value.
|
|
2780
2915
|
* @group Components
|
|
2781
2916
|
*/
|
|
2782
|
-
declare class CpsSwitchComponent implements ControlValueAccessor {
|
|
2917
|
+
declare class CpsSwitchComponent implements OnInit, OnChanges, ControlValueAccessor {
|
|
2783
2918
|
private _control;
|
|
2784
|
-
private _elementRef;
|
|
2785
2919
|
/**
|
|
2786
|
-
* Label of the component.
|
|
2920
|
+
* Label of the switch component.
|
|
2787
2921
|
* @group Props
|
|
2788
2922
|
*/
|
|
2789
2923
|
label: string;
|
|
2790
2924
|
/**
|
|
2791
|
-
*
|
|
2925
|
+
* Aria label for the switch component, used for accessibility, it takes precedence over label.
|
|
2926
|
+
* @group Props
|
|
2927
|
+
*/
|
|
2928
|
+
ariaLabel: string;
|
|
2929
|
+
/**
|
|
2930
|
+
* Determines whether the switch component is disabled.
|
|
2792
2931
|
* @group Props
|
|
2793
2932
|
*/
|
|
2794
2933
|
disabled: boolean;
|
|
@@ -2831,7 +2970,10 @@ declare class CpsSwitchComponent implements ControlValueAccessor {
|
|
|
2831
2970
|
*/
|
|
2832
2971
|
valueChanged: EventEmitter<boolean>;
|
|
2833
2972
|
private _value;
|
|
2834
|
-
|
|
2973
|
+
switchInput?: ElementRef<HTMLInputElement>;
|
|
2974
|
+
constructor(_control: NgControl);
|
|
2975
|
+
ngOnInit(): void;
|
|
2976
|
+
ngOnChanges(): void;
|
|
2835
2977
|
onChange: (_event: any) => void;
|
|
2836
2978
|
onTouched: () => void;
|
|
2837
2979
|
registerOnChange(fn: any): void;
|
|
@@ -2841,8 +2983,8 @@ declare class CpsSwitchComponent implements ControlValueAccessor {
|
|
|
2841
2983
|
private _updateValue;
|
|
2842
2984
|
setDisabledState(_disabled: boolean): void;
|
|
2843
2985
|
focus(): void;
|
|
2844
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CpsSwitchComponent, [{ optional: true; self: true; }
|
|
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>;
|
|
2986
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CpsSwitchComponent, [{ optional: true; self: true; }]>;
|
|
2987
|
+
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
2988
|
}
|
|
2847
2989
|
|
|
2848
2990
|
/**
|
|
@@ -4053,7 +4195,7 @@ declare class CpsTableDetectFilterTypePipe implements PipeTransform {
|
|
|
4053
4195
|
* CpsTagComponent is used to categorize content.
|
|
4054
4196
|
* @group Components
|
|
4055
4197
|
*/
|
|
4056
|
-
declare class CpsTagComponent implements ControlValueAccessor, OnChanges {
|
|
4198
|
+
declare class CpsTagComponent implements ControlValueAccessor, OnInit, OnChanges {
|
|
4057
4199
|
private _control;
|
|
4058
4200
|
private document;
|
|
4059
4201
|
/**
|
|
@@ -4090,17 +4232,23 @@ declare class CpsTagComponent implements ControlValueAccessor, OnChanges {
|
|
|
4090
4232
|
*/
|
|
4091
4233
|
valueChanged: EventEmitter<boolean>;
|
|
4092
4234
|
classesList: string[];
|
|
4235
|
+
pressing: boolean;
|
|
4236
|
+
cvtColor: string;
|
|
4093
4237
|
private _value;
|
|
4094
4238
|
constructor(_control: NgControl, document: Document);
|
|
4095
|
-
|
|
4239
|
+
ngOnInit(): void;
|
|
4240
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
4096
4241
|
setClasses(): void;
|
|
4097
4242
|
onChange: (_event: any) => void;
|
|
4098
4243
|
onTouched: () => void;
|
|
4099
4244
|
registerOnChange(fn: any): void;
|
|
4100
4245
|
registerOnTouched(fn: any): void;
|
|
4101
4246
|
writeValue(value: boolean): void;
|
|
4247
|
+
handleEnterKeydown(event: Event): void;
|
|
4248
|
+
handleSpaceKeydown(event: Event): void;
|
|
4102
4249
|
toggleSelected(): void;
|
|
4103
4250
|
private _updateValue;
|
|
4251
|
+
private _logMissingLabelError;
|
|
4104
4252
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTagComponent, [{ optional: true; self: true; }, null]>;
|
|
4105
4253
|
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
4254
|
}
|
|
@@ -5915,6 +6063,16 @@ interface CpsNotificationConfig {
|
|
|
5915
6063
|
* @default undefined
|
|
5916
6064
|
*/
|
|
5917
6065
|
maxWidth?: string;
|
|
6066
|
+
/**
|
|
6067
|
+
* Whether to announce error notifications politely instead of assertively.
|
|
6068
|
+
* @default false
|
|
6069
|
+
*/
|
|
6070
|
+
politeError?: boolean;
|
|
6071
|
+
/**
|
|
6072
|
+
* Whether to announce warning notifications politely instead of assertively.
|
|
6073
|
+
* @default false
|
|
6074
|
+
*/
|
|
6075
|
+
politeWarning?: boolean;
|
|
5918
6076
|
}
|
|
5919
6077
|
|
|
5920
6078
|
/**
|
|
@@ -5966,6 +6124,7 @@ declare class CpsNotificationService {
|
|
|
5966
6124
|
private _createNotification;
|
|
5967
6125
|
private _initConfig;
|
|
5968
6126
|
private _appendNotificationToContainer;
|
|
6127
|
+
private _createContainerComponent;
|
|
5969
6128
|
private _tryRemoveContainer;
|
|
5970
6129
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsNotificationService, never>;
|
|
5971
6130
|
static ɵprov: i0.ɵɵInjectableDeclaration<CpsNotificationService>;
|
|
@@ -6438,6 +6597,50 @@ declare class CpsCronValidationService {
|
|
|
6438
6597
|
*/
|
|
6439
6598
|
declare const CPS_CRON_VALIDATION_SERVICE: InjectionToken<CpsCronValidationService | null>;
|
|
6440
6599
|
|
|
6600
|
+
type CpsLiveAnnouncerPoliteness = 'polite' | 'assertive';
|
|
6601
|
+
/**
|
|
6602
|
+
* Service for making accessible live-region announcements without relying on a
|
|
6603
|
+
* specific component's live region. Creates two persistent hidden elements in
|
|
6604
|
+
* document.body (one polite, one assertive) that screen readers monitor for
|
|
6605
|
+
* content changes.
|
|
6606
|
+
*/
|
|
6607
|
+
declare class CpsLiveAnnouncerService implements OnDestroy {
|
|
6608
|
+
private _document;
|
|
6609
|
+
private _ngZone;
|
|
6610
|
+
private _platformId;
|
|
6611
|
+
private _isBrowser;
|
|
6612
|
+
private _regions;
|
|
6613
|
+
/**
|
|
6614
|
+
* Announces a message through the appropriate live region. Clears any
|
|
6615
|
+
* existing text first so the same message can be re-announced, then writes
|
|
6616
|
+
* the new text on the next tick so screen readers observe the content change.
|
|
6617
|
+
* After `duration` ms the region is cleared automatically; pass `0` to keep
|
|
6618
|
+
* the message indefinitely. Defaults to 5000ms.
|
|
6619
|
+
*/
|
|
6620
|
+
announce(message: string, politeness?: CpsLiveAnnouncerPoliteness, durationMs?: number): void;
|
|
6621
|
+
/**
|
|
6622
|
+
* Clears the live region without making a new announcement.
|
|
6623
|
+
*/
|
|
6624
|
+
clear(politeness?: CpsLiveAnnouncerPoliteness): void;
|
|
6625
|
+
ngOnDestroy(): void;
|
|
6626
|
+
private _createElement;
|
|
6627
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CpsLiveAnnouncerService, never>;
|
|
6628
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<CpsLiveAnnouncerService>;
|
|
6629
|
+
}
|
|
6630
|
+
/**
|
|
6631
|
+
* Injection token for the live-announcer service.
|
|
6632
|
+
*
|
|
6633
|
+
* By default it resolves to the singleton {@link CpsLiveAnnouncerService}.
|
|
6634
|
+
* Consumer applications can override it to supply a custom implementation or
|
|
6635
|
+
* provide `null` to disable all live-region announcements.
|
|
6636
|
+
*
|
|
6637
|
+
* @example Disable announcements:
|
|
6638
|
+
* ```typescript
|
|
6639
|
+
* providers: [{ provide: CPS_LIVE_ANNOUNCER_SERVICE, useValue: null }]
|
|
6640
|
+
* ```
|
|
6641
|
+
*/
|
|
6642
|
+
declare const CPS_LIVE_ANNOUNCER_SERVICE: InjectionToken<CpsLiveAnnouncerService | null>;
|
|
6643
|
+
|
|
6441
6644
|
/**
|
|
6442
6645
|
* Collects all --cps-color-* CSS custom properties from :root rules only.
|
|
6443
6646
|
* Theme overrides (e.g. [data-theme='dark']) are excluded to avoid duplicates,
|
|
@@ -6447,5 +6650,5 @@ declare const getCpsColors: (_document: Document) => [string, string][];
|
|
|
6447
6650
|
declare const getCSSColor: (val: string, _document: Document) => string;
|
|
6448
6651
|
declare const getTextColor: (backgroundColor: string) => string;
|
|
6449
6652
|
|
|
6450
|
-
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 };
|
|
6653
|
+
export { CPS_CRON_VALIDATION_SERVICE, CPS_FOCUS_SERVICE, CPS_LIVE_ANNOUNCER_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, CpsLiveAnnouncerService, 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 };
|
|
6654
|
+
export type { CpsAutocompleteAppearanceType, CpsBaseTheme, CpsButtonToggleOption, CpsColorTheme, CpsColumnFilterCategoryOption, CpsColumnFilterType, CpsDatepickerAppearanceType, CpsDatepickerDateFormat, CpsDialogAutoFocusTarget, CpsDividerType, CpsInputAppearanceType, CpsLiveAnnouncerPoliteness, 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 };
|