@volo/ngx-lepton-x.lite 4.0.5 → 4.1.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/assets/css/bootstrap-dim.css +128 -2
  2. package/assets/css/bootstrap-dim.rtl.css +128 -2
  3. package/assets/css/font-bundle.css +1 -1
  4. package/assets/css/font-bundle.rtl.css +1 -1
  5. package/assets/css/ng-bundle.css +12 -0
  6. package/assets/css/ng-bundle.rtl.css +12 -0
  7. package/assets/css/side-menu/layout-bundle.css +10 -0
  8. package/assets/css/side-menu/layout-bundle.rtl.css +10 -0
  9. package/fesm2022/volo-ngx-lepton-x.lite-layouts.mjs +78 -75
  10. package/fesm2022/volo-ngx-lepton-x.lite-layouts.mjs.map +1 -1
  11. package/fesm2022/volo-ngx-lepton-x.lite.mjs +25 -28
  12. package/fesm2022/volo-ngx-lepton-x.lite.mjs.map +1 -1
  13. package/layouts/lib/side-menu-layout/providers/style.provider.d.ts +1 -11
  14. package/layouts/lib/side-menu-layout/side-menu-layout.component.d.ts +1 -0
  15. package/lib/providers/style.provider.d.ts +1 -9
  16. package/package.json +2 -6
  17. package/esm2022/index.mjs +0 -5
  18. package/esm2022/layouts/index.mjs +0 -2
  19. package/esm2022/layouts/lib/components/index.mjs +0 -5
  20. package/esm2022/layouts/lib/components/mn-language-selection/index.mjs +0 -3
  21. package/esm2022/layouts/lib/components/mn-language-selection/mn-language-selection.component.mjs +0 -26
  22. package/esm2022/layouts/lib/components/mn-language-selection/mn-language-selection.module.mjs +0 -19
  23. package/esm2022/layouts/lib/components/mn-user-profile/index.mjs +0 -3
  24. package/esm2022/layouts/lib/components/mn-user-profile/mn-user-profile.component.mjs +0 -26
  25. package/esm2022/layouts/lib/components/mn-user-profile/mn-user-profile.module.mjs +0 -20
  26. package/esm2022/layouts/lib/components/mobile-navbar/index.mjs +0 -3
  27. package/esm2022/layouts/lib/components/mobile-navbar/mobile-navbar.component.mjs +0 -42
  28. package/esm2022/layouts/lib/components/mobile-navbar/mobile-navbar.module.mjs +0 -34
  29. package/esm2022/layouts/lib/components/toolbar/index.mjs +0 -2
  30. package/esm2022/layouts/lib/components/toolbar/toolbar-container.component.mjs +0 -12
  31. package/esm2022/layouts/lib/components/toolbar/toolbar-item.component.mjs +0 -39
  32. package/esm2022/layouts/lib/components/toolbar/toolbar-items.component.mjs +0 -16
  33. package/esm2022/layouts/lib/components/toolbar/toolbar.component.mjs +0 -17
  34. package/esm2022/layouts/lib/index.mjs +0 -3
  35. package/esm2022/layouts/lib/side-menu-layout/index.mjs +0 -4
  36. package/esm2022/layouts/lib/side-menu-layout/panels/index.mjs +0 -8
  37. package/esm2022/layouts/lib/side-menu-layout/panels/language-selection-panel.directive.mjs +0 -16
  38. package/esm2022/layouts/lib/side-menu-layout/panels/mobile-language-selection.directive.mjs +0 -16
  39. package/esm2022/layouts/lib/side-menu-layout/panels/mobile-user-profile-panel.directive.mjs +0 -16
  40. package/esm2022/layouts/lib/side-menu-layout/panels/settings-panel.directive.mjs +0 -16
  41. package/esm2022/layouts/lib/side-menu-layout/panels/topbar-content-panel.directive.mjs +0 -16
  42. package/esm2022/layouts/lib/side-menu-layout/panels/user-profile-panel.directive.mjs +0 -16
  43. package/esm2022/layouts/lib/side-menu-layout/providers/index.mjs +0 -2
  44. package/esm2022/layouts/lib/side-menu-layout/providers/style.provider.mjs +0 -28
  45. package/esm2022/layouts/lib/side-menu-layout/side-menu-layout.component.mjs +0 -70
  46. package/esm2022/layouts/lib/side-menu-layout/side-menu-layout.module.mjs +0 -96
  47. package/esm2022/layouts/lib/side-menu-layout/tokens/index.mjs +0 -2
  48. package/esm2022/layouts/lib/side-menu-layout/tokens/style.token.mjs +0 -3
  49. package/esm2022/layouts/volo-ngx-lepton-x.lite-layouts.mjs +0 -5
  50. package/esm2022/lib/components/index.mjs +0 -3
  51. package/esm2022/lib/components/language-selection/index.mjs +0 -3
  52. package/esm2022/lib/components/language-selection/language-selection.component.mjs +0 -25
  53. package/esm2022/lib/components/language-selection/language-selection.module.mjs +0 -17
  54. package/esm2022/lib/components/user-profile/index.mjs +0 -3
  55. package/esm2022/lib/components/user-profile/user-profile.component.mjs +0 -24
  56. package/esm2022/lib/components/user-profile/user-profile.module.mjs +0 -35
  57. package/esm2022/lib/index.mjs +0 -3
  58. package/esm2022/lib/lepton-x-lite.module.mjs +0 -25
  59. package/esm2022/lib/providers/index.mjs +0 -2
  60. package/esm2022/lib/providers/style.provider.mjs +0 -34
  61. package/esm2022/lib/tokens/index.mjs +0 -2
  62. package/esm2022/lib/tokens/style.token.mjs +0 -3
  63. package/esm2022/volo-ngx-lepton-x.lite.mjs +0 -5
