@testgorilla/tgo-ui 1.0.10 → 1.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +42 -17
- package/components/navigation/navigation.component.d.ts +7 -1
- package/components/snackbar/snackbar.component.d.ts +12 -2
- package/components/snackbar/snackbar.component.module.d.ts +4 -1
- package/components/spinner/spinner.component.d.ts +1 -1
- package/esm2020/components/alert-banner/alert-banner.component.mjs +3 -3
- package/esm2020/components/alert-banner/alert-banner.component.module.mjs +1 -2
- package/esm2020/components/navigation/navigation.component.mjs +12 -3
- package/esm2020/components/progress-bar/progress-bar.component.mjs +1 -1
- package/esm2020/components/snackbar/snackbar.component.mjs +24 -9
- package/esm2020/components/snackbar/snackbar.component.module.mjs +28 -6
- package/esm2020/components/spinner/spinner.component.mjs +3 -3
- package/esm2020/utils/localization/language.service.mjs +78 -0
- package/fesm2015/testgorilla-tgo-ui.mjs +137 -22
- package/fesm2015/testgorilla-tgo-ui.mjs.map +1 -1
- package/fesm2020/testgorilla-tgo-ui.mjs +137 -22
- package/fesm2020/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +4 -1
- package/src/assets/i18n/en.json +73 -0
- package/src/assets/i18n/es.json +5 -0
- package/utils/localization/language.service.d.ts +46 -0
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Injectable } from '@angular/core';
|
|
3
|
+
import { UntilDestroy } from '@ngneat/until-destroy';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@ngneat/transloco";
|
|
6
|
+
//Languages available in the app as enum
|
|
7
|
+
export var Language;
|
|
8
|
+
(function (Language) {
|
|
9
|
+
Language["en"] = "en";
|
|
10
|
+
Language["es"] = "es";
|
|
11
|
+
Language["nl"] = "nl";
|
|
12
|
+
Language["fr"] = "fr";
|
|
13
|
+
Language["de"] = "de";
|
|
14
|
+
Language["it-it"] = "it-it";
|
|
15
|
+
Language["ja-jp"] = "ja-jp";
|
|
16
|
+
Language["pt-br"] = "pt-br";
|
|
17
|
+
Language["da-dk"] = "da-dk";
|
|
18
|
+
Language["nb-no"] = "nb-no";
|
|
19
|
+
Language["pl-pl"] = "pl-pl";
|
|
20
|
+
Language["sv-se"] = "sv-se";
|
|
21
|
+
})(Language || (Language = {}));
|
|
22
|
+
//This function retrieves all languages from the enum. It is used to initialize transloco
|
|
23
|
+
export const getAvailableLangs = () => Object.values(Language);
|
|
24
|
+
let LanguageService = class LanguageService {
|
|
25
|
+
constructor(translocoService) {
|
|
26
|
+
this.translocoService = translocoService;
|
|
27
|
+
this.defaultLanguageList = [
|
|
28
|
+
{ code: Language.en, label: 'English' },
|
|
29
|
+
{ code: Language.es, label: 'Spanish' },
|
|
30
|
+
{ code: Language.de, label: 'German' },
|
|
31
|
+
{ code: Language.fr, label: 'French' },
|
|
32
|
+
{ code: Language.nl, label: 'Dutch' },
|
|
33
|
+
{ code: Language['it-it'], label: 'Italian' },
|
|
34
|
+
{ code: Language['ja-jp'], label: 'Japanese' },
|
|
35
|
+
{ code: Language['pt-br'], label: 'Portuguese' },
|
|
36
|
+
{ code: Language['da-dk'], label: 'Danish' },
|
|
37
|
+
{ code: Language['nb-no'], label: 'Norwegian' },
|
|
38
|
+
{ code: Language['pl-pl'], label: 'Polish' },
|
|
39
|
+
{ code: Language['sv-se'], label: 'Swedish' },
|
|
40
|
+
];
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
*
|
|
44
|
+
* @description Initialize Language Service.
|
|
45
|
+
* @memberof LanguageService
|
|
46
|
+
*/
|
|
47
|
+
init(language) {
|
|
48
|
+
// Set active language according to user settings. TODO: Replace with user value.
|
|
49
|
+
this.setActiveLanguage(language);
|
|
50
|
+
// React to language changes and load the language selected.
|
|
51
|
+
this.languageChangeSubscription = this.translocoService.langChanges$.subscribe(lang => {
|
|
52
|
+
this.translocoService.load(lang).subscribe();
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
*
|
|
57
|
+
* @description Set a langauge as active language.
|
|
58
|
+
* @param {string} languageCode Language value code.
|
|
59
|
+
* @memberof LanguageService
|
|
60
|
+
*/
|
|
61
|
+
setActiveLanguage(languageCode) {
|
|
62
|
+
this.translocoService.setActiveLang(languageCode);
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
LanguageService.defaultLanguage = Language.en;
|
|
66
|
+
LanguageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LanguageService, deps: [{ token: i1.TranslocoService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
67
|
+
LanguageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LanguageService, providedIn: 'root' });
|
|
68
|
+
LanguageService = __decorate([
|
|
69
|
+
UntilDestroy({ checkProperties: true })
|
|
70
|
+
], LanguageService);
|
|
71
|
+
export { LanguageService };
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LanguageService, decorators: [{
|
|
73
|
+
type: Injectable,
|
|
74
|
+
args: [{
|
|
75
|
+
providedIn: 'root',
|
|
76
|
+
}]
|
|
77
|
+
}], ctorParameters: function () { return [{ type: i1.TranslocoService }]; } });
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFuZ3VhZ2Uuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91dGlscy9sb2NhbGl6YXRpb24vbGFuZ3VhZ2Uuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUzQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7OztBQUdyRCx3Q0FBd0M7QUFDeEMsTUFBTSxDQUFOLElBQVksUUFhWDtBQWJELFdBQVksUUFBUTtJQUNsQixxQkFBUyxDQUFBO0lBQ1QscUJBQVMsQ0FBQTtJQUNULHFCQUFTLENBQUE7SUFDVCxxQkFBUyxDQUFBO0lBQ1QscUJBQVMsQ0FBQTtJQUNULDJCQUFpQixDQUFBO0lBQ2pCLDJCQUFpQixDQUFBO0lBQ2pCLDJCQUFpQixDQUFBO0lBQ2pCLDJCQUFpQixDQUFBO0lBQ2pCLDJCQUFpQixDQUFBO0lBQ2pCLDJCQUFpQixDQUFBO0lBQ2pCLDJCQUFpQixDQUFBO0FBQ25CLENBQUMsRUFiVyxRQUFRLEtBQVIsUUFBUSxRQWFuQjtBQUtELHlGQUF5RjtBQUN6RixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBU3hELElBQU0sZUFBZSxHQUFyQixNQUFNLGVBQWU7SUFvQjFCLFlBQW9CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBakI3Qyx3QkFBbUIsR0FBaUI7WUFDM0MsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQ3ZDLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxFQUFFLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUN2QyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsRUFBRSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUU7WUFDdEMsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFO1lBQ3RDLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxFQUFFLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUNyQyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsT0FBTyxDQUFDLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUM3QyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsT0FBTyxDQUFDLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtZQUM5QyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsT0FBTyxDQUFDLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRTtZQUNoRCxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsT0FBTyxDQUFDLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRTtZQUM1QyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsT0FBTyxDQUFDLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRTtZQUMvQyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsT0FBTyxDQUFDLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRTtZQUM1QyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsT0FBTyxDQUFDLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtTQUM5QyxDQUFDO0lBSXVELENBQUM7SUFFMUQ7Ozs7T0FJRztJQUNILElBQUksQ0FBQyxRQUFnQjtRQUNuQixpRkFBaUY7UUFDakYsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRWpDLDREQUE0RDtRQUM1RCxJQUFJLENBQUMsMEJBQTBCLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDcEYsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUMvQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNILGlCQUFpQixDQUFDLFlBQW9CO1FBQ3BDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDcEQsQ0FBQzs7QUE1Q2UsK0JBQWUsR0FBRyxRQUFRLENBQUMsRUFBRSxDQUFDOzRHQURuQyxlQUFlO2dIQUFmLGVBQWUsY0FIZCxNQUFNO0FBR1AsZUFBZTtJQUQzQixZQUFZLENBQUMsRUFBRSxlQUFlLEVBQUUsSUFBSSxFQUFFLENBQUM7R0FDM0IsZUFBZSxDQThDM0I7U0E5Q1ksZUFBZTsyRkFBZixlQUFlO2tCQUozQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRyYW5zbG9jb1NlcnZpY2UgfSBmcm9tICdAbmduZWF0L3RyYW5zbG9jbyc7XG5pbXBvcnQgeyBVbnRpbERlc3Ryb3kgfSBmcm9tICdAbmduZWF0L3VudGlsLWRlc3Ryb3knO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5cbi8vTGFuZ3VhZ2VzIGF2YWlsYWJsZSBpbiB0aGUgYXBwIGFzIGVudW1cbmV4cG9ydCBlbnVtIExhbmd1YWdlIHtcbiAgZW4gPSAnZW4nLFxuICBlcyA9ICdlcycsXG4gIG5sID0gJ25sJyxcbiAgZnIgPSAnZnInLFxuICBkZSA9ICdkZScsXG4gICdpdC1pdCcgPSAnaXQtaXQnLFxuICAnamEtanAnID0gJ2phLWpwJyxcbiAgJ3B0LWJyJyA9ICdwdC1icicsXG4gICdkYS1kaycgPSAnZGEtZGsnLFxuICAnbmItbm8nID0gJ25iLW5vJyxcbiAgJ3BsLXBsJyA9ICdwbC1wbCcsXG4gICdzdi1zZScgPSAnc3Ytc2UnLFxufVxuXG4vL1RoaXMgdHlwZSBlbmZvcmNlcyBhbGwgdHJhbnNsYXRpb25zIGFyZSBwcmVzZW50IHdoZW4gc29tZSB0cmFuc2xhdGlvbiBuZWVkcyB0byBsaXZlIGluIHRoZSBmcm9udGVuZFxuZXhwb3J0IHR5cGUgVHJhbnNsYXRpb25NYXAgPSB7IFtrZXkgaW4gTGFuZ3VhZ2VdOiBzdHJpbmcgfTtcblxuLy9UaGlzIGZ1bmN0aW9uIHJldHJpZXZlcyBhbGwgbGFuZ3VhZ2VzIGZyb20gdGhlIGVudW0uIEl0IGlzIHVzZWQgdG8gaW5pdGlhbGl6ZSB0cmFuc2xvY29cbmV4cG9ydCBjb25zdCBnZXRBdmFpbGFibGVMYW5ncyA9ICgpID0+IE9iamVjdC52YWx1ZXMoTGFuZ3VhZ2UpO1xuXG4vL1RoaXMgdHlwZSBpcyBpbnRlbmRlZCBmb3IgVUkgdXNlcyBvbmx5XG5leHBvcnQgdHlwZSBVSUxhbmd1YWdlID0geyBjb2RlOiBMYW5ndWFnZSB8IHN0cmluZzsgbGFiZWw6IHN0cmluZyB9O1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5AVW50aWxEZXN0cm95KHsgY2hlY2tQcm9wZXJ0aWVzOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgTGFuZ3VhZ2VTZXJ2aWNlIHtcbiAgc3RhdGljIHJlYWRvbmx5IGRlZmF1bHRMYW5ndWFnZSA9IExhbmd1YWdlLmVuO1xuXG4gIHJlYWRvbmx5IGRlZmF1bHRMYW5ndWFnZUxpc3Q6IFVJTGFuZ3VhZ2VbXSA9IFtcbiAgICB7IGNvZGU6IExhbmd1YWdlLmVuLCBsYWJlbDogJ0VuZ2xpc2gnIH0sXG4gICAgeyBjb2RlOiBMYW5ndWFnZS5lcywgbGFiZWw6ICdTcGFuaXNoJyB9LFxuICAgIHsgY29kZTogTGFuZ3VhZ2UuZGUsIGxhYmVsOiAnR2VybWFuJyB9LFxuICAgIHsgY29kZTogTGFuZ3VhZ2UuZnIsIGxhYmVsOiAnRnJlbmNoJyB9LFxuICAgIHsgY29kZTogTGFuZ3VhZ2UubmwsIGxhYmVsOiAnRHV0Y2gnIH0sXG4gICAgeyBjb2RlOiBMYW5ndWFnZVsnaXQtaXQnXSwgbGFiZWw6ICdJdGFsaWFuJyB9LFxuICAgIHsgY29kZTogTGFuZ3VhZ2VbJ2phLWpwJ10sIGxhYmVsOiAnSmFwYW5lc2UnIH0sXG4gICAgeyBjb2RlOiBMYW5ndWFnZVsncHQtYnInXSwgbGFiZWw6ICdQb3J0dWd1ZXNlJyB9LFxuICAgIHsgY29kZTogTGFuZ3VhZ2VbJ2RhLWRrJ10sIGxhYmVsOiAnRGFuaXNoJyB9LFxuICAgIHsgY29kZTogTGFuZ3VhZ2VbJ25iLW5vJ10sIGxhYmVsOiAnTm9yd2VnaWFuJyB9LFxuICAgIHsgY29kZTogTGFuZ3VhZ2VbJ3BsLXBsJ10sIGxhYmVsOiAnUG9saXNoJyB9LFxuICAgIHsgY29kZTogTGFuZ3VhZ2VbJ3N2LXNlJ10sIGxhYmVsOiAnU3dlZGlzaCcgfSxcbiAgXTtcblxuICBwcml2YXRlIGxhbmd1YWdlQ2hhbmdlU3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb247XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0cmFuc2xvY29TZXJ2aWNlOiBUcmFuc2xvY29TZXJ2aWNlKSB7fVxuXG4gIC8qKlxuICAgKlxuICAgKiBAZGVzY3JpcHRpb24gSW5pdGlhbGl6ZSBMYW5ndWFnZSBTZXJ2aWNlLlxuICAgKiBAbWVtYmVyb2YgTGFuZ3VhZ2VTZXJ2aWNlXG4gICAqL1xuICBpbml0KGxhbmd1YWdlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICAvLyBTZXQgYWN0aXZlIGxhbmd1YWdlIGFjY29yZGluZyB0byB1c2VyIHNldHRpbmdzLiBUT0RPOiBSZXBsYWNlIHdpdGggdXNlciB2YWx1ZS5cbiAgICB0aGlzLnNldEFjdGl2ZUxhbmd1YWdlKGxhbmd1YWdlKTtcblxuICAgIC8vIFJlYWN0IHRvIGxhbmd1YWdlIGNoYW5nZXMgYW5kIGxvYWQgdGhlIGxhbmd1YWdlIHNlbGVjdGVkLlxuICAgIHRoaXMubGFuZ3VhZ2VDaGFuZ2VTdWJzY3JpcHRpb24gPSB0aGlzLnRyYW5zbG9jb1NlcnZpY2UubGFuZ0NoYW5nZXMkLnN1YnNjcmliZShsYW5nID0+IHtcbiAgICAgIHRoaXMudHJhbnNsb2NvU2VydmljZS5sb2FkKGxhbmcpLnN1YnNjcmliZSgpO1xuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqXG4gICAqIEBkZXNjcmlwdGlvbiBTZXQgYSBsYW5nYXVnZSBhcyBhY3RpdmUgbGFuZ3VhZ2UuXG4gICAqIEBwYXJhbSB7c3RyaW5nfSBsYW5ndWFnZUNvZGUgTGFuZ3VhZ2UgdmFsdWUgY29kZS5cbiAgICogQG1lbWJlcm9mIExhbmd1YWdlU2VydmljZVxuICAgKi9cbiAgc2V0QWN0aXZlTGFuZ3VhZ2UobGFuZ3VhZ2VDb2RlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLnRyYW5zbG9jb1NlcnZpY2Uuc2V0QWN0aXZlTGFuZyhsYW5ndWFnZUNvZGUpO1xuICB9XG59XG4iXX0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { trigger, transition, animate, style, state } from '@angular/animations';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { Component, ViewEncapsulation, Input, EventEmitter, Output, ChangeDetectionStrategy, NgModule, forwardRef, HostBinding, Directive, HostListener, Injectable, Inject, Pipe, ViewChild } from '@angular/core';
|
|
3
|
+
import { Component, ViewEncapsulation, Input, EventEmitter, Output, ChangeDetectionStrategy, NgModule, forwardRef, HostBinding, Directive, HostListener, Injectable, Inject, APP_INITIALIZER, Pipe, ViewChild } from '@angular/core';
|
|
4
4
|
import * as i1$1 from '@angular/common';
|
|
5
5
|
import { CommonModule } from '@angular/common';
|
|
6
6
|
import * as i2$1 from '@angular/material/button';
|
|
@@ -37,15 +37,19 @@ import * as i1$6 from '@angular/material/paginator';
|
|
|
37
37
|
import { MatPaginatorModule } from '@angular/material/paginator';
|
|
38
38
|
import * as i2$5 from '@angular/material/radio';
|
|
39
39
|
import { MatRadioModule } from '@angular/material/radio';
|
|
40
|
-
import * as i1$
|
|
40
|
+
import * as i1$8 from '@angular/material/snack-bar';
|
|
41
41
|
import { MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
|
|
42
|
+
import { __decorate } from 'tslib';
|
|
43
|
+
import { UntilDestroy } from '@ngneat/until-destroy';
|
|
44
|
+
import * as i1$7 from '@ngneat/transloco';
|
|
45
|
+
import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
|
|
46
|
+
import { lastValueFrom, Subscription } from 'rxjs';
|
|
42
47
|
import * as i4$1 from '@angular/material/sort';
|
|
43
48
|
import { MatSort, MatSortModule } from '@angular/material/sort';
|
|
44
49
|
import * as i3$1 from '@angular/material/table';
|
|
45
50
|
import { MatTableDataSource, MatTableModule } from '@angular/material/table';
|
|
46
51
|
import * as i6 from '@angular/material/tooltip';
|
|
47
52
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
48
|
-
import { Subscription } from 'rxjs';
|
|
49
53
|
import * as i5$2 from '@angular/material/select';
|
|
50
54
|
import { MatSelectModule } from '@angular/material/select';
|
|
51
55
|
import * as i6$2 from '@angular/material/datepicker';
|
|
@@ -502,7 +506,7 @@ class AlertBannerComponent {
|
|
|
502
506
|
}
|
|
503
507
|
}
|
|
504
508
|
AlertBannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
505
|
-
AlertBannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AlertBannerComponent, selector: "ui-alert-banner", inputs: { alertType: "alertType", message: "message", includeDismissButton: "includeDismissButton", fixed: "fixed", fullWidth: "fullWidth", linkText: "linkText", linkUrl: "linkUrl", linkTarget: "linkTarget" }, ngImport: i0, template: "<div [ngClass]=\"cssClass\" [@openClose] *ngIf=\"visible\" class=\"alert-container\">\n <div class=\"alert-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\n <a *ngIf=\"!!linkText\" [target]=\"linkTarget\" [href]=\"linkUrl\">{{ linkText }}</a>\n </div>\n <ui-button
|
|
509
|
+
AlertBannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AlertBannerComponent, selector: "ui-alert-banner", inputs: { alertType: "alertType", message: "message", includeDismissButton: "includeDismissButton", fixed: "fixed", fullWidth: "fullWidth", linkText: "linkText", linkUrl: "linkUrl", linkTarget: "linkTarget" }, ngImport: i0, template: "<div [ngClass]=\"cssClass\" [@openClose] *ngIf=\"visible\" class=\"alert-container\">\n <div class=\"alert-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\n <a *ngIf=\"!!linkText\" [target]=\"linkTarget\" [href]=\"linkUrl\">{{ linkText }}</a>\n </div>\n <ui-button\n *ngIf=\"includeDismissButton\"\n type=\"text\"\n [justIcon]=\"true\"\n class=\"close\"\n iconName=\"Close\"\n (buttonClickEvent)=\"dismissClick()\"\n ></ui-button>\n</div>\n", styles: [":host{display:flex;width:100%;justify-content:center}:host .snackbar-container{max-width:600px}:host .alert-container,:host .snackbar-container{margin:0 auto;display:flex;padding:0 14px;border-radius:4px;align-items:center;justify-content:space-between;opacity:1;min-height:48px}:host .alert-container.fixed,:host .snackbar-container.fixed{position:fixed}:host .alert-container.static,:host .snackbar-container.static{position:relative}:host .alert-container ui-icon,:host .snackbar-container ui-icon{margin-right:14px}:host .alert-container ui-button,:host .snackbar-container ui-button{margin-left:14px}:host .alert-container ::ng-deep button.mat-mdc-unelevated-button.big,:host .snackbar-container ::ng-deep button.mat-mdc-unelevated-button.big{padding:0;min-width:auto}:host .alert-container .alert-text,:host .alert-container .snackbar-text,:host .snackbar-container .alert-text,:host .snackbar-container .snackbar-text{display:flex;align-items:center;color:#000}:host .alert-container .alert-text a,:host .alert-container .snackbar-text a,:host .snackbar-container .alert-text a,:host .snackbar-container .snackbar-text a{color:#000;text-decoration:underline;font-weight:700}:host .alert-container .alert-text a:hover,:host .alert-container .alert-text a:visited,:host .alert-container .alert-text a:focus,:host .alert-container .snackbar-text a:hover,:host .alert-container .snackbar-text a:visited,:host .alert-container .snackbar-text a:focus,:host .snackbar-container .alert-text a:hover,:host .snackbar-container .alert-text a:visited,:host .snackbar-container .alert-text a:focus,:host .snackbar-container .snackbar-text a:hover,:host .snackbar-container .snackbar-text a:visited,:host .snackbar-container .snackbar-text a:focus{text-decoration:none}:host .alert-container.success,:host .snackbar-container.success{background-color:#cbd6cb}:host .alert-container.info,:host .snackbar-container.info{background-color:#c8d7de}:host .alert-container.warning,:host .snackbar-container.warning{background-color:#f0d6bb}:host .alert-container.error,:host .snackbar-container.error{background-color:#e3c3c6}@media (max-width: 600px){:host .alert-container,:host .snackbar-container{padding:8px 14px}}:host .alert-container.fixed{top:0;z-index:98}:host .alert-container.full-width{width:100%;min-width:100%}:host .alert-container a{margin-left:7px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "type", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color"] }], animations: [
|
|
506
510
|
trigger('openClose', [
|
|
507
511
|
transition(':enter', [animate('0.2s ease-out', style({ opacity: 1 }))]),
|
|
508
512
|
transition(':leave', [animate('0.2s ease-in', style({ opacity: 0 }))]),
|
|
@@ -515,7 +519,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
515
519
|
transition(':enter', [animate('0.2s ease-out', style({ opacity: 1 }))]),
|
|
516
520
|
transition(':leave', [animate('0.2s ease-in', style({ opacity: 0 }))]),
|
|
517
521
|
]),
|
|
518
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"cssClass\" [@openClose] *ngIf=\"visible\" class=\"alert-container\">\n <div class=\"alert-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\n <a *ngIf=\"!!linkText\" [target]=\"linkTarget\" [href]=\"linkUrl\">{{ linkText }}</a>\n </div>\n <ui-button
|
|
522
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"cssClass\" [@openClose] *ngIf=\"visible\" class=\"alert-container\">\n <div class=\"alert-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\n <a *ngIf=\"!!linkText\" [target]=\"linkTarget\" [href]=\"linkUrl\">{{ linkText }}</a>\n </div>\n <ui-button\n *ngIf=\"includeDismissButton\"\n type=\"text\"\n [justIcon]=\"true\"\n class=\"close\"\n iconName=\"Close\"\n (buttonClickEvent)=\"dismissClick()\"\n ></ui-button>\n</div>\n", styles: [":host{display:flex;width:100%;justify-content:center}:host .snackbar-container{max-width:600px}:host .alert-container,:host .snackbar-container{margin:0 auto;display:flex;padding:0 14px;border-radius:4px;align-items:center;justify-content:space-between;opacity:1;min-height:48px}:host .alert-container.fixed,:host .snackbar-container.fixed{position:fixed}:host .alert-container.static,:host .snackbar-container.static{position:relative}:host .alert-container ui-icon,:host .snackbar-container ui-icon{margin-right:14px}:host .alert-container ui-button,:host .snackbar-container ui-button{margin-left:14px}:host .alert-container ::ng-deep button.mat-mdc-unelevated-button.big,:host .snackbar-container ::ng-deep button.mat-mdc-unelevated-button.big{padding:0;min-width:auto}:host .alert-container .alert-text,:host .alert-container .snackbar-text,:host .snackbar-container .alert-text,:host .snackbar-container .snackbar-text{display:flex;align-items:center;color:#000}:host .alert-container .alert-text a,:host .alert-container .snackbar-text a,:host .snackbar-container .alert-text a,:host .snackbar-container .snackbar-text a{color:#000;text-decoration:underline;font-weight:700}:host .alert-container .alert-text a:hover,:host .alert-container .alert-text a:visited,:host .alert-container .alert-text a:focus,:host .alert-container .snackbar-text a:hover,:host .alert-container .snackbar-text a:visited,:host .alert-container .snackbar-text a:focus,:host .snackbar-container .alert-text a:hover,:host .snackbar-container .alert-text a:visited,:host .snackbar-container .alert-text a:focus,:host .snackbar-container .snackbar-text a:hover,:host .snackbar-container .snackbar-text a:visited,:host .snackbar-container .snackbar-text a:focus{text-decoration:none}:host .alert-container.success,:host .snackbar-container.success{background-color:#cbd6cb}:host .alert-container.info,:host .snackbar-container.info{background-color:#c8d7de}:host .alert-container.warning,:host .snackbar-container.warning{background-color:#f0d6bb}:host .alert-container.error,:host .snackbar-container.error{background-color:#e3c3c6}@media (max-width: 600px){:host .alert-container,:host .snackbar-container{padding:8px 14px}}:host .alert-container.fixed{top:0;z-index:98}:host .alert-container.full-width{width:100%;min-width:100%}:host .alert-container a{margin-left:7px}\n"] }]
|
|
519
523
|
}], ctorParameters: function () { return []; }, propDecorators: { alertType: [{
|
|
520
524
|
type: Input
|
|
521
525
|
}], message: [{
|
|
@@ -575,7 +579,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
575
579
|
declarations: [AlertBannerComponent],
|
|
576
580
|
imports: [CommonModule, ButtonComponentModule, IconComponentModule],
|
|
577
581
|
exports: [AlertBannerComponent],
|
|
578
|
-
providers: [],
|
|
579
582
|
}]
|
|
580
583
|
}] });
|
|
581
584
|
|
|
@@ -2543,6 +2546,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
2543
2546
|
|
|
2544
2547
|
class NavigationComponent {
|
|
2545
2548
|
constructor() {
|
|
2549
|
+
/**
|
|
2550
|
+
* logo url
|
|
2551
|
+
*
|
|
2552
|
+
* @memberof NavigationComponent
|
|
2553
|
+
*/
|
|
2554
|
+
this.logoURL = LogoPathEnum.POWEREDBY;
|
|
2546
2555
|
/**
|
|
2547
2556
|
* @ignore
|
|
2548
2557
|
*/
|
|
@@ -2553,16 +2562,18 @@ class NavigationComponent {
|
|
|
2553
2562
|
}
|
|
2554
2563
|
}
|
|
2555
2564
|
NavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2556
|
-
NavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NavigationComponent, selector: "ui-navigation", inputs: { title: "title", subtitle: "subtitle", labelItem: "labelItem" }, 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\">arrow_back</mat-icon>\n </button>\n <div class=\"content\">\n <div class=\"title\">\n <span
|
|
2565
|
+
NavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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\">arrow_back</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 <ui-label\n [backgroundColor]=\"labelItem.backgroundColor\"\n [textColor]=\"labelItem.textColor\"\n [title]=\"labelItem.title\"\n [size]=\"labelItem.size\"\n >\n </ui-label>\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 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 .subtitle{color:#528593;font-weight:700;font-size:14px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: LabelComponent, selector: "ui-label", inputs: ["backgroundColor", "textColor", "title", "description", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2557
2566
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavigationComponent, decorators: [{
|
|
2558
2567
|
type: Component,
|
|
2559
|
-
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\">arrow_back</mat-icon>\n </button>\n <div class=\"content\">\n <div class=\"title\">\n <span
|
|
2568
|
+
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\">arrow_back</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 <ui-label\n [backgroundColor]=\"labelItem.backgroundColor\"\n [textColor]=\"labelItem.textColor\"\n [title]=\"labelItem.title\"\n [size]=\"labelItem.size\"\n >\n </ui-label>\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 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 .subtitle{color:#528593;font-weight:700;font-size:14px}\n"] }]
|
|
2560
2569
|
}], ctorParameters: function () { return []; }, propDecorators: { title: [{
|
|
2561
2570
|
type: Input
|
|
2562
2571
|
}], subtitle: [{
|
|
2563
2572
|
type: Input
|
|
2564
2573
|
}], labelItem: [{
|
|
2565
2574
|
type: Input
|
|
2575
|
+
}], logoURL: [{
|
|
2576
|
+
type: Input
|
|
2566
2577
|
}], goBackClickedEvent: [{
|
|
2567
2578
|
type: Output
|
|
2568
2579
|
}] } });
|
|
@@ -2797,11 +2808,84 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
2797
2808
|
}]
|
|
2798
2809
|
}] });
|
|
2799
2810
|
|
|
2811
|
+
//Languages available in the app as enum
|
|
2812
|
+
var Language;
|
|
2813
|
+
(function (Language) {
|
|
2814
|
+
Language["en"] = "en";
|
|
2815
|
+
Language["es"] = "es";
|
|
2816
|
+
Language["nl"] = "nl";
|
|
2817
|
+
Language["fr"] = "fr";
|
|
2818
|
+
Language["de"] = "de";
|
|
2819
|
+
Language["it-it"] = "it-it";
|
|
2820
|
+
Language["ja-jp"] = "ja-jp";
|
|
2821
|
+
Language["pt-br"] = "pt-br";
|
|
2822
|
+
Language["da-dk"] = "da-dk";
|
|
2823
|
+
Language["nb-no"] = "nb-no";
|
|
2824
|
+
Language["pl-pl"] = "pl-pl";
|
|
2825
|
+
Language["sv-se"] = "sv-se";
|
|
2826
|
+
})(Language || (Language = {}));
|
|
2827
|
+
//This function retrieves all languages from the enum. It is used to initialize transloco
|
|
2828
|
+
const getAvailableLangs = () => Object.values(Language);
|
|
2829
|
+
let LanguageService = class LanguageService {
|
|
2830
|
+
constructor(translocoService) {
|
|
2831
|
+
this.translocoService = translocoService;
|
|
2832
|
+
this.defaultLanguageList = [
|
|
2833
|
+
{ code: Language.en, label: 'English' },
|
|
2834
|
+
{ code: Language.es, label: 'Spanish' },
|
|
2835
|
+
{ code: Language.de, label: 'German' },
|
|
2836
|
+
{ code: Language.fr, label: 'French' },
|
|
2837
|
+
{ code: Language.nl, label: 'Dutch' },
|
|
2838
|
+
{ code: Language['it-it'], label: 'Italian' },
|
|
2839
|
+
{ code: Language['ja-jp'], label: 'Japanese' },
|
|
2840
|
+
{ code: Language['pt-br'], label: 'Portuguese' },
|
|
2841
|
+
{ code: Language['da-dk'], label: 'Danish' },
|
|
2842
|
+
{ code: Language['nb-no'], label: 'Norwegian' },
|
|
2843
|
+
{ code: Language['pl-pl'], label: 'Polish' },
|
|
2844
|
+
{ code: Language['sv-se'], label: 'Swedish' },
|
|
2845
|
+
];
|
|
2846
|
+
}
|
|
2847
|
+
/**
|
|
2848
|
+
*
|
|
2849
|
+
* @description Initialize Language Service.
|
|
2850
|
+
* @memberof LanguageService
|
|
2851
|
+
*/
|
|
2852
|
+
init(language) {
|
|
2853
|
+
// Set active language according to user settings. TODO: Replace with user value.
|
|
2854
|
+
this.setActiveLanguage(language);
|
|
2855
|
+
// React to language changes and load the language selected.
|
|
2856
|
+
this.languageChangeSubscription = this.translocoService.langChanges$.subscribe(lang => {
|
|
2857
|
+
this.translocoService.load(lang).subscribe();
|
|
2858
|
+
});
|
|
2859
|
+
}
|
|
2860
|
+
/**
|
|
2861
|
+
*
|
|
2862
|
+
* @description Set a langauge as active language.
|
|
2863
|
+
* @param {string} languageCode Language value code.
|
|
2864
|
+
* @memberof LanguageService
|
|
2865
|
+
*/
|
|
2866
|
+
setActiveLanguage(languageCode) {
|
|
2867
|
+
this.translocoService.setActiveLang(languageCode);
|
|
2868
|
+
}
|
|
2869
|
+
};
|
|
2870
|
+
LanguageService.defaultLanguage = Language.en;
|
|
2871
|
+
LanguageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LanguageService, deps: [{ token: i1$7.TranslocoService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2872
|
+
LanguageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LanguageService, providedIn: 'root' });
|
|
2873
|
+
LanguageService = __decorate([
|
|
2874
|
+
UntilDestroy({ checkProperties: true })
|
|
2875
|
+
], LanguageService);
|
|
2876
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LanguageService, decorators: [{
|
|
2877
|
+
type: Injectable,
|
|
2878
|
+
args: [{
|
|
2879
|
+
providedIn: 'root',
|
|
2880
|
+
}]
|
|
2881
|
+
}], ctorParameters: function () { return [{ type: i1$7.TranslocoService }]; } });
|
|
2882
|
+
|
|
2800
2883
|
class SnackbarComponent {
|
|
2801
|
-
constructor(data, snackbarRef) {
|
|
2884
|
+
constructor(data, snackbarRef, languageService) {
|
|
2802
2885
|
var _a, _b;
|
|
2803
2886
|
this.data = data;
|
|
2804
2887
|
this.snackbarRef = snackbarRef;
|
|
2888
|
+
this.languageService = languageService;
|
|
2805
2889
|
/**
|
|
2806
2890
|
* Background color of the button while in active state
|
|
2807
2891
|
*
|
|
@@ -2833,10 +2917,18 @@ class SnackbarComponent {
|
|
|
2833
2917
|
* @memberof SnackbarComponent
|
|
2834
2918
|
*/
|
|
2835
2919
|
this.fixed = true;
|
|
2920
|
+
/**
|
|
2921
|
+
* The language to be used
|
|
2922
|
+
*
|
|
2923
|
+
* @type {string}
|
|
2924
|
+
* @memberof SnackbarComponent
|
|
2925
|
+
*/
|
|
2926
|
+
this.language = LanguageService.defaultLanguage;
|
|
2836
2927
|
this.showSnackbar = true;
|
|
2837
2928
|
this.visible = false;
|
|
2838
2929
|
this.timerStartedAt = 0;
|
|
2839
2930
|
this.timerPausedAt = 0;
|
|
2931
|
+
this.translationContext = 'SNACKBAR.';
|
|
2840
2932
|
this.snackbarType = (_a = data.snackbarType) !== null && _a !== void 0 ? _a : 'success';
|
|
2841
2933
|
this.message = (_b = data.message) !== null && _b !== void 0 ? _b : '';
|
|
2842
2934
|
}
|
|
@@ -2845,6 +2937,7 @@ class SnackbarComponent {
|
|
|
2845
2937
|
this.iconName = alertBarsUtil.setIcon(this.snackbarType);
|
|
2846
2938
|
this.show();
|
|
2847
2939
|
this.position = alertBarsUtil.setPosition(this.fixed);
|
|
2940
|
+
this.languageService.init(this.language);
|
|
2848
2941
|
}
|
|
2849
2942
|
//Show snackbar
|
|
2850
2943
|
show() {
|
|
@@ -2880,8 +2973,8 @@ class SnackbarComponent {
|
|
|
2880
2973
|
this.snackbarRef.dismiss();
|
|
2881
2974
|
}
|
|
2882
2975
|
}
|
|
2883
|
-
SnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1$
|
|
2884
|
-
SnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SnackbarComponent, selector: "ui-snackbar", inputs: { snackbarType: "snackbarType", message: "message", seconds: "seconds", includeDismissButton: "includeDismissButton", fixed: "fixed" }, ngImport: i0, template: "<div\n
|
|
2976
|
+
SnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1$8.MatSnackBarRef }, { token: LanguageService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2977
|
+
SnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SnackbarComponent, selector: "ui-snackbar", inputs: { snackbarType: "snackbarType", message: "message", seconds: "seconds", includeDismissButton: "includeDismissButton", fixed: "fixed", language: "language" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <div\n [ngClass]=\"snackbarType + ' ' + position\"\n [@openClose]\n *ngIf=\"visible\"\n class=\"snackbar-container\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n >\n <div class=\"snackbar-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\n </div>\n <ui-button\n *ngIf=\"includeDismissButton\"\n type=\"text\"\n [label]=\"t(translationContext + 'DISMISS')\"\n (buttonClickEvent)=\"dismissClick()\"\n ></ui-button>\n </div>\n</ng-container>\n", styles: [":host{display:flex;width:100%;justify-content:center}:host .snackbar-container{max-width:600px}:host .alert-container,:host .snackbar-container{margin:0 auto;display:flex;padding:0 14px;border-radius:4px;align-items:center;justify-content:space-between;opacity:1;min-height:48px}:host .alert-container.fixed,:host .snackbar-container.fixed{position:fixed}:host .alert-container.static,:host .snackbar-container.static{position:relative}:host .alert-container ui-icon,:host .snackbar-container ui-icon{margin-right:14px}:host .alert-container ui-button,:host .snackbar-container ui-button{margin-left:14px}:host .alert-container ::ng-deep button.mat-mdc-unelevated-button.big,:host .snackbar-container ::ng-deep button.mat-mdc-unelevated-button.big{padding:0;min-width:auto}:host .alert-container .alert-text,:host .alert-container .snackbar-text,:host .snackbar-container .alert-text,:host .snackbar-container .snackbar-text{display:flex;align-items:center;color:#000}:host .alert-container .alert-text a,:host .alert-container .snackbar-text a,:host .snackbar-container .alert-text a,:host .snackbar-container .snackbar-text a{color:#000;text-decoration:underline;font-weight:700}:host .alert-container .alert-text a:hover,:host .alert-container .alert-text a:visited,:host .alert-container .alert-text a:focus,:host .alert-container .snackbar-text a:hover,:host .alert-container .snackbar-text a:visited,:host .alert-container .snackbar-text a:focus,:host .snackbar-container .alert-text a:hover,:host .snackbar-container .alert-text a:visited,:host .snackbar-container .alert-text a:focus,:host .snackbar-container .snackbar-text a:hover,:host .snackbar-container .snackbar-text a:visited,:host .snackbar-container .snackbar-text a:focus{text-decoration:none}:host .alert-container.success,:host .snackbar-container.success{background-color:#cbd6cb}:host .alert-container.info,:host .snackbar-container.info{background-color:#c8d7de}:host .alert-container.warning,:host .snackbar-container.warning{background-color:#f0d6bb}:host .alert-container.error,:host .snackbar-container.error{background-color:#e3c3c6}@media (max-width: 600px){:host .alert-container,:host .snackbar-container{padding:8px 14px}}:host .snackbar-container{bottom:0;z-index:98}:host .mat-mdc-snack-bar-container{margin:16px 8px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "type", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color"] }, { kind: "directive", type: i1$7.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoLang", "translocoLoadingTpl"] }], animations: [
|
|
2885
2978
|
trigger('openClose', [
|
|
2886
2979
|
transition(':enter', [
|
|
2887
2980
|
style({ bottom: '-55px', opacity: 0 }),
|
|
@@ -2906,12 +2999,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
2906
2999
|
animate('0.2s ease-in', style({ bottom: '-55px', opacity: 0 })),
|
|
2907
3000
|
]),
|
|
2908
3001
|
]),
|
|
2909
|
-
], template: "<div\n
|
|
3002
|
+
], template: "<ng-container *transloco=\"let t\">\n <div\n [ngClass]=\"snackbarType + ' ' + position\"\n [@openClose]\n *ngIf=\"visible\"\n class=\"snackbar-container\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n >\n <div class=\"snackbar-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\n </div>\n <ui-button\n *ngIf=\"includeDismissButton\"\n type=\"text\"\n [label]=\"t(translationContext + 'DISMISS')\"\n (buttonClickEvent)=\"dismissClick()\"\n ></ui-button>\n </div>\n</ng-container>\n", styles: [":host{display:flex;width:100%;justify-content:center}:host .snackbar-container{max-width:600px}:host .alert-container,:host .snackbar-container{margin:0 auto;display:flex;padding:0 14px;border-radius:4px;align-items:center;justify-content:space-between;opacity:1;min-height:48px}:host .alert-container.fixed,:host .snackbar-container.fixed{position:fixed}:host .alert-container.static,:host .snackbar-container.static{position:relative}:host .alert-container ui-icon,:host .snackbar-container ui-icon{margin-right:14px}:host .alert-container ui-button,:host .snackbar-container ui-button{margin-left:14px}:host .alert-container ::ng-deep button.mat-mdc-unelevated-button.big,:host .snackbar-container ::ng-deep button.mat-mdc-unelevated-button.big{padding:0;min-width:auto}:host .alert-container .alert-text,:host .alert-container .snackbar-text,:host .snackbar-container .alert-text,:host .snackbar-container .snackbar-text{display:flex;align-items:center;color:#000}:host .alert-container .alert-text a,:host .alert-container .snackbar-text a,:host .snackbar-container .alert-text a,:host .snackbar-container .snackbar-text a{color:#000;text-decoration:underline;font-weight:700}:host .alert-container .alert-text a:hover,:host .alert-container .alert-text a:visited,:host .alert-container .alert-text a:focus,:host .alert-container .snackbar-text a:hover,:host .alert-container .snackbar-text a:visited,:host .alert-container .snackbar-text a:focus,:host .snackbar-container .alert-text a:hover,:host .snackbar-container .alert-text a:visited,:host .snackbar-container .alert-text a:focus,:host .snackbar-container .snackbar-text a:hover,:host .snackbar-container .snackbar-text a:visited,:host .snackbar-container .snackbar-text a:focus{text-decoration:none}:host .alert-container.success,:host .snackbar-container.success{background-color:#cbd6cb}:host .alert-container.info,:host .snackbar-container.info{background-color:#c8d7de}:host .alert-container.warning,:host .snackbar-container.warning{background-color:#f0d6bb}:host .alert-container.error,:host .snackbar-container.error{background-color:#e3c3c6}@media (max-width: 600px){:host .alert-container,:host .snackbar-container{padding:8px 14px}}:host .snackbar-container{bottom:0;z-index:98}:host .mat-mdc-snack-bar-container{margin:16px 8px}\n"] }]
|
|
2910
3003
|
}], ctorParameters: function () {
|
|
2911
3004
|
return [{ type: undefined, decorators: [{
|
|
2912
3005
|
type: Inject,
|
|
2913
3006
|
args: [MAT_SNACK_BAR_DATA]
|
|
2914
|
-
}] }, { type: i1$
|
|
3007
|
+
}] }, { type: i1$8.MatSnackBarRef }, { type: LanguageService }];
|
|
2915
3008
|
}, propDecorators: { snackbarType: [{
|
|
2916
3009
|
type: Input
|
|
2917
3010
|
}], message: [{
|
|
@@ -2922,6 +3015,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
2922
3015
|
type: Input
|
|
2923
3016
|
}], fixed: [{
|
|
2924
3017
|
type: Input
|
|
3018
|
+
}], language: [{
|
|
3019
|
+
type: Input
|
|
2925
3020
|
}] } });
|
|
2926
3021
|
|
|
2927
3022
|
class SnackbarService {
|
|
@@ -2945,24 +3040,44 @@ class SnackbarService {
|
|
|
2945
3040
|
});
|
|
2946
3041
|
}
|
|
2947
3042
|
}
|
|
2948
|
-
SnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarService, deps: [{ token: i1$
|
|
3043
|
+
SnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarService, deps: [{ token: i1$8.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2949
3044
|
SnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarService });
|
|
2950
3045
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarService, decorators: [{
|
|
2951
3046
|
type: Injectable
|
|
2952
|
-
}], ctorParameters: function () { return [{ type: i1$
|
|
3047
|
+
}], ctorParameters: function () { return [{ type: i1$8.MatSnackBar }]; } });
|
|
2953
3048
|
|
|
3049
|
+
const preloadLang = (transloco) => () => {
|
|
3050
|
+
transloco.setActiveLang('en');
|
|
3051
|
+
return lastValueFrom(transloco.load('en'));
|
|
3052
|
+
};
|
|
2954
3053
|
class SnackbarComponentModule {
|
|
2955
3054
|
}
|
|
2956
3055
|
SnackbarComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2957
|
-
SnackbarComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SnackbarComponentModule, declarations: [SnackbarComponent], imports: [CommonModule, ButtonComponentModule, IconComponentModule], exports: [SnackbarComponent] });
|
|
2958
|
-
SnackbarComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarComponentModule, providers: [
|
|
3056
|
+
SnackbarComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SnackbarComponentModule, declarations: [SnackbarComponent], imports: [CommonModule, ButtonComponentModule, IconComponentModule, TranslocoModule], exports: [SnackbarComponent] });
|
|
3057
|
+
SnackbarComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarComponentModule, providers: [
|
|
3058
|
+
SnackbarService,
|
|
3059
|
+
{
|
|
3060
|
+
provide: APP_INITIALIZER,
|
|
3061
|
+
useFactory: preloadLang,
|
|
3062
|
+
deps: [TranslocoService],
|
|
3063
|
+
multi: true,
|
|
3064
|
+
},
|
|
3065
|
+
], imports: [CommonModule, ButtonComponentModule, IconComponentModule, TranslocoModule] });
|
|
2959
3066
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SnackbarComponentModule, decorators: [{
|
|
2960
3067
|
type: NgModule,
|
|
2961
3068
|
args: [{
|
|
2962
3069
|
declarations: [SnackbarComponent],
|
|
2963
|
-
imports: [CommonModule, ButtonComponentModule, IconComponentModule],
|
|
3070
|
+
imports: [CommonModule, ButtonComponentModule, IconComponentModule, TranslocoModule],
|
|
2964
3071
|
exports: [SnackbarComponent],
|
|
2965
|
-
providers: [
|
|
3072
|
+
providers: [
|
|
3073
|
+
SnackbarService,
|
|
3074
|
+
{
|
|
3075
|
+
provide: APP_INITIALIZER,
|
|
3076
|
+
useFactory: preloadLang,
|
|
3077
|
+
deps: [TranslocoService],
|
|
3078
|
+
multi: true,
|
|
3079
|
+
},
|
|
3080
|
+
],
|
|
2966
3081
|
}]
|
|
2967
3082
|
}] });
|
|
2968
3083
|
|
|
@@ -3501,10 +3616,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
3501
3616
|
class SpinnerComponent {
|
|
3502
3617
|
}
|
|
3503
3618
|
SpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3504
|
-
SpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SpinnerComponent, selector: "
|
|
3619
|
+
SpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SpinnerComponent, selector: "ui-spinner", ngImport: i0, template: "<svg class=\"spinner\" viewBox=\"0 0 50 50\">\n <circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" stroke-width=\"5\"></circle>\n</svg>\n", styles: [".spinner{animation:rotate 2s linear infinite;z-index:999;position:fixed;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px}.spinner .path{stroke:#000;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}\n"] });
|
|
3505
3620
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
3506
3621
|
type: Component,
|
|
3507
|
-
args: [{ selector: '
|
|
3622
|
+
args: [{ selector: 'ui-spinner', template: "<svg class=\"spinner\" viewBox=\"0 0 50 50\">\n <circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" stroke-width=\"5\"></circle>\n</svg>\n", styles: [".spinner{animation:rotate 2s linear infinite;z-index:999;position:fixed;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px}.spinner .path{stroke:#000;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}\n"] }]
|
|
3508
3623
|
}] });
|
|
3509
3624
|
|
|
3510
3625
|
class SpinnerComponentModule {
|
|
@@ -3842,5 +3957,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
3842
3957
|
* Generated bundle index. Do not edit.
|
|
3843
3958
|
*/
|
|
3844
3959
|
|
|
3845
|
-
export { AlertBannerComponent, AlertBannerComponentModule, BannerActionComponent, BannerActionComponentModule, ButtonComponent, ButtonComponentModule, CardComponent, CardComponentModule, CheckboxComponent, CheckboxComponentModule, ColumnAlignmentEnum, ColumnTypeEnum, ConfirmDialogComponent, ConfirmDialogComponentModule, CreateAccountComponent, CreateAccountComponentModule, CreatePasswordComponent, CreatePasswordComponentModule, DataPropertyGetterPipe, DatepickerComponent, DatepickerComponentModule, DialogComponent, DialogComponentModule, DialogService, DropdownComponent, DropdownComponentModule, ElevationShadowComponent, ElevationShadowComponentModule, ElevationType, FieldComponent, FieldComponentModule, FileUploadComponent, FileUploadComponentModule, ForgotPasswordComponent, ForgotPasswordComponentModule, IconComponent, IconComponentModule, IconLabelComponent, IconLabelComponentModule, LabelComponent, LabelComponentModule, LabelSizeEnum, LoginComponent, LoginComponentModule, LogoComponent, LogoComponentModule, LogoPathEnum, LogoTypeEnum, NavbarComponent, NavbarComponentModule, NavigationComponent, NavigationComponentModule, PaginatorComponent, PaginatorComponentModule, ProgressBarComponent, ProgressBarComponentModule, RadioButtonComponent, RadioButtonComponentModule, RatingComponent, RatingComponentModule, SnackbarComponent, SnackbarComponentModule, SnackbarService, SpinnerComponent, SpinnerComponentModule, TableComponent, TableComponentModule, TagComponent, TagComponentModule, TooltipComponent, TooltipComponentModule, TooltipPositionType };
|
|
3960
|
+
export { AlertBannerComponent, AlertBannerComponentModule, BannerActionComponent, BannerActionComponentModule, ButtonComponent, ButtonComponentModule, CardComponent, CardComponentModule, CheckboxComponent, CheckboxComponentModule, ColumnAlignmentEnum, ColumnTypeEnum, ConfirmDialogComponent, ConfirmDialogComponentModule, CreateAccountComponent, CreateAccountComponentModule, CreatePasswordComponent, CreatePasswordComponentModule, DataPropertyGetterPipe, DatepickerComponent, DatepickerComponentModule, DialogComponent, DialogComponentModule, DialogService, DropdownComponent, DropdownComponentModule, ElevationShadowComponent, ElevationShadowComponentModule, ElevationType, FieldComponent, FieldComponentModule, FileUploadComponent, FileUploadComponentModule, ForgotPasswordComponent, ForgotPasswordComponentModule, IconComponent, IconComponentModule, IconLabelComponent, IconLabelComponentModule, LabelComponent, LabelComponentModule, LabelSizeEnum, LoginComponent, LoginComponentModule, LogoComponent, LogoComponentModule, LogoPathEnum, LogoTypeEnum, NavbarComponent, NavbarComponentModule, NavigationComponent, NavigationComponentModule, PaginatorComponent, PaginatorComponentModule, ProgressBarComponent, ProgressBarComponentModule, RadioButtonComponent, RadioButtonComponentModule, RatingComponent, RatingComponentModule, SnackbarComponent, SnackbarComponentModule, SnackbarService, SpinnerComponent, SpinnerComponentModule, TableComponent, TableComponentModule, TagComponent, TagComponentModule, TooltipComponent, TooltipComponentModule, TooltipPositionType, preloadLang };
|
|
3846
3961
|
//# sourceMappingURL=testgorilla-tgo-ui.mjs.map
|