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/fesm2022/cps-ui-kit.mjs +478 -99
- package/fesm2022/cps-ui-kit.mjs.map +1 -1
- package/package.json +1 -1
- package/types/cps-ui-kit.d.ts +105 -27
package/package.json
CHANGED
package/types/cps-ui-kit.d.ts
CHANGED
|
@@ -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
|
-
|
|
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
|
|
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
|
-
*
|
|
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
|
-
|
|
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
|
|
1561
|
+
* @default 0.0625rem
|
|
1518
1562
|
*/
|
|
1519
1563
|
thickness: i0.InputSignal<string | number>;
|
|
1520
|
-
|
|
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
|
-
*
|
|
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
|
-
|
|
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; }
|
|
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
|
-
|
|
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 };
|