@@ -1,9 +1,9 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, ContentChild, NgModule, Directive, inject, ViewEncapsulation, Input, ChangeDetectionStrategy, InjectionToken, APP_INITIALIZER } from '@angular/core';
2
+ import { ContentChild, Component, NgModule, Directive, inject, ViewEncapsulation, Input, ChangeDetectionStrategy, InjectionToken, provideAppInitializer } from '@angular/core';
3
3
  import * as i1$1 from '@angular/common';
4
4
  import { CommonModule, AsyncPipe } from '@angular/common';
5
5
  import * as i1 from '@volo/ngx-lepton-x.core';
6
- import { LogoPanelDirective, LpxBrandLogoModule, LpxIconModule, LpxNavbarModule, UserProfileService, LanguageService, LpxVisibleDirective, ToolbarService, LayoutService, NavbarPanelDirective, MobileNavbarPanelDirective, BreadcrumbPanelDirective, FooterPanelDirective, NavitemPanelDirective, ContentPanelDirective, LPX_LAYOUT_STYLE_FINAL, createStyleFactory, LpxAvatarModule, LpxTranslateModule, LpxBreadcrumbModule, LpxResponsiveModule, LpxFooterModule, PanelsModule } from '@volo/ngx-lepton-x.core';
6
+ import { LogoPanelDirective, LpxBrandLogoModule, LpxIconModule, LpxNavbarModule, UserProfileService, LanguageService, LpxVisibleDirective, ToolbarService, LayoutService, NavbarPanelDirective, MobileNavbarPanelDirective, BreadcrumbPanelDirective, FooterPanelDirective, NavitemPanelDirective, ContentPanelDirective, createStyleFactory, LPX_LAYOUT_STYLE_FINAL, LpxAvatarModule, LpxTranslateModule, LpxBreadcrumbModule, LpxResponsiveModule, LpxFooterModule, PanelsModule } from '@volo/ngx-lepton-x.core';
7
7
  import * as i3 from '@volo/ngx-lepton-x.lite';
8
8
  import { LanguageSelectionModule, UserProfileModule } from '@volo/ngx-lepton-x.lite';
9
9
  import * as i2 from '@angular/router';
