@muraai/mnl-commons 0.2.0-alpha-3a3a286 → 0.2.0-alpha-86d42fd
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 +1 -1
- package/esm2022/lib/commons.module.mjs +5 -5
- package/esm2022/lib/components/header/header.component.mjs +7 -6
- package/esm2022/lib/components/highlighter/highlighter.component.mjs +4 -4
- package/esm2022/lib/components/language-menu/language-menu.component.mjs +6 -6
- package/esm2022/lib/components/login/login.component.mjs +9 -9
- package/esm2022/lib/components/menu/menu.component.mjs +6 -6
- package/esm2022/lib/components/profile/profile.component.mjs +6 -6
- package/esm2022/lib/material.module.mjs +11 -11
- package/esm2022/lib/pipes/app-config-pipe.mjs +5 -5
- package/esm2022/lib/pipes/time-ago-pipe.mjs +5 -5
- package/esm2022/lib/pipes/user-fullname-pipe.mjs +4 -4
- package/esm2022/lib/pipes/user-initials-pipe.mjs +4 -4
- package/esm2022/lib/services/app.config.service.mjs +5 -5
- package/esm2022/lib/services/local-storage.service.mjs +5 -5
- package/esm2022/lib/services/locale.service.mjs +6 -6
- package/esm2022/lib/services/log.service.mjs +11 -11
- package/esm2022/lib/services/user-profile.service.mjs +5 -5
- package/fesm2022/muraai-mnl-commons.mjs +110 -109
- package/fesm2022/muraai-mnl-commons.mjs.map +1 -1
- package/lib/material.module.d.ts +9 -9
- package/package.json +3 -3
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { NgModule, EventEmitter, Component, ViewEncapsulation, Input, Output, Injectable, Inject, Pipe, InjectionToken, APP_INITIALIZER } from '@angular/core';
|
|
3
|
-
import * as
|
|
4
|
-
import {
|
|
5
|
-
import * as i3$
|
|
6
|
-
import {
|
|
7
|
-
import * as i3
|
|
3
|
+
import * as i2$1 from '@angular/material/button';
|
|
4
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
5
|
+
import * as i3$1 from '@angular/material/list';
|
|
6
|
+
import { MatListModule } from '@angular/material/list';
|
|
7
|
+
import * as i3 from '@angular/material/icon';
|
|
8
8
|
import { MatIconModule } from '@angular/material/icon';
|
|
9
|
-
import * as i6 from '@angular/material/
|
|
10
|
-
import {
|
|
11
|
-
import * as i5 from '@angular/material/
|
|
12
|
-
import {
|
|
13
|
-
import * as i4$1 from '@angular/material/
|
|
14
|
-
import {
|
|
9
|
+
import * as i6 from '@angular/material/input';
|
|
10
|
+
import { MatInputModule } from '@angular/material/input';
|
|
11
|
+
import * as i5 from '@angular/material/form-field';
|
|
12
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
13
|
+
import * as i4$1 from '@angular/material/card';
|
|
14
|
+
import { MatCardModule } from '@angular/material/card';
|
|
15
15
|
import * as i7 from '@angular/forms';
|
|
16
|
-
import { FormsModule, ReactiveFormsModule,
|
|
17
|
-
import * as i4 from '@angular/material/
|
|
18
|
-
import {
|
|
16
|
+
import { FormsModule, ReactiveFormsModule, Validators, UntypedFormControl, UntypedFormGroup } from '@angular/forms';
|
|
17
|
+
import * as i4 from '@angular/material/menu';
|
|
18
|
+
import { MatMenuModule } from '@angular/material/menu';
|
|
19
19
|
import * as i1 from '@angular/common';
|
|
20
20
|
import { DOCUMENT, DatePipe, registerLocaleData, CommonModule } from '@angular/common';
|
|
21
21
|
import * as i1$1 from '@angular/common/http';
|
|
@@ -25,7 +25,7 @@ import localeDE from '@angular/common/locales/de';
|
|
|
25
25
|
import localeFR from '@angular/common/locales/fr';
|
|
26
26
|
import * as i2 from '@angular/material/toolbar';
|
|
27
27
|
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
28
|
-
import * as i2$
|
|
28
|
+
import * as i2$2 from '@ngx-translate/core';
|
|
29
29
|
import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
|
|
30
30
|
import * as i1$2 from '@angular/platform-browser';
|
|
31
31
|
import { MultiTranslateHttpLoader } from 'ngx-translate-multi-http-loader';
|
|
@@ -35,47 +35,47 @@ import { Subject } from 'rxjs';
|
|
|
35
35
|
|
|
36
36
|
function modules() {
|
|
37
37
|
return [
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
MatButtonModule,
|
|
39
|
+
MatCardModule,
|
|
40
|
+
MatFormFieldModule,
|
|
41
41
|
MatIconModule,
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
MatInputModule,
|
|
43
|
+
MatListModule,
|
|
44
44
|
FormsModule,
|
|
45
45
|
ReactiveFormsModule,
|
|
46
|
-
|
|
46
|
+
MatMenuModule,
|
|
47
47
|
];
|
|
48
48
|
}
|
|
49
49
|
class MaterialModule {
|
|
50
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
51
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
52
|
-
|
|
53
|
-
|
|
50
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
51
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: MaterialModule, imports: [MatButtonModule,
|
|
52
|
+
MatCardModule,
|
|
53
|
+
MatFormFieldModule,
|
|
54
54
|
MatIconModule,
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
MatInputModule,
|
|
56
|
+
MatListModule,
|
|
57
57
|
FormsModule,
|
|
58
58
|
ReactiveFormsModule,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
MatMenuModule], exports: [MatButtonModule,
|
|
60
|
+
MatCardModule,
|
|
61
|
+
MatFormFieldModule,
|
|
62
62
|
MatIconModule,
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
MatInputModule,
|
|
64
|
+
MatListModule,
|
|
65
65
|
FormsModule,
|
|
66
66
|
ReactiveFormsModule,
|
|
67
|
-
|
|
68
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
69
|
-
|
|
70
|
-
|
|
67
|
+
MatMenuModule] }); }
|
|
68
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: MaterialModule, imports: [modules(), MatButtonModule,
|
|
69
|
+
MatCardModule,
|
|
70
|
+
MatFormFieldModule,
|
|
71
71
|
MatIconModule,
|
|
72
|
-
|
|
73
|
-
|
|
72
|
+
MatInputModule,
|
|
73
|
+
MatListModule,
|
|
74
74
|
FormsModule,
|
|
75
75
|
ReactiveFormsModule,
|
|
76
|
-
|
|
76
|
+
MatMenuModule] }); }
|
|
77
77
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: MaterialModule, decorators: [{
|
|
79
79
|
type: NgModule,
|
|
80
80
|
args: [{
|
|
81
81
|
imports: modules(),
|
|
@@ -90,16 +90,17 @@ class HeaderComponent {
|
|
|
90
90
|
}
|
|
91
91
|
menuClick(event) {
|
|
92
92
|
this.menuButonClickEvent.emit(event);
|
|
93
|
+
console.log("menuButtonClicked");
|
|
93
94
|
}
|
|
94
95
|
onLogoClick(event) {
|
|
95
96
|
this.logoClick.emit(event);
|
|
96
97
|
}
|
|
97
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
98
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
98
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
99
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: HeaderComponent, selector: "mnl-header", inputs: { header: "header" }, outputs: { menuButonClickEvent: "menuButonClickEvent", logoClick: "logoClick" }, ngImport: i0, template: "<mat-toolbar *ngIf=\"header\" color=\"{{ header.toolbarColor }}\">\n <mat-toolbar-row>\n <div class=\"flex justify-start items-center\">\n <button mat-icon-button *ngIf=\"header.showMenuIcon\" (click)=\"menuClick($event)\">\n <mat-icon >menu</mat-icon>\n </button>\n <img\n class=\"mr-[15px]\"\n (click)=\"onLogoClick($event)\"\n src=\"{{ header.logo }}\"\n />\n <span>{{ header.name }}</span>\n </div>\n <div class=\"flex justify-end items-center grow max-w-full\">\n <ng-content select=\"`[mnl-header-content]`\"></ng-content>\n </div>\n </mat-toolbar-row>\n</mat-toolbar>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i2.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
99
100
|
}
|
|
100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
101
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
101
102
|
type: Component,
|
|
102
|
-
args: [{ selector: 'mnl-header', encapsulation: ViewEncapsulation.None, template: "<mat-toolbar *ngIf=\"header\" color=\"{{ header.toolbarColor }}\">\n <mat-toolbar-row>\n <div class=\"flex justify-start items-center\">\n <button mat-icon-button *ngIf=\"header.showMenuIcon\"
|
|
103
|
+
args: [{ selector: 'mnl-header', encapsulation: ViewEncapsulation.None, template: "<mat-toolbar *ngIf=\"header\" color=\"{{ header.toolbarColor }}\">\n <mat-toolbar-row>\n <div class=\"flex justify-start items-center\">\n <button mat-icon-button *ngIf=\"header.showMenuIcon\" (click)=\"menuClick($event)\">\n <mat-icon >menu</mat-icon>\n </button>\n <img\n class=\"mr-[15px]\"\n (click)=\"onLogoClick($event)\"\n src=\"{{ header.logo }}\"\n />\n <span>{{ header.name }}</span>\n </div>\n <div class=\"flex justify-end items-center grow max-w-full\">\n <ng-content select=\"`[mnl-header-content]`\"></ng-content>\n </div>\n </mat-toolbar-row>\n</mat-toolbar>\n" }]
|
|
103
104
|
}], propDecorators: { header: [{
|
|
104
105
|
type: Input
|
|
105
106
|
}], menuButonClickEvent: [{
|
|
@@ -114,10 +115,10 @@ class HighlighterComponent {
|
|
|
114
115
|
this.width = '4px';
|
|
115
116
|
this.enabled = true;
|
|
116
117
|
}
|
|
117
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
118
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
118
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: HighlighterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
119
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: HighlighterComponent, selector: "mnl-highlighter", inputs: { height: "height", width: "width", enabled: "enabled" }, ngImport: i0, template: "<div\n [ngClass]=\"{ 'mnl-bg-primary': enabled }\"\n [ngStyle]=\"{ height: height, width: width }\"\n></div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
119
120
|
}
|
|
120
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: HighlighterComponent, decorators: [{
|
|
121
122
|
type: Component,
|
|
122
123
|
args: [{ selector: 'mnl-highlighter', template: "<div\n [ngClass]=\"{ 'mnl-bg-primary': enabled }\"\n [ngStyle]=\"{ height: height, width: width }\"\n></div>\n" }]
|
|
123
124
|
}], propDecorators: { height: [{
|
|
@@ -201,15 +202,15 @@ class AppConfigService {
|
|
|
201
202
|
});
|
|
202
203
|
});
|
|
203
204
|
}
|
|
204
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
205
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
205
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppConfigService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
206
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppConfigService, providedIn: 'root' }); }
|
|
206
207
|
}
|
|
207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
208
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppConfigService, decorators: [{
|
|
208
209
|
type: Injectable,
|
|
209
210
|
args: [{
|
|
210
211
|
providedIn: 'root',
|
|
211
212
|
}]
|
|
212
|
-
}], ctorParameters:
|
|
213
|
+
}], ctorParameters: () => [{ type: i1$1.HttpClient }] });
|
|
213
214
|
|
|
214
215
|
class LocalStorageService {
|
|
215
216
|
constructor() {
|
|
@@ -247,15 +248,15 @@ class LocalStorageService {
|
|
|
247
248
|
return false;
|
|
248
249
|
}
|
|
249
250
|
}
|
|
250
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
251
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
251
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
252
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LocalStorageService, providedIn: 'root' }); }
|
|
252
253
|
}
|
|
253
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LocalStorageService, decorators: [{
|
|
254
255
|
type: Injectable,
|
|
255
256
|
args: [{
|
|
256
257
|
providedIn: 'root',
|
|
257
258
|
}]
|
|
258
|
-
}], ctorParameters:
|
|
259
|
+
}], ctorParameters: () => [] });
|
|
259
260
|
|
|
260
261
|
class UserProfileService {
|
|
261
262
|
static { this.LOCALE_PREFIX = '____locale'; }
|
|
@@ -279,15 +280,15 @@ class UserProfileService {
|
|
|
279
280
|
getLocale() {
|
|
280
281
|
return this.localStorageService.get(this.getApplicationId() + this.userPrefix + UserProfileService.LOCALE_PREFIX);
|
|
281
282
|
}
|
|
282
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
283
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
283
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: UserProfileService, deps: [{ token: AppConfigService }, { token: LocalStorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
284
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: UserProfileService, providedIn: 'root' }); }
|
|
284
285
|
}
|
|
285
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
286
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: UserProfileService, decorators: [{
|
|
286
287
|
type: Injectable,
|
|
287
288
|
args: [{
|
|
288
289
|
providedIn: 'root'
|
|
289
290
|
}]
|
|
290
|
-
}], ctorParameters:
|
|
291
|
+
}], ctorParameters: () => [{ type: AppConfigService }, { type: LocalStorageService }] });
|
|
291
292
|
|
|
292
293
|
/** @dynamic */
|
|
293
294
|
class LocaleService {
|
|
@@ -359,18 +360,18 @@ class LocaleService {
|
|
|
359
360
|
this.userProfileService.setLocale(locale.key);
|
|
360
361
|
}
|
|
361
362
|
}
|
|
362
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
363
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
363
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LocaleService, deps: [{ token: AppConfigService }, { token: i2$2.TranslateService }, { token: UserProfileService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
364
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LocaleService, providedIn: 'root' }); }
|
|
364
365
|
}
|
|
365
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
366
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LocaleService, decorators: [{
|
|
366
367
|
type: Injectable,
|
|
367
368
|
args: [{
|
|
368
369
|
providedIn: 'root',
|
|
369
370
|
}]
|
|
370
|
-
}], ctorParameters:
|
|
371
|
+
}], ctorParameters: () => [{ type: AppConfigService }, { type: i2$2.TranslateService }, { type: UserProfileService }, { type: Document, decorators: [{
|
|
371
372
|
type: Inject,
|
|
372
373
|
args: [DOCUMENT]
|
|
373
|
-
}] }]
|
|
374
|
+
}] }] });
|
|
374
375
|
|
|
375
376
|
class LanguageMenuComponent {
|
|
376
377
|
constructor(localeService) {
|
|
@@ -389,13 +390,13 @@ class LanguageMenuComponent {
|
|
|
389
390
|
get locale() {
|
|
390
391
|
return this.localeService.getActiveLocale() || this.localeService.getDefaultLocale();
|
|
391
392
|
}
|
|
392
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
393
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
393
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LanguageMenuComponent, deps: [{ token: LocaleService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
394
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: LanguageMenuComponent, selector: "mnl-language-menu", inputs: { showLocaleKeyAsLabel: "showLocaleKeyAsLabel", showLocaleAsLabel: "showLocaleAsLabel" }, ngImport: i0, template: "<button id=\"mnl-locale-button\" mat-menu-item [matMenuTriggerFor]=\"languageMenu\">\n <ng-container *ngIf=\"showLocaleKeyAsLabel || showLocaleAsLabel; else defaultLabel\">\n <div *ngIf=\"showLocaleKeyAsLabel\">{{ locale.key | uppercase }}</div>\n <div *ngIf=\"showLocaleAsLabel\">{{ locale.label }}</div>\n </ng-container>\n <ng-template #defaultLabel>\n <mat-icon>language</mat-icon>\n {{ \"MNL.LANGUAGE-SELECTOR.LANGUAGES\" | translate }}\n </ng-template>\n</button>\n<mat-menu #languageMenu=\"matMenu\">\n <button\n mat-menu-item\n *ngFor=\"let language of languages\"\n (click)=\"onChangeLanguage(language)\"\n id=\"langMenu\"\n >\n {{ language.label }}\n </button>\n</mat-menu>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }] }); }
|
|
394
395
|
}
|
|
395
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
396
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LanguageMenuComponent, decorators: [{
|
|
396
397
|
type: Component,
|
|
397
398
|
args: [{ selector: 'mnl-language-menu', template: "<button id=\"mnl-locale-button\" mat-menu-item [matMenuTriggerFor]=\"languageMenu\">\n <ng-container *ngIf=\"showLocaleKeyAsLabel || showLocaleAsLabel; else defaultLabel\">\n <div *ngIf=\"showLocaleKeyAsLabel\">{{ locale.key | uppercase }}</div>\n <div *ngIf=\"showLocaleAsLabel\">{{ locale.label }}</div>\n </ng-container>\n <ng-template #defaultLabel>\n <mat-icon>language</mat-icon>\n {{ \"MNL.LANGUAGE-SELECTOR.LANGUAGES\" | translate }}\n </ng-template>\n</button>\n<mat-menu #languageMenu=\"matMenu\">\n <button\n mat-menu-item\n *ngFor=\"let language of languages\"\n (click)=\"onChangeLanguage(language)\"\n id=\"langMenu\"\n >\n {{ language.label }}\n </button>\n</mat-menu>\n" }]
|
|
398
|
-
}], ctorParameters:
|
|
399
|
+
}], ctorParameters: () => [{ type: LocaleService }], propDecorators: { showLocaleKeyAsLabel: [{
|
|
399
400
|
type: Input
|
|
400
401
|
}], showLocaleAsLabel: [{
|
|
401
402
|
type: Input
|
|
@@ -427,13 +428,13 @@ class LoginComponent {
|
|
|
427
428
|
getBackgroundImageUrl() {
|
|
428
429
|
return this.sanitizer.bypassSecurityTrustStyle(`url(${this.backgroundImageUrl})`);
|
|
429
430
|
}
|
|
430
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
431
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
431
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LoginComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
432
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: LoginComponent, selector: "mnl-login", inputs: { title: "title", logoImageUrl: "logoImageUrl", backgroundImageUrl: "backgroundImageUrl", disabled: "disabled" }, outputs: { login: "login" }, ngImport: i0, template: "<div class=\"flex justify-center items-center min-h-full bg-cover\" [style.background-image]=\"getBackgroundImageUrl()\">\n <mat-card class=\"min-w-[260px]\">\n <form class=\"flex items-stretch flex-col\" [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\">\n <mat-card-header class=\"flex justify-center items-center\">\n <mat-card-title>\n <img *ngIf=\"logoImageUrl\" src=\"{{logoImageUrl}}\">\n </mat-card-title>\n </mat-card-header>\n <h3 class=\"flex justify-center items-center opacity-60\" *ngIf=\"title\">{{title | translate}}</h3>\n <mat-form-field class=\"grow max-w-100\">\n <input id=\"username\" matInput placeholder=\"{{'MNL.LOGIN.USERNAME' | translate}}\"\n formControlName=\"username\">\n </mat-form-field>\n\n <mat-form-field class=\"grow max-w-100\">\n <input id=\"password\" matInput type=\"password\" placeholder=\"{{'MNL.LOGIN.PASSWORD' | translate}}\"\n formControlName=\"password\">\n </mat-form-field>\n <mat-card-actions class=\"flex justify-center items-center\">\n <button id=\"loginButton\" mat-raised-button color=\"accent\" [disabled]=\"disabled || !formGroup.valid\"\n type=\"submit\"> {{'MNL.LOGIN.LOGIN_BUTTON' | translate}}</button>\n </mat-card-actions>\n\n </form>\n </mat-card>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i4$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i4$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }] }); }
|
|
432
433
|
}
|
|
433
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LoginComponent, decorators: [{
|
|
434
435
|
type: Component,
|
|
435
436
|
args: [{ selector: 'mnl-login', template: "<div class=\"flex justify-center items-center min-h-full bg-cover\" [style.background-image]=\"getBackgroundImageUrl()\">\n <mat-card class=\"min-w-[260px]\">\n <form class=\"flex items-stretch flex-col\" [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\">\n <mat-card-header class=\"flex justify-center items-center\">\n <mat-card-title>\n <img *ngIf=\"logoImageUrl\" src=\"{{logoImageUrl}}\">\n </mat-card-title>\n </mat-card-header>\n <h3 class=\"flex justify-center items-center opacity-60\" *ngIf=\"title\">{{title | translate}}</h3>\n <mat-form-field class=\"grow max-w-100\">\n <input id=\"username\" matInput placeholder=\"{{'MNL.LOGIN.USERNAME' | translate}}\"\n formControlName=\"username\">\n </mat-form-field>\n\n <mat-form-field class=\"grow max-w-100\">\n <input id=\"password\" matInput type=\"password\" placeholder=\"{{'MNL.LOGIN.PASSWORD' | translate}}\"\n formControlName=\"password\">\n </mat-form-field>\n <mat-card-actions class=\"flex justify-center items-center\">\n <button id=\"loginButton\" mat-raised-button color=\"accent\" [disabled]=\"disabled || !formGroup.valid\"\n type=\"submit\"> {{'MNL.LOGIN.LOGIN_BUTTON' | translate}}</button>\n </mat-card-actions>\n\n </form>\n </mat-card>\n</div>" }]
|
|
436
|
-
}], ctorParameters:
|
|
437
|
+
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { title: [{
|
|
437
438
|
type: Input
|
|
438
439
|
}], logoImageUrl: [{
|
|
439
440
|
type: Input
|
|
@@ -493,12 +494,12 @@ class MenuComponent {
|
|
|
493
494
|
openMenu(menu) {
|
|
494
495
|
menu.expanded = true;
|
|
495
496
|
}
|
|
496
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
497
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
497
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
498
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: MenuComponent, selector: "mnl-menu", inputs: { menuData: "menuData" }, outputs: { menuClick: "menuClick" }, ngImport: i0, template: "<mat-nav-list *ngFor=\"let menu of menuData\">\n <a mat-list-item (click)=\"onMenuClick(menu)\" id=\"mnl-menu-anchor\">\n <div class=\"display: flex justify-content: items-center\">\n <mnl-highlighter [enabled]=\"menu.selected\"></mnl-highlighter>\n <mat-icon *ngIf=\"menu.icon; else svgTemplate \">{{menu.icon}}</mat-icon>\n <ng-template #svgTemplate>\n <mat-icon svgIcon=\"{{menu.svgIcon}}\"> </mat-icon>\n </ng-template>\n <span class=\"mnl-menu\" id=\"mnl-menu\">{{menu.name | translate }}</span>\n <mat-icon class=\"mnl-menu-button\" *ngIf=\"menu.subMenus\" (click)=\"toggleMenu(menu, $event)\"\n [ngClass]=\"{'mnl-rotated' : menu.expanded}\">expand_more</mat-icon>\n </div> \n </a>\n <ng-container *ngFor=\"let sub of menu.subMenus\">\n <a mat-list-item class=\"mnl-submenu flex flex-row\" [class.mnl-expanded]=\"menu.expanded\" *ngIf=\"menu.expanded\"\n (click)=\"onSubMenuClick(sub, menu)\" id=\"mnl-submenu-anchor\">\n <mnl-highlighter [enabled]=\"sub.selected\"></mnl-highlighter>\n <mat-icon>{{sub.icon}}</mat-icon>\n <span class=\"mnl-menu\" id=\"mnl-submenu\">{{sub.name | translate }}</span>\n </a>\n </ng-container>\n</mat-nav-list>", styles: [".mnl-submenu{overflow-y:hidden;transition:transform .3s ease;transform:scaleY(0);transform-origin:top;padding-left:15px!important}.mnl-submenu.mnl-expanded{transform:scaleY(1)}.mnl-menu{margin-top:5px;margin-left:10px;margin-right:10px}.mnl-menu-button{transition:.3s ease-in-out;transform:rotate(0);margin-top:3px;margin-left:25px}.mnl-menu-button.mnl-rotated{transform:rotate(180deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i3$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: HighlighterComponent, selector: "mnl-highlighter", inputs: ["height", "width", "enabled"] }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }] }); }
|
|
498
499
|
}
|
|
499
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
500
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: MenuComponent, decorators: [{
|
|
500
501
|
type: Component,
|
|
501
|
-
args: [{ selector: 'mnl-menu', template: "<mat-nav-list *ngFor=\"let menu of menuData\">\n <a mat-list-item
|
|
502
|
+
args: [{ selector: 'mnl-menu', template: "<mat-nav-list *ngFor=\"let menu of menuData\">\n <a mat-list-item (click)=\"onMenuClick(menu)\" id=\"mnl-menu-anchor\">\n <div class=\"display: flex justify-content: items-center\">\n <mnl-highlighter [enabled]=\"menu.selected\"></mnl-highlighter>\n <mat-icon *ngIf=\"menu.icon; else svgTemplate \">{{menu.icon}}</mat-icon>\n <ng-template #svgTemplate>\n <mat-icon svgIcon=\"{{menu.svgIcon}}\"> </mat-icon>\n </ng-template>\n <span class=\"mnl-menu\" id=\"mnl-menu\">{{menu.name | translate }}</span>\n <mat-icon class=\"mnl-menu-button\" *ngIf=\"menu.subMenus\" (click)=\"toggleMenu(menu, $event)\"\n [ngClass]=\"{'mnl-rotated' : menu.expanded}\">expand_more</mat-icon>\n </div> \n </a>\n <ng-container *ngFor=\"let sub of menu.subMenus\">\n <a mat-list-item class=\"mnl-submenu flex flex-row\" [class.mnl-expanded]=\"menu.expanded\" *ngIf=\"menu.expanded\"\n (click)=\"onSubMenuClick(sub, menu)\" id=\"mnl-submenu-anchor\">\n <mnl-highlighter [enabled]=\"sub.selected\"></mnl-highlighter>\n <mat-icon>{{sub.icon}}</mat-icon>\n <span class=\"mnl-menu\" id=\"mnl-submenu\">{{sub.name | translate }}</span>\n </a>\n </ng-container>\n</mat-nav-list>", styles: [".mnl-submenu{overflow-y:hidden;transition:transform .3s ease;transform:scaleY(0);transform-origin:top;padding-left:15px!important}.mnl-submenu.mnl-expanded{transform:scaleY(1)}.mnl-menu{margin-top:5px;margin-left:10px;margin-right:10px}.mnl-menu-button{transition:.3s ease-in-out;transform:rotate(0);margin-top:3px;margin-left:25px}.mnl-menu-button.mnl-rotated{transform:rotate(180deg)}\n"] }]
|
|
502
503
|
}], propDecorators: { menuData: [{
|
|
503
504
|
type: Input
|
|
504
505
|
}], menuClick: [{
|
|
@@ -541,10 +542,10 @@ class UserInitialPipe {
|
|
|
541
542
|
hasWhiteSpace(data) {
|
|
542
543
|
return /\s/g.test(data);
|
|
543
544
|
}
|
|
544
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
545
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
545
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: UserInitialPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
546
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: UserInitialPipe, name: "mnlUserInitialPipe" }); }
|
|
546
547
|
}
|
|
547
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
548
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: UserInitialPipe, decorators: [{
|
|
548
549
|
type: Pipe,
|
|
549
550
|
args: [{
|
|
550
551
|
name: 'mnlUserInitialPipe'
|
|
@@ -573,10 +574,10 @@ class UserFullnamePipe {
|
|
|
573
574
|
isEmptyObject(data) {
|
|
574
575
|
return (data && (Object.keys(data).length === 0));
|
|
575
576
|
}
|
|
576
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
577
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
577
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: UserFullnamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
578
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: UserFullnamePipe, name: "mnlUserFullName" }); }
|
|
578
579
|
}
|
|
579
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
580
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: UserFullnamePipe, decorators: [{
|
|
580
581
|
type: Pipe,
|
|
581
582
|
args: [{
|
|
582
583
|
name: 'mnlUserFullName'
|
|
@@ -602,12 +603,12 @@ class ProfileComponent {
|
|
|
602
603
|
this.hasUserDetails = false;
|
|
603
604
|
}
|
|
604
605
|
}
|
|
605
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
606
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
606
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
607
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ProfileComponent, selector: "mnl-user-profile", inputs: { userProfileDetails: "userProfileDetails", showDisplayName: "showDisplayName" }, outputs: { userInitialClick: "userInitialClick", profileMenuClick: "profileMenuClick" }, usesOnChanges: true, ngImport: i0, template: "<div id=\"mnl-profile-container\" class=\"flex gap-[10px] justify-content: items-center\">\n <span\n *ngIf=\"showDisplayName && hasUserDetails\"\n id=\"mnl-userinfo-name\"\n class=\" hidden md:inline\"\n >{{ userProfileDetails | mnlUserFullName }}</span\n >\n <button\n *ngIf=\"hasUserDetails\"\n id=\"mnl-initials-button\"\n (click)=\"onUserInitialClick($event)\"\n mat-mini-fab\n >\n {{ userProfileDetails | mnlUserInitialPipe }}\n </button>\n\n <button\n *ngIf=\"!hasUserDetails\"\n id=\"mnl-user-icon-button\"\n mat-raised-button\n (click)=\"onUserInitialClick($event)\"\n mat-icon-button\n >\n <mat-icon>person</mat-icon>\n </button>\n</div>\n", styles: ["#mnl-initials-button{border-radius:20px}:host ::ng-deep .mat-mdc-mini-fab{background-color:#fff!important;color:#000!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: UserInitialPipe, name: "mnlUserInitialPipe" }, { kind: "pipe", type: UserFullnamePipe, name: "mnlUserFullName" }] }); }
|
|
607
608
|
}
|
|
608
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
609
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ProfileComponent, decorators: [{
|
|
609
610
|
type: Component,
|
|
610
|
-
args: [{ selector: 'mnl-user-profile', template: "<div id=\"mnl-profile-container\" class=\"flex gap-[10px]\">\n <span\n *ngIf=\"showDisplayName && hasUserDetails\"\n id=\"mnl-userinfo-name\"\n class=\" hidden md:inline\"\n >{{ userProfileDetails | mnlUserFullName }}</span\n >\n <button\n *ngIf=\"hasUserDetails\"\n id=\"mnl-initials-button\"\n
|
|
611
|
+
args: [{ selector: 'mnl-user-profile', template: "<div id=\"mnl-profile-container\" class=\"flex gap-[10px] justify-content: items-center\">\n <span\n *ngIf=\"showDisplayName && hasUserDetails\"\n id=\"mnl-userinfo-name\"\n class=\" hidden md:inline\"\n >{{ userProfileDetails | mnlUserFullName }}</span\n >\n <button\n *ngIf=\"hasUserDetails\"\n id=\"mnl-initials-button\"\n (click)=\"onUserInitialClick($event)\"\n mat-mini-fab\n >\n {{ userProfileDetails | mnlUserInitialPipe }}\n </button>\n\n <button\n *ngIf=\"!hasUserDetails\"\n id=\"mnl-user-icon-button\"\n mat-raised-button\n (click)=\"onUserInitialClick($event)\"\n mat-icon-button\n >\n <mat-icon>person</mat-icon>\n </button>\n</div>\n", styles: ["#mnl-initials-button{border-radius:20px}:host ::ng-deep .mat-mdc-mini-fab{background-color:#fff!important;color:#000!important}\n"] }]
|
|
611
612
|
}], propDecorators: { userProfileDetails: [{
|
|
612
613
|
type: Input
|
|
613
614
|
}], showDisplayName: [{
|
|
@@ -637,15 +638,15 @@ class AppConfigPipe {
|
|
|
637
638
|
transform(value, defaultValue) {
|
|
638
639
|
return this.config.get(value) || defaultValue || '';
|
|
639
640
|
}
|
|
640
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
641
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
641
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppConfigPipe, deps: [{ token: AppConfigService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
642
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: AppConfigPipe, name: "mnlAppConfig" }); }
|
|
642
643
|
}
|
|
643
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
644
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AppConfigPipe, decorators: [{
|
|
644
645
|
type: Pipe,
|
|
645
646
|
args: [{
|
|
646
647
|
name: 'mnlAppConfig'
|
|
647
648
|
}]
|
|
648
|
-
}], ctorParameters:
|
|
649
|
+
}], ctorParameters: () => [{ type: AppConfigService }] });
|
|
649
650
|
|
|
650
651
|
class TimeAgoPipe {
|
|
651
652
|
static { this.DEFAULT_LOCALE = 'en-US'; }
|
|
@@ -673,15 +674,15 @@ class TimeAgoPipe {
|
|
|
673
674
|
}
|
|
674
675
|
return '';
|
|
675
676
|
}
|
|
676
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
677
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
677
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TimeAgoPipe, deps: [{ token: AppConfigService }, { token: UserProfileService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
678
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: TimeAgoPipe, name: "mnlTimeAgo" }); }
|
|
678
679
|
}
|
|
679
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
680
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TimeAgoPipe, decorators: [{
|
|
680
681
|
type: Pipe,
|
|
681
682
|
args: [{
|
|
682
683
|
name: 'mnlTimeAgo',
|
|
683
684
|
}]
|
|
684
|
-
}], ctorParameters:
|
|
685
|
+
}], ctorParameters: () => [{ type: AppConfigService }, { type: UserProfileService }] });
|
|
685
686
|
|
|
686
687
|
class LogLevelsEnum extends Number {
|
|
687
688
|
static { this.TRACE = 5; }
|
|
@@ -714,37 +715,37 @@ class LogService {
|
|
|
714
715
|
return LogLevelsEnum.ERROR;
|
|
715
716
|
}
|
|
716
717
|
error(message, ...optionalParams) {
|
|
717
|
-
if (this.currentLogLevel >= LogLevelsEnum.ERROR) {
|
|
718
|
+
if (Number(this.currentLogLevel) >= LogLevelsEnum.ERROR) {
|
|
718
719
|
this.messageBus(message, 'ERROR');
|
|
719
720
|
console.error(message, ...optionalParams);
|
|
720
721
|
}
|
|
721
722
|
}
|
|
722
723
|
debug(message, ...optionalParams) {
|
|
723
|
-
if (this.currentLogLevel >= LogLevelsEnum.DEBUG) {
|
|
724
|
+
if (Number(this.currentLogLevel) >= LogLevelsEnum.DEBUG) {
|
|
724
725
|
this.messageBus(message, 'DEBUG');
|
|
725
726
|
console.debug(message, ...optionalParams);
|
|
726
727
|
}
|
|
727
728
|
}
|
|
728
729
|
info(message, ...optionalParams) {
|
|
729
|
-
if (this.currentLogLevel >= LogLevelsEnum.INFO) {
|
|
730
|
+
if (Number(this.currentLogLevel) >= LogLevelsEnum.INFO) {
|
|
730
731
|
this.messageBus(message, 'INFO');
|
|
731
732
|
console.info(message, ...optionalParams);
|
|
732
733
|
}
|
|
733
734
|
}
|
|
734
735
|
log(message, ...optionalParams) {
|
|
735
|
-
if (this.currentLogLevel >= LogLevelsEnum.TRACE) {
|
|
736
|
+
if (Number(this.currentLogLevel) >= LogLevelsEnum.TRACE) {
|
|
736
737
|
this.messageBus(message, 'LOG');
|
|
737
738
|
console.log(message, ...optionalParams);
|
|
738
739
|
}
|
|
739
740
|
}
|
|
740
741
|
trace(message, ...optionalParams) {
|
|
741
|
-
if (this.currentLogLevel >= LogLevelsEnum.TRACE) {
|
|
742
|
+
if (Number(this.currentLogLevel) >= LogLevelsEnum.TRACE) {
|
|
742
743
|
this.messageBus(message, 'TRACE');
|
|
743
744
|
console.trace(message, ...optionalParams);
|
|
744
745
|
}
|
|
745
746
|
}
|
|
746
747
|
warn(message, ...optionalParams) {
|
|
747
|
-
if (this.currentLogLevel >= LogLevelsEnum.WARN) {
|
|
748
|
+
if (Number(this.currentLogLevel) >= LogLevelsEnum.WARN) {
|
|
748
749
|
this.messageBus(message, 'WARN');
|
|
749
750
|
console.warn(message, ...optionalParams);
|
|
750
751
|
}
|
|
@@ -774,15 +775,15 @@ class LogService {
|
|
|
774
775
|
messageBus(message, logLevel) {
|
|
775
776
|
this.onMessage.next({ text: message, type: logLevel });
|
|
776
777
|
}
|
|
777
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
778
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
778
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LogService, deps: [{ token: AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
779
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LogService, providedIn: 'root' }); }
|
|
779
780
|
}
|
|
780
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
781
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: LogService, decorators: [{
|
|
781
782
|
type: Injectable,
|
|
782
783
|
args: [{
|
|
783
784
|
providedIn: 'root'
|
|
784
785
|
}]
|
|
785
|
-
}], ctorParameters:
|
|
786
|
+
}], ctorParameters: () => [{ type: AppConfigService }] });
|
|
786
787
|
|
|
787
788
|
registerLocaleData(localeFR);
|
|
788
789
|
registerLocaleData(localeDE);
|
|
@@ -812,8 +813,8 @@ class CommonsModule {
|
|
|
812
813
|
ngModule: CommonsModule,
|
|
813
814
|
};
|
|
814
815
|
}
|
|
815
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
816
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
816
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: CommonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
817
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: CommonsModule, declarations: [HeaderComponent,
|
|
817
818
|
MenuComponent,
|
|
818
819
|
HighlighterComponent,
|
|
819
820
|
AppConfigPipe,
|
|
@@ -824,7 +825,7 @@ class CommonsModule {
|
|
|
824
825
|
TimeAgoPipe,
|
|
825
826
|
UserFullnamePipe], imports: [CommonModule,
|
|
826
827
|
MatToolbarModule,
|
|
827
|
-
MaterialModule, i2$
|
|
828
|
+
MaterialModule, i2$2.TranslateModule], exports: [HeaderComponent,
|
|
828
829
|
MenuComponent,
|
|
829
830
|
HighlighterComponent,
|
|
830
831
|
AppConfigPipe,
|
|
@@ -835,7 +836,7 @@ class CommonsModule {
|
|
|
835
836
|
TimeAgoPipe,
|
|
836
837
|
UserFullnamePipe,
|
|
837
838
|
TranslateModule] }); }
|
|
838
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
839
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: CommonsModule, imports: [CommonModule,
|
|
839
840
|
MatToolbarModule,
|
|
840
841
|
MaterialModule,
|
|
841
842
|
TranslateModule.forRoot({
|
|
@@ -846,7 +847,7 @@ class CommonsModule {
|
|
|
846
847
|
},
|
|
847
848
|
}), TranslateModule] }); }
|
|
848
849
|
}
|
|
849
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
850
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: CommonsModule, decorators: [{
|
|
850
851
|
type: NgModule,
|
|
851
852
|
args: [{
|
|
852
853
|
declarations: [
|