cps-ui-kit 19.3.0 → 20.0.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/assets/icons.svg +6 -0
- package/fesm2022/cps-ui-kit.mjs +562 -565
- package/fesm2022/cps-ui-kit.mjs.map +1 -1
- package/index.d.ts +5547 -3
- package/package.json +8 -6
- package/styles/styles.scss +6 -5
- package/lib/components/cps-autocomplete/cps-autocomplete.component.d.ts +0 -332
- package/lib/components/cps-button/cps-button.component.d.ts +0 -89
- package/lib/components/cps-button-toggle/cps-button-toggle.component.d.ts +0 -111
- package/lib/components/cps-checkbox/cps-checkbox.component.d.ts +0 -86
- package/lib/components/cps-chip/cps-chip.component.d.ts +0 -51
- package/lib/components/cps-datepicker/cps-datepicker.component.d.ts +0 -158
- package/lib/components/cps-divider/cps-divider.component.d.ts +0 -39
- package/lib/components/cps-expansion-panel/cps-expansion-panel.component.d.ts +0 -86
- package/lib/components/cps-file-upload/cps-file-upload.component.d.ts +0 -79
- package/lib/components/cps-icon/cps-icon.component.d.ts +0 -44
- package/lib/components/cps-info-circle/cps-info-circle.component.d.ts +0 -41
- package/lib/components/cps-input/cps-input.component.d.ts +0 -206
- package/lib/components/cps-loader/cps-loader.component.d.ts +0 -34
- package/lib/components/cps-menu/cps-menu.component.d.ts +0 -179
- package/lib/components/cps-paginator/cps-paginator.component.d.ts +0 -62
- package/lib/components/cps-paginator/pipes/cps-paginate.pipe.d.ts +0 -14
- package/lib/components/cps-progress-circular/cps-progress-circular.component.d.ts +0 -28
- package/lib/components/cps-progress-linear/cps-progress-linear.component.d.ts +0 -43
- package/lib/components/cps-radio-group/cps-radio/cps-radio.component.d.ts +0 -21
- package/lib/components/cps-radio-group/cps-radio-button/cps-radio-button.component.d.ts +0 -49
- package/lib/components/cps-radio-group/cps-radio-group.component.d.ts +0 -120
- package/lib/components/cps-scheduler/cps-scheduler.component.d.ts +0 -151
- package/lib/components/cps-scheduler/cps-scheduler.utils.d.ts +0 -1
- package/lib/components/cps-select/cps-select.component.d.ts +0 -260
- package/lib/components/cps-sidebar-menu/cps-sidebar-menu.component.d.ts +0 -51
- package/lib/components/cps-switch/cps-switch.component.d.ts +0 -73
- package/lib/components/cps-tab-group/cps-tab/cps-tab.component.d.ts +0 -57
- package/lib/components/cps-tab-group/cps-tab-group.component.d.ts +0 -124
- package/lib/components/cps-table/components/internal/cps-sort-icon/cps-sort-icon.component.d.ts +0 -24
- package/lib/components/cps-table/components/internal/table-column-filter/table-column-filter.component.d.ts +0 -140
- package/lib/components/cps-table/components/internal/table-column-filter-constraint/table-column-filter-constraint.component.d.ts +0 -67
- package/lib/components/cps-table/components/internal/table-row-menu/table-row-menu.component.d.ts +0 -46
- package/lib/components/cps-table/cps-column-filter-types.d.ts +0 -42
- package/lib/components/cps-table/cps-table.component.d.ts +0 -561
- package/lib/components/cps-table/directives/cps-table-column-filter.directive.d.ts +0 -103
- package/lib/components/cps-table/directives/cps-table-column-resizable.directive.d.ts +0 -15
- package/lib/components/cps-table/directives/cps-table-column-sortable.directive.d.ts +0 -24
- package/lib/components/cps-table/directives/cps-table-header-selectable.directive.d.ts +0 -17
- package/lib/components/cps-table/directives/cps-table-row-selectable.directive.d.ts +0 -22
- package/lib/components/cps-table/directives/internal/table-unsort.directive.d.ts +0 -13
- package/lib/components/cps-table/pipes/cps-table-detect-filter-type.pipe.d.ts +0 -10
- package/lib/components/cps-tag/cps-tag.component.d.ts +0 -58
- package/lib/components/cps-textarea/cps-textarea.component.d.ts +0 -154
- package/lib/components/cps-timepicker/cps-timepicker.component.d.ts +0 -156
- package/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.d.ts +0 -65
- package/lib/components/cps-tree-select/cps-tree-select.component.d.ts +0 -36
- package/lib/components/cps-tree-table/cps-tree-table.component.d.ts +0 -587
- package/lib/components/cps-tree-table/directives/cps-tree-table-column-filter.directive.d.ts +0 -98
- package/lib/components/cps-tree-table/directives/cps-tree-table-column-resizable.directive.d.ts +0 -15
- package/lib/components/cps-tree-table/directives/cps-tree-table-column-sortable.directive.d.ts +0 -24
- package/lib/components/cps-tree-table/directives/cps-tree-table-header-selectable.directive.d.ts +0 -17
- package/lib/components/cps-tree-table/directives/cps-tree-table-row-selectable.directive.d.ts +0 -22
- package/lib/components/cps-tree-table/directives/cps-tree-table-row-toggler.directive.d.ts +0 -23
- package/lib/components/cps-tree-table/directives/internal/tree-table-unsort.directive.d.ts +0 -15
- package/lib/components/cps-tree-table/pipes/cps-tree-table-detect-filter-type.pipe.d.ts +0 -12
- package/lib/components/internal/cps-base-tree-dropdown/cps-base-tree-dropdown.component.d.ts +0 -237
- package/lib/directives/cps-tooltip/cps-tooltip.directive.d.ts +0 -90
- package/lib/pipes/internal/check-option-selected.pipe.d.ts +0 -7
- package/lib/pipes/internal/combine-labels.pipe.d.ts +0 -7
- package/lib/pipes/internal/label-by-value.pipe.d.ts +0 -7
- package/lib/services/cps-dialog/cps-dialog.service.d.ts +0 -47
- package/lib/services/cps-dialog/internal/components/cps-confirmation/cps-confirmation.component.d.ts +0 -12
- package/lib/services/cps-dialog/internal/components/cps-dialog/cps-dialog.component.d.ts +0 -93
- package/lib/services/cps-dialog/internal/directives/cps-dialog-content.directive.d.ts +0 -8
- package/lib/services/cps-dialog/utils/cps-dialog-config.d.ts +0 -155
- package/lib/services/cps-dialog/utils/cps-dialog-ref.d.ts +0 -101
- package/lib/services/cps-notification/cps-notification.service.d.ts +0 -56
- package/lib/services/cps-notification/internal/components/cps-notification-container/cps-notification-container.component.d.ts +0 -39
- package/lib/services/cps-notification/internal/components/cps-toast/cps-toast.component.d.ts +0 -28
- package/lib/services/cps-notification/utils/cps-notification-config.d.ts +0 -60
- package/lib/services/cps-notification/utils/internal/cps-notification-data.d.ts +0 -26
- package/lib/utils/colors-utils.d.ts +0 -3
- package/lib/utils/internal/size-utils.d.ts +0 -5
- package/public-api.d.ts +0 -54
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, InjectionToken, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
|
-
import { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* CpsRadioOption is used to define the options of the CpsRadioGroupComponent.
|
|
7
|
-
* @group Types
|
|
8
|
-
*/
|
|
9
|
-
export type CpsRadioOption = {
|
|
10
|
-
value: any;
|
|
11
|
-
label?: string;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
tooltip?: string;
|
|
14
|
-
};
|
|
15
|
-
export declare const CPS_RADIO_GROUP: InjectionToken<CpsRadioGroupComponent>;
|
|
16
|
-
/**
|
|
17
|
-
* CpsRadioGroupComponent is a radio buttons group.
|
|
18
|
-
* @group Components
|
|
19
|
-
*/
|
|
20
|
-
export declare class CpsRadioGroupComponent implements ControlValueAccessor, OnInit, OnDestroy {
|
|
21
|
-
private _control;
|
|
22
|
-
/**
|
|
23
|
-
* An array of options.
|
|
24
|
-
* @group Props
|
|
25
|
-
*/
|
|
26
|
-
options: CpsRadioOption[];
|
|
27
|
-
/**
|
|
28
|
-
* Label of the radio group.
|
|
29
|
-
* @group Props
|
|
30
|
-
*/
|
|
31
|
-
groupLabel: string;
|
|
32
|
-
/**
|
|
33
|
-
* Determines whether the radio group should be vertical.
|
|
34
|
-
* @group Props
|
|
35
|
-
*/
|
|
36
|
-
vertical: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Determines whether the radio group is disabled.
|
|
39
|
-
* @group Props
|
|
40
|
-
*/
|
|
41
|
-
disabled: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* When it is not an empty string, an info icon is displayed to show text for more info.
|
|
44
|
-
* @group Props
|
|
45
|
-
*/
|
|
46
|
-
infoTooltip: string;
|
|
47
|
-
/**
|
|
48
|
-
* InfoTooltip class for styling.
|
|
49
|
-
* @group Props
|
|
50
|
-
*/
|
|
51
|
-
infoTooltipClass: string;
|
|
52
|
-
/**
|
|
53
|
-
* Size of infoTooltip, of type number denoting pixels or string.
|
|
54
|
-
* @group Props
|
|
55
|
-
*/
|
|
56
|
-
infoTooltipMaxWidth: number | string;
|
|
57
|
-
/**
|
|
58
|
-
* Determines whether the infoTooltip is persistent.
|
|
59
|
-
* @group Props
|
|
60
|
-
*/
|
|
61
|
-
infoTooltipPersistent: boolean;
|
|
62
|
-
/**
|
|
63
|
-
* Position of infoTooltip, it can be "top", "bottom", "left" or "right".
|
|
64
|
-
* @group Props
|
|
65
|
-
*/
|
|
66
|
-
infoTooltipPosition: CpsTooltipPosition;
|
|
67
|
-
/**
|
|
68
|
-
* Bottom hint text for the radio group.
|
|
69
|
-
* @group Props
|
|
70
|
-
*/
|
|
71
|
-
hint: string;
|
|
72
|
-
/**
|
|
73
|
-
* Hides hint and validation errors.
|
|
74
|
-
* @group Props
|
|
75
|
-
*/
|
|
76
|
-
hideDetails: boolean;
|
|
77
|
-
/**
|
|
78
|
-
* Value of the radio group.
|
|
79
|
-
* @group Props
|
|
80
|
-
*/
|
|
81
|
-
set value(value: any);
|
|
82
|
-
get value(): any;
|
|
83
|
-
/**
|
|
84
|
-
* Callback to invoke on value change.
|
|
85
|
-
* @param {boolean} boolean - value changed.
|
|
86
|
-
* @group Emits
|
|
87
|
-
*/
|
|
88
|
-
valueChanged: EventEmitter<boolean>;
|
|
89
|
-
/**
|
|
90
|
-
* Callback to invoke when the radio group loses focus.
|
|
91
|
-
* @param {any}
|
|
92
|
-
* @group Emits
|
|
93
|
-
*/
|
|
94
|
-
blurred: EventEmitter<any>;
|
|
95
|
-
/**
|
|
96
|
-
* Callback to invoke when the radio group receives focus.
|
|
97
|
-
* @param {any}
|
|
98
|
-
* @group Emits
|
|
99
|
-
*/
|
|
100
|
-
focused: EventEmitter<any>;
|
|
101
|
-
private _statusChangesSubscription?;
|
|
102
|
-
private _value;
|
|
103
|
-
error: string;
|
|
104
|
-
constructor(_control: NgControl);
|
|
105
|
-
ngOnInit(): void;
|
|
106
|
-
ngOnDestroy(): void;
|
|
107
|
-
onChange: (event: any) => void;
|
|
108
|
-
onTouched: () => void;
|
|
109
|
-
registerOnChange(fn: any): void;
|
|
110
|
-
registerOnTouched(fn: any): void;
|
|
111
|
-
writeValue(value: any): void;
|
|
112
|
-
updateValueEvent(value: any): void;
|
|
113
|
-
private _updateValue;
|
|
114
|
-
setDisabledState(disabled: boolean): void;
|
|
115
|
-
onBlur(): void;
|
|
116
|
-
onFocus(): void;
|
|
117
|
-
private _checkErrors;
|
|
118
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CpsRadioGroupComponent, [{ optional: true; self: true; }]>;
|
|
119
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsRadioGroupComponent, "cps-radio-group", never, { "options": { "alias": "options"; "required": false; }; "groupLabel": { "alias": "groupLabel"; "required": false; }; "vertical": { "alias": "vertical"; "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; }; "hint": { "alias": "hint"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "blurred": "blurred"; "focused": "focused"; }, never, ["*"], true, never>;
|
|
120
|
-
}
|
|
@@ -1,151 +0,0 @@
|
|
|
1
|
-
import { OnInit, OnChanges, EventEmitter, SimpleChanges, ChangeDetectorRef } from '@angular/core';
|
|
2
|
-
import { FormBuilder, FormGroup } from '@angular/forms';
|
|
3
|
-
import { CpsButtonToggleOption } from '../cps-button-toggle/cps-button-toggle.component';
|
|
4
|
-
import { CpsTime } from '../cps-timepicker/cps-timepicker.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* CpsSchedulerComponent is a component designed to facilitate the creation of Amazon EventBridge CRON expressions.
|
|
8
|
-
* @group Components
|
|
9
|
-
*/
|
|
10
|
-
export declare class CpsSchedulerComponent implements OnInit, OnChanges {
|
|
11
|
-
private _fb;
|
|
12
|
-
private _cdr;
|
|
13
|
-
/**
|
|
14
|
-
* Label of the component.
|
|
15
|
-
* @group Props
|
|
16
|
-
*/
|
|
17
|
-
label: string;
|
|
18
|
-
/**
|
|
19
|
-
* Cron expression value.
|
|
20
|
-
* @group Props
|
|
21
|
-
*/
|
|
22
|
-
cron: string;
|
|
23
|
-
/**
|
|
24
|
-
* Time zone value.
|
|
25
|
-
* @group Props
|
|
26
|
-
*/
|
|
27
|
-
timeZone: string;
|
|
28
|
-
/**
|
|
29
|
-
* Determines whether to show the 'Not set' tab.
|
|
30
|
-
* @group Props
|
|
31
|
-
*/
|
|
32
|
-
showNotSet: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Determines whether to show the 'Advanced' tab.
|
|
35
|
-
* @group Props
|
|
36
|
-
*/
|
|
37
|
-
showAdvanced: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Determines whether to show the 'Minutes' tab.
|
|
40
|
-
* @group Props
|
|
41
|
-
*/
|
|
42
|
-
showMinutes: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* Determines whether to show the time zone selector.
|
|
45
|
-
* @group Props
|
|
46
|
-
*/
|
|
47
|
-
showTimeZone: boolean;
|
|
48
|
-
/**
|
|
49
|
-
* Default time format for the component.
|
|
50
|
-
* @group Props
|
|
51
|
-
*/
|
|
52
|
-
defaultTime: string;
|
|
53
|
-
/**
|
|
54
|
-
* Determines whether to use 24-hour time format.
|
|
55
|
-
* @group Props
|
|
56
|
-
*/
|
|
57
|
-
use24HourTime: boolean;
|
|
58
|
-
/**
|
|
59
|
-
* Determines whether the component is disabled.
|
|
60
|
-
* @group Props
|
|
61
|
-
*/
|
|
62
|
-
disabled: boolean;
|
|
63
|
-
/**
|
|
64
|
-
* Information tooltip for the component.
|
|
65
|
-
* @group Props
|
|
66
|
-
*/
|
|
67
|
-
infoTooltip: string;
|
|
68
|
-
/**
|
|
69
|
-
* Callback to invoke on cron expression value change.
|
|
70
|
-
* @param {string} string - cron expression value changed.
|
|
71
|
-
* @group Emits
|
|
72
|
-
*/
|
|
73
|
-
cronChange: EventEmitter<string>;
|
|
74
|
-
/**
|
|
75
|
-
* Callback to invoke on time zone change.
|
|
76
|
-
* @param {string} string - time zone changed.
|
|
77
|
-
* @group Emits
|
|
78
|
-
*/
|
|
79
|
-
timeZoneChange: EventEmitter<string>;
|
|
80
|
-
scheduleTypes: CpsButtonToggleOption[];
|
|
81
|
-
activeScheduleType: string;
|
|
82
|
-
selectOptions: {
|
|
83
|
-
monthsNumeric: {
|
|
84
|
-
label: number;
|
|
85
|
-
value: number;
|
|
86
|
-
}[];
|
|
87
|
-
months: {
|
|
88
|
-
label: string;
|
|
89
|
-
value: number;
|
|
90
|
-
}[];
|
|
91
|
-
monthWeeks: {
|
|
92
|
-
label: string;
|
|
93
|
-
value: string;
|
|
94
|
-
}[];
|
|
95
|
-
days: {
|
|
96
|
-
label: string;
|
|
97
|
-
value: string;
|
|
98
|
-
}[];
|
|
99
|
-
minutes: {
|
|
100
|
-
label: number;
|
|
101
|
-
value: number;
|
|
102
|
-
}[];
|
|
103
|
-
fullMinutes: {
|
|
104
|
-
label: string;
|
|
105
|
-
value: number;
|
|
106
|
-
}[];
|
|
107
|
-
hours: {
|
|
108
|
-
label: number;
|
|
109
|
-
value: number;
|
|
110
|
-
}[];
|
|
111
|
-
monthDays: {
|
|
112
|
-
label: number;
|
|
113
|
-
value: number;
|
|
114
|
-
}[];
|
|
115
|
-
monthDaysWithLasts: {
|
|
116
|
-
label: string;
|
|
117
|
-
value: string;
|
|
118
|
-
}[];
|
|
119
|
-
};
|
|
120
|
-
timeZoneOptions: {
|
|
121
|
-
label: string;
|
|
122
|
-
value: string;
|
|
123
|
-
}[];
|
|
124
|
-
state: any;
|
|
125
|
-
form: FormGroup;
|
|
126
|
-
private _isDirty;
|
|
127
|
-
private _minutesDefault;
|
|
128
|
-
constructor(_fb: FormBuilder, _cdr: ChangeDetectorRef);
|
|
129
|
-
ngOnInit(): void;
|
|
130
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
131
|
-
setActiveScheduleType(value: string): void;
|
|
132
|
-
regenerateCron(tabChange?: boolean): void;
|
|
133
|
-
onTimeZoneChanged(value: string): void;
|
|
134
|
-
onTimeChanged(value: CpsTime, target: any): void;
|
|
135
|
-
formatTimeValue(value: any): CpsTime;
|
|
136
|
-
private _updateCron;
|
|
137
|
-
private _isValidCron;
|
|
138
|
-
private _validateAdvancedExpr;
|
|
139
|
-
private _getAmPmHour;
|
|
140
|
-
private _getHourType;
|
|
141
|
-
private _hourToCron;
|
|
142
|
-
private _handleModelChange;
|
|
143
|
-
private _getDefaultState;
|
|
144
|
-
private _getRange;
|
|
145
|
-
private _getSelectOptions;
|
|
146
|
-
private _getMonthDayLabel;
|
|
147
|
-
private _numToString;
|
|
148
|
-
private _stringToNum;
|
|
149
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CpsSchedulerComponent, never>;
|
|
150
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsSchedulerComponent, "cps-scheduler", never, { "label": { "alias": "label"; "required": false; }; "cron": { "alias": "cron"; "required": false; }; "timeZone": { "alias": "timeZone"; "required": false; }; "showNotSet": { "alias": "showNotSet"; "required": false; }; "showAdvanced": { "alias": "showAdvanced"; "required": false; }; "showMinutes": { "alias": "showMinutes"; "required": false; }; "showTimeZone": { "alias": "showTimeZone"; "required": false; }; "defaultTime": { "alias": "defaultTime"; "required": false; }; "use24HourTime": { "alias": "use24HourTime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; }, { "cronChange": "cronChange"; "timeZoneChange": "timeZoneChange"; }, never, never, true, never>;
|
|
151
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const timeZones: string[];
|
|
@@ -1,260 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
|
-
import { iconSizeType, IconType } from '../cps-icon/cps-icon.component';
|
|
4
|
-
import { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
|
|
5
|
-
import { CpsMenuComponent } from '../cps-menu/cps-menu.component';
|
|
6
|
-
import { Scroller } from 'primeng/scroller';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* CpsSelectAppearanceType is used to define the border of the select input.
|
|
10
|
-
* @group Types
|
|
11
|
-
*/
|
|
12
|
-
export type CpsSelectAppearanceType = 'outlined' | 'underlined' | 'borderless';
|
|
13
|
-
/**
|
|
14
|
-
* CpsSelectComponent is used to select items from a collection.
|
|
15
|
-
* @group Components
|
|
16
|
-
*/
|
|
17
|
-
export declare class CpsSelectComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
|
|
18
|
-
private _control;
|
|
19
|
-
/**
|
|
20
|
-
* Label of the select component.
|
|
21
|
-
* @group Props
|
|
22
|
-
*/
|
|
23
|
-
label: string;
|
|
24
|
-
/**
|
|
25
|
-
* Placeholder text for the select component.
|
|
26
|
-
* @group Props
|
|
27
|
-
*/
|
|
28
|
-
placeholder: string;
|
|
29
|
-
/**
|
|
30
|
-
* Bottom hint text for the select component.
|
|
31
|
-
* @group Props
|
|
32
|
-
*/
|
|
33
|
-
hint: string;
|
|
34
|
-
/**
|
|
35
|
-
* Returns the object directly rather than the value specified with optionValue.
|
|
36
|
-
* @group Props
|
|
37
|
-
*/
|
|
38
|
-
returnObject: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Specifies if multiple values can be selected.
|
|
41
|
-
* @group Props
|
|
42
|
-
*/
|
|
43
|
-
multiple: boolean;
|
|
44
|
-
/**
|
|
45
|
-
* Specifies whether the component is disabled.
|
|
46
|
-
* @group Props
|
|
47
|
-
*/
|
|
48
|
-
disabled: boolean;
|
|
49
|
-
/**
|
|
50
|
-
* Width of the select component, of type number denoting pixels or string.
|
|
51
|
-
* @group Props
|
|
52
|
-
*/
|
|
53
|
-
width: number | string;
|
|
54
|
-
/**
|
|
55
|
-
* Option for selecting all elements. Doesn't work with virtual scroll.
|
|
56
|
-
* @group Props
|
|
57
|
-
*/
|
|
58
|
-
selectAll: boolean;
|
|
59
|
-
/**
|
|
60
|
-
* When selecting elements, they will appear in a form of a chip.
|
|
61
|
-
* @group Props
|
|
62
|
-
*/
|
|
63
|
-
chips: boolean;
|
|
64
|
-
/**
|
|
65
|
-
* Determines whether the chips can be directly removed.
|
|
66
|
-
* @group Props
|
|
67
|
-
*/
|
|
68
|
-
closableChips: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* When enabled, a clear icon is displayed to clear the value.
|
|
71
|
-
* @group Props
|
|
72
|
-
*/
|
|
73
|
-
clearable: boolean;
|
|
74
|
-
/**
|
|
75
|
-
* Determines whether the dropdown list should open on clear.
|
|
76
|
-
* @group Props
|
|
77
|
-
*/
|
|
78
|
-
openOnClear: boolean;
|
|
79
|
-
/**
|
|
80
|
-
* An array of options.
|
|
81
|
-
* @group Props
|
|
82
|
-
*/
|
|
83
|
-
options: any[];
|
|
84
|
-
/**
|
|
85
|
-
* If multiple, determines whether selected options should be ordered according to the initial order of the options.
|
|
86
|
-
* @group Props
|
|
87
|
-
*/
|
|
88
|
-
keepInitialOrder: boolean;
|
|
89
|
-
/**
|
|
90
|
-
* Name of the label field of an option.
|
|
91
|
-
* @group Props
|
|
92
|
-
*/
|
|
93
|
-
optionLabel: string;
|
|
94
|
-
/**
|
|
95
|
-
* Name of the value field of an option. Needed only if returnObject prop is false.
|
|
96
|
-
* @group Props
|
|
97
|
-
*/
|
|
98
|
-
optionValue: string;
|
|
99
|
-
/**
|
|
100
|
-
* Name of the info field of an option, shows the additional information text.
|
|
101
|
-
* @group Props
|
|
102
|
-
*/
|
|
103
|
-
optionInfo: string;
|
|
104
|
-
/**
|
|
105
|
-
* Name of the icon field of an option, shows the icon.
|
|
106
|
-
* @group Props
|
|
107
|
-
*/
|
|
108
|
-
optionIcon: string;
|
|
109
|
-
/**
|
|
110
|
-
* Name of the icon color field of an option, sets the icon color.
|
|
111
|
-
* @group Props
|
|
112
|
-
*/
|
|
113
|
-
optionIconColor: string;
|
|
114
|
-
/**
|
|
115
|
-
* Hides hint and validation errors.
|
|
116
|
-
* @group Props
|
|
117
|
-
*/
|
|
118
|
-
hideDetails: boolean;
|
|
119
|
-
/**
|
|
120
|
-
* Determines whether the component should have persistent clear icon.
|
|
121
|
-
* @group Props
|
|
122
|
-
*/
|
|
123
|
-
persistentClear: boolean;
|
|
124
|
-
/**
|
|
125
|
-
* Icon before input value.
|
|
126
|
-
* @group Props
|
|
127
|
-
*/
|
|
128
|
-
prefixIcon: IconType;
|
|
129
|
-
/**
|
|
130
|
-
* Size of icon before input value.
|
|
131
|
-
* @group Props
|
|
132
|
-
*/
|
|
133
|
-
prefixIconSize: iconSizeType;
|
|
134
|
-
/**
|
|
135
|
-
* When enabled, a loading bar is displayed.
|
|
136
|
-
* @group Props
|
|
137
|
-
*/
|
|
138
|
-
loading: boolean;
|
|
139
|
-
/**
|
|
140
|
-
* Determines whether only the elements within scrollable area should be added into the DOM.
|
|
141
|
-
* @group Props
|
|
142
|
-
*/
|
|
143
|
-
virtualScroll: boolean;
|
|
144
|
-
/**
|
|
145
|
-
* Determines how many additional elements to add to the DOM outside of the view.
|
|
146
|
-
* @group Props
|
|
147
|
-
*/
|
|
148
|
-
numToleratedItems: number;
|
|
149
|
-
/**
|
|
150
|
-
* When it is not an empty string, an info icon is displayed to show text for more info.
|
|
151
|
-
* @group Props
|
|
152
|
-
*/
|
|
153
|
-
infoTooltip: string;
|
|
154
|
-
/**
|
|
155
|
-
* InfoTooltip class for styling.
|
|
156
|
-
* @group Props
|
|
157
|
-
*/
|
|
158
|
-
infoTooltipClass: string;
|
|
159
|
-
/**
|
|
160
|
-
* Max width of infoTooltip of type number denoting pixels or string.
|
|
161
|
-
* @group Props
|
|
162
|
-
*/
|
|
163
|
-
infoTooltipMaxWidth: number | string;
|
|
164
|
-
/**
|
|
165
|
-
* Determines whether the infoTooltip is persistent.
|
|
166
|
-
* @group Props
|
|
167
|
-
*/
|
|
168
|
-
infoTooltipPersistent: boolean;
|
|
169
|
-
/**
|
|
170
|
-
* Position of infoTooltip, it can be 'top', 'bottom', 'left' or 'right'.
|
|
171
|
-
* @group Props
|
|
172
|
-
*/
|
|
173
|
-
infoTooltipPosition: CpsTooltipPosition;
|
|
174
|
-
/**
|
|
175
|
-
* Class for additional styling of the dropdown list.
|
|
176
|
-
* @group Props
|
|
177
|
-
*/
|
|
178
|
-
optionsClass: string;
|
|
179
|
-
/**
|
|
180
|
-
* Styling appearance of select input, it can be 'outlined', 'underlined' or 'borderless'.
|
|
181
|
-
* @group Props
|
|
182
|
-
*/
|
|
183
|
-
appearance: CpsSelectAppearanceType;
|
|
184
|
-
/**
|
|
185
|
-
* Determines whether the chevron icon should be displayed.
|
|
186
|
-
* @group Props
|
|
187
|
-
*/
|
|
188
|
-
showChevron: boolean;
|
|
189
|
-
/**
|
|
190
|
-
* Value of the select component.
|
|
191
|
-
* @group Props
|
|
192
|
-
*/
|
|
193
|
-
_value: any;
|
|
194
|
-
set value(value: any);
|
|
195
|
-
get value(): any;
|
|
196
|
-
/**
|
|
197
|
-
* Callback to invoke on value change.
|
|
198
|
-
* @param {any} any - value changed.
|
|
199
|
-
* @group Emits
|
|
200
|
-
*/
|
|
201
|
-
valueChanged: EventEmitter<any>;
|
|
202
|
-
/**
|
|
203
|
-
* Callback to invoke when the component receives focus.
|
|
204
|
-
* @param {any}
|
|
205
|
-
* @group Emits
|
|
206
|
-
*/
|
|
207
|
-
focused: EventEmitter<any>;
|
|
208
|
-
/**
|
|
209
|
-
* Callback to invoke when the component loses focus.
|
|
210
|
-
* @param {any}
|
|
211
|
-
* @group Emits
|
|
212
|
-
*/
|
|
213
|
-
blurred: EventEmitter<any>;
|
|
214
|
-
selectBox: ElementRef;
|
|
215
|
-
selectContainer: ElementRef;
|
|
216
|
-
virtualList: Scroller;
|
|
217
|
-
optionsMenu: CpsMenuComponent;
|
|
218
|
-
optionsList: ElementRef;
|
|
219
|
-
private _statusChangesSubscription?;
|
|
220
|
-
error: string;
|
|
221
|
-
cvtWidth: string;
|
|
222
|
-
isOpened: boolean;
|
|
223
|
-
optionHighlightedIndex: number;
|
|
224
|
-
virtualListHeight: number;
|
|
225
|
-
virtualScrollItemSize: number;
|
|
226
|
-
selectBoxWidth: number;
|
|
227
|
-
resizeObserver: ResizeObserver;
|
|
228
|
-
constructor(_control: NgControl);
|
|
229
|
-
ngOnInit(): void;
|
|
230
|
-
ngAfterViewInit(): void;
|
|
231
|
-
ngOnDestroy(): void;
|
|
232
|
-
private _toggleOptions;
|
|
233
|
-
private _recalcVirtualListHeight;
|
|
234
|
-
select(option: any, byValue: boolean): void;
|
|
235
|
-
onOptionClick(option: any): void;
|
|
236
|
-
private _clickOption;
|
|
237
|
-
private _getHTMLOptions;
|
|
238
|
-
private _dehighlightOption;
|
|
239
|
-
private _highlightOption;
|
|
240
|
-
private _navigateOptionsByArrows;
|
|
241
|
-
onBeforeOptionsHidden(): void;
|
|
242
|
-
onBoxClick(): void;
|
|
243
|
-
onKeyDown(event: any): void;
|
|
244
|
-
toggleAll(): void;
|
|
245
|
-
private _checkErrors;
|
|
246
|
-
onChange: (event: any) => void;
|
|
247
|
-
onTouched: () => void;
|
|
248
|
-
registerOnChange(fn: any): void;
|
|
249
|
-
registerOnTouched(fn: any): void;
|
|
250
|
-
writeValue(value: any): void;
|
|
251
|
-
private updateValue;
|
|
252
|
-
clear(event?: any): void;
|
|
253
|
-
setDisabledState(disabled: boolean): void;
|
|
254
|
-
onBlur(): void;
|
|
255
|
-
onFocus(): void;
|
|
256
|
-
focus(): void;
|
|
257
|
-
isEmptyValue(): boolean;
|
|
258
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CpsSelectComponent, [{ optional: true; self: true; }]>;
|
|
259
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsSelectComponent, "cps-select", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "returnObject": { "alias": "returnObject"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "chips": { "alias": "chips"; "required": false; }; "closableChips": { "alias": "closableChips"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "openOnClear": { "alias": "openOnClear"; "required": false; }; "options": { "alias": "options"; "required": false; }; "keepInitialOrder": { "alias": "keepInitialOrder"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionInfo": { "alias": "optionInfo"; "required": false; }; "optionIcon": { "alias": "optionIcon"; "required": false; }; "optionIconColor": { "alias": "optionIconColor"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefixIconSize": { "alias": "prefixIconSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "optionsClass": { "alias": "optionsClass"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "showChevron": { "alias": "showChevron"; "required": false; }; "_value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
|
|
260
|
-
}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { OnInit, QueryList } from '@angular/core';
|
|
2
|
-
import { Router } from '@angular/router';
|
|
3
|
-
import { CpsMenuComponent, CpsMenuItem } from '../cps-menu/cps-menu.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* CpsSidebarMenuItem is used to define the items of the CpsSidebarMenuComponent.
|
|
7
|
-
* @group Types
|
|
8
|
-
*/
|
|
9
|
-
export type CpsSidebarMenuItem = {
|
|
10
|
-
title: string;
|
|
11
|
-
icon: string;
|
|
12
|
-
url?: string;
|
|
13
|
-
target?: string;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
items?: CpsMenuItem[];
|
|
16
|
-
};
|
|
17
|
-
/**
|
|
18
|
-
* CpsSidebarMenuComponent is a vertical menu panel component displayed at the edge of the screen.
|
|
19
|
-
* @group Components
|
|
20
|
-
*/
|
|
21
|
-
export declare class CpsSidebarMenuComponent implements OnInit {
|
|
22
|
-
private _router;
|
|
23
|
-
/**
|
|
24
|
-
* An array of menu items.
|
|
25
|
-
* @group Props
|
|
26
|
-
*/
|
|
27
|
-
items: CpsSidebarMenuItem[];
|
|
28
|
-
/**
|
|
29
|
-
* Indicates current expansion state of the sidebar.
|
|
30
|
-
* @group Props
|
|
31
|
-
*/
|
|
32
|
-
isExpanded: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Determines whether the menu items should allow activating only exact links.
|
|
35
|
-
* @group Props
|
|
36
|
-
*/
|
|
37
|
-
exactRoutes: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Height of the sidebar, of type number denoting pixels or string.
|
|
40
|
-
* @group Props
|
|
41
|
-
*/
|
|
42
|
-
height: number | string;
|
|
43
|
-
allMenus?: QueryList<CpsMenuComponent>;
|
|
44
|
-
constructor(_router: Router);
|
|
45
|
-
ngOnInit(): void;
|
|
46
|
-
toggleMenu(event: any, menu: CpsMenuComponent): void;
|
|
47
|
-
isActive(item: CpsSidebarMenuItem): boolean;
|
|
48
|
-
toggleSidebar(): void;
|
|
49
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CpsSidebarMenuComponent, never>;
|
|
50
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsSidebarMenuComponent, "cps-sidebar-menu", never, { "items": { "alias": "items"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "exactRoutes": { "alias": "exactRoutes"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
|
|
51
|
-
}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter } from '@angular/core';
|
|
2
|
-
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
|
-
import { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* CpsSwitchComponent is a component used to toggle a boolean value.
|
|
7
|
-
* @group Components
|
|
8
|
-
*/
|
|
9
|
-
export declare class CpsSwitchComponent implements ControlValueAccessor {
|
|
10
|
-
private _control;
|
|
11
|
-
private _elementRef;
|
|
12
|
-
/**
|
|
13
|
-
* Label of the component.
|
|
14
|
-
* @group Props
|
|
15
|
-
*/
|
|
16
|
-
label: string;
|
|
17
|
-
/**
|
|
18
|
-
* Determines whether the component is disabled.
|
|
19
|
-
* @group Props
|
|
20
|
-
*/
|
|
21
|
-
disabled: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* When it is not an empty string, an info icon is displayed to show text for more info.
|
|
24
|
-
* @group Props
|
|
25
|
-
*/
|
|
26
|
-
infoTooltip: string;
|
|
27
|
-
/**
|
|
28
|
-
* InfoTooltip class for styling.
|
|
29
|
-
* @group Props
|
|
30
|
-
*/
|
|
31
|
-
infoTooltipClass: string;
|
|
32
|
-
/**
|
|
33
|
-
* Size of infoTooltip, of type number denoting pixels or string.
|
|
34
|
-
* @group Props
|
|
35
|
-
*/
|
|
36
|
-
infoTooltipMaxWidth: number | string;
|
|
37
|
-
/**
|
|
38
|
-
* Determines whether the infoTooltip is persistent.
|
|
39
|
-
* @group Props
|
|
40
|
-
*/
|
|
41
|
-
infoTooltipPersistent: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* Position of infoTooltip, it can be 'top', 'bottom', 'left' or 'right'.
|
|
44
|
-
* @group Props
|
|
45
|
-
*/
|
|
46
|
-
infoTooltipPosition: CpsTooltipPosition;
|
|
47
|
-
/**
|
|
48
|
-
* Value of the switch component.
|
|
49
|
-
* @default false
|
|
50
|
-
* @group Props
|
|
51
|
-
*/
|
|
52
|
-
set value(value: boolean);
|
|
53
|
-
get value(): boolean;
|
|
54
|
-
/**
|
|
55
|
-
* Callback to invoke on value change.
|
|
56
|
-
* @param {boolean} boolean - value changed.
|
|
57
|
-
* @group Emits
|
|
58
|
-
*/
|
|
59
|
-
valueChanged: EventEmitter<boolean>;
|
|
60
|
-
private _value;
|
|
61
|
-
constructor(_control: NgControl, _elementRef: ElementRef<HTMLElement>);
|
|
62
|
-
onChange: (event: any) => void;
|
|
63
|
-
onTouched: () => void;
|
|
64
|
-
registerOnChange(fn: any): void;
|
|
65
|
-
registerOnTouched(fn: any): void;
|
|
66
|
-
writeValue(value: boolean): void;
|
|
67
|
-
updateValueEvent(event: any): void;
|
|
68
|
-
private _updateValue;
|
|
69
|
-
setDisabledState(disabled: boolean): void;
|
|
70
|
-
focus(): void;
|
|
71
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CpsSwitchComponent, [{ optional: true; self: true; }, null]>;
|
|
72
|
-
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>;
|
|
73
|
-
}
|