@@ -36,31 +36,31 @@ class MobileNavbarComponent {
36
36
  this.layoutService.addClass(this.mobileMenuOpened);
37
37
  }
38
38
  }
39
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", 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: "18.1.5", 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" }] }); }
39
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", 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: "19.1.5", type: MobileNavbarComponent, isStandalone: false, 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: "18.1.5", ngImport: i0, type: MobileNavbarComponent, decorators: [{
42
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MobileNavbarComponent, decorators: [{
43
43
  type: Component,
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"] }]
44
+ args: [{ standalone: false, 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: [{
46
46
  type: ContentChild,
47
47
  args: [LogoPanelDirective]
48
48
  }] } });
49
49
 
50
50
  class LpxMobileNavbarModule {
51
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: LpxMobileNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
52
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: LpxMobileNavbarModule, declarations: [MobileNavbarComponent], imports: [CommonModule,
51
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LpxMobileNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
52
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", 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: "18.1.5", ngImport: i0, type: LpxMobileNavbarModule, imports: [CommonModule,
57
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", 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: "18.1.5", ngImport: i0, type: LpxMobileNavbarModule, decorators: [{
63
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LpxMobileNavbarModule, decorators: [{
64
64
  type: NgModule,
65
65
  args: [{
66
66
  declarations: [MobileNavbarComponent],
@@ -79,12 +79,13 @@ class SettingsPanelDirective {
79
79
  constructor(template) {
80
80
  this.template = template;
81
81
  }
82
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SettingsPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
83
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: SettingsPanelDirective, selector: "ng-template[lpx-settings-panel]", ngImport: i0 }); }
82
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SettingsPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
83
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: SettingsPanelDirective, isStandalone: false, selector: "ng-template[lpx-settings-panel]", ngImport: i0 }); }
84
84
  }
85
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SettingsPanelDirective, decorators: [{
85
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SettingsPanelDirective, decorators: [{
86
86
  type: Directive,
87
87
  args: [{
88
+ standalone: false,
88
89
  selector: 'ng-template[lpx-settings-panel]',
89
90
  }]
90
91
  }], ctorParameters: () => [{ type: i0.TemplateRef }] });
@@ -93,12 +94,13 @@ class LanguageSelectionPanelDirective {
93
94
  constructor(template) {
94
95
  this.template = template;
95
96
  }
96
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: LanguageSelectionPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
97
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: LanguageSelectionPanelDirective, selector: "ng-template[lpx-language-selection]", ngImport: i0 }); }
97
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LanguageSelectionPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
98
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: LanguageSelectionPanelDirective, isStandalone: false, selector: "ng-template[lpx-language-selection]", ngImport: i0 }); }
98
99
  }
99
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: LanguageSelectionPanelDirective, decorators: [{
100
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LanguageSelectionPanelDirective, decorators: [{
100
101
  type: Directive,
101
102
  args: [{
103
+ standalone: false,
102
104
  selector: 'ng-template[lpx-language-selection]',
103
105
  }]
104
106
  }], ctorParameters: () => [{ type: i0.TemplateRef }] });
@@ -107,12 +109,13 @@ class UserProfilePanelDirective {
107
109
  constructor(template) {
108
110
  this.template = template;
109
111
  }
110
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: UserProfilePanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
111
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: UserProfilePanelDirective, selector: "ng-template[lpx-user-profile]", ngImport: i0 }); }
112
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: UserProfilePanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
113
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: UserProfilePanelDirective, isStandalone: false, selector: "ng-template[lpx-user-profile]", ngImport: i0 }); }
112
114
  }
113
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: UserProfilePanelDirective, decorators: [{
115
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: UserProfilePanelDirective, decorators: [{
114
116
  type: Directive,
115
117
  args: [{
118
+ standalone: false,
116
119
  selector: 'ng-template[lpx-user-profile]',
117
120
  }]
118
121
  }], ctorParameters: () => [{ type: i0.TemplateRef }] });
