@testgorilla/tgo-ui 1.7.0 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/autocomplete/autocomplete.component.d.ts +16 -4
- package/components/card/card.component.d.ts +9 -1
- package/components/card/card.model.d.ts +1 -0
- package/components/confirm-dialog/confirm-dialog.component.d.ts +3 -3
- package/components/confirm-dialog/confirm-dialog.component.module.d.ts +2 -1
- package/components/datepicker/datepicker.component.d.ts +16 -3
- package/components/datepicker/datepicker.component.module.d.ts +2 -1
- package/components/dialog/dialog.component.d.ts +13 -2
- package/components/dialog/dialog.component.module.d.ts +2 -1
- package/components/dropdown/dropdown.component.d.ts +12 -2
- package/components/dropdown/dropdown.component.module.d.ts +2 -1
- package/components/empty-state/empty-state.component.d.ts +14 -3
- package/components/field/field.component.d.ts +13 -2
- package/components/field/field.component.module.d.ts +2 -1
- package/components/file-upload/file-upload.component.d.ts +13 -2
- package/components/file-upload/file-upload.component.module.d.ts +2 -1
- package/components/icon/icon.config.d.ts +1 -1
- package/components/navbar/navbar.component.d.ts +16 -4
- package/components/navbar/navbar.component.module.d.ts +2 -1
- package/components/navigation/navigation.component.d.ts +3 -3
- package/components/navigation/navigation.component.module.d.ts +1 -2
- package/components/navigation/navigation.model.d.ts +12 -0
- package/components/side-sheet/side-sheet.component.d.ts +12 -2
- package/components/skeleton/skeleton.component.d.ts +9 -3
- package/components/skeleton/skeleton.model.d.ts +2 -0
- package/components/slider/slider.component.d.ts +97 -0
- package/components/slider/slider.component.module.d.ts +14 -0
- package/components/slider/slider.model.d.ts +4 -0
- package/components/snackbar/snackbar.component.module.d.ts +0 -2
- package/components/spinner/spinner.component.d.ts +10 -1
- package/components/spinner/spinner.model.d.ts +1 -0
- package/components/spinner/spinner.module.d.ts +2 -1
- package/components/stepper/stepper.component.d.ts +15 -4
- package/esm2022/components/alert-banner/alert-banner.component.mjs +3 -3
- package/esm2022/components/autocomplete/autocomplete.component.mjs +48 -29
- package/esm2022/components/avatar/avatar.component.mjs +2 -2
- package/esm2022/components/badge/badge.component.mjs +2 -2
- package/esm2022/components/banner-action/banner-action.component.mjs +2 -2
- package/esm2022/components/button/button.component.mjs +2 -2
- package/esm2022/components/card/card.component.mjs +17 -5
- package/esm2022/components/card/card.model.mjs +2 -0
- package/esm2022/components/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/components/confirm-dialog/confirm-dialog.component.mjs +7 -7
- package/esm2022/components/confirm-dialog/confirm-dialog.component.module.mjs +23 -5
- package/esm2022/components/datepicker/datepicker.component.mjs +45 -24
- package/esm2022/components/datepicker/datepicker.component.module.mjs +29 -6
- package/esm2022/components/dialog/dialog.component.mjs +27 -8
- package/esm2022/components/dialog/dialog.component.module.mjs +32 -6
- package/esm2022/components/dropdown/dropdown.component.mjs +31 -13
- package/esm2022/components/dropdown/dropdown.component.module.mjs +29 -6
- package/esm2022/components/elevation-shadow/elevation-shadow.component.mjs +2 -2
- package/esm2022/components/empty-state/empty-state.component.mjs +28 -10
- package/esm2022/components/field/field.component.mjs +32 -13
- package/esm2022/components/field/field.component.module.mjs +29 -6
- package/esm2022/components/file-upload/file-upload.component.mjs +30 -11
- package/esm2022/components/file-upload/file-upload.component.module.mjs +43 -6
- package/esm2022/components/icon/icon.component.mjs +2 -2
- package/esm2022/components/icon/icon.config.mjs +7 -1
- package/esm2022/components/navbar/navbar.component.mjs +34 -13
- package/esm2022/components/navbar/navbar.component.module.mjs +29 -6
- package/esm2022/components/navigation/navigation.component.mjs +3 -4
- package/esm2022/components/navigation/navigation.component.module.mjs +4 -5
- package/esm2022/components/navigation/navigation.model.mjs +7 -0
- package/esm2022/components/paginator/paginator.component.mjs +2 -2
- package/esm2022/components/progress-bar/progress-bar.component.mjs +2 -2
- package/esm2022/components/radial-progress/radial-progress.component.mjs +2 -2
- package/esm2022/components/radio-button/radio-button.component.mjs +2 -2
- package/esm2022/components/rating/rating.component.mjs +2 -2
- package/esm2022/components/segmented-bar/segmented-bar.component.mjs +2 -2
- package/esm2022/components/side-sheet/side-sheet.component.mjs +28 -11
- package/esm2022/components/skeleton/skeleton.component.mjs +34 -7
- package/esm2022/components/skeleton/skeleton.model.mjs +2 -0
- package/esm2022/components/slider/slider.component.mjs +181 -0
- package/esm2022/components/slider/slider.component.module.mjs +68 -0
- package/esm2022/components/slider/slider.model.mjs +2 -0
- package/esm2022/components/snackbar/snackbar.component.mjs +3 -3
- package/esm2022/components/snackbar/snackbar.component.module.mjs +2 -2
- package/esm2022/components/spinner/spinner.component.mjs +18 -5
- package/esm2022/components/spinner/spinner.model.mjs +2 -0
- package/esm2022/components/spinner/spinner.module.mjs +4 -2
- package/esm2022/components/step/step.component.mjs +2 -2
- package/esm2022/components/stepper/stepper.component.mjs +33 -14
- package/esm2022/components/table/table.component.mjs +2 -2
- package/esm2022/components/tag/tag.component.mjs +2 -2
- package/esm2022/components/toggle/toggle.component.mjs +2 -2
- package/esm2022/public-api.mjs +8 -21
- package/fesm2022/testgorilla-tgo-ui.mjs +1279 -1338
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +6 -15
- package/src/assets/i18n/en.json +64 -1
- package/src/assets/icons/Fire.svg +10 -0
- package/src/assets/icons/Gift.svg +7 -0
- package/src/assets/icons/Grab.svg +3 -0
- package/src/assets/icons/Share.svg +3 -0
- package/src/assets/icons/Sparkles.svg +18 -0
- package/src/assets/icons/Video-stop.svg +3 -0
- package/src/theme/_variables.scss +49 -1
- package/components/confirm-dialog/confirm-dialog.constants.d.ts +0 -5
- package/components/create-account/create-account.component.d.ts +0 -75
- package/components/create-account/create-account.component.module.d.ts +0 -14
- package/components/create-account/create-account.constant.d.ts +0 -13
- package/components/create-account/create-account.model.d.ts +0 -17
- package/components/create-password/create-password.component.d.ts +0 -43
- package/components/create-password/create-password.component.module.d.ts +0 -13
- package/components/create-password/create-password.constant.d.ts +0 -5
- package/components/create-password/create-password.model.d.ts +0 -8
- package/components/forgot-password/forgot-password.component.d.ts +0 -48
- package/components/forgot-password/forgot-password.component.module.d.ts +0 -13
- package/components/forgot-password/forgot-password.constant.d.ts +0 -6
- package/components/forgot-password/forgot-password.model.d.ts +0 -9
- package/components/label/label.component.d.ts +0 -46
- package/components/label/label.component.module.d.ts +0 -8
- package/components/label/label.model.d.ts +0 -16
- package/components/login/login.component.d.ts +0 -57
- package/components/login/login.component.module.d.ts +0 -13
- package/components/login/login.constant.d.ts +0 -10
- package/components/login/login.model.d.ts +0 -15
- package/esm2022/components/confirm-dialog/confirm-dialog.constants.mjs +0 -6
- package/esm2022/components/create-account/create-account.component.mjs +0 -148
- package/esm2022/components/create-account/create-account.component.module.mjs +0 -48
- package/esm2022/components/create-account/create-account.constant.mjs +0 -14
- package/esm2022/components/create-account/create-account.model.mjs +0 -2
- package/esm2022/components/create-password/create-password.component.mjs +0 -83
- package/esm2022/components/create-password/create-password.component.module.mjs +0 -44
- package/esm2022/components/create-password/create-password.constant.mjs +0 -6
- package/esm2022/components/create-password/create-password.model.mjs +0 -2
- package/esm2022/components/forgot-password/forgot-password.component.mjs +0 -86
- package/esm2022/components/forgot-password/forgot-password.component.module.mjs +0 -44
- package/esm2022/components/forgot-password/forgot-password.constant.mjs +0 -7
- package/esm2022/components/forgot-password/forgot-password.model.mjs +0 -2
- package/esm2022/components/label/label.component.mjs +0 -64
- package/esm2022/components/label/label.component.module.mjs +0 -19
- package/esm2022/components/label/label.model.mjs +0 -9
- package/esm2022/components/login/login.component.mjs +0 -113
- package/esm2022/components/login/login.component.module.mjs +0 -44
- package/esm2022/components/login/login.constant.mjs +0 -11
- package/esm2022/components/login/login.model.mjs +0 -2
- package/esm2022/utils/validators.utils.mjs +0 -8
- package/utils/validators.utils.d.ts +0 -4
|
@@ -1,24 +1,61 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
2
|
+
import { APP_INITIALIZER, NgModule } from '@angular/core';
|
|
3
3
|
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
4
4
|
import { MatInputModule } from '@angular/material/input';
|
|
5
5
|
import { DragDropDirective } from '../../directives/drag-drop.directive';
|
|
6
6
|
import { IconComponentModule } from '../icon/icon.component.module';
|
|
7
7
|
import { ProgressBarComponentModule } from '../progress-bar/progress-bar.component.module';
|
|
8
8
|
import { FileUploadComponent } from './file-upload.component';
|
|
9
|
+
import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
|
|
10
|
+
import { lastValueFrom } from 'rxjs';
|
|
9
11
|
import * as i0 from "@angular/core";
|
|
12
|
+
const preloadLang = (transloco) => () => {
|
|
13
|
+
transloco.setActiveLang('en');
|
|
14
|
+
return lastValueFrom(transloco.load('en'));
|
|
15
|
+
};
|
|
10
16
|
export class FileUploadComponentModule {
|
|
11
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileUploadComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FileUploadComponentModule, declarations: [FileUploadComponent, DragDropDirective], imports: [CommonModule,
|
|
13
|
-
|
|
18
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FileUploadComponentModule, declarations: [FileUploadComponent, DragDropDirective], imports: [CommonModule,
|
|
19
|
+
MatFormFieldModule,
|
|
20
|
+
MatInputModule,
|
|
21
|
+
IconComponentModule,
|
|
22
|
+
ProgressBarComponentModule,
|
|
23
|
+
TranslocoModule], exports: [FileUploadComponent] }); }
|
|
24
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileUploadComponentModule, providers: [
|
|
25
|
+
{
|
|
26
|
+
provide: APP_INITIALIZER,
|
|
27
|
+
useFactory: preloadLang,
|
|
28
|
+
deps: [TranslocoService],
|
|
29
|
+
multi: true,
|
|
30
|
+
},
|
|
31
|
+
], imports: [CommonModule,
|
|
32
|
+
MatFormFieldModule,
|
|
33
|
+
MatInputModule,
|
|
34
|
+
IconComponentModule,
|
|
35
|
+
ProgressBarComponentModule,
|
|
36
|
+
TranslocoModule] }); }
|
|
14
37
|
}
|
|
15
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileUploadComponentModule, decorators: [{
|
|
16
39
|
type: NgModule,
|
|
17
40
|
args: [{
|
|
18
41
|
declarations: [FileUploadComponent, DragDropDirective],
|
|
19
|
-
imports: [
|
|
42
|
+
imports: [
|
|
43
|
+
CommonModule,
|
|
44
|
+
MatFormFieldModule,
|
|
45
|
+
MatInputModule,
|
|
46
|
+
IconComponentModule,
|
|
47
|
+
ProgressBarComponentModule,
|
|
48
|
+
TranslocoModule,
|
|
49
|
+
],
|
|
20
50
|
exports: [FileUploadComponent],
|
|
21
|
-
providers: [
|
|
51
|
+
providers: [
|
|
52
|
+
{
|
|
53
|
+
provide: APP_INITIALIZER,
|
|
54
|
+
useFactory: preloadLang,
|
|
55
|
+
deps: [TranslocoService],
|
|
56
|
+
multi: true,
|
|
57
|
+
},
|
|
58
|
+
],
|
|
22
59
|
}]
|
|
23
60
|
}] });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuY29tcG9uZW50Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ZpbGUtdXBsb2FkL2ZpbGUtdXBsb2FkLmNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNwRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUMzRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDdEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFFckMsTUFBTSxXQUFXLEdBQUcsQ0FBQyxTQUEyQixFQUFFLEVBQUUsQ0FBQyxHQUFHLEVBQUU7SUFDeEQsU0FBUyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM5QixPQUFPLGFBQWEsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7QUFDN0MsQ0FBQyxDQUFDO0FBc0JGLE1BQU0sT0FBTyx5QkFBeUI7K0dBQXpCLHlCQUF5QjtnSEFBekIseUJBQXlCLGlCQW5CckIsbUJBQW1CLEVBQUUsaUJBQWlCLGFBRW5ELFlBQVk7WUFDWixrQkFBa0I7WUFDbEIsY0FBYztZQUNkLG1CQUFtQjtZQUNuQiwwQkFBMEI7WUFDMUIsZUFBZSxhQUVQLG1CQUFtQjtnSEFVbEIseUJBQXlCLGFBVHpCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGVBQWU7Z0JBQ3hCLFVBQVUsRUFBRSxXQUFXO2dCQUN2QixJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztnQkFDeEIsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLFlBZkMsWUFBWTtZQUNaLGtCQUFrQjtZQUNsQixjQUFjO1lBQ2QsbUJBQW1CO1lBQ25CLDBCQUEwQjtZQUMxQixlQUFlOzs0RkFZTix5QkFBeUI7a0JBcEJyQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixFQUFFLGlCQUFpQixDQUFDO29CQUN0RCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixrQkFBa0I7d0JBQ2xCLGNBQWM7d0JBQ2QsbUJBQW1CO3dCQUNuQiwwQkFBMEI7d0JBQzFCLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUM5QixTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGVBQWU7NEJBQ3hCLFVBQVUsRUFBRSxXQUFXOzRCQUN2QixJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQzs0QkFDeEIsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQVBQX0lOSVRJQUxJWkVSLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7IERyYWdEcm9wRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9kcmFnLWRyb3AuZGlyZWN0aXZlJztcbmltcG9ydCB7IEljb25Db21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50Lm1vZHVsZSc7XG5pbXBvcnQgeyBQcm9ncmVzc0JhckNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL3Byb2dyZXNzLWJhci9wcm9ncmVzcy1iYXIuY29tcG9uZW50Lm1vZHVsZSc7XG5pbXBvcnQgeyBGaWxlVXBsb2FkQ29tcG9uZW50IH0gZnJvbSAnLi9maWxlLXVwbG9hZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgVHJhbnNsb2NvTW9kdWxlLCBUcmFuc2xvY29TZXJ2aWNlIH0gZnJvbSAnQG5nbmVhdC90cmFuc2xvY28nO1xuaW1wb3J0IHsgbGFzdFZhbHVlRnJvbSB9IGZyb20gJ3J4anMnO1xuXG5jb25zdCBwcmVsb2FkTGFuZyA9ICh0cmFuc2xvY286IFRyYW5zbG9jb1NlcnZpY2UpID0+ICgpID0+IHtcbiAgdHJhbnNsb2NvLnNldEFjdGl2ZUxhbmcoJ2VuJyk7XG4gIHJldHVybiBsYXN0VmFsdWVGcm9tKHRyYW5zbG9jby5sb2FkKCdlbicpKTtcbn07XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0ZpbGVVcGxvYWRDb21wb25lbnQsIERyYWdEcm9wRGlyZWN0aXZlXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgTWF0SW5wdXRNb2R1bGUsXG4gICAgSWNvbkNvbXBvbmVudE1vZHVsZSxcbiAgICBQcm9ncmVzc0JhckNvbXBvbmVudE1vZHVsZSxcbiAgICBUcmFuc2xvY29Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtGaWxlVXBsb2FkQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogQVBQX0lOSVRJQUxJWkVSLFxuICAgICAgdXNlRmFjdG9yeTogcHJlbG9hZExhbmcsXG4gICAgICBkZXBzOiBbVHJhbnNsb2NvU2VydmljZV0sXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGaWxlVXBsb2FkQ29tcG9uZW50TW9kdWxlIHt9XG4iXX0=
|
|
@@ -52,11 +52,11 @@ export class IconComponent {
|
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconComponent, deps: [{ token: i1.MatIconRegistry }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconComponent, selector: "ui-icon", inputs: { size: "size", cssClass: "cssClass", name: "name", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<mat-icon [svgIcon]=\"name\" [attr.class]=\"customCssClass\"></mat-icon>\n", styles: ["mat-icon{display:flex}mat-icon.size-16 svg{width:16px;height:16px}mat-icon.size-24 svg{width:24px;height:24px}mat-icon.size-40 svg{width:40px;height:40px}mat-icon.size-80 svg{width:80px;height:80px}mat-icon.dark svg{color:#888}mat-icon.white svg{color:#fff}mat-icon.teal svg{color:#46a997}mat-icon.petrol svg{color:#276678}mat-icon.black svg{color:#000}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
55
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconComponent, selector: "ui-icon", inputs: { size: "size", cssClass: "cssClass", name: "name", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<mat-icon [svgIcon]=\"name\" [attr.class]=\"customCssClass\"></mat-icon>\n", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}mat-icon{display:flex}mat-icon.size-16 svg{width:16px;height:16px}mat-icon.size-24 svg{width:24px;height:24px}mat-icon.size-40 svg{width:40px;height:40px}mat-icon.size-80 svg{width:80px;height:80px}mat-icon.dark svg{color:#888}mat-icon.white svg{color:#fff}mat-icon.teal svg{color:#46a997}mat-icon.petrol svg{color:#276678}mat-icon.black svg{color:#000}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
56
56
|
}
|
|
57
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconComponent, decorators: [{
|
|
58
58
|
type: Component,
|
|
59
|
-
args: [{ selector: 'ui-icon', encapsulation: ViewEncapsulation.None, template: "<mat-icon [svgIcon]=\"name\" [attr.class]=\"customCssClass\"></mat-icon>\n", styles: ["mat-icon{display:flex}mat-icon.size-16 svg{width:16px;height:16px}mat-icon.size-24 svg{width:24px;height:24px}mat-icon.size-40 svg{width:40px;height:40px}mat-icon.size-80 svg{width:80px;height:80px}mat-icon.dark svg{color:#888}mat-icon.white svg{color:#fff}mat-icon.teal svg{color:#46a997}mat-icon.petrol svg{color:#276678}mat-icon.black svg{color:#000}\n"] }]
|
|
59
|
+
args: [{ selector: 'ui-icon', encapsulation: ViewEncapsulation.None, template: "<mat-icon [svgIcon]=\"name\" [attr.class]=\"customCssClass\"></mat-icon>\n", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}mat-icon{display:flex}mat-icon.size-16 svg{width:16px;height:16px}mat-icon.size-24 svg{width:24px;height:24px}mat-icon.size-40 svg{width:40px;height:40px}mat-icon.size-80 svg{width:80px;height:80px}mat-icon.dark svg{color:#888}mat-icon.white svg{color:#fff}mat-icon.teal svg{color:#46a997}mat-icon.petrol svg{color:#276678}mat-icon.black svg{color:#000}\n"] }]
|
|
60
60
|
}], ctorParameters: function () { return [{ type: i1.MatIconRegistry }, { type: i2.DomSanitizer }]; }, propDecorators: { size: [{
|
|
61
61
|
type: Input
|
|
62
62
|
}], cssClass: [{
|
|
@@ -142,5 +142,11 @@ export const tgoIcons = [
|
|
|
142
142
|
'Warning',
|
|
143
143
|
'Zoom-in',
|
|
144
144
|
'Zoom-out',
|
|
145
|
+
'Fire',
|
|
146
|
+
'Gift',
|
|
147
|
+
'Grab',
|
|
148
|
+
'Share',
|
|
149
|
+
'Sparkles',
|
|
150
|
+
'Video-stop',
|
|
145
151
|
];
|
|
146
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
152
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb25maWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pY29uL2ljb24uY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHVCQUF1QjtBQUN2QixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUc7SUFDdEIsS0FBSztJQUNMLFNBQVM7SUFDVCxZQUFZO0lBQ1osWUFBWTtJQUNaLGFBQWE7SUFDYixVQUFVO0lBQ1YsWUFBWTtJQUNaLFVBQVU7SUFDVixNQUFNO0lBQ04sVUFBVTtJQUNWLFlBQVk7SUFDWixvQkFBb0I7SUFDcEIsTUFBTTtJQUNOLE9BQU87SUFDUCxPQUFPO0lBQ1AsT0FBTztJQUNQLE1BQU07SUFDTixTQUFTO0lBQ1QsTUFBTTtJQUNOLGtCQUFrQjtJQUNsQixRQUFRO0lBQ1IsU0FBUztJQUNULFVBQVU7SUFDVixVQUFVO0lBQ1YsTUFBTTtJQUNOLGVBQWU7SUFDZixtQkFBbUI7SUFDbkIsT0FBTztJQUNQLE9BQU87SUFDUCxVQUFVO0lBQ1YsVUFBVTtJQUNWLFlBQVk7SUFDWixZQUFZO0lBQ1osWUFBWTtJQUNaLFlBQVk7SUFDWixZQUFZO0lBQ1osYUFBYTtJQUNiLGFBQWE7SUFDYixRQUFRO0lBQ1IsUUFBUTtJQUNSLGlCQUFpQjtJQUNqQixrQkFBa0I7SUFDbEIsZ0JBQWdCO0lBQ2hCLGdCQUFnQjtJQUNoQixxQkFBcUI7SUFDckIsc0JBQXNCO0lBQ3RCLGFBQWE7SUFDYixvQkFBb0I7SUFDcEIsbUJBQW1CO0lBQ25CLG1CQUFtQjtJQUNuQixlQUFlO0lBQ2YsaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQixzQkFBc0I7SUFDdEIsc0JBQXNCO0lBQ3RCLGVBQWU7SUFDZixjQUFjO0lBQ2Qsa0JBQWtCO0lBQ2xCLG9CQUFvQjtJQUNwQix5QkFBeUI7SUFDekIseUJBQXlCO0lBQ3pCLGtCQUFrQjtJQUNsQixrQkFBa0I7SUFDbEIsaUJBQWlCO0lBQ2pCLGFBQWE7SUFDYixlQUFlO0lBQ2YsYUFBYTtJQUNiLFFBQVE7SUFDUixNQUFNO0lBQ04sT0FBTztJQUNQLE1BQU07SUFDTixhQUFhO0lBQ2IsVUFBVTtJQUNWLFFBQVE7SUFDUixPQUFPO0lBQ1AsT0FBTztJQUNQLFlBQVk7SUFDWixNQUFNO0lBQ04saUJBQWlCO0lBQ2pCLGNBQWM7SUFDZCxVQUFVO0lBQ1YsTUFBTTtJQUNOLFNBQVM7SUFDVCxhQUFhO0lBQ2IsZUFBZTtJQUNmLFlBQVk7SUFDWixPQUFPO0lBQ1AsY0FBYztJQUNkLG1CQUFtQjtJQUNuQixPQUFPO0lBQ1AsY0FBYztJQUNkLGVBQWU7SUFDZixVQUFVO0lBQ1YsTUFBTTtJQUNOLGNBQWM7SUFDZCxNQUFNO0lBQ04sU0FBUztJQUNULFdBQVc7SUFDWCxnQkFBZ0I7SUFDaEIsT0FBTztJQUNQLE9BQU87SUFDUCxRQUFRO0lBQ1Isb0JBQW9CO0lBQ3BCLGFBQWE7SUFDYixRQUFRO0lBQ1IsaUJBQWlCO0lBQ2pCLE1BQU07SUFDTixVQUFVO0lBQ1YsaUJBQWlCO0lBQ2pCLGtCQUFrQjtJQUNsQixpQkFBaUI7SUFDakIsZ0JBQWdCO0lBQ2hCLGNBQWM7SUFDZCxhQUFhO0lBQ2IsYUFBYTtJQUNiLFdBQVc7SUFDWCxjQUFjO0lBQ2QsU0FBUztJQUNULE1BQU07SUFDTixNQUFNO0lBQ04sTUFBTTtJQUNOLFNBQVM7SUFDVCxPQUFPO0lBQ1AsTUFBTTtJQUNOLFdBQVc7SUFDWCxRQUFRO0lBQ1IsU0FBUztJQUNULFFBQVE7SUFDUixhQUFhO0lBQ2IsVUFBVTtJQUNWLGFBQWE7SUFDYixjQUFjO0lBQ2QsYUFBYTtJQUNiLGFBQWE7SUFDYixhQUFhO0lBQ2IsWUFBWTtJQUNaLGNBQWM7SUFDZCxPQUFPO0lBQ1AsUUFBUTtJQUNSLFNBQVM7SUFDVCxTQUFTO0lBQ1QsVUFBVTtJQUNWLE1BQU07SUFDTixNQUFNO0lBQ04sTUFBTTtJQUNOLE9BQU87SUFDUCxVQUFVO0lBQ1YsWUFBWTtDQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBEYXRhIG9mIGFsbCB0Z29JY29uc1xuZXhwb3J0IGNvbnN0IHRnb0ljb25zID0gW1xuICAnQWRkJyxcbiAgJ0FyY2hpdmUnLFxuICAnQXJyb3dfZG93bicsXG4gICdBcnJvd19sZWZ0JyxcbiAgJ0Fycm93X3JpZ2h0JyxcbiAgJ0Fycm93X3VwJyxcbiAgJ0Fzc2Vzc21lbnQnLFxuICAnQXR0ZW1wdHMnLFxuICAnQm9vaycsXG4gICdDYWxlbmRhcicsXG4gICdDYW5kaWRhdGVzJyxcbiAgJ0NoYXQtbm90aWZpY2F0aW9ucycsXG4gICdDaGF0JyxcbiAgJ0NoZWNrJyxcbiAgJ0Nsb25lJyxcbiAgJ0Nsb3NlJyxcbiAgJ0NvZGUnLFxuICAnQ29tcGFueScsXG4gICdDb3B5JyxcbiAgJ0N1c3RvbS1xdWVzdGlvbnMnLFxuICAnRGVsZXRlJyxcbiAgJ0RldmljZXMnLFxuICAnRG9jdW1lbnQnLFxuICAnRG93bmxvYWQnLFxuICAnRWRpdCcsXG4gICdFbWFpbC1tZXNzYWdlJyxcbiAgJ0VtcHR5LXBsYWNlaG9sZGVyJyxcbiAgJ0Vycm9yJyxcbiAgJ0Vzc2F5JyxcbiAgJ0V5ZS1oaWRlJyxcbiAgJ0V5ZS12aWV3JyxcbiAgJ0ZlZWRiYWNrLTEnLFxuICAnRmVlZGJhY2stMicsXG4gICdGZWVkYmFjay0zJyxcbiAgJ0ZlZWRiYWNrLTQnLFxuICAnRmVlZGJhY2stNScsXG4gICdGaWxlLWF0dGFjaCcsXG4gICdGaWxlLXVwbG9hZCcsXG4gICdGaWx0ZXInLFxuICAnRm9sZGVyJyxcbiAgJ0Zvcm1hdC1hZGQtZmlsZScsXG4gICdGb3JtYXQtYWRkLXRhYmxlJyxcbiAgJ0Zvcm1hdC1hbGlnbi1MJyxcbiAgJ0Zvcm1hdC1hbGlnbi1SJyxcbiAgJ0Zvcm1hdC1hbGlnbi1jZW50ZXInLFxuICAnRm9ybWF0LWFsaWduLWp1c3RpZnknLFxuICAnRm9ybWF0LWJvbGQnLFxuICAnRm9ybWF0LWNvZGUtYWN0aXZlJyxcbiAgJ0Zvcm1hdC1jb2RlLWJsb2NrJyxcbiAgJ0Zvcm1hdC1lZGl0LXRhYmxlJyxcbiAgJ0Zvcm1hdC1mb3JtYXQnLFxuICAnRm9ybWF0LWZ1bmN0aW9uJyxcbiAgJ0Zvcm1hdC1pdGFsaWNzJyxcbiAgJ0Zvcm1hdC1saXN0LWJ1bGxldGVkJyxcbiAgJ0Zvcm1hdC1saXN0LW51bWJlcmVkJyxcbiAgJ0Zvcm1hdC1waWNrZXInLFxuICAnRm9ybWF0LXF1b3RlJyxcbiAgJ0Zvcm1hdC1zdWJzY3JpcHQnLFxuICAnRm9ybWF0LXN1cGVyc2NyaXB0JyxcbiAgJ0Zvcm1hdC10ZXh0LWRpcmVjdGlvbi1MJyxcbiAgJ0Zvcm1hdC10ZXh0LWRpcmVjdGlvbi1SJyxcbiAgJ0Zvcm1hdC10ZXh0LXNpemUnLFxuICAnRm9ybWF0LXVuZGVybGluZScsXG4gICdGb3JtYXQtdmFyaWFibGUnLFxuICAnRnVsbC1zY3JlZW4nLFxuICAnR2VuZGVyLWZlbWFsZScsXG4gICdHZW5kZXItbWFsZScsXG4gICdIZWxwLTInLFxuICAnSGVscCcsXG4gICdJbWFnZScsXG4gICdJbmZvJyxcbiAgJ0ludGVncmF0aW9uJyxcbiAgJ0xhbmd1YWdlJyxcbiAgJ0xheW91dCcsXG4gICdMZWFybicsXG4gICdMZXZlbCcsXG4gICdMaWdodC1idWxiJyxcbiAgJ0xpbmsnLFxuICAnTG9hZGluZy1zcGlubmVyJyxcbiAgJ0xvY2FsaXNhdGlvbicsXG4gICdMb2NhdGlvbicsXG4gICdMb2NrJyxcbiAgJ0xvZy1vdXQnLFxuICAnTWVudS1idXJnZXInLFxuICAnTWVudS1lbGxpcHNpcycsXG4gICdNaWNyb3Bob25lJyxcbiAgJ01pbnVzJyxcbiAgJ01vdXNlLWN1cnNvcicsXG4gICdNb3VzZS1ncmFiLWN1cnNvcicsXG4gICdNb3VzZScsXG4gICdNdWx0aS1jaG9pY2UnLFxuICAnTm90aWZpY2F0aW9ucycsXG4gICdQYXNzd29yZCcsXG4gICdQYXRoJyxcbiAgJ1BsYW4tYmlsbGluZycsXG4gICdQbHVzJyxcbiAgJ1ByZW1pdW0nLFxuICAnUHJvbW90aW9uJyxcbiAgJ1F1ZXN0aW9uLWNvdW50JyxcbiAgJ1JlZmVyJyxcbiAgJ1Jlc2V0JyxcbiAgJ1JldmlldycsXG4gICdSb3VuZC1jaGVjay1maWxsZWQnLFxuICAnUm91bmQtY2hlY2snLFxuICAnU2VhcmNoJyxcbiAgJ1NlY3VyZS1jaGVja291dCcsXG4gICdTZW5kJyxcbiAgJ1NldHRpbmdzJyxcbiAgJ1NvY2lhbC1mYWNlYm9vaycsXG4gICdTb2NpYWwtaW5zdGFncmFtJyxcbiAgJ1NvY2lhbC1saW5rZWRpbicsXG4gICdTb3J0aW5nLWRvd24tMScsXG4gICdTb3J0aW5nLWRvd24nLFxuICAnU3BlZWRvbWV0ZXInLFxuICAnU3Rhci1maWxsZWQnLFxuICAnU3Rhci1oYWxmJyxcbiAgJ1N0YXItb3V0bGluZScsXG4gICdTdXBwb3J0JyxcbiAgJ1N5bmMnLFxuICAnVGVhbScsXG4gICdUZXN0JyxcbiAgJ1RodW5kZXInLFxuICAnVGltZXInLFxuICAnVHlwZScsXG4gICdVbmFyY2hpdmUnLFxuICAnVW5sb2NrJyxcbiAgJ1VwZ3JhZGUnLFxuICAnVXBsb2FkJyxcbiAgJ1VzZXItYWNjZXNzJyxcbiAgJ1VzZXItYWRkJyxcbiAgJ1VzZXItaW52aXRlJyxcbiAgJ1VzZXItcHJvZmlsZScsXG4gICdVc2VyLXJlamVjdCcsXG4gICdVc2VyLXN3aXRjaCcsXG4gICdWaWRlby1wYXVzZScsXG4gICdWaWRlby1wbGF5JyxcbiAgJ1ZpZGVvLXJlY29yZCcsXG4gICdWaWRlbycsXG4gICdWb2x1bWUnLFxuICAnV2FybmluZycsXG4gICdab29tLWluJyxcbiAgJ1pvb20tb3V0JyxcbiAgJ0ZpcmUnLFxuICAnR2lmdCcsXG4gICdHcmFiJyxcbiAgJ1NoYXJlJyxcbiAgJ1NwYXJrbGVzJyxcbiAgJ1ZpZGVvLXN0b3AnLFxuXSBhcyBjb25zdDtcbiJdfQ==
|
|
@@ -1,14 +1,28 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { LanguageService } from '../../utils/localization/language.service';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
4
|
-
import * as i2 from "@angular/
|
|
5
|
-
import * as i3 from "@angular/material/
|
|
6
|
-
import * as i4 from "@angular/material/
|
|
7
|
-
import * as i5 from "@angular/material/
|
|
8
|
-
import * as i6 from "
|
|
9
|
-
import * as i7 from "../
|
|
4
|
+
import * as i1 from "../../utils/localization/language.service";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
import * as i3 from "@angular/material/toolbar";
|
|
7
|
+
import * as i4 from "@angular/material/icon";
|
|
8
|
+
import * as i5 from "@angular/material/button";
|
|
9
|
+
import * as i6 from "@angular/material/menu";
|
|
10
|
+
import * as i7 from "../logo/logo.component";
|
|
11
|
+
import * as i8 from "../icon/icon.component";
|
|
12
|
+
import * as i9 from "@ngneat/transloco";
|
|
10
13
|
export class NavbarComponent {
|
|
11
|
-
|
|
14
|
+
/**
|
|
15
|
+
* The language to be used
|
|
16
|
+
* @property language
|
|
17
|
+
* @type {Language}
|
|
18
|
+
* @memberof NavbarComponent
|
|
19
|
+
*/
|
|
20
|
+
set language(value) {
|
|
21
|
+
this.lang = value;
|
|
22
|
+
this.languageService.init(value);
|
|
23
|
+
}
|
|
24
|
+
constructor(languageService) {
|
|
25
|
+
this.languageService = languageService;
|
|
12
26
|
// TODO: Some properties and methods are ignored on purpose because of a current issue with compodoc and angular 13
|
|
13
27
|
// https://github.com/storybookjs/storybook/issues/16865
|
|
14
28
|
// https://github.com/storybookjs/storybook/issues/17004
|
|
@@ -53,6 +67,11 @@ export class NavbarComponent {
|
|
|
53
67
|
* @ignore
|
|
54
68
|
*/
|
|
55
69
|
this.logoutEvent = new EventEmitter();
|
|
70
|
+
this.lang = LanguageService.defaultLanguage;
|
|
71
|
+
this.translationContext = 'NAVBAR.';
|
|
72
|
+
}
|
|
73
|
+
ngOnInit() {
|
|
74
|
+
this.languageService.init(this.lang);
|
|
56
75
|
}
|
|
57
76
|
navigate(routeId) {
|
|
58
77
|
this.navigateEvent.emit(`/${routeId}`);
|
|
@@ -63,13 +82,13 @@ export class NavbarComponent {
|
|
|
63
82
|
clickMenuItem(id) {
|
|
64
83
|
this.menuItemClicked.emit(id);
|
|
65
84
|
}
|
|
66
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
67
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NavbarComponent, selector: "ui-navbar", inputs: { routes: "routes", activedRoute: "activedRoute", userName: "userName", menuItems: "menuItems" }, outputs: { navigateEvent: "navigateEvent", menuItemClicked: "menuItemClicked", logoutEvent: "logoutEvent" }, ngImport: i0, template: "<mat-toolbar>\n <div class=\"custom-toolbar row\">\n
|
|
85
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavbarComponent, deps: [{ token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
86
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NavbarComponent, selector: "ui-navbar", inputs: { routes: "routes", activedRoute: "activedRoute", userName: "userName", menuItems: "menuItems", language: "language" }, outputs: { navigateEvent: "navigateEvent", menuItemClicked: "menuItemClicked", logoutEvent: "logoutEvent" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <mat-toolbar>\n <div class=\"custom-toolbar row\">\n <ui-logo class=\"logo\" (click)=\"navigate('')\"></ui-logo>\n <div class=\"navigation row\">\n <a *ngFor=\"let route of routes\" (click)=\"navigate(route.id)\" [ngClass]=\"{'active': activedRoute === route.id}\">\n <span>{{ route.title }}</span>\n </a>\n </div>\n <div class=\"actions\">\n <button mat-button class=\"profile-menu\" [matMenuTriggerFor]=\"menu\">\n {{ userName }}\n <mat-icon iconPositionEnd>expand_more</mat-icon>\n </button>\n </div>\n </div>\n </mat-toolbar>\n\n <mat-menu #menu=\"matMenu\">\n <button *ngFor=\"let e of menuItems\" mat-menu-item (click)=\"clickMenuItem(e.id)\">\n <div class=\"menu-item\">\n <ui-icon [name]=\"e.icon\" size=\"24\"></ui-icon>\n {{ e.text }}\n </div>\n </button>\n <button mat-menu-item (click)=\"logout()\">\n <mat-icon>power_settings_new</mat-icon>\n {{ t(translationContext + 'LOG_OUT') }}\n </button>\n </mat-menu>\n</ng-container>\n", styles: [".mat-toolbar{height:80px!important;background-color:#fff!important;padding:0 192px!important}.mat-toolbar .custom-toolbar{width:100%;height:100%;background-color:#fff}.mat-toolbar .custom-toolbar ui-logo.logo{cursor:pointer;width:105px;height:32px;align-self:center;flex:1 0 216px;display:flex}.mat-toolbar .custom-toolbar .navigation{height:100%}.mat-toolbar .custom-toolbar .navigation a{display:flex;align-items:center;height:100%;background:#fff;cursor:pointer}.mat-toolbar .custom-toolbar .navigation a.active{border-top:2px solid #276678}.mat-toolbar .custom-toolbar .navigation a.active span{font-weight:700}.mat-toolbar .custom-toolbar .navigation a span{width:100%;text-align:center;font-weight:400;font-size:14px;line-height:16px}.mat-toolbar .custom-toolbar .navigation a:not(:first-of-type){margin-left:32px}.mat-toolbar .custom-toolbar .actions{width:100%;display:flex;align-items:center;justify-content:flex-end}.mat-toolbar .custom-toolbar .actions .profile-menu{font-weight:600;font-size:14px;height:100%;margin-right:-20px}.mat-toolbar .custom-toolbar .actions .profile-menu mat-icon{font-size:16px;position:relative;top:3px;left:3px}.row{display:flex;flex-direction:row}.menu-item{display:flex;align-items:center}.menu-item ui-icon{margin-right:16px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.LogoComponent, selector: "ui-logo", inputs: ["type"] }, { kind: "component", type: i8.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color"] }, { kind: "directive", type: i9.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
68
87
|
}
|
|
69
88
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavbarComponent, decorators: [{
|
|
70
89
|
type: Component,
|
|
71
|
-
args: [{ selector: 'ui-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar>\n <div class=\"custom-toolbar row\">\n
|
|
72
|
-
}], ctorParameters: function () { return []; }, propDecorators: { routes: [{
|
|
90
|
+
args: [{ selector: 'ui-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n <mat-toolbar>\n <div class=\"custom-toolbar row\">\n <ui-logo class=\"logo\" (click)=\"navigate('')\"></ui-logo>\n <div class=\"navigation row\">\n <a *ngFor=\"let route of routes\" (click)=\"navigate(route.id)\" [ngClass]=\"{'active': activedRoute === route.id}\">\n <span>{{ route.title }}</span>\n </a>\n </div>\n <div class=\"actions\">\n <button mat-button class=\"profile-menu\" [matMenuTriggerFor]=\"menu\">\n {{ userName }}\n <mat-icon iconPositionEnd>expand_more</mat-icon>\n </button>\n </div>\n </div>\n </mat-toolbar>\n\n <mat-menu #menu=\"matMenu\">\n <button *ngFor=\"let e of menuItems\" mat-menu-item (click)=\"clickMenuItem(e.id)\">\n <div class=\"menu-item\">\n <ui-icon [name]=\"e.icon\" size=\"24\"></ui-icon>\n {{ e.text }}\n </div>\n </button>\n <button mat-menu-item (click)=\"logout()\">\n <mat-icon>power_settings_new</mat-icon>\n {{ t(translationContext + 'LOG_OUT') }}\n </button>\n </mat-menu>\n</ng-container>\n", styles: [".mat-toolbar{height:80px!important;background-color:#fff!important;padding:0 192px!important}.mat-toolbar .custom-toolbar{width:100%;height:100%;background-color:#fff}.mat-toolbar .custom-toolbar ui-logo.logo{cursor:pointer;width:105px;height:32px;align-self:center;flex:1 0 216px;display:flex}.mat-toolbar .custom-toolbar .navigation{height:100%}.mat-toolbar .custom-toolbar .navigation a{display:flex;align-items:center;height:100%;background:#fff;cursor:pointer}.mat-toolbar .custom-toolbar .navigation a.active{border-top:2px solid #276678}.mat-toolbar .custom-toolbar .navigation a.active span{font-weight:700}.mat-toolbar .custom-toolbar .navigation a span{width:100%;text-align:center;font-weight:400;font-size:14px;line-height:16px}.mat-toolbar .custom-toolbar .navigation a:not(:first-of-type){margin-left:32px}.mat-toolbar .custom-toolbar .actions{width:100%;display:flex;align-items:center;justify-content:flex-end}.mat-toolbar .custom-toolbar .actions .profile-menu{font-weight:600;font-size:14px;height:100%;margin-right:-20px}.mat-toolbar .custom-toolbar .actions .profile-menu mat-icon{font-size:16px;position:relative;top:3px;left:3px}.row{display:flex;flex-direction:row}.menu-item{display:flex;align-items:center}.menu-item ui-icon{margin-right:16px}\n"] }]
|
|
91
|
+
}], ctorParameters: function () { return [{ type: i1.LanguageService }]; }, propDecorators: { routes: [{
|
|
73
92
|
type: Input
|
|
74
93
|
}], activedRoute: [{
|
|
75
94
|
type: Input
|
|
@@ -77,6 +96,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
77
96
|
type: Input
|
|
78
97
|
}], menuItems: [{
|
|
79
98
|
type: Input
|
|
99
|
+
}], language: [{
|
|
100
|
+
type: Input
|
|
80
101
|
}], navigateEvent: [{
|
|
81
102
|
type: Output
|
|
82
103
|
}], menuItemClicked: [{
|
|
@@ -84,4 +105,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
84
105
|
}], logoutEvent: [{
|
|
85
106
|
type: Output
|
|
86
107
|
}] } });
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
108
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25hdmJhci9uYXZiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2YmFyL25hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXhHLE9BQU8sRUFBWSxlQUFlLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQzs7Ozs7Ozs7Ozs7QUFRdEYsTUFBTSxPQUFPLGVBQWU7SUFzQzFCOzs7OztPQUtHO0lBQ0gsSUFBYSxRQUFRLENBQUMsS0FBZTtRQUNuQyxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBb0JELFlBQTZCLGVBQWdDO1FBQWhDLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQWxFN0QsbUhBQW1IO1FBQ25ILHdEQUF3RDtRQUN4RCx3REFBd0Q7UUFFeEQ7Ozs7OztXQU1HO1FBQ00sV0FBTSxHQUFhLEVBQUUsQ0FBQztRQUUvQjs7Ozs7V0FLRztRQUNNLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBRTNCOzs7OztXQUtHO1FBQ00sYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUV2Qjs7Ozs7V0FLRztRQUNNLGNBQVMsR0FBZSxFQUFFLENBQUM7UUFhcEM7O1dBRUc7UUFDTyxrQkFBYSxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBRTNFOztXQUVHO1FBQ08sb0JBQWUsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUU3RTs7V0FFRztRQUNPLGdCQUFXLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFN0QsU0FBSSxHQUFHLGVBQWUsQ0FBQyxlQUFlLENBQUM7UUFDNUIsdUJBQWtCLEdBQUcsU0FBUyxDQUFDO0lBRWMsQ0FBQztJQUVqRSxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxRQUFRLENBQUMsT0FBZTtRQUN0QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLE9BQU8sRUFBRSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxhQUFhLENBQUMsRUFBVTtRQUN0QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNoQyxDQUFDOytHQW5GVSxlQUFlO21HQUFmLGVBQWUsOFJDVjVCLDRsQ0ErQkE7OzRGRHJCYSxlQUFlO2tCQU4zQixTQUFTOytCQUNFLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTTtzR0FjdEMsTUFBTTtzQkFBZCxLQUFLO2dCQVFHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBUUcsUUFBUTtzQkFBaEIsS0FBSztnQkFRRyxTQUFTO3NCQUFqQixLQUFLO2dCQVFPLFFBQVE7c0JBQXBCLEtBQUs7Z0JBUUksYUFBYTtzQkFBdEIsTUFBTTtnQkFLRyxlQUFlO3NCQUF4QixNQUFNO2dCQUtHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSVJvdXRlLCBNZW51SXRlbSB9IGZyb20gJy4vbmF2YmFyLm1vZGVsJztcbmltcG9ydCB7IExhbmd1YWdlLCBMYW5ndWFnZVNlcnZpY2UgfSBmcm9tICcuLi8uLi91dGlscy9sb2NhbGl6YXRpb24vbGFuZ3VhZ2Uuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLW5hdmJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9uYXZiYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uYXZiYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5hdmJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8vIFRPRE86IFNvbWUgcHJvcGVydGllcyBhbmQgbWV0aG9kcyBhcmUgaWdub3JlZCBvbiBwdXJwb3NlIGJlY2F1c2Ugb2YgYSBjdXJyZW50IGlzc3VlIHdpdGggY29tcG9kb2MgYW5kIGFuZ3VsYXIgMTNcbiAgLy8gaHR0cHM6Ly9naXRodWIuY29tL3N0b3J5Ym9va2pzL3N0b3J5Ym9vay9pc3N1ZXMvMTY4NjVcbiAgLy8gaHR0cHM6Ly9naXRodWIuY29tL3N0b3J5Ym9va2pzL3N0b3J5Ym9vay9pc3N1ZXMvMTcwMDRcblxuICAvKipcbiAgICogUm91dGVzIG9iamVjdFxuICAgKlxuICAgKiBAdHlwZSB7SVJvdXRlfVxuICAgKiBAbWVtYmVyb2YgTmF2YmFyQ29tcG9uZW50XG4gICAqIEBpZ25vcmVcbiAgICovXG4gIEBJbnB1dCgpIHJvdXRlczogSVJvdXRlW10gPSBbXTtcblxuICAvKipcbiAgICogQWN0aXZlZCByb3V0ZSBpZFxuICAgKlxuICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgKiBAbWVtYmVyb2YgTmF2YmFyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBhY3RpdmVkUm91dGUgPSAnJztcblxuICAvKipcbiAgICogVXNlciBmaXJzdCBuYW1lIGFuZCBsYXN0IG5hbWVcbiAgICpcbiAgICogQHR5cGUge3N0cmluZ31cbiAgICogQG1lbWJlcm9mIE5hdmJhckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgdXNlck5hbWUgPSAnJztcblxuICAvKipcbiAgICogTWVudSBpdGVtcyB0byBzaG93IGluIG1lbnUgYWJvdmUgdGhlIExvZyBvdXQgYnV0dG9uXG4gICAqXG4gICAqIEB0eXBlIHtzdHJpbmd9XG4gICAqIEBtZW1iZXJvZiBOYXZiYXJDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIG1lbnVJdGVtczogTWVudUl0ZW1bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBUaGUgbGFuZ3VhZ2UgdG8gYmUgdXNlZFxuICAgKiBAcHJvcGVydHkgbGFuZ3VhZ2VcbiAgICogQHR5cGUge0xhbmd1YWdlfVxuICAgKiBAbWVtYmVyb2YgTmF2YmFyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzZXQgbGFuZ3VhZ2UodmFsdWU6IExhbmd1YWdlKSB7XG4gICAgdGhpcy5sYW5nID0gdmFsdWU7XG4gICAgdGhpcy5sYW5ndWFnZVNlcnZpY2UuaW5pdCh2YWx1ZSk7XG4gIH1cblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgQE91dHB1dCgpIG5hdmlnYXRlRXZlbnQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIEBPdXRwdXQoKSBtZW51SXRlbUNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIEBPdXRwdXQoKSBsb2dvdXRFdmVudDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHByaXZhdGUgbGFuZyA9IExhbmd1YWdlU2VydmljZS5kZWZhdWx0TGFuZ3VhZ2U7XG4gIHByb3RlY3RlZCByZWFkb25seSB0cmFuc2xhdGlvbkNvbnRleHQgPSAnTkFWQkFSLic7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBsYW5ndWFnZVNlcnZpY2U6IExhbmd1YWdlU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmxhbmd1YWdlU2VydmljZS5pbml0KHRoaXMubGFuZyk7XG4gIH1cblxuICBuYXZpZ2F0ZShyb3V0ZUlkOiBzdHJpbmcpIHtcbiAgICB0aGlzLm5hdmlnYXRlRXZlbnQuZW1pdChgLyR7cm91dGVJZH1gKTtcbiAgfVxuXG4gIGxvZ291dCgpOiB2b2lkIHtcbiAgICB0aGlzLmxvZ291dEV2ZW50LmVtaXQoKTtcbiAgfVxuXG4gIGNsaWNrTWVudUl0ZW0oaWQ6IHN0cmluZykge1xuICAgIHRoaXMubWVudUl0ZW1DbGlja2VkLmVtaXQoaWQpO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICp0cmFuc2xvY289XCJsZXQgdFwiPlxuICA8bWF0LXRvb2xiYXI+XG4gICAgPGRpdiBjbGFzcz1cImN1c3RvbS10b29sYmFyIHJvd1wiPlxuICAgICAgPHVpLWxvZ28gY2xhc3M9XCJsb2dvXCIgKGNsaWNrKT1cIm5hdmlnYXRlKCcnKVwiPjwvdWktbG9nbz5cbiAgICAgIDxkaXYgY2xhc3M9XCJuYXZpZ2F0aW9uIHJvd1wiPlxuICAgICAgICA8YSAqbmdGb3I9XCJsZXQgcm91dGUgb2Ygcm91dGVzXCIgKGNsaWNrKT1cIm5hdmlnYXRlKHJvdXRlLmlkKVwiIFtuZ0NsYXNzXT1cInsnYWN0aXZlJzogYWN0aXZlZFJvdXRlID09PSByb3V0ZS5pZH1cIj5cbiAgICAgICAgICA8c3Bhbj57eyByb3V0ZS50aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9hPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiYWN0aW9uc1wiPlxuICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gY2xhc3M9XCJwcm9maWxlLW1lbnVcIiBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiPlxuICAgICAgICAgIHt7IHVzZXJOYW1lIH19XG4gICAgICAgICAgPG1hdC1pY29uIGljb25Qb3NpdGlvbkVuZD5leHBhbmRfbW9yZTwvbWF0LWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvbWF0LXRvb2xiYXI+XG5cbiAgPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiPlxuICAgIDxidXR0b24gKm5nRm9yPVwibGV0IGUgb2YgbWVudUl0ZW1zXCIgbWF0LW1lbnUtaXRlbSAoY2xpY2spPVwiY2xpY2tNZW51SXRlbShlLmlkKVwiPlxuICAgICAgPGRpdiBjbGFzcz1cIm1lbnUtaXRlbVwiPlxuICAgICAgICA8dWktaWNvbiBbbmFtZV09XCJlLmljb25cIiBzaXplPVwiMjRcIj48L3VpLWljb24+XG4gICAgICAgIHt7IGUudGV4dCB9fVxuICAgICAgPC9kaXY+XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtIChjbGljayk9XCJsb2dvdXQoKVwiPlxuICAgICAgPG1hdC1pY29uPnBvd2VyX3NldHRpbmdzX25ldzwvbWF0LWljb24+XG4gICAgICB7eyB0KHRyYW5zbGF0aW9uQ29udGV4dCArICdMT0dfT1VUJykgfX1cbiAgICA8L2J1dHRvbj5cbiAgPC9tYXQtbWVudT5cbjwvbmctY29udGFpbmVyPlxuIl19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
2
|
+
import { APP_INITIALIZER, NgModule } from '@angular/core';
|
|
3
3
|
import { MatButtonModule } from '@angular/material/button';
|
|
4
4
|
import { MatRippleModule } from '@angular/material/core';
|
|
5
5
|
import { MatIconModule } from '@angular/material/icon';
|
|
@@ -8,7 +8,13 @@ import { MatToolbarModule } from '@angular/material/toolbar';
|
|
|
8
8
|
import { LogoComponentModule } from '../logo/logo.component.module';
|
|
9
9
|
import { NavbarComponent } from './navbar.component';
|
|
10
10
|
import { IconComponentModule } from '../icon/icon.component.module';
|
|
11
|
+
import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
|
|
12
|
+
import { lastValueFrom } from 'rxjs';
|
|
11
13
|
import * as i0 from "@angular/core";
|
|
14
|
+
const preloadLang = (transloco) => () => {
|
|
15
|
+
transloco.setActiveLang('en');
|
|
16
|
+
return lastValueFrom(transloco.load('en'));
|
|
17
|
+
};
|
|
12
18
|
export class NavbarComponentModule {
|
|
13
19
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavbarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
14
20
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NavbarComponentModule, declarations: [NavbarComponent], imports: [CommonModule,
|
|
@@ -18,15 +24,24 @@ export class NavbarComponentModule {
|
|
|
18
24
|
MatRippleModule,
|
|
19
25
|
MatMenuModule,
|
|
20
26
|
LogoComponentModule,
|
|
21
|
-
IconComponentModule
|
|
22
|
-
|
|
27
|
+
IconComponentModule,
|
|
28
|
+
TranslocoModule], exports: [NavbarComponent] }); }
|
|
29
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavbarComponentModule, providers: [
|
|
30
|
+
{
|
|
31
|
+
provide: APP_INITIALIZER,
|
|
32
|
+
useFactory: preloadLang,
|
|
33
|
+
deps: [TranslocoService],
|
|
34
|
+
multi: true,
|
|
35
|
+
},
|
|
36
|
+
], imports: [CommonModule,
|
|
23
37
|
MatToolbarModule,
|
|
24
38
|
MatIconModule,
|
|
25
39
|
MatButtonModule,
|
|
26
40
|
MatRippleModule,
|
|
27
41
|
MatMenuModule,
|
|
28
42
|
LogoComponentModule,
|
|
29
|
-
IconComponentModule
|
|
43
|
+
IconComponentModule,
|
|
44
|
+
TranslocoModule] }); }
|
|
30
45
|
}
|
|
31
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavbarComponentModule, decorators: [{
|
|
32
47
|
type: NgModule,
|
|
@@ -41,9 +56,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
41
56
|
MatMenuModule,
|
|
42
57
|
LogoComponentModule,
|
|
43
58
|
IconComponentModule,
|
|
59
|
+
TranslocoModule,
|
|
44
60
|
],
|
|
45
61
|
exports: [NavbarComponent],
|
|
46
|
-
providers: [
|
|
62
|
+
providers: [
|
|
63
|
+
{
|
|
64
|
+
provide: APP_INITIALIZER,
|
|
65
|
+
useFactory: preloadLang,
|
|
66
|
+
deps: [TranslocoService],
|
|
67
|
+
multi: true,
|
|
68
|
+
},
|
|
69
|
+
],
|
|
47
70
|
}]
|
|
48
71
|
}] });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLmNvbXBvbmVudC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uYXZiYXIvbmF2YmFyLmNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDcEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBRXJDLE1BQU0sV0FBVyxHQUFHLENBQUMsU0FBMkIsRUFBRSxFQUFFLENBQUMsR0FBRyxFQUFFO0lBQ3hELFNBQVMsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUIsT0FBTyxhQUFhLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0FBQzdDLENBQUMsQ0FBQztBQXlCRixNQUFNLE9BQU8scUJBQXFCOytHQUFyQixxQkFBcUI7Z0hBQXJCLHFCQUFxQixpQkF0QmpCLGVBQWUsYUFFNUIsWUFBWTtZQUNaLGdCQUFnQjtZQUNoQixhQUFhO1lBQ2IsZUFBZTtZQUNmLGVBQWU7WUFDZixhQUFhO1lBQ2IsbUJBQW1CO1lBQ25CLG1CQUFtQjtZQUNuQixlQUFlLGFBRVAsZUFBZTtnSEFVZCxxQkFBcUIsYUFUckI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsZUFBZTtnQkFDeEIsVUFBVSxFQUFFLFdBQVc7Z0JBQ3ZCLElBQUksRUFBRSxDQUFDLGdCQUFnQixDQUFDO2dCQUN4QixLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsWUFsQkMsWUFBWTtZQUNaLGdCQUFnQjtZQUNoQixhQUFhO1lBQ2IsZUFBZTtZQUNmLGVBQWU7WUFDZixhQUFhO1lBQ2IsbUJBQW1CO1lBQ25CLG1CQUFtQjtZQUNuQixlQUFlOzs0RkFZTixxQkFBcUI7a0JBdkJqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDL0IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixhQUFhO3dCQUNiLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixhQUFhO3dCQUNiLG1CQUFtQjt3QkFDbkIsbUJBQW1CO3dCQUNuQixlQUFlO3FCQUNoQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQzFCLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsZUFBZTs0QkFDeEIsVUFBVSxFQUFFLFdBQVc7NEJBQ3ZCLElBQUksRUFBRSxDQUFDLGdCQUFnQixDQUFDOzRCQUN4QixLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBUFBfSU5JVElBTElaRVIsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0UmlwcGxlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRNZW51TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XG5pbXBvcnQgeyBNYXRUb29sYmFyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbGJhcic7XG5pbXBvcnQgeyBMb2dvQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi4vbG9nby9sb2dvLmNvbXBvbmVudC5tb2R1bGUnO1xuaW1wb3J0IHsgTmF2YmFyQ29tcG9uZW50IH0gZnJvbSAnLi9uYXZiYXIuY29tcG9uZW50JztcbmltcG9ydCB7IEljb25Db21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50Lm1vZHVsZSc7XG5pbXBvcnQgeyBUcmFuc2xvY29Nb2R1bGUsIFRyYW5zbG9jb1NlcnZpY2UgfSBmcm9tICdAbmduZWF0L3RyYW5zbG9jbyc7XG5pbXBvcnQgeyBsYXN0VmFsdWVGcm9tIH0gZnJvbSAncnhqcyc7XG5cbmNvbnN0IHByZWxvYWRMYW5nID0gKHRyYW5zbG9jbzogVHJhbnNsb2NvU2VydmljZSkgPT4gKCkgPT4ge1xuICB0cmFuc2xvY28uc2V0QWN0aXZlTGFuZygnZW4nKTtcbiAgcmV0dXJuIGxhc3RWYWx1ZUZyb20odHJhbnNsb2NvLmxvYWQoJ2VuJykpO1xufTtcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTmF2YmFyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRUb29sYmFyTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxuICAgIE1hdFJpcHBsZU1vZHVsZSxcbiAgICBNYXRNZW51TW9kdWxlLFxuICAgIExvZ29Db21wb25lbnRNb2R1bGUsXG4gICAgSWNvbkNvbXBvbmVudE1vZHVsZSxcbiAgICBUcmFuc2xvY29Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtOYXZiYXJDb21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBBUFBfSU5JVElBTElaRVIsXG4gICAgICB1c2VGYWN0b3J5OiBwcmVsb2FkTGFuZyxcbiAgICAgIGRlcHM6IFtUcmFuc2xvY29TZXJ2aWNlXSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE5hdmJhckNvbXBvbmVudE1vZHVsZSB7fVxuIl19
|
|
@@ -3,7 +3,6 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "@angular/material/icon";
|
|
5
5
|
import * as i3 from "@angular/material/button";
|
|
6
|
-
import * as i4 from "../label/label.component";
|
|
7
6
|
export class NavigationComponent {
|
|
8
7
|
constructor() {
|
|
9
8
|
/**
|
|
@@ -15,11 +14,11 @@ export class NavigationComponent {
|
|
|
15
14
|
this.goBackClickedEvent.emit();
|
|
16
15
|
}
|
|
17
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NavigationComponent, selector: "ui-navigation", inputs: { title: "title", subtitle: "subtitle", labelItem: "labelItem", logoURL: "logoURL" }, outputs: { goBackClickedEvent: "goBackClickedEvent" }, ngImport: i0, template: "<div class=\"navigation\">\n <button aria-label=\"Go back\" mat-icon-button (click)=\"goBackClicked()\">\n <mat-icon aria-hidden=\"true\">chevron_left</mat-icon>\n </button>\n <div class=\"logo\" *ngIf=\"logoURL\">\n <img [src]=\"logoURL\"
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NavigationComponent, selector: "ui-navigation", inputs: { title: "title", subtitle: "subtitle", labelItem: "labelItem", logoURL: "logoURL" }, outputs: { goBackClickedEvent: "goBackClickedEvent" }, ngImport: i0, template: "<div class=\"navigation\">\n <button aria-label=\"Go back\" mat-icon-button (click)=\"goBackClicked()\">\n <mat-icon aria-hidden=\"true\">chevron_left</mat-icon>\n </button>\n <div class=\"logo\" *ngIf=\"logoURL\">\n <img [src]=\"logoURL\"/>\n </div>\n <div class=\"content\">\n <div class=\"title\">\n <span>{{ title }}</span>\n <div class=\"status\" *ngIf=\"labelItem\">\n <div\n class=\"label\"\n [ngStyle]=\"{ background: labelItem.backgroundColor, color: labelItem.textColor }\"\n [ngClass]=\"labelItem.size\">{{ labelItem.title }}</div>\n </div>\n </div>\n <div class=\"subtitle\">\n {{ subtitle }}\n </div>\n </div>\n</div>\n", styles: [".navigation{width:100%;display:flex;align-items:center}.navigation button{background:#ededed;border-radius:0%}.navigation mat-icon{color:#000}.navigation .logo{margin-left:20px}.navigation .logo img{width:100px;height:100px}.navigation .content{margin-left:20px;display:flex;flex-direction:column}.navigation .content .title{color:#000;font-weight:700;font-size:20px;display:flex;align-items:center;margin-bottom:8px}.navigation .content .title .status{margin-left:8px}.navigation .content .title .status .label{border-radius:4px;padding:0 8px;font-size:14px}.navigation .content .title .status .label.medium{font-size:14px}.navigation .content .title .status .label.small{font-size:10px}.navigation .content .title .status .label.large{font-size:20px}.navigation .content .subtitle{color:#528593;font-weight:700;font-size:14px}::ng-deep .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:0%!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
19
18
|
}
|
|
20
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationComponent, decorators: [{
|
|
21
20
|
type: Component,
|
|
22
|
-
args: [{ selector: 'ui-navigation', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigation\">\n <button aria-label=\"Go back\" mat-icon-button (click)=\"goBackClicked()\">\n <mat-icon aria-hidden=\"true\">chevron_left</mat-icon>\n </button>\n <div class=\"logo\" *ngIf=\"logoURL\">\n <img [src]=\"logoURL\"
|
|
21
|
+
args: [{ selector: 'ui-navigation', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigation\">\n <button aria-label=\"Go back\" mat-icon-button (click)=\"goBackClicked()\">\n <mat-icon aria-hidden=\"true\">chevron_left</mat-icon>\n </button>\n <div class=\"logo\" *ngIf=\"logoURL\">\n <img [src]=\"logoURL\"/>\n </div>\n <div class=\"content\">\n <div class=\"title\">\n <span>{{ title }}</span>\n <div class=\"status\" *ngIf=\"labelItem\">\n <div\n class=\"label\"\n [ngStyle]=\"{ background: labelItem.backgroundColor, color: labelItem.textColor }\"\n [ngClass]=\"labelItem.size\">{{ labelItem.title }}</div>\n </div>\n </div>\n <div class=\"subtitle\">\n {{ subtitle }}\n </div>\n </div>\n</div>\n", styles: [".navigation{width:100%;display:flex;align-items:center}.navigation button{background:#ededed;border-radius:0%}.navigation mat-icon{color:#000}.navigation .logo{margin-left:20px}.navigation .logo img{width:100px;height:100px}.navigation .content{margin-left:20px;display:flex;flex-direction:column}.navigation .content .title{color:#000;font-weight:700;font-size:20px;display:flex;align-items:center;margin-bottom:8px}.navigation .content .title .status{margin-left:8px}.navigation .content .title .status .label{border-radius:4px;padding:0 8px;font-size:14px}.navigation .content .title .status .label.medium{font-size:14px}.navigation .content .title .status .label.small{font-size:10px}.navigation .content .title .status .label.large{font-size:20px}.navigation .content .subtitle{color:#528593;font-weight:700;font-size:14px}::ng-deep .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:0%!important}\n"] }]
|
|
23
22
|
}], ctorParameters: function () { return []; }, propDecorators: { title: [{
|
|
24
23
|
type: Input
|
|
25
24
|
}], subtitle: [{
|
|
@@ -31,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
31
30
|
}], goBackClickedEvent: [{
|
|
32
31
|
type: Output
|
|
33
32
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uYXZpZ2F0aW9uL25hdmlnYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBU2hHLE1BQU0sT0FBTyxtQkFBbUI7SUEwQzlCO1FBTEE7O1dBRUc7UUFDTyx1QkFBa0IsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUU3RCxDQUFDO0lBRWhCLGFBQWE7UUFDWCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDakMsQ0FBQzsrR0E5Q1UsbUJBQW1CO21HQUFuQixtQkFBbUIsME1DVGhDLHdzQkFzQkE7OzRGRGJhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxlQUFlLG1CQUdSLHVCQUF1QixDQUFDLE1BQU07MEVBYXRDLEtBQUs7c0JBQWIsS0FBSztnQkFRRyxRQUFRO3NCQUFoQixLQUFLO2dCQVNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBT0csT0FBTztzQkFBZixLQUFLO2dCQUtJLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbk9wdGlvbkl0ZW0gfSBmcm9tICcuL25hdmlnYXRpb24ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1uYXZpZ2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uYXZpZ2F0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZpZ2F0aW9uQ29tcG9uZW50IHtcbiAgLy8gVE9ETzogU29tZSBwcm9wZXJ0aWVzIGFuZCBtZXRob2RzIGFyZSBpZ25vcmVkIG9uIHB1cnBvc2UgYmVjYXVzZSBvZiBhIGN1cnJlbnQgaXNzdWUgd2l0aCBjb21wb2RvYyBhbmQgYW5ndWxhciAxM1xuICAvLyBodHRwczovL2dpdGh1Yi5jb20vc3Rvcnlib29ranMvc3Rvcnlib29rL2lzc3Vlcy8xNjg2NVxuICAvLyBodHRwczovL2dpdGh1Yi5jb20vc3Rvcnlib29ranMvc3Rvcnlib29rL2lzc3Vlcy8xNzAwNFxuXG4gIC8qKlxuICAgKiBOYXZpZ2F0aW9uIHRpdGxlXG4gICAqXG4gICAqIEB0eXBlIHtzdHJpbmd9XG4gICAqIEBtZW1iZXJvZiBOYXZpZ2F0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBOYXZpZ2F0aW9uIHN1YnRpdGxlXG4gICAqXG4gICAqIEB0eXBlIHtzdHJpbmd9XG4gICAqIEBtZW1iZXJvZiBOYXZpZ2F0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzdWJ0aXRsZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBOYXZpZ2F0aW9uIHN0YXR1cyBjb21wb25lbnRcbiAgICpcbiAgICogQHR5cGUge05hdmlnYXRpb25PcHRpb25JdGVtfVxuICAgKiBAbWVtYmVyb2YgTmF2aWdhdGlvbkNvbXBvbmVudFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASW5wdXQoKSBsYWJlbEl0ZW06IE5hdmlnYXRpb25PcHRpb25JdGVtO1xuXG4gIC8qKlxuICAgKiBsb2dvIHVybFxuICAgKlxuICAgKiBAbWVtYmVyb2YgTmF2aWdhdGlvbkNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgbG9nb1VSTDogU3RyaW5nO1xuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBAT3V0cHV0KCkgZ29CYWNrQ2xpY2tlZEV2ZW50OiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIGdvQmFja0NsaWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy5nb0JhY2tDbGlja2VkRXZlbnQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibmF2aWdhdGlvblwiPlxuICA8YnV0dG9uIGFyaWEtbGFiZWw9XCJHbyBiYWNrXCIgbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJnb0JhY2tDbGlja2VkKClcIj5cbiAgICA8bWF0LWljb24gYXJpYS1oaWRkZW49XCJ0cnVlXCI+Y2hldnJvbl9sZWZ0PC9tYXQtaWNvbj5cbiAgPC9idXR0b24+XG4gIDxkaXYgY2xhc3M9XCJsb2dvXCIgKm5nSWY9XCJsb2dvVVJMXCI+XG4gICAgPGltZyBbc3JjXT1cImxvZ29VUkxcIi8+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxuICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxuICAgICAgPHNwYW4+e3sgdGl0bGUgfX08L3NwYW4+XG4gICAgICA8ZGl2IGNsYXNzPVwic3RhdHVzXCIgKm5nSWY9XCJsYWJlbEl0ZW1cIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzPVwibGFiZWxcIlxuICAgICAgICAgIFtuZ1N0eWxlXT1cInsgYmFja2dyb3VuZDogbGFiZWxJdGVtLmJhY2tncm91bmRDb2xvciwgY29sb3I6IGxhYmVsSXRlbS50ZXh0Q29sb3IgfVwiXG4gICAgICAgICAgW25nQ2xhc3NdPVwibGFiZWxJdGVtLnNpemVcIj57eyBsYWJlbEl0ZW0udGl0bGUgfX08L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZVwiPlxuICAgICAge3sgc3VidGl0bGUgfX1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -2,21 +2,20 @@ import { CommonModule } from '@angular/common';
|
|
|
2
2
|
import { NgModule } from '@angular/core';
|
|
3
3
|
import { MatButtonModule } from '@angular/material/button';
|
|
4
4
|
import { MatIconModule } from '@angular/material/icon';
|
|
5
|
-
import { LabelComponentModule } from '../label/label.component.module';
|
|
6
5
|
import { NavigationComponent } from './navigation.component';
|
|
7
6
|
import * as i0 from "@angular/core";
|
|
8
7
|
export class NavigationComponentModule {
|
|
9
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NavigationComponentModule, declarations: [NavigationComponent], imports: [CommonModule, MatIconModule, MatButtonModule
|
|
11
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationComponentModule, imports: [CommonModule, MatIconModule, MatButtonModule
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NavigationComponentModule, declarations: [NavigationComponent], imports: [CommonModule, MatIconModule, MatButtonModule], exports: [NavigationComponent] }); }
|
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationComponentModule, imports: [CommonModule, MatIconModule, MatButtonModule] }); }
|
|
12
11
|
}
|
|
13
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationComponentModule, decorators: [{
|
|
14
13
|
type: NgModule,
|
|
15
14
|
args: [{
|
|
16
15
|
declarations: [NavigationComponent],
|
|
17
|
-
imports: [CommonModule, MatIconModule, MatButtonModule
|
|
16
|
+
imports: [CommonModule, MatIconModule, MatButtonModule],
|
|
18
17
|
exports: [NavigationComponent],
|
|
19
18
|
providers: [],
|
|
20
19
|
}]
|
|
21
20
|
}] });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi5jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLmNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFRN0QsTUFBTSxPQUFPLHlCQUF5QjsrR0FBekIseUJBQXlCO2dIQUF6Qix5QkFBeUIsaUJBTHJCLG1CQUFtQixhQUN4QixZQUFZLEVBQUUsYUFBYSxFQUFFLGVBQWUsYUFDNUMsbUJBQW1CO2dIQUdsQix5QkFBeUIsWUFKMUIsWUFBWSxFQUFFLGFBQWEsRUFBRSxlQUFlOzs0RkFJM0MseUJBQXlCO2tCQU5yQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGVBQWUsQ0FBQztvQkFDdkQsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQzlCLFNBQVMsRUFBRSxFQUFFO2lCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vbmF2aWdhdGlvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtOYXZpZ2F0aW9uQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0SWNvbk1vZHVsZSwgTWF0QnV0dG9uTW9kdWxlXSxcbiAgZXhwb3J0czogW05hdmlnYXRpb25Db21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZpZ2F0aW9uQ29tcG9uZW50TW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export var NavigationSizeEnum;
|
|
2
|
+
(function (NavigationSizeEnum) {
|
|
3
|
+
NavigationSizeEnum["SMALL"] = "small";
|
|
4
|
+
NavigationSizeEnum["MEDIUM"] = "medium";
|
|
5
|
+
NavigationSizeEnum["LARGE"] = "large";
|
|
6
|
+
})(NavigationSizeEnum || (NavigationSizeEnum = {}));
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQSxNQUFNLENBQU4sSUFBWSxrQkFJWDtBQUpELFdBQVksa0JBQWtCO0lBQzVCLHFDQUFlLENBQUE7SUFDZix1Q0FBaUIsQ0FBQTtJQUNqQixxQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFKVyxrQkFBa0IsS0FBbEIsa0JBQWtCLFFBSTdCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBOYXZpZ2F0aW9uT3B0aW9uSXRlbSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHRleHRDb2xvcjogc3RyaW5nO1xuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZztcbiAgc2l6ZTogTmF2aWdhdGlvblNpemU7XG59XG5cbmV4cG9ydCBlbnVtIE5hdmlnYXRpb25TaXplRW51bSB7XG4gIFNNQUxMID0gJ3NtYWxsJyxcbiAgTUVESVVNID0gJ21lZGl1bScsXG4gIExBUkdFID0gJ2xhcmdlJyxcbn1cblxuZXhwb3J0IHR5cGUgTmF2aWdhdGlvblNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnO1xuIl19
|
|
@@ -37,11 +37,11 @@ export class PaginatorComponent {
|
|
|
37
37
|
this.paginatorChange.emit(paginator);
|
|
38
38
|
}
|
|
39
39
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PaginatorComponent, selector: "ui-paginator", inputs: { pageSizeOptions: "pageSizeOptions", length: "length", pageSize: "pageSize", disabled: "disabled" }, outputs: { paginatorChange: "paginatorChange" }, ngImport: i0, template: "<mat-paginator\n [disabled]=\"disabled\"\n [length]=\"length\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (page)=\"onPaginatorChange($event)\"\n></mat-paginator>\n", styles: [".flex-center,::ng-deep .mat-mdc-paginator .mat-mdc-select-arrow-wrapper,::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button{display:flex;justify-content:center;align-items:center}::ng-deep .mat-mdc-paginator{border-radius:0 0 8px 8px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions{height:40px!important;margin-left:16px!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions .mat-mdc-paginator-range-label{margin:0 16px 0 0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button{width:40px!important;padding:0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button[disabled=true] svg{fill:#ededed!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button svg{height:24px!important;width:24px!important;fill:#888!important}::ng-deep .mat-mdc-paginator .mat-mdc-select-arrow-wrapper{width:24px}::ng-deep .mat-mdc-paginator .mat-mdc-form-field-infix{padding:4px 0!important;min-height:28px!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-select{width:64px}::ng-deep .mat-mdc-paginator .mat-mdc-text-field-wrapper{height:32px;padding:0 8px;width:64px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container{border-radius:0 0 8px 8px;font-weight:400;font-size:14px;padding:8px 24px;line-height:20px;color:#000}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container{padding:0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-select-value-text{font-size:14px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions{height:100%}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions button{height:100%;width:70px;border-radius:0}\n"], dependencies: [{ kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }] }); }
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PaginatorComponent, selector: "ui-paginator", inputs: { pageSizeOptions: "pageSizeOptions", length: "length", pageSize: "pageSize", disabled: "disabled" }, outputs: { paginatorChange: "paginatorChange" }, ngImport: i0, template: "<mat-paginator\n [disabled]=\"disabled\"\n [length]=\"length\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (page)=\"onPaginatorChange($event)\"\n></mat-paginator>\n", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.flex-center,::ng-deep .mat-mdc-paginator .mat-mdc-select-arrow-wrapper,::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button{display:flex;justify-content:center;align-items:center}::ng-deep .mat-mdc-paginator{border-radius:0 0 8px 8px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions{height:40px!important;margin-left:16px!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions .mat-mdc-paginator-range-label{margin:0 16px 0 0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button{width:40px!important;padding:0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button[disabled=true] svg{fill:#ededed!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button svg{height:24px!important;width:24px!important;fill:#888!important}::ng-deep .mat-mdc-paginator .mat-mdc-select-arrow-wrapper{width:24px}::ng-deep .mat-mdc-paginator .mat-mdc-form-field-infix{padding:4px 0!important;min-height:28px!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-select{width:64px}::ng-deep .mat-mdc-paginator .mat-mdc-text-field-wrapper{height:32px;padding:0 8px;width:64px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container{border-radius:0 0 8px 8px;font-weight:400;font-size:14px;padding:8px 24px;line-height:20px;color:#000}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container{padding:0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-select-value-text{font-size:14px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions{height:100%}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions button{height:100%;width:70px;border-radius:0}\n"], dependencies: [{ kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }] }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginatorComponent, decorators: [{
|
|
43
43
|
type: Component,
|
|
44
|
-
args: [{ selector: 'ui-paginator', template: "<mat-paginator\n [disabled]=\"disabled\"\n [length]=\"length\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (page)=\"onPaginatorChange($event)\"\n></mat-paginator>\n", styles: [".flex-center,::ng-deep .mat-mdc-paginator .mat-mdc-select-arrow-wrapper,::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button{display:flex;justify-content:center;align-items:center}::ng-deep .mat-mdc-paginator{border-radius:0 0 8px 8px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions{height:40px!important;margin-left:16px!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions .mat-mdc-paginator-range-label{margin:0 16px 0 0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button{width:40px!important;padding:0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button[disabled=true] svg{fill:#ededed!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button svg{height:24px!important;width:24px!important;fill:#888!important}::ng-deep .mat-mdc-paginator .mat-mdc-select-arrow-wrapper{width:24px}::ng-deep .mat-mdc-paginator .mat-mdc-form-field-infix{padding:4px 0!important;min-height:28px!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-select{width:64px}::ng-deep .mat-mdc-paginator .mat-mdc-text-field-wrapper{height:32px;padding:0 8px;width:64px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container{border-radius:0 0 8px 8px;font-weight:400;font-size:14px;padding:8px 24px;line-height:20px;color:#000}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container{padding:0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-select-value-text{font-size:14px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions{height:100%}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions button{height:100%;width:70px;border-radius:0}\n"] }]
|
|
44
|
+
args: [{ selector: 'ui-paginator', template: "<mat-paginator\n [disabled]=\"disabled\"\n [length]=\"length\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (page)=\"onPaginatorChange($event)\"\n></mat-paginator>\n", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.flex-center,::ng-deep .mat-mdc-paginator .mat-mdc-select-arrow-wrapper,::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button{display:flex;justify-content:center;align-items:center}::ng-deep .mat-mdc-paginator{border-radius:0 0 8px 8px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions{height:40px!important;margin-left:16px!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions .mat-mdc-paginator-range-label{margin:0 16px 0 0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button{width:40px!important;padding:0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button[disabled=true] svg{fill:#ededed!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-actions button svg{height:24px!important;width:24px!important;fill:#888!important}::ng-deep .mat-mdc-paginator .mat-mdc-select-arrow-wrapper{width:24px}::ng-deep .mat-mdc-paginator .mat-mdc-form-field-infix{padding:4px 0!important;min-height:28px!important}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-select{width:64px}::ng-deep .mat-mdc-paginator .mat-mdc-text-field-wrapper{height:32px;padding:0 8px;width:64px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container{border-radius:0 0 8px 8px;font-weight:400;font-size:14px;padding:8px 24px;line-height:20px;color:#000}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container{padding:0}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-select-value-text{font-size:14px}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions{height:100%}::ng-deep .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions button{height:100%;width:70px;border-radius:0}\n"] }]
|
|
45
45
|
}], propDecorators: { pageSizeOptions: [{
|
|
46
46
|
type: Input
|
|
47
47
|
}], length: [{
|
|
@@ -38,11 +38,11 @@ export class ProgressBarComponent {
|
|
|
38
38
|
this.buffer = 0;
|
|
39
39
|
}
|
|
40
40
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgressBarComponent, selector: "ui-progress-bar", inputs: { color: "color", progress: "progress", mode: "mode", buffer: "buffer" }, host: { properties: { "style.--color": "this.color" } }, ngImport: i0, template: "<mat-progress-bar\n [mode]=\"mode\"\n [value]=\"progress\"\n [bufferValue]=\"buffer\"\n aria-label=\"Progress bar\"\n title=\"progress-bar\"\n class=\"progress-bar\"\n></mat-progress-bar>\n", styles: [".mat-mdc-progress-bar.progress-bar{height:8px;border-radius:8px}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__buffer-bar{background-color:#e0e0e0}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__bar-inner{border-top-width:8px}\n"], dependencies: [{ kind: "component", type: i1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
41
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgressBarComponent, selector: "ui-progress-bar", inputs: { color: "color", progress: "progress", mode: "mode", buffer: "buffer" }, host: { properties: { "style.--color": "this.color" } }, ngImport: i0, template: "<mat-progress-bar\n [mode]=\"mode\"\n [value]=\"progress\"\n [bufferValue]=\"buffer\"\n aria-label=\"Progress bar\"\n title=\"progress-bar\"\n class=\"progress-bar\"\n></mat-progress-bar>\n", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.mat-mdc-progress-bar.progress-bar{height:8px;border-radius:8px}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__buffer-bar{background-color:#e0e0e0}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__bar-inner{border-top-width:8px}\n"], dependencies: [{ kind: "component", type: i1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
42
42
|
}
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
|
-
args: [{ selector: 'ui-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-progress-bar\n [mode]=\"mode\"\n [value]=\"progress\"\n [bufferValue]=\"buffer\"\n aria-label=\"Progress bar\"\n title=\"progress-bar\"\n class=\"progress-bar\"\n></mat-progress-bar>\n", styles: [".mat-mdc-progress-bar.progress-bar{height:8px;border-radius:8px}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__buffer-bar{background-color:#e0e0e0}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__bar-inner{border-top-width:8px}\n"] }]
|
|
45
|
+
args: [{ selector: 'ui-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-progress-bar\n [mode]=\"mode\"\n [value]=\"progress\"\n [bufferValue]=\"buffer\"\n aria-label=\"Progress bar\"\n title=\"progress-bar\"\n class=\"progress-bar\"\n></mat-progress-bar>\n", styles: [".bg-teal-60b{background:#1C443C}.bg-teal-30b{background:#31766A}.bg-teal-default{background:#46A997}.bg-teal-30w{background:#7EC3B6}.bg-teal-60w{background:#B5DDD5}.bg-teal-secondary{background:#CBD6CB}.bg-teal-90w{background:#ECF6F5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1B4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894A0}.bg-petrol-60w{background:#A9C2C9}.bg-petrol-secondary{background:#C8D7DE}.bg-petrol-90w{background:#E9F0F1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8E5655}.bg-error-60w{background:#E3C3C6}.bg-error-secondary{background:#F0DAD9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#F0D6BB}.bg-warning-default{background:#cca45f}.bg-black{background:#000000}.bg-dark{background:#888888}.bg-medium{background:#E0E0E0}.bg-grey{background:#EDEDED}.bg-light{background:#F6F6F6}.bg-white{background:#ffffff}.bg-box-shadow{background:rgba(0,0,0,.0784313725)}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.mat-mdc-progress-bar.progress-bar{height:8px;border-radius:8px}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__buffer-bar{background-color:#e0e0e0}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__bar-inner{border-top-width:8px}\n"] }]
|
|
46
46
|
}], ctorParameters: function () { return []; }, propDecorators: { color: [{
|
|
47
47
|
type: HostBinding,
|
|
48
48
|
args: ['style.--color']
|