@fxlt/common-ui 0.0.1

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.
Files changed (44) hide show
  1. package/BeVietnamPro-Regular.ttf +0 -0
  2. package/README.md +63 -0
  3. package/SpaceMono-Regular.ttf +0 -0
  4. package/animations.css +115 -0
  5. package/components.css +383 -0
  6. package/dialogs.css +116 -0
  7. package/fesm2022/fxlt-common-ui.mjs +2439 -0
  8. package/fesm2022/fxlt-common-ui.mjs.map +1 -0
  9. package/fonts.css +13 -0
  10. package/index.d.ts +739 -0
  11. package/package.json +53 -0
  12. package/src/lib/styles/animations.css +115 -0
  13. package/src/lib/styles/components.css +383 -0
  14. package/src/lib/styles/dialogs.css +116 -0
  15. package/src/lib/styles/fonts.css +13 -0
  16. package/src/lib/styles/tailwind.css +18 -0
  17. package/src/lib/styles/theme.css +63 -0
  18. package/src/lib/ui/components/button/button.component.html +223 -0
  19. package/src/lib/ui/components/chart/chart.component.html +13 -0
  20. package/src/lib/ui/components/checkbox/checkbox.component.html +43 -0
  21. package/src/lib/ui/components/datetime-picker/datetime-picker.component.html +25 -0
  22. package/src/lib/ui/components/dnd-upload/dnd-upload.component.html +34 -0
  23. package/src/lib/ui/components/hero-icon/hero-icon.component.html +8 -0
  24. package/src/lib/ui/components/input/input.component.css +0 -0
  25. package/src/lib/ui/components/input/input.component.html +46 -0
  26. package/src/lib/ui/components/loading-panel/loading-panel.component.html +51 -0
  27. package/src/lib/ui/components/radio-button/radio-button.component.css +0 -0
  28. package/src/lib/ui/components/radio-button/radio-button.component.html +35 -0
  29. package/src/lib/ui/components/radio-button-toggle/radio-button-toggle.component.html +34 -0
  30. package/src/lib/ui/components/search-bar/search-bar.component.html +22 -0
  31. package/src/lib/ui/components/select/select.component.css +80 -0
  32. package/src/lib/ui/components/select/select.component.html +25 -0
  33. package/src/lib/ui/components/slider/slider.component.html +54 -0
  34. package/src/lib/ui/components/switch/switch.component.html +21 -0
  35. package/src/lib/ui/components/tab-component/tab.component.html +1 -0
  36. package/src/lib/ui/components/tab-group/tab-group.component.html +75 -0
  37. package/src/lib/ui/components/tag/tag.component.html +43 -0
  38. package/src/lib/ui/components/toast/toast.component.html +48 -0
  39. package/src/lib/ui/components/toast-container/toast-container.component.html +12 -0
  40. package/src/lib/ui/dialogs/confirmation/confirmation.component.html +10 -0
  41. package/tailwind-config.d.ts +4 -0
  42. package/tailwind.config.js +69 -0
  43. package/tailwind.css +18 -0
  44. package/theme.css +63 -0
