@volosoft/abp.ng.theme.lepton-x/fesm2022/volosoft-abp.ng.theme.lepton-x-layouts.mjs

ABP Framework is a complete open-source infrastructure to create modern web applications by following the best practices and conventions of software development. This package is a part of the [ABP Framework](https://abp.io) and contains client-side files.

import * as i0 from '@angular/core';
import { Component, ViewEncapsulation, provideAppInitializer, NgModule, inject } from '@angular/core';
import * as i1 from '@angular/router';
import { RouterModule, RouterOutlet } from '@angular/router';
import * as i1$1 from '@volo/abp.ng.lepton-x.core';
import { LeptonXAbpCoreModule, PageAlertContainerModule } from '@volo/abp.ng.lepton-x.core';
import * as i3 from '@abp/ng.core';
import { CoreModule, ReplaceableComponentsService } from '@abp/ng.core';
import * as i4 from '@volosoft/ngx-lepton-x/layouts';
import { ToolbarTranslateKeys, MobileMenuTranslate, SideMenuLayoutTranslate, LpxSideMenuLayoutModule, TopMenuLayoutTranslate, LpxTopMenuLayoutModule } from '@volosoft/ngx-lepton-x/layouts';
import * as i5 from '@volo/ngx-lepton-x.core';
import { LPX_AUTH_SERVICE_TOKEN, LpxBreadcrumbModule, PanelsModule, LpxFooterModule, LpxNavbarModule } from '@volo/ngx-lepton-x.core';
import { CommonModule } from '@angular/common';
import { LPX_TRANSLATE_KEY_MAP_TOKEN, AbpAuthService } from '@volosoft/abp.ng.theme.lepton-x';

class EmptyLayoutComponent {
    static { this.type = "empty" /* eLayoutType.empty */; }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: EmptyLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", 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"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: EmptyLayoutComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'abp-layout-empty',
                    imports: [RouterModule],
                    template: ` <router-outlet></router-outlet> `,
                }]
        }] });

