@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, inject, provideAppInitializer, makeEnvironmentProviders, NgModule } from '@angular/core';
import * as i1 from '@angular/router';
import { RouterModule, RouterOutlet } from '@angular/router';
import { ReplaceableTemplateDirective, ReplaceableComponentsService, CoreModule } from '@abp/ng.core';
import { SideMenuLayoutComponent, ToolbarTranslateKeys, MobileMenuTranslate, LayoutTranslate, SideMenuLayoutTranslate, provideLpxSideMenuLayout, SIDE_MENU_DEFAULTS, LpxSideMenuLayoutModule, TopMenuLayoutComponent, TopMenuLayoutTranslate, provideLpxTopMenuLayout, TOP_MENU_DEFAULTS, LpxTopMenuLayoutModule } from '@volosoft/ngx-lepton-x/layouts';
import { IfReplaceableTemplateExistsDirective, PageAlertContainerComponent, LeptonXAbpCoreModule, PageAlertContainerModule } from '@volo/abp.ng.lepton-x.core';
import { NavbarPanelDirective, NavbarComponent, LogoPanelDirective, NavbarRoutesDirective, NavbarRoutesComponent, ContentPanelDirective, BreadcrumbPanelDirective, ToolbarPanelDirective, NavitemPanelDirective, FooterPanelDirective, CurrentUserImagePanelDirective, MobileNavbarPanelDirective, MobileNavbarSettingsPanelDirective, MobileNavbarProfilePanelDirective, SettingsPanelDirective, LPX_AUTH_SERVICE_TOKEN, LpxBreadcrumbModule, PanelsModule, LpxFooterModule, TopNavbarPanelDirective, LpxNavbarModule } from '@volo/ngx-lepton-x.core';
import { CommonModule } from '@angular/common';
import { LPX_TRANSLATE_KEY_MAP_TOKEN, AbpAuthService, LPX_TRANSLATE_KEYS_PROVIDER as LPX_TRANSLATE_KEYS_PROVIDER$1 } 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: "21.2.13", ngImport: i0, type: EmptyLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", 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: "21.2.13", 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: "21.2.13", ngImport: i0, type: SideMenuApplicationLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: SideMenuApplicationLayoutComponent, isStandalone: true, 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: "component", type: SideMenuLayoutComponent, selector: "lpx-layout" }, { kind: "directive", type: NavbarPanelDirective, selector: "ng-template[lpx-navbar-panel]" }, { kind: "directive", type: ReplaceableTemplateDirective, selector: "[abpReplaceableTemplate]", inputs: ["abpReplaceableTemplate"] }, { kind: "component", type: NavbarComponent, selector: "lpx-navbar" }, { kind: "directive", type: IfReplaceableTemplateExistsDirective, selector: "[abpIfReplaceableTemplateExists]", inputs: ["abpIfReplaceableTemplateExists"] }, { kind: "directive", type: LogoPanelDirective, selector: "ng-template[lpx-logo-panel]" }, { kind: "directive", type: NavbarRoutesDirective, selector: "[lpx-navbar-routes],[lpxNavbarRoutes]", exportAs: ["lpxNavbarRoutes"] }, { kind: "component", type: NavbarRoutesComponent, selector: "lpx-navbar-routes", inputs: ["navbarItems", "groupedItems", "routerItem"], outputs: ["routeClick"] }, { kind: "directive", type: ContentPanelDirective, selector: "ng-template[lpx-content]" }, { kind: "component", type: PageAlertContainerComponent, selector: "abp-page-alert-container" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: BreadcrumbPanelDirective, selector: "ng-template[lpx-breadcrumb-panel]" }, { kind: "directive", type: ToolbarPanelDirective, selector: "ng-template[lpx-toolbar-panel]" }, { kind: "directive", type: NavitemPanelDirective, selector: "ng-template[lpx-navitem-panel]" }, { kind: "directive", type: FooterPanelDirective, selector: "ng-template[lpx-footer-panel]" }, { kind: "directive", type: CurrentUserImagePanelDirective, selector: "ng-template[lpx-current-user-image-panel]" }, { kind: "directive", type: MobileNavbarPanelDirective, selector: "ng-template[lpx-mobile-navbar-panel]" }, { kind: "directive", type: MobileNavbarSettingsPanelDirective, selector: "ng-template[lpx-mobile-navbar-settings-panel]" }, { kind: "directive", type: MobileNavbarProfilePanelDirective, selector: "ng-template[lpx-mobile-navbar-profile-panel]" }, { kind: "directive", type: SettingsPanelDirective, selector: "ng-template[lpx-settings-panel]" }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SideMenuApplicationLayoutComponent, decorators: [{
            type: Component,
            args: [{ selector: 'abp-application-layout', encapsulation: ViewEncapsulation.None, imports: [
                        SideMenuLayoutComponent,
                        NavbarPanelDirective,
                        ReplaceableTemplateDirective,
                        NavbarComponent,
                        IfReplaceableTemplateExistsDirective,
                        LogoPanelDirective,
                        NavbarRoutesDirective,
                        NavbarRoutesComponent,
                        ContentPanelDirective,
                        PageAlertContainerComponent,
                        RouterOutlet,
                        BreadcrumbPanelDirective,
                        ToolbarPanelDirective,
                        NavitemPanelDirective,
                        FooterPanelDirective,
                        CurrentUserImagePanelDirective,
                        MobileNavbarPanelDirective,
                        MobileNavbarSettingsPanelDirective,
                        MobileNavbarProfilePanelDirective,
                        SettingsPanelDirective,
                    ], 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',
    [LayoutTranslate.SettingsTitle]: 'LeptonX::ContainerWidth',
    [LayoutTranslate.BoxedContainer]: 'LeptonX::ContainerWidth:Boxed',
    [LayoutTranslate.FullWidthContainer]: 'LeptonX::ContainerWidth:FullWidth',
    [LayoutTranslate.FluidContainer]: 'LeptonX::ContainerWidth:Fluid',
    [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$1,
};

function initLayouts() {
    const replaceableComponents = inject(ReplaceableComponentsService);
    replaceableComponents.add({
        key: "Theme.ApplicationLayoutComponent" /* eThemeLeptonXComponents.ApplicationLayout */,
        component: SideMenuApplicationLayoutComponent,
    });
    replaceableComponents.add({
        key: "Theme.EmptyLayoutComponent" /* eThemeLeptonXComponents.EmptyLayout */,
        component: EmptyLayoutComponent,
    });
}
function provideSideMenuLayout() {
    const providers = [
        provideLpxSideMenuLayout(SIDE_MENU_DEFAULTS),
        provideAppInitializer(() => {
            initLayouts();
        }),
        {
            provide: LPX_AUTH_SERVICE_TOKEN,
            useClass: AbpAuthService,
        },
        LPX_TRANSLATE_KEYS_PROVIDER,
        LPX_TRANSLATE_KEYS_PROVIDER$1,
    ];
    return makeEnvironmentProviders(providers);
}

class SideMenuLayoutModule {
    /**
     * @deprecated `SideMenuLayoutModule.forRoot()` is deprecated. You can use `provideSideMenuLayout` **function** instead.
     */
    static forRoot() {
        return {
            ngModule: SideMenuLayoutModule,
            providers: [provideSideMenuLayout()],
        };
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SideMenuLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.13", ngImport: i0, type: SideMenuLayoutModule, imports: [LeptonXAbpCoreModule,
            CommonModule,
            CoreModule,
            LpxSideMenuLayoutModule,
            LpxBreadcrumbModule,
            PanelsModule,
            LpxFooterModule,
            SideMenuApplicationLayoutComponent], exports: [SideMenuApplicationLayoutComponent] }); }
    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SideMenuLayoutModule, imports: [LeptonXAbpCoreModule,
            CommonModule,
            CoreModule,
            LpxSideMenuLayoutModule,
            LpxBreadcrumbModule,
            PanelsModule,
            LpxFooterModule,
            SideMenuApplicationLayoutComponent] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SideMenuLayoutModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [
                        LeptonXAbpCoreModule,
                        CommonModule,
                        CoreModule,
                        LpxSideMenuLayoutModule,
                        LpxBreadcrumbModule,
                        PanelsModule,
                        LpxFooterModule,
                        SideMenuApplicationLayoutComponent,
                    ],
                    exports: [SideMenuApplicationLayoutComponent],
                }]
        }] });

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: "21.2.13", ngImport: i0, type: TopMenuApplicationLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: TopMenuApplicationLayoutComponent, isStandalone: true, 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: TopMenuLayoutComponent, selector: "lpx-layout" }, { kind: "directive", type: ContentPanelDirective, selector: "ng-template[lpx-content]" }, { kind: "directive", type: ReplaceableTemplateDirective, selector: "[abpReplaceableTemplate]", inputs: ["abpReplaceableTemplate"] }, { kind: "component", type: PageAlertContainerComponent, selector: "abp-page-alert-container" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: IfReplaceableTemplateExistsDirective, selector: "[abpIfReplaceableTemplateExists]", inputs: ["abpIfReplaceableTemplateExists"] }, { kind: "directive", type: BreadcrumbPanelDirective, selector: "ng-template[lpx-breadcrumb-panel]" }, { kind: "directive", type: NavbarPanelDirective, selector: "ng-template[lpx-navbar-panel]" }, { kind: "directive", type: MobileNavbarPanelDirective, selector: "ng-template[lpx-mobile-navbar-panel]" }, { kind: "directive", type: MobileNavbarSettingsPanelDirective, selector: "ng-template[lpx-mobile-navbar-settings-panel]" }, { kind: "directive", type: MobileNavbarProfilePanelDirective, selector: "ng-template[lpx-mobile-navbar-profile-panel]" }, { kind: "directive", type: FooterPanelDirective, selector: "ng-template[lpx-footer-panel]" }, { kind: "directive", type: ToolbarPanelDirective, selector: "ng-template[lpx-toolbar-panel]" }, { kind: "directive", type: LogoPanelDirective, selector: "ng-template[lpx-logo-panel]" }, { kind: "directive", type: TopNavbarPanelDirective, selector: "ng-template[lpx-top-navbar-panel]" }, { kind: "directive", type: SettingsPanelDirective, selector: "ng-template[lpx-settings-panel]" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: TopMenuApplicationLayoutComponent, decorators: [{
            type: Component,
            args: [{ selector: 'abp-top-menu-application-layout', imports: [
                        TopMenuLayoutComponent,
                        ContentPanelDirective,
                        ReplaceableTemplateDirective,
                        PageAlertContainerComponent,
                        RouterOutlet,
                        IfReplaceableTemplateExistsDirective,
                        BreadcrumbPanelDirective,
                        NavbarPanelDirective,
                        MobileNavbarPanelDirective,
                        MobileNavbarSettingsPanelDirective,
                        MobileNavbarProfilePanelDirective,
                        FooterPanelDirective,
                        ToolbarPanelDirective,
                        LogoPanelDirective,
                        TopNavbarPanelDirective,
                        SettingsPanelDirective,
                    ], 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',
    [LayoutTranslate.SettingsTitle]: 'LeptonX::ContainerWidth',
    [LayoutTranslate.BoxedContainer]: 'LeptonX::ContainerWidth:Boxed',
    [LayoutTranslate.FullWidthContainer]: 'LeptonX::ContainerWidth:FullWidth',
    [LayoutTranslate.FluidContainer]: 'LeptonX::ContainerWidth:Fluid',
    [MobileMenuTranslate.SettingsTitle]: 'LeptonX::Settings',
    [MobileMenuTranslate.MenuTitle]: 'LeptonX::Menu',
    [ToolbarTranslateKeys.ContextMenuWelcome]: 'LeptonX::Welcome',
};
const LPX_TOP_MENU_TRANSLATE_KEYS_PROVIDER = {
    provide: LPX_TRANSLATE_KEY_MAP_TOKEN,
    multi: true,
    useValue: keyMap,
};

function initLayoutsFactory() {
    const replaceableComponents = inject(ReplaceableComponentsService);
    replaceableComponents.add({
        key: "Theme.ApplicationLayoutComponent" /* eThemeLeptonXComponents.ApplicationLayout */,
        component: TopMenuApplicationLayoutComponent,
    });
    replaceableComponents.add({
        key: "Theme.EmptyLayoutComponent" /* eThemeLeptonXComponents.EmptyLayout */,
        component: EmptyLayoutComponent,
    });
}
function provideTopMenuLayout() {
    const providers = [
        provideLpxTopMenuLayout(TOP_MENU_DEFAULTS),
        provideAppInitializer(() => {
            initLayoutsFactory();
        }),
        {
            provide: LPX_AUTH_SERVICE_TOKEN,
            useClass: AbpAuthService,
        },
        LPX_TOP_MENU_TRANSLATE_KEYS_PROVIDER,
        LPX_TRANSLATE_KEYS_PROVIDER$1,
    ];
    return makeEnvironmentProviders(providers);
}

class TopMenuLayoutModule {
    /**
     * @deprecated `TopMenuLayoutModule.forRoot()` is deprecated. You can use `provideTopMenuLayout` **function** instead.
     */
    static forRoot() {
        return {
            ngModule: TopMenuLayoutModule,
            providers: [provideTopMenuLayout()],
        };
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: TopMenuLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.13", ngImport: i0, type: TopMenuLayoutModule, imports: [CommonModule,
            LpxTopMenuLayoutModule,
            LeptonXAbpCoreModule,
            LpxBreadcrumbModule,
            LpxFooterModule,
            LpxNavbarModule,
            CoreModule,
            PageAlertContainerModule,
            RouterOutlet,
            TopMenuApplicationLayoutComponent] }); }
    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: TopMenuLayoutModule, imports: [CommonModule,
            LpxTopMenuLayoutModule,
            LeptonXAbpCoreModule,
            LpxBreadcrumbModule,
            LpxFooterModule,
            LpxNavbarModule,
            CoreModule,
            PageAlertContainerModule,
            TopMenuApplicationLayoutComponent] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: TopMenuLayoutModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [
                        CommonModule,
                        LpxTopMenuLayoutModule,
                        LeptonXAbpCoreModule,
                        LpxBreadcrumbModule,
                        LpxFooterModule,
                        LpxNavbarModule,
                        CoreModule,
                        PageAlertContainerModule,
                        RouterOutlet,
                        TopMenuApplicationLayoutComponent,
                    ],
                }]
        }] });

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

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