@volo/ngx-lepton-x.lite 5.0.2 → 5.1.0-rc.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.
- package/assets/css/bootstrap-dim.css +12 -5
- package/assets/css/bootstrap-dim.rtl.css +14 -7
- package/assets/css/side-menu/layout-bundle.css +0 -4
- package/assets/css/side-menu/layout-bundle.rtl.css +0 -4
- package/fesm2022/volo-ngx-lepton-x.lite-layouts.mjs +58 -58
- package/fesm2022/volo-ngx-lepton-x.lite-layouts.mjs.map +1 -1
- package/fesm2022/volo-ngx-lepton-x.lite.mjs +27 -20
- package/fesm2022/volo-ngx-lepton-x.lite.mjs.map +1 -1
- package/index.d.ts +3 -1
- package/package.json +3 -3
|
@@ -3277,12 +3277,13 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
|
|
|
3277
3277
|
border-color: #c00d49 !important;
|
|
3278
3278
|
}
|
|
3279
3279
|
|
|
3280
|
-
.form-floating > .form-control:focus
|
|
3281
|
-
.form-floating > .form-control:not(:placeholder-shown)
|
|
3282
|
-
.form-floating > .form-control-plaintext
|
|
3283
|
-
.form-floating > .form-select
|
|
3280
|
+
.form-floating > .form-control:focus + label,
|
|
3281
|
+
.form-floating > .form-control:not(:placeholder-shown) + label,
|
|
3282
|
+
.form-floating > .form-control-plaintext + label,
|
|
3283
|
+
.form-floating > .form-select + label,
|
|
3284
|
+
.form-floating .custom-select-wrapper + label {
|
|
3284
3285
|
opacity: 0.75;
|
|
3285
|
-
transform: scale(0.8) translateY(-0.
|
|
3286
|
+
transform: scale(0.8) translateY(-0.3rem) translateX(0.35rem);
|
|
3286
3287
|
}
|
|
3287
3288
|
|
|
3288
3289
|
.form-control.is-invalid,
|
|
@@ -3301,6 +3302,12 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
|
|
|
3301
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;
|
|
3302
3303
|
}
|
|
3303
3304
|
|
|
3305
|
+
.form-floating .custom-select-display {
|
|
3306
|
+
height: calc(3.5rem + 2px);
|
|
3307
|
+
padding-top: 1.625rem;
|
|
3308
|
+
padding-bottom: 0.625rem;
|
|
3309
|
+
}
|
|
3310
|
+
|
|
3304
3311
|
.custom-select-wrapper {
|
|
3305
3312
|
position: relative;
|
|
3306
3313
|
margin-bottom: 1rem;
|
|
@@ -3318,17 +3318,18 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
|
|
|
3318
3318
|
border-color: #c00d49 !important;
|
|
3319
3319
|
}
|
|
3320
3320
|
|
|
3321
|
-
.form-floating > .form-control:not(:-moz-placeholder-shown)
|
|
3321
|
+
.form-floating > .form-control:not(:-moz-placeholder-shown) + label {
|
|
3322
3322
|
opacity: 0.75;
|
|
3323
|
-
transform: scale(0.8) translateY(-0.
|
|
3323
|
+
transform: scale(0.8) translateY(-0.3rem) translateX(-0.35rem);
|
|
3324
3324
|
}
|
|
3325
3325
|
|
|
3326
|
-
.form-floating > .form-control:focus
|
|
3327
|
-
.form-floating > .form-control:not(:placeholder-shown)
|
|
3328
|
-
.form-floating > .form-control-plaintext
|
|
3329
|
-
.form-floating > .form-select
|
|
3326
|
+
.form-floating > .form-control:focus + label,
|
|
3327
|
+
.form-floating > .form-control:not(:placeholder-shown) + label,
|
|
3328
|
+
.form-floating > .form-control-plaintext + label,
|
|
3329
|
+
.form-floating > .form-select + label,
|
|
3330
|
+
.form-floating .custom-select-wrapper + label {
|
|
3330
3331
|
opacity: 0.75;
|
|
3331
|
-
transform: scale(0.8) translateY(-0.
|
|
3332
|
+
transform: scale(0.8) translateY(-0.3rem) translateX(-0.35rem);
|
|
3332
3333
|
}
|
|
3333
3334
|
|
|
3334
3335
|
.form-control.is-invalid,
|
|
@@ -3347,6 +3348,12 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
|
|
|
3347
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;
|
|
3348
3349
|
}
|
|
3349
3350
|
|
|
3351
|
+
.form-floating .custom-select-display {
|
|
3352
|
+
height: calc(3.5rem + 2px);
|
|
3353
|
+
padding-top: 1.625rem;
|
|
3354
|
+
padding-bottom: 0.625rem;
|
|
3355
|
+
}
|
|
3356
|
+
|
|
3350
3357
|
.custom-select-wrapper {
|
|
3351
3358
|
position: relative;
|
|
3352
3359
|
margin-bottom: 1rem;
|
|
@@ -41,10 +41,10 @@ class MobileNavbarComponent {
|
|
|
41
41
|
this.layoutService.addClass(this.mobileMenuOpened);
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
45
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
44
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", 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" }] }); }
|
|
46
46
|
}
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileNavbarComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
49
|
args: [{ selector: 'lpx-mobile-navbar', imports: [
|
|
50
50
|
NgTemplateOutlet,
|
|
@@ -59,21 +59,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
59
59
|
}] } });
|
|
60
60
|
|
|
61
61
|
class LpxMobileNavbarModule {
|
|
62
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
63
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
62
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxMobileNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
63
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxMobileNavbarModule, imports: [CommonModule,
|
|
64
64
|
LpxBrandLogoModule,
|
|
65
65
|
LpxIconModule,
|
|
66
66
|
LanguageSelectionModule,
|
|
67
67
|
LpxNavbarModule,
|
|
68
68
|
MobileNavbarComponent], exports: [MobileNavbarComponent] }); }
|
|
69
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
69
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxMobileNavbarModule, imports: [CommonModule,
|
|
70
70
|
LpxBrandLogoModule,
|
|
71
71
|
LpxIconModule,
|
|
72
72
|
LanguageSelectionModule,
|
|
73
73
|
LpxNavbarModule,
|
|
74
74
|
MobileNavbarComponent] }); }
|
|
75
75
|
}
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxMobileNavbarModule, decorators: [{
|
|
77
77
|
type: NgModule,
|
|
78
78
|
args: [{
|
|
79
79
|
imports: [
|
|
@@ -92,10 +92,10 @@ class SettingsPanelDirective {
|
|
|
92
92
|
constructor() {
|
|
93
93
|
this.template = inject(TemplateRef);
|
|
94
94
|
}
|
|
95
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
96
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
95
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SettingsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
96
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: SettingsPanelDirective, isStandalone: true, selector: "ng-template[lpx-settings-panel]", ngImport: i0 }); }
|
|
97
97
|
}
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SettingsPanelDirective, decorators: [{
|
|
99
99
|
type: Directive,
|
|
100
100
|
args: [{ selector: 'ng-template[lpx-settings-panel]' }]
|
|
101
101
|
}] });
|
|
@@ -112,28 +112,28 @@ class MnUserProfileComponent {
|
|
|
112
112
|
onActionClick(item) {
|
|
113
113
|
item.action?.();
|
|
114
114
|
}
|
|
115
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
116
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
115
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MnUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
116
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", 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\">{{ 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 || '' | 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 }); }
|
|
117
117
|
}
|
|
118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MnUserProfileComponent, decorators: [{
|
|
119
119
|
type: Component,
|
|
120
120
|
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\">{{ 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 || '' | 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" }]
|
|
121
121
|
}] });
|
|
122
122
|
|
|
123
123
|
class MnUserProfileModule {
|
|
124
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
125
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
124
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MnUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
125
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: MnUserProfileModule, imports: [CommonModule,
|
|
126
126
|
LpxAvatarModule,
|
|
127
127
|
RouterModule,
|
|
128
128
|
LpxTranslateModule,
|
|
129
129
|
MnUserProfileComponent], exports: [MnUserProfileComponent] }); }
|
|
130
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
130
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MnUserProfileModule, imports: [CommonModule,
|
|
131
131
|
LpxAvatarModule,
|
|
132
132
|
RouterModule,
|
|
133
133
|
LpxTranslateModule,
|
|
134
134
|
MnUserProfileComponent] }); }
|
|
135
135
|
}
|
|
136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MnUserProfileModule, decorators: [{
|
|
137
137
|
type: NgModule,
|
|
138
138
|
args: [{
|
|
139
139
|
imports: [
|
|
@@ -160,20 +160,20 @@ class MnLanguageSelectionComponent {
|
|
|
160
160
|
onLanguageSelection(lang) {
|
|
161
161
|
this.service.setSelectedLanguage(lang);
|
|
162
162
|
}
|
|
163
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
164
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
163
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MnLanguageSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
164
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", 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 }); }
|
|
165
165
|
}
|
|
166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MnLanguageSelectionComponent, decorators: [{
|
|
167
167
|
type: Component,
|
|
168
168
|
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" }]
|
|
169
169
|
}] });
|
|
170
170
|
|
|
171
171
|
class MnLanguageSelectionModule {
|
|
172
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
173
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
174
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
172
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MnLanguageSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
173
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: MnLanguageSelectionModule, imports: [CommonModule, LpxIconModule, MnLanguageSelectionComponent], exports: [MnLanguageSelectionComponent] }); }
|
|
174
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MnLanguageSelectionModule, imports: [CommonModule, LpxIconModule, MnLanguageSelectionComponent] }); }
|
|
175
175
|
}
|
|
176
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
176
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MnLanguageSelectionModule, decorators: [{
|
|
177
177
|
type: NgModule,
|
|
178
178
|
args: [{
|
|
179
179
|
imports: [CommonModule, LpxIconModule, MnLanguageSelectionComponent],
|
|
@@ -193,10 +193,10 @@ class ToolbarItemComponent {
|
|
|
193
193
|
this.action();
|
|
194
194
|
}
|
|
195
195
|
}
|
|
196
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
197
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
196
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
197
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", 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.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
|
|
198
198
|
}
|
|
199
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarItemComponent, decorators: [{
|
|
200
200
|
type: Component,
|
|
201
201
|
args: [{ selector: 'lpx-toolbar-item', imports: [CommonModule, IconComponent], 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" }]
|
|
202
202
|
}], propDecorators: { component: [{
|
|
@@ -214,10 +214,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
214
214
|
}] } });
|
|
215
215
|
|
|
216
216
|
class ToolbarItemsComponent {
|
|
217
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
218
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
217
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
218
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", 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 }); }
|
|
219
219
|
}
|
|
220
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarItemsComponent, decorators: [{
|
|
221
221
|
type: Component,
|
|
222
222
|
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" }]
|
|
223
223
|
}], propDecorators: { items: [{
|
|
@@ -228,19 +228,19 @@ class ToolbarComponent {
|
|
|
228
228
|
constructor() {
|
|
229
229
|
this.toolbarService = inject(ToolbarService);
|
|
230
230
|
}
|
|
231
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
232
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
231
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
232
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", 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 }); }
|
|
233
233
|
}
|
|
234
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
234
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarComponent, decorators: [{
|
|
235
235
|
type: Component,
|
|
236
236
|
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" }]
|
|
237
237
|
}] });
|
|
238
238
|
|
|
239
239
|
class ToolbarContainerComponent {
|
|
240
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
241
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
240
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
241
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", 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" }] }); }
|
|
242
242
|
}
|
|
243
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
243
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarContainerComponent, decorators: [{
|
|
244
244
|
type: Component,
|
|
245
245
|
args: [{ selector: 'lpx-toolbar-container', imports: [ToolbarComponent], template: "<lpx-toolbar></lpx-toolbar>\r\n" }]
|
|
246
246
|
}] });
|
|
@@ -249,10 +249,10 @@ class LanguageSelectionPanelDirective {
|
|
|
249
249
|
constructor() {
|
|
250
250
|
this.template = inject(TemplateRef);
|
|
251
251
|
}
|
|
252
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
253
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
252
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LanguageSelectionPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
253
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: LanguageSelectionPanelDirective, isStandalone: true, selector: "ng-template[lpx-language-selection]", ngImport: i0 }); }
|
|
254
254
|
}
|
|
255
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
255
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LanguageSelectionPanelDirective, decorators: [{
|
|
256
256
|
type: Directive,
|
|
257
257
|
args: [{ selector: 'ng-template[lpx-language-selection]' }]
|
|
258
258
|
}] });
|
|
@@ -261,10 +261,10 @@ class MobileLanguageSelectionDirective {
|
|
|
261
261
|
constructor() {
|
|
262
262
|
this.template = inject(TemplateRef);
|
|
263
263
|
}
|
|
264
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
265
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
264
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileLanguageSelectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
265
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: MobileLanguageSelectionDirective, isStandalone: true, selector: "ng-template[lpx-mn-language-selection]", ngImport: i0 }); }
|
|
266
266
|
}
|
|
267
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
267
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileLanguageSelectionDirective, decorators: [{
|
|
268
268
|
type: Directive,
|
|
269
269
|
args: [{ selector: 'ng-template[lpx-mn-language-selection]' }]
|
|
270
270
|
}] });
|
|
@@ -273,10 +273,10 @@ class MobileUserProfilePanelDirective {
|
|
|
273
273
|
constructor() {
|
|
274
274
|
this.template = inject(TemplateRef);
|
|
275
275
|
}
|
|
276
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
277
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
276
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileUserProfilePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
277
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: MobileUserProfilePanelDirective, isStandalone: true, selector: "ng-template[lpx-mn-user-profile-panel]", ngImport: i0 }); }
|
|
278
278
|
}
|
|
279
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileUserProfilePanelDirective, decorators: [{
|
|
280
280
|
type: Directive,
|
|
281
281
|
args: [{ selector: 'ng-template[lpx-mn-user-profile-panel]' }]
|
|
282
282
|
}] });
|
|
@@ -285,10 +285,10 @@ class TopbarContentPanelDirective {
|
|
|
285
285
|
constructor() {
|
|
286
286
|
this.template = inject(TemplateRef);
|
|
287
287
|
}
|
|
288
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
289
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
288
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TopbarContentPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
289
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: TopbarContentPanelDirective, isStandalone: true, selector: "ng-template[lpx-topbar-content]", ngImport: i0 }); }
|
|
290
290
|
}
|
|
291
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
291
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TopbarContentPanelDirective, decorators: [{
|
|
292
292
|
type: Directive,
|
|
293
293
|
args: [{ selector: 'ng-template[lpx-topbar-content]' }]
|
|
294
294
|
}] });
|
|
@@ -297,10 +297,10 @@ class UserProfilePanelDirective {
|
|
|
297
297
|
constructor() {
|
|
298
298
|
this.template = inject(TemplateRef);
|
|
299
299
|
}
|
|
300
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
301
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
300
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UserProfilePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
301
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: UserProfilePanelDirective, isStandalone: true, selector: "ng-template[lpx-user-profile]", ngImport: i0 }); }
|
|
302
302
|
}
|
|
303
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
303
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UserProfilePanelDirective, decorators: [{
|
|
304
304
|
type: Directive,
|
|
305
305
|
args: [{ selector: 'ng-template[lpx-user-profile]' }]
|
|
306
306
|
}] });
|
|
@@ -309,10 +309,10 @@ class SideMenuLayoutComponent {
|
|
|
309
309
|
constructor() {
|
|
310
310
|
this.layoutService = inject(LayoutService);
|
|
311
311
|
}
|
|
312
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
313
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
312
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SideMenuLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
313
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", 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\" [ngClass]=\"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: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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 }); }
|
|
314
314
|
}
|
|
315
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SideMenuLayoutComponent, decorators: [{
|
|
316
316
|
type: Component,
|
|
317
317
|
args: [{ selector: 'lpx-layout', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
318
318
|
NgClass,
|
|
@@ -443,8 +443,8 @@ class LpxSideMenuLayoutModule {
|
|
|
443
443
|
providers: [provideLpxSideMenuLayout(withLpxSideMenuOptions(options))],
|
|
444
444
|
};
|
|
445
445
|
}
|
|
446
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
447
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
446
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxSideMenuLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
447
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxSideMenuLayoutModule, imports: [CommonModule,
|
|
448
448
|
LpxNavbarModule,
|
|
449
449
|
LpxBreadcrumbModule,
|
|
450
450
|
LpxResponsiveModule,
|
|
@@ -469,7 +469,7 @@ class LpxSideMenuLayoutModule {
|
|
|
469
469
|
UserProfilePanelDirective,
|
|
470
470
|
MobileUserProfilePanelDirective,
|
|
471
471
|
MobileLanguageSelectionDirective] }); }
|
|
472
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
472
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxSideMenuLayoutModule, imports: [CommonModule,
|
|
473
473
|
LpxNavbarModule,
|
|
474
474
|
LpxBreadcrumbModule,
|
|
475
475
|
LpxResponsiveModule,
|
|
@@ -483,7 +483,7 @@ class LpxSideMenuLayoutModule {
|
|
|
483
483
|
LpxBrandLogoModule,
|
|
484
484
|
ToolbarContainerComponent, SideMenuLayoutComponent] }); }
|
|
485
485
|
}
|
|
486
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
486
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxSideMenuLayoutModule, decorators: [{
|
|
487
487
|
type: NgModule,
|
|
488
488
|
args: [{
|
|
489
489
|
imports: [
|