class SideMenuApplicationLayoutComponent {
    constructor() {
        this.toolbarKey = "Theme.ToolbarComponent" /* eThemeLeptonXComponents.Toolbar */;
        this.navbarKey = "Theme.NavbarComponent" /* eThemeLeptonXComponents.Navbar */;
        this.routesKey = "Theme.RoutesComponent" /* eThemeLeptonXComponents.Routes */;
        this.navItemsKey = "Theme.NavItemsComponent" /* eThemeLeptonXComponents.NavItems */;
        this.breadcrumbKey = "Theme.Breadcrumb" /* eThemeLeptonXComponents.Breadcrumb */;
        this.footerKey = "Theme.FooterComponent" /* eThemeLeptonXComponents.Footer */;
        this.settingsPanelKey = "Theme.SettingsComponent" /* eThemeLeptonXComponents.Settings */;
        this.mobileNavbarKey = "Theme.MobileNavbarComponent" /* eThemeLeptonXComponents.MobileNavbar */;
        this.mobileNavbarSettingsKey = "Theme.MobileNavbarSettingsComponent" /* eThemeLeptonXComponents.MobileNavbarSettings */;
        this.mobileNavbarProfileKey = "Theme.MobileNavbarProfileComponent" /* eThemeLeptonXComponents.MobileNavbarProfile */;
        this.pageAlertContainerKey = "Theme.PageAlertContainerComponent" /* eThemeLeptonXComponents.PageAlertContainer */;
        this.logoKey = "Theme.LogoComponent" /* eThemeLeptonXComponents.Logo */;
        this.currentUserImageKey = "Theme.CurrentUserImageComponent" /* eThemeLeptonXComponents.CurrentUserImage */;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: SideMenuApplicationLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: SideMenuApplicationLayoutComponent, isStandalone: false, selector: "abp-application-layout", ngImport: i0, template: "<lpx-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 let-groupItems=\"groupItems\">\r\n        <lpx-navbar-routes\r\n          *abpReplaceableTemplate=\"{\r\n            componentKey: routesKey,\r\n            inputs: {\r\n              navbarItems: items,\r\n              groupItems,\r\n            },\r\n          }\"\r\n          [navbarItems]=\"items\"\r\n          [groupedItems]=\"groupItems\"\r\n        >\r\n        </lpx-navbar-routes>\r\n      </ng-template>\r\n    </lpx-navbar>\r\n  </ng-template>\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\r\n  <ng-container *abpIfReplaceableTemplateExists=\"breadcrumbKey\">\r\n    <ng-template lpx-breadcrumb-panel>\r\n      <ng-container *abpReplaceableTemplate=\"{ componentKey: breadcrumbKey }\">\r\n      </ng-container>\r\n    </ng-template>\r\n  </ng-container>\r\n\r\n  <ng-container *abpIfReplaceableTemplateExists=\"toolbarKey\">\r\n    <ng-template lpx-toolbar-panel>\r\n      <ng-container *abpReplaceableTemplate=\"{ componentKey: toolbarKey }\">\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=\"navItemsKey\">\r\n    <ng-template lpx-navitem-panel>\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=\"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=\"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=\"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=\"mobileNavbarSettingsKey\">\r\n    <ng-template lpx-mobile-navbar-settings-panel>\r\n      <ng-container\r\n        *abpReplaceableTemplate=\"{ componentKey: mobileNavbarSettingsKey }\"\r\n      >\r\n      </ng-container>\r\n    </ng-template>\r\n  </ng-container>\r\n\r\n  <ng-container *abpIfReplaceableTemplateExists=\"mobileNavbarProfileKey\">\r\n    <ng-template lpx-mobile-navbar-profile-panel>\r\n      <ng-container\r\n        *abpReplaceableTemplate=\"{ componentKey: mobileNavbarProfileKey }\"\r\n      >\r\n      </ng-container>\r\n    </ng-template>\r\n  </ng-container>\r\n\r\n  <ng-container *abpIfReplaceableTemplateExists=\"settingsPanelKey\">\r\n    <ng-template lpx-settings-panel>\r\n      <ng-container\r\n        *abpReplaceableTemplate=\"{\r\n          componentKey: settingsPanelKey,\r\n        }\"\r\n      ></ng-container>\r\n    </ng-template>\r\n  </ng-container>\r\n</lpx-layout>\r\n", dependencies: [{ kind: "directive", type: i1$1.IfReplaceableTemplateExistsDirective, selector: "[abpIfReplaceableTemplateExists]", inputs: ["abpIfReplaceableTemplateExists"] }, { kind: "component", type: i1$1.PageAlertContainerComponent, selector: "abp-page-alert-container" }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i3.ReplaceableTemplateDirective, selector: "[abpReplaceableTemplate]", inputs: ["abpReplaceableTemplate"] }, { kind: "component", type: i4.SideMenuLayoutComponent, selector: "lpx-layout" }, { kind: "component", type: i5.NavbarComponent, selector: "lpx-navbar" }, { kind: "component", type: i5.NavbarRoutesComponent, selector: "lpx-navbar-routes", inputs: ["navbarItems", "groupedItems", "routerItem"], outputs: ["routeClick"] }, { kind: "directive", type: i5.NavbarRoutesDirective, selector: "[lpx-navbar-routes],[lpxNavbarRoutes]", exportAs: ["lpxNavbarRoutes"] }, { kind: "directive", type: i5.BreadcrumbPanelDirective, selector: "ng-template[lpx-breadcrumb-panel]" }, { kind: "directive", type: i5.ContentPanelDirective, selector: "ng-template[lpx-content]" }, { kind: "directive", type: i5.CurrentUserImagePanelDirective, selector: "ng-template[lpx-current-user-image-panel]" }, { kind: "directive", type: i5.FooterPanelDirective, selector: "ng-template[lpx-footer-panel]" }, { kind: "directive", type: i5.LogoPanelDirective, selector: "ng-template[lpx-logo-panel]" }, { kind: "directive", type: i5.MobileNavbarPanelDirective, selector: "ng-template[lpx-mobile-navbar-panel]" }, { kind: "directive", type: i5.MobileNavbarSettingsPanelDirective, selector: "ng-template[lpx-mobile-navbar-settings-panel]" }, { kind: "directive", type: i5.MobileNavbarProfilePanelDirective, selector: "ng-template[lpx-mobile-navbar-profile-panel]" }, { kind: "directive", type: i5.NavbarPanelDirective, selector: "ng-template[lpx-navbar-panel]" }, { kind: "directive", type: i5.NavitemPanelDirective, selector: "ng-template[lpx-navitem-panel]" }, { kind: "directive", type: i5.SettingsPanelDirective, selector: "ng-template[lpx-settings-panel]" }, { kind: "directive", type: i5.ToolbarPanelDirective, selector: "ng-template[lpx-toolbar-panel]" }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: SideMenuApplicationLayoutComponent, decorators: [{
            type: Component,
            args: [{ standalone: false, selector: 'abp-application-layout', encapsulation: ViewEncapsulation.None, template: "<lpx-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 let-groupItems=\"groupItems\">\r\n        <lpx-navbar-routes\r\n          *abpReplaceableTemplate=\"{\r\n            componentKey: routesKey,\r\n            inputs: {\r\n              navbarItems: items,\r\n              groupItems,\r\n            },\r\n          }\"\r\n          [navbarItems]=\"items\"\r\n          [groupedItems]=\"groupItems\"\r\n        >\r\n        </lpx-navbar-routes>\r\n      </ng-template>\r\n    </lpx-navbar>\r\n  </ng-template>\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\r\n  <ng-container *abpIfReplaceableTemplateExists=\"breadcrumbKey\">\r\n    <ng-template lpx-breadcrumb-panel>\r\n      <ng-container *abpReplaceableTemplate=\"{ componentKey: breadcrumbKey }\">\r\n      </ng-container>\r\n    </ng-template>\r\n  </ng-container>\r\n\r\n  <ng-container *abpIfReplaceableTemplateExists=\"toolbarKey\">\r\n    <ng-template lpx-toolbar-panel>\r\n      <ng-container *abpReplaceableTemplate=\"{ componentKey: toolbarKey }\">\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=\"navItemsKey\">\r\n    <ng-template lpx-navitem-panel>\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=\"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=\"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=\"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=\"mobileNavbarSettingsKey\">\r\n    <ng-template lpx-mobile-navbar-settings-panel>\r\n      <ng-container\r\n        *abpReplaceableTemplate=\"{ componentKey: mobileNavbarSettingsKey }\"\r\n      >\r\n      </ng-container>\r\n    </ng-template>\r\n  </ng-container>\r\n\r\n  <ng-container *abpIfReplaceableTemplateExists=\"mobileNavbarProfileKey\">\r\n    <ng-template lpx-mobile-navbar-profile-panel>\r\n      <ng-container\r\n        *abpReplaceableTemplate=\"{ componentKey: mobileNavbarProfileKey }\"\r\n      >\r\n      </ng-container>\r\n    </ng-template>\r\n  </ng-container>\r\n\r\n  <ng-container *abpIfReplaceableTemplateExists=\"settingsPanelKey\">\r\n    <ng-template lpx-settings-panel>\r\n      <ng-container\r\n        *abpReplaceableTemplate=\"{\r\n          componentKey: settingsPanelKey,\r\n        }\"\r\n      ></ng-container>\r\n    </ng-template>\r\n  </ng-container>\r\n</lpx-layout>\r\n" }]
        }] });

