@abp/ng.theme.lepton-x 4.3.0-rc.1 → 4.3.0-rc.3
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/account/index.d.ts +68 -5
- package/fesm2022/abp-ng.theme.lepton-x-account.mjs +56 -48
- package/fesm2022/abp-ng.theme.lepton-x-account.mjs.map +1 -1
- package/fesm2022/abp-ng.theme.lepton-x-layouts.mjs +98 -67
- package/fesm2022/abp-ng.theme.lepton-x-layouts.mjs.map +1 -1
- package/fesm2022/abp-ng.theme.lepton-x.mjs +177 -139
- package/fesm2022/abp-ng.theme.lepton-x.mjs.map +1 -1
- package/index.d.ts +128 -5
- package/layouts/index.d.ts +85 -5
- package/package.json +6 -6
- package/account/account-layout/account-layout.component.d.ts +0 -5
- package/account/account-layout/account-layout.module.d.ts +0 -18
- package/account/account-layout/components/auth-layout/auth-wrapper.component.d.ts +0 -7
- package/account/account-layout/components/tenant-box/tenant-box.component.d.ts +0 -7
- package/account/account-layout/index.d.ts +0 -2
- package/account/account-layout/services/account-layout.service.d.ts +0 -27
- package/account/public-api.d.ts +0 -1
- package/layouts/empty-layout/empty-layout.component.d.ts +0 -7
- package/layouts/empty-layout/index.d.ts +0 -1
- package/layouts/public-api.d.ts +0 -2
- package/layouts/side-menu-layout/components/index.d.ts +0 -4
- package/layouts/side-menu-layout/components/language-selection/index.d.ts +0 -1
- package/layouts/side-menu-layout/components/language-selection/language-selection.component.d.ts +0 -7
- package/layouts/side-menu-layout/components/nav-items/index.d.ts +0 -1
- package/layouts/side-menu-layout/components/nav-items/nav-items.component.d.ts +0 -10
- package/layouts/side-menu-layout/components/navigate-to-login/navigate-to-login.component.d.ts +0 -9
- package/layouts/side-menu-layout/components/user-profile/index.d.ts +0 -1
- package/layouts/side-menu-layout/components/user-profile/user-profile.component.d.ts +0 -7
- package/layouts/side-menu-layout/index.d.ts +0 -4
- package/layouts/side-menu-layout/providers/index.d.ts +0 -2
- package/layouts/side-menu-layout/providers/layout.provider.d.ts +0 -2
- package/layouts/side-menu-layout/providers/nav-item.provider.d.ts +0 -2
- package/layouts/side-menu-layout/side-menu-application-layout/index.d.ts +0 -1
- package/layouts/side-menu-layout/side-menu-application-layout/side-menu-application-layout.component.d.ts +0 -20
- package/layouts/side-menu-layout/side-menu-layout.module.d.ts +0 -20
- package/lib/components/index.d.ts +0 -1
- package/lib/components/validation-error/index.d.ts +0 -2
- package/lib/components/validation-error/validation-error.component.d.ts +0 -9
- package/lib/components/validation-error/validation-error.module.d.ts +0 -12
- package/lib/enums/components.d.ts +0 -22
- package/lib/enums/index.d.ts +0 -2
- package/lib/enums/user-menu-items.d.ts +0 -4
- package/lib/providers/index.d.ts +0 -5
- package/lib/providers/init-service.provider.d.ts +0 -1
- package/lib/providers/language.provider.d.ts +0 -1
- package/lib/providers/translate.provider.d.ts +0 -2
- package/lib/providers/user-menu-service.provider.d.ts +0 -2
- package/lib/providers/user.provider.d.ts +0 -1
- package/lib/services/index.d.ts +0 -3
- package/lib/services/language.service.d.ts +0 -15
- package/lib/services/translate.service.d.ts +0 -13
- package/lib/services/user-profile.service.d.ts +0 -16
- package/lib/theme-lepton-x.module.d.ts +0 -12
|
@@ -1,29 +1,24 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, provideAppInitializer, inject, NgModule } from '@angular/core';
|
|
2
|
+
import { Component, provideAppInitializer, inject, makeEnvironmentProviders, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/router';
|
|
4
|
-
import { RouterModule } from '@angular/router';
|
|
5
|
-
import * as i1$
|
|
6
|
-
import { ReplaceableComponentsService, CoreModule } from '@abp/ng.core';
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import * as i1$
|
|
10
|
-
import { NavItemsService } from '@abp/ng.theme.shared';
|
|
11
|
-
import
|
|
12
|
-
import {
|
|
13
|
-
import
|
|
14
|
-
import { LpxNavbarModule, PanelsModule, LpxTranslateModule, LpxFooterModule } from '@volo/ngx-lepton-x.core';
|
|
15
|
-
import * as i1$3 from '@volo/ngx-lepton-x.lite/layouts';
|
|
16
|
-
import { LpxSideMenuLayoutModule } from '@volo/ngx-lepton-x.lite/layouts';
|
|
17
|
-
import * as i5 from '@volo/abp.ng.lepton-x.core';
|
|
18
|
-
import { LeptonXAbpCoreModule } from '@volo/abp.ng.lepton-x.core';
|
|
4
|
+
import { RouterModule, RouterOutlet } from '@angular/router';
|
|
5
|
+
import * as i1$2 from '@abp/ng.core';
|
|
6
|
+
import { ReplaceableTemplateDirective, PermissionDirective, LocalizationPipe, ReplaceableComponentsService, CoreModule } from '@abp/ng.core';
|
|
7
|
+
import { LanguageSelectionComponent as LanguageSelectionComponent$1, UserProfileComponent as UserProfileComponent$1, UserProfileModule, LanguageSelectionModule } from '@volo/ngx-lepton-x.lite';
|
|
8
|
+
import { NgComponentOutlet, AsyncPipe, CommonModule } from '@angular/common';
|
|
9
|
+
import * as i1$1 from '@abp/ng.theme.shared';
|
|
10
|
+
import { AbpVisibleDirective, NavItemsService } from '@abp/ng.theme.shared';
|
|
11
|
+
import { NavbarPanelDirective, LogoPanelDirective, NavbarRoutesDirective, CurrentUserImagePanelDirective, BreadcrumbPanelDirective, MobileNavbarPanelDirective, FooterPanelDirective, ContentPanelDirective, NavbarComponent, NavbarRoutesComponent, LpxNavbarModule, PanelsModule, LpxTranslateModule, LpxFooterModule } from '@volo/ngx-lepton-x.core';
|
|
12
|
+
import { TopbarContentPanelDirective, UserProfilePanelDirective, LanguageSelectionPanelDirective, MobileUserProfilePanelDirective, MobileLanguageSelectionDirective, SideMenuLayoutComponent, provideLpxSideMenuLayout, APPEND_DEFAULTS, LpxSideMenuLayoutModule } from '@volo/ngx-lepton-x.lite/layouts';
|
|
13
|
+
import { IfReplaceableTemplateExistsDirective, PageAlertContainerComponent, LeptonXAbpCoreModule } from '@volo/abp.ng.lepton-x.core';
|
|
19
14
|
import { OAuthService } from 'angular-oauth2-oidc';
|
|
20
15
|
|
|
21
16
|
class EmptyLayoutComponent {
|
|
22
17
|
static { this.type = "empty" /* eLayoutType.empty */; }
|
|
23
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: EmptyLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.7", type: EmptyLayoutComponent, isStandalone: true, selector: "abp-layout-empty", ngImport: i0, template: ` <router-outlet></router-outlet> `, isInline: true, dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
|
|
25
20
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: EmptyLayoutComponent, decorators: [{
|
|
27
22
|
type: Component,
|
|
28
23
|
args: [{
|
|
29
24
|
selector: 'abp-layout-empty',
|
|
@@ -36,12 +31,12 @@ class LanguageSelectionComponent {
|
|
|
36
31
|
constructor() {
|
|
37
32
|
this.languageSelectionKey = "Theme.LanguagesComponent" /* eThemeLeptonXComponents.Languages */;
|
|
38
33
|
}
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
34
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LanguageSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.7", type: LanguageSelectionComponent, isStandalone: true, selector: "abp-language-selection", ngImport: i0, template: "<lpx-language-selection *abpReplaceableTemplate=\"{\r\n componentKey: languageSelectionKey\r\n }\">\r\n</lpx-language-selection>\r\n", dependencies: [{ kind: "directive", type: ReplaceableTemplateDirective, selector: "[abpReplaceableTemplate]", inputs: ["abpReplaceableTemplate"] }, { kind: "component", type: LanguageSelectionComponent$1, selector: "lpx-language-selection" }] }); }
|
|
41
36
|
}
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LanguageSelectionComponent, decorators: [{
|
|
43
38
|
type: Component,
|
|
44
|
-
args: [{
|
|
39
|
+
args: [{ selector: 'abp-language-selection', imports: [ReplaceableTemplateDirective, LanguageSelectionComponent$1], template: "<lpx-language-selection *abpReplaceableTemplate=\"{\r\n componentKey: languageSelectionKey\r\n }\">\r\n</lpx-language-selection>\r\n" }]
|
|
45
40
|
}] });
|
|
46
41
|
|
|
47
42
|
class NavItemsComponent {
|
|
@@ -49,24 +44,29 @@ class NavItemsComponent {
|
|
|
49
44
|
this.navItems = navItems;
|
|
50
45
|
this.trackByFn = (_, element) => element.id;
|
|
51
46
|
}
|
|
52
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
53
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: NavItemsComponent, deps: [{ token: i1$1.NavItemsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: NavItemsComponent, isStandalone: true, selector: "abp-nav-items", ngImport: i0, template: "@for (item of navItems.items$ | async; track $index) {\r\n <!-- TODO: muhammaed: use pipe or etc instead of func exec -->\r\n <ng-container *abpVisible=\"!item.visible || item.visible(item)\">\r\n <ng-container *abpPermission=\"item.requiredPolicy\">\r\n @if (item.component) {\r\n <ng-container [ngComponentOutlet]=\"item.component\"></ng-container>\r\n } @else {\r\n <div\r\n [innerHTML]=\"item.html\"\r\n (click)=\"item.action ? item.action() : null\"\r\n ></div>\r\n }\r\n </ng-container>\r\n </ng-container>\r\n}\r\n", styles: [":host{all:inherit}\n"], dependencies: [{ kind: "directive", type: PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission", "abpPermissionRunChangeDetection"] }, { kind: "directive", type: AbpVisibleDirective, selector: "[abpVisible]", inputs: ["abpVisible"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
|
|
54
49
|
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: NavItemsComponent, decorators: [{
|
|
56
51
|
type: Component,
|
|
57
|
-
args: [{
|
|
58
|
-
|
|
52
|
+
args: [{ selector: 'abp-nav-items', imports: [
|
|
53
|
+
PermissionDirective,
|
|
54
|
+
AbpVisibleDirective,
|
|
55
|
+
NgComponentOutlet,
|
|
56
|
+
AsyncPipe,
|
|
57
|
+
], template: "@for (item of navItems.items$ | async; track $index) {\r\n <!-- TODO: muhammaed: use pipe or etc instead of func exec -->\r\n <ng-container *abpVisible=\"!item.visible || item.visible(item)\">\r\n <ng-container *abpPermission=\"item.requiredPolicy\">\r\n @if (item.component) {\r\n <ng-container [ngComponentOutlet]=\"item.component\"></ng-container>\r\n } @else {\r\n <div\r\n [innerHTML]=\"item.html\"\r\n (click)=\"item.action ? item.action() : null\"\r\n ></div>\r\n }\r\n </ng-container>\r\n </ng-container>\r\n}\r\n", styles: [":host{all:inherit}\n"] }]
|
|
58
|
+
}], ctorParameters: () => [{ type: i1$1.NavItemsService }] });
|
|
59
59
|
|
|
60
60
|
class UserProfileComponent {
|
|
61
61
|
constructor() {
|
|
62
62
|
this.key = "Theme.CurrentUserComponent" /* eThemeLeptonXComponents.CurrentUser */;
|
|
63
63
|
}
|
|
64
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
65
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
64
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: UserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
65
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.7", type: UserProfileComponent, isStandalone: true, selector: "abp-user-profile", ngImport: i0, template: "<lpx-user-profile *abpReplaceableTemplate=\"{componentKey:key}\"></lpx-user-profile>\r\n", dependencies: [{ kind: "directive", type: ReplaceableTemplateDirective, selector: "[abpReplaceableTemplate]", inputs: ["abpReplaceableTemplate"] }, { kind: "component", type: UserProfileComponent$1, selector: "lpx-user-profile" }] }); }
|
|
66
66
|
}
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: UserProfileComponent, decorators: [{
|
|
68
68
|
type: Component,
|
|
69
|
-
args: [{
|
|
69
|
+
args: [{ selector: 'abp-user-profile', imports: [ReplaceableTemplateDirective, UserProfileComponent$1], template: "<lpx-user-profile *abpReplaceableTemplate=\"{componentKey:key}\"></lpx-user-profile>\r\n" }]
|
|
70
70
|
}] });
|
|
71
71
|
|
|
72
72
|
class NavigateToLoginComponent {
|
|
@@ -77,25 +77,25 @@ class NavigateToLoginComponent {
|
|
|
77
77
|
event.preventDefault();
|
|
78
78
|
this.authService.navigateToLogin();
|
|
79
79
|
}
|
|
80
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
81
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
80
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: NavigateToLoginComponent, deps: [{ token: i1$2.AuthService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
81
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.7", type: NavigateToLoginComponent, isStandalone: true, selector: "abp-navigate-to-login", ngImport: i0, template: `
|
|
82
82
|
<a href="#" class="nav-link" (click)="navigateToLogin($event)">
|
|
83
|
-
<span>{{ 'AbpUi::Login' |
|
|
83
|
+
<span>{{ 'AbpUi::Login' | abpLocalization }}</span>
|
|
84
84
|
</a>
|
|
85
|
-
`, isInline: true, dependencies: [{ kind: "pipe", type:
|
|
85
|
+
`, isInline: true, dependencies: [{ kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }] }); }
|
|
86
86
|
}
|
|
87
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
87
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: NavigateToLoginComponent, decorators: [{
|
|
88
88
|
type: Component,
|
|
89
89
|
args: [{
|
|
90
|
-
standalone: false,
|
|
91
90
|
selector: 'abp-navigate-to-login',
|
|
92
91
|
template: `
|
|
93
92
|
<a href="#" class="nav-link" (click)="navigateToLogin($event)">
|
|
94
|
-
<span>{{ 'AbpUi::Login' |
|
|
93
|
+
<span>{{ 'AbpUi::Login' | abpLocalization }}</span>
|
|
95
94
|
</a>
|
|
96
95
|
`,
|
|
96
|
+
imports: [LocalizationPipe],
|
|
97
97
|
}]
|
|
98
|
-
}], ctorParameters: () => [{ type: i1$
|
|
98
|
+
}], ctorParameters: () => [{ type: i1$2.AuthService }] });
|
|
99
99
|
|
|
100
100
|
class SideMenuApplicationLayoutComponent {
|
|
101
101
|
constructor() {
|
|
@@ -114,12 +114,33 @@ class SideMenuApplicationLayoutComponent {
|
|
|
114
114
|
this.mobileUserProfile = "Theme.MobileUserProfileComponent" /* eThemeLeptonXComponents.MobileUserProfile */;
|
|
115
115
|
this.mobileLanguageSelection = "Theme.MobileLanguageSelectionComponent" /* eThemeLeptonXComponents.MobileLanguageSelection */;
|
|
116
116
|
}
|
|
117
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
118
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
117
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: SideMenuApplicationLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
118
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.7", type: SideMenuApplicationLayoutComponent, isStandalone: true, selector: "abp-application-layout", ngImport: i0, template: "<lpx-layout #layout>\r\n <ng-template lpx-navbar-panel>\r\n <lpx-navbar\r\n *abpReplaceableTemplate=\"{\r\n componentKey: navbarKey\r\n }\"\r\n >\r\n <ng-container *abpIfReplaceableTemplateExists=\"logoKey\">\r\n <ng-template lpx-logo-panel>\r\n <ng-container *abpReplaceableTemplate=\"{ componentKey: logoKey }\">\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-template lpx-navbar-routes let-items>\r\n <lpx-navbar-routes\r\n *abpReplaceableTemplate=\"{\r\n componentKey: routesKey,\r\n inputs: {\r\n navbarItems: items\r\n }\r\n }\"\r\n [navbarItems]=\"items\"\r\n >\r\n </lpx-navbar-routes>\r\n </ng-template>\r\n </lpx-navbar>\r\n </ng-template>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"navItemsKey\">\r\n <ng-template lpx-topbar-content>\r\n <ng-container *abpReplaceableTemplate=\"{ componentKey: navItemsKey }\">\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"logoKey\">\r\n <ng-template lpx-logo-panel>\r\n <ng-container *abpReplaceableTemplate=\"{ componentKey: logoKey }\">\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"currentUserKey\">\r\n <ng-template lpx-user-profile>\r\n <ng-container *abpReplaceableTemplate=\"{ componentKey: currentUserKey }\">\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"currentUserImageKey\">\r\n <ng-template lpx-current-user-image-panel>\r\n <ng-container\r\n *abpReplaceableTemplate=\"{ componentKey: currentUserImageKey }\"\r\n >\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"languageKey\">\r\n <ng-template lpx-language-selection>\r\n <ng-container *abpReplaceableTemplate=\"{ componentKey: languageKey }\">\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"breadcrumbKey\">\r\n <ng-template lpx-breadcrumb-panel>\r\n <ng-container\r\n *abpReplaceableTemplate=\"{\r\n componentKey: breadcrumbKey\r\n }\"\r\n >\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"mobileNavbarKey\">\r\n <ng-template lpx-mobile-navbar-panel>\r\n <ng-container *abpReplaceableTemplate=\"{ componentKey: mobileNavbarKey }\">\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"mobileUserProfile\">\r\n <ng-template lpx-mn-user-profile-panel>\r\n <ng-container\r\n *abpReplaceableTemplate=\"{ componentKey: mobileUserProfile }\"\r\n >\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"footerKey\">\r\n <ng-template lpx-footer-panel>\r\n <ng-container *abpReplaceableTemplate=\"{ componentKey: footerKey }\">\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"mobileLanguageSelection\">\r\n <ng-template lpx-mn-language-selection>\r\n <ng-container\r\n *abpReplaceableTemplate=\"{ componentKey: mobileLanguageSelection }\"\r\n >\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n <ng-template lpx-content>\r\n <abp-page-alert-container\r\n *abpReplaceableTemplate=\"{ componentKey: pageAlertContainerKey }\"\r\n ></abp-page-alert-container>\r\n\r\n <router-outlet></router-outlet>\r\n </ng-template>\r\n</lpx-layout>\r\n", dependencies: [{ kind: "directive", type: IfReplaceableTemplateExistsDirective, selector: "[abpIfReplaceableTemplateExists]", inputs: ["abpIfReplaceableTemplateExists"] }, { kind: "directive", type: NavbarPanelDirective, selector: "ng-template[lpx-navbar-panel]" }, { kind: "directive", type: LogoPanelDirective, selector: "ng-template[lpx-logo-panel]" }, { kind: "directive", type: ReplaceableTemplateDirective, selector: "[abpReplaceableTemplate]", inputs: ["abpReplaceableTemplate"] }, { kind: "directive", type: NavbarRoutesDirective, selector: "[lpx-navbar-routes],[lpxNavbarRoutes]", exportAs: ["lpxNavbarRoutes"] }, { kind: "directive", type: TopbarContentPanelDirective, selector: "ng-template[lpx-topbar-content]" }, { kind: "directive", type: UserProfilePanelDirective, selector: "ng-template[lpx-user-profile]" }, { kind: "directive", type: CurrentUserImagePanelDirective, selector: "ng-template[lpx-current-user-image-panel]" }, { kind: "directive", type: LanguageSelectionPanelDirective, selector: "ng-template[lpx-language-selection]" }, { kind: "directive", type: BreadcrumbPanelDirective, selector: "ng-template[lpx-breadcrumb-panel]" }, { kind: "directive", type: MobileNavbarPanelDirective, selector: "ng-template[lpx-mobile-navbar-panel]" }, { kind: "directive", type: MobileUserProfilePanelDirective, selector: "ng-template[lpx-mn-user-profile-panel]" }, { kind: "directive", type: FooterPanelDirective, selector: "ng-template[lpx-footer-panel]" }, { kind: "directive", type: MobileLanguageSelectionDirective, selector: "ng-template[lpx-mn-language-selection]" }, { kind: "directive", type: ContentPanelDirective, selector: "ng-template[lpx-content]" }, { kind: "component", type: PageAlertContainerComponent, selector: "abp-page-alert-container" }, { kind: "component", type: SideMenuLayoutComponent, selector: "lpx-layout" }, { kind: "component", type: NavbarComponent, selector: "lpx-navbar" }, { kind: "component", type: NavbarRoutesComponent, selector: "lpx-navbar-routes", inputs: ["navbarItems", "groupedItems", "routerItem"], outputs: ["routeClick"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
|
|
119
119
|
}
|
|
120
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
120
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: SideMenuApplicationLayoutComponent, decorators: [{
|
|
121
121
|
type: Component,
|
|
122
|
-
args: [{
|
|
122
|
+
args: [{ selector: 'abp-application-layout', imports: [
|
|
123
|
+
IfReplaceableTemplateExistsDirective,
|
|
124
|
+
NavbarPanelDirective,
|
|
125
|
+
LogoPanelDirective,
|
|
126
|
+
ReplaceableTemplateDirective,
|
|
127
|
+
NavbarRoutesDirective,
|
|
128
|
+
TopbarContentPanelDirective,
|
|
129
|
+
UserProfilePanelDirective,
|
|
130
|
+
CurrentUserImagePanelDirective,
|
|
131
|
+
LanguageSelectionPanelDirective,
|
|
132
|
+
BreadcrumbPanelDirective,
|
|
133
|
+
MobileNavbarPanelDirective,
|
|
134
|
+
MobileUserProfilePanelDirective,
|
|
135
|
+
FooterPanelDirective,
|
|
136
|
+
MobileLanguageSelectionDirective,
|
|
137
|
+
ContentPanelDirective,
|
|
138
|
+
PageAlertContainerComponent,
|
|
139
|
+
SideMenuLayoutComponent,
|
|
140
|
+
NavbarComponent,
|
|
141
|
+
NavbarRoutesComponent,
|
|
142
|
+
RouterOutlet,
|
|
143
|
+
], template: "<lpx-layout #layout>\r\n <ng-template lpx-navbar-panel>\r\n <lpx-navbar\r\n *abpReplaceableTemplate=\"{\r\n componentKey: navbarKey\r\n }\"\r\n >\r\n <ng-container *abpIfReplaceableTemplateExists=\"logoKey\">\r\n <ng-template lpx-logo-panel>\r\n <ng-container *abpReplaceableTemplate=\"{ componentKey: logoKey }\">\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-template lpx-navbar-routes let-items>\r\n <lpx-navbar-routes\r\n *abpReplaceableTemplate=\"{\r\n componentKey: routesKey,\r\n inputs: {\r\n navbarItems: items\r\n }\r\n }\"\r\n [navbarItems]=\"items\"\r\n >\r\n </lpx-navbar-routes>\r\n </ng-template>\r\n </lpx-navbar>\r\n </ng-template>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"navItemsKey\">\r\n <ng-template lpx-topbar-content>\r\n <ng-container *abpReplaceableTemplate=\"{ componentKey: navItemsKey }\">\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"logoKey\">\r\n <ng-template lpx-logo-panel>\r\n <ng-container *abpReplaceableTemplate=\"{ componentKey: logoKey }\">\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"currentUserKey\">\r\n <ng-template lpx-user-profile>\r\n <ng-container *abpReplaceableTemplate=\"{ componentKey: currentUserKey }\">\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"currentUserImageKey\">\r\n <ng-template lpx-current-user-image-panel>\r\n <ng-container\r\n *abpReplaceableTemplate=\"{ componentKey: currentUserImageKey }\"\r\n >\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"languageKey\">\r\n <ng-template lpx-language-selection>\r\n <ng-container *abpReplaceableTemplate=\"{ componentKey: languageKey }\">\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"breadcrumbKey\">\r\n <ng-template lpx-breadcrumb-panel>\r\n <ng-container\r\n *abpReplaceableTemplate=\"{\r\n componentKey: breadcrumbKey\r\n }\"\r\n >\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"mobileNavbarKey\">\r\n <ng-template lpx-mobile-navbar-panel>\r\n <ng-container *abpReplaceableTemplate=\"{ componentKey: mobileNavbarKey }\">\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"mobileUserProfile\">\r\n <ng-template lpx-mn-user-profile-panel>\r\n <ng-container\r\n *abpReplaceableTemplate=\"{ componentKey: mobileUserProfile }\"\r\n >\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"footerKey\">\r\n <ng-template lpx-footer-panel>\r\n <ng-container *abpReplaceableTemplate=\"{ componentKey: footerKey }\">\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *abpIfReplaceableTemplateExists=\"mobileLanguageSelection\">\r\n <ng-template lpx-mn-language-selection>\r\n <ng-container\r\n *abpReplaceableTemplate=\"{ componentKey: mobileLanguageSelection }\"\r\n >\r\n </ng-container>\r\n </ng-template>\r\n </ng-container>\r\n <ng-template lpx-content>\r\n <abp-page-alert-container\r\n *abpReplaceableTemplate=\"{ componentKey: pageAlertContainerKey }\"\r\n ></abp-page-alert-container>\r\n\r\n <router-outlet></router-outlet>\r\n </ng-template>\r\n</lpx-layout>\r\n" }]
|
|
123
144
|
}] });
|
|
124
145
|
|
|
125
146
|
const LPX_LAYOUT_PROVIDER = provideAppInitializer(() => {
|
|
@@ -163,23 +184,27 @@ function addNavItems() {
|
|
|
163
184
|
]);
|
|
164
185
|
}
|
|
165
186
|
|
|
187
|
+
function provideSideMenuLayout() {
|
|
188
|
+
const providers = [
|
|
189
|
+
LPX_LAYOUT_PROVIDER,
|
|
190
|
+
NAV_ITEM_PROVIDER,
|
|
191
|
+
provideLpxSideMenuLayout(APPEND_DEFAULTS),
|
|
192
|
+
];
|
|
193
|
+
return makeEnvironmentProviders(providers);
|
|
194
|
+
}
|
|
195
|
+
|
|
166
196
|
class SideMenuLayoutModule {
|
|
197
|
+
/**
|
|
198
|
+
* @deprecated `SideMenuLayoutModule.forRoot()` is deprecated. You can use `provideSideMenuLayout` **function** instead.
|
|
199
|
+
*/
|
|
167
200
|
static forRoot() {
|
|
168
201
|
return {
|
|
169
202
|
ngModule: SideMenuLayoutModule,
|
|
170
|
-
providers: [
|
|
171
|
-
LPX_LAYOUT_PROVIDER,
|
|
172
|
-
NAV_ITEM_PROVIDER,
|
|
173
|
-
LpxSideMenuLayoutModule.forRoot().providers,
|
|
174
|
-
],
|
|
203
|
+
providers: [provideSideMenuLayout()],
|
|
175
204
|
};
|
|
176
205
|
}
|
|
177
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
178
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
179
|
-
NavItemsComponent,
|
|
180
|
-
LanguageSelectionComponent,
|
|
181
|
-
UserProfileComponent,
|
|
182
|
-
NavigateToLoginComponent], imports: [CommonModule,
|
|
206
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: SideMenuLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
207
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.7", ngImport: i0, type: SideMenuLayoutModule, imports: [CommonModule,
|
|
183
208
|
LpxSideMenuLayoutModule,
|
|
184
209
|
RouterModule,
|
|
185
210
|
LpxNavbarModule,
|
|
@@ -189,8 +214,13 @@ class SideMenuLayoutModule {
|
|
|
189
214
|
UserProfileModule,
|
|
190
215
|
LanguageSelectionModule,
|
|
191
216
|
LpxTranslateModule,
|
|
192
|
-
LpxFooterModule
|
|
193
|
-
|
|
217
|
+
LpxFooterModule,
|
|
218
|
+
SideMenuApplicationLayoutComponent,
|
|
219
|
+
NavItemsComponent,
|
|
220
|
+
LanguageSelectionComponent,
|
|
221
|
+
UserProfileComponent,
|
|
222
|
+
NavigateToLoginComponent] }); }
|
|
223
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: SideMenuLayoutModule, imports: [CommonModule,
|
|
194
224
|
LpxSideMenuLayoutModule,
|
|
195
225
|
RouterModule,
|
|
196
226
|
LpxNavbarModule,
|
|
@@ -200,18 +230,14 @@ class SideMenuLayoutModule {
|
|
|
200
230
|
UserProfileModule,
|
|
201
231
|
LanguageSelectionModule,
|
|
202
232
|
LpxTranslateModule,
|
|
203
|
-
LpxFooterModule
|
|
233
|
+
LpxFooterModule,
|
|
234
|
+
SideMenuApplicationLayoutComponent,
|
|
235
|
+
LanguageSelectionComponent,
|
|
236
|
+
UserProfileComponent] }); }
|
|
204
237
|
}
|
|
205
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
238
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: SideMenuLayoutModule, decorators: [{
|
|
206
239
|
type: NgModule,
|
|
207
240
|
args: [{
|
|
208
|
-
declarations: [
|
|
209
|
-
SideMenuApplicationLayoutComponent,
|
|
210
|
-
NavItemsComponent,
|
|
211
|
-
LanguageSelectionComponent,
|
|
212
|
-
UserProfileComponent,
|
|
213
|
-
NavigateToLoginComponent,
|
|
214
|
-
],
|
|
215
241
|
imports: [
|
|
216
242
|
CommonModule,
|
|
217
243
|
LpxSideMenuLayoutModule,
|
|
@@ -224,6 +250,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImpor
|
|
|
224
250
|
LanguageSelectionModule,
|
|
225
251
|
LpxTranslateModule,
|
|
226
252
|
LpxFooterModule,
|
|
253
|
+
SideMenuApplicationLayoutComponent,
|
|
254
|
+
NavItemsComponent,
|
|
255
|
+
LanguageSelectionComponent,
|
|
256
|
+
UserProfileComponent,
|
|
257
|
+
NavigateToLoginComponent,
|
|
227
258
|
],
|
|
228
259
|
}]
|
|
229
260
|
}] });
|
|
@@ -236,5 +267,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImpor
|
|
|
236
267
|
* Generated bundle index. Do not edit.
|
|
237
268
|
*/
|
|
238
269
|
|
|
239
|
-
export { EmptyLayoutComponent, LPX_LAYOUT_PROVIDER, LanguageSelectionComponent, NAV_ITEM_PROVIDER, NavItemsComponent, NavigateToLoginComponent, SideMenuApplicationLayoutComponent, SideMenuLayoutModule, UserProfileComponent, addNavItems, initLayouts };
|
|
270
|
+
export { EmptyLayoutComponent, LPX_LAYOUT_PROVIDER, LanguageSelectionComponent, NAV_ITEM_PROVIDER, NavItemsComponent, NavigateToLoginComponent, SideMenuApplicationLayoutComponent, SideMenuLayoutModule, UserProfileComponent, addNavItems, initLayouts, provideSideMenuLayout };
|
|
240
271
|
//# sourceMappingURL=abp-ng.theme.lepton-x-layouts.mjs.map
|