@volo/ngx-lepton-x.lite 5.4.0 → 5.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3302,6 +3302,27 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
|
|
|
3302
3302
|
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px !important;
|
|
3303
3303
|
}
|
|
3304
3304
|
|
|
3305
|
+
.custom-select-wrapper.is-invalid > .custom-select-display {
|
|
3306
|
+
border-color: #c00d49 !important;
|
|
3307
|
+
}
|
|
3308
|
+
|
|
3309
|
+
.custom-select-wrapper.is-invalid > .custom-select-display:focus {
|
|
3310
|
+
box-shadow: 0 0 0 0.25rem rgba(192, 13, 73, 0.25);
|
|
3311
|
+
}
|
|
3312
|
+
|
|
3313
|
+
.custom-select-wrapper.is-valid > .custom-select-display {
|
|
3314
|
+
border-color: #4fbf67 !important;
|
|
3315
|
+
}
|
|
3316
|
+
|
|
3317
|
+
.custom-select-wrapper.is-valid > .custom-select-display:focus {
|
|
3318
|
+
box-shadow: 0 0 0 0.25rem rgba(79, 191, 103, 0.25);
|
|
3319
|
+
}
|
|
3320
|
+
|
|
3321
|
+
.custom-select-wrapper.is-invalid ~ .invalid-feedback,
|
|
3322
|
+
.custom-select-wrapper.is-valid ~ .valid-feedback {
|
|
3323
|
+
display: block;
|
|
3324
|
+
}
|
|
3325
|
+
|
|
3305
3326
|
.form-floating .custom-select-display {
|
|
3306
3327
|
height: calc(3.5rem + 2px);
|
|
3307
3328
|
padding-top: 1.625rem;
|
|
@@ -3353,6 +3374,7 @@ div.dt-container div.dt-length .custom-select-wrapper > .custom-select-display {
|
|
|
3353
3374
|
background-image: none !important;
|
|
3354
3375
|
padding-right: 1.125rem;
|
|
3355
3376
|
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
3377
|
+
min-height: calc(1.5em + 1.35rem + 2px);
|
|
3356
3378
|
}
|
|
3357
3379
|
|
|
3358
3380
|
.custom-select-display:focus {
|
|
@@ -3386,6 +3408,7 @@ div.dt-container div.dt-length .custom-select-wrapper > .custom-select-display {
|
|
|
3386
3408
|
font-size: 0.925em;
|
|
3387
3409
|
padding: 0.35rem 1.25rem;
|
|
3388
3410
|
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
|
3411
|
+
min-height: calc(1.5em + 0.7rem);
|
|
3389
3412
|
}
|
|
3390
3413
|
|
|
3391
3414
|
.custom-option-group-label {
|
|
@@ -3348,6 +3348,27 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
|
|
|
3348
3348
|
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat left 0.75rem center/8px 10px !important;
|
|
3349
3349
|
}
|
|
3350
3350
|
|
|
3351
|
+
.custom-select-wrapper.is-invalid > .custom-select-display {
|
|
3352
|
+
border-color: #c00d49 !important;
|
|
3353
|
+
}
|
|
3354
|
+
|
|
3355
|
+
.custom-select-wrapper.is-invalid > .custom-select-display:focus {
|
|
3356
|
+
box-shadow: 0 0 0 0.25rem rgba(192, 13, 73, 0.25);
|
|
3357
|
+
}
|
|
3358
|
+
|
|
3359
|
+
.custom-select-wrapper.is-valid > .custom-select-display {
|
|
3360
|
+
border-color: #4fbf67 !important;
|
|
3361
|
+
}
|
|
3362
|
+
|
|
3363
|
+
.custom-select-wrapper.is-valid > .custom-select-display:focus {
|
|
3364
|
+
box-shadow: 0 0 0 0.25rem rgba(79, 191, 103, 0.25);
|
|
3365
|
+
}
|
|
3366
|
+
|
|
3367
|
+
.custom-select-wrapper.is-invalid ~ .invalid-feedback,
|
|
3368
|
+
.custom-select-wrapper.is-valid ~ .valid-feedback {
|
|
3369
|
+
display: block;
|
|
3370
|
+
}
|
|
3371
|
+
|
|
3351
3372
|
.form-floating .custom-select-display {
|
|
3352
3373
|
height: calc(3.5rem + 2px);
|
|
3353
3374
|
padding-top: 1.625rem;
|
|
@@ -3399,6 +3420,7 @@ div.dt-container div.dt-length .custom-select-wrapper > .custom-select-display {
|
|
|
3399
3420
|
background-image: none !important;
|
|
3400
3421
|
padding-left: 1.125rem;
|
|
3401
3422
|
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
3423
|
+
min-height: calc(1.5em + 1.35rem + 2px);
|
|
3402
3424
|
}
|
|
3403
3425
|
|
|
3404
3426
|
.custom-select-display:focus {
|
|
@@ -3432,6 +3454,7 @@ div.dt-container div.dt-length .custom-select-wrapper > .custom-select-display {
|
|
|
3432
3454
|
font-size: 0.925em;
|
|
3433
3455
|
padding: 0.35rem 1.25rem;
|
|
3434
3456
|
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
|
3457
|
+
min-height: calc(1.5em + 0.7rem);
|
|
3435
3458
|
}
|
|
3436
3459
|
|
|
3437
3460
|
.custom-option-group-label {
|
|
@@ -40,10 +40,10 @@ class MobileNavbarComponent {
|
|
|
40
40
|
this.layoutService.addClass(this.mobileMenuOpened);
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
43
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MobileNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: MobileNavbarComponent, isStandalone: true, selector: "lpx-mobile-navbar", queries: [{ propertyName: "logoPanel", first: true, predicate: LogoPanelDirective, descendants: true }], ngImport: i0, template: "<div class=\"lpx-mobile-navbar-container\">\r\n <header class=\"lpx-mobile-navbar\">\r\n <div class=\"lpx-logo-container\">\r\n <ng-container\r\n *ngTemplateOutlet=\"logoPanel?.template || defaultLogo\"\r\n ></ng-container>\r\n </div>\r\n <div class=\"user-menu z-1\">\r\n <lpx-icon\r\n iconClass=\"bi bi-person\"\r\n role=\"button\"\r\n (click)=\"toggleUserMenu()\"\r\n ></lpx-icon>\r\n <lpx-icon\r\n iconClass=\"bi bi-list\"\r\n role=\"button\"\r\n (click)=\"toggleNavbar()\"\r\n ></lpx-icon>\r\n </div>\r\n </header>\r\n\r\n <div class=\"user-menu-groups\" [class.d-none]=\"userMenuHidden\">\r\n <ng-content> </ng-content>\r\n </div>\r\n\r\n <nav class=\"lpx-mobile-nav-items\" [class.d-none]=\"navItemsHidden\">\r\n <lpx-navbar-routes\r\n [navbarItems]=\"navService.navbarItems$ | async\"\r\n [routerItem]=\"true\"\r\n (routeClick)=\"toggleNavbar()\"\r\n ></lpx-navbar-routes>\r\n </nav>\r\n</div>\r\n\r\n<ng-template #defaultLogo>\r\n <lpx-brand-logo />\r\n</ng-template>\r\n", styles: [".mobile-menu-opened :host{height:100vh;display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "component", type: NavbarRoutesComponent, selector: "lpx-navbar-routes", inputs: ["navbarItems", "groupedItems", "routerItem"], outputs: ["routeClick"] }, { kind: "component", type: BrandLogoComponent, selector: "lpx-brand-logo", inputs: ["layout"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
|
|
45
45
|
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MobileNavbarComponent, decorators: [{
|
|
47
47
|
type: Component,
|
|
48
48
|
args: [{ selector: 'lpx-mobile-navbar', imports: [
|
|
49
49
|
NgTemplateOutlet,
|
|
@@ -58,21 +58,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
58
58
|
}] } });
|
|
59
59
|
|
|
60
60
|
class LpxMobileNavbarModule {
|
|
61
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
62
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LpxMobileNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
62
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LpxMobileNavbarModule, imports: [CommonModule,
|
|
63
63
|
LpxBrandLogoModule,
|
|
64
64
|
LpxIconModule,
|
|
65
65
|
LanguageSelectionModule,
|
|
66
66
|
LpxNavbarModule,
|
|
67
67
|
MobileNavbarComponent], exports: [MobileNavbarComponent] }); }
|
|
68
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
68
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LpxMobileNavbarModule, imports: [CommonModule,
|
|
69
69
|
LpxBrandLogoModule,
|
|
70
70
|
LpxIconModule,
|
|
71
71
|
LanguageSelectionModule,
|
|
72
72
|
LpxNavbarModule,
|
|
73
73
|
MobileNavbarComponent] }); }
|
|
74
74
|
}
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LpxMobileNavbarModule, decorators: [{
|
|
76
76
|
type: NgModule,
|
|
77
77
|
args: [{
|
|
78
78
|
imports: [
|
|
@@ -91,10 +91,10 @@ class SettingsPanelDirective {
|
|
|
91
91
|
constructor() {
|
|
92
92
|
this.template = inject(TemplateRef);
|
|
93
93
|
}
|
|
94
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
95
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
94
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: SettingsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
95
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: SettingsPanelDirective, isStandalone: true, selector: "ng-template[lpx-settings-panel]", ngImport: i0 }); }
|
|
96
96
|
}
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: SettingsPanelDirective, decorators: [{
|
|
98
98
|
type: Directive,
|
|
99
99
|
args: [{ selector: 'ng-template[lpx-settings-panel]' }]
|
|
100
100
|
}] });
|
|
@@ -111,28 +111,28 @@ class MnUserProfileComponent {
|
|
|
111
111
|
onActionClick(item) {
|
|
112
112
|
item.action?.();
|
|
113
113
|
}
|
|
114
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
115
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
114
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MnUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
115
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: MnUserProfileComponent, isStandalone: true, selector: "lpx-mn-user-profile", ngImport: i0, template: "@if (user$ | async; as userProfile) {\r\n @if (userProfile.isAuthenticated) {\r\n <div\r\n class=\"lpx-user-profile btn-toggle\"\r\n role=\"button\"\r\n (click)=\"toggleMenu()\"\r\n >\r\n <lpx-icon iconClass=\"bi bi-person\" />\r\n <span class=\"user-full-name\">\r\n @if (userProfile.tenant?.name; as tenantName) {\r\n {{ tenantName + '\\\\' }}\r\n }\r\n {{ userProfile.fullName }}\r\n </span>\r\n </div>\r\n @if (userProfile.userActionGroups) {\r\n <div class=\"action-group-menu\" [class.d-none]=\"menuHidden\">\r\n @for (\r\n actionGroup of userProfile.userActionGroups;\r\n track $index;\r\n let last = $last\r\n ) {\r\n @for (action of actionGroup; track $index) {\r\n <a\r\n class=\"action\"\r\n role=\"link\"\r\n (click)=\"onActionClick(action)\"\r\n [routerLink]=\"action.link\"\r\n >\r\n {{ action?.text || '' | abpLocalization }}\r\n </a>\r\n }\r\n\r\n @if (!last) {\r\n <div class=\"divider\"></div>\r\n }\r\n }\r\n </div>\r\n }\r\n } @else {\r\n <a\r\n class=\"lpx-user-profile btn-toggle text-decoration-none\"\r\n role=\"link\"\r\n routerLink=\"/account/login\"\r\n >\r\n <lpx-icon iconClass=\"bi bi-box-arrow-in-right\" />\r\n <span>{{ 'AbpAccount::Login' | abpLocalization }}</span>\r\n </a>\r\n }\r\n}\r\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
116
116
|
}
|
|
117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MnUserProfileComponent, decorators: [{
|
|
118
118
|
type: Component,
|
|
119
119
|
args: [{ selector: 'lpx-mn-user-profile', encapsulation: ViewEncapsulation.None, imports: [IconComponent, RouterLink, AsyncPipe, LocalizationPipe], template: "@if (user$ | async; as userProfile) {\r\n @if (userProfile.isAuthenticated) {\r\n <div\r\n class=\"lpx-user-profile btn-toggle\"\r\n role=\"button\"\r\n (click)=\"toggleMenu()\"\r\n >\r\n <lpx-icon iconClass=\"bi bi-person\" />\r\n <span class=\"user-full-name\">\r\n @if (userProfile.tenant?.name; as tenantName) {\r\n {{ tenantName + '\\\\' }}\r\n }\r\n {{ userProfile.fullName }}\r\n </span>\r\n </div>\r\n @if (userProfile.userActionGroups) {\r\n <div class=\"action-group-menu\" [class.d-none]=\"menuHidden\">\r\n @for (\r\n actionGroup of userProfile.userActionGroups;\r\n track $index;\r\n let last = $last\r\n ) {\r\n @for (action of actionGroup; track $index) {\r\n <a\r\n class=\"action\"\r\n role=\"link\"\r\n (click)=\"onActionClick(action)\"\r\n [routerLink]=\"action.link\"\r\n >\r\n {{ action?.text || '' | abpLocalization }}\r\n </a>\r\n }\r\n\r\n @if (!last) {\r\n <div class=\"divider\"></div>\r\n }\r\n }\r\n </div>\r\n }\r\n } @else {\r\n <a\r\n class=\"lpx-user-profile btn-toggle text-decoration-none\"\r\n role=\"link\"\r\n routerLink=\"/account/login\"\r\n >\r\n <lpx-icon iconClass=\"bi bi-box-arrow-in-right\" />\r\n <span>{{ 'AbpAccount::Login' | abpLocalization }}</span>\r\n </a>\r\n }\r\n}\r\n" }]
|
|
120
120
|
}] });
|
|
121
121
|
|
|
122
122
|
class MnUserProfileModule {
|
|
123
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
124
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
123
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MnUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
124
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: MnUserProfileModule, imports: [CommonModule,
|
|
125
125
|
LpxAvatarModule,
|
|
126
126
|
RouterModule,
|
|
127
127
|
LpxTranslateModule,
|
|
128
128
|
MnUserProfileComponent], exports: [MnUserProfileComponent] }); }
|
|
129
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
129
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MnUserProfileModule, imports: [CommonModule,
|
|
130
130
|
LpxAvatarModule,
|
|
131
131
|
RouterModule,
|
|
132
132
|
LpxTranslateModule,
|
|
133
133
|
MnUserProfileComponent] }); }
|
|
134
134
|
}
|
|
135
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
135
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MnUserProfileModule, decorators: [{
|
|
136
136
|
type: NgModule,
|
|
137
137
|
args: [{
|
|
138
138
|
imports: [
|
|
@@ -159,20 +159,20 @@ class MnLanguageSelectionComponent {
|
|
|
159
159
|
onLanguageSelection(lang) {
|
|
160
160
|
this.service.setSelectedLanguage(lang);
|
|
161
161
|
}
|
|
162
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
163
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
162
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MnLanguageSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
163
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: MnLanguageSelectionComponent, isStandalone: true, selector: "lpx-mn-language-selection", providers: [], ngImport: i0, template: "@if (selectedLanguage$ | async; as selectedLanguage) {\r\n <div\r\n class=\"lpx-language-selection btn-toggle\"\r\n role=\"button\"\r\n (click)=\"toggleMenu()\"\r\n >\r\n <lpx-icon iconClass=\"bi bi-globe\"></lpx-icon>\r\n {{ selectedLanguage?.displayName }}\r\n </div>\r\n}\r\n\r\n@if (langs$ | async; as langs) {\r\n <div class=\"action-group-menu\" [class.d-none]=\"menuHidden\">\r\n @for (lang of langs; track $index) {\r\n <a class=\"action\" role=\"button\" (click)=\"onLanguageSelection(lang)\">\r\n {{ lang.displayName }}\r\n </a>\r\n }\r\n </div>\r\n}\r\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
164
164
|
}
|
|
165
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
165
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MnLanguageSelectionComponent, decorators: [{
|
|
166
166
|
type: Component,
|
|
167
167
|
args: [{ selector: 'lpx-mn-language-selection', encapsulation: ViewEncapsulation.None, providers: [], imports: [IconComponent, AsyncPipe], template: "@if (selectedLanguage$ | async; as selectedLanguage) {\r\n <div\r\n class=\"lpx-language-selection btn-toggle\"\r\n role=\"button\"\r\n (click)=\"toggleMenu()\"\r\n >\r\n <lpx-icon iconClass=\"bi bi-globe\"></lpx-icon>\r\n {{ selectedLanguage?.displayName }}\r\n </div>\r\n}\r\n\r\n@if (langs$ | async; as langs) {\r\n <div class=\"action-group-menu\" [class.d-none]=\"menuHidden\">\r\n @for (lang of langs; track $index) {\r\n <a class=\"action\" role=\"button\" (click)=\"onLanguageSelection(lang)\">\r\n {{ lang.displayName }}\r\n </a>\r\n }\r\n </div>\r\n}\r\n" }]
|
|
168
168
|
}] });
|
|
169
169
|
|
|
170
170
|
class MnLanguageSelectionModule {
|
|
171
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
172
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
173
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
171
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MnLanguageSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
172
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: MnLanguageSelectionModule, imports: [CommonModule, LpxIconModule, MnLanguageSelectionComponent], exports: [MnLanguageSelectionComponent] }); }
|
|
173
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MnLanguageSelectionModule, imports: [CommonModule, LpxIconModule, MnLanguageSelectionComponent] }); }
|
|
174
174
|
}
|
|
175
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
175
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MnLanguageSelectionModule, decorators: [{
|
|
176
176
|
type: NgModule,
|
|
177
177
|
args: [{
|
|
178
178
|
imports: [CommonModule, LpxIconModule, MnLanguageSelectionComponent],
|
|
@@ -192,10 +192,10 @@ class ToolbarItemComponent {
|
|
|
192
192
|
this.action();
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
196
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
195
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
196
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ToolbarItemComponent, isStandalone: true, selector: "lpx-toolbar-item", inputs: { component: "component", template: "template", icon: "icon", badge: "badge", html: "html", action: "action" }, ngImport: i0, template: "@if (component) {\r\n <div class=\"lpx-menu-item-link\" (click)=\"actionClick()\">\r\n <div class=\"lpx-menu-item-icon\">\r\n <div class=\"lpx-icon\">\r\n <ng-container *ngComponentOutlet=\"component\"></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n} @else {\r\n @if (template) {\r\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\r\n } @else {\r\n @if (html) {\r\n <div [innerHtml]=\"html\" (click)=\"actionClick()\"></div>\r\n } @else {\r\n <a class=\"lpx-menu-item-link active-menu-item\" (click)=\"actionClick()\">\r\n <span class=\"lpx-menu-item-icon\">\r\n @if (badge$ | async; as badge) {\r\n <small class=\"menu-item-badge\">{{ badge }}</small>\r\n }\r\n @if (icon) {\r\n <lpx-icon class=\"action-icon\" [iconClass]=\"icon\"></lpx-icon>\r\n }\r\n </span>\r\n </a>\r\n }\r\n }\r\n}\r\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
|
|
197
197
|
}
|
|
198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ToolbarItemComponent, decorators: [{
|
|
199
199
|
type: Component,
|
|
200
200
|
args: [{ selector: 'lpx-toolbar-item', imports: [IconComponent, AsyncPipe, NgComponentOutlet, NgTemplateOutlet], template: "@if (component) {\r\n <div class=\"lpx-menu-item-link\" (click)=\"actionClick()\">\r\n <div class=\"lpx-menu-item-icon\">\r\n <div class=\"lpx-icon\">\r\n <ng-container *ngComponentOutlet=\"component\"></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n} @else {\r\n @if (template) {\r\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\r\n } @else {\r\n @if (html) {\r\n <div [innerHtml]=\"html\" (click)=\"actionClick()\"></div>\r\n } @else {\r\n <a class=\"lpx-menu-item-link active-menu-item\" (click)=\"actionClick()\">\r\n <span class=\"lpx-menu-item-icon\">\r\n @if (badge$ | async; as badge) {\r\n <small class=\"menu-item-badge\">{{ badge }}</small>\r\n }\r\n @if (icon) {\r\n <lpx-icon class=\"action-icon\" [iconClass]=\"icon\"></lpx-icon>\r\n }\r\n </span>\r\n </a>\r\n }\r\n }\r\n}\r\n" }]
|
|
201
201
|
}], propDecorators: { component: [{
|
|
@@ -213,10 +213,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
213
213
|
}] } });
|
|
214
214
|
|
|
215
215
|
class ToolbarItemsComponent {
|
|
216
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
217
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
216
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ToolbarItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
217
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ToolbarItemsComponent, isStandalone: true, selector: "lpx-toolbar-items", inputs: { items: "items" }, ngImport: i0, template: "@for (item of items; track $index) {\r\n <lpx-toolbar-item\r\n *lpxVisible=\"!item.visible || item.visible(item)\"\r\n [icon]=\"item?.icon\"\r\n [badge]=\"item?.badge?.count\"\r\n [html]=\"item?.html\"\r\n [component]=\"item?.component\"\r\n [template]=\"item?.template\"\r\n [action]=\"item?.action\"\r\n />\r\n}\r\n", dependencies: [{ kind: "component", type: ToolbarItemComponent, selector: "lpx-toolbar-item", inputs: ["component", "template", "icon", "badge", "html", "action"] }, { kind: "directive", type: LpxVisibleDirective, selector: "[lpxVisible]", inputs: ["lpxVisible"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
218
218
|
}
|
|
219
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
219
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ToolbarItemsComponent, decorators: [{
|
|
220
220
|
type: Component,
|
|
221
221
|
args: [{ selector: 'lpx-toolbar-items', imports: [ToolbarItemComponent, LpxVisibleDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (item of items; track $index) {\r\n <lpx-toolbar-item\r\n *lpxVisible=\"!item.visible || item.visible(item)\"\r\n [icon]=\"item?.icon\"\r\n [badge]=\"item?.badge?.count\"\r\n [html]=\"item?.html\"\r\n [component]=\"item?.component\"\r\n [template]=\"item?.template\"\r\n [action]=\"item?.action\"\r\n />\r\n}\r\n" }]
|
|
222
222
|
}], propDecorators: { items: [{
|
|
@@ -227,19 +227,19 @@ class ToolbarComponent {
|
|
|
227
227
|
constructor() {
|
|
228
228
|
this.toolbarService = inject(ToolbarService);
|
|
229
229
|
}
|
|
230
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
231
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
230
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
231
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: ToolbarComponent, isStandalone: true, selector: "lpx-toolbar", ngImport: i0, template: "<lpx-toolbar-items\r\n class=\"lpx-topbar-content\"\r\n [items]=\"(toolbarService.items$ | async) || []\"\r\n>\r\n</lpx-toolbar-items>\r\n", dependencies: [{ kind: "component", type: ToolbarItemsComponent, selector: "lpx-toolbar-items", inputs: ["items"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
232
232
|
}
|
|
233
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
233
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ToolbarComponent, decorators: [{
|
|
234
234
|
type: Component,
|
|
235
235
|
args: [{ selector: 'lpx-toolbar', imports: [AsyncPipe, ToolbarItemsComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<lpx-toolbar-items\r\n class=\"lpx-topbar-content\"\r\n [items]=\"(toolbarService.items$ | async) || []\"\r\n>\r\n</lpx-toolbar-items>\r\n" }]
|
|
236
236
|
}] });
|
|
237
237
|
|
|
238
238
|
class ToolbarContainerComponent {
|
|
239
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
240
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
239
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ToolbarContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
240
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: ToolbarContainerComponent, isStandalone: true, selector: "lpx-toolbar-container", ngImport: i0, template: "<lpx-toolbar></lpx-toolbar>\r\n", dependencies: [{ kind: "component", type: ToolbarComponent, selector: "lpx-toolbar" }] }); }
|
|
241
241
|
}
|
|
242
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
242
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ToolbarContainerComponent, decorators: [{
|
|
243
243
|
type: Component,
|
|
244
244
|
args: [{ selector: 'lpx-toolbar-container', imports: [ToolbarComponent], template: "<lpx-toolbar></lpx-toolbar>\r\n" }]
|
|
245
245
|
}] });
|
|
@@ -248,10 +248,10 @@ class LanguageSelectionPanelDirective {
|
|
|
248
248
|
constructor() {
|
|
249
249
|
this.template = inject(TemplateRef);
|
|
250
250
|
}
|
|
251
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
252
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
251
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LanguageSelectionPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
252
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: LanguageSelectionPanelDirective, isStandalone: true, selector: "ng-template[lpx-language-selection]", ngImport: i0 }); }
|
|
253
253
|
}
|
|
254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LanguageSelectionPanelDirective, decorators: [{
|
|
255
255
|
type: Directive,
|
|
256
256
|
args: [{ selector: 'ng-template[lpx-language-selection]' }]
|
|
257
257
|
}] });
|
|
@@ -260,10 +260,10 @@ class MobileLanguageSelectionDirective {
|
|
|
260
260
|
constructor() {
|
|
261
261
|
this.template = inject(TemplateRef);
|
|
262
262
|
}
|
|
263
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
264
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
263
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MobileLanguageSelectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
264
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: MobileLanguageSelectionDirective, isStandalone: true, selector: "ng-template[lpx-mn-language-selection]", ngImport: i0 }); }
|
|
265
265
|
}
|
|
266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MobileLanguageSelectionDirective, decorators: [{
|
|
267
267
|
type: Directive,
|
|
268
268
|
args: [{ selector: 'ng-template[lpx-mn-language-selection]' }]
|
|
269
269
|
}] });
|
|
@@ -272,10 +272,10 @@ class MobileUserProfilePanelDirective {
|
|
|
272
272
|
constructor() {
|
|
273
273
|
this.template = inject(TemplateRef);
|
|
274
274
|
}
|
|
275
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
276
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
275
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MobileUserProfilePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
276
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: MobileUserProfilePanelDirective, isStandalone: true, selector: "ng-template[lpx-mn-user-profile-panel]", ngImport: i0 }); }
|
|
277
277
|
}
|
|
278
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
278
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: MobileUserProfilePanelDirective, decorators: [{
|
|
279
279
|
type: Directive,
|
|
280
280
|
args: [{ selector: 'ng-template[lpx-mn-user-profile-panel]' }]
|
|
281
281
|
}] });
|
|
@@ -284,10 +284,10 @@ class TopbarContentPanelDirective {
|
|
|
284
284
|
constructor() {
|
|
285
285
|
this.template = inject(TemplateRef);
|
|
286
286
|
}
|
|
287
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
288
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
287
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: TopbarContentPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
288
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: TopbarContentPanelDirective, isStandalone: true, selector: "ng-template[lpx-topbar-content]", ngImport: i0 }); }
|
|
289
289
|
}
|
|
290
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: TopbarContentPanelDirective, decorators: [{
|
|
291
291
|
type: Directive,
|
|
292
292
|
args: [{ selector: 'ng-template[lpx-topbar-content]' }]
|
|
293
293
|
}] });
|
|
@@ -296,10 +296,10 @@ class UserProfilePanelDirective {
|
|
|
296
296
|
constructor() {
|
|
297
297
|
this.template = inject(TemplateRef);
|
|
298
298
|
}
|
|
299
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
300
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
299
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: UserProfilePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
300
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: UserProfilePanelDirective, isStandalone: true, selector: "ng-template[lpx-user-profile]", ngImport: i0 }); }
|
|
301
301
|
}
|
|
302
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
302
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: UserProfilePanelDirective, decorators: [{
|
|
303
303
|
type: Directive,
|
|
304
304
|
args: [{ selector: 'ng-template[lpx-user-profile]' }]
|
|
305
305
|
}] });
|
|
@@ -308,10 +308,10 @@ class SideMenuLayoutComponent {
|
|
|
308
308
|
constructor() {
|
|
309
309
|
this.layoutService = inject(LayoutService);
|
|
310
310
|
}
|
|
311
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
312
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
311
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: SideMenuLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
312
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: SideMenuLayoutComponent, isStandalone: true, selector: "lpx-layout", queries: [{ propertyName: "navbarPanel", first: true, predicate: NavbarPanelDirective, descendants: true }, { propertyName: "mobileNavbarPanel", first: true, predicate: MobileNavbarPanelDirective, descendants: true }, { propertyName: "breadcrumbPanel", first: true, predicate: BreadcrumbPanelDirective, descendants: true }, { propertyName: "settingsPanel", first: true, predicate: SettingsPanelDirective, descendants: true }, { propertyName: "languageSelectionPanelDirective", first: true, predicate: LanguageSelectionPanelDirective, descendants: true }, { propertyName: "topbarContentPanelDirective", first: true, predicate: TopbarContentPanelDirective, descendants: true }, { propertyName: "navItemsPanelDirective", first: true, predicate: TopbarContentPanelDirective, descendants: true }, { propertyName: "userProfilePanelDirective", first: true, predicate: UserProfilePanelDirective, descendants: true }, { propertyName: "footerPanelDirective", first: true, predicate: FooterPanelDirective, descendants: true }, { propertyName: "navitemPanelDirective", first: true, predicate: NavitemPanelDirective, descendants: true }, { propertyName: "mobileUserProfilePanelDirective", first: true, predicate: MobileUserProfilePanelDirective, descendants: true }, { propertyName: "mobileLanguageSelectionDirective", first: true, predicate: MobileLanguageSelectionDirective, descendants: true }, { propertyName: "logoPanel", first: true, predicate: LogoPanelDirective, descendants: true }, { propertyName: "contentPanel", first: true, predicate: ContentPanelDirective, descendants: true }], ngImport: i0, template: "@if (layoutService.containerClass$ | async; as containerClass) {\r\n <div id=\"lpx-wrapper\" [class]=\"containerClass\">\r\n <ng-container\r\n *ngTemplateOutlet=\"mobileNavbarPanel?.template || defaultMobileNavbar\"\r\n />\r\n <ng-template #defaultMobileNavbar>\r\n <lpx-mobile-navbar *lpxResponsive=\"'all md-none'\">\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n mobileUserProfilePanelDirective?.template ||\r\n defaultMobileUserProfile\r\n \"\r\n />\r\n <ng-template #defaultMobileUserProfile>\r\n <lpx-mn-user-profile class=\"d-block\" />\r\n </ng-template>\r\n\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n mobileLanguageSelectionDirective?.template ||\r\n defaultMobilLanguageSelection\r\n \"\r\n />\r\n <ng-template #defaultMobilLanguageSelection>\r\n <lpx-mn-language-selection class=\"d-block\" />\r\n </ng-template>\r\n @if (logoPanel?.template) {\r\n <ng-container>\r\n <ng-template lpx-logo-panel>\r\n <ng-container *ngTemplateOutlet=\"logoPanel!.template\" />\r\n </ng-template>\r\n </ng-container>\r\n }\r\n </lpx-mobile-navbar>\r\n </ng-template>\r\n\r\n <div class=\"lpx-sidebar-container\" *lpxResponsive=\"'md'\">\r\n <div class=\"lpx-sidebar lpx-scroll-container\">\r\n <ng-container\r\n *ngTemplateOutlet=\"navbarPanel?.template || defaultNavbar\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div class=\"lpx-content-container\">\r\n <div class=\"lpx-topbar-container\">\r\n <div class=\"lpx-topbar\">\r\n <div class=\"lpx-breadcrumb-container\">\r\n <ng-container *lpxResponsive=\"'md'\">\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n breadcrumbPanel?.template || defaultBreadcrumb\r\n \"\r\n />\r\n </ng-container>\r\n </div>\r\n <div class=\"lpx-topbar-content\" *lpxResponsive=\"'md'\">\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n topbarContentPanelDirective?.template || defaultTopbarContent\r\n \"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lpx-content\">\r\n <ng-container\r\n *ngTemplateOutlet=\"contentPanel?.template || defaultContent\"\r\n />\r\n <ng-template #defaultContent>\r\n <ng-content />\r\n </ng-template>\r\n <ng-container\r\n *ngTemplateOutlet=\"footerPanelDirective?.template || defaultFooter\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n\r\n<ng-template #defaultTopbarContent>\r\n <lpx-toolbar-container />\r\n</ng-template>\r\n\r\n<ng-template #defaultNavbar>\r\n <lpx-navbar>\r\n @if (logoPanel?.template) {\r\n <ng-template lpx-logo-panel>\r\n <ng-container *ngTemplateOutlet=\"logoPanel!.template\" />\r\n </ng-template>\r\n }\r\n </lpx-navbar>\r\n</ng-template>\r\n\r\n<ng-template #defaultLogo>\r\n <lpx-brand-logo />\r\n</ng-template>\r\n\r\n<ng-template #defaultBreadcrumb>\r\n <lpx-breadcrumb />\r\n</ng-template>\r\n\r\n<ng-template #defaultUserProfile>\r\n <lpx-user-profile />\r\n</ng-template>\r\n\r\n<ng-template #defaultLanguageSelection>\r\n <lpx-language-selection />\r\n</ng-template>\r\n\r\n<ng-template #defaultFooter>\r\n <lpx-footer />\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ResponsiveDirective, selector: "[lpxResponsive]", inputs: ["lpxResponsive"] }, { kind: "component", type: MobileNavbarComponent, selector: "lpx-mobile-navbar" }, { kind: "component", type: MnUserProfileComponent, selector: "lpx-mn-user-profile" }, { kind: "component", type: MnLanguageSelectionComponent, selector: "lpx-mn-language-selection" }, { kind: "directive", type: LogoPanelDirective, selector: "ng-template[lpx-logo-panel]" }, { kind: "component", type: ToolbarContainerComponent, selector: "lpx-toolbar-container" }, { kind: "component", type: NavbarComponent, selector: "lpx-navbar" }, { kind: "component", type: BrandLogoComponent, selector: "lpx-brand-logo", inputs: ["layout"] }, { kind: "component", type: BreadcrumbComponent, selector: "lpx-breadcrumb" }, { kind: "component", type: UserProfileComponent, selector: "lpx-user-profile" }, { kind: "component", type: LanguageSelectionComponent, selector: "lpx-language-selection" }, { kind: "component", type: FooterComponent, selector: "lpx-footer" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
313
313
|
}
|
|
314
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
314
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: SideMenuLayoutComponent, decorators: [{
|
|
315
315
|
type: Component,
|
|
316
316
|
args: [{ selector: 'lpx-layout', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
317
317
|
NgTemplateOutlet,
|
|
@@ -441,8 +441,8 @@ class LpxSideMenuLayoutModule {
|
|
|
441
441
|
providers: [provideLpxSideMenuLayout(withLpxSideMenuOptions(options))],
|
|
442
442
|
};
|
|
443
443
|
}
|
|
444
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
445
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
444
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LpxSideMenuLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
445
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LpxSideMenuLayoutModule, imports: [CommonModule,
|
|
446
446
|
LpxNavbarModule,
|
|
447
447
|
LpxBreadcrumbModule,
|
|
448
448
|
LpxResponsiveModule,
|
|
@@ -467,7 +467,7 @@ class LpxSideMenuLayoutModule {
|
|
|
467
467
|
UserProfilePanelDirective,
|
|
468
468
|
MobileUserProfilePanelDirective,
|
|
469
469
|
MobileLanguageSelectionDirective] }); }
|
|
470
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
470
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LpxSideMenuLayoutModule, imports: [CommonModule,
|
|
471
471
|
LpxNavbarModule,
|
|
472
472
|
LpxBreadcrumbModule,
|
|
473
473
|
LpxResponsiveModule,
|
|
@@ -481,7 +481,7 @@ class LpxSideMenuLayoutModule {
|
|
|
481
481
|
LpxBrandLogoModule,
|
|
482
482
|
ToolbarContainerComponent, SideMenuLayoutComponent] }); }
|
|
483
483
|
}
|
|
484
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
484
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LpxSideMenuLayoutModule, decorators: [{
|
|
485
485
|
type: NgModule,
|
|
486
486
|
args: [{
|
|
487
487
|
imports: [
|
|
@@ -76,11 +76,11 @@ class LpxModule {
|
|
|
76
76
|
providers: [provideLpxLite(withLiteOptions(options))],
|
|
77
77
|
};
|
|
78
78
|
}
|
|
79
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
80
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
81
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
79
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LpxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
80
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LpxModule, imports: [LpxCoreModule] }); }
|
|
81
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LpxModule, imports: [LpxCoreModule] }); }
|
|
82
82
|
}
|
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
83
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LpxModule, decorators: [{
|
|
84
84
|
type: NgModule,
|
|
85
85
|
args: [{
|
|
86
86
|
imports: [LpxCoreModule],
|
|
@@ -103,10 +103,10 @@ class UserProfileComponent {
|
|
|
103
103
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
104
104
|
return action.visible(action, this.injector);
|
|
105
105
|
}
|
|
106
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
107
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
106
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: UserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
107
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: UserProfileComponent, isStandalone: true, selector: "lpx-user-profile", ngImport: i0, template: "@if (user$ | async; as userProfile) {\r\n @if (userProfile.userName) {\r\n <div ngbDropdown>\r\n <div class=\"lpx-user-profile\" ngbDropdownToggle role=\"button\">\r\n <lpx-avatar [avatar]=\"userProfile.avatar\" />\r\n <span class=\"user-full-name\">\r\n @if (userProfile.tenant?.name; as tenantName) {\r\n {{ tenantName + '\\\\' }}\r\n }\r\n {{ userProfile.fullName }}\r\n </span>\r\n </div>\r\n @if (userProfile.userActionGroups) {\r\n <div ngbDropdownMenu>\r\n @for (\r\n actionGroup of userProfile.userActionGroups;\r\n track $index;\r\n let last = $last\r\n ) {\r\n @for (action of actionGroup; track $index) {\r\n @if (action.component) {\r\n @if (isActionVisible(action)) {\r\n <ng-container\r\n *ngComponentOutlet=\"action.component; injector: injector\"\r\n />\r\n }\r\n } @else if (!action.component) {\r\n <a\r\n *lpxVisible=\"isActionVisible(action)\"\r\n ngbDropdownItem\r\n (click)=\"onActionClick(action)\"\r\n [routerLink]=\"action.link\"\r\n role=\"button\"\r\n >{{ action.text || '' | abpLocalization }}\r\n </a>\r\n }\r\n }\r\n @if (!last) {\r\n <div class=\"dropdown-divider\"></div>\r\n }\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n}\r\n", dependencies: [{ kind: "directive", type: NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "component", type: AvatarComponent, selector: "lpx-avatar", inputs: ["avatar"] }, { kind: "directive", type: NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: LpxVisibleDirective, selector: "[lpxVisible]", inputs: ["lpxVisible"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
108
108
|
}
|
|
109
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: UserProfileComponent, decorators: [{
|
|
110
110
|
type: Component,
|
|
111
111
|
args: [{ selector: 'lpx-user-profile', encapsulation: ViewEncapsulation.None, imports: [
|
|
112
112
|
NgbDropdown,
|
|
@@ -123,21 +123,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
123
123
|
}] });
|
|
124
124
|
|
|
125
125
|
class UserProfileModule {
|
|
126
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
127
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
126
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: UserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
127
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: UserProfileModule, imports: [CommonModule,
|
|
128
128
|
LpxAvatarModule,
|
|
129
129
|
NgbDropdownModule,
|
|
130
130
|
RouterModule,
|
|
131
131
|
LpxTranslateModule,
|
|
132
132
|
UserProfileComponent], exports: [UserProfileComponent] }); }
|
|
133
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
133
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: UserProfileModule, imports: [CommonModule,
|
|
134
134
|
LpxAvatarModule,
|
|
135
135
|
NgbDropdownModule,
|
|
136
136
|
RouterModule,
|
|
137
137
|
LpxTranslateModule,
|
|
138
138
|
UserProfileComponent] }); }
|
|
139
139
|
}
|
|
140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: UserProfileModule, decorators: [{
|
|
141
141
|
type: NgModule,
|
|
142
142
|
args: [{
|
|
143
143
|
imports: [
|
|
@@ -161,20 +161,20 @@ class LanguageSelectionComponent {
|
|
|
161
161
|
onLanguageSelection(lang) {
|
|
162
162
|
this.service.setSelectedLanguage(lang);
|
|
163
163
|
}
|
|
164
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
165
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
164
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LanguageSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
165
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: LanguageSelectionComponent, isStandalone: true, selector: "lpx-language-selection", ngImport: i0, template: "<div ngbDropdown class=\"lpx-language-selection\">\r\n @if (selectedLanguage$ | async; as selectedLanguage) {\r\n <div ngbDropdownToggle role=\"button\">\r\n <lpx-icon iconClass=\"bi bi-globe\"></lpx-icon>\r\n @if (selectedLanguage; as val) {\r\n <span [class.text-uppercase]=\"!!val.twoLetterISOLanguageName\">\r\n {{ val.twoLetterISOLanguageName || val.displayName }}\r\n </span>\r\n }\r\n </div>\r\n }\r\n @if (langs$ | async; as langs) {\r\n <div ngbDropdownMenu style=\"max-height: 50vh; overflow-y: auto\">\r\n @for (lang of langs; track $index) {\r\n <button ngbDropdownItem (click)=\"onLanguageSelection(lang)\">\r\n {{ lang.displayName }}\r\n </button>\r\n }\r\n </div>\r\n }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: NgbDropdownModule }, { kind: "directive", type: i1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
166
166
|
}
|
|
167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LanguageSelectionComponent, decorators: [{
|
|
168
168
|
type: Component,
|
|
169
169
|
args: [{ selector: 'lpx-language-selection', imports: [NgbDropdownModule, IconComponent, AsyncPipe], encapsulation: ViewEncapsulation.None, template: "<div ngbDropdown class=\"lpx-language-selection\">\r\n @if (selectedLanguage$ | async; as selectedLanguage) {\r\n <div ngbDropdownToggle role=\"button\">\r\n <lpx-icon iconClass=\"bi bi-globe\"></lpx-icon>\r\n @if (selectedLanguage; as val) {\r\n <span [class.text-uppercase]=\"!!val.twoLetterISOLanguageName\">\r\n {{ val.twoLetterISOLanguageName || val.displayName }}\r\n </span>\r\n }\r\n </div>\r\n }\r\n @if (langs$ | async; as langs) {\r\n <div ngbDropdownMenu style=\"max-height: 50vh; overflow-y: auto\">\r\n @for (lang of langs; track $index) {\r\n <button ngbDropdownItem (click)=\"onLanguageSelection(lang)\">\r\n {{ lang.displayName }}\r\n </button>\r\n }\r\n </div>\r\n }\r\n</div>\r\n" }]
|
|
170
170
|
}] });
|
|
171
171
|
|
|
172
172
|
class LanguageSelectionModule {
|
|
173
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
174
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
175
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
173
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LanguageSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
174
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LanguageSelectionModule, imports: [LanguageSelectionComponent], exports: [LanguageSelectionComponent] }); }
|
|
175
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LanguageSelectionModule, imports: [LanguageSelectionComponent] }); }
|
|
176
176
|
}
|
|
177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LanguageSelectionModule, decorators: [{
|
|
178
178
|
type: NgModule,
|
|
179
179
|
args: [{
|
|
180
180
|
declarations: [],
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@volo/ngx-lepton-x.lite",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.1",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"tslib": "^2.3.0",
|
|
6
6
|
"bootstrap-icons": "~1.7.2",
|
|
7
7
|
"@ng-bootstrap/ng-bootstrap": "~20.0.0",
|
|
8
|
-
"@volo/ngx-lepton-x.core": "5.4.
|
|
8
|
+
"@volo/ngx-lepton-x.core": "5.4.1"
|
|
9
9
|
},
|
|
10
10
|
"publishConfig": {
|
|
11
11
|
"access": "public"
|