ngx-opalbytes-components 1.6.1 → 1.8.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/README.md +337 -20
- package/fesm2022/ngx-opalbytes-components.mjs +1591 -730
- package/fesm2022/ngx-opalbytes-components.mjs.map +1 -1
- package/package.json +3 -2
- package/types/ngx-opalbytes-components.d.ts +459 -182
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { OnInit, EventEmitter,
|
|
2
|
+
import { OnInit, EventEmitter, OnDestroy, ElementRef, ChangeDetectorRef, Signal, AfterViewInit } from '@angular/core';
|
|
3
|
+
import { ControlValueAccessor, AbstractControl, FormControl } from '@angular/forms';
|
|
4
|
+
import { MatDateRangeInput } from '@angular/material/datepicker';
|
|
5
|
+
import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
|
|
6
|
+
import * as rxjs from 'rxjs';
|
|
7
|
+
import { Observable } from 'rxjs';
|
|
8
|
+
import { Router, ActivatedRoute } from '@angular/router';
|
|
9
|
+
import { PageEvent, MatPaginatorIntl, MatPaginator } from '@angular/material/paginator';
|
|
10
|
+
import { DateAdapter } from '@angular/material/core';
|
|
11
|
+
import { MatTimepickerOption } from '@angular/material/timepicker';
|
|
12
|
+
import { Overlay, OverlayRef } from '@angular/cdk/overlay';
|
|
3
13
|
import { LiveAnnouncer } from '@angular/cdk/a11y';
|
|
4
14
|
import { SelectionModel } from '@angular/cdk/collections';
|
|
5
|
-
import { MatPaginatorIntl, PageEvent, MatPaginator } from '@angular/material/paginator';
|
|
6
15
|
import { MatSort, Sort } from '@angular/material/sort';
|
|
7
16
|
import { MatTableDataSource } from '@angular/material/table';
|
|
8
|
-
import { Observable } from 'rxjs';
|
|
9
|
-
import { ControlValueAccessor, AbstractControl, FormControl } from '@angular/forms';
|
|
10
|
-
import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
|
|
11
|
-
import { MatDateRangeInput } from '@angular/material/datepicker';
|
|
12
|
-
import { Router, ActivatedRoute } from '@angular/router';
|
|
13
17
|
|
|
14
18
|
declare class BaseButton implements OnInit {
|
|
15
19
|
readonly buttonClick: EventEmitter<void>;
|
|
@@ -29,39 +33,297 @@ declare class BaseButton implements OnInit {
|
|
|
29
33
|
static ɵcmp: i0.ɵɵComponentDeclaration<BaseButton, "cao-base-button", never, { "buttonText": { "alias": "buttonText"; "required": false; }; "isDarkMode": { "alias": "isDarkMode"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "btnClass": { "alias": "btnClass"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "isLucideIcon": { "alias": "isLucideIcon"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
|
|
30
34
|
}
|
|
31
35
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
36
|
+
declare class BaseInput implements ControlValueAccessor {
|
|
37
|
+
type: string;
|
|
38
|
+
placeholder: string;
|
|
39
|
+
label: string;
|
|
40
|
+
inputClass: string;
|
|
41
|
+
value: string | number | boolean | Date;
|
|
42
|
+
errorMessage: string;
|
|
43
|
+
isDisabled: boolean;
|
|
44
|
+
maxLength?: number;
|
|
45
|
+
searchMode: boolean;
|
|
46
|
+
showBorder: boolean;
|
|
47
|
+
isLucideIcon: boolean;
|
|
48
|
+
mask?: string;
|
|
49
|
+
control?: AbstractControl | null;
|
|
50
|
+
tooltip: string;
|
|
51
|
+
dataCy?: string;
|
|
52
|
+
textareaRows?: string;
|
|
53
|
+
decimalMarker: "." | "," | [".", ","];
|
|
54
|
+
thousandSeparator: string;
|
|
55
|
+
allowNegativeNumbers: boolean;
|
|
56
|
+
separatorLimit: string;
|
|
57
|
+
set leadingIcon(value: string);
|
|
58
|
+
set trailingIcon(value: string);
|
|
59
|
+
readonly valueChange: EventEmitter<string>;
|
|
60
|
+
readonly searchClick: EventEmitter<void>;
|
|
61
|
+
readonly inputChange: EventEmitter<string>;
|
|
62
|
+
isFocused: boolean;
|
|
63
|
+
icon: boolean;
|
|
64
|
+
_leadingIcon?: string;
|
|
65
|
+
_trailingIcon?: string;
|
|
66
|
+
onChange: any;
|
|
67
|
+
onTouched: any;
|
|
68
|
+
get hasError(): boolean;
|
|
69
|
+
controlName: string;
|
|
70
|
+
get controlNameValue(): string;
|
|
71
|
+
onInput(event: Event): void;
|
|
72
|
+
onInputChange(event: Event): void;
|
|
73
|
+
onFocus(): void;
|
|
74
|
+
onBlur(): void;
|
|
75
|
+
onSearchClick(): void;
|
|
76
|
+
writeValue(value: string | null | undefined): void;
|
|
77
|
+
registerOnChange(fn: any): void;
|
|
78
|
+
registerOnTouched(fn: any): void;
|
|
79
|
+
setDisabledState(isDisabled: boolean): void;
|
|
80
|
+
private resolveIcon;
|
|
81
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseInput, never>;
|
|
82
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaseInput, "cao-input", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputClass": { "alias": "inputClass"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "searchMode": { "alias": "searchMode"; "required": false; }; "showBorder": { "alias": "showBorder"; "required": false; }; "isLucideIcon": { "alias": "isLucideIcon"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "control": { "alias": "control"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "textareaRows": { "alias": "textareaRows"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "allowNegativeNumbers": { "alias": "allowNegativeNumbers"; "required": false; }; "separatorLimit": { "alias": "separatorLimit"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; }, { "valueChange": "valueChange"; "searchClick": "searchClick"; "inputChange": "inputChange"; }, never, never, true, never>;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
declare class BaseTimeRange implements OnInit {
|
|
86
|
+
label: string;
|
|
87
|
+
max: Date | undefined;
|
|
88
|
+
minDate: Date | undefined;
|
|
89
|
+
maxDate: Date | undefined;
|
|
90
|
+
startDate: Date | undefined;
|
|
91
|
+
finalDate: Date | undefined;
|
|
92
|
+
dataCy?: string;
|
|
93
|
+
controlName: string;
|
|
94
|
+
readonly rangeSelected: EventEmitter<Date[]>;
|
|
95
|
+
dateRangeInput: MatDateRangeInput<Date>;
|
|
96
|
+
ngOnInit(): void;
|
|
97
|
+
onSelectStartDate(event: any): void;
|
|
98
|
+
onInputMaxDate(event: any): void;
|
|
99
|
+
clearInputs(): void;
|
|
100
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseTimeRange, never>;
|
|
101
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaseTimeRange, "cao-base-time-range", never, { "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "finalDate": { "alias": "finalDate"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; }, { "rangeSelected": "rangeSelected"; }, never, never, true, never>;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
interface IAutoCompleteOption {
|
|
105
|
+
id?: string | number;
|
|
106
|
+
nome: string;
|
|
107
|
+
icon?: string;
|
|
108
|
+
iconPosition?: string;
|
|
109
|
+
}
|
|
110
|
+
declare class RnvAutocompleteComponent implements OnInit, ControlValueAccessor {
|
|
111
|
+
label: string;
|
|
112
|
+
placeholder: string;
|
|
113
|
+
options: IAutoCompleteOption[];
|
|
114
|
+
control: AbstractControl;
|
|
115
|
+
dataCy: string;
|
|
116
|
+
controlName: string;
|
|
117
|
+
internalControl: FormControl<string | null>;
|
|
118
|
+
filteredOptions$: Observable<IAutoCompleteOption[]>;
|
|
119
|
+
isFocused: boolean;
|
|
120
|
+
private onChange;
|
|
121
|
+
private onTouched;
|
|
122
|
+
ngOnInit(): void;
|
|
123
|
+
onFocus(): void;
|
|
124
|
+
onBlur(): void;
|
|
125
|
+
private filter;
|
|
126
|
+
displayFn(option: IAutoCompleteOption): string;
|
|
127
|
+
onOptionSelected(event: MatAutocompleteSelectedEvent): void;
|
|
128
|
+
get errorText(): string | null;
|
|
129
|
+
get controlNameValue(): string;
|
|
130
|
+
writeValue(value: IAutoCompleteOption | string): void;
|
|
131
|
+
registerOnChange(fn: (value: IAutoCompleteOption | string) => void): void;
|
|
132
|
+
registerOnTouched(fn: () => void): void;
|
|
133
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
134
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RnvAutocompleteComponent, never>;
|
|
135
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RnvAutocompleteComponent, "cao-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "control": { "alias": "control"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; }, {}, never, never, true, never>;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
interface IDropDownOption {
|
|
139
|
+
id?: string | number;
|
|
140
|
+
nome: string;
|
|
141
|
+
icon?: string;
|
|
142
|
+
iconPosition?: string;
|
|
143
|
+
dataCy?: string;
|
|
144
|
+
}
|
|
145
|
+
declare class DropDownComponent implements ControlValueAccessor, OnInit, OnDestroy {
|
|
146
|
+
private _eref;
|
|
147
|
+
private cdr;
|
|
148
|
+
textHeader: string;
|
|
149
|
+
options: IDropDownOption[];
|
|
150
|
+
dropDownClass: string;
|
|
151
|
+
styleDropDown: {
|
|
152
|
+
[klass: string]: unknown;
|
|
45
153
|
};
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
154
|
+
control?: AbstractControl | null;
|
|
155
|
+
controlName: string;
|
|
156
|
+
isDisabled: boolean;
|
|
157
|
+
readonly itemSelected: EventEmitter<IDropDownOption>;
|
|
158
|
+
tooltip: string;
|
|
159
|
+
dropDirectionInput: "up" | "down";
|
|
160
|
+
dataCy?: string;
|
|
161
|
+
trackByFn?: (index: number, item: IDropDownOption) => unknown;
|
|
162
|
+
compareWith?: (option: unknown, value: unknown) => boolean;
|
|
163
|
+
ariaLabel?: string;
|
|
164
|
+
ariaLabelledBy?: string;
|
|
165
|
+
listAriaLabel?: string;
|
|
166
|
+
isOpen: boolean;
|
|
167
|
+
selectedItem?: IDropDownOption;
|
|
168
|
+
filteredOptions: IDropDownOption[];
|
|
169
|
+
searchControl: FormControl<string | null>;
|
|
170
|
+
isTouched: boolean;
|
|
171
|
+
isFocused: boolean;
|
|
172
|
+
dropDirection: string | undefined;
|
|
173
|
+
removeValidBorder: boolean;
|
|
174
|
+
focusedIndex: number;
|
|
175
|
+
private _handleClickOutside;
|
|
176
|
+
constructor(_eref: ElementRef, cdr: ChangeDetectorRef);
|
|
49
177
|
ngOnInit(): void;
|
|
50
|
-
|
|
51
|
-
|
|
178
|
+
ngOnDestroy(): void;
|
|
179
|
+
get activeDescendant(): string | null;
|
|
180
|
+
toggleDropdown(): void;
|
|
181
|
+
selectItem(option: IDropDownOption): void;
|
|
182
|
+
clear(): void;
|
|
183
|
+
filterOptions(searchTerm: string): void;
|
|
184
|
+
trackBy(index: number, item: IDropDownOption): unknown;
|
|
185
|
+
private onClickOutside;
|
|
186
|
+
onArrowDown(event: Event): void;
|
|
187
|
+
onArrowUp(event: Event): void;
|
|
188
|
+
onSearchEnter(event: Event): void;
|
|
189
|
+
closeDropdown(): void;
|
|
190
|
+
private scrollIntoView;
|
|
191
|
+
checkAvailableSpace(): void;
|
|
192
|
+
writeValue(value: unknown): void;
|
|
193
|
+
registerOnChange(fn: (value: unknown) => void): void;
|
|
194
|
+
registerOnTouched(fn: () => void): void;
|
|
195
|
+
onChange: (value: unknown) => void;
|
|
196
|
+
onTouched: () => void;
|
|
197
|
+
get errorText(): string | null;
|
|
198
|
+
private markAsTouched;
|
|
199
|
+
get controlNameValue(): string;
|
|
200
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropDownComponent, never>;
|
|
201
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropDownComponent, "cao-drop-down", never, { "textHeader": { "alias": "textHeader"; "required": false; }; "options": { "alias": "options"; "required": false; }; "dropDownClass": { "alias": "dropDownClass"; "required": false; }; "styleDropDown": { "alias": "styleDropDown"; "required": false; }; "control": { "alias": "control"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "dropDirectionInput": { "alias": "dropDirectionInput"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "listAriaLabel": { "alias": "listAriaLabel"; "required": false; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
interface INavContent {
|
|
205
|
+
title: string;
|
|
206
|
+
links: INavLink[];
|
|
207
|
+
permissions?: string[];
|
|
208
|
+
directRoute?: boolean;
|
|
209
|
+
}
|
|
210
|
+
interface INavLink {
|
|
211
|
+
text: string;
|
|
212
|
+
url: string;
|
|
213
|
+
disabled?: boolean;
|
|
214
|
+
isValidationRequired?: boolean;
|
|
215
|
+
dataCy?: string;
|
|
216
|
+
directRoute?: boolean;
|
|
217
|
+
}
|
|
218
|
+
declare class LinksButton {
|
|
219
|
+
navContent: Signal<INavContent>;
|
|
220
|
+
router: Router;
|
|
221
|
+
route: ActivatedRoute;
|
|
222
|
+
isValidationRequired(link: INavLink): void;
|
|
223
|
+
private navigateTo;
|
|
224
|
+
private directRoute;
|
|
225
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LinksButton, never>;
|
|
226
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LinksButton, "cao-links-button", never, { "navContent": { "alias": "navContent"; "required": true; }; }, {}, never, never, true, never>;
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
declare class Footer {
|
|
230
|
+
currentYear: number;
|
|
231
|
+
currentRoute?: string;
|
|
232
|
+
footerText?: string;
|
|
233
|
+
isFixed: boolean;
|
|
234
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Footer, never>;
|
|
235
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Footer, "cao-footer", never, { "currentRoute": { "alias": "currentRoute"; "required": false; }; "footerText": { "alias": "footerText"; "required": false; }; "isFixed": { "alias": "isFixed"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
declare class Paginator {
|
|
239
|
+
totalItems: number;
|
|
240
|
+
pageSize: number;
|
|
241
|
+
currentPage: number;
|
|
242
|
+
pageSizeOptions: number[];
|
|
243
|
+
customClass: string;
|
|
244
|
+
showFirstLastButtons: boolean;
|
|
245
|
+
readonly pageEvent: EventEmitter<PageEvent>;
|
|
246
|
+
onPageEvent(event: PageEvent): void;
|
|
247
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Paginator, never>;
|
|
248
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Paginator, "cao-paginator", never, { "totalItems": { "alias": "totalItems"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; }, { "pageEvent": "pageEvent"; }, never, never, true, never>;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
declare class TimePicker {
|
|
252
|
+
private _adapter;
|
|
253
|
+
control: FormControl<Date | null>;
|
|
254
|
+
isDisabled: boolean;
|
|
255
|
+
dataCy?: string;
|
|
256
|
+
set min(v: string);
|
|
257
|
+
set max(v: string);
|
|
258
|
+
minInNumber: number;
|
|
259
|
+
maxInNumber: number;
|
|
260
|
+
readonly timeChange: EventEmitter<Date>;
|
|
261
|
+
private _min;
|
|
262
|
+
private _max;
|
|
263
|
+
customOptions: MatTimepickerOption<Date>[];
|
|
264
|
+
constructor(_adapter: DateAdapter<any>);
|
|
265
|
+
get errorText(): string | null;
|
|
266
|
+
private convertStringInNumber;
|
|
267
|
+
private generateTimeOptions;
|
|
268
|
+
updateTimeOptions(options: MatTimepickerOption<Date>[]): void;
|
|
269
|
+
setDisabledState(isDisabled: boolean): void;
|
|
270
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimePicker, never>;
|
|
271
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimePicker, "cao-time-picker", never, { "control": { "alias": "control"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "timeChange": "timeChange"; }, never, never, true, never>;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
type ModalType = "validation" | "finger" | "facial" | "clinic" | "graph" | "restriction" | "default";
|
|
275
|
+
interface IModal {
|
|
276
|
+
status: boolean;
|
|
277
|
+
data?: any;
|
|
278
|
+
type: ModalType;
|
|
279
|
+
modal?: string;
|
|
280
|
+
}
|
|
281
|
+
type ModalTypeClass = "default" | "custom";
|
|
282
|
+
type ModalTypeSize = "w-100" | "w-90" | "w-80" | "w-75" | "w-70" | "w-60" | "w-50" | "w-40" | "w-30" | "w-20" | "w-10";
|
|
283
|
+
|
|
284
|
+
declare class BaseModalService {
|
|
285
|
+
constructor();
|
|
286
|
+
readonly toggleModalEvent: EventEmitter<IModal>;
|
|
287
|
+
readonly closeAllModalsEvent: EventEmitter<boolean>;
|
|
288
|
+
readonly openModal: EventEmitter<IModal>;
|
|
289
|
+
private modalResultSubject;
|
|
290
|
+
emitModalResult(result: any): void;
|
|
291
|
+
onModalResult(): Observable<any>;
|
|
292
|
+
toggleModal(modalInfo: IModal): void;
|
|
293
|
+
closeAllModals(): void;
|
|
294
|
+
showModal(_selectedModal: ModalType, data?: any): void;
|
|
295
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseModalService, never>;
|
|
296
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<BaseModalService>;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
declare class BaseModal<T> {
|
|
300
|
+
showModal: boolean;
|
|
301
|
+
title: string;
|
|
302
|
+
data: T;
|
|
303
|
+
modalTypeClass: ModalTypeClass;
|
|
304
|
+
modalClass: string;
|
|
305
|
+
modalSize: ModalTypeSize;
|
|
306
|
+
closeOnOverlayClick: boolean;
|
|
307
|
+
protected modalService: BaseModalService;
|
|
308
|
+
closeModals(): void;
|
|
309
|
+
closeModalsWithoutDialog(): void;
|
|
310
|
+
onOverlayClick(): void;
|
|
311
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseModal<any>, never>;
|
|
312
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaseModal<any>, "cao-base-modal", never, { "showModal": { "alias": "showModal"; "required": false; }; "title": { "alias": "title"; "required": false; }; "data": { "alias": "data"; "required": false; }; "modalTypeClass": { "alias": "modalTypeClass"; "required": false; }; "modalClass": { "alias": "modalClass"; "required": false; }; "modalSize": { "alias": "modalSize"; "required": false; }; "closeOnOverlayClick": { "alias": "closeOnOverlayClick"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
52
313
|
}
|
|
53
314
|
|
|
54
315
|
type DialogType = "success" | "error" | "info" | "warning";
|
|
55
316
|
interface IDialogConfig {
|
|
56
317
|
type: DialogType;
|
|
57
318
|
title: string;
|
|
58
|
-
logoIcon?: string;
|
|
59
319
|
message: string;
|
|
60
320
|
confirmButtonText: string;
|
|
61
321
|
cancelButtonText: string;
|
|
322
|
+
logoIcon?: string;
|
|
62
323
|
onConfirm: () => void;
|
|
63
324
|
onCancel: () => void;
|
|
64
325
|
}
|
|
326
|
+
|
|
65
327
|
declare class BaseDialog {
|
|
66
328
|
config: IDialogConfig;
|
|
67
329
|
closeDialog: () => void;
|
|
@@ -74,6 +336,22 @@ declare class BaseDialog {
|
|
|
74
336
|
static ɵcmp: i0.ɵɵComponentDeclaration<BaseDialog, "cao-base-dialog", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
|
|
75
337
|
}
|
|
76
338
|
|
|
339
|
+
declare class BaseDialogService {
|
|
340
|
+
private overlay;
|
|
341
|
+
constructor(overlay: Overlay);
|
|
342
|
+
open(config: IDialogConfig): OverlayRef;
|
|
343
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseDialogService, never>;
|
|
344
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<BaseDialogService>;
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
declare class BaseFilterTableService {
|
|
348
|
+
private filterSubject;
|
|
349
|
+
filter$: rxjs.Observable<string>;
|
|
350
|
+
updateFilter(filterValue: string): void;
|
|
351
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseFilterTableService, never>;
|
|
352
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<BaseFilterTableService>;
|
|
353
|
+
}
|
|
354
|
+
|
|
77
355
|
interface IColumnButton {
|
|
78
356
|
icon: string;
|
|
79
357
|
label: string;
|
|
@@ -103,13 +381,7 @@ interface ITableConfig {
|
|
|
103
381
|
columnData: Record<string, IColumnConfig>;
|
|
104
382
|
paginated?: boolean;
|
|
105
383
|
}
|
|
106
|
-
|
|
107
|
-
private filterSubject;
|
|
108
|
-
filter$: Observable<string>;
|
|
109
|
-
updateFilter(filterValue: string): void;
|
|
110
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FilterTableService, never>;
|
|
111
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<FilterTableService>;
|
|
112
|
-
}
|
|
384
|
+
|
|
113
385
|
declare class TableService {
|
|
114
386
|
private tableConfigSubject;
|
|
115
387
|
private dataSubject;
|
|
@@ -129,11 +401,9 @@ declare class TableService {
|
|
|
129
401
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableService, never>;
|
|
130
402
|
static ɵprov: i0.ɵɵInjectableDeclaration<TableService>;
|
|
131
403
|
}
|
|
132
|
-
|
|
133
|
-
declare
|
|
134
|
-
|
|
135
|
-
protected liveAnnouncer: LiveAnnouncer;
|
|
136
|
-
protected filterTableService: FilterTableService;
|
|
404
|
+
|
|
405
|
+
declare function getPtBrPaginatorIntlBaseTable(): MatPaginatorIntl;
|
|
406
|
+
declare class BaseTable implements OnInit, AfterViewInit, OnDestroy {
|
|
137
407
|
customClass: string;
|
|
138
408
|
pageSizeOptions: number[];
|
|
139
409
|
showFirstLastButtons: boolean;
|
|
@@ -161,7 +431,10 @@ declare class TableComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
161
431
|
currentPage: number;
|
|
162
432
|
private previousPage;
|
|
163
433
|
getAllColumns(): string[];
|
|
164
|
-
|
|
434
|
+
protected tableService: TableService;
|
|
435
|
+
protected liveAnnouncer: LiveAnnouncer;
|
|
436
|
+
protected filterTableService: BaseFilterTableService;
|
|
437
|
+
constructor();
|
|
165
438
|
ngOnInit(): void;
|
|
166
439
|
ngAfterViewInit(): void;
|
|
167
440
|
ngOnDestroy(): void;
|
|
@@ -196,161 +469,165 @@ declare class TableComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
196
469
|
* Update total items when data changes
|
|
197
470
|
*/
|
|
198
471
|
updateTotalItems(): void;
|
|
199
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
200
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
472
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseTable, never>;
|
|
473
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaseTable, "cao-base-table", never, { "customClass": { "alias": "customClass"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; "isPaginatedByServer": { "alias": "isPaginatedByServer"; "required": false; }; }, { "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "firstPageClicked": "firstPageClicked"; "lastPageClicked": "lastPageClicked"; "selectionChanged": "selectionChanged"; "pageEvent": "pageEvent"; }, never, never, true, never>;
|
|
201
474
|
}
|
|
202
475
|
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
476
|
+
declare class FilterTablePaginatedService {
|
|
477
|
+
private filterSubject;
|
|
478
|
+
filter$: rxjs.Observable<string>;
|
|
479
|
+
updateFilter(filterValue: string): void;
|
|
480
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FilterTablePaginatedService, never>;
|
|
481
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<FilterTablePaginatedService>;
|
|
208
482
|
}
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
483
|
+
|
|
484
|
+
declare class PaginationService {
|
|
485
|
+
private pageSubject;
|
|
486
|
+
private pageSizeSubject;
|
|
487
|
+
private totalItemsSubject;
|
|
488
|
+
currentPage$: Observable<number>;
|
|
489
|
+
pageSize$: Observable<number>;
|
|
490
|
+
totalItems$: Observable<number>;
|
|
491
|
+
constructor();
|
|
492
|
+
/**
|
|
493
|
+
* Sets the current page number
|
|
494
|
+
* @param page The page number to set
|
|
495
|
+
*/
|
|
496
|
+
setPage(page: number): void;
|
|
497
|
+
/**
|
|
498
|
+
* Sets the page size
|
|
499
|
+
* @param size The page size to set
|
|
500
|
+
*/
|
|
501
|
+
setPageSize(size: number): void;
|
|
502
|
+
/**
|
|
503
|
+
* Sets the total number of items
|
|
504
|
+
* @param total The total number of items
|
|
505
|
+
*/
|
|
506
|
+
setTotalItems(total: number): void;
|
|
507
|
+
/**
|
|
508
|
+
* Gets the current page
|
|
509
|
+
*/
|
|
510
|
+
getCurrentPage(): number;
|
|
511
|
+
/**
|
|
512
|
+
* Gets the current page size
|
|
513
|
+
*/
|
|
514
|
+
getPageSize(): number;
|
|
515
|
+
/**
|
|
516
|
+
* Gets the total number of items
|
|
517
|
+
*/
|
|
518
|
+
getTotalItems(): number;
|
|
519
|
+
/**
|
|
520
|
+
* Resets pagination to default values
|
|
521
|
+
*/
|
|
522
|
+
reset(): void;
|
|
523
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationService, never>;
|
|
524
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<PaginationService>;
|
|
235
525
|
}
|
|
236
526
|
|
|
237
|
-
|
|
527
|
+
interface IColumnPaginatedButton {
|
|
528
|
+
icon: string;
|
|
238
529
|
label: string;
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
maxDate: Date | undefined;
|
|
242
|
-
startDate: Date | undefined;
|
|
243
|
-
finalDate: Date | undefined;
|
|
244
|
-
dataCy?: string;
|
|
245
|
-
controlName: string;
|
|
246
|
-
readonly rangeSelected: EventEmitter<Date[]>;
|
|
247
|
-
dateRangeInput: MatDateRangeInput<Date>;
|
|
248
|
-
ngOnInit(): void;
|
|
249
|
-
onSelectStartDate(event: any): void;
|
|
250
|
-
onInputMaxDate(event: any): void;
|
|
251
|
-
clearInputs(): void;
|
|
252
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BaseTimeRange, never>;
|
|
253
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BaseTimeRange, "cao-base-time-range", never, { "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "finalDate": { "alias": "finalDate"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; }, { "rangeSelected": "rangeSelected"; }, never, never, true, never>;
|
|
530
|
+
onClick: (data: any) => void;
|
|
531
|
+
tooltip?: string;
|
|
254
532
|
}
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
533
|
+
interface IColumnPaginatedConfig {
|
|
534
|
+
type: "STRING" | "BOOLEAN" | "SINGLE_BUTTON" | "DATE" | "NUMBER" | "text" | "number" | "boolean" | "date" | "actions";
|
|
535
|
+
element?: string;
|
|
536
|
+
key?: string;
|
|
537
|
+
header: string;
|
|
538
|
+
visible: boolean;
|
|
539
|
+
sortable?: boolean;
|
|
540
|
+
isDefaultSort?: boolean;
|
|
541
|
+
defaultSortDirection?: "asc" | "desc";
|
|
542
|
+
pipe?: any;
|
|
543
|
+
buttons?: IColumnPaginatedButton[];
|
|
262
544
|
}
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
styleDropDown: {
|
|
270
|
-
[klass: string]: unknown;
|
|
545
|
+
interface ITablePaginatedConfig {
|
|
546
|
+
columns: string[];
|
|
547
|
+
subTitle?: string | null;
|
|
548
|
+
result?: {
|
|
549
|
+
noData: string;
|
|
550
|
+
defaultMessage: string;
|
|
271
551
|
};
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
readonly itemSelected: EventEmitter<IDropDownOption>;
|
|
276
|
-
tooltip: string;
|
|
277
|
-
dropDirectionInput: "up" | "down";
|
|
278
|
-
dataCy?: string;
|
|
279
|
-
trackByFn?: (index: number, item: IDropDownOption) => unknown;
|
|
280
|
-
compareWith?: (option: unknown, value: unknown) => boolean;
|
|
281
|
-
ariaLabel?: string;
|
|
282
|
-
ariaLabelledBy?: string;
|
|
283
|
-
listAriaLabel?: string;
|
|
284
|
-
isOpen: boolean;
|
|
285
|
-
selectedItem?: IDropDownOption;
|
|
286
|
-
filteredOptions: IDropDownOption[];
|
|
287
|
-
searchControl: FormControl<string | null>;
|
|
288
|
-
isTouched: boolean;
|
|
289
|
-
isFocused: boolean;
|
|
290
|
-
dropDirection: string | undefined;
|
|
291
|
-
removeValidBorder: boolean;
|
|
292
|
-
focusedIndex: number;
|
|
293
|
-
private _handleClickOutside;
|
|
294
|
-
constructor(_eref: ElementRef, cdr: ChangeDetectorRef);
|
|
295
|
-
ngOnInit(): void;
|
|
296
|
-
ngOnDestroy(): void;
|
|
297
|
-
get activeDescendant(): string | null;
|
|
298
|
-
toggleDropdown(): void;
|
|
299
|
-
selectItem(option: IDropDownOption): void;
|
|
300
|
-
clear(): void;
|
|
301
|
-
filterOptions(searchTerm: string): void;
|
|
302
|
-
trackBy(index: number, item: IDropDownOption): unknown;
|
|
303
|
-
private onClickOutside;
|
|
304
|
-
onArrowDown(event: Event): void;
|
|
305
|
-
onArrowUp(event: Event): void;
|
|
306
|
-
onSearchEnter(event: Event): void;
|
|
307
|
-
closeDropdown(): void;
|
|
308
|
-
private scrollIntoView;
|
|
309
|
-
checkAvailableSpace(): void;
|
|
310
|
-
writeValue(value: unknown): void;
|
|
311
|
-
registerOnChange(fn: (value: unknown) => void): void;
|
|
312
|
-
registerOnTouched(fn: () => void): void;
|
|
313
|
-
onChange: (value: unknown) => void;
|
|
314
|
-
onTouched: () => void;
|
|
315
|
-
get errorText(): string | null;
|
|
316
|
-
private markAsTouched;
|
|
317
|
-
get controlNameValue(): string;
|
|
318
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DropDownComponent, never>;
|
|
319
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DropDownComponent, "cao-drop-down", never, { "textHeader": { "alias": "textHeader"; "required": false; }; "options": { "alias": "options"; "required": false; }; "dropDownClass": { "alias": "dropDownClass"; "required": false; }; "styleDropDown": { "alias": "styleDropDown"; "required": false; }; "control": { "alias": "control"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "dropDirectionInput": { "alias": "dropDirectionInput"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "listAriaLabel": { "alias": "listAriaLabel"; "required": false; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
|
|
552
|
+
data: any[];
|
|
553
|
+
columnData: Record<string, IColumnPaginatedConfig>;
|
|
554
|
+
paginated?: boolean;
|
|
320
555
|
}
|
|
321
556
|
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
isValidationRequired(link: INavLink): void;
|
|
341
|
-
private navigateTo;
|
|
342
|
-
private directRoute;
|
|
343
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LinksButton, never>;
|
|
344
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LinksButton, "cao-links-button", never, { "navContent": { "alias": "navContent"; "required": true; }; }, {}, never, never, true, never>;
|
|
557
|
+
declare class TablePaginatedService {
|
|
558
|
+
private tableConfigSubject;
|
|
559
|
+
private dataSubject;
|
|
560
|
+
private columnsSubject;
|
|
561
|
+
tableConfig$: Observable<ITablePaginatedConfig | null>;
|
|
562
|
+
columns$: Observable<IColumnPaginatedConfig[]>;
|
|
563
|
+
data$: Observable<any[]>;
|
|
564
|
+
visibleColumns$: Observable<string[]>;
|
|
565
|
+
createTable(data: any[], columns?: IColumnPaginatedConfig[], customConfig?: Partial<ITablePaginatedConfig>): void;
|
|
566
|
+
private inferColumnType;
|
|
567
|
+
private isValidDate;
|
|
568
|
+
toggleColumnVisibility(columnKey: string): void;
|
|
569
|
+
getVisibleColumns(): IColumnPaginatedConfig[];
|
|
570
|
+
setColumns(columns: IColumnPaginatedConfig[]): void;
|
|
571
|
+
setData(data: any[]): void;
|
|
572
|
+
updateTableData(data: any[]): void;
|
|
573
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TablePaginatedService, never>;
|
|
574
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TablePaginatedService>;
|
|
345
575
|
}
|
|
346
576
|
|
|
347
|
-
declare
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
577
|
+
declare function getPtBrPaginatorIntlBasePaginated(): MatPaginatorIntl;
|
|
578
|
+
declare class BaseTablePaginated implements OnInit, OnDestroy {
|
|
579
|
+
private paginationSubscriptions;
|
|
580
|
+
getColumnCssClass?: (columnKey: string, value: any) => string | null;
|
|
581
|
+
customClass: string;
|
|
582
|
+
pageSizeOptions: number[];
|
|
583
|
+
showFirstLastButtons: boolean;
|
|
584
|
+
readonly pageChanged: EventEmitter<number>;
|
|
585
|
+
readonly pageSizeChanged: EventEmitter<number>;
|
|
586
|
+
readonly firstPageClicked: EventEmitter<void>;
|
|
587
|
+
readonly lastPageClicked: EventEmitter<void>;
|
|
588
|
+
readonly selectionChanged: EventEmitter<any[]>;
|
|
589
|
+
readonly pageEvent: EventEmitter<PageEvent>;
|
|
590
|
+
readonly rowClicked: EventEmitter<any>;
|
|
591
|
+
dataSource: MatTableDataSource<any, MatPaginator>;
|
|
592
|
+
selection: SelectionModel<any>;
|
|
593
|
+
allColumns: string[];
|
|
594
|
+
displayedColumns: string[];
|
|
595
|
+
filterValue: string;
|
|
596
|
+
private configSubscription;
|
|
597
|
+
private visibleColumnsSubscription;
|
|
598
|
+
private dataSubscription;
|
|
599
|
+
private filterSubscription;
|
|
600
|
+
tableConfig: ITablePaginatedConfig | null;
|
|
601
|
+
sort: MatSort;
|
|
602
|
+
paginator: MatPaginator;
|
|
603
|
+
totalItems: number;
|
|
604
|
+
pageSize: number;
|
|
605
|
+
currentPage: number;
|
|
606
|
+
private previousPage;
|
|
607
|
+
protected paginationService: PaginationService;
|
|
608
|
+
protected tableService: TablePaginatedService;
|
|
609
|
+
protected liveAnnouncer: LiveAnnouncer;
|
|
610
|
+
protected filterTableService: FilterTablePaginatedService;
|
|
611
|
+
constructor();
|
|
612
|
+
onPageChanged(page: number): void;
|
|
613
|
+
ngOnInit(): void;
|
|
614
|
+
ngOnDestroy(): void;
|
|
615
|
+
updateTotalItems(newTotalItens?: number): void;
|
|
616
|
+
onPageSizeChanged(pageSize: number): void;
|
|
617
|
+
getColumnHeader(column: string): string;
|
|
618
|
+
getColumnElement(column: string): string;
|
|
619
|
+
getColumnType(column: string): IColumnPaginatedConfig["type"];
|
|
620
|
+
announceSortChange(sortState: Sort): void;
|
|
621
|
+
handlePageChange(event: PageEvent): void;
|
|
622
|
+
applyFilter(): void;
|
|
623
|
+
initializeSortingAccessor(): void;
|
|
624
|
+
initializeFilterPredicate(): void;
|
|
625
|
+
onRowClick(row: any): void;
|
|
626
|
+
onPageEvent(event: PageEvent): void;
|
|
627
|
+
getColumnButtons(column: string): any[];
|
|
628
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseTablePaginated, never>;
|
|
629
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaseTablePaginated, "cao-table-paginated", never, { "getColumnCssClass": { "alias": "getColumnCssClass"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; }, { "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "firstPageClicked": "firstPageClicked"; "lastPageClicked": "lastPageClicked"; "selectionChanged": "selectionChanged"; "pageEvent": "pageEvent"; "rowClicked": "rowClicked"; }, never, never, true, never>;
|
|
353
630
|
}
|
|
354
631
|
|
|
355
|
-
export {
|
|
356
|
-
export type {
|
|
632
|
+
export { BaseButton, BaseDialog, BaseDialogService, BaseFilterTableService, BaseInput, BaseModal, BaseModalService, BaseTable, BaseTablePaginated, BaseTimeRange, DropDownComponent, FilterTablePaginatedService, Footer, LinksButton, PaginationService, Paginator, RnvAutocompleteComponent, TablePaginatedService, TableService, TimePicker, getPtBrPaginatorIntlBasePaginated, getPtBrPaginatorIntlBaseTable };
|
|
633
|
+
export type { DialogType, IColumnButton, IColumnConfig, IColumnPaginatedButton, IColumnPaginatedConfig, IDialogConfig, IModal, INavContent, INavLink, ITableConfig, ITablePaginatedConfig, ModalType, ModalTypeClass, ModalTypeSize };
|