const keyMap$1 = {
    [SideMenuLayoutTranslate.GeneralSettings]: 'LeptonX::GeneralSettings',
    [SideMenuLayoutTranslate.MenuFilter]: 'LeptonX::FilterMenu',
    [SideMenuLayoutTranslate.SettingsTitle]: 'LeptonX::ContainerWidth',
    [SideMenuLayoutTranslate.BoxedContainer]: 'LeptonX::ContainerWidth:Boxed',
    [SideMenuLayoutTranslate.FullWidthContainer]: 'LeptonX::ContainerWidth:FullWidth',
    [SideMenuLayoutTranslate.FluidContainer]: 'LeptonX::ContainerWidth:Fluid',
    [MobileMenuTranslate.SettingsTitle]: 'LeptonX::Settings',
    [MobileMenuTranslate.MenuTitle]: 'LeptonX::Menu',
    [ToolbarTranslateKeys.ContextMenuWelcome]: 'LeptonX::Welcome',
};
const LPX_TRANSLATE_KEYS_PROVIDER$1 = {
    provide: LPX_TRANSLATE_KEY_MAP_TOKEN,
    multi: true,
    useValue: keyMap$1,
};

class SideMenuLayoutModule {
    static forRoot() {
        return {
            ngModule: SideMenuLayoutModule,
            providers: [
                LpxSideMenuLayoutModule.forRoot().providers,
                provideAppInitializer(() => {
                    initLayouts();
                }),
                {
                    provide: LPX_AUTH_SERVICE_TOKEN,
                    useClass: AbpAuthService,
                },
                LPX_TRANSLATE_KEYS_PROVIDER$1,
            ],
        };
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: SideMenuLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: SideMenuLayoutModule, declarations: [SideMenuApplicationLayoutComponent], imports: [LeptonXAbpCoreModule,
            CommonModule,
            CoreModule,
            LpxSideMenuLayoutModule,
            LpxBreadcrumbModule,
            PanelsModule,
            LpxFooterModule], exports: [SideMenuApplicationLayoutComponent] }); }
    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: SideMenuLayoutModule, imports: [LeptonXAbpCoreModule,
            CommonModule,
            CoreModule,
            LpxSideMenuLayoutModule,
            LpxBreadcrumbModule,
            PanelsModule,
            LpxFooterModule] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: SideMenuLayoutModule, decorators: [{
            type: NgModule,
            args: [{
                    declarations: [SideMenuApplicationLayoutComponent],
                    imports: [
                        LeptonXAbpCoreModule,
                        CommonModule,
                        CoreModule,
                        LpxSideMenuLayoutModule,
                        LpxBreadcrumbModule,
                        PanelsModule,
                        LpxFooterModule,
                    ],
                    exports: [SideMenuApplicationLayoutComponent],
                }]
        }] });