@@ -121,12 +124,13 @@ class TopbarContentPanelDirective {
121
124
  constructor(template) {
122
125
  this.template = template;
123
126
  }
124
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TopbarContentPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
125
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: TopbarContentPanelDirective, selector: "ng-template[lpx-topbar-content]", ngImport: i0 }); }
127
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TopbarContentPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
128
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: TopbarContentPanelDirective, isStandalone: false, selector: "ng-template[lpx-topbar-content]", ngImport: i0 }); }
126
129
  }
127
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TopbarContentPanelDirective, decorators: [{
130
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TopbarContentPanelDirective, decorators: [{
128
131
  type: Directive,
129
132
  args: [{
133
+ standalone: false,
130
134
  selector: 'ng-template[lpx-topbar-content]',
131
135
  }]
132
136
  }], ctorParameters: () => [{ type: i0.TemplateRef }] });
@@ -135,12 +139,13 @@ class MobileUserProfilePanelDirective {
135
139
  constructor(template) {
136
140
  this.template = template;
137
141
  }
138
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MobileUserProfilePanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
139
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: MobileUserProfilePanelDirective, selector: "ng-template[lpx-mn-user-profile-panel]", ngImport: i0 }); }
142
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MobileUserProfilePanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
143
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: MobileUserProfilePanelDirective, isStandalone: false, selector: "ng-template[lpx-mn-user-profile-panel]", ngImport: i0 }); }
140
144
  }
141
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MobileUserProfilePanelDirective, decorators: [{
145
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MobileUserProfilePanelDirective, decorators: [{
142
146
  type: Directive,
143
147
  args: [{
148
+ standalone: false,
144
149
  selector: 'ng-template[lpx-mn-user-profile-panel]',
145
150
  }]
146
151
  }], ctorParameters: () => [{ type: i0.TemplateRef }] });
@@ -149,12 +154,13 @@ class MobileLanguageSelectionDirective {
149
154
  constructor(template) {
150
155
  this.template = template;
151
156
  }
152
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MobileLanguageSelectionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
153
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: MobileLanguageSelectionDirective, selector: "ng-template[lpx-mn-language-selection]", ngImport: i0 }); }
157
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MobileLanguageSelectionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
158
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: MobileLanguageSelectionDirective, isStandalone: false, selector: "ng-template[lpx-mn-language-selection]", ngImport: i0 }); }
154
159
  }
155
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MobileLanguageSelectionDirective, decorators: [{
160
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MobileLanguageSelectionDirective, decorators: [{
156
161
  type: Directive,
157
162
  args: [{
163
+ standalone: false,
158
164
  selector: 'ng-template[lpx-mn-language-selection]',
159
165
  }]
160
166
  }], ctorParameters: () => [{ type: i0.TemplateRef }] });
@@ -171,12 +177,12 @@ class MnUserProfileComponent {
171
177
  onActionClick(item) {
172
178
  item.action?.();
173
179
  }
174
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MnUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
175
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", 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 }); }
180
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MnUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
181
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: MnUserProfileComponent, isStandalone: false, 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", exportAs: ["emptyRouterOutlet"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "lpxTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
176
182
  }
177
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MnUserProfileComponent, decorators: [{
183
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MnUserProfileComponent, decorators: [{
178
184
  type: Component,
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" }]
185
+ args: [{ standalone: false, 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
186
  }] });
181
187
 
182
188
  class MnLanguageSelectionComponent {
@@ -192,12 +198,12 @@ class MnLanguageSelectionComponent {
192
198
  onLanguageSelection(lang) {
193
199
  this.service.setSelectedLanguage(lang);
194
200
  }
195
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MnLanguageSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
196
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", 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 }); }
201
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MnLanguageSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
202
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: MnLanguageSelectionComponent, isStandalone: false, 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
203
  }
198
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MnLanguageSelectionComponent, decorators: [{
204
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MnLanguageSelectionComponent, decorators: [{
199
205
  type: Component,
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" }]
206
+ args: [{ standalone: false, 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
207
  }] });
202
208
 
203
209
  class ToolbarItemComponent {
@@ -212,12 +218,12 @@ class ToolbarItemComponent {
212
218
  this.action();
213
219
  }
214
220
  }
215
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
216
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", 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"] }] }); }
221
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
222
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", 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"], exportAs: ["ngComponentOutlet"] }, { 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
223
  }
