@volo/ngx-lepton-x.lite 3.2.0-rc.5 → 3.2.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/esm2022/layouts/lib/components/mn-language-selection/mn-language-selection.component.mjs +3 -3
- 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 +3 -3
- 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 +3 -3
- 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 +3 -3
- package/esm2022/layouts/lib/side-menu-layout/side-menu-layout.module.mjs +4 -4
- package/esm2022/lib/components/language-selection/language-selection.component.mjs +3 -3
- package/esm2022/lib/components/language-selection/language-selection.module.mjs +4 -4
- package/esm2022/lib/components/user-profile/user-profile.component.mjs +3 -3
- 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 +58 -58
- package/fesm2022/volo-ngx-lepton-x.lite.mjs +18 -18
- package/package.json +2 -2
package/esm2022/layouts/lib/components/mn-language-selection/mn-language-selection.component.mjs
CHANGED
|
@@ -16,10 +16,10 @@ export class MnLanguageSelectionComponent {
|
|
|
16
16
|
onLanguageSelection(lang) {
|
|
17
17
|
this.service.setSelectedLanguage(lang);
|
|
18
18
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnLanguageSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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: i2.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnLanguageSelectionComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
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" }]
|
|
25
25
|
}] });
|
package/esm2022/layouts/lib/components/mn-language-selection/mn-language-selection.module.mjs
CHANGED
|
@@ -4,11 +4,11 @@ import { LpxIconModule } from '@volo/ngx-lepton-x.core';
|
|
|
4
4
|
import { MnLanguageSelectionComponent } from './mn-language-selection.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class MnLanguageSelectionModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
9
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnLanguageSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: MnLanguageSelectionModule, declarations: [MnLanguageSelectionComponent], imports: [CommonModule, LpxIconModule], exports: [MnLanguageSelectionComponent] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnLanguageSelectionModule, imports: [CommonModule, LpxIconModule] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnLanguageSelectionModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
declarations: [MnLanguageSelectionComponent],
|
|
@@ -16,10 +16,10 @@ export class MnUserProfileComponent {
|
|
|
16
16
|
onActionClick(item) {
|
|
17
17
|
item.action?.();
|
|
18
18
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "lpxTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnUserProfileComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
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" }]
|
|
25
25
|
}] });
|
|
@@ -5,11 +5,11 @@ import { RouterModule } from '@angular/router';
|
|
|
5
5
|
import { MnUserProfileComponent } from './mn-user-profile.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class MnUserProfileModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: MnUserProfileModule, declarations: [MnUserProfileComponent], imports: [CommonModule, LpxAvatarModule, RouterModule, LpxTranslateModule], exports: [MnUserProfileComponent] }); }
|
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnUserProfileModule, imports: [CommonModule, LpxAvatarModule, RouterModule, LpxTranslateModule] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnUserProfileModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
declarations: [MnUserProfileComponent],
|
|
@@ -29,10 +29,10 @@ export class MobileNavbarComponent {
|
|
|
29
29
|
this.layoutService.addClass(this.mobileMenuOpened);
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileNavbarComponent, deps: [{ token: i1.NavbarService }, { token: i1.LayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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: i2.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: i2.AsyncPipe, name: "async" }] }); }
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileNavbarComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
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"] }]
|
|
38
38
|
}], ctorParameters: () => [{ type: i1.NavbarService }, { type: i1.LayoutService }], propDecorators: { logoPanel: [{
|
|
@@ -5,19 +5,19 @@ import { LanguageSelectionModule } from '@volo/ngx-lepton-x.lite';
|
|
|
5
5
|
import { MobileNavbarComponent } from './mobile-navbar.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class LpxMobileNavbarModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxMobileNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: LpxMobileNavbarModule, declarations: [MobileNavbarComponent], imports: [CommonModule,
|
|
10
10
|
LpxBrandLogoModule,
|
|
11
11
|
LpxIconModule,
|
|
12
12
|
LanguageSelectionModule,
|
|
13
13
|
LpxNavbarModule], exports: [MobileNavbarComponent] }); }
|
|
14
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
14
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxMobileNavbarModule, imports: [CommonModule,
|
|
15
15
|
LpxBrandLogoModule,
|
|
16
16
|
LpxIconModule,
|
|
17
17
|
LanguageSelectionModule,
|
|
18
18
|
LpxNavbarModule] }); }
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxMobileNavbarModule, decorators: [{
|
|
21
21
|
type: NgModule,
|
|
22
22
|
args: [{
|
|
23
23
|
declarations: [MobileNavbarComponent],
|
|
@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
|
|
|
2
2
|
import { ToolbarComponent } from './toolbar.component';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class ToolbarContainerComponent {
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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" }] }); }
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarContainerComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ standalone: true, selector: 'lpx-toolbar-container', imports: [ToolbarComponent], template: "<lpx-toolbar></lpx-toolbar>\r\n" }]
|
|
11
11
|
}] });
|
|
@@ -17,10 +17,10 @@ export class ToolbarItemComponent {
|
|
|
17
17
|
this.action();
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: LpxIconModule }, { kind: "component", type: i2.IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }] }); }
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarItemComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
25
|
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" }]
|
|
26
26
|
}], propDecorators: { component: [{
|
|
@@ -4,10 +4,10 @@ import { ToolbarItemComponent } from './toolbar-item.component';
|
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class ToolbarItemsComponent {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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 }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarItemsComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
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" }]
|
|
13
13
|
}], propDecorators: { items: [{
|
|
@@ -7,10 +7,10 @@ export class ToolbarComponent {
|
|
|
7
7
|
constructor() {
|
|
8
8
|
this.toolbarService = inject(ToolbarService);
|
|
9
9
|
}
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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 }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
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" }]
|
|
16
16
|
}] });
|
|
@@ -4,10 +4,10 @@ export class LanguageSelectionPanelDirective {
|
|
|
4
4
|
constructor(template) {
|
|
5
5
|
this.template = template;
|
|
6
6
|
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LanguageSelectionPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: LanguageSelectionPanelDirective, selector: "ng-template[lpx-language-selection]", ngImport: i0 }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LanguageSelectionPanelDirective, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'ng-template[lpx-language-selection]',
|
|
@@ -4,10 +4,10 @@ export class MobileLanguageSelectionDirective {
|
|
|
4
4
|
constructor(template) {
|
|
5
5
|
this.template = template;
|
|
6
6
|
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileLanguageSelectionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: MobileLanguageSelectionDirective, selector: "ng-template[lpx-mn-language-selection]", ngImport: i0 }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileLanguageSelectionDirective, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'ng-template[lpx-mn-language-selection]',
|
|
@@ -4,10 +4,10 @@ export class MobileUserProfilePanelDirective {
|
|
|
4
4
|
constructor(template) {
|
|
5
5
|
this.template = template;
|
|
6
6
|
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileUserProfilePanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: MobileUserProfilePanelDirective, selector: "ng-template[lpx-mn-user-profile-panel]", ngImport: i0 }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileUserProfilePanelDirective, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'ng-template[lpx-mn-user-profile-panel]',
|
|
@@ -4,10 +4,10 @@ export class SettingsPanelDirective {
|
|
|
4
4
|
constructor(template) {
|
|
5
5
|
this.template = template;
|
|
6
6
|
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SettingsPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: SettingsPanelDirective, selector: "ng-template[lpx-settings-panel]", ngImport: i0 }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SettingsPanelDirective, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'ng-template[lpx-settings-panel]',
|
|
@@ -4,10 +4,10 @@ export class TopbarContentPanelDirective {
|
|
|
4
4
|
constructor(template) {
|
|
5
5
|
this.template = template;
|
|
6
6
|
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TopbarContentPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: TopbarContentPanelDirective, selector: "ng-template[lpx-topbar-content]", ngImport: i0 }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TopbarContentPanelDirective, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'ng-template[lpx-topbar-content]',
|
|
@@ -4,10 +4,10 @@ export class UserProfilePanelDirective {
|
|
|
4
4
|
constructor(template) {
|
|
5
5
|
this.template = template;
|
|
6
6
|
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserProfilePanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: UserProfilePanelDirective, selector: "ng-template[lpx-user-profile]", ngImport: i0 }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserProfilePanelDirective, decorators: [{
|
|
11
11
|
type: Directive,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'ng-template[lpx-user-profile]',
|
|
@@ -18,10 +18,10 @@ export class SideMenuLayoutComponent {
|
|
|
18
18
|
constructor() {
|
|
19
19
|
this.layoutService = inject(LayoutService);
|
|
20
20
|
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.NavbarComponent, selector: "lpx-navbar" }, { kind: "component", type: i2.BreadcrumbComponent, selector: "lpx-breadcrumb" }, { kind: "directive", type: i2.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: i4.MobileNavbarComponent, selector: "lpx-mobile-navbar" }, { kind: "component", type: i5.MnUserProfileComponent, selector: "lpx-mn-user-profile" }, { kind: "component", type: i6.MnLanguageSelectionComponent, selector: "lpx-mn-language-selection" }, { kind: "component", type: i2.FooterComponent, selector: "lpx-footer" }, { kind: "directive", type: i2.LogoPanelDirective, selector: "ng-template[lpx-logo-panel]" }, { kind: "component", type: i2.BrandLogoComponent, selector: "lpx-brand-logo" }, { kind: "component", type: i7.ToolbarContainerComponent, selector: "lpx-toolbar-container" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuLayoutComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
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" }]
|
|
27
27
|
}], propDecorators: { navbarPanel: [{
|
|
@@ -31,8 +31,8 @@ export class LpxSideMenuLayoutModule {
|
|
|
31
31
|
providers: [getSideMenuLayoutStylesProvider(options?.styleFactory)],
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
35
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
34
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxSideMenuLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
35
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: LpxSideMenuLayoutModule, declarations: [SideMenuLayoutComponent,
|
|
36
36
|
SettingsPanelDirective,
|
|
37
37
|
LanguageSelectionPanelDirective,
|
|
38
38
|
TopbarContentPanelDirective,
|
|
@@ -57,7 +57,7 @@ export class LpxSideMenuLayoutModule {
|
|
|
57
57
|
UserProfilePanelDirective,
|
|
58
58
|
MobileUserProfilePanelDirective,
|
|
59
59
|
MobileLanguageSelectionDirective] }); }
|
|
60
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
60
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxSideMenuLayoutModule, imports: [CommonModule,
|
|
61
61
|
LpxNavbarModule,
|
|
62
62
|
LpxBreadcrumbModule,
|
|
63
63
|
LpxResponsiveModule,
|
|
@@ -71,7 +71,7 @@ export class LpxSideMenuLayoutModule {
|
|
|
71
71
|
LpxBrandLogoModule,
|
|
72
72
|
ToolbarContainerComponent] }); }
|
|
73
73
|
}
|
|
74
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
74
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxSideMenuLayoutModule, decorators: [{
|
|
75
75
|
type: NgModule,
|
|
76
76
|
args: [{
|
|
77
77
|
declarations: [...declarationsWithExports],
|
|
@@ -15,10 +15,10 @@ export class LanguageSelectionComponent {
|
|
|
15
15
|
onLanguageSelection(lang) {
|
|
16
16
|
this.service.setSelectedLanguage(lang);
|
|
17
17
|
}
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LanguageSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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 [ngClass]=\"{ '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>\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: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: NgbDropdownModule }, { kind: "directive", type: i2.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i2.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i2.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i2.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i2.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "ngmodule", type: LpxIconModule }, { kind: "component", type: i3.IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
20
20
|
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LanguageSelectionComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
23
|
args: [{ selector: 'lpx-language-selection', standalone: true, imports: [CommonModule, NgbDropdownModule, LpxIconModule], 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 [ngClass]=\"{ '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>\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" }]
|
|
24
24
|
}] });
|
|
@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { LanguageSelectionComponent } from './language-selection.component';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class LanguageSelectionModule {
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
6
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
7
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LanguageSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: LanguageSelectionModule, imports: [LanguageSelectionComponent], exports: [LanguageSelectionComponent] }); }
|
|
7
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LanguageSelectionModule, imports: [LanguageSelectionComponent] }); }
|
|
8
8
|
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LanguageSelectionModule, decorators: [{
|
|
10
10
|
type: NgModule,
|
|
11
11
|
args: [{
|
|
12
12
|
declarations: [],
|
|
@@ -14,10 +14,10 @@ export class UserProfileComponent {
|
|
|
14
14
|
onActionClick(item) {
|
|
15
15
|
item.action?.();
|
|
16
16
|
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: UserProfileComponent, 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\"></lpx-avatar>\r\n <span class=\"user-full-name\">{{ userProfile.fullName }}</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 <ng-container\r\n *ngComponentOutlet=\"action.component; injector: injector\"\r\n ></ng-container>\r\n }\r\n @if (!action.component) {\r\n <a\r\n ngbDropdownItem\r\n (click)=\"onActionClick(action)\"\r\n [routerLink]=\"action.link\"\r\n >{{ action.text || '' | lpxTranslate | async }}\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: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "component", type: i2.AvatarComponent, selector: "lpx-avatar", inputs: ["avatar"] }, { kind: "directive", type: i3.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i3.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i3.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i3.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "lpxTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserProfileComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{ selector: 'lpx-user-profile', encapsulation: ViewEncapsulation.None, 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\"></lpx-avatar>\r\n <span class=\"user-full-name\">{{ userProfile.fullName }}</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 <ng-container\r\n *ngComponentOutlet=\"action.component; injector: injector\"\r\n ></ng-container>\r\n }\r\n @if (!action.component) {\r\n <a\r\n ngbDropdownItem\r\n (click)=\"onActionClick(action)\"\r\n [routerLink]=\"action.link\"\r\n >{{ action.text || '' | lpxTranslate | async }}\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" }]
|
|
23
23
|
}] });
|
|
@@ -6,19 +6,19 @@ import { LpxAvatarModule, LpxTranslateModule } from '@volo/ngx-lepton-x.core';
|
|
|
6
6
|
import { UserProfileComponent } from './user-profile.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class UserProfileModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: UserProfileModule, declarations: [UserProfileComponent], imports: [CommonModule,
|
|
11
11
|
LpxAvatarModule,
|
|
12
12
|
NgbDropdownModule,
|
|
13
13
|
RouterModule,
|
|
14
14
|
LpxTranslateModule], exports: [UserProfileComponent] }); }
|
|
15
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
15
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserProfileModule, imports: [CommonModule,
|
|
16
16
|
LpxAvatarModule,
|
|
17
17
|
NgbDropdownModule,
|
|
18
18
|
RouterModule,
|
|
19
19
|
LpxTranslateModule] }); }
|
|
20
20
|
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserProfileModule, decorators: [{
|
|
22
22
|
type: NgModule,
|
|
23
23
|
args: [{
|
|
24
24
|
declarations: [UserProfileComponent],
|
|
@@ -12,11 +12,11 @@ export class LpxModule {
|
|
|
12
12
|
],
|
|
13
13
|
};
|
|
14
14
|
}
|
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
16
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
17
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
16
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: LpxModule, imports: [LpxCoreModule] }); }
|
|
17
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxModule, imports: [LpxCoreModule] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxModule, decorators: [{
|
|
20
20
|
type: NgModule,
|
|
21
21
|
args: [{
|
|
22
22
|
imports: [LpxCoreModule],
|
|
@@ -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.3.
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
39
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", 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.12", 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.3.
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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.3.11", ngImpo
|
|
|
48
48
|
}] } });
|
|
49
49
|
|
|
50
50
|
class LpxMobileNavbarModule {
|
|
51
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
52
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxMobileNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
52
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", 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.3.
|
|
57
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", 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.3.
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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.3.
|
|
83
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.
|
|
82
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", 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.12", type: SettingsPanelDirective, selector: "ng-template[lpx-settings-panel]", ngImport: i0 }); }
|
|
84
84
|
}
|
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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.3.
|
|
97
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.
|
|
96
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", 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.12", type: LanguageSelectionPanelDirective, selector: "ng-template[lpx-language-selection]", ngImport: i0 }); }
|
|
98
98
|
}
|
|
99
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
99
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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.3.
|
|
111
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.
|
|
110
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", 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.12", type: UserProfilePanelDirective, selector: "ng-template[lpx-user-profile]", ngImport: i0 }); }
|
|
112
112
|
}
|
|
113
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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.3.
|
|
125
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.
|
|
124
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", 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.12", type: TopbarContentPanelDirective, selector: "ng-template[lpx-topbar-content]", ngImport: i0 }); }
|
|
126
126
|
}
|
|
127
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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.3.
|
|
139
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.
|
|
138
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", 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.12", type: MobileUserProfilePanelDirective, selector: "ng-template[lpx-mn-user-profile-panel]", ngImport: i0 }); }
|
|
140
140
|
}
|
|
141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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.3.
|
|
153
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.
|
|
152
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", 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.12", type: MobileLanguageSelectionDirective, selector: "ng-template[lpx-mn-language-selection]", ngImport: i0 }); }
|
|
154
154
|
}
|
|
155
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MobileLanguageSelectionDirective, decorators: [{
|
|
156
156
|
type: Directive,
|
|
157
157
|
args: [{
|
|
158
158
|
selector: 'ng-template[lpx-mn-language-selection]',
|
|
@@ -171,10 +171,10 @@ class MnUserProfileComponent {
|
|
|
171
171
|
onActionClick(item) {
|
|
172
172
|
item.action?.();
|
|
173
173
|
}
|
|
174
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
175
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
174
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
175
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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.3.
|
|
177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnUserProfileComponent, decorators: [{
|
|
178
178
|
type: Component,
|
|
179
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
|
}] });
|
|
@@ -192,10 +192,10 @@ 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.3.
|
|
196
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
195
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnLanguageSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
196
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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.3.
|
|
198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnLanguageSelectionComponent, decorators: [{
|
|
199
199
|
type: Component,
|
|
200
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
|
}] });
|
|
@@ -212,10 +212,10 @@ class ToolbarItemComponent {
|
|
|
212
212
|
this.action();
|
|
213
213
|
}
|
|
214
214
|
}
|
|
215
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
216
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
215
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
216
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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.3.
|
|
218
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarItemComponent, decorators: [{
|
|
219
219
|
type: Component,
|
|
220
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: [{
|
|
@@ -233,10 +233,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
233
233
|
}] } });
|
|
234
234
|
|
|
235
235
|
class ToolbarItemsComponent {
|
|
236
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
237
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
236
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
237
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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.3.
|
|
239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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,19 +247,19 @@ 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.3.
|
|
251
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
250
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
251
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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.3.
|
|
253
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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.3.
|
|
260
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
259
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
260
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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.3.
|
|
262
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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
|
}] });
|
|
@@ -268,10 +268,10 @@ class SideMenuLayoutComponent {
|
|
|
268
268
|
constructor() {
|
|
269
269
|
this.layoutService = inject(LayoutService);
|
|
270
270
|
}
|
|
271
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
272
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
271
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
272
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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.3.
|
|
274
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideMenuLayoutComponent, decorators: [{
|
|
275
275
|
type: Component,
|
|
276
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
277
|
}], propDecorators: { navbarPanel: [{
|
|
@@ -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.3.
|
|
350
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
351
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
349
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
350
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", 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.12", ngImport: i0, type: MnUserProfileModule, imports: [CommonModule, LpxAvatarModule, RouterModule, LpxTranslateModule] }); }
|
|
352
352
|
}
|
|
353
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
353
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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.3.11", ngImpo
|
|
|
360
360
|
}] });
|
|
361
361
|
|
|
362
362
|
class MnLanguageSelectionModule {
|
|
363
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
364
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
365
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
363
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnLanguageSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
364
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: MnLanguageSelectionModule, declarations: [MnLanguageSelectionComponent], imports: [CommonModule, LpxIconModule], exports: [MnLanguageSelectionComponent] }); }
|
|
365
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MnLanguageSelectionModule, imports: [CommonModule, LpxIconModule] }); }
|
|
366
366
|
}
|
|
367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
367
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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.3.
|
|
393
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
392
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxSideMenuLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
393
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", 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.3.
|
|
418
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", 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.3.
|
|
432
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxSideMenuLayoutModule, decorators: [{
|
|
433
433
|
type: NgModule,
|
|
434
434
|
args: [{
|
|
435
435
|
declarations: [...declarationsWithExports],
|
|
@@ -52,11 +52,11 @@ class LpxModule {
|
|
|
52
52
|
],
|
|
53
53
|
};
|
|
54
54
|
}
|
|
55
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
56
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
57
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
55
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
56
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: LpxModule, imports: [LpxCoreModule] }); }
|
|
57
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxModule, imports: [LpxCoreModule] }); }
|
|
58
58
|
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LpxModule, decorators: [{
|
|
60
60
|
type: NgModule,
|
|
61
61
|
args: [{
|
|
62
62
|
imports: [LpxCoreModule],
|
|
@@ -72,28 +72,28 @@ class UserProfileComponent {
|
|
|
72
72
|
onActionClick(item) {
|
|
73
73
|
item.action?.();
|
|
74
74
|
}
|
|
75
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
76
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
75
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
76
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: UserProfileComponent, 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\"></lpx-avatar>\r\n <span class=\"user-full-name\">{{ userProfile.fullName }}</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 <ng-container\r\n *ngComponentOutlet=\"action.component; injector: injector\"\r\n ></ng-container>\r\n }\r\n @if (!action.component) {\r\n <a\r\n ngbDropdownItem\r\n (click)=\"onActionClick(action)\"\r\n [routerLink]=\"action.link\"\r\n >{{ action.text || '' | lpxTranslate | async }}\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: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "component", type: i2.AvatarComponent, selector: "lpx-avatar", inputs: ["avatar"] }, { kind: "directive", type: i2$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i2$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i2$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i2$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "lpxTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
77
77
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserProfileComponent, decorators: [{
|
|
79
79
|
type: Component,
|
|
80
80
|
args: [{ selector: 'lpx-user-profile', encapsulation: ViewEncapsulation.None, 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\"></lpx-avatar>\r\n <span class=\"user-full-name\">{{ userProfile.fullName }}</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 <ng-container\r\n *ngComponentOutlet=\"action.component; injector: injector\"\r\n ></ng-container>\r\n }\r\n @if (!action.component) {\r\n <a\r\n ngbDropdownItem\r\n (click)=\"onActionClick(action)\"\r\n [routerLink]=\"action.link\"\r\n >{{ action.text || '' | lpxTranslate | async }}\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" }]
|
|
81
81
|
}] });
|
|
82
82
|
|
|
83
83
|
class UserProfileModule {
|
|
84
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
85
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
84
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
85
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: UserProfileModule, declarations: [UserProfileComponent], imports: [CommonModule,
|
|
86
86
|
LpxAvatarModule,
|
|
87
87
|
NgbDropdownModule,
|
|
88
88
|
RouterModule,
|
|
89
89
|
LpxTranslateModule], exports: [UserProfileComponent] }); }
|
|
90
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
90
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserProfileModule, imports: [CommonModule,
|
|
91
91
|
LpxAvatarModule,
|
|
92
92
|
NgbDropdownModule,
|
|
93
93
|
RouterModule,
|
|
94
94
|
LpxTranslateModule] }); }
|
|
95
95
|
}
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
96
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserProfileModule, decorators: [{
|
|
97
97
|
type: NgModule,
|
|
98
98
|
args: [{
|
|
99
99
|
declarations: [UserProfileComponent],
|
|
@@ -117,20 +117,20 @@ class LanguageSelectionComponent {
|
|
|
117
117
|
onLanguageSelection(lang) {
|
|
118
118
|
this.service.setSelectedLanguage(lang);
|
|
119
119
|
}
|
|
120
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
121
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
120
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LanguageSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
121
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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 [ngClass]=\"{ '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>\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: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: NgbDropdownModule }, { kind: "directive", type: i2$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i2$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i2$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i2$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i2$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "ngmodule", type: LpxIconModule }, { kind: "component", type: i2.IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
122
122
|
}
|
|
123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LanguageSelectionComponent, decorators: [{
|
|
124
124
|
type: Component,
|
|
125
125
|
args: [{ selector: 'lpx-language-selection', standalone: true, imports: [CommonModule, NgbDropdownModule, LpxIconModule], 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 [ngClass]=\"{ '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>\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" }]
|
|
126
126
|
}] });
|
|
127
127
|
|
|
128
128
|
class LanguageSelectionModule {
|
|
129
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
130
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
131
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
129
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LanguageSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
130
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: LanguageSelectionModule, imports: [LanguageSelectionComponent], exports: [LanguageSelectionComponent] }); }
|
|
131
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LanguageSelectionModule, imports: [LanguageSelectionComponent] }); }
|
|
132
132
|
}
|
|
133
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LanguageSelectionModule, decorators: [{
|
|
134
134
|
type: NgModule,
|
|
135
135
|
args: [{
|
|
136
136
|
declarations: [],
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@volo/ngx-lepton-x.lite",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.1",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"tslib": "^2.3.0",
|
|
6
6
|
"bootstrap-icons": "~1.7.2",
|
|
7
7
|
"@ng-bootstrap/ng-bootstrap": "~16.0.0",
|
|
8
|
-
"@volo/ngx-lepton-x.core": "3.2.
|
|
8
|
+
"@volo/ngx-lepton-x.core": "3.2.1"
|
|
9
9
|
},
|
|
10
10
|
"publishConfig": {
|
|
11
11
|
"access": "public"
|