commons-shared-web-ui 0.0.3 → 0.0.5
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/commons-shared-web-ui.mjs +4127 -791
- package/fesm2022/commons-shared-web-ui.mjs.map +1 -1
- package/index.d.ts +1363 -207
- package/package.json +1 -1
- package/src/lib/modules/filter/filter.theme.scss +92 -0
- package/src/lib/modules/filter-sidebar/filter-sidebar.theme.scss +28 -40
- package/src/lib/modules/form-components/components/checkbox/_theme.scss +63 -0
- package/src/lib/modules/form-components/components/datepicker/_theme.scss +82 -0
- package/src/lib/modules/form-components/components/dropdown/_theme.scss +91 -0
- package/src/lib/modules/form-components/components/input/_theme.scss +77 -0
- package/src/lib/modules/form-components/components/radio/_theme.scss +61 -0
- package/src/lib/modules/form-components/components/search/_theme.scss +73 -0
- package/src/lib/modules/form-components/components/toggle/_theme.scss +45 -0
- package/src/lib/modules/form-components/form-components.theme.scss +25 -0
package/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { OnInit, OnDestroy, EventEmitter, OnChanges, SimpleChanges, ElementRef, AfterViewInit, QueryList, ChangeDetectorRef, NgZone } from '@angular/core';
|
|
3
3
|
import * as i2$1 from '@angular/common';
|
|
4
4
|
import * as i1 from '@angular/material/card';
|
|
5
5
|
import * as i2 from '@angular/material/snack-bar';
|
|
@@ -32,10 +32,12 @@ import * as i27 from '@angular/material/table';
|
|
|
32
32
|
import * as i28 from '@angular/material/expansion';
|
|
33
33
|
import * as i29 from '@angular/cdk/accordion';
|
|
34
34
|
import * as i3$1 from '@angular/forms';
|
|
35
|
-
import { ControlValueAccessor, FormGroup, FormBuilder, AbstractControl, FormControl, FormArray } from '@angular/forms';
|
|
35
|
+
import { ControlValueAccessor, FormGroup, FormBuilder, AbstractControl, FormControl, FormArray, ValidatorFn, ValidationErrors } from '@angular/forms';
|
|
36
36
|
import { Router, ActivatedRoute } from '@angular/router';
|
|
37
|
+
import * as i11$1 from '@angular/cdk/scrolling';
|
|
38
|
+
import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
|
|
37
39
|
import { HttpClient } from '@angular/common/http';
|
|
38
|
-
import { Subject } from 'rxjs';
|
|
40
|
+
import { Observable, Subject } from 'rxjs';
|
|
39
41
|
|
|
40
42
|
declare class MaterialModule {
|
|
41
43
|
static ɵfac: i0.ɵɵFactoryDeclaration<MaterialModule, never>;
|
|
@@ -43,75 +45,22 @@ declare class MaterialModule {
|
|
|
43
45
|
static ɵinj: i0.ɵɵInjectorDeclaration<MaterialModule>;
|
|
44
46
|
}
|
|
45
47
|
|
|
46
|
-
interface CardType1Config {
|
|
47
|
-
label: string;
|
|
48
|
-
value: string;
|
|
49
|
-
valueColor?: string;
|
|
50
|
-
subtext?: string;
|
|
51
|
-
subtextClass?: string;
|
|
52
|
-
width?: string;
|
|
53
|
-
height?: string;
|
|
54
|
-
}
|
|
55
|
-
interface CardType2Config {
|
|
56
|
-
iconName?: string;
|
|
57
|
-
iconUrl?: string;
|
|
58
|
-
label: string;
|
|
59
|
-
value: string;
|
|
60
|
-
targetText?: string;
|
|
61
|
-
iconBackgroundColor?: string;
|
|
62
|
-
iconColor?: string;
|
|
63
|
-
width?: string;
|
|
64
|
-
height?: string;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
declare class CardType1Component {
|
|
68
|
-
config: CardType1Config;
|
|
69
|
-
theme: 'theme-1' | 'theme-2';
|
|
70
|
-
cardClick: EventEmitter<void>;
|
|
71
|
-
get valueStyle(): {
|
|
72
|
-
color: string;
|
|
73
|
-
} | {
|
|
74
|
-
color?: undefined;
|
|
75
|
-
};
|
|
76
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CardType1Component, never>;
|
|
77
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CardType1Component, "lib-card-type-1", never, { "config": { "alias": "config"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "cardClick": "cardClick"; }, never, never, false, never>;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
declare class CardType2Component {
|
|
81
|
-
config: CardType2Config;
|
|
82
|
-
theme: 'theme-1' | 'theme-2';
|
|
83
|
-
cardClick: EventEmitter<void>;
|
|
84
|
-
get iconBoxStyle(): {
|
|
85
|
-
backgroundColor: string;
|
|
86
|
-
} | {
|
|
87
|
-
backgroundColor?: undefined;
|
|
88
|
-
};
|
|
89
|
-
get iconStyle(): {
|
|
90
|
-
color: string;
|
|
91
|
-
} | {
|
|
92
|
-
color?: undefined;
|
|
93
|
-
};
|
|
94
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CardType2Component, never>;
|
|
95
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CardType2Component, "lib-card-type-2", never, { "config": { "alias": "config"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "cardClick": "cardClick"; }, never, never, false, never>;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
declare class CardsModule {
|
|
99
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CardsModule, never>;
|
|
100
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<CardsModule, [typeof CardType1Component, typeof CardType2Component], [typeof i2$1.CommonModule, typeof MaterialModule], [typeof CardType1Component, typeof CardType2Component]>;
|
|
101
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<CardsModule>;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
48
|
type AlertVariant = 'info' | 'warning' | 'warning-shadow' | 'success' | 'error';
|
|
105
49
|
type IconInput = boolean | string | {
|
|
106
50
|
type: 'material' | 'fontawesome' | 'img';
|
|
107
51
|
value: string;
|
|
108
52
|
};
|
|
53
|
+
interface AlertLabels {
|
|
54
|
+
iconAltText?: string;
|
|
55
|
+
}
|
|
56
|
+
|
|
109
57
|
declare class AlertComponent implements OnInit {
|
|
110
58
|
variant: AlertVariant;
|
|
111
59
|
title: string;
|
|
112
60
|
message: string;
|
|
113
61
|
icon: IconInput;
|
|
114
62
|
customIcon: string;
|
|
63
|
+
labels?: AlertLabels;
|
|
115
64
|
width?: string;
|
|
116
65
|
height?: string;
|
|
117
66
|
borderRadius?: string;
|
|
@@ -140,7 +89,7 @@ declare class AlertComponent implements OnInit {
|
|
|
140
89
|
};
|
|
141
90
|
get defaultIconClass(): string;
|
|
142
91
|
static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
|
|
143
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "lib-alert", never, { "variant": { "alias": "variant"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "customIcon": { "alias": "customIcon"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "color": { "alias": "color"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; "borderTopLeftRadius": { "alias": "borderTopLeftRadius"; "required": false; }; "borderTopRightRadius": { "alias": "borderTopRightRadius"; "required": false; }; "borderBottomLeftRadius": { "alias": "borderBottomLeftRadius"; "required": false; }; "borderBottomRightRadius": { "alias": "borderBottomRightRadius"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
92
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "lib-alert", never, { "variant": { "alias": "variant"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "customIcon": { "alias": "customIcon"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "color": { "alias": "color"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; "borderTopLeftRadius": { "alias": "borderTopLeftRadius"; "required": false; }; "borderTopRightRadius": { "alias": "borderTopRightRadius"; "required": false; }; "borderBottomLeftRadius": { "alias": "borderBottomLeftRadius"; "required": false; }; "borderBottomRightRadius": { "alias": "borderBottomRightRadius"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
144
93
|
}
|
|
145
94
|
|
|
146
95
|
declare class AlertModule {
|
|
@@ -149,7 +98,11 @@ declare class AlertModule {
|
|
|
149
98
|
static ɵinj: i0.ɵɵInjectorDeclaration<AlertModule>;
|
|
150
99
|
}
|
|
151
100
|
|
|
152
|
-
type ButtonVariant = 'primary' | 'warning' | 'outline' | 'secondary' | 'success' | 'danger' | 'danger-outline';
|
|
101
|
+
type ButtonVariant = 'primary' | 'warning' | 'outline' | 'secondary' | 'success' | 'danger' | 'danger-outline' | 'text';
|
|
102
|
+
interface ButtonLabels {
|
|
103
|
+
iconAltText?: string;
|
|
104
|
+
}
|
|
105
|
+
|
|
153
106
|
declare class ButtonComponent implements OnInit {
|
|
154
107
|
variant: ButtonVariant;
|
|
155
108
|
type: 'button' | 'submit' | 'reset';
|
|
@@ -166,6 +119,7 @@ declare class ButtonComponent implements OnInit {
|
|
|
166
119
|
type: 'material' | 'fontawesome' | 'img';
|
|
167
120
|
value: string;
|
|
168
121
|
};
|
|
122
|
+
labels?: ButtonLabels;
|
|
169
123
|
constructor();
|
|
170
124
|
ngOnInit(): void;
|
|
171
125
|
get isDefaultIcon(): boolean;
|
|
@@ -178,7 +132,7 @@ declare class ButtonComponent implements OnInit {
|
|
|
178
132
|
value: string;
|
|
179
133
|
};
|
|
180
134
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
181
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lib-button", never, { "variant": { "alias": "variant"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "color": { "alias": "color"; "required": false; }; "border": { "alias": "border"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
135
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lib-button", never, { "variant": { "alias": "variant"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "color": { "alias": "color"; "required": false; }; "border": { "alias": "border"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
182
136
|
}
|
|
183
137
|
|
|
184
138
|
declare class ButtonModule {
|
|
@@ -196,168 +150,1066 @@ interface ConfirmationModalConfig {
|
|
|
196
150
|
color?: string;
|
|
197
151
|
};
|
|
198
152
|
width?: string;
|
|
199
|
-
size?: 'sm' | 'md' | 'lg';
|
|
200
|
-
customClass?: string;
|
|
201
|
-
backgroundColor?: string;
|
|
153
|
+
size?: 'sm' | 'md' | 'lg';
|
|
154
|
+
customClass?: string;
|
|
155
|
+
backgroundColor?: string;
|
|
156
|
+
borderRadius?: string;
|
|
157
|
+
borderTopLeftRadius?: string;
|
|
158
|
+
borderTopRightRadius?: string;
|
|
159
|
+
borderBottomLeftRadius?: string;
|
|
160
|
+
borderBottomRightRadius?: string;
|
|
161
|
+
padding?: string;
|
|
162
|
+
headerBackgroundColor?: string;
|
|
163
|
+
headerTextColor?: string;
|
|
164
|
+
headerBorderBottom?: string;
|
|
165
|
+
bodyTextColor?: string;
|
|
166
|
+
footerBackgroundColor?: string;
|
|
167
|
+
footerBorderTop?: string;
|
|
168
|
+
confirmButton: {
|
|
169
|
+
label: string;
|
|
170
|
+
type: 'primary' | 'danger' | 'warning';
|
|
171
|
+
disabled?: boolean;
|
|
172
|
+
loading?: boolean;
|
|
173
|
+
};
|
|
174
|
+
cancelButton?: {
|
|
175
|
+
label?: string;
|
|
176
|
+
show?: boolean;
|
|
177
|
+
};
|
|
178
|
+
customFooter?: boolean;
|
|
179
|
+
closeOnBackdrop?: boolean;
|
|
180
|
+
closeOnEsc?: boolean;
|
|
181
|
+
showCloseButton?: boolean;
|
|
182
|
+
showCodeSnippetButton?: boolean;
|
|
183
|
+
ariaLabel?: string;
|
|
184
|
+
ariaDescribedBy?: string;
|
|
185
|
+
labels?: {
|
|
186
|
+
closeAriaLabel?: string;
|
|
187
|
+
codeSnippetAriaLabel?: string;
|
|
188
|
+
codeSnippetTitle?: string;
|
|
189
|
+
iconAltText?: string;
|
|
190
|
+
};
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
declare class ConfirmationModalComponent implements OnInit, OnDestroy {
|
|
194
|
+
config: ConfirmationModalConfig;
|
|
195
|
+
isOpen: boolean;
|
|
196
|
+
confirm: EventEmitter<void>;
|
|
197
|
+
cancel: EventEmitter<void>;
|
|
198
|
+
close: EventEmitter<void>;
|
|
199
|
+
showCodeSnippet: EventEmitter<void>;
|
|
200
|
+
private defaultConfig;
|
|
201
|
+
mergedConfig: ConfirmationModalConfig;
|
|
202
|
+
private previousActiveElement;
|
|
203
|
+
ngOnInit(): void;
|
|
204
|
+
ngOnChanges(): void;
|
|
205
|
+
private updateConfig;
|
|
206
|
+
ngOnDestroy(): void;
|
|
207
|
+
private toggleBodyScroll;
|
|
208
|
+
handleEscape(event: KeyboardEvent): void;
|
|
209
|
+
onBackdropClick(event: MouseEvent): void;
|
|
210
|
+
onConfirm(): void;
|
|
211
|
+
onCancel(): void;
|
|
212
|
+
onClose(): void;
|
|
213
|
+
onShowCodeSnippet(): void;
|
|
214
|
+
getModalWidth(): string;
|
|
215
|
+
getConfirmButtonClass(): string;
|
|
216
|
+
getHeaderClass(): string;
|
|
217
|
+
resolveIconType(icon: any): 'material' | 'custom' | 'img';
|
|
218
|
+
getIconValue(icon: any): string;
|
|
219
|
+
getIconColor(icon: any): string | undefined;
|
|
220
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationModalComponent, never>;
|
|
221
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmationModalComponent, "cc-confirmation-modal", never, { "config": { "alias": "config"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "confirm": "confirm"; "cancel": "cancel"; "close": "close"; "showCodeSnippet": "showCodeSnippet"; }, never, ["*", "[cc-modal-footer]"], false, never>;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
declare class ConfirmationModalModule {
|
|
225
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationModalModule, never>;
|
|
226
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ConfirmationModalModule, [typeof ConfirmationModalComponent], [typeof i2$1.CommonModule, typeof i12.MatIconModule, typeof i3$1.FormsModule], [typeof ConfirmationModalComponent]>;
|
|
227
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ConfirmationModalModule>;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
type InputType = 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'textarea';
|
|
231
|
+
interface InputLabels {
|
|
232
|
+
label?: string;
|
|
233
|
+
placeholder?: string;
|
|
234
|
+
errorMessage?: string;
|
|
235
|
+
helperText?: string;
|
|
236
|
+
requiredMarker?: string;
|
|
237
|
+
passwordToggleAriaLabel?: string;
|
|
238
|
+
prefixAltText?: string;
|
|
239
|
+
suffixAltText?: string;
|
|
240
|
+
}
|
|
241
|
+
interface InputConfig {
|
|
242
|
+
type?: InputType;
|
|
243
|
+
label?: string;
|
|
244
|
+
placeholder?: string;
|
|
245
|
+
value?: any;
|
|
246
|
+
disabled?: boolean;
|
|
247
|
+
required?: boolean;
|
|
248
|
+
readonly?: boolean;
|
|
249
|
+
maxLength?: number;
|
|
250
|
+
minLength?: number;
|
|
251
|
+
min?: number;
|
|
252
|
+
max?: number;
|
|
253
|
+
pattern?: string;
|
|
254
|
+
errorMessage?: string;
|
|
255
|
+
helperText?: string;
|
|
256
|
+
rows?: number;
|
|
257
|
+
prefixIcon?: string | {
|
|
258
|
+
type: 'material' | 'fontawesome' | 'img';
|
|
259
|
+
value: string;
|
|
260
|
+
};
|
|
261
|
+
suffixIcon?: string | {
|
|
262
|
+
type: 'material' | 'fontawesome' | 'img';
|
|
263
|
+
value: string;
|
|
264
|
+
};
|
|
265
|
+
width?: string;
|
|
266
|
+
height?: string;
|
|
267
|
+
borderRadius?: string;
|
|
268
|
+
fontSize?: string;
|
|
269
|
+
gap?: string;
|
|
270
|
+
fontFamily?: string;
|
|
271
|
+
labelColor?: string;
|
|
272
|
+
labelFontSize?: string;
|
|
273
|
+
labelFontWeight?: string;
|
|
274
|
+
backgroundColor?: string;
|
|
275
|
+
borderColor?: string;
|
|
276
|
+
borderWidth?: string;
|
|
277
|
+
padding?: string;
|
|
278
|
+
fontWeight?: string;
|
|
279
|
+
color?: string;
|
|
280
|
+
placeholderColor?: string;
|
|
281
|
+
focusBorderColor?: string;
|
|
282
|
+
errorColor?: string;
|
|
283
|
+
disabledBackgroundColor?: string;
|
|
284
|
+
disabledColor?: string;
|
|
285
|
+
boxShadow?: string;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
interface DropdownOption {
|
|
289
|
+
value: any;
|
|
290
|
+
label: string;
|
|
291
|
+
disabled?: boolean;
|
|
292
|
+
icon?: string | {
|
|
293
|
+
type: 'material' | 'fontawesome' | 'img';
|
|
294
|
+
value: string;
|
|
295
|
+
};
|
|
296
|
+
}
|
|
297
|
+
interface DropdownLabels {
|
|
298
|
+
label?: string;
|
|
299
|
+
placeholder?: string;
|
|
300
|
+
searchPlaceholder?: string;
|
|
301
|
+
errorMessage?: string;
|
|
302
|
+
selectedSuffix?: string;
|
|
303
|
+
clearAriaLabel?: string;
|
|
304
|
+
noResultsFound?: string;
|
|
305
|
+
requiredMarker?: string;
|
|
306
|
+
}
|
|
307
|
+
interface DropdownConfig {
|
|
308
|
+
options: DropdownOption[];
|
|
309
|
+
placeholder?: string;
|
|
310
|
+
label?: string;
|
|
311
|
+
multiple?: boolean;
|
|
312
|
+
searchable?: boolean;
|
|
313
|
+
clearable?: boolean;
|
|
314
|
+
disabled?: boolean;
|
|
315
|
+
required?: boolean;
|
|
316
|
+
errorMessage?: string;
|
|
317
|
+
width?: string;
|
|
318
|
+
height?: string;
|
|
319
|
+
borderRadius?: string;
|
|
320
|
+
fontSize?: string;
|
|
321
|
+
gap?: string;
|
|
322
|
+
fontFamily?: string;
|
|
323
|
+
labelColor?: string;
|
|
324
|
+
labelFontSize?: string;
|
|
325
|
+
labelFontWeight?: string;
|
|
326
|
+
backgroundColor?: string;
|
|
327
|
+
borderColor?: string;
|
|
328
|
+
borderWidth?: string;
|
|
329
|
+
padding?: string;
|
|
330
|
+
fontWeight?: string;
|
|
331
|
+
color?: string;
|
|
332
|
+
placeholderColor?: string;
|
|
333
|
+
focusBorderColor?: string;
|
|
334
|
+
errorColor?: string;
|
|
335
|
+
disabledBackgroundColor?: string;
|
|
336
|
+
disabledColor?: string;
|
|
337
|
+
boxShadow?: string;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
interface CheckboxOption {
|
|
341
|
+
value: any;
|
|
342
|
+
label: string;
|
|
343
|
+
disabled?: boolean;
|
|
344
|
+
checked?: boolean;
|
|
345
|
+
}
|
|
346
|
+
interface CheckboxLabels {
|
|
347
|
+
label?: string;
|
|
348
|
+
requiredMarker?: string;
|
|
349
|
+
}
|
|
350
|
+
interface CheckboxConfig {
|
|
351
|
+
label?: string;
|
|
352
|
+
checked?: boolean;
|
|
353
|
+
disabled?: boolean;
|
|
354
|
+
required?: boolean;
|
|
355
|
+
indeterminate?: boolean;
|
|
356
|
+
options?: CheckboxOption[];
|
|
357
|
+
labelPosition?: 'before' | 'after';
|
|
358
|
+
color?: 'primary' | 'accent' | 'warn';
|
|
359
|
+
borderRadius?: string;
|
|
360
|
+
size?: string;
|
|
361
|
+
checkedColor?: string;
|
|
362
|
+
uncheckedColor?: string;
|
|
363
|
+
groupLabelColor?: string;
|
|
364
|
+
groupLabelFontSize?: string;
|
|
365
|
+
groupLabelFontWeight?: string;
|
|
366
|
+
labelFontSize?: string;
|
|
367
|
+
labelFontWeight?: string;
|
|
368
|
+
labelColor?: string;
|
|
369
|
+
gap?: string;
|
|
370
|
+
fontFamily?: string;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
interface RadioOption {
|
|
374
|
+
value: any;
|
|
375
|
+
label: string;
|
|
376
|
+
disabled?: boolean;
|
|
377
|
+
}
|
|
378
|
+
interface RadioLabels {
|
|
379
|
+
label?: string;
|
|
380
|
+
requiredMarker?: string;
|
|
381
|
+
}
|
|
382
|
+
interface RadioConfig {
|
|
383
|
+
label?: string;
|
|
384
|
+
options: RadioOption[];
|
|
385
|
+
value?: any;
|
|
386
|
+
disabled?: boolean;
|
|
387
|
+
required?: boolean;
|
|
388
|
+
labelPosition?: 'before' | 'after';
|
|
389
|
+
color?: 'primary' | 'accent' | 'warn';
|
|
390
|
+
layout?: 'vertical' | 'horizontal';
|
|
391
|
+
gap?: string;
|
|
392
|
+
labelColor?: string;
|
|
393
|
+
checkedColor?: string;
|
|
394
|
+
uncheckedColor?: string;
|
|
395
|
+
fontSize?: string;
|
|
396
|
+
fontWeight?: string;
|
|
397
|
+
fontFamily?: string;
|
|
398
|
+
groupLabelColor?: string;
|
|
399
|
+
groupLabelFontSize?: string;
|
|
400
|
+
groupLabelFontWeight?: string;
|
|
401
|
+
disabledColor?: string;
|
|
402
|
+
errorColor?: string;
|
|
403
|
+
size?: string;
|
|
404
|
+
borderRadius?: string;
|
|
405
|
+
labelFontSize?: string;
|
|
406
|
+
labelFontWeight?: string;
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
interface ToggleLabels {
|
|
410
|
+
label?: string;
|
|
411
|
+
}
|
|
412
|
+
interface ToggleConfig {
|
|
413
|
+
label?: string;
|
|
414
|
+
checked?: boolean;
|
|
415
|
+
disabled?: boolean;
|
|
416
|
+
required?: boolean;
|
|
417
|
+
labelPosition?: 'before' | 'after';
|
|
418
|
+
color?: string;
|
|
419
|
+
uncheckedColor?: string;
|
|
420
|
+
checkedColor?: string;
|
|
421
|
+
thumbColor?: string;
|
|
422
|
+
checkedThumbColor?: string;
|
|
423
|
+
fontSize?: string;
|
|
424
|
+
fontWeight?: string;
|
|
425
|
+
toggleWidth?: string;
|
|
426
|
+
toggleHeight?: string;
|
|
427
|
+
gap?: string;
|
|
428
|
+
fontFamily?: string;
|
|
429
|
+
labelColor?: string;
|
|
430
|
+
labelFontSize?: string;
|
|
431
|
+
labelFontWeight?: string;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
interface DatepickerLabels {
|
|
435
|
+
label?: string;
|
|
436
|
+
placeholder?: string;
|
|
437
|
+
startDateLabel?: string;
|
|
438
|
+
endDateLabel?: string;
|
|
439
|
+
requiredMarker?: string;
|
|
440
|
+
}
|
|
441
|
+
interface DatePickerConfig {
|
|
442
|
+
label?: string;
|
|
443
|
+
placeholder?: string;
|
|
444
|
+
value?: Date;
|
|
445
|
+
disabled?: boolean;
|
|
446
|
+
required?: boolean;
|
|
447
|
+
minDate?: Date;
|
|
448
|
+
maxDate?: Date;
|
|
449
|
+
startView?: 'month' | 'year' | 'multi-year';
|
|
450
|
+
isRange?: boolean;
|
|
451
|
+
startDate?: Date;
|
|
452
|
+
endDate?: Date;
|
|
453
|
+
width?: string;
|
|
454
|
+
borderRadius?: string;
|
|
455
|
+
fontSize?: string;
|
|
456
|
+
errorMessage?: string;
|
|
457
|
+
gap?: string;
|
|
458
|
+
fontFamily?: string;
|
|
459
|
+
labelColor?: string;
|
|
460
|
+
labelFontSize?: string;
|
|
461
|
+
labelFontWeight?: string;
|
|
462
|
+
backgroundColor?: string;
|
|
463
|
+
borderColor?: string;
|
|
464
|
+
borderWidth?: string;
|
|
465
|
+
padding?: string;
|
|
466
|
+
fontWeight?: string;
|
|
467
|
+
color?: string;
|
|
468
|
+
placeholderColor?: string;
|
|
469
|
+
focusBorderColor?: string;
|
|
470
|
+
errorColor?: string;
|
|
471
|
+
disabledBackgroundColor?: string;
|
|
472
|
+
disabledColor?: string;
|
|
473
|
+
boxShadow?: string;
|
|
474
|
+
height?: string;
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
interface SearchLabels {
|
|
478
|
+
label?: string;
|
|
479
|
+
placeholder?: string;
|
|
480
|
+
clearAriaLabel?: string;
|
|
481
|
+
}
|
|
482
|
+
interface FilterSearchConfig {
|
|
483
|
+
placeholder?: string;
|
|
484
|
+
label?: string;
|
|
485
|
+
value?: string;
|
|
486
|
+
disabled?: boolean;
|
|
487
|
+
debounceTime?: number;
|
|
488
|
+
clearable?: boolean;
|
|
489
|
+
width?: string;
|
|
490
|
+
height?: string;
|
|
491
|
+
borderRadius?: string;
|
|
492
|
+
fontSize?: string;
|
|
493
|
+
gap?: string;
|
|
494
|
+
fontFamily?: string;
|
|
495
|
+
labelColor?: string;
|
|
496
|
+
labelFontSize?: string;
|
|
497
|
+
labelFontWeight?: string;
|
|
498
|
+
backgroundColor?: string;
|
|
499
|
+
borderColor?: string;
|
|
500
|
+
borderWidth?: string;
|
|
501
|
+
border?: string;
|
|
502
|
+
padding?: string;
|
|
503
|
+
fontWeight?: string;
|
|
504
|
+
color?: string;
|
|
505
|
+
textColor?: string;
|
|
506
|
+
iconColor?: string;
|
|
507
|
+
placeholderColor?: string;
|
|
508
|
+
focusBorderColor?: string;
|
|
509
|
+
errorColor?: string;
|
|
510
|
+
disabledBackgroundColor?: string;
|
|
511
|
+
disabledColor?: string;
|
|
512
|
+
boxShadow?: string;
|
|
513
|
+
}
|
|
514
|
+
|
|
515
|
+
type FilterItemType = 'input' | 'dropdown' | 'checkbox' | 'radio' | 'toggle' | 'datepicker' | 'active-search' | 'group' | 'custom' | 'divider';
|
|
516
|
+
interface FilterItem {
|
|
517
|
+
key?: string;
|
|
518
|
+
type: FilterItemType;
|
|
519
|
+
label?: string;
|
|
520
|
+
visible?: boolean;
|
|
521
|
+
inputConfig?: InputConfig;
|
|
522
|
+
dropdownConfig?: DropdownConfig;
|
|
523
|
+
checkboxConfig?: CheckboxConfig;
|
|
524
|
+
radioConfig?: RadioConfig;
|
|
525
|
+
toggleConfig?: ToggleConfig;
|
|
526
|
+
datepickerConfig?: DatePickerConfig;
|
|
527
|
+
searchConfig?: FilterSearchConfig;
|
|
528
|
+
children?: FilterItem[];
|
|
529
|
+
expanded?: boolean;
|
|
530
|
+
styles?: {
|
|
531
|
+
[key: string]: string;
|
|
532
|
+
};
|
|
533
|
+
}
|
|
534
|
+
interface FilterSidebarConfig {
|
|
535
|
+
items: FilterItem[];
|
|
536
|
+
styles?: {
|
|
537
|
+
width?: string;
|
|
538
|
+
padding?: string;
|
|
539
|
+
gap?: string;
|
|
540
|
+
backgroundColor?: string;
|
|
541
|
+
headerHeight?: string;
|
|
542
|
+
borderRadius?: string;
|
|
543
|
+
};
|
|
544
|
+
header?: {
|
|
545
|
+
title?: string;
|
|
546
|
+
icon?: string;
|
|
547
|
+
visible?: boolean;
|
|
548
|
+
showClose?: boolean;
|
|
549
|
+
};
|
|
550
|
+
footer?: {
|
|
551
|
+
visible?: boolean;
|
|
552
|
+
applyButton?: {
|
|
553
|
+
label?: string;
|
|
554
|
+
visible?: boolean;
|
|
555
|
+
disabled?: boolean;
|
|
556
|
+
};
|
|
557
|
+
clearButton?: {
|
|
558
|
+
label?: string;
|
|
559
|
+
visible?: boolean;
|
|
560
|
+
};
|
|
561
|
+
};
|
|
562
|
+
settings?: {
|
|
563
|
+
collapsible?: boolean;
|
|
564
|
+
persistent?: boolean;
|
|
565
|
+
showCodeSnippet?: boolean;
|
|
566
|
+
};
|
|
567
|
+
labels?: {
|
|
568
|
+
collapseAriaLabel?: string;
|
|
569
|
+
expandAriaLabel?: string;
|
|
570
|
+
closeAriaLabel?: string;
|
|
571
|
+
codeSnippetAriaLabel?: string;
|
|
572
|
+
};
|
|
573
|
+
}
|
|
574
|
+
interface FilterSidebarOutput {
|
|
575
|
+
[key: string]: any;
|
|
576
|
+
}
|
|
577
|
+
interface FilterSidebarChangeEvent {
|
|
578
|
+
key: string;
|
|
579
|
+
value: any;
|
|
580
|
+
allFilters: FilterSidebarOutput;
|
|
581
|
+
}
|
|
582
|
+
type FilterConfig = FilterSidebarConfig;
|
|
583
|
+
type FilterChangeEvent = FilterSidebarChangeEvent;
|
|
584
|
+
type FilterOutput = FilterSidebarOutput;
|
|
585
|
+
|
|
586
|
+
declare class FilterSidebarComponent implements OnInit, ControlValueAccessor {
|
|
587
|
+
private router;
|
|
588
|
+
private route;
|
|
589
|
+
config: FilterSidebarConfig;
|
|
590
|
+
initialFilters: FilterSidebarOutput;
|
|
591
|
+
filterChange: EventEmitter<FilterSidebarChangeEvent>;
|
|
592
|
+
filterApply: EventEmitter<FilterSidebarOutput>;
|
|
593
|
+
filterClear: EventEmitter<void>;
|
|
594
|
+
showCodeSnippet: EventEmitter<void>;
|
|
595
|
+
close: EventEmitter<void>;
|
|
596
|
+
filters: FilterSidebarOutput;
|
|
597
|
+
onChange: any;
|
|
598
|
+
onTouched: any;
|
|
599
|
+
isCollapsed: boolean;
|
|
600
|
+
toggleCollapse(): void;
|
|
601
|
+
constructor(router: Router, route: ActivatedRoute);
|
|
602
|
+
ngOnInit(): void;
|
|
603
|
+
writeValue(value: any): void;
|
|
604
|
+
registerOnChange(fn: any): void;
|
|
605
|
+
registerOnTouched(fn: any): void;
|
|
606
|
+
onValueChange(key: string | undefined, value: any): void;
|
|
607
|
+
private notifyChanges;
|
|
608
|
+
private updateUrl;
|
|
609
|
+
applyFilters(): void;
|
|
610
|
+
clearFilters(): void;
|
|
611
|
+
onClose(): void;
|
|
612
|
+
onShowCodeSnippet(): void;
|
|
613
|
+
get sidebarStyles(): {
|
|
614
|
+
[key: string]: string;
|
|
615
|
+
};
|
|
616
|
+
trackByFn(index: number, item: FilterItem): any;
|
|
617
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FilterSidebarComponent, never>;
|
|
618
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FilterSidebarComponent, "lib-filter-sidebar", never, { "config": { "alias": "config"; "required": false; }; "initialFilters": { "alias": "initialFilters"; "required": false; }; }, { "filterChange": "filterChange"; "filterApply": "filterApply"; "filterClear": "filterClear"; "showCodeSnippet": "showCodeSnippet"; "close": "close"; }, never, ["[header-actions]"], false, never>;
|
|
619
|
+
}
|
|
620
|
+
|
|
621
|
+
declare class InputComponent implements ControlValueAccessor, OnInit, OnChanges {
|
|
622
|
+
config?: InputConfig;
|
|
623
|
+
labels?: InputLabels;
|
|
624
|
+
type: InputType;
|
|
625
|
+
label: string;
|
|
626
|
+
placeholder: string;
|
|
627
|
+
disabled: boolean;
|
|
628
|
+
required: boolean;
|
|
629
|
+
readonly: boolean;
|
|
630
|
+
clearable: boolean;
|
|
631
|
+
maxLength?: number;
|
|
632
|
+
minLength?: number;
|
|
633
|
+
min?: number | string;
|
|
634
|
+
max?: number | string;
|
|
635
|
+
pattern?: string;
|
|
636
|
+
errorMessage: string;
|
|
637
|
+
helperText: string;
|
|
638
|
+
rows: number;
|
|
639
|
+
prefixIcon?: any;
|
|
640
|
+
suffixIcon?: any;
|
|
641
|
+
value: any;
|
|
642
|
+
width?: string;
|
|
643
|
+
height?: string;
|
|
644
|
+
borderRadius?: string;
|
|
645
|
+
fontSize?: string;
|
|
646
|
+
gap?: string;
|
|
647
|
+
fontFamily?: string;
|
|
648
|
+
labelColor?: string;
|
|
649
|
+
labelFontSize?: string;
|
|
650
|
+
labelFontWeight?: string;
|
|
651
|
+
backgroundColor?: string;
|
|
652
|
+
borderColor?: string;
|
|
653
|
+
borderWidth?: string;
|
|
654
|
+
padding?: string;
|
|
655
|
+
fontWeight?: string;
|
|
656
|
+
color?: string;
|
|
657
|
+
placeholderColor?: string;
|
|
658
|
+
focusBorderColor?: string;
|
|
659
|
+
errorColor?: string;
|
|
660
|
+
disabledBackgroundColor?: string;
|
|
661
|
+
disabledColor?: string;
|
|
662
|
+
boxShadow?: string;
|
|
663
|
+
valueChange: EventEmitter<any>;
|
|
664
|
+
inputBlur: EventEmitter<void>;
|
|
665
|
+
inputFocus: EventEmitter<void>;
|
|
666
|
+
showPassword: boolean;
|
|
667
|
+
focused: boolean;
|
|
668
|
+
onChange: (value: any) => void;
|
|
669
|
+
onTouched: () => void;
|
|
670
|
+
ngOnInit(): void;
|
|
671
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
672
|
+
private updateFromConfig;
|
|
673
|
+
private updateFromLabels;
|
|
674
|
+
get requiredMarker(): string;
|
|
675
|
+
writeValue(value: any): void;
|
|
676
|
+
registerOnChange(fn: any): void;
|
|
677
|
+
registerOnTouched(fn: any): void;
|
|
678
|
+
setDisabledState(isDisabled: boolean): void;
|
|
679
|
+
onInputChange(event: any): void;
|
|
680
|
+
onBlur(): void;
|
|
681
|
+
onFocus(): void;
|
|
682
|
+
togglePasswordVisibility(): void;
|
|
683
|
+
getIconType(icon: any): 'material' | 'fontawesome' | 'img' | 'none';
|
|
684
|
+
getIconValue(icon: any): string;
|
|
685
|
+
get inputType(): string;
|
|
686
|
+
private getStyleValue;
|
|
687
|
+
get wrapperStyles(): {
|
|
688
|
+
[key: string]: string | undefined;
|
|
689
|
+
};
|
|
690
|
+
get labelStyles(): {
|
|
691
|
+
[key: string]: string | undefined;
|
|
692
|
+
};
|
|
693
|
+
get fieldStyles(): {
|
|
694
|
+
[key: string]: string | undefined;
|
|
695
|
+
};
|
|
696
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
|
|
697
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "lib-input", never, { "config": { "alias": "config"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "labelFontSize": { "alias": "labelFontSize"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "color": { "alias": "color"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "focusBorderColor": { "alias": "focusBorderColor"; "required": false; }; "errorColor": { "alias": "errorColor"; "required": false; }; "disabledBackgroundColor": { "alias": "disabledBackgroundColor"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; }, { "valueChange": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; }, never, never, false, never>;
|
|
698
|
+
}
|
|
699
|
+
|
|
700
|
+
declare class DropdownComponent implements ControlValueAccessor, OnInit, OnChanges {
|
|
701
|
+
config?: DropdownConfig;
|
|
702
|
+
labels?: DropdownLabels;
|
|
703
|
+
options: DropdownOption[];
|
|
704
|
+
placeholder: string;
|
|
705
|
+
label: string;
|
|
706
|
+
multiple: boolean;
|
|
707
|
+
searchable: boolean;
|
|
708
|
+
clearable: boolean;
|
|
709
|
+
disabled: boolean;
|
|
710
|
+
required: boolean;
|
|
711
|
+
errorMessage: string;
|
|
712
|
+
width?: string;
|
|
713
|
+
height?: string;
|
|
714
|
+
borderRadius?: string;
|
|
715
|
+
fontSize?: string;
|
|
716
|
+
gap?: string;
|
|
717
|
+
fontFamily?: string;
|
|
718
|
+
labelColor?: string;
|
|
719
|
+
labelFontSize?: string;
|
|
720
|
+
labelFontWeight?: string;
|
|
721
|
+
backgroundColor?: string;
|
|
722
|
+
borderColor?: string;
|
|
723
|
+
borderWidth?: string;
|
|
724
|
+
padding?: string;
|
|
725
|
+
fontWeight?: string;
|
|
726
|
+
color?: string;
|
|
727
|
+
placeholderColor?: string;
|
|
728
|
+
focusBorderColor?: string;
|
|
729
|
+
errorColor?: string;
|
|
730
|
+
disabledBackgroundColor?: string;
|
|
731
|
+
disabledColor?: string;
|
|
732
|
+
boxShadow?: string;
|
|
733
|
+
selectionChange: EventEmitter<any>;
|
|
734
|
+
viewport?: CdkVirtualScrollViewport;
|
|
735
|
+
searchInput?: ElementRef;
|
|
736
|
+
filteredOptions: DropdownOption[];
|
|
737
|
+
searchTerm: string;
|
|
738
|
+
value: any;
|
|
739
|
+
isOpen: boolean;
|
|
740
|
+
focusedIndex: number;
|
|
741
|
+
onChange: (value: any) => void;
|
|
742
|
+
onTouched: () => void;
|
|
743
|
+
ngOnInit(): void;
|
|
744
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
745
|
+
private updateFromConfig;
|
|
746
|
+
private updateFromLabels;
|
|
747
|
+
get requiredMarker(): string;
|
|
748
|
+
get searchPlaceholder(): string;
|
|
749
|
+
get selectedSuffix(): string;
|
|
750
|
+
get clearAriaLabel(): string;
|
|
751
|
+
writeValue(value: any): void;
|
|
752
|
+
registerOnChange(fn: any): void;
|
|
753
|
+
registerOnTouched(fn: any): void;
|
|
754
|
+
setDisabledState(isDisabled: boolean): void;
|
|
755
|
+
toggle(): void;
|
|
756
|
+
close(): void;
|
|
757
|
+
selectOption(option: DropdownOption): void;
|
|
758
|
+
isSelected(option: DropdownOption): boolean;
|
|
759
|
+
onSearch(term: string): void;
|
|
760
|
+
clearSelection(event?: Event): void;
|
|
761
|
+
getIconType(icon: any): 'material' | 'fontawesome' | 'img' | 'none';
|
|
762
|
+
getIconValue(icon: any): string;
|
|
763
|
+
getSelectedLabel(): string;
|
|
764
|
+
hasValue(): boolean;
|
|
765
|
+
handleKeyboardEvent(event: KeyboardEvent): void;
|
|
766
|
+
scrollToIndex(index: number): void;
|
|
767
|
+
private getStyleValue;
|
|
768
|
+
get wrapperStyles(): {
|
|
769
|
+
[key: string]: string | undefined;
|
|
770
|
+
};
|
|
771
|
+
get labelStyles(): {
|
|
772
|
+
[key: string]: string | undefined;
|
|
773
|
+
};
|
|
774
|
+
get fieldStyles(): {
|
|
775
|
+
[key: string]: string | undefined;
|
|
776
|
+
};
|
|
777
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
778
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "lib-dropdown", never, { "config": { "alias": "config"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "labelFontSize": { "alias": "labelFontSize"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "color": { "alias": "color"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "focusBorderColor": { "alias": "focusBorderColor"; "required": false; }; "errorColor": { "alias": "errorColor"; "required": false; }; "disabledBackgroundColor": { "alias": "disabledBackgroundColor"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
|
|
779
|
+
}
|
|
780
|
+
|
|
781
|
+
declare class CheckboxComponent implements ControlValueAccessor, OnInit, OnChanges {
|
|
782
|
+
config: CheckboxConfig;
|
|
783
|
+
labels?: CheckboxLabels;
|
|
784
|
+
label: string;
|
|
785
|
+
checked: boolean;
|
|
786
|
+
disabled: boolean;
|
|
787
|
+
required: boolean;
|
|
788
|
+
indeterminate: boolean;
|
|
789
|
+
options: CheckboxOption[];
|
|
790
|
+
labelPosition: 'before' | 'after';
|
|
791
|
+
color: string;
|
|
792
|
+
borderRadius: string;
|
|
793
|
+
value: any;
|
|
794
|
+
errorMessage: string;
|
|
795
|
+
width?: string;
|
|
796
|
+
height?: string;
|
|
797
|
+
fontSize?: string;
|
|
798
|
+
fontWeight?: string;
|
|
799
|
+
labelColor?: string;
|
|
800
|
+
labelFontSize?: string;
|
|
801
|
+
labelFontWeight?: string;
|
|
802
|
+
gap?: string;
|
|
803
|
+
fontFamily?: string;
|
|
804
|
+
backgroundColor?: string;
|
|
805
|
+
borderColor?: string;
|
|
806
|
+
borderWidth?: string;
|
|
807
|
+
padding?: string;
|
|
808
|
+
placeholderColor?: string;
|
|
809
|
+
focusBorderColor?: string;
|
|
810
|
+
errorColor?: string;
|
|
811
|
+
disabledBackgroundColor?: string;
|
|
812
|
+
disabledColor?: string;
|
|
813
|
+
boxShadow?: string;
|
|
814
|
+
size?: string;
|
|
815
|
+
checkedColor?: string;
|
|
816
|
+
uncheckedColor?: string;
|
|
817
|
+
groupLabelColor?: string;
|
|
818
|
+
groupLabelFontSize?: string;
|
|
819
|
+
groupLabelFontWeight?: string;
|
|
820
|
+
checkedChange: EventEmitter<any>;
|
|
821
|
+
onChange: (value: any) => void;
|
|
822
|
+
onTouched: () => void;
|
|
823
|
+
ngOnInit(): void;
|
|
824
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
825
|
+
private updateFromConfig;
|
|
826
|
+
private updateFromLabels;
|
|
827
|
+
get isGroup(): boolean;
|
|
828
|
+
get requiredMarker(): string;
|
|
829
|
+
writeValue(value: any): void;
|
|
830
|
+
registerOnChange(fn: any): void;
|
|
831
|
+
registerOnTouched(fn: any): void;
|
|
832
|
+
setDisabledState(isDisabled: boolean): void;
|
|
833
|
+
onCheckboxChange(event: any): void;
|
|
834
|
+
onGroupCheckboxChange(option: CheckboxOption, event: any): void;
|
|
835
|
+
private getStyleValue;
|
|
836
|
+
get wrapperStyles(): {
|
|
837
|
+
[key: string]: string | undefined;
|
|
838
|
+
};
|
|
839
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
|
|
840
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "lib-checkbox", never, { "config": { "alias": "config"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "label": { "alias": "label"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "options": { "alias": "options"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "color": { "alias": "color"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "labelFontSize": { "alias": "labelFontSize"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "focusBorderColor": { "alias": "focusBorderColor"; "required": false; }; "errorColor": { "alias": "errorColor"; "required": false; }; "disabledBackgroundColor": { "alias": "disabledBackgroundColor"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; "size": { "alias": "size"; "required": false; }; "checkedColor": { "alias": "checkedColor"; "required": false; }; "uncheckedColor": { "alias": "uncheckedColor"; "required": false; }; "groupLabelColor": { "alias": "groupLabelColor"; "required": false; }; "groupLabelFontSize": { "alias": "groupLabelFontSize"; "required": false; }; "groupLabelFontWeight": { "alias": "groupLabelFontWeight"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, false, never>;
|
|
841
|
+
}
|
|
842
|
+
|
|
843
|
+
declare class RadioComponent implements ControlValueAccessor, OnInit {
|
|
844
|
+
config?: RadioConfig;
|
|
845
|
+
label: string;
|
|
846
|
+
options: RadioOption[];
|
|
847
|
+
disabled: boolean;
|
|
848
|
+
required: boolean;
|
|
849
|
+
labelPosition: 'before' | 'after';
|
|
850
|
+
color: 'primary' | 'accent' | 'warn';
|
|
851
|
+
layout: 'vertical' | 'horizontal';
|
|
852
|
+
labels: RadioLabels;
|
|
853
|
+
gap?: string;
|
|
854
|
+
labelColor?: string;
|
|
855
|
+
checkedColor?: string;
|
|
856
|
+
uncheckedColor?: string;
|
|
857
|
+
fontSize?: string;
|
|
858
|
+
fontWeight?: string;
|
|
859
|
+
fontFamily?: string;
|
|
860
|
+
groupLabelColor?: string;
|
|
861
|
+
groupLabelFontSize?: string;
|
|
862
|
+
groupLabelFontWeight?: string;
|
|
863
|
+
disabledColor?: string;
|
|
864
|
+
errorColor?: string;
|
|
865
|
+
size?: string;
|
|
866
|
+
borderRadius?: string;
|
|
867
|
+
labelFontSize?: string;
|
|
868
|
+
labelFontWeight?: string;
|
|
869
|
+
selectionChange: EventEmitter<any>;
|
|
870
|
+
value: any;
|
|
871
|
+
uuid: string;
|
|
872
|
+
private onChange;
|
|
873
|
+
private onTouched;
|
|
874
|
+
ngOnInit(): void;
|
|
875
|
+
ngOnChanges(changes: any): void;
|
|
876
|
+
private updateFromConfig;
|
|
877
|
+
get requiredMarker(): string;
|
|
878
|
+
writeValue(value: any): void;
|
|
879
|
+
registerOnChange(fn: any): void;
|
|
880
|
+
registerOnTouched(fn: any): void;
|
|
881
|
+
setDisabledState(isDisabled: boolean): void;
|
|
882
|
+
onRadioChange(event: any): void;
|
|
883
|
+
private getStyleValue;
|
|
884
|
+
get wrapperStyles(): {
|
|
885
|
+
[key: string]: string | undefined;
|
|
886
|
+
};
|
|
887
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
|
|
888
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "lib-radio", never, { "config": { "alias": "config"; "required": false; }; "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "color": { "alias": "color"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "checkedColor": { "alias": "checkedColor"; "required": false; }; "uncheckedColor": { "alias": "uncheckedColor"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "groupLabelColor": { "alias": "groupLabelColor"; "required": false; }; "groupLabelFontSize": { "alias": "groupLabelFontSize"; "required": false; }; "groupLabelFontWeight": { "alias": "groupLabelFontWeight"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; "errorColor": { "alias": "errorColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "labelFontSize": { "alias": "labelFontSize"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
|
|
889
|
+
}
|
|
890
|
+
|
|
891
|
+
declare class ToggleComponent implements ControlValueAccessor, OnInit, OnChanges {
|
|
892
|
+
config?: ToggleConfig;
|
|
893
|
+
labels?: ToggleLabels;
|
|
894
|
+
label: string;
|
|
895
|
+
checked: boolean;
|
|
896
|
+
disabled: boolean;
|
|
897
|
+
required: boolean;
|
|
898
|
+
labelPosition: 'before' | 'after';
|
|
899
|
+
color: string;
|
|
900
|
+
labelColor?: string;
|
|
901
|
+
uncheckedColor?: string;
|
|
902
|
+
checkedColor?: string;
|
|
903
|
+
thumbColor?: string;
|
|
904
|
+
checkedThumbColor?: string;
|
|
905
|
+
fontSize?: string;
|
|
906
|
+
fontWeight?: string;
|
|
907
|
+
fontFamily?: string;
|
|
908
|
+
toggleWidth?: string;
|
|
909
|
+
toggleHeight?: string;
|
|
910
|
+
gap?: string;
|
|
911
|
+
sliderColor?: string;
|
|
912
|
+
labelFontSize?: string;
|
|
913
|
+
labelFontWeight?: string;
|
|
914
|
+
disabledColor?: string;
|
|
915
|
+
toggleChange: EventEmitter<boolean>;
|
|
916
|
+
value: boolean;
|
|
917
|
+
private onChange;
|
|
918
|
+
private onTouched;
|
|
919
|
+
ngOnInit(): void;
|
|
920
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
921
|
+
private updateFromConfig;
|
|
922
|
+
private updateFromLabels;
|
|
923
|
+
writeValue(value: any): void;
|
|
924
|
+
registerOnChange(fn: any): void;
|
|
925
|
+
registerOnTouched(fn: any): void;
|
|
926
|
+
setDisabledState(isDisabled: boolean): void;
|
|
927
|
+
onToggleChange(event: any): void;
|
|
928
|
+
private getStyleValue;
|
|
929
|
+
get wrapperStyles(): {
|
|
930
|
+
[key: string]: string | undefined;
|
|
931
|
+
};
|
|
932
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
|
|
933
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "lib-toggle", never, { "config": { "alias": "config"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "label": { "alias": "label"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "color": { "alias": "color"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "uncheckedColor": { "alias": "uncheckedColor"; "required": false; }; "checkedColor": { "alias": "checkedColor"; "required": false; }; "thumbColor": { "alias": "thumbColor"; "required": false; }; "checkedThumbColor": { "alias": "checkedThumbColor"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "toggleWidth": { "alias": "toggleWidth"; "required": false; }; "toggleHeight": { "alias": "toggleHeight"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "sliderColor": { "alias": "sliderColor"; "required": false; }; "labelFontSize": { "alias": "labelFontSize"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; }, { "toggleChange": "toggleChange"; }, never, never, false, never>;
|
|
934
|
+
}
|
|
935
|
+
|
|
936
|
+
declare class DatepickerComponent implements ControlValueAccessor, OnInit, OnChanges {
|
|
937
|
+
config?: DatePickerConfig;
|
|
938
|
+
labels?: DatepickerLabels;
|
|
939
|
+
label: string;
|
|
940
|
+
placeholder: string;
|
|
941
|
+
disabled: boolean;
|
|
942
|
+
required: boolean;
|
|
943
|
+
minDate?: string | Date;
|
|
944
|
+
maxDate?: string | Date;
|
|
945
|
+
isRange: boolean;
|
|
946
|
+
startView: 'month' | 'year' | 'multi-year';
|
|
947
|
+
value: any;
|
|
948
|
+
startDate?: string | Date;
|
|
949
|
+
endDate?: string | Date;
|
|
950
|
+
errorMessage: string;
|
|
951
|
+
width?: string;
|
|
952
|
+
height?: string;
|
|
953
|
+
borderRadius?: string;
|
|
954
|
+
fontSize?: string;
|
|
955
|
+
gap?: string;
|
|
956
|
+
fontFamily?: string;
|
|
957
|
+
labelColor?: string;
|
|
958
|
+
labelFontSize?: string;
|
|
959
|
+
labelFontWeight?: string;
|
|
960
|
+
backgroundColor?: string;
|
|
961
|
+
borderColor?: string;
|
|
962
|
+
borderWidth?: string;
|
|
963
|
+
padding?: string;
|
|
964
|
+
fontWeight?: string;
|
|
965
|
+
color?: string;
|
|
966
|
+
placeholderColor?: string;
|
|
967
|
+
focusBorderColor?: string;
|
|
968
|
+
errorColor?: string;
|
|
969
|
+
disabledBackgroundColor?: string;
|
|
970
|
+
disabledColor?: string;
|
|
971
|
+
boxShadow?: string;
|
|
972
|
+
dateChange: EventEmitter<any>;
|
|
973
|
+
onChange: (value: any) => void;
|
|
974
|
+
onTouched: () => void;
|
|
975
|
+
focused: boolean;
|
|
976
|
+
ngOnInit(): void;
|
|
977
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
978
|
+
private updateFromConfig;
|
|
979
|
+
private updateFromLabels;
|
|
980
|
+
get requiredMarker(): string;
|
|
981
|
+
get startDateLabel(): string;
|
|
982
|
+
get endDateLabel(): string;
|
|
983
|
+
private formatDate;
|
|
984
|
+
get formattedValue(): string;
|
|
985
|
+
get formattedStartDate(): string;
|
|
986
|
+
get formattedEndDate(): string;
|
|
987
|
+
get formattedMin(): string;
|
|
988
|
+
get formattedMax(): string;
|
|
989
|
+
writeValue(value: any): void;
|
|
990
|
+
registerOnChange(fn: any): void;
|
|
991
|
+
registerOnTouched(fn: any): void;
|
|
992
|
+
setDisabledState(isDisabled: boolean): void;
|
|
993
|
+
onDateInput(event: any): void;
|
|
994
|
+
onBlur(): void;
|
|
995
|
+
onFocus(): void;
|
|
996
|
+
onRangeStartInput(event: any): void;
|
|
997
|
+
onRangeEndInput(event: any): void;
|
|
998
|
+
private updateRangeValue;
|
|
999
|
+
private getStyleValue;
|
|
1000
|
+
get wrapperStyles(): {
|
|
1001
|
+
[key: string]: string | undefined;
|
|
1002
|
+
};
|
|
1003
|
+
get labelStyles(): {
|
|
1004
|
+
[key: string]: string | undefined;
|
|
1005
|
+
};
|
|
1006
|
+
get fieldStyles(): {
|
|
1007
|
+
[key: string]: string | undefined;
|
|
1008
|
+
};
|
|
1009
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
|
|
1010
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "lib-datepicker", never, { "config": { "alias": "config"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "isRange": { "alias": "isRange"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "value": { "alias": "value"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "labelFontSize": { "alias": "labelFontSize"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "color": { "alias": "color"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "focusBorderColor": { "alias": "focusBorderColor"; "required": false; }; "errorColor": { "alias": "errorColor"; "required": false; }; "disabledBackgroundColor": { "alias": "disabledBackgroundColor"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; }, { "dateChange": "dateChange"; }, never, never, false, never>;
|
|
1011
|
+
}
|
|
1012
|
+
|
|
1013
|
+
declare class SearchComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {
|
|
1014
|
+
config?: FilterSearchConfig;
|
|
1015
|
+
labels?: SearchLabels;
|
|
1016
|
+
placeholder: string;
|
|
1017
|
+
label: string;
|
|
1018
|
+
disabled: boolean;
|
|
1019
|
+
debounceMs: number;
|
|
1020
|
+
clearable: boolean;
|
|
1021
|
+
value: any;
|
|
1022
|
+
width?: string;
|
|
1023
|
+
height?: string;
|
|
202
1024
|
borderRadius?: string;
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
1025
|
+
fontSize?: string;
|
|
1026
|
+
gap?: string;
|
|
1027
|
+
fontFamily?: string;
|
|
1028
|
+
labelColor?: string;
|
|
1029
|
+
labelFontSize?: string;
|
|
1030
|
+
labelFontWeight?: string;
|
|
1031
|
+
backgroundColor?: string;
|
|
1032
|
+
borderColor?: string;
|
|
1033
|
+
borderWidth?: string;
|
|
1034
|
+
border?: string;
|
|
207
1035
|
padding?: string;
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
1036
|
+
fontWeight?: string;
|
|
1037
|
+
color?: string;
|
|
1038
|
+
textColor?: string;
|
|
1039
|
+
iconColor?: string;
|
|
1040
|
+
placeholderColor?: string;
|
|
1041
|
+
focusBorderColor?: string;
|
|
1042
|
+
disabledBackgroundColor?: string;
|
|
1043
|
+
disabledColor?: string;
|
|
1044
|
+
boxShadow?: string;
|
|
1045
|
+
search: EventEmitter<string>;
|
|
1046
|
+
clear: EventEmitter<void>;
|
|
1047
|
+
private searchSubject;
|
|
1048
|
+
focused: boolean;
|
|
1049
|
+
onChange: (value: any) => void;
|
|
1050
|
+
onTouched: () => void;
|
|
1051
|
+
ngOnInit(): void;
|
|
1052
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1053
|
+
private updateFromConfig;
|
|
1054
|
+
private updateFromLabels;
|
|
1055
|
+
ngOnDestroy(): void;
|
|
1056
|
+
get clearAriaLabel(): string;
|
|
1057
|
+
writeValue(value: any): void;
|
|
1058
|
+
registerOnChange(fn: any): void;
|
|
1059
|
+
registerOnTouched(fn: any): void;
|
|
1060
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1061
|
+
onInputChange(event: any): void;
|
|
1062
|
+
onClear(): void;
|
|
1063
|
+
onBlur(): void;
|
|
1064
|
+
onFocus(): void;
|
|
1065
|
+
private getStyleValue;
|
|
1066
|
+
get wrapperStyles(): {
|
|
1067
|
+
[key: string]: string | undefined;
|
|
219
1068
|
};
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
show?: boolean;
|
|
1069
|
+
get labelStyles(): {
|
|
1070
|
+
[key: string]: string | undefined;
|
|
223
1071
|
};
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
ariaLabel?: string;
|
|
230
|
-
ariaDescribedBy?: string;
|
|
1072
|
+
get fieldStyles(): {
|
|
1073
|
+
[key: string]: string | undefined;
|
|
1074
|
+
};
|
|
1075
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SearchComponent, never>;
|
|
1076
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent, "lib-search", never, { "config": { "alias": "config"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "debounceMs": { "alias": "debounceMs"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "labelFontSize": { "alias": "labelFontSize"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "border": { "alias": "border"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "color": { "alias": "color"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "focusBorderColor": { "alias": "focusBorderColor"; "required": false; }; "disabledBackgroundColor": { "alias": "disabledBackgroundColor"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; }, { "search": "search"; "clear": "clear"; }, never, never, false, never>;
|
|
231
1077
|
}
|
|
232
1078
|
|
|
233
|
-
declare class
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
private defaultConfig;
|
|
241
|
-
mergedConfig: ConfirmationModalConfig;
|
|
242
|
-
private previousActiveElement;
|
|
243
|
-
ngOnInit(): void;
|
|
244
|
-
ngOnChanges(): void;
|
|
245
|
-
private updateConfig;
|
|
246
|
-
ngOnDestroy(): void;
|
|
247
|
-
private toggleBodyScroll;
|
|
248
|
-
handleEscape(event: KeyboardEvent): void;
|
|
249
|
-
onBackdropClick(event: MouseEvent): void;
|
|
250
|
-
onConfirm(): void;
|
|
251
|
-
onCancel(): void;
|
|
252
|
-
onClose(): void;
|
|
253
|
-
onShowCodeSnippet(): void;
|
|
254
|
-
getModalWidth(): string;
|
|
255
|
-
getConfirmButtonClass(): string;
|
|
256
|
-
getHeaderClass(): string;
|
|
257
|
-
resolveIconType(icon: any): 'material' | 'custom' | 'img';
|
|
258
|
-
getIconValue(icon: any): string;
|
|
259
|
-
getIconColor(icon: any): string | undefined;
|
|
260
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationModalComponent, never>;
|
|
261
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmationModalComponent, "cc-confirmation-modal", never, { "config": { "alias": "config"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "confirm": "confirm"; "cancel": "cancel"; "close": "close"; "showCodeSnippet": "showCodeSnippet"; }, never, ["*", "[cc-modal-footer]"], false, never>;
|
|
1079
|
+
declare class ClickOutsideDirective {
|
|
1080
|
+
private elementRef;
|
|
1081
|
+
libClickOutside: EventEmitter<void>;
|
|
1082
|
+
constructor(elementRef: ElementRef);
|
|
1083
|
+
onClick(target: any): void;
|
|
1084
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClickOutsideDirective, never>;
|
|
1085
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[libClickOutside]", never, {}, { "libClickOutside": "libClickOutside"; }, never, never, false, never>;
|
|
262
1086
|
}
|
|
263
1087
|
|
|
264
|
-
declare class
|
|
265
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
266
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<
|
|
267
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<
|
|
1088
|
+
declare class FormComponentsModule {
|
|
1089
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FormComponentsModule, never>;
|
|
1090
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FormComponentsModule, [typeof InputComponent, typeof DropdownComponent, typeof CheckboxComponent, typeof RadioComponent, typeof ToggleComponent, typeof DatepickerComponent, typeof SearchComponent, typeof ClickOutsideDirective], [typeof i2$1.CommonModule, typeof i3$1.ReactiveFormsModule, typeof i3$1.FormsModule, typeof i11$1.ScrollingModule], [typeof InputComponent, typeof DropdownComponent, typeof CheckboxComponent, typeof RadioComponent, typeof ToggleComponent, typeof DatepickerComponent, typeof SearchComponent]>;
|
|
1091
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FormComponentsModule>;
|
|
268
1092
|
}
|
|
269
1093
|
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
1094
|
+
declare class FilterSidebarModule {
|
|
1095
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FilterSidebarModule, never>;
|
|
1096
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FilterSidebarModule, [typeof FilterSidebarComponent], [typeof i2$1.CommonModule, typeof i3$1.FormsModule, typeof i3$1.ReactiveFormsModule, typeof FormComponentsModule, typeof ButtonModule], [typeof FilterSidebarComponent]>;
|
|
1097
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FilterSidebarModule>;
|
|
1098
|
+
}
|
|
1099
|
+
|
|
1100
|
+
interface TableFilterItem {
|
|
1101
|
+
key?: string;
|
|
1102
|
+
type: FilterItemType;
|
|
1103
|
+
label?: string;
|
|
1104
|
+
visible?: boolean;
|
|
1105
|
+
inputConfig?: InputConfig;
|
|
1106
|
+
dropdownConfig?: DropdownConfig;
|
|
1107
|
+
checkboxConfig?: CheckboxConfig;
|
|
1108
|
+
radioConfig?: RadioConfig;
|
|
1109
|
+
toggleConfig?: ToggleConfig;
|
|
1110
|
+
datepickerConfig?: DatePickerConfig;
|
|
1111
|
+
searchConfig?: FilterSearchConfig;
|
|
1112
|
+
children?: TableFilterItem[];
|
|
1113
|
+
expanded?: boolean;
|
|
1114
|
+
styles?: {
|
|
1115
|
+
[key: string]: string;
|
|
1116
|
+
};
|
|
1117
|
+
}
|
|
1118
|
+
interface TableFilterConfig {
|
|
1119
|
+
items: TableFilterItem[];
|
|
1120
|
+
styles?: {
|
|
1121
|
+
width?: string;
|
|
1122
|
+
padding?: string;
|
|
1123
|
+
gap?: string;
|
|
1124
|
+
backgroundColor?: string;
|
|
1125
|
+
borderRadius?: string;
|
|
1126
|
+
headerHeight?: string;
|
|
1127
|
+
};
|
|
1128
|
+
columns?: TableFilterColumn[];
|
|
1129
|
+
settings?: {
|
|
1130
|
+
persistent?: boolean;
|
|
1131
|
+
collapsible?: boolean;
|
|
274
1132
|
};
|
|
275
|
-
sections: FilterSidebarSection[];
|
|
276
1133
|
actions?: {
|
|
277
|
-
apply?: {
|
|
278
|
-
label?: string;
|
|
279
|
-
visible?: boolean;
|
|
280
|
-
disabled?: boolean;
|
|
281
|
-
};
|
|
282
1134
|
clear?: {
|
|
1135
|
+
visible?: boolean;
|
|
283
1136
|
label?: string;
|
|
1137
|
+
};
|
|
1138
|
+
apply?: {
|
|
284
1139
|
visible?: boolean;
|
|
1140
|
+
label?: string;
|
|
285
1141
|
};
|
|
286
1142
|
};
|
|
287
|
-
settings?: {
|
|
288
|
-
collapsible?: boolean;
|
|
289
|
-
persistent?: boolean;
|
|
290
|
-
showCodeSnippet?: boolean;
|
|
291
|
-
};
|
|
292
1143
|
}
|
|
293
|
-
interface
|
|
1144
|
+
interface TableFilterColumn {
|
|
294
1145
|
id: string;
|
|
295
1146
|
label: string;
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
key: string;
|
|
300
|
-
title: string;
|
|
301
|
-
type: 'select' | 'accordion' | 'checkbox-group' | 'radio-group' | 'search';
|
|
302
|
-
options?: FilterSidebarOption[];
|
|
303
|
-
multi?: boolean;
|
|
304
|
-
expanded?: boolean;
|
|
305
|
-
placeholder?: string;
|
|
306
|
-
visible?: boolean;
|
|
1147
|
+
visible: boolean;
|
|
1148
|
+
filterable?: boolean;
|
|
1149
|
+
filterOptions?: any[];
|
|
307
1150
|
}
|
|
308
|
-
interface
|
|
309
|
-
|
|
310
|
-
|
|
1151
|
+
interface TableFilterLabels {
|
|
1152
|
+
filterBtn: string;
|
|
1153
|
+
clear: string;
|
|
1154
|
+
apply: string;
|
|
1155
|
+
search: string;
|
|
1156
|
+
columns: string;
|
|
1157
|
+
showAll: string;
|
|
1158
|
+
hideAll: string;
|
|
1159
|
+
items?: string;
|
|
311
1160
|
}
|
|
312
|
-
interface
|
|
1161
|
+
interface TableFilterOutput {
|
|
313
1162
|
[key: string]: any;
|
|
314
1163
|
}
|
|
315
|
-
interface
|
|
1164
|
+
interface TableFilterChangeEvent {
|
|
316
1165
|
key: string;
|
|
317
1166
|
value: any;
|
|
318
|
-
allFilters:
|
|
1167
|
+
allFilters: TableFilterOutput;
|
|
319
1168
|
}
|
|
320
|
-
type FilterConfig = FilterSidebarConfig;
|
|
321
|
-
type FilterChangeEvent = FilterSidebarChangeEvent;
|
|
322
|
-
type FilterOutput = FilterSidebarOutput;
|
|
323
1169
|
|
|
324
|
-
declare class
|
|
1170
|
+
declare class FilterComponent implements OnInit {
|
|
1171
|
+
private elementRef;
|
|
325
1172
|
private router;
|
|
326
1173
|
private route;
|
|
327
|
-
config:
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
1174
|
+
config: TableFilterConfig;
|
|
1175
|
+
activeFilters: TableFilterOutput;
|
|
1176
|
+
columns: TableFilterColumn[];
|
|
1177
|
+
labels: TableFilterLabels;
|
|
1178
|
+
theme: string;
|
|
1179
|
+
filterChange: EventEmitter<TableFilterOutput>;
|
|
1180
|
+
columnChange: EventEmitter<TableFilterColumn[]>;
|
|
1181
|
+
toggle: EventEmitter<boolean>;
|
|
1182
|
+
isOpen: boolean;
|
|
1183
|
+
activeTab: 'filters' | 'columns';
|
|
1184
|
+
tempFilters: TableFilterOutput;
|
|
1185
|
+
tempColumns: TableFilterColumn[];
|
|
1186
|
+
constructor(elementRef: ElementRef, router: Router, route: ActivatedRoute);
|
|
339
1187
|
ngOnInit(): void;
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
onFilterChange(key: string, value: any
|
|
345
|
-
|
|
346
|
-
|
|
1188
|
+
private initFromUrl;
|
|
1189
|
+
onClickOutside(event: Event): void;
|
|
1190
|
+
togglePanel(): void;
|
|
1191
|
+
setActiveTab(tab: 'filters' | 'columns'): void;
|
|
1192
|
+
onFilterChange(key: string | undefined, value: any): void;
|
|
1193
|
+
toggleColumn(columnId: string): void;
|
|
1194
|
+
toggleAllColumns(visible: boolean): void;
|
|
1195
|
+
clearAll(): void;
|
|
1196
|
+
apply(): void;
|
|
347
1197
|
private updateUrl;
|
|
348
|
-
|
|
349
|
-
|
|
1198
|
+
activeFilterCountValue(): number;
|
|
1199
|
+
get activeFilterCount(): number;
|
|
1200
|
+
private syncTempState;
|
|
1201
|
+
get containerStyles(): {
|
|
1202
|
+
[key: string]: string;
|
|
1203
|
+
};
|
|
350
1204
|
trackByFn(index: number, item: any): any;
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FilterSidebarComponent, never>;
|
|
354
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FilterSidebarComponent, "lib-filter-sidebar", never, { "config": { "alias": "config"; "required": false; }; "initialFilters": { "alias": "initialFilters"; "required": false; }; }, { "filterChange": "filterChange"; "filterApply": "filterApply"; "filterClear": "filterClear"; "tabChange": "tabChange"; "showCodeSnippet": "showCodeSnippet"; }, never, never, false, never>;
|
|
1205
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FilterComponent, never>;
|
|
1206
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "lib-filter", never, { "config": { "alias": "config"; "required": false; }; "activeFilters": { "alias": "activeFilters"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "filterChange": "filterChange"; "columnChange": "columnChange"; "toggle": "toggle"; }, never, never, false, never>;
|
|
355
1207
|
}
|
|
356
1208
|
|
|
357
|
-
declare class
|
|
358
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
359
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<
|
|
360
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<
|
|
1209
|
+
declare class FilterModule {
|
|
1210
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FilterModule, never>;
|
|
1211
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FilterModule, [typeof FilterComponent], [typeof i2$1.CommonModule, typeof i3$1.FormsModule, typeof i3$1.ReactiveFormsModule, typeof ButtonModule, typeof FormComponentsModule], [typeof FilterComponent]>;
|
|
1212
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FilterModule>;
|
|
361
1213
|
}
|
|
362
1214
|
|
|
363
1215
|
interface SummaryCardConfig {
|
|
@@ -434,7 +1286,7 @@ interface FormOption {
|
|
|
434
1286
|
code?: string;
|
|
435
1287
|
name?: string;
|
|
436
1288
|
}
|
|
437
|
-
interface OptionConfig {
|
|
1289
|
+
interface OptionConfig$1 {
|
|
438
1290
|
optionDTO: OptionDTO;
|
|
439
1291
|
class?: string;
|
|
440
1292
|
url?: string;
|
|
@@ -447,7 +1299,7 @@ interface UIConfig {
|
|
|
447
1299
|
type: UIType;
|
|
448
1300
|
subType?: UISubType;
|
|
449
1301
|
dependent?: string[];
|
|
450
|
-
optionConfigs?: OptionConfig;
|
|
1302
|
+
optionConfigs?: OptionConfig$1;
|
|
451
1303
|
minCharacters?: number;
|
|
452
1304
|
maxCharacters?: number;
|
|
453
1305
|
}
|
|
@@ -498,7 +1350,7 @@ interface FormField {
|
|
|
498
1350
|
accept?: string;
|
|
499
1351
|
multiple?: boolean;
|
|
500
1352
|
uploadedFiles?: UploadedFile[];
|
|
501
|
-
optionConfigs?: OptionConfig;
|
|
1353
|
+
optionConfigs?: OptionConfig$1;
|
|
502
1354
|
loadedOptions?: FormOption[];
|
|
503
1355
|
compositeValidationRule?: 'minTotal' | 'percentageTotal' | 'minMax';
|
|
504
1356
|
}
|
|
@@ -519,11 +1371,7 @@ interface FormSection {
|
|
|
519
1371
|
}
|
|
520
1372
|
interface FormConfig {
|
|
521
1373
|
sections: FormSection[];
|
|
522
|
-
submitLabel?: string;
|
|
523
|
-
cancelLabel?: string;
|
|
524
|
-
saveDraftLabel?: string;
|
|
525
1374
|
entityType?: string;
|
|
526
|
-
isModal?: boolean;
|
|
527
1375
|
}
|
|
528
1376
|
interface JsonFieldConfig {
|
|
529
1377
|
jsonKey: string;
|
|
@@ -547,12 +1395,11 @@ declare class ConfigurableFormComponent implements OnInit, OnChanges {
|
|
|
547
1395
|
jsonConfig: JsonFormConfig;
|
|
548
1396
|
data: any;
|
|
549
1397
|
baseApiUrl: string;
|
|
550
|
-
formSubmit: EventEmitter<any>;
|
|
551
|
-
formCancel: EventEmitter<void>;
|
|
552
1398
|
optionsLoad: EventEmitter<any>;
|
|
553
1399
|
form: FormGroup;
|
|
554
1400
|
processedConfig: FormConfig;
|
|
555
1401
|
fieldVisibilityMap: Map<string, boolean>;
|
|
1402
|
+
passwordFieldState: Map<string, boolean>;
|
|
556
1403
|
constructor(fb: FormBuilder, snackBar: MatSnackBar, http: HttpClient);
|
|
557
1404
|
ngOnInit(): void;
|
|
558
1405
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -571,7 +1418,7 @@ declare class ConfigurableFormComponent implements OnInit, OnChanges {
|
|
|
571
1418
|
getFormArray(name: string): FormArray;
|
|
572
1419
|
addRepeaterItem(section: FormSection): void;
|
|
573
1420
|
removeRepeaterItem(sectionName: string, index: number): void;
|
|
574
|
-
|
|
1421
|
+
validate(): boolean;
|
|
575
1422
|
scrollToFirstInvalidControl(): void;
|
|
576
1423
|
setupDependencies(): void;
|
|
577
1424
|
onFieldValueChange(field: FormField, value: any): void;
|
|
@@ -586,11 +1433,12 @@ declare class ConfigurableFormComponent implements OnInit, OnChanges {
|
|
|
586
1433
|
updateFileControlValue(field: FormField): void;
|
|
587
1434
|
getCharacterCount(fieldName: string): number;
|
|
588
1435
|
toggleSection(section: FormSection): void;
|
|
589
|
-
onCancel(): void;
|
|
590
1436
|
private findFieldByName;
|
|
591
1437
|
get sections(): FormSection[];
|
|
1438
|
+
togglePassword(fieldName: string): void;
|
|
1439
|
+
isPasswordVisible(fieldName: string): boolean;
|
|
592
1440
|
static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurableFormComponent, never>;
|
|
593
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ConfigurableFormComponent, "lib-configurable-form", never, { "config": { "alias": "config"; "required": false; }; "jsonConfig": { "alias": "jsonConfig"; "required": false; }; "data": { "alias": "data"; "required": false; }; "baseApiUrl": { "alias": "baseApiUrl"; "required": false; }; }, { "
|
|
1441
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ConfigurableFormComponent, "lib-configurable-form", never, { "config": { "alias": "config"; "required": false; }; "jsonConfig": { "alias": "jsonConfig"; "required": false; }; "data": { "alias": "data"; "required": false; }; "baseApiUrl": { "alias": "baseApiUrl"; "required": false; }; }, { "optionsLoad": "optionsLoad"; }, never, never, true, never>;
|
|
594
1442
|
}
|
|
595
1443
|
|
|
596
1444
|
declare class ConfigurableFormModule {
|
|
@@ -599,9 +1447,288 @@ declare class ConfigurableFormModule {
|
|
|
599
1447
|
static ɵinj: i0.ɵɵInjectorDeclaration<ConfigurableFormModule>;
|
|
600
1448
|
}
|
|
601
1449
|
|
|
1450
|
+
interface FormSchema {
|
|
1451
|
+
entityType: string;
|
|
1452
|
+
label: string;
|
|
1453
|
+
formType: 'SECTION' | 'STEPPER';
|
|
1454
|
+
showTitle?: boolean;
|
|
1455
|
+
showDescription?: boolean;
|
|
1456
|
+
description?: string;
|
|
1457
|
+
metadata?: {
|
|
1458
|
+
[key: string]: any;
|
|
1459
|
+
};
|
|
1460
|
+
sectionConfig?: SectionConfig;
|
|
1461
|
+
stepperConfig?: StepperConfig;
|
|
1462
|
+
submitConfig?: SubmitConfig;
|
|
1463
|
+
}
|
|
1464
|
+
interface SubmitConfig {
|
|
1465
|
+
apiUrl: string;
|
|
1466
|
+
method?: 'POST' | 'PUT' | 'PATCH';
|
|
1467
|
+
successMessage?: string;
|
|
1468
|
+
errorMessage?: string;
|
|
1469
|
+
}
|
|
1470
|
+
interface SectionConfig {
|
|
1471
|
+
children: FieldConfig[];
|
|
1472
|
+
allowMulti?: boolean;
|
|
1473
|
+
name?: string;
|
|
1474
|
+
label?: string;
|
|
1475
|
+
}
|
|
1476
|
+
interface StepperConfig {
|
|
1477
|
+
children: FieldConfig[];
|
|
1478
|
+
showStep?: boolean;
|
|
1479
|
+
isHorizontal?: boolean;
|
|
1480
|
+
}
|
|
1481
|
+
interface FieldConfig {
|
|
1482
|
+
name?: string;
|
|
1483
|
+
label?: string;
|
|
1484
|
+
type: string;
|
|
1485
|
+
subType: string;
|
|
1486
|
+
visible?: boolean;
|
|
1487
|
+
visibilityExpression?: string;
|
|
1488
|
+
required?: boolean;
|
|
1489
|
+
disabled?: boolean;
|
|
1490
|
+
defaultValue?: any;
|
|
1491
|
+
hint?: string;
|
|
1492
|
+
sectionConfig?: SectionConfig;
|
|
1493
|
+
onChange?: string;
|
|
1494
|
+
onValidate?: string;
|
|
1495
|
+
textConfig?: TextConfig;
|
|
1496
|
+
emailConfig?: EmailConfig;
|
|
1497
|
+
phoneConfig?: PhoneConfig;
|
|
1498
|
+
numberConfig?: NumberConfig;
|
|
1499
|
+
dateConfig?: DateConfig;
|
|
1500
|
+
optionConfig?: OptionConfig;
|
|
1501
|
+
generatedConfig?: GeneratedConfig;
|
|
1502
|
+
rangeConfig?: RangeConfig;
|
|
1503
|
+
attachmentConfig?: AttachmentConfig;
|
|
1504
|
+
locationConfig?: LocationConfig;
|
|
1505
|
+
ratingConfig?: RatingConfig;
|
|
1506
|
+
children?: FieldConfig[];
|
|
1507
|
+
}
|
|
1508
|
+
interface TextConfig {
|
|
1509
|
+
length?: LengthConstraint;
|
|
1510
|
+
pattern?: string;
|
|
1511
|
+
patternMessage?: string;
|
|
1512
|
+
inputType?: string;
|
|
1513
|
+
}
|
|
1514
|
+
interface LengthConstraint {
|
|
1515
|
+
min?: number;
|
|
1516
|
+
max?: number;
|
|
1517
|
+
}
|
|
1518
|
+
interface NumberConfig {
|
|
1519
|
+
min?: number;
|
|
1520
|
+
max?: number;
|
|
1521
|
+
precision?: number;
|
|
1522
|
+
step?: number;
|
|
1523
|
+
}
|
|
1524
|
+
interface DateConfig {
|
|
1525
|
+
allowFuture?: boolean;
|
|
1526
|
+
minDate?: string;
|
|
1527
|
+
maxDate?: string;
|
|
1528
|
+
}
|
|
1529
|
+
interface OptionConfig {
|
|
1530
|
+
optionClass?: string;
|
|
1531
|
+
optionUrl?: string;
|
|
1532
|
+
apiUrl?: string;
|
|
1533
|
+
apiUrls?: string[];
|
|
1534
|
+
dataPath?: string;
|
|
1535
|
+
labelPath?: string;
|
|
1536
|
+
valuePath?: string;
|
|
1537
|
+
dependencies?: {
|
|
1538
|
+
[queryParam: string]: string;
|
|
1539
|
+
};
|
|
1540
|
+
sortBy?: string;
|
|
1541
|
+
sortDirection?: 'ASC' | 'DESC';
|
|
1542
|
+
optionList?: OptionItem[];
|
|
1543
|
+
}
|
|
1544
|
+
interface EmailConfig {
|
|
1545
|
+
defaultDomain?: string;
|
|
1546
|
+
allowedDomains?: string[];
|
|
1547
|
+
blockedDomains?: string[];
|
|
1548
|
+
}
|
|
1549
|
+
interface PhoneConfig {
|
|
1550
|
+
prefixCountryCode?: boolean;
|
|
1551
|
+
defaultCountryCode?: string;
|
|
1552
|
+
supportedCountryCodeLocale?: string[];
|
|
1553
|
+
}
|
|
1554
|
+
interface OptionItem {
|
|
1555
|
+
label: string;
|
|
1556
|
+
code: any;
|
|
1557
|
+
value?: any;
|
|
1558
|
+
}
|
|
1559
|
+
interface GeneratedConfig {
|
|
1560
|
+
formula: string;
|
|
1561
|
+
variables?: string[];
|
|
1562
|
+
}
|
|
1563
|
+
interface RangeConfig {
|
|
1564
|
+
min?: number;
|
|
1565
|
+
max?: number;
|
|
1566
|
+
step?: number;
|
|
1567
|
+
minDate?: string;
|
|
1568
|
+
maxDate?: string;
|
|
1569
|
+
}
|
|
1570
|
+
interface AttachmentConfig {
|
|
1571
|
+
maxFiles?: number;
|
|
1572
|
+
maxSizeMB?: number;
|
|
1573
|
+
allowedExtensions?: string[];
|
|
1574
|
+
}
|
|
1575
|
+
interface LocationConfig {
|
|
1576
|
+
enableCurrentLocation?: boolean;
|
|
1577
|
+
enableMapPicker?: boolean;
|
|
1578
|
+
}
|
|
1579
|
+
interface RatingConfig {
|
|
1580
|
+
maxRating?: number;
|
|
1581
|
+
allowHalf?: boolean;
|
|
1582
|
+
}
|
|
1583
|
+
interface ValidationResult {
|
|
1584
|
+
isValid: boolean;
|
|
1585
|
+
errorMessage?: string;
|
|
1586
|
+
fieldErrors?: {
|
|
1587
|
+
[key: string]: string;
|
|
1588
|
+
};
|
|
1589
|
+
}
|
|
1590
|
+
|
|
1591
|
+
declare class SmartFormController {
|
|
1592
|
+
private formData;
|
|
1593
|
+
private fieldSubjects;
|
|
1594
|
+
initialize(initialData: {
|
|
1595
|
+
[key: string]: any;
|
|
1596
|
+
}): void;
|
|
1597
|
+
updateField(name: string, value: any): void;
|
|
1598
|
+
getFieldValue(name: string): any;
|
|
1599
|
+
getFieldObservable(name: string): Observable<any>;
|
|
1600
|
+
getAllData(): {
|
|
1601
|
+
[key: string]: any;
|
|
1602
|
+
};
|
|
1603
|
+
reset(): void;
|
|
1604
|
+
destroy(): void;
|
|
1605
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SmartFormController, never>;
|
|
1606
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SmartFormController>;
|
|
1607
|
+
}
|
|
1608
|
+
|
|
1609
|
+
declare class ExpressionService {
|
|
1610
|
+
private loadedFunctions;
|
|
1611
|
+
evaluate(expression: string, context: {
|
|
1612
|
+
[key: string]: any;
|
|
1613
|
+
}, variables?: string[]): any;
|
|
1614
|
+
evaluateCondition(expression: string, context: {
|
|
1615
|
+
[key: string]: any;
|
|
1616
|
+
}): boolean;
|
|
1617
|
+
evaluateFormula(formula: string, functionName: string, context: {
|
|
1618
|
+
[key: string]: any;
|
|
1619
|
+
}, variables?: string[]): any;
|
|
1620
|
+
extractVariables(expression: string): string[];
|
|
1621
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ExpressionService, never>;
|
|
1622
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ExpressionService>;
|
|
1623
|
+
}
|
|
1624
|
+
|
|
1625
|
+
declare class SmartFormComponent implements OnInit, OnChanges, OnDestroy {
|
|
1626
|
+
private fb;
|
|
1627
|
+
controller: SmartFormController;
|
|
1628
|
+
private expressionService;
|
|
1629
|
+
private http;
|
|
1630
|
+
formJson: string;
|
|
1631
|
+
initialValues?: {
|
|
1632
|
+
[key: string]: any;
|
|
1633
|
+
};
|
|
1634
|
+
enableDraftAutoSave: boolean;
|
|
1635
|
+
submit: EventEmitter<{
|
|
1636
|
+
[key: string]: any;
|
|
1637
|
+
}>;
|
|
1638
|
+
draftSave: EventEmitter<string>;
|
|
1639
|
+
formSchema: FormSchema;
|
|
1640
|
+
formGroup: FormGroup;
|
|
1641
|
+
fieldList: FieldConfig[];
|
|
1642
|
+
isStepper: boolean;
|
|
1643
|
+
currentStep: number;
|
|
1644
|
+
isLoading: boolean;
|
|
1645
|
+
constructor(fb: FormBuilder, controller: SmartFormController, expressionService: ExpressionService, http: HttpClient);
|
|
1646
|
+
ngOnInit(): void;
|
|
1647
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1648
|
+
ngOnDestroy(): void;
|
|
1649
|
+
parseFormJson(): void;
|
|
1650
|
+
initializeForm(): void;
|
|
1651
|
+
collectFields(fields: FieldConfig[]): void;
|
|
1652
|
+
handleSubmit(): void;
|
|
1653
|
+
submitToApi(formData: any): void;
|
|
1654
|
+
nextStep(): void;
|
|
1655
|
+
previousStep(): void;
|
|
1656
|
+
get canGoNext(): boolean;
|
|
1657
|
+
get canGoPrevious(): boolean;
|
|
1658
|
+
get currentStepConfig(): FieldConfig | undefined;
|
|
1659
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SmartFormComponent, never>;
|
|
1660
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SmartFormComponent, "lib-smart-form", never, { "formJson": { "alias": "formJson"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "enableDraftAutoSave": { "alias": "enableDraftAutoSave"; "required": false; }; }, { "submit": "submit"; "draftSave": "draftSave"; }, never, never, false, never>;
|
|
1661
|
+
}
|
|
1662
|
+
|
|
1663
|
+
declare class FormSectionComponent {
|
|
1664
|
+
config: SectionConfig;
|
|
1665
|
+
controller: SmartFormController;
|
|
1666
|
+
sections: any[];
|
|
1667
|
+
addSection(): void;
|
|
1668
|
+
removeSection(index: number): void;
|
|
1669
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FormSectionComponent, never>;
|
|
1670
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FormSectionComponent, "lib-form-section", never, { "config": { "alias": "config"; "required": false; }; "controller": { "alias": "controller"; "required": false; }; }, {}, never, never, false, never>;
|
|
1671
|
+
}
|
|
1672
|
+
|
|
1673
|
+
declare class FormFieldComponent implements OnInit, OnDestroy {
|
|
1674
|
+
private expressionService;
|
|
1675
|
+
private http;
|
|
1676
|
+
config: FieldConfig;
|
|
1677
|
+
controller: SmartFormController;
|
|
1678
|
+
sectionIndex?: number;
|
|
1679
|
+
value: any;
|
|
1680
|
+
isVisible: boolean;
|
|
1681
|
+
errorMessage: string;
|
|
1682
|
+
private destroy$;
|
|
1683
|
+
constructor(expressionService: ExpressionService, http: HttpClient);
|
|
1684
|
+
ngOnInit(): void;
|
|
1685
|
+
ngOnDestroy(): void;
|
|
1686
|
+
setupField(): void;
|
|
1687
|
+
setupVisibility(): void;
|
|
1688
|
+
setupGeneratedField(): void;
|
|
1689
|
+
evaluateFormula(context: {
|
|
1690
|
+
[key: string]: any;
|
|
1691
|
+
}): any;
|
|
1692
|
+
extractFunctionName(formula: string): string | null;
|
|
1693
|
+
setupDependencies(): void;
|
|
1694
|
+
loadDropdownOptions(queryParams?: {
|
|
1695
|
+
[key: string]: any;
|
|
1696
|
+
}): void;
|
|
1697
|
+
private getValueByPath;
|
|
1698
|
+
onValueChange(event: any): void;
|
|
1699
|
+
onCheckboxListChange(code: string, checked: boolean): void;
|
|
1700
|
+
isChecked(code: string): boolean;
|
|
1701
|
+
validate(value: any): void;
|
|
1702
|
+
getFieldName(): string;
|
|
1703
|
+
get isTextField(): boolean;
|
|
1704
|
+
get isNumberField(): boolean;
|
|
1705
|
+
get isDateField(): boolean;
|
|
1706
|
+
get isDropdown(): boolean;
|
|
1707
|
+
get isRadio(): boolean;
|
|
1708
|
+
get isCheckbox(): boolean;
|
|
1709
|
+
get isChip(): boolean;
|
|
1710
|
+
get isSwitch(): boolean;
|
|
1711
|
+
get isRating(): boolean;
|
|
1712
|
+
onRatingChange(star: number, event?: MouseEvent): void;
|
|
1713
|
+
getStarArray(): number[];
|
|
1714
|
+
isStarHalf(star: number): boolean;
|
|
1715
|
+
isStarFilled(star: number): boolean;
|
|
1716
|
+
get isGenerated(): boolean;
|
|
1717
|
+
get isRow(): boolean;
|
|
1718
|
+
get isGroup(): boolean;
|
|
1719
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
|
|
1720
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "lib-form-field", never, { "config": { "alias": "config"; "required": false; }; "controller": { "alias": "controller"; "required": false; }; "sectionIndex": { "alias": "sectionIndex"; "required": false; }; }, {}, never, never, false, never>;
|
|
1721
|
+
}
|
|
1722
|
+
|
|
1723
|
+
declare class SmartFormModule {
|
|
1724
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SmartFormModule, never>;
|
|
1725
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SmartFormModule, [typeof SmartFormComponent, typeof FormSectionComponent, typeof FormFieldComponent], [typeof i2$1.CommonModule, typeof i3$1.ReactiveFormsModule, typeof i3$1.FormsModule], [typeof SmartFormComponent]>;
|
|
1726
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SmartFormModule>;
|
|
1727
|
+
}
|
|
1728
|
+
|
|
602
1729
|
declare class SharedUiModule {
|
|
603
1730
|
static ɵfac: i0.ɵɵFactoryDeclaration<SharedUiModule, never>;
|
|
604
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SharedUiModule, never, [typeof i2$1.CommonModule, typeof MaterialModule, typeof
|
|
1731
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SharedUiModule, never, [typeof i2$1.CommonModule, typeof MaterialModule, typeof AlertModule, typeof ButtonModule, typeof ConfirmationModalModule, typeof FilterSidebarModule, typeof FilterModule, typeof SummaryCardModule, typeof ConfigurableFormModule, typeof FormComponentsModule, typeof SmartFormModule], [typeof MaterialModule, typeof AlertModule, typeof ButtonModule, typeof ConfirmationModalModule, typeof FilterSidebarModule, typeof FilterModule, typeof SummaryCardModule, typeof ConfigurableFormModule, typeof FormComponentsModule, typeof SmartFormModule]>;
|
|
605
1732
|
static ɵinj: i0.ɵɵInjectorDeclaration<SharedUiModule>;
|
|
606
1733
|
}
|
|
607
1734
|
|
|
@@ -836,6 +1963,7 @@ interface TableConfig {
|
|
|
836
1963
|
maxHeight?: string;
|
|
837
1964
|
stickyHeader?: boolean;
|
|
838
1965
|
stickyColumnCount?: number;
|
|
1966
|
+
clickableRows?: boolean;
|
|
839
1967
|
}
|
|
840
1968
|
interface SearchConfig {
|
|
841
1969
|
enabled: boolean;
|
|
@@ -867,6 +1995,7 @@ declare class SmartTableComponent implements OnInit, OnChanges, AfterViewInit, O
|
|
|
867
1995
|
value: any;
|
|
868
1996
|
}>;
|
|
869
1997
|
rowSelect: EventEmitter<any[]>;
|
|
1998
|
+
rowClick: EventEmitter<any>;
|
|
870
1999
|
data: any[];
|
|
871
2000
|
totalItems: number;
|
|
872
2001
|
currentPage: number;
|
|
@@ -915,8 +2044,9 @@ declare class SmartTableComponent implements OnInit, OnChanges, AfterViewInit, O
|
|
|
915
2044
|
private calculateStickyPositions;
|
|
916
2045
|
private toTitleCase;
|
|
917
2046
|
get columnCount(): number;
|
|
2047
|
+
onRowClick(row: any): void;
|
|
918
2048
|
static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableComponent, never>;
|
|
919
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableComponent, "lib-smart-table", never, { "config": { "alias": "config"; "required": false; }; }, { "action": "action"; "topAction": "topAction"; "filterChange": "filterChange"; "rowSelect": "rowSelect"; }, never, never, false, never>;
|
|
2049
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableComponent, "lib-smart-table", never, { "config": { "alias": "config"; "required": false; }; }, { "action": "action"; "topAction": "topAction"; "filterChange": "filterChange"; "rowSelect": "rowSelect"; "rowClick": "rowClick"; }, never, never, false, never>;
|
|
920
2050
|
}
|
|
921
2051
|
|
|
922
2052
|
declare class SmartTableModule {
|
|
@@ -925,5 +2055,31 @@ declare class SmartTableModule {
|
|
|
925
2055
|
static ɵinj: i0.ɵɵInjectorDeclaration<SmartTableModule>;
|
|
926
2056
|
}
|
|
927
2057
|
|
|
928
|
-
|
|
929
|
-
|
|
2058
|
+
declare class ValidationUtils {
|
|
2059
|
+
static email(): ValidatorFn;
|
|
2060
|
+
static phone(): ValidatorFn;
|
|
2061
|
+
static url(): ValidatorFn;
|
|
2062
|
+
static minLength(min: number): ValidatorFn;
|
|
2063
|
+
static maxLength(max: number): ValidatorFn;
|
|
2064
|
+
static pattern(pattern: string, message?: string): ValidatorFn;
|
|
2065
|
+
static numberRange(min?: number, max?: number): ValidatorFn;
|
|
2066
|
+
static dateRange(minDate?: string, maxDate?: string): ValidatorFn;
|
|
2067
|
+
static getErrorMessage(errors: ValidationErrors | null): string;
|
|
2068
|
+
}
|
|
2069
|
+
|
|
2070
|
+
declare const SAMPLE_FORMS: {
|
|
2071
|
+
contactForm: string;
|
|
2072
|
+
registrationForm: string;
|
|
2073
|
+
surveyForm: string;
|
|
2074
|
+
jobApplicationForm: string;
|
|
2075
|
+
};
|
|
2076
|
+
|
|
2077
|
+
declare const smartForm_examples_d_SAMPLE_FORMS: typeof SAMPLE_FORMS;
|
|
2078
|
+
declare namespace smartForm_examples_d {
|
|
2079
|
+
export {
|
|
2080
|
+
smartForm_examples_d_SAMPLE_FORMS as SAMPLE_FORMS,
|
|
2081
|
+
};
|
|
2082
|
+
}
|
|
2083
|
+
|
|
2084
|
+
export { AlertComponent, AlertModule, ButtonComponent, ButtonModule, CheckboxComponent, ConfigurableFormComponent, configurableForm_examples_d as ConfigurableFormExamples, ConfigurableFormModule, ConfirmationModalComponent, ConfirmationModalModule, DEFAULT_ITEMS_PER_PAGE, DEFAULT_PAGE_SIZE_OPTIONS, DatepickerComponent, DropdownComponent, ExpressionService, FilterComponent, FilterModule, FilterSidebarComponent, FilterSidebarModule, FormComponentsModule, InputComponent, MaterialModule, NAV_ORIENTATION_DEFAULT, NAV_VARIANT_DEFAULT, NavComponent, NavModule, PAGINATION_THEME_DARK, PAGINATION_THEME_DEFAULT, PaginationComponent, PaginationModule, RadioComponent, SearchComponent, SharedUiModule, SmartFormComponent, SmartFormController, smartForm_examples_d as SmartFormExamples, SmartFormModule, SmartTableComponent, SmartTableModule, SummaryCardComponent, SummaryCardModule, ToggleComponent, ValidationUtils, clearLocalStorage, clearSessionStorage, getLocalStorageItem, getSessionStorageItem, removeLocalStorageItem, removeSessionStorageItem, setLocalStorageItem, setSessionStorageItem };
|
|
2085
|
+
export type { AlertLabels, AlertVariant, AttachmentConfig, ButtonLabels, ButtonVariant, CheckboxConfig, CheckboxLabels, CheckboxOption, ConfirmationModalConfig, DateConfig, DatePickerConfig, DatepickerLabels, DropdownConfig, DropdownLabels, DropdownOption, EmailConfig, FieldConfig, FieldType, FilterChangeEvent, FilterConfig, FilterItem, FilterItemType, FilterOutput, FilterSearchConfig, FilterSidebarChangeEvent, FilterSidebarConfig, FilterSidebarOutput, FormConfig, FormField, FormOption, FormSchema, FormSection, GeneratedConfig, IconInput, InputConfig, InputLabels, InputType, JsonFieldConfig, JsonFormConfig, KeyType, LengthConstraint, LocationConfig, NavItem, NavStyleConfig, NestedStringConfig, NumberConfig, OptionConfig$1 as OptionConfig, OptionDTO, OptionItem, PaginationConfig, PaginationLabels, PhoneConfig, QueryParamsConfig, RadioConfig, RadioLabels, RadioOption, RangeConfig, RatingConfig, SearchConfig, SearchLabels, SectionConfig, StepperConfig, SubmitConfig, SummaryCardConfig, SummaryCardMeta, TableAction, TableColumn, TableConfig, TableFilter, TableFilterChangeEvent, TableFilterColumn, TableFilterConfig, TableFilterItem, TableFilterLabels, TableFilterOutput, TableLabels, TableOption, TableTheme, TextConfig, ToggleConfig, ToggleLabels, UIConfig, UISubType, UIType, UploadedFile, ValidationResult, ValidationRules };
|