218
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ToolbarItemComponent, decorators: [{
224
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ToolbarItemComponent, decorators: [{
219
225
  type: Component,
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" }]
226
+ args: [{ selector: 'lpx-toolbar-item', 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
227
  }], propDecorators: { component: [{
222
228
  type: Input
223
229
  }], template: [{
@@ -233,12 +239,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
233
239
  }] } });
234
240
 
235
241
  class ToolbarItemsComponent {
236
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ToolbarItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
237
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", 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 }); }
242
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ToolbarItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
243
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", 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
244
  }
239
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ToolbarItemsComponent, decorators: [{
245
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ToolbarItemsComponent, decorators: [{
240
246
  type: Component,
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" }]
247
+ args: [{ selector: 'lpx-toolbar-items', 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
248
  }], propDecorators: { items: [{
243
249
  type: Input
244
250
  }] } });
@@ -247,34 +253,34 @@ class ToolbarComponent {
247
253
  constructor() {
248
254
  this.toolbarService = inject(ToolbarService);
249
255
  }
250
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
251
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", 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 }); }
256
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
257
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", 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
258
  }
253
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ToolbarComponent, decorators: [{
259
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ToolbarComponent, decorators: [{
254
260
  type: Component,
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" }]
261
+ args: [{ selector: 'lpx-toolbar', imports: [AsyncPipe, ToolbarItemsComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<lpx-toolbar-items\r\n class=\"lpx-topbar-content\"\r\n [items]=\"(toolbarService.items$ | async) || []\"\r\n>\r\n</lpx-toolbar-items>\r\n" }]
256
262
  }] });
257
263
 
258
264
  class ToolbarContainerComponent {
259
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ToolbarContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
260
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", 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" }] }); }
265
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ToolbarContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
266
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", 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
267
  }
262
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ToolbarContainerComponent, decorators: [{
268
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ToolbarContainerComponent, decorators: [{
263
269
  type: Component,
264
- args: [{ standalone: true, selector: 'lpx-toolbar-container', imports: [ToolbarComponent], template: "<lpx-toolbar></lpx-toolbar>\r\n" }]
270
+ args: [{ selector: 'lpx-toolbar-container', imports: [ToolbarComponent], template: "<lpx-toolbar></lpx-toolbar>\r\n" }]
265
271
  }] });
266
272
 
267
273
  class SideMenuLayoutComponent {
268
274
  constructor() {
269
275
  this.layoutService = inject(LayoutService);
270
276
  }
271
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SideMenuLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
272
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", 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 }); }
277
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SideMenuLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
278
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: SideMenuLayoutComponent, isStandalone: false, 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
279
  }
