@volo/ngx-lepton-x.lite 3.1.3 → 3.2.0-rc.2
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/assets/css/bootstrap-dim.css +6 -0
- package/assets/css/bootstrap-dim.rtl.css +6 -0
- package/assets/css/side-menu/layout-bundle.css +2 -2
- package/assets/css/side-menu/layout-bundle.rtl.css +2 -2
- package/esm2022/layouts/lib/components/mn-language-selection/mn-language-selection.component.mjs +7 -7
- package/esm2022/layouts/lib/components/mn-language-selection/mn-language-selection.module.mjs +4 -4
- package/esm2022/layouts/lib/components/mn-user-profile/mn-user-profile.component.mjs +8 -8
- package/esm2022/layouts/lib/components/mn-user-profile/mn-user-profile.module.mjs +4 -4
- package/esm2022/layouts/lib/components/mobile-navbar/mobile-navbar.component.mjs +3 -3
- package/esm2022/layouts/lib/components/mobile-navbar/mobile-navbar.module.mjs +4 -4
- package/esm2022/layouts/lib/components/toolbar/toolbar-container.component.mjs +3 -3
- package/esm2022/layouts/lib/components/toolbar/toolbar-item.component.mjs +5 -5
- package/esm2022/layouts/lib/components/toolbar/toolbar-items.component.mjs +3 -3
- package/esm2022/layouts/lib/components/toolbar/toolbar.component.mjs +3 -3
- package/esm2022/layouts/lib/side-menu-layout/panels/language-selection-panel.directive.mjs +3 -3
- package/esm2022/layouts/lib/side-menu-layout/panels/mobile-language-selection.directive.mjs +3 -3
- package/esm2022/layouts/lib/side-menu-layout/panels/mobile-user-profile-panel.directive.mjs +3 -3
- package/esm2022/layouts/lib/side-menu-layout/panels/settings-panel.directive.mjs +3 -3
- package/esm2022/layouts/lib/side-menu-layout/panels/topbar-content-panel.directive.mjs +3 -3
- package/esm2022/layouts/lib/side-menu-layout/panels/user-profile-panel.directive.mjs +3 -3
- package/esm2022/layouts/lib/side-menu-layout/side-menu-layout.component.mjs +11 -11
- package/esm2022/layouts/lib/side-menu-layout/side-menu-layout.module.mjs +4 -4
- package/esm2022/lib/components/language-selection/language-selection.component.mjs +5 -5
- package/esm2022/lib/components/language-selection/language-selection.module.mjs +4 -4
- package/esm2022/lib/components/user-profile/user-profile.component.mjs +5 -5
- package/esm2022/lib/components/user-profile/user-profile.module.mjs +4 -4
- package/esm2022/lib/lepton-x-lite.module.mjs +4 -4
- package/fesm2022/volo-ngx-lepton-x.lite-layouts.mjs +68 -68
- package/fesm2022/volo-ngx-lepton-x.lite-layouts.mjs.map +1 -1
- package/fesm2022/volo-ngx-lepton-x.lite.mjs +20 -20
- package/fesm2022/volo-ngx-lepton-x.lite.mjs.map +1 -1
- package/layouts/lib/side-menu-layout/side-menu-layout.component.d.ts +0 -1
- package/package.json +2 -2
|
@@ -3,10 +3,10 @@ import { Component, ContentChild, NgModule, Directive, inject, ViewEncapsulation
|
|
|
3
3
|
import * as i1$1 from '@angular/common';
|
|
4
4
|
import { CommonModule, AsyncPipe } from '@angular/common';
|
|
5
5
|
import * as i1 from '@volo/ngx-lepton-x.core';
|
|
6
|
-
import { LogoPanelDirective, LpxBrandLogoModule, LpxIconModule, LpxNavbarModule, UserProfileService, LanguageService, LpxVisibleDirective, ToolbarService, NavbarPanelDirective, MobileNavbarPanelDirective, BreadcrumbPanelDirective, FooterPanelDirective, NavitemPanelDirective, ContentPanelDirective, LPX_LAYOUT_STYLE_FINAL, createStyleFactory, LpxAvatarModule, LpxTranslateModule, LpxBreadcrumbModule, LpxResponsiveModule, LpxFooterModule, PanelsModule } from '@volo/ngx-lepton-x.core';
|
|
7
|
-
import * as i3
|
|
6
|
+
import { LogoPanelDirective, LpxBrandLogoModule, LpxIconModule, LpxNavbarModule, UserProfileService, LanguageService, LpxVisibleDirective, ToolbarService, LayoutService, NavbarPanelDirective, MobileNavbarPanelDirective, BreadcrumbPanelDirective, FooterPanelDirective, NavitemPanelDirective, ContentPanelDirective, LPX_LAYOUT_STYLE_FINAL, createStyleFactory, LpxAvatarModule, LpxTranslateModule, LpxBreadcrumbModule, LpxResponsiveModule, LpxFooterModule, PanelsModule } from '@volo/ngx-lepton-x.core';
|
|
7
|
+
import * as i3 from '@volo/ngx-lepton-x.lite';
|
|
8
8
|
import { LanguageSelectionModule, UserProfileModule } from '@volo/ngx-lepton-x.lite';
|
|
9
|
-
import * as
|
|
9
|
+
import * as i2 from '@angular/router';
|
|
10
10
|
import { RouterModule } from '@angular/router';
|
|
11
11
|
import { Observable, of } from 'rxjs';
|
|
12
12
|
|
|
@@ -36,10 +36,10 @@ class MobileNavbarComponent {
|
|
|
36
36
|
this.layoutService.addClass(this.mobileMenuOpened);
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
39
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MobileNavbarComponent, deps: [{ token: i1.NavbarService }, { token: i1.LayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: MobileNavbarComponent, 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\">\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>\r\n </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></lpx-brand-logo>\r\n</ng-template>", styles: [".mobile-menu-opened :host{height:100vh;display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.BrandLogoComponent, selector: "lpx-brand-logo" }, { kind: "component", type: i1.IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "component", type: i1.NavbarRoutesComponent, selector: "lpx-navbar-routes", inputs: ["groupedItems", "navbarItems", "routerItem"], outputs: ["routeClick"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
|
|
41
41
|
}
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MobileNavbarComponent, decorators: [{
|
|
43
43
|
type: Component,
|
|
44
44
|
args: [{ selector: 'lpx-mobile-navbar', 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\">\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>\r\n </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></lpx-brand-logo>\r\n</ng-template>", styles: [".mobile-menu-opened :host{height:100vh;display:block}\n"] }]
|
|
45
45
|
}], ctorParameters: () => [{ type: i1.NavbarService }, { type: i1.LayoutService }], propDecorators: { logoPanel: [{
|
|
@@ -48,19 +48,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
48
48
|
}] } });
|
|
49
49
|
|
|
50
50
|
class LpxMobileNavbarModule {
|
|
51
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
52
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxMobileNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
52
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: LpxMobileNavbarModule, declarations: [MobileNavbarComponent], imports: [CommonModule,
|
|
53
53
|
LpxBrandLogoModule,
|
|
54
54
|
LpxIconModule,
|
|
55
55
|
LanguageSelectionModule,
|
|
56
56
|
LpxNavbarModule], exports: [MobileNavbarComponent] }); }
|
|
57
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
57
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxMobileNavbarModule, imports: [CommonModule,
|
|
58
58
|
LpxBrandLogoModule,
|
|
59
59
|
LpxIconModule,
|
|
60
60
|
LanguageSelectionModule,
|
|
61
61
|
LpxNavbarModule] }); }
|
|
62
62
|
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxMobileNavbarModule, decorators: [{
|
|
64
64
|
type: NgModule,
|
|
65
65
|
args: [{
|
|
66
66
|
declarations: [MobileNavbarComponent],
|
|
@@ -79,10 +79,10 @@ class SettingsPanelDirective {
|
|
|
79
79
|
constructor(template) {
|
|
80
80
|
this.template = template;
|
|
81
81
|
}
|
|
82
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
83
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
82
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SettingsPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
83
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: SettingsPanelDirective, selector: "ng-template[lpx-settings-panel]", ngImport: i0 }); }
|
|
84
84
|
}
|
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SettingsPanelDirective, decorators: [{
|
|
86
86
|
type: Directive,
|
|
87
87
|
args: [{
|
|
88
88
|
selector: 'ng-template[lpx-settings-panel]',
|
|
@@ -93,10 +93,10 @@ class LanguageSelectionPanelDirective {
|
|
|
93
93
|
constructor(template) {
|
|
94
94
|
this.template = template;
|
|
95
95
|
}
|
|
96
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
97
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
96
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LanguageSelectionPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
97
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: LanguageSelectionPanelDirective, selector: "ng-template[lpx-language-selection]", ngImport: i0 }); }
|
|
98
98
|
}
|
|
99
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
99
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LanguageSelectionPanelDirective, decorators: [{
|
|
100
100
|
type: Directive,
|
|
101
101
|
args: [{
|
|
102
102
|
selector: 'ng-template[lpx-language-selection]',
|
|
@@ -107,10 +107,10 @@ class UserProfilePanelDirective {
|
|
|
107
107
|
constructor(template) {
|
|
108
108
|
this.template = template;
|
|
109
109
|
}
|
|
110
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
111
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
110
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: UserProfilePanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
111
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: UserProfilePanelDirective, selector: "ng-template[lpx-user-profile]", ngImport: i0 }); }
|
|
112
112
|
}
|
|
113
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: UserProfilePanelDirective, decorators: [{
|
|
114
114
|
type: Directive,
|
|
115
115
|
args: [{
|
|
116
116
|
selector: 'ng-template[lpx-user-profile]',
|
|
@@ -121,10 +121,10 @@ class TopbarContentPanelDirective {
|
|
|
121
121
|
constructor(template) {
|
|
122
122
|
this.template = template;
|
|
123
123
|
}
|
|
124
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
125
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
124
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: TopbarContentPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
125
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: TopbarContentPanelDirective, selector: "ng-template[lpx-topbar-content]", ngImport: i0 }); }
|
|
126
126
|
}
|
|
127
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: TopbarContentPanelDirective, decorators: [{
|
|
128
128
|
type: Directive,
|
|
129
129
|
args: [{
|
|
130
130
|
selector: 'ng-template[lpx-topbar-content]',
|
|
@@ -135,10 +135,10 @@ class MobileUserProfilePanelDirective {
|
|
|
135
135
|
constructor(template) {
|
|
136
136
|
this.template = template;
|
|
137
137
|
}
|
|
138
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
139
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
138
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MobileUserProfilePanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
139
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: MobileUserProfilePanelDirective, selector: "ng-template[lpx-mn-user-profile-panel]", ngImport: i0 }); }
|
|
140
140
|
}
|
|
141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MobileUserProfilePanelDirective, decorators: [{
|
|
142
142
|
type: Directive,
|
|
143
143
|
args: [{
|
|
144
144
|
selector: 'ng-template[lpx-mn-user-profile-panel]',
|
|
@@ -149,10 +149,10 @@ class MobileLanguageSelectionDirective {
|
|
|
149
149
|
constructor(template) {
|
|
150
150
|
this.template = template;
|
|
151
151
|
}
|
|
152
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
153
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
152
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MobileLanguageSelectionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
153
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: MobileLanguageSelectionDirective, selector: "ng-template[lpx-mn-language-selection]", ngImport: i0 }); }
|
|
154
154
|
}
|
|
155
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MobileLanguageSelectionDirective, decorators: [{
|
|
156
156
|
type: Directive,
|
|
157
157
|
args: [{
|
|
158
158
|
selector: 'ng-template[lpx-mn-language-selection]',
|
|
@@ -171,12 +171,12 @@ class MnUserProfileComponent {
|
|
|
171
171
|
onActionClick(item) {
|
|
172
172
|
item.action?.();
|
|
173
173
|
}
|
|
174
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
175
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
174
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MnUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
175
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: MnUserProfileComponent, selector: "lpx-mn-user-profile", ngImport: i0, template: "@if (user$ | async; as userProfile) {\r\n <ng-component>\r\n <div\r\n class=\"lpx-user-profile btn- toggle\"\r\n role=\"button\"\r\n (click)=\"toggleMenu()\"\r\n >\r\n <lpx-avatar [avatar]=\"userProfile.avatar\"></lpx-avatar>\r\n <span class=\"user-full-name\">{{ userProfile.fullName }}</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 || '' | lpxTranslate | async }}\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 </ng-component>\r\n}\r\n", dependencies: [{ kind: "component", type: i1.AvatarComponent, selector: "lpx-avatar", inputs: ["avatar"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2.ɵEmptyOutletComponent, selector: "ng-component" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "lpxTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
176
176
|
}
|
|
177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MnUserProfileComponent, decorators: [{
|
|
178
178
|
type: Component,
|
|
179
|
-
args: [{ selector: 'lpx-mn-user-profile', encapsulation: ViewEncapsulation.None, template: "
|
|
179
|
+
args: [{ selector: 'lpx-mn-user-profile', encapsulation: ViewEncapsulation.None, template: "@if (user$ | async; as userProfile) {\r\n <ng-component>\r\n <div\r\n class=\"lpx-user-profile btn- toggle\"\r\n role=\"button\"\r\n (click)=\"toggleMenu()\"\r\n >\r\n <lpx-avatar [avatar]=\"userProfile.avatar\"></lpx-avatar>\r\n <span class=\"user-full-name\">{{ userProfile.fullName }}</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 || '' | lpxTranslate | async }}\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 </ng-component>\r\n}\r\n" }]
|
|
180
180
|
}] });
|
|
181
181
|
|
|
182
182
|
class MnLanguageSelectionComponent {
|
|
@@ -192,12 +192,12 @@ class MnLanguageSelectionComponent {
|
|
|
192
192
|
onLanguageSelection(lang) {
|
|
193
193
|
this.service.setSelectedLanguage(lang);
|
|
194
194
|
}
|
|
195
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
196
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
195
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MnLanguageSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
196
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: MnLanguageSelectionComponent, 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: i1.IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
197
197
|
}
|
|
198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MnLanguageSelectionComponent, decorators: [{
|
|
199
199
|
type: Component,
|
|
200
|
-
args: [{ selector: 'lpx-mn-language-selection', encapsulation: ViewEncapsulation.None, providers: [], template: "<div
|
|
200
|
+
args: [{ selector: 'lpx-mn-language-selection', encapsulation: ViewEncapsulation.None, providers: [], 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" }]
|
|
201
201
|
}] });
|
|
202
202
|
|
|
203
203
|
class ToolbarItemComponent {
|
|
@@ -212,12 +212,12 @@ class ToolbarItemComponent {
|
|
|
212
212
|
this.action();
|
|
213
213
|
}
|
|
214
214
|
}
|
|
215
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
216
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
215
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
216
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: LpxIconModule }, { kind: "component", type: i1.IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }] }); }
|
|
217
217
|
}
|
|
218
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
218
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToolbarItemComponent, decorators: [{
|
|
219
219
|
type: Component,
|
|
220
|
-
args: [{ selector: 'lpx-toolbar-item', standalone: true, imports: [CommonModule, LpxIconModule], template: "
|
|
220
|
+
args: [{ selector: 'lpx-toolbar-item', standalone: true, imports: [CommonModule, LpxIconModule], 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" }]
|
|
221
221
|
}], propDecorators: { component: [{
|
|
222
222
|
type: Input
|
|
223
223
|
}], template: [{
|
|
@@ -233,10 +233,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
233
233
|
}] } });
|
|
234
234
|
|
|
235
235
|
class ToolbarItemsComponent {
|
|
236
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
237
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.
|
|
236
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToolbarItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
237
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", 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 ></lpx-toolbar-item>\r\n}\r\n", dependencies: [{ kind: "component", type: ToolbarItemComponent, selector: "lpx-toolbar-item", inputs: ["component", "template", "icon", "badge", "html", "action"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LpxVisibleDirective, selector: "[lpxVisible]", inputs: ["lpxVisible"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
238
238
|
}
|
|
239
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToolbarItemsComponent, decorators: [{
|
|
240
240
|
type: Component,
|
|
241
241
|
args: [{ selector: 'lpx-toolbar-items', standalone: true, imports: [ToolbarItemComponent, CommonModule, 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 ></lpx-toolbar-item>\r\n}\r\n" }]
|
|
242
242
|
}], propDecorators: { items: [{
|
|
@@ -247,34 +247,34 @@ class ToolbarComponent {
|
|
|
247
247
|
constructor() {
|
|
248
248
|
this.toolbarService = inject(ToolbarService);
|
|
249
249
|
}
|
|
250
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
251
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
250
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
251
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", 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: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: ToolbarItemsComponent, selector: "lpx-toolbar-items", inputs: ["items"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
252
252
|
}
|
|
253
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
253
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToolbarComponent, decorators: [{
|
|
254
254
|
type: Component,
|
|
255
255
|
args: [{ selector: 'lpx-toolbar', standalone: true, 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" }]
|
|
256
256
|
}] });
|
|
257
257
|
|
|
258
258
|
class ToolbarContainerComponent {
|
|
259
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
260
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
259
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToolbarContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
260
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", 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" }] }); }
|
|
261
261
|
}
|
|
262
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
262
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToolbarContainerComponent, decorators: [{
|
|
263
263
|
type: Component,
|
|
264
264
|
args: [{ standalone: true, selector: 'lpx-toolbar-container', imports: [ToolbarComponent], template: "<lpx-toolbar></lpx-toolbar>\r\n" }]
|
|
265
265
|
}] });
|
|
266
266
|
|
|
267
267
|
class SideMenuLayoutComponent {
|
|
268
|
-
constructor(
|
|
269
|
-
this.layoutService =
|
|
268
|
+
constructor() {
|
|
269
|
+
this.layoutService = inject(LayoutService);
|
|
270
270
|
}
|
|
271
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
272
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
271
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SideMenuLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
272
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: SideMenuLayoutComponent, 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\" [ngClass]=\"containerClass\">\r\n <ng-container\r\n *ngTemplateOutlet=\"mobileNavbarPanel?.template || defaultMobileNavbar\"\r\n >\r\n </ng-container>\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-container>\r\n <ng-template #defaultMobileUserProfile>\r\n <lpx-mn-user-profile class=\"d-block\"></lpx-mn-user-profile>\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-container>\r\n <ng-template #defaultMobilLanguageSelection>\r\n <lpx-mn-language-selection\r\n class=\"d-block\"\r\n ></lpx-mn-language-selection>\r\n </ng-template>\r\n @if (logoPanel?.template) {\r\n <ng-container>\r\n <ng-template lpx-logo-panel>\r\n <ng-container\r\n *ngTemplateOutlet=\"logoPanel!.template\"\r\n ></ng-container>\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\">\r\n <ng-container\r\n *ngTemplateOutlet=\"navbarPanel?.template || defaultNavbar\"\r\n ></ng-container>\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 ></ng-container>\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 ></ng-container>\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 ></ng-container>\r\n <ng-template #defaultContent>\r\n <ng-content></ng-content>\r\n </ng-template>\r\n <ng-container\r\n *ngTemplateOutlet=\"footerPanelDirective?.template || defaultFooter\"\r\n ></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n\r\n<ng-template #defaultTopbarContent>\r\n <lpx-toolbar-container></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\"></ng-container>\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></lpx-brand-logo>\r\n</ng-template>\r\n\r\n<ng-template #defaultBreadcrumb>\r\n <lpx-breadcrumb></lpx-breadcrumb>\r\n</ng-template>\r\n\r\n<ng-template #defaultUserProfile>\r\n <lpx-user-profile></lpx-user-profile>\r\n</ng-template>\r\n\r\n<ng-template #defaultLanguageSelection>\r\n <lpx-language-selection></lpx-language-selection>\r\n</ng-template>\r\n\r\n<ng-template #defaultFooter>\r\n <lpx-footer></lpx-footer>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.NavbarComponent, selector: "lpx-navbar" }, { kind: "component", type: i1.BreadcrumbComponent, selector: "lpx-breadcrumb" }, { kind: "directive", type: i1.ResponsiveDirective, selector: "[lpxResponsive]", inputs: ["lpxResponsive"] }, { kind: "component", type: i3.UserProfileComponent, selector: "lpx-user-profile" }, { kind: "component", type: i3.LanguageSelectionComponent, selector: "lpx-language-selection" }, { 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: "component", type: i1.FooterComponent, selector: "lpx-footer" }, { kind: "directive", type: i1.LogoPanelDirective, selector: "ng-template[lpx-logo-panel]" }, { kind: "component", type: i1.BrandLogoComponent, selector: "lpx-brand-logo" }, { kind: "component", type: ToolbarContainerComponent, selector: "lpx-toolbar-container" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
273
273
|
}
|
|
274
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
274
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SideMenuLayoutComponent, decorators: [{
|
|
275
275
|
type: Component,
|
|
276
|
-
args: [{ selector: 'lpx-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "
|
|
277
|
-
}],
|
|
276
|
+
args: [{ selector: 'lpx-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (layoutService.containerClass$ | async; as containerClass) {\r\n <div id=\"lpx-wrapper\" [ngClass]=\"containerClass\">\r\n <ng-container\r\n *ngTemplateOutlet=\"mobileNavbarPanel?.template || defaultMobileNavbar\"\r\n >\r\n </ng-container>\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-container>\r\n <ng-template #defaultMobileUserProfile>\r\n <lpx-mn-user-profile class=\"d-block\"></lpx-mn-user-profile>\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-container>\r\n <ng-template #defaultMobilLanguageSelection>\r\n <lpx-mn-language-selection\r\n class=\"d-block\"\r\n ></lpx-mn-language-selection>\r\n </ng-template>\r\n @if (logoPanel?.template) {\r\n <ng-container>\r\n <ng-template lpx-logo-panel>\r\n <ng-container\r\n *ngTemplateOutlet=\"logoPanel!.template\"\r\n ></ng-container>\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\">\r\n <ng-container\r\n *ngTemplateOutlet=\"navbarPanel?.template || defaultNavbar\"\r\n ></ng-container>\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 ></ng-container>\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 ></ng-container>\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 ></ng-container>\r\n <ng-template #defaultContent>\r\n <ng-content></ng-content>\r\n </ng-template>\r\n <ng-container\r\n *ngTemplateOutlet=\"footerPanelDirective?.template || defaultFooter\"\r\n ></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n\r\n<ng-template #defaultTopbarContent>\r\n <lpx-toolbar-container></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\"></ng-container>\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></lpx-brand-logo>\r\n</ng-template>\r\n\r\n<ng-template #defaultBreadcrumb>\r\n <lpx-breadcrumb></lpx-breadcrumb>\r\n</ng-template>\r\n\r\n<ng-template #defaultUserProfile>\r\n <lpx-user-profile></lpx-user-profile>\r\n</ng-template>\r\n\r\n<ng-template #defaultLanguageSelection>\r\n <lpx-language-selection></lpx-language-selection>\r\n</ng-template>\r\n\r\n<ng-template #defaultFooter>\r\n <lpx-footer></lpx-footer>\r\n</ng-template>\r\n" }]
|
|
277
|
+
}], propDecorators: { navbarPanel: [{
|
|
278
278
|
type: ContentChild,
|
|
279
279
|
args: [NavbarPanelDirective]
|
|
280
280
|
}], mobileNavbarPanel: [{
|
|
@@ -346,11 +346,11 @@ const getSideMenuLayoutStylesProvider = (styleFactory) => [
|
|
|
346
346
|
];
|
|
347
347
|
|
|
348
348
|
class MnUserProfileModule {
|
|
349
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
350
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
351
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
349
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MnUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
350
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: MnUserProfileModule, declarations: [MnUserProfileComponent], imports: [CommonModule, LpxAvatarModule, RouterModule, LpxTranslateModule], exports: [MnUserProfileComponent] }); }
|
|
351
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MnUserProfileModule, imports: [CommonModule, LpxAvatarModule, RouterModule, LpxTranslateModule] }); }
|
|
352
352
|
}
|
|
353
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
353
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MnUserProfileModule, decorators: [{
|
|
354
354
|
type: NgModule,
|
|
355
355
|
args: [{
|
|
356
356
|
declarations: [MnUserProfileComponent],
|
|
@@ -360,11 +360,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
360
360
|
}] });
|
|
361
361
|
|
|
362
362
|
class MnLanguageSelectionModule {
|
|
363
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
364
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
365
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
363
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MnLanguageSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
364
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: MnLanguageSelectionModule, declarations: [MnLanguageSelectionComponent], imports: [CommonModule, LpxIconModule], exports: [MnLanguageSelectionComponent] }); }
|
|
365
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MnLanguageSelectionModule, imports: [CommonModule, LpxIconModule] }); }
|
|
366
366
|
}
|
|
367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
367
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MnLanguageSelectionModule, decorators: [{
|
|
368
368
|
type: NgModule,
|
|
369
369
|
args: [{
|
|
370
370
|
declarations: [MnLanguageSelectionComponent],
|
|
@@ -389,8 +389,8 @@ class LpxSideMenuLayoutModule {
|
|
|
389
389
|
providers: [getSideMenuLayoutStylesProvider(options?.styleFactory)],
|
|
390
390
|
};
|
|
391
391
|
}
|
|
392
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
393
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
392
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxSideMenuLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
393
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: LpxSideMenuLayoutModule, declarations: [SideMenuLayoutComponent,
|
|
394
394
|
SettingsPanelDirective,
|
|
395
395
|
LanguageSelectionPanelDirective,
|
|
396
396
|
TopbarContentPanelDirective,
|
|
@@ -415,7 +415,7 @@ class LpxSideMenuLayoutModule {
|
|
|
415
415
|
UserProfilePanelDirective,
|
|
416
416
|
MobileUserProfilePanelDirective,
|
|
417
417
|
MobileLanguageSelectionDirective] }); }
|
|
418
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
418
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxSideMenuLayoutModule, imports: [CommonModule,
|
|
419
419
|
LpxNavbarModule,
|
|
420
420
|
LpxBreadcrumbModule,
|
|
421
421
|
LpxResponsiveModule,
|
|
@@ -429,7 +429,7 @@ class LpxSideMenuLayoutModule {
|
|
|
429
429
|
LpxBrandLogoModule,
|
|
430
430
|
ToolbarContainerComponent] }); }
|
|
431
431
|
}
|
|
432
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
432
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxSideMenuLayoutModule, decorators: [{
|
|
433
433
|
type: NgModule,
|
|
434
434
|
args: [{
|
|
435
435
|
declarations: [...declarationsWithExports],
|