package/index.d.ts ADDED
@@ -0,0 +1,739 @@
1
+ import * as i0 from '@angular/core';
2
+ import { OnDestroy, Injector, ApplicationRef, OnInit, AfterViewInit, ChangeDetectorRef, Type, EventEmitter, ModuleWithProviders, TemplateRef, ViewContainerRef, AfterContentInit, QueryList, ElementRef, Renderer2, OnChanges } from '@angular/core';
3
+ import * as i31 from '@angular/material/paginator';
4
+ import { MatPaginator } from '@angular/material/paginator';
5
+ import * as i32 from '@angular/material/table';
6
+ import { MatTableDataSource, MatTable } from '@angular/material/table';
7
+ import { HttpClient, HttpErrorResponse, HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
8
+ import * as i22 from '@angular/forms';
9
+ import { NgForm, ControlValueAccessor, NgControl, ValidationErrors } from '@angular/forms';
10
+ import * as i34 from '@angular/material/dialog';
11
+ import { MatDialogRef, MatDialog } from '@angular/material/dialog';
12
+ import { TranslateHttpLoader } from '@ngx-translate/http-loader';
13
+ import * as i1 from '@ngx-translate/core';
14
+ import { TranslateService } from '@ngx-translate/core';
15
+ import * as rxjs from 'rxjs';
16
+ import { Subject, Observable } from 'rxjs';
17
+ import { CanActivate, Router } from '@angular/router';
18
+ import { EChartsOption } from 'echarts';
19
+ import * as i21 from '@angular/common';
20
+ import * as i23 from '@danielmoncada/angular-datetime-picker';
21
+ import * as i25 from '@dimaslz/ng-heroicons';
22
+ import * as i26 from 'ngx-echarts';
23
+ import * as i27 from '@angular/material/select';
24
+ import * as i28 from '@angular/material/radio';
25
+ import * as i29 from '@angular/material/button';
26
+ import * as i30 from '@angular/material/icon';
27
+ import * as i33 from '@angular/material/snack-bar';
28
+ import * as i35 from '@angular/material/checkbox';
29
+ import * as i36 from '@angular/material/card';
30
+ import * as i37 from '@angular/material/datepicker';
31
+ import * as i38 from '@angular/material/timepicker';
32
+ import * as i39 from '@angular/material/badge';
33
+ import * as i40 from '@angular/material/expansion';
34
+ import * as i41 from '@angular/material/form-field';
35
+
36
+ declare abstract class BaseComponent implements OnDestroy {
37
+ protected injector: Injector;
38
+ constructor(injector: Injector);
39
+ ngOnDestroy(): void;
40
+ static ɵfac: i0.ɵɵFactoryDeclaration<BaseComponent, never>;
41
+ static ɵdir: i0.ɵɵDirectiveDeclaration<BaseComponent, never, never, {}, {}, never, never, true, never>;
42
+ }
43
+
44
+ declare class HttpWrapper {
45
+ http: HttpClient;
46
+ baseURL: string;
47
+ constructor(http: HttpClient, baseURL: string);
48
+ private addCredentials;
49
+ get(url?: string, params?: any): Promise<any>;
50
+ post(url: string, body?: any, options?: any): Promise<any>;
51
+ put(url: string, body: any, options?: any): Promise<any>;
52
+ delete(url: string, options?: any): Promise<any>;
53
+ search(params?: any): Promise<any>;
54
+ detail(params: any): Promise<any>;
55
+ remove(params?: any): Promise<any>;
56
+ create(data: any): Promise<any>;
57
+ updateInfo(data: any, params?: any): Promise<any>;
58
+ updateStatus(data: any, params?: any): Promise<any>;
59
+ update(data: any, params?: any): Promise<any>;
60
+ single(code: string): Promise<any>;
61
+ selectize(): Promise<any>;
62
+ fetch(filter?: any, params?: any): Promise<any>;
63
+ published(idOrCode: string): Promise<any>;
64
+ unpublished(idOrCode: string): Promise<any>;
65
+ terminated(idOrCode: string): Promise<any>;
66
+ disable(params: any): Promise<any>;
67
+ }
68
+
69
+ interface ToastData {
70
+ id: number;
71
+ message: string;
72
+ title?: string;
73
+ type: 'success' | 'error' | 'info' | 'warning';
74
+ }
75
+ declare class FxToastrService {
76
+ private appRef;
77
+ private containerRef?;
78
+ private idCounter;
79
+ constructor(appRef: ApplicationRef);
80
+ private ensureContainerExists;
81
+ private show;
82
+ success(message: string, title?: string): void;
83
+ error(message: string, title?: string): void;
84
+ info(message: string, title?: string): void;
85
+ warning(message: string, title?: string): void;
86
+ static ɵfac: i0.ɵɵFactoryDeclaration<FxToastrService, never>;
87
+ static ɵprov: i0.ɵɵInjectableDeclaration<FxToastrService>;
88
+ }
89
+
90
+ interface TableResult<T> {
91
+ data: T[];
92
+ total: number;
93
+ }
94
+ declare class BaseTableComponent<T = any> extends BaseComponent implements OnInit, AfterViewInit {
95
+ api: HttpWrapper;
96
+ modal: any;
97
+ ref: ChangeDetectorRef;
98
+ dataSource: MatTableDataSource<T, MatPaginator>;
99
+ cols: string[];
100
+ total: number;
101
+ page: number;
102
+ pageSize: number;
103
+ filters: any;
104
+ loading: boolean;
105
+ expandedElement: any | null;
106
+ toastr: FxToastrService;
107
+ _lock: boolean;
108
+ config: {
109
+ create?: {
110
+ dialog?: Type<{}>;
111
+ size?: string;
112
+ label?: string;
113
+ title?: string;
114
+ message?: string;
115
+ };
116
+ update?: {
117
+ dialog?: Type<{}>;
118
+ size?: string;
119
+ label?: string;
120
+ title?: string;
121
+ message?: string;
122
+ };
123
+ view?: {
124
+ dialog?: Type<{}>;
125
+ size?: string;
126
+ label?: string;
127
+ title?: string;
128
+ message?: string;
129
+ };
130
+ delete?: {
131
+ dialog?: Type<{}>;
132
+ title?: string;
133
+ message?: string;
134
+ cancelTitle?: string;
135
+ confirmTitle?: string;
136
+ };
137
+ };
138
+ paginator: MatPaginator;
139
+ table: MatTable<T>;
140
+ constructor(injector: Injector, api: HttpWrapper, modal: any, ref: ChangeDetectorRef);
141
+ ngOnInit(): void;
142
+ init(): void;
143
+ ngAfterViewInit(): void;
144
+ refresh(): Promise<void>;
145
+ setDataSource(result: any): void;
146
+ fetch(): Promise<void>;
147
+ onPageChange(event: any): Promise<void>;
148
+ resolve(): {};
149
+ empty(): {};
150
+ create(): Promise<void>;
151
+ update(model: any): Promise<void>;
152
+ view(model: any): Promise<void>;
153
+ delete(model: any): Promise<void>;
154
+ remove(model: any): Promise<any>;
155
+ value(model: any, key: string): any;
156
+ toggleExpand(element: any): void;
157
+ static ɵfac: i0.ɵɵFactoryDeclaration<BaseTableComponent<any>, never>;
158
+ static ɵdir: i0.ɵɵDirectiveDeclaration<BaseTableComponent<any>, never, never, {}, {}, never, never, true, never>;
159
+ }
160
+
161
+ declare class BaseDialogComponent<T = any> extends BaseComponent implements AfterViewInit, OnInit {
162
+ ref: MatDialogRef<any>;
163
+ bindings: any;
164
+ toastr: FxToastrService;
165
+ api: HttpWrapper;
166
+ dialog: MatDialog;
167
+ ngForm: NgForm;
168
+ title: string;
169
+ model: any;
170
+ disabled: boolean;
171
+ loading: boolean;
172
+ message: string;
173
+ resolve: any;
174
+ formChangesSubscription: any;
175
+ onSubmit: boolean;
176
+ constructor(ref: MatDialogRef<any>, bindings: any, toastr: FxToastrService, api: HttpWrapper, dialog: MatDialog);
177
+ ngAfterViewInit(): void;
178
+ ngOnInit(): void;
179
+ accept(form: NgForm, params?: null): void;
180
+ create(params?: any): void;
181
+ update(params?: any): void;
182
+ updateData(params?: any): void;
183
+ updateInfo(params?: any): void;
184
+ cancel(): void;
185
+ validate(): boolean;
186
+ static ɵfac: i0.ɵɵFactoryDeclaration<BaseDialogComponent<any>, never>;
187
+ static ɵdir: i0.ɵɵDirectiveDeclaration<BaseDialogComponent<any>, never, never, {}, {}, never, never, true, never>;
188
+ }
189
+
190
+ declare class FxLoadingService {
191
+ listener: EventEmitter<boolean>;
192
+ listenerAction: EventEmitter<boolean>;
193
+ start(): void;
194
+ stop(): void;
195
+ startAction(): void;
196
+ stopAction(): void;
197
+ static ɵfac: i0.ɵɵFactoryDeclaration<FxLoadingService, never>;
198
+ static ɵprov: i0.ɵɵInjectableDeclaration<FxLoadingService>;
199
+ }
200
+
201
+ declare class BaseResolver {
202
+ loadingService: FxLoadingService;
203
+ injector: Injector;
204
+ constructor(loadingService: FxLoadingService, injector: Injector);
205
+ baseResolverInit(): void;
206
+ }
207
+
208
+ declare class FxUtils {
209
+ private static preresolve;
210
+ static resolve(value: Object): Promise<{}>;
211
+ static isNotNull(obj: any): boolean;
212
+ static isNull(obj: any): boolean;
213
+ static isFunction(obj: any): boolean;
214
+ static isNotFunction(obj: any): boolean;
215
+ static isStringEmpty(obj: string): boolean;
216
+ static isStringNotEmpty(obj: string): boolean;
217
+ static isArrayEmpty(obj: any[]): boolean;
218
+ static isArrayNotEmpty(obj: any[]): boolean;
219
+ static replaceStartWithAsterisk(inputString: string, numToReplace: number): string;
220
+ static checkInvalidField(form: NgForm): void;
221
+ static checkInlineErrorField(err: any, f: NgForm): void;
222
+ static isSameCollection(collection: any[], compareCollection: any): boolean;
223
+ static isSameValue(model: any, compareModel: any): boolean;
224
+ static parseError(err: HttpErrorResponse): any;
225
+ static convertColorFromVariable(name: string, alpha?: number): string;
226
+ static getTagClass(key: string, isCriticalExist?: boolean): TagType;
227
+ static validateEmail(value: string): boolean;
228
+ }
229
+
230
+ declare function HttpLoaderFactory(http: HttpClient): TranslateHttpLoader;
231
+ declare class TranslationModule {
232
+ static forRoot(): ModuleWithProviders<TranslationModule>;
233
+ static forChild(): ModuleWithProviders<TranslationModule>;
234
+ static ɵfac: i0.ɵɵFactoryDeclaration<TranslationModule, never>;
235
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TranslationModule, never, [typeof i1.TranslateModule], [typeof i1.TranslateModule]>;
236
+ static ɵinj: i0.ɵɵInjectorDeclaration<TranslationModule>;
237
+ }
238
+
239
+ declare class TranslationService {
240
+ private translate;
241
+ private http;
242
+ private currentLangSubject;
243
+ readonly currentLang$: rxjs.Observable<string>;
244
+ constructor(translate: TranslateService, http: HttpClient);
245
+ init(lang: string): void;
246
+ currentLang(): string;
247
+ setLanguage(lang: string): void;
248
+ loadTranslations(lang: string, path: string): void;
249
+ onLanguageChange(callback: (lang: string) => void): void;
250
+ static ɵfac: i0.ɵɵFactoryDeclaration<TranslationService, never>;
251
+ static ɵprov: i0.ɵɵInjectableDeclaration<TranslationService>;
252
+ }
253
+
254
+ declare class PermissionService {
255
+ private permissions;
256
+ setPermissions(perms: string[]): void;
257
+ hasPermission(requiredPermissions: string[]): boolean;
258
+ getPermissions(): string[];
259
+ static ɵfac: i0.ɵɵFactoryDeclaration<PermissionService, never>;
260
+ static ɵprov: i0.ɵɵInjectableDeclaration<PermissionService>;
261
+ }
262
+
263
+ declare class HasPermissionDirective {
264
+ private templateRef;
265
+ private viewContainerRef;
266
+ private permissionService;
267
+ constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef, permissionService: PermissionService);
268
+ set hasPermission(required: string | string[]);
269
+ static ɵfac: i0.ɵɵFactoryDeclaration<HasPermissionDirective, never>;
270
+ static ɵdir: i0.ɵɵDirectiveDeclaration<HasPermissionDirective, "[hasPermission]", never, { "hasPermission": { "alias": "hasPermission"; "required": false; }; }, {}, never, never, true, never>;
271
+ }
272
+
273
+ declare class PermissionGuard implements CanActivate {
274
+ private permissionService;
275
+ private router;
276
+ constructor(permissionService: PermissionService, router: Router);
277
+ canActivate(route: any): boolean;
278
+ static ɵfac: i0.ɵɵFactoryDeclaration<PermissionGuard, never>;
279
+ static ɵprov: i0.ɵɵInjectableDeclaration<PermissionGuard>;
280
+ }
281
+
282
+ declare class FxStorageService {
283
+ resolve(key: string, value?: any): any;
284
+ remove(key: string): void;
285
+ static ɵfac: i0.ɵɵFactoryDeclaration<FxStorageService, never>;
286
+ static ɵprov: i0.ɵɵInjectableDeclaration<FxStorageService>;
287
+ }
288
+
289
+ declare class AuthStateService {
290
+ private _isLoggedIn$;
291
+ readonly isLoggedIn$: rxjs.Observable<boolean>;
292
+ readonly unauthorized$: Subject<void>;
293
+ constructor();
294
+ setLoggedIn(value: boolean): void;
295
+ get isLoggedIn(): boolean;
296
+ handleUnauthorized(): void;
297
+ static ɵfac: i0.ɵɵFactoryDeclaration<AuthStateService, never>;
298
+ static ɵprov: i0.ɵɵInjectableDeclaration<AuthStateService>;
299
+ }
300
+
301
+ declare class AuthInterceptor implements HttpInterceptor {
302
+ private authState;
303
+ constructor(authState: AuthStateService);
304
+ intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>>;
305
+ static ɵfac: i0.ɵɵFactoryDeclaration<AuthInterceptor, never>;
306
+ static ɵprov: i0.ɵɵInjectableDeclaration<AuthInterceptor>;
307
+ }
308
+
309
+ interface Breadcrumb {
310
+ label: string;
311
+ url?: string;
312
+ }
313
+ declare class BreadcrumbService {
314
+ private breadcrumbs$;
315
+ set(breadcrumbs: Breadcrumb[]): void;
316
+ get(): rxjs.Observable<Breadcrumb[]>;
317
+ clear(): void;
318
+ static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbService, never>;
319
+ static ɵprov: i0.ɵɵInjectableDeclaration<BreadcrumbService>;
320
+ }
321
+
322
+ type ErrorMessages = {
323
+ [key: string]: any;
324
+ };
325
+ declare class FxComponent<T> implements ControlValueAccessor {
326
+ ngControl: NgControl;
327
+ value: T;
328
+ onChange: (value: T) => void;
329
+ onTouched: () => void;
330
+ validationError: ErrorMessages;
331
+ errorMessages?: ErrorMessages;
332
+ constructor(ngControl: NgControl);
333
+ setValue(value: T): void;
334
+ onEnter(value: T): void;
335
+ writeValue(value: T): void;
336
+ registerOnChange(fn: (value: T) => void): void;
337
+ registerOnTouched(fn: () => void): void;
338
+ get invalid(): boolean;
339
+ get errors(): {
340
+ [key: string]: any;
341
+ };
342
+ validate(validateFn: Function): void;
343
+ setErrors(error: ValidationErrors): void;
344
+ clearErrors(): void;
345
+ getErrorMessage(label?: string): string | null;
346
+ }
347
+
348
+ declare class InputComponent extends FxComponent<string> implements AfterViewInit {
349
+ private ref;
350
+ label: string;
351
+ type: string;
352
+ placeholder: string;
353
+ errorMessages: {
354
+ [key: string]: string;
355
+ };
356
+ required: string | boolean;
357
+ disabled: boolean;
358
+ iconClass?: string;
359
+ suffixIcon?: string;
360
+ class?: any;
361
+ maxlength?: number;
362
+ validateFn?: (value: string) => ValidationErrors | null;
363
+ blurred: EventEmitter<void>;
364
+ focused: EventEmitter<void>;
365
+ suffixClick: EventEmitter<void>;
366
+ showPassword: boolean;
367
+ validateError: ValidationErrors | null;
368
+ constructor(ngControl: NgControl, ref: ChangeDetectorRef);
369
+ ngAfterViewInit(): void;
370
+ setDisabledState?(isDisabled: boolean): void;
371
+ onInput(event: Event): void;
372
+ onFocus(): void;
373
+ onBlur(): void;
374
+ togglePassword(): void;
375
+ onSuffixClick(): void;
376
+ get displayType(): string;
377
+ static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
378
+ static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "fx-ui-input", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "class": { "alias": "class"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; }, { "blurred": "blurred"; "focused": "focused"; "suffixClick": "suffixClick"; }, never, never, false, never>;
379
+ }
380
+
381
+ declare class SelectComponent extends FxComponent<string | string[]> implements AfterViewInit {
382
+ private ref;
383
+ label: string;
384
+ placeholder: string;
385
+ options: {
386
+ label: string;
387
+ value: string;
388
+ }[];
389
+ multiple: boolean;
390
+ disabled: boolean;
391
+ errorMessages: {
392
+ [key: string]: string;
393
+ };
394
+ required: boolean;
395
+ class?: any;
396
+ constructor(ngControl: NgControl, ref: ChangeDetectorRef);
397
+ ngAfterViewInit(): void;
398
+ onSelectionChange(value: any): void;
399
+ isSelected(value: string): boolean;
400
+ static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
401
+ static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "fx-ui-select", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "required": { "alias": "required"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, false, never>;
402
+ }
403
+
404
+ interface IRadioButton {
405
+ label: string;
406
+ value: any;
407
+ description?: string;
408
+ }
409
+ declare class RadioButtonComponent extends FxComponent<IRadioButton> implements AfterViewInit {
410
+ private ref;
411
+ label?: string;
412
+ required?: boolean;
413
+ options: {
414
+ label: string;
415
+ value: any;
416
+ icon?: any;
417
+ }[];
418
+ disabled: boolean;
419
+ errorMessages: ErrorMessages;
420
+ class?: any;
421
+ constructor(ngControl: NgControl, ref: ChangeDetectorRef);
422
+ ngAfterViewInit(): void;
423
+ setDisabledState?(isDisabled: boolean): void;
424
+ onSelectValue(value: any): void;
425
+ static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
426
+ static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "fx-ui-radio", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, false, never>;
427
+ }
428
+
429
+ declare class CheckboxComponent extends FxComponent<any> implements AfterViewInit {
430
+ private ref;
431
+ label: string;
432
+ disabled: boolean;
433
+ rounded: boolean;
434
+ size: 'normal' | 'large';
435
+ valueChange: EventEmitter<boolean>;
436
+ constructor(ngControl: NgControl, ref: ChangeDetectorRef);
437
+ ngAfterViewInit(): void;
438
+ setDisabledState?(isDisabled: boolean): void;
439
+ onInputChange(event: Event): void;
440
+ markTouched(): void;
441
+ static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
442
+ static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "fx-ui-checkbox", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
443
+ }
444
+
445
+ type UploadResult = {
446
+ files: File[];
447
+ accepted: File[];
448
+ rejected: {
449
+ file: File;
450
+ reason: string;
451
+ }[];
452
+ };
453
+ declare class DndUploadComponent {
454
+ multiple: boolean;
455
+ accept: string;
456
+ maxSizeMB: number;
457
+ strictSize: boolean;
458
+ fileDrop: EventEmitter<File[]>;
459
+ fileClick: EventEmitter<void>;
460
+ uploadComplete: EventEmitter<File[]>;
461
+ uploadError: EventEmitter<{
462
+ file: File;
463
+ reason: string;
464
+ }>;
465
+ isDragOver: boolean;
466
+ private isOpening;
467
+ onDragOver(event: DragEvent): void;
468
+ onDragLeave(event: DragEvent): void;
469
+ onDrop(event: DragEvent): void;
470
+ onAreaClick(inputEl: HTMLInputElement | null, event?: Event): void;
471
+ onFileSelected(event: Event): void;
472
+ private processFiles;
473
+ private onUpload;
474
+ static ɵfac: i0.ɵɵFactoryDeclaration<DndUploadComponent, never>;
475
+ static ɵcmp: i0.ɵɵComponentDeclaration<DndUploadComponent, "fx-ui-dnd-upload", never, { "multiple": { "alias": "multiple"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "maxSizeMB": { "alias": "maxSizeMB"; "required": false; }; "strictSize": { "alias": "strictSize"; "required": false; }; }, { "fileDrop": "fileDrop"; "fileClick": "fileClick"; "uploadComplete": "uploadComplete"; "uploadError": "uploadError"; }, never, never, false, never>;
476
+ }
477
+
478
+ declare class ButtonComponent {
479
+ label: string;
480
+ disabled: boolean;
481
+ buttonVariant: 'default' | 'primary' | 'alternative';
482
+ icon?: any;
483
+ class?: any;
484
+ loading: boolean;
485
+ clicked: EventEmitter<void>;
486
+ onClick(): void;
487
+ static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
488
+ static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "fx-ui-button", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonVariant": { "alias": "buttonVariant"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "class": { "alias": "class"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "clicked": "clicked"; }, never, never, false, never>;
489
+ }
490
+
491
+ declare class RadioButtonToggleComponent extends FxComponent<any> implements AfterViewInit {
492
+ private ref;
493
+ label?: string;
494
+ required?: boolean;
495
+ options: {
496
+ label: string;
497
+ value: any;
498
+ icon?: any;
499
+ }[];
500
+ disabled: boolean;
501
+ errorMessages: ErrorMessages;
502
+ class?: any;
503
+ constructor(ngControl: NgControl, ref: ChangeDetectorRef);
504
+ ngAfterViewInit(): void;
505
+ setDisabledState?(isDisabled: boolean): void;
506
+ onSelectValue(value: any): void;
507
+ static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonToggleComponent, never>;
508
+ static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonToggleComponent, "fx-ui-radio-toggle, [fx-ui-radio-toggle]", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, false, never>;
509
+ }
510
+
511
+ declare class DatetimePicker extends FxComponent<any> implements AfterViewInit {
512
+ private ref;
513
+ label?: string;
514
+ placeholder: string;
515
+ required: boolean;
516
+ showTime: boolean;
517
+ format: string;
518
+ disabled: boolean;
519
+ errorMessages: ErrorMessages;
520
+ validateFn: (date: string) => ValidationErrors | null;
521
+ constructor(ngControl: NgControl, ref: ChangeDetectorRef);
522
+ ngAfterViewInit(): void;
523
+ setDisabledState?(isDisabled: boolean): void;
524
+ onBlur(): void;
525
+ writeValue(value: any): void;
526
+ onValueChange(date: any): void;
527
+ static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePicker, never>;
528
+ static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePicker, "fx-ui-datetime-picker", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "format": { "alias": "format"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; }, {}, never, never, false, never>;
529
+ }
530
+
531
+ declare class LoadingPanel {
532
+ show: boolean;
533
+ message?: string;
534
+ static ɵfac: i0.ɵɵFactoryDeclaration<LoadingPanel, never>;
535
+ static ɵcmp: i0.ɵɵComponentDeclaration<LoadingPanel, "fx-ui-loading-panel", never, { "show": { "alias": "show"; "required": false; }; "message": { "alias": "message"; "required": false; }; }, {}, never, never, false, never>;
536
+ }
537
+
538
+ declare class SearchBarComponent extends FxComponent<string> implements AfterViewInit {
539
+ private ref;
540
+ placeholder: string;
541
+ disabled: boolean;
542
+ search: EventEmitter<string>;
543
+ valueChange: EventEmitter<string>;
544
+ constructor(ngControl: NgControl, ref: ChangeDetectorRef);
545
+ ngAfterViewInit(): void;
546
+ onValueChange(value: string): void;
547
+ onEnterKey(): void;
548
+ clear(): void;
549
+ static ɵfac: i0.ɵɵFactoryDeclaration<SearchBarComponent, never>;
550
+ static ɵcmp: i0.ɵɵComponentDeclaration<SearchBarComponent, "fx-ui-search-bar", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "search": "search"; "valueChange": "valueChange"; }, never, never, false, never>;
551
+ }
552
+
553
+ declare class TabComponent {
554
+ label: string;
555
+ icon?: string;
556
+ content: TemplateRef<any>;
557
+ static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
558
+ static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "fx-ui-tab", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, never>;
559
+ }
560
+
561
+ declare class TabGroupComponent implements AfterContentInit {
562
+ private renderer;
563
+ tabs: QueryList<TabComponent>;
564
+ activeIndex: number;
565
+ tabListRef: ElementRef<HTMLElement>;
566
+ underlineRef: ElementRef<HTMLElement>;
567
+ canScrollLeft: boolean;
568
+ canScrollRight: boolean;
569
+ private animateDelay;
570
+ private scrollAmount;
571
+ private sidePadding;
572
+ constructor(renderer: Renderer2);
573
+ ngAfterContentInit(): void;
574
+ selectTab(index: number): void;
575
+ private updateUnderlinePosition;
576
+ private scrollToActiveTab;
577
+ scroll(direction: 'left' | 'right'): void;
578
+ onScroll(): void;
579
+ private updateScrollButtons;
580
+ onResize(): void;
581
+ static ɵfac: i0.ɵɵFactoryDeclaration<TabGroupComponent, never>;
582
+ static ɵcmp: i0.ɵɵComponentDeclaration<TabGroupComponent, "fx-ui-tab-group", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; }, {}, ["tabs"], never, false, never>;
583
+ }
584
+
585
+ declare class HeroIconComponent {
586
+ icon: any;
587
+ solid: boolean;
588
+ outline: boolean;
589
+ size: number;
590
+ color: any;
591
+ class?: any;
592
+ static ɵfac: i0.ɵɵFactoryDeclaration<HeroIconComponent, never>;
593
+ static ɵcmp: i0.ɵɵComponentDeclaration<HeroIconComponent, "fx-ui-hero-icon", never, { "icon": { "alias": "icon"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, false, never>;
594
+ }
595
+
596
+ declare class ToastComponent {
597
+ toastId: number;
598
+ title?: string;
599
+ message: string;
600
+ type: 'success' | 'error' | 'info' | 'warning';
601
+ static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
602
+ static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "fx-ui-toast", never, { "toastId": { "alias": "toastId"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, false, never>;
603
+ }
604
+
605
+ declare class ToastContainerComponent {
606
+ private ref;
607
+ toasts: any[];
608
+ constructor(ref: ChangeDetectorRef);
609
+ addToast(toast: any): void;
610
+ removeToast(id: number): void;
611
+ static ɵfac: i0.ɵɵFactoryDeclaration<ToastContainerComponent, never>;
612
+ static ɵcmp: i0.ɵɵComponentDeclaration<ToastContainerComponent, "fx-ui-toast-container", never, {}, {}, never, never, false, never>;
613
+ }
614
+
615
+ type TagType = 'success' | 'warning' | 'critical' | 'information' | 'discovery' | 'default' | 'danger';
616
+ declare class TagComponent {
617
+ label: string;
618
+ type: TagType;
619
+ rounded: boolean;
620
+ icon?: any;
621
+ static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
622
+ static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "fx-ui-tag", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, false, never>;
623
+ }
624
+
625
+ type IChartType = 'bar' | 'pie' | 'line' | 'sunburst' | 'radar' | 'auto';
626
+ declare class ChartComponent implements OnChanges, AfterViewInit, OnDestroy {
627
+ private ref;
628
+ private cdr;
629
+ type: IChartType;
630
+ data: any;
631
+ options?: EChartsOption;
632
+ palette?: string[];
633
+ height: string;
634
+ loading: boolean;
635
+ chartClick: EventEmitter<any>;
636
+ chartInit: EventEmitter<any>;
637
+ labelFontSize: number;
638
+ labelFontFamily: string;
639
+ chartOptions: EChartsOption;
640
+ private chartInstance?;
641
+ private resizeObserver?;
642
+ constructor(ref: ElementRef, cdr: ChangeDetectorRef);
643
+ ngAfterViewInit(): void;
644
+ ngOnDestroy(): void;
645
+ ngOnChanges(): void;
646
+ onThemeChange(): void;
647
+ onChartClick(event: any): void;
648
+ onChartInit(chart: any): void;
649
+ private rebuildChart;
650
+ private registry;
651
+ private detectType;
652
+ private buildOptions;
653
+ private resolvePalette;
654
+ static ɵfac: i0.ɵɵFactoryDeclaration<ChartComponent, never>;
655
+ static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "fx-ui-chart", never, { "type": { "alias": "type"; "required": false; }; "data": { "alias": "data"; "required": false; }; "options": { "alias": "options"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "height": { "alias": "height"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "chartClick": "chartClick"; "chartInit": "chartInit"; }, never, never, false, never>;
656
+ }
657
+
658
+ declare class SliderComponent extends FxComponent<any> implements AfterViewInit {
659
+ private ref;
660
+ trackRef: ElementRef<HTMLElement>;
661
+ thumbRef: ElementRef<HTMLElement>;
662
+ min: number;
663
+ max: number;
664
+ step: number;
665
+ vertical: boolean;
666
+ disabled: boolean;
667
+ valueChange: EventEmitter<number>;
668
+ dragging: boolean;
669
+ constructor(ngControl: NgControl, ref: ChangeDetectorRef);
670
+ ngAfterViewInit(): void;
671
+ setDisabledState?(isDisabled: boolean): void;
672
+ writeValue(value: number): void;
673
+ private _normalizeValue;
674
+ private _decimalPlaces;
675
+ /** Pointer events */
676
+ onPointerDown(event: PointerEvent): void;
677
+ onPointerMove(event: PointerEvent): void;
678
+ onPointerUp(event: PointerEvent): void;
679
+ private _setFromPointer;
680
+ private _coordToValue;
681
+ onTrackClick(event: MouseEvent): void;
682
+ onKeydown(ev: KeyboardEvent): void;
683
+ private _applyValue;
684
+ get percent(): number;
685
+ thumbStyle(): {
686
+ bottom: string;
687
+ transform: string;
688
+ left?: undefined;
689
+ } | {
690
+ left: string;
691
+ transform: string;
692
+ bottom?: undefined;
693
+ };
694
+ static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
695
+ static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "fx-ui-slider", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
696
+ }
697
+
698
+ declare class SwitchComponent extends FxComponent<any> implements AfterViewInit {
699
+ private cdr;
700
+ disabled: boolean;
701
+ onSwitch: EventEmitter<boolean>;
702
+ ngAfterViewInit(): void;
703
+ constructor(ngControl: NgControl, cdr: ChangeDetectorRef);
704
+ setDisabledState(isDisabled: boolean): void;
705
+ toggle(): void;
706
+ static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
707
+ static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "fx-ui-switch", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "onSwitch": "onSwitch"; }, never, never, false, never>;
708
+ }
709
+
710
+ declare class ConfirmationDialogComponent {
711
+ private ref;
712
+ title: string;
713
+ message: string;
714
+ cancelLabel: string;
715
+ confirmLabel: string;
716
+ constructor(ref: MatDialogRef<ConfirmationDialogComponent>, bindings: any);
717
+ accept(): void;
718
+ cancel(): void;
719
+ static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationDialogComponent, never>;
720
+ static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmationDialogComponent, "ui-confirmation", never, {}, {}, never, never, false, never>;
721
+ }
722
+
723
+ declare const MY_FORMATS: {
724
+ parseInput: string;
725
+ fullPickerInput: string;
726
+ datePickerInput: string;
727
+ timePickerInput: string;
728
+ monthYearLabel: string;
729
+ dateA11yLabel: string;
730
+ monthYearA11yLabel: string;
731
+ };
732
+ declare class UiModule {
733
+ static ɵfac: i0.ɵɵFactoryDeclaration<UiModule, never>;
734
+ static ɵmod: i0.ɵɵNgModuleDeclaration<UiModule, [typeof InputComponent, typeof SelectComponent, typeof RadioButtonComponent, typeof CheckboxComponent, typeof DndUploadComponent, typeof ButtonComponent, typeof RadioButtonToggleComponent, typeof DatetimePicker, typeof LoadingPanel, typeof SearchBarComponent, typeof TabGroupComponent, typeof TabComponent, typeof HeroIconComponent, typeof ToastComponent, typeof ToastContainerComponent, typeof TagComponent, typeof ChartComponent, typeof SliderComponent, typeof SwitchComponent, typeof ConfirmationDialogComponent], [typeof i21.CommonModule, typeof i22.FormsModule, typeof i22.ReactiveFormsModule, typeof i23.OwlDateTimeModule, typeof i23.OwlNativeDateTimeModule, typeof HasPermissionDirective, typeof i25.NgHeroiconsModule, typeof i26.NgxEchartsModule, typeof i27.MatSelectModule, typeof i28.MatRadioModule, typeof i29.MatButtonModule, typeof i30.MatIconModule, typeof i31.MatPaginatorModule, typeof i32.MatTableModule, typeof i33.MatSnackBarModule, typeof i34.MatDialogModule, typeof i35.MatCheckboxModule, typeof i36.MatCardModule, typeof i37.MatDatepickerModule, typeof i38.MatTimepickerModule, typeof i39.MatBadgeModule, typeof i40.MatExpansionModule, typeof i41.MatFormFieldModule], [typeof InputComponent, typeof SelectComponent, typeof RadioButtonComponent, typeof CheckboxComponent, typeof DndUploadComponent, typeof ButtonComponent, typeof RadioButtonToggleComponent, typeof DatetimePicker, typeof LoadingPanel, typeof SearchBarComponent, typeof TabGroupComponent, typeof TabComponent, typeof HeroIconComponent, typeof ToastComponent, typeof ToastContainerComponent, typeof TagComponent, typeof ChartComponent, typeof SliderComponent, typeof SwitchComponent, typeof ConfirmationDialogComponent, typeof i22.FormsModule, typeof i22.ReactiveFormsModule, typeof i23.OwlDateTimeModule, typeof i23.OwlNativeDateTimeModule, typeof HasPermissionDirective, typeof i25.NgHeroiconsModule, typeof i27.MatSelectModule, typeof i28.MatRadioModule, typeof i29.MatButtonModule, typeof i30.MatIconModule, typeof i31.MatPaginatorModule, typeof i32.MatTableModule, typeof i33.MatSnackBarModule, typeof i34.MatDialogModule, typeof i35.MatCheckboxModule, typeof i36.MatCardModule, typeof i37.MatDatepickerModule, typeof i38.MatTimepickerModule, typeof i39.MatBadgeModule, typeof i40.MatExpansionModule, typeof i41.MatFormFieldModule]>;
735
+ static ɵinj: i0.ɵɵInjectorDeclaration<UiModule>;
736
+ }
737
+
738
+ export { AuthInterceptor, AuthStateService, BaseComponent, BaseDialogComponent, BaseResolver, BaseTableComponent, BreadcrumbService, ButtonComponent, ChartComponent, CheckboxComponent, ConfirmationDialogComponent, DatetimePicker, DndUploadComponent, FxLoadingService, FxStorageService, FxToastrService, FxUtils, HasPermissionDirective, HeroIconComponent, HttpLoaderFactory, HttpWrapper, InputComponent, LoadingPanel, MY_FORMATS, PermissionGuard, PermissionService, RadioButtonComponent, RadioButtonToggleComponent, SearchBarComponent, SelectComponent, SliderComponent, SwitchComponent, TabComponent, TabGroupComponent, TagComponent, ToastComponent, ToastContainerComponent, TranslationModule, TranslationService, UiModule };
739
+ export type { Breadcrumb, IChartType, IRadioButton, TableResult, TagType, ToastData, UploadResult };