274
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SideMenuLayoutComponent, decorators: [{
280
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SideMenuLayoutComponent, decorators: [{
275
281
  type: Component,
276
- args: [{ selector: 'lpx-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (layoutService.containerClass$ | async; as containerClass) {\r\n <div id=\"lpx-wrapper\" [ngClass]=\"containerClass\">\r\n <ng-container\r\n *ngTemplateOutlet=\"mobileNavbarPanel?.template || defaultMobileNavbar\"\r\n >\r\n </ng-container>\r\n <ng-template #defaultMobileNavbar>\r\n <lpx-mobile-navbar *lpxResponsive=\"'all md-none'\">\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n mobileUserProfilePanelDirective?.template ||\r\n defaultMobileUserProfile\r\n \"\r\n >\r\n </ng-container>\r\n <ng-template #defaultMobileUserProfile>\r\n <lpx-mn-user-profile class=\"d-block\"></lpx-mn-user-profile>\r\n </ng-template>\r\n\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n mobileLanguageSelectionDirective?.template ||\r\n defaultMobilLanguageSelection\r\n \"\r\n >\r\n </ng-container>\r\n <ng-template #defaultMobilLanguageSelection>\r\n <lpx-mn-language-selection\r\n class=\"d-block\"\r\n ></lpx-mn-language-selection>\r\n </ng-template>\r\n @if (logoPanel?.template) {\r\n <ng-container>\r\n <ng-template lpx-logo-panel>\r\n <ng-container\r\n *ngTemplateOutlet=\"logoPanel!.template\"\r\n ></ng-container>\r\n </ng-template>\r\n </ng-container>\r\n }\r\n </lpx-mobile-navbar>\r\n </ng-template>\r\n\r\n <div class=\"lpx-sidebar-container\" *lpxResponsive=\"'md'\">\r\n <div class=\"lpx-sidebar\">\r\n <ng-container\r\n *ngTemplateOutlet=\"navbarPanel?.template || defaultNavbar\"\r\n ></ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"lpx-content-container\">\r\n <div class=\"lpx-topbar-container\">\r\n <div class=\"lpx-topbar\">\r\n <div class=\"lpx-breadcrumb-container\">\r\n <ng-container *lpxResponsive=\"'md'\">\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n breadcrumbPanel?.template || defaultBreadcrumb\r\n \"\r\n ></ng-container>\r\n </ng-container>\r\n </div>\r\n <div class=\"lpx-topbar-content\" *lpxResponsive=\"'md'\">\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n topbarContentPanelDirective?.template || defaultTopbarContent\r\n \"\r\n ></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"lpx-content\">\r\n <ng-container\r\n *ngTemplateOutlet=\"contentPanel?.template || defaultContent\"\r\n ></ng-container>\r\n <ng-template #defaultContent>\r\n <ng-content></ng-content>\r\n </ng-template>\r\n <ng-container\r\n *ngTemplateOutlet=\"footerPanelDirective?.template || defaultFooter\"\r\n ></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n\r\n<ng-template #defaultTopbarContent>\r\n <lpx-toolbar-container></lpx-toolbar-container>\r\n</ng-template>\r\n\r\n<ng-template #defaultNavbar>\r\n <lpx-navbar>\r\n @if (logoPanel?.template) {\r\n <ng-template lpx-logo-panel>\r\n <ng-container *ngTemplateOutlet=\"logoPanel!.template\"></ng-container>\r\n </ng-template>\r\n }\r\n </lpx-navbar>\r\n</ng-template>\r\n\r\n<ng-template #defaultLogo>\r\n <lpx-brand-logo></lpx-brand-logo>\r\n</ng-template>\r\n\r\n<ng-template #defaultBreadcrumb>\r\n <lpx-breadcrumb></lpx-breadcrumb>\r\n</ng-template>\r\n\r\n<ng-template #defaultUserProfile>\r\n <lpx-user-profile></lpx-user-profile>\r\n</ng-template>\r\n\r\n<ng-template #defaultLanguageSelection>\r\n <lpx-language-selection></lpx-language-selection>\r\n</ng-template>\r\n\r\n<ng-template #defaultFooter>\r\n <lpx-footer></lpx-footer>\r\n</ng-template>\r\n" }]
277
- }], propDecorators: { navbarPanel: [{
282
+ args: [{ standalone: false, 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" }]
283
+ }], ctorParameters: () => [], propDecorators: { navbarPanel: [{
278
284
  type: ContentChild,
279
285
  args: [NavbarPanelDirective]
280
286
  }], mobileNavbarPanel: [{
@@ -332,12 +338,9 @@ const getSideMenuLayoutStylesProvider = (styleFactory) => [
332
338
  ];
333
339
  },
334
340
  },
335
- {
336
- provide: APP_INITIALIZER,
337
- deps: [LPX_SIDE_MENU_LAYOUT_STYLE_TOKEN],
338
- useValue: () => null,
339
- multi: true,
340
- },
341
+ provideAppInitializer(() => {
342
+ inject(LPX_SIDE_MENU_LAYOUT_STYLE_TOKEN);
343
+ }),
341
344
  {
342
345
  provide: LPX_LAYOUT_STYLE_FINAL,
343
346
  deps: [LPX_SIDE_MENU_LAYOUT_STYLE_TOKEN],
@@ -346,11 +349,11 @@ const getSideMenuLayoutStylesProvider = (styleFactory) => [
346
349
  ];
347
350
 
348
351
  class MnUserProfileModule {
349
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MnUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
350
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: MnUserProfileModule, declarations: [MnUserProfileComponent], imports: [CommonModule, LpxAvatarModule, RouterModule, LpxTranslateModule], exports: [MnUserProfileComponent] }); }
351
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MnUserProfileModule, imports: [CommonModule, LpxAvatarModule, RouterModule, LpxTranslateModule] }); }
352
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MnUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
353
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: MnUserProfileModule, declarations: [MnUserProfileComponent], imports: [CommonModule, LpxAvatarModule, RouterModule, LpxTranslateModule], exports: [MnUserProfileComponent] }); }
354
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MnUserProfileModule, imports: [CommonModule, LpxAvatarModule, RouterModule, LpxTranslateModule] }); }
352
355
  }