function initLayouts() {
    const replaceableComponents = inject(ReplaceableComponentsService);
    replaceableComponents.add({
        key: "Theme.ApplicationLayoutComponent" /* eThemeLeptonXComponents.ApplicationLayout */,
        component: SideMenuApplicationLayoutComponent,
    });
    replaceableComponents.add({
        key: "Theme.EmptyLayoutComponent" /* eThemeLeptonXComponents.EmptyLayout */,
        component: EmptyLayoutComponent,
    });
}

class TopMenuApplicationLayoutComponent {
    constructor() {
        this.navbarKey = "Theme.NavbarComponent" /* eThemeLeptonXComponents.Navbar */;
        this.routesKey = "Theme.RoutesComponent" /* eThemeLeptonXComponents.Routes */;
        this.toolbarKey = "Theme.ToolbarComponent" /* eThemeLeptonXComponents.Toolbar */;
        this.topNavbarKey = "Theme.TopNavbarComponent" /* eThemeLeptonXComponents.TopNavbar */;
        this.breadcrumbKey = "Theme.Breadcrumb" /* eThemeLeptonXComponents.Breadcrumb */;
        this.footerKey = "Theme.FooterComponent" /* eThemeLeptonXComponents.Footer */;
        this.mobileNavbarKey = "Theme.MobileNavbarComponent" /* eThemeLeptonXComponents.MobileNavbar */;
        this.mobileNavbarSettingsKey = "Theme.MobileNavbarSettingsComponent" /* eThemeLeptonXComponents.MobileNavbarSettings */;
        this.mobileNavbarProfileKey = "Theme.MobileNavbarProfileComponent" /* eThemeLeptonXComponents.MobileNavbarProfile */;
        this.pageAlertContainerKey = "Theme.PageAlertContainerComponent" /* eThemeLeptonXComponents.PageAlertContainer */;
        this.settingsKey = "Theme.SettingsComponent" /* eThemeLeptonXComponents.Settings */;
        this.logoKey = "Theme.LogoComponent" /* eThemeLeptonXComponents.Logo */;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: TopMenuApplicationLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: TopMenuApplicationLayoutComponent, isStandalone: false, selector: "abp-top-menu-application-layout", ngImport: i0, template: "<lpx-layout>\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\r\n  <ng-template\r\n    lpx-breadcrumb-panel\r\n    *abpIfReplaceableTemplateExists=\"breadcrumbKey\"\r\n  >\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: breadcrumbKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template lpx-navbar-panel *abpIfReplaceableTemplateExists=\"navbarKey\">\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: navbarKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template\r\n    lpx-mobile-navbar-panel\r\n    *abpIfReplaceableTemplateExists=\"mobileNavbarKey\"\r\n  >\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: mobileNavbarKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-container *abpIfReplaceableTemplateExists=\"mobileNavbarSettingsKey\">\r\n    <ng-template lpx-mobile-navbar-settings-panel>\r\n      <ng-container\r\n        *abpReplaceableTemplate=\"{ componentKey: mobileNavbarSettingsKey }\"\r\n      >\r\n      </ng-container>\r\n    </ng-template>\r\n  </ng-container>\r\n\r\n  <ng-container *abpIfReplaceableTemplateExists=\"mobileNavbarProfileKey\">\r\n    <ng-template lpx-mobile-navbar-profile-panel>\r\n      <ng-container\r\n        *abpReplaceableTemplate=\"{ componentKey: mobileNavbarProfileKey }\"\r\n      >\r\n      </ng-container>\r\n    </ng-template>\r\n  </ng-container>\r\n\r\n  <ng-template lpx-footer-panel *abpIfReplaceableTemplateExists=\"footerKey\">\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: footerKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template lpx-toolbar-panel *abpIfReplaceableTemplateExists=\"toolbarKey\">\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: toolbarKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template lpx-logo-panel *abpIfReplaceableTemplateExists=\"logoKey\">\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: logoKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template\r\n    lpx-top-navbar-panel\r\n    *abpIfReplaceableTemplateExists=\"topNavbarKey\"\r\n  >\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: topNavbarKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template lpx-settings-panel *abpIfReplaceableTemplateExists=\"settingsKey\">\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: settingsKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n</lpx-layout>\r\n", dependencies: [{ kind: "component", type: i4.TopMenuLayoutComponent, selector: "lpx-layout" }, { kind: "directive", type: i5.BreadcrumbPanelDirective, selector: "ng-template[lpx-breadcrumb-panel]" }, { kind: "directive", type: i5.ContentPanelDirective, selector: "ng-template[lpx-content]" }, { kind: "directive", type: i5.FooterPanelDirective, selector: "ng-template[lpx-footer-panel]" }, { kind: "directive", type: i5.LogoPanelDirective, selector: "ng-template[lpx-logo-panel]" }, { kind: "directive", type: i5.MobileNavbarPanelDirective, selector: "ng-template[lpx-mobile-navbar-panel]" }, { kind: "directive", type: i5.MobileNavbarSettingsPanelDirective, selector: "ng-template[lpx-mobile-navbar-settings-panel]" }, { kind: "directive", type: i5.MobileNavbarProfilePanelDirective, selector: "ng-template[lpx-mobile-navbar-profile-panel]" }, { kind: "directive", type: i5.NavbarPanelDirective, selector: "ng-template[lpx-navbar-panel]" }, { kind: "directive", type: i5.SettingsPanelDirective, selector: "ng-template[lpx-settings-panel]" }, { kind: "directive", type: i5.TopNavbarPanelDirective, selector: "ng-template[lpx-top-navbar-panel]" }, { kind: "directive", type: i5.ToolbarPanelDirective, selector: "ng-template[lpx-toolbar-panel]" }, { kind: "directive", type: i1$1.IfReplaceableTemplateExistsDirective, selector: "[abpIfReplaceableTemplateExists]", inputs: ["abpIfReplaceableTemplateExists"] }, { kind: "component", type: i1$1.PageAlertContainerComponent, selector: "abp-page-alert-container" }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i3.ReplaceableTemplateDirective, selector: "[abpReplaceableTemplate]", inputs: ["abpReplaceableTemplate"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: TopMenuApplicationLayoutComponent, decorators: [{
            type: Component,
            args: [{ standalone: false, selector: 'abp-top-menu-application-layout', template: "<lpx-layout>\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\r\n  <ng-template\r\n    lpx-breadcrumb-panel\r\n    *abpIfReplaceableTemplateExists=\"breadcrumbKey\"\r\n  >\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: breadcrumbKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template lpx-navbar-panel *abpIfReplaceableTemplateExists=\"navbarKey\">\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: navbarKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template\r\n    lpx-mobile-navbar-panel\r\n    *abpIfReplaceableTemplateExists=\"mobileNavbarKey\"\r\n  >\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: mobileNavbarKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-container *abpIfReplaceableTemplateExists=\"mobileNavbarSettingsKey\">\r\n    <ng-template lpx-mobile-navbar-settings-panel>\r\n      <ng-container\r\n        *abpReplaceableTemplate=\"{ componentKey: mobileNavbarSettingsKey }\"\r\n      >\r\n      </ng-container>\r\n    </ng-template>\r\n  </ng-container>\r\n\r\n  <ng-container *abpIfReplaceableTemplateExists=\"mobileNavbarProfileKey\">\r\n    <ng-template lpx-mobile-navbar-profile-panel>\r\n      <ng-container\r\n        *abpReplaceableTemplate=\"{ componentKey: mobileNavbarProfileKey }\"\r\n      >\r\n      </ng-container>\r\n    </ng-template>\r\n  </ng-container>\r\n\r\n  <ng-template lpx-footer-panel *abpIfReplaceableTemplateExists=\"footerKey\">\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: footerKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template lpx-toolbar-panel *abpIfReplaceableTemplateExists=\"toolbarKey\">\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: toolbarKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template lpx-logo-panel *abpIfReplaceableTemplateExists=\"logoKey\">\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: logoKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template\r\n    lpx-top-navbar-panel\r\n    *abpIfReplaceableTemplateExists=\"topNavbarKey\"\r\n  >\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: topNavbarKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template lpx-settings-panel *abpIfReplaceableTemplateExists=\"settingsKey\">\r\n    <ng-container *abpReplaceableTemplate=\"{ componentKey: settingsKey }\">\r\n    </ng-container>\r\n  </ng-template>\r\n</lpx-layout>\r\n" }]
        }] });

const keyMap = {
    [TopMenuLayoutTranslate.GeneralSettings]: 'LeptonX::GeneralSettings',
    [MobileMenuTranslate.SettingsTitle]: 'LeptonX::Settings',
    [MobileMenuTranslate.MenuTitle]: 'LeptonX::Menu',
    [ToolbarTranslateKeys.ContextMenuWelcome]: 'LeptonX::Welcome',
};
const LPX_TRANSLATE_KEYS_PROVIDER = {
    provide: LPX_TRANSLATE_KEY_MAP_TOKEN,
    multi: true,
    useValue: keyMap,
};

class TopMenuLayoutModule {
    static forRoot() {
        return {
            ngModule: TopMenuLayoutModule,
            providers: [
                LpxTopMenuLayoutModule.forRoot().providers,
                provideAppInitializer(() => {
                    initLayoutsFactory();
                }),
                {
                    provide: LPX_AUTH_SERVICE_TOKEN,
                    useClass: AbpAuthService,
                },
                LPX_TRANSLATE_KEYS_PROVIDER,
            ],
        };
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: TopMenuLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: TopMenuLayoutModule, declarations: [TopMenuApplicationLayoutComponent], imports: [CommonModule,
            LpxTopMenuLayoutModule,
            LeptonXAbpCoreModule,
            LpxBreadcrumbModule,
            LpxFooterModule,
            LpxNavbarModule,
            CoreModule,
            PageAlertContainerModule,
            RouterOutlet] }); }
    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: TopMenuLayoutModule, imports: [CommonModule,
            LpxTopMenuLayoutModule,
            LeptonXAbpCoreModule,
            LpxBreadcrumbModule,
            LpxFooterModule,
            LpxNavbarModule,
            CoreModule,
            PageAlertContainerModule] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: TopMenuLayoutModule, decorators: [{
            type: NgModule,
            args: [{
                    declarations: [TopMenuApplicationLayoutComponent],
                    imports: [
                        CommonModule,
                        LpxTopMenuLayoutModule,
                        LeptonXAbpCoreModule,
                        LpxBreadcrumbModule,
                        LpxFooterModule,
                        LpxNavbarModule,
                        CoreModule,
                        PageAlertContainerModule,
                        RouterOutlet,
                    ],
                }]
        }] });
function initLayoutsFactory() {
    const replaceableComponents = inject(ReplaceableComponentsService);
    replaceableComponents.add({
        key: "Theme.ApplicationLayoutComponent" /* eThemeLeptonXComponents.ApplicationLayout */,
        component: TopMenuApplicationLayoutComponent,
    });
    replaceableComponents.add({
        key: "Theme.EmptyLayoutComponent" /* eThemeLeptonXComponents.EmptyLayout */,
        component: EmptyLayoutComponent,
    });
}

/**
 * Generated bundle index. Do not edit.
 */

export { EmptyLayoutComponent, LPX_TRANSLATE_KEYS_PROVIDER$1 as LPX_TRANSLATE_KEYS_PROVIDER, SideMenuApplicationLayoutComponent, SideMenuLayoutModule, TopMenuLayoutModule, initLayouts, initLayoutsFactory };
//# sourceMappingURL=volosoft-abp.ng.theme.lepton-x-layouts.mjs.map