353
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MnUserProfileModule, decorators: [{
356
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MnUserProfileModule, decorators: [{
354
357
  type: NgModule,
355
358
  args: [{
356
359
  declarations: [MnUserProfileComponent],
@@ -360,11 +363,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
360
363
  }] });
361
364
 
362
365
  class MnLanguageSelectionModule {
363
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MnLanguageSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
364
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: MnLanguageSelectionModule, declarations: [MnLanguageSelectionComponent], imports: [CommonModule, LpxIconModule], exports: [MnLanguageSelectionComponent] }); }
365
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MnLanguageSelectionModule, imports: [CommonModule, LpxIconModule] }); }
366
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MnLanguageSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
367
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: MnLanguageSelectionModule, declarations: [MnLanguageSelectionComponent], imports: [CommonModule, LpxIconModule], exports: [MnLanguageSelectionComponent] }); }
368
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MnLanguageSelectionModule, imports: [CommonModule, LpxIconModule] }); }
366
369
  }
367
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MnLanguageSelectionModule, decorators: [{
370
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MnLanguageSelectionModule, decorators: [{
368
371
  type: NgModule,
369
372
  args: [{
370
373
  declarations: [MnLanguageSelectionComponent],
@@ -389,8 +392,8 @@ class LpxSideMenuLayoutModule {
389
392
  providers: [getSideMenuLayoutStylesProvider(options?.styleFactory)],
390
393
  };
391
394
  }
392
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: LpxSideMenuLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
393
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: LpxSideMenuLayoutModule, declarations: [SideMenuLayoutComponent,
395
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LpxSideMenuLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
396
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: LpxSideMenuLayoutModule, declarations: [SideMenuLayoutComponent,
394
397
  SettingsPanelDirective,
395
398
  LanguageSelectionPanelDirective,
396
399
  TopbarContentPanelDirective,
@@ -415,7 +418,7 @@ class LpxSideMenuLayoutModule {
415
418
  UserProfilePanelDirective,
416
419
  MobileUserProfilePanelDirective,
417
420
  MobileLanguageSelectionDirective] }); }
418
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: LpxSideMenuLayoutModule, imports: [CommonModule,
421
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LpxSideMenuLayoutModule, imports: [CommonModule,
419
422
  LpxNavbarModule,
420
423
  LpxBreadcrumbModule,
421
424
  LpxResponsiveModule,
@@ -429,7 +432,7 @@ class LpxSideMenuLayoutModule {
429
432
  LpxBrandLogoModule,
430
433
  ToolbarContainerComponent] }); }
431
434
  }
432
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: LpxSideMenuLayoutModule, decorators: [{
435
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LpxSideMenuLayoutModule, decorators: [{
433
436
  type: NgModule,
434
437
  args: [{
435
438
  declarations: [...declarationsWithExports],