@abp/ng.theme.basic
Version:
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.
1 lines • 75.2 kB
Source Map (JSON)
{"version":3,"file":"abp-ng.theme.basic.mjs","sources":["../../../../packages/theme-basic/src/lib/services/layout.service.ts","../../../../packages/theme-basic/src/lib/components/logo/logo.component.ts","../../../../packages/theme-basic/src/lib/components/routes/routes.component.ts","../../../../packages/theme-basic/src/lib/components/routes/routes.component.html","../../../../packages/theme-basic/src/lib/components/nav-items/nav-items.component.ts","../../../../packages/theme-basic/src/lib/components/nav-items/nav-items.component.html","../../../../packages/theme-basic/src/lib/components/account-layout/tenant-box/tenant-box.component.ts","../../../../packages/theme-basic/src/lib/components/account-layout/tenant-box/tenant-box.component.html","../../../../packages/theme-basic/src/lib/components/account-layout/auth-wrapper/auth-wrapper.component.ts","../../../../packages/theme-basic/src/lib/components/account-layout/auth-wrapper/auth-wrapper.component.html","../../../../packages/theme-basic/src/lib/components/page-alert-container/page-alert-container.component.ts","../../../../packages/theme-basic/src/lib/components/page-alert-container/page-alert-container.component.html","../../../../packages/theme-basic/src/lib/components/account-layout/account-layout.component.ts","../../../../packages/theme-basic/src/lib/components/account-layout/account-layout.component.html","../../../../packages/theme-basic/src/lib/components/application-layout/application-layout.component.ts","../../../../packages/theme-basic/src/lib/components/application-layout/application-layout.component.html","../../../../packages/theme-basic/src/lib/components/empty-layout/empty-layout.component.ts","../../../../packages/theme-basic/src/lib/components/nav-items/current-user.component.ts","../../../../packages/theme-basic/src/lib/components/nav-items/current-user.component.html","../../../../packages/theme-basic/src/lib/components/nav-items/languages.component.ts","../../../../packages/theme-basic/src/lib/components/validation-error/validation-error.component.ts","../../../../packages/theme-basic/src/lib/tokens/lazy-styles.token.ts","../../../../packages/theme-basic/src/lib/handlers/lazy-style.handler.ts","../../../../packages/theme-basic/src/lib/providers/nav-item.provider.ts","../../../../packages/theme-basic/src/lib/constants/styles.ts","../../../../packages/theme-basic/src/lib/providers/styles.provider.ts","../../../../packages/theme-basic/src/lib/providers/user-menu.provider.ts","../../../../packages/theme-basic/src/lib/providers/theme-basic-config.provider.ts","../../../../packages/theme-basic/src/lib/theme-basic.module.ts","../../../../packages/theme-basic/src/public-api.ts","../../../../packages/theme-basic/src/abp-ng.theme.basic.ts"],"sourcesContent":["import {RouterEvents, SubscriptionService} from '@abp/ng.core';\r\nimport { ChangeDetectorRef, Injectable, inject } from '@angular/core';\r\nimport { fromEvent } from 'rxjs';\r\nimport { debounceTime } from 'rxjs/operators';\r\nimport { eThemeBasicComponents } from '../enums';\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Injectable()\r\nexport class LayoutService {\r\n private subscription = inject(SubscriptionService);\r\n private cdRef = inject(ChangeDetectorRef);\r\n\r\n document = inject(DOCUMENT);\r\n isCollapsed = true;\r\n\r\n smallScreen!: boolean; // do not set true or false\r\n\r\n logoComponentKey = eThemeBasicComponents.Logo;\r\n\r\n routesComponentKey = eThemeBasicComponents.Routes;\r\n\r\n navItemsComponentKey = eThemeBasicComponents.NavItems;\r\n\r\n constructor() {\r\n const subscription = this.subscription;\r\n const routerEvents = inject(RouterEvents);\r\n\r\n subscription.addOne(routerEvents.getNavigationEvents(\"End\"),() => {\r\n this.isCollapsed = true;\r\n })\r\n }\r\n\r\n private checkWindowWidth() {\r\n const isSmallScreen = this.document.defaultView.innerWidth < 992;\r\n if (isSmallScreen && this.smallScreen === false) {\r\n this.isCollapsed = false;\r\n setTimeout(() => {\r\n this.isCollapsed = true;\r\n }, 100);\r\n }\r\n this.smallScreen = isSmallScreen;\r\n this.cdRef.detectChanges();\r\n }\r\n\r\n subscribeWindowSize() {\r\n this.checkWindowWidth();\r\n\r\n const resize$ = fromEvent(this.document.defaultView, 'resize').pipe(debounceTime(150));\r\n this.subscription.addOne(resize$, () => this.checkWindowWidth());\r\n }\r\n}\r\n","import { EnvironmentService } from '@abp/ng.core';\r\nimport { RouterLink } from '@angular/router';\r\nimport { Component, inject } from '@angular/core';\r\nimport { LOGO_APP_NAME_TOKEN, LOGO_URL_TOKEN } from '@abp/ng.theme.shared';\r\n\r\n@Component({\r\n selector: 'abp-logo',\r\n template: `\r\n <a class=\"navbar-brand\" routerLink=\"/\">\r\n @if (logoUrl) {\r\n <img [src]=\"logoUrl\" [alt]=\"appName\" width=\"100%\" height=\"auto\" />\r\n } @else {\r\n {{ appName }}\r\n }\r\n </a>\r\n `,\r\n standalone: true,\r\n imports: [RouterLink],\r\n})\r\nexport class LogoComponent {\r\n private environment = inject(EnvironmentService);\r\n\r\n private readonly providedLogoUrl = inject(LOGO_URL_TOKEN, { optional: true });\r\n private readonly providedAppName = inject(LOGO_APP_NAME_TOKEN, { optional: true });\r\n\r\n get logoUrl(): string {\r\n return (\r\n this.providedLogoUrl ?? this.environment.getEnvironment().application?.logoUrl\r\n );\r\n }\r\n\r\n get appName(): string {\r\n return (\r\n this.providedAppName ?? this.environment.getEnvironment().application?.name\r\n );\r\n }\r\n}\r\n","import {\r\n ABP,\r\n AbpRouteCultureUrlPipe,\r\n AsyncLocalizationPipe,\r\n LocalizationPipe,\r\n PermissionDirective,\r\n RoutesService,\r\n TreeNode,\r\n} from '@abp/ng.core';\r\nimport {\r\n Component,\r\n ElementRef,\r\n inject,\r\n Renderer2,\r\n TrackByFunction,\r\n input,\r\n viewChildren\r\n} from '@angular/core';\r\nimport { NgTemplateOutlet, AsyncPipe } from '@angular/common';\r\nimport { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { RouterLink } from '@angular/router';\r\nimport { EllipsisDirective } from '@abp/ng.theme.shared';\r\n\r\n@Component({\r\n selector: 'abp-routes',\r\n templateUrl: 'routes.component.html',\r\n imports: [\r\n NgTemplateOutlet,\r\n AsyncPipe,\r\n RouterLink,\r\n NgbDropdownModule,\r\n AsyncLocalizationPipe,\r\n PermissionDirective,\r\n EllipsisDirective,\r\n LocalizationPipe,\r\n AbpRouteCultureUrlPipe,\r\n ],\r\n})\r\nexport class RoutesComponent {\r\n public readonly routesService = inject(RoutesService);\r\n protected renderer = inject(Renderer2);\r\n\r\n readonly smallScreen = input<boolean>(undefined);\r\n\r\n readonly childrenContainers = viewChildren<ElementRef<HTMLDivElement>>('childrenContainer');\r\n\r\n rootDropdownExpand = {} as { [key: string]: boolean };\r\n\r\n trackByFn: TrackByFunction<TreeNode<ABP.Route>> = (_, item) => item.name;\r\n\r\n isDropdown(node: TreeNode<ABP.Route>) {\r\n return !node?.isLeaf || this.routesService.hasChildren(node.name);\r\n }\r\n\r\n closeDropdown() {\r\n this.childrenContainers().forEach(({ nativeElement }) => {\r\n this.renderer.addClass(nativeElement, 'd-none');\r\n setTimeout(() => this.renderer.removeClass(nativeElement, 'd-none'), 0);\r\n });\r\n }\r\n}\r\n","<ul class=\"navbar-nav\">\r\n @for (route of routesService.visible$ | async; track $index) {\r\n <ng-container [ngTemplateOutlet]=\"isDropdown(route) ? dropdownLink : defaultLink\"\r\n [ngTemplateOutletContext]=\"{ $implicit: route }\" />\r\n }\r\n\r\n <ng-template #defaultLink let-route>\r\n <li class=\"nav-item\" *abpPermission=\"route.requiredPolicy\">\r\n <a class=\"nav-link\" [routerLink]=\"route.path | abpRouteCultureUrl\">\r\n @if (route.iconClass) {\r\n <i [class]=\"route.iconClass\"></i>\r\n }\r\n {{ route.name | abpAsyncLocalization | async }}\r\n </a>\r\n </li>\r\n </ng-template>\r\n\r\n <ng-template #dropdownLink let-route>\r\n @if (route.children?.length) {\r\n <li class=\"nav-item dropdown\" display=\"static\" *abpPermission=\"route.requiredPolicy\" (click)=\"\r\n rootDropdownExpand[route.name]\r\n ? (rootDropdownExpand[route.name] = false)\r\n : (rootDropdownExpand[route.name] = true)\">\r\n <a class=\"nav-link dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\"\r\n href=\"javascript:void(0)\">\r\n @if (route.iconClass) {\r\n <i [class]=\"route.iconClass\"></i>\r\n }\r\n {{ route.name | abpAsyncLocalization | async }}\r\n </a>\r\n <div #routeContainer class=\"dropdown-menu border-0 shadow-sm\"\r\n (click)=\"$event.preventDefault(); $event.stopPropagation()\"\r\n [class.d-block]=\"smallScreen() && rootDropdownExpand[route.name]\">\r\n <ng-container *ngTemplateOutlet=\"forTemplate; context: { $implicit: route }\" />\r\n </div>\r\n </li>\r\n }\r\n </ng-template>\r\n\r\n <ng-template #forTemplate let-route>\r\n @for (child of route.children; track $index) {\r\n <ng-template [ngTemplateOutlet]=\"child.children?.length ? dropdownChild : defaultChild\"\r\n [ngTemplateOutletContext]=\"{ $implicit: child }\" />\r\n }\r\n </ng-template>\r\n\r\n <ng-template #defaultChild let-child>\r\n @if (child.path) {\r\n <div class=\"dropdown-submenu\" *abpPermission=\"child.requiredPolicy\">\r\n <a class=\"dropdown-item\" [routerLink]=\"child.path | abpRouteCultureUrl\" (click)=\"closeDropdown()\">\r\n @if (child.iconClass) {\r\n <i [class]=\"child.iconClass\"></i>\r\n }\r\n {{ child.name | abpLocalization }}</a>\r\n </div>\r\n }\r\n </ng-template>\r\n\r\n <ng-template #dropdownChild let-child>\r\n <div class=\"dropdown-submenu\" ngbDropdown #dropdownSubmenu=\"ngbDropdown\" placement=\"right-top\" [autoClose]=\"true\"\r\n *abpPermission=\"child.requiredPolicy\">\r\n <div ngbDropdownToggle [class.dropdown-toggle]=\"false\">\r\n <a abpEllipsis=\"210px\" [abpEllipsisEnabled]=\"!smallScreen()\" role=\"button\"\r\n class=\"btn d-block text-start dropdown-toggle\">\r\n @if (child.iconClass) {\r\n <i [class]=\"child.iconClass\"></i>\r\n }\r\n {{ child.name | abpLocalization }}\r\n </a>\r\n </div>\r\n <div #childrenContainer class=\"dropdown-menu dropdown-menu-start border-0 shadow-sm\"\r\n [class.d-block]=\"smallScreen() && dropdownSubmenu.isOpen()\">\r\n <ng-container *ngTemplateOutlet=\"forTemplate; context: { $implicit: child }\" />\r\n </div>\r\n </div>\r\n </ng-template>\r\n</ul>","import { AbpVisibleDirective, NavItem, NavItemsService } from '@abp/ng.theme.shared';\r\nimport { Component, TrackByFunction, inject, PLATFORM_ID } from '@angular/core';\r\nimport { NgComponentOutlet, AsyncPipe, isPlatformBrowser } from '@angular/common';\r\nimport { PermissionDirective, ToInjectorPipe } from '@abp/ng.core';\r\n\r\n@Component({\r\n selector: 'abp-nav-items',\r\n templateUrl: 'nav-items.component.html',\r\n imports: [NgComponentOutlet, AsyncPipe, AbpVisibleDirective, PermissionDirective, ToInjectorPipe],\r\n})\r\nexport class NavItemsComponent {\r\n readonly navItems = inject(NavItemsService);\r\n private platformId = inject(PLATFORM_ID);\r\n readonly isBrowser = isPlatformBrowser(this.platformId);\r\n\r\n trackByFn: TrackByFunction<NavItem> = (_, element) => element.id;\r\n}\r\n","<ul class=\"navbar-nav\">\r\n @if (isBrowser) {\r\n @for (item of navItems.items$ | async; track $index) {\r\n <ng-container *abpVisible=\"!item.visible || item.visible(item)\">\r\n <li class=\"nav-item d-flex align-items-center\" *abpPermission=\"item.requiredPolicy\">\r\n @if (item.component) {\r\n <ng-container\r\n [ngComponentOutlet]=\"item.component\"\r\n [ngComponentOutletInjector]=\"item | toInjector\"\r\n ></ng-container>\r\n } @else {\r\n <div [innerHTML]=\"item.html\" (click)=\"item.action ? item.action() : null\"></div>\r\n }\r\n </li>\r\n </ng-container>\r\n }\r\n }\r\n</ul>\r\n","import { TenantBoxService } from '@abp/ng.account.core';\r\nimport { Component, inject } from '@angular/core';\r\nimport { AsyncPipe } from '@angular/common';\r\nimport { LocalizationPipe } from '@abp/ng.core';\r\nimport { ButtonComponent, ModalCloseDirective, ModalComponent } from '@abp/ng.theme.shared';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'abp-tenant-box',\r\n templateUrl: './tenant-box.component.html',\r\n providers: [TenantBoxService],\r\n imports: [\r\n AsyncPipe,\r\n FormsModule,\r\n ModalComponent,\r\n LocalizationPipe,\r\n ButtonComponent,\r\n ModalCloseDirective,\r\n ],\r\n})\r\nexport class TenantBoxComponent {\r\n service = inject(TenantBoxService);\r\n}\r\n","@if ((service.currentTenant$ | async) || { name: '' }; as currentTenant) {\r\n <div class=\"card shadow-sm rounded mb-3\">\r\n <div class=\"card-body px-5\">\r\n <div class=\"row\">\r\n <div class=\"col\">\r\n <span style=\"font-size: 0.8em\" class=\"text-uppercase text-muted\">{{\r\n 'AbpUiMultiTenancy::Tenant' | abpLocalization\r\n }}</span\r\n ><br />\r\n <h6 class=\"m-0 d-inline-block\">\r\n <i>{{ currentTenant.name || ('AbpUiMultiTenancy::NotSelected' | abpLocalization) }}</i>\r\n </h6>\r\n </div>\r\n <div class=\"col-auto\">\r\n <a\r\n id=\"AbpTenantSwitchLink\"\r\n href=\"javascript:void(0);\"\r\n class=\"btn btn-sm mt-3 btn-outline-primary\"\r\n (click)=\"service.onSwitch()\"\r\n >{{ 'AbpUiMultiTenancy::Switch' | abpLocalization }}</a\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <abp-modal [(visible)]=\"service.isModalVisible\" [busy]=\"service.modalBusy\">\r\n <ng-template #abpHeader>\r\n <h5>Switch Tenant</h5>\r\n </ng-template>\r\n <ng-template #abpBody>\r\n <form (ngSubmit)=\"service.save()\">\r\n <div class=\"mt-2\">\r\n <div class=\"mb-3 form-group\">\r\n <label for=\"name\" class=\"form-label\">{{\r\n 'AbpUiMultiTenancy::Name' | abpLocalization\r\n }}</label>\r\n <input\r\n [(ngModel)]=\"service.name\"\r\n type=\"text\"\r\n id=\"name\"\r\n name=\"tenant\"\r\n class=\"form-control\"\r\n autofocus\r\n />\r\n </div>\r\n <p>{{ 'AbpUiMultiTenancy::SwitchTenantHint' | abpLocalization }}</p>\r\n </div>\r\n </form>\r\n </ng-template>\r\n <ng-template #abpFooter>\r\n <button abpClose type=\"button\" class=\"btn btn-outline-primary\">\r\n {{ 'AbpTenantManagement::Cancel' | abpLocalization }}\r\n </button>\r\n <abp-button\r\n type=\"abp-button\"\r\n iconClass=\"fa fa-check\"\r\n (click)=\"service.save()\"\r\n [disabled]=\"currentTenant?.name === service.name\"\r\n >\r\n <span>{{ 'AbpTenantManagement::Save' | abpLocalization }}</span>\r\n </abp-button>\r\n </ng-template>\r\n </abp-modal>\r\n}\r\n","import { AuthWrapperService } from '@abp/ng.account.core';\r\nimport { Component, inject } from '@angular/core';\r\nimport { AsyncPipe } from '@angular/common';\r\nimport { LocalizationPipe, ReplaceableTemplateDirective } from '@abp/ng.core';\r\nimport { TenantBoxComponent } from '../tenant-box/tenant-box.component';\r\n\r\n@Component({\r\n selector: 'abp-auth-wrapper',\r\n templateUrl: './auth-wrapper.component.html',\r\n providers: [AuthWrapperService],\r\n imports: [AsyncPipe, TenantBoxComponent, ReplaceableTemplateDirective, LocalizationPipe],\r\n})\r\nexport class AuthWrapperComponent {\r\n service = inject(AuthWrapperService);\r\n}","<div class=\"row\">\r\n <div class=\"mx-auto col col-md-5\">\r\n @if ((service.isMultiTenancyEnabled$ | async) && service.isTenantBoxVisible) {\r\n <abp-tenant-box\r\n *abpReplaceableTemplate=\"{ componentKey: service.tenantBoxKey }\"\r\n ></abp-tenant-box>\r\n }\r\n\r\n <div class=\"abp-account-container\">\r\n @if (service.enableLocalLogin$ | async) {\r\n <div class=\"card mt-3 shadow-sm rounded\">\r\n <div class=\"card-body p-5\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n } @else {\r\n <div class=\"alert alert-warning\">\r\n <strong>{{ 'AbpAccount::InvalidLoginRequest' | abpLocalization }}</strong>\r\n {{ 'AbpAccount::ThereAreNoLoginSchemesConfiguredForThisClient' | abpLocalization }}\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n","import { Component, ViewEncapsulation, inject } from '@angular/core';\r\nimport { PageAlertService } from '@abp/ng.theme.shared';\r\nimport { AsyncPipe } from '@angular/common';\r\nimport { LocalizationPipe, SafeHtmlPipe } from '@abp/ng.core';\r\n\r\n@Component({\r\n selector: 'abp-page-alert-container',\r\n templateUrl: './page-alert-container.component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n imports: [AsyncPipe, LocalizationPipe, SafeHtmlPipe],\r\n})\r\nexport class PageAlertContainerComponent {\r\n service = inject(PageAlertService);\r\n}\r\n","@for (alert of service.alerts$ | async; track i; let i = $index) {\r\n<div class=\"alert alert-{{ alert.type }} fade show\" [class.alert-dismissible]=\"alert.dismissible\" role=\"alert\">\r\n @if (alert.title) {\r\n <h4 class=\"alert-heading\" [innerHTML]=\"alert.title | abpSafeHtml | abpLocalization: alert.titleLocalizationParams\">\r\n </h4>\r\n }\r\n <span [innerHTML]=\"alert.message | abpSafeHtml | abpLocalization: alert.messageLocalizationParams\"></span>\r\n @if (alert.dismissible) {\r\n <button type=\"button\" class=\"btn-close\" data-dismiss=\"alert\" aria-label=\"Close\" (click)=\"service.remove(i)\"></button>\r\n }\r\n</div>\r\n}","import { AfterViewInit, Component, inject } from '@angular/core';\r\nimport { eLayoutType, ReplaceableTemplateDirective, SubscriptionService } from '@abp/ng.core';\r\nimport { LayoutService } from '../../services/layout.service';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { LogoComponent } from '../logo/logo.component';\r\nimport { RoutesComponent } from '../routes/routes.component';\r\nimport { NavItemsComponent } from '../nav-items/nav-items.component';\r\nimport { AuthWrapperComponent } from './auth-wrapper/auth-wrapper.component';\r\nimport { PageAlertContainerComponent } from '../page-alert-container/page-alert-container.component';\r\nimport { RouterOutlet } from '@angular/router';\r\nimport { collapseWithMargin } from '@abp/ng.theme.shared';\r\n\r\n@Component({\r\n selector: 'abp-layout-account',\r\n templateUrl: './account-layout.component.html',\r\n animations: [collapseWithMargin],\r\n providers: [LayoutService, SubscriptionService],\r\n imports: [\r\n NgTemplateOutlet,\r\n LogoComponent,\r\n RoutesComponent,\r\n NavItemsComponent,\r\n AuthWrapperComponent,\r\n PageAlertContainerComponent,\r\n ReplaceableTemplateDirective,\r\n RouterOutlet,\r\n ],\r\n})\r\nexport class AccountLayoutComponent implements AfterViewInit {\r\n service = inject(LayoutService);\r\n\r\n // required for dynamic component\r\n static type = eLayoutType.account;\r\n\r\n authWrapperKey = 'Account.AuthWrapperComponent';\r\n\r\n ngAfterViewInit() {\r\n this.service.subscribeWindowSize();\r\n }\r\n}\r\n","<nav\r\n class=\"navbar navbar-expand-lg navbar-dark bg-dark shadow-sm flex-column flex-md-row mb-4\"\r\n id=\"main-navbar\"\r\n style=\"min-height: 4rem\"\r\n>\r\n <div class=\"container\">\r\n <abp-logo *abpReplaceableTemplate=\"{ componentKey: service.logoComponentKey }\"></abp-logo>\r\n <button\r\n class=\"navbar-toggler\"\r\n type=\"button\"\r\n [attr.aria-expanded]=\"!service.isCollapsed\"\r\n (click)=\"service.isCollapsed = !service.isCollapsed\"\r\n >\r\n <span class=\"navbar-toggler-icon\"></span>\r\n </button>\r\n <div\r\n class=\"navbar-collapse\"\r\n [class.overflow-hidden]=\"service.smallScreen\"\r\n id=\"main-navbar-collapse\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"!service.smallScreen ? navigations : null\"></ng-container>\r\n\r\n @if (service.smallScreen) {\r\n <div\r\n [@collapseWithMargin]=\"service.isCollapsed ? 'collapsed' : 'expanded'\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"navigations\"></ng-container>\r\n </div>\r\n }\r\n\r\n <ng-template #navigations>\r\n <abp-routes\r\n *abpReplaceableTemplate=\"{\r\n componentKey: service.routesComponentKey,\r\n inputs: {\r\n smallScreen: { value: service.smallScreen }\r\n }\r\n }\"\r\n class=\"mx-auto\"\r\n [smallScreen]=\"service.smallScreen\"\r\n ></abp-routes>\r\n\r\n <abp-nav-items\r\n *abpReplaceableTemplate=\"{\r\n componentKey: service.navItemsComponentKey\r\n }\"\r\n ></abp-nav-items>\r\n </ng-template>\r\n </div>\r\n </div>\r\n</nav>\r\n\r\n<!-- [@slideFromBottom]=\"outlet.isActivated && outlet.activatedRoute?.routeConfig?.path\" TODO: throws ExpressionChangedAfterItHasBeenCheck when animation is active. It should be fixed -->\r\n<div class=\"container\">\r\n <abp-page-alert-container></abp-page-alert-container>\r\n <abp-auth-wrapper\r\n *abpReplaceableTemplate=\"{\r\n componentKey: authWrapperKey\r\n }\"\r\n >\r\n <router-outlet #outlet=\"outlet\"></router-outlet>\r\n </abp-auth-wrapper>\r\n</div>\r\n","import { eLayoutType, ReplaceableTemplateDirective, SubscriptionService } from '@abp/ng.core';\r\nimport { collapseWithMargin, slideFromBottom } from '@abp/ng.theme.shared';\r\nimport { AfterViewInit, Component, inject } from '@angular/core';\r\nimport { LayoutService } from '../../services/layout.service';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { RouterOutlet } from '@angular/router';\r\nimport { LogoComponent } from '../logo/logo.component';\r\nimport { PageAlertContainerComponent } from '../page-alert-container/page-alert-container.component';\r\nimport { RoutesComponent } from '../routes/routes.component';\r\nimport { NavItemsComponent } from '../nav-items/nav-items.component';\r\n\r\n@Component({\r\n selector: 'abp-layout-application',\r\n templateUrl: './application-layout.component.html',\r\n animations: [slideFromBottom, collapseWithMargin],\r\n providers: [LayoutService, SubscriptionService],\r\n imports: [\r\n NgTemplateOutlet,\r\n LogoComponent,\r\n PageAlertContainerComponent,\r\n RoutesComponent,\r\n NavItemsComponent,\r\n ReplaceableTemplateDirective,\r\n RouterOutlet,\r\n ],\r\n})\r\nexport class ApplicationLayoutComponent implements AfterViewInit {\r\n public readonly service = inject(LayoutService);\r\n // required for dynamic component\r\n static type = eLayoutType.application;\r\n\r\n ngAfterViewInit() {\r\n this.service.subscribeWindowSize();\r\n }\r\n}\r\n","<nav\r\n class=\"navbar navbar-expand-lg navbar-dark bg-dark shadow-sm flex-column flex-md-row mb-4\"\r\n id=\"main-navbar\"\r\n style=\"min-height: 4rem\"\r\n>\r\n <div class=\"container\">\r\n <abp-logo *abpReplaceableTemplate=\"{ componentKey: service.logoComponentKey }\"></abp-logo>\r\n <button\r\n class=\"navbar-toggler\"\r\n type=\"button\"\r\n [attr.aria-expanded]=\"!service.isCollapsed\"\r\n (click)=\"service.isCollapsed = !service.isCollapsed\"\r\n >\r\n <span class=\"navbar-toggler-icon\"></span>\r\n </button>\r\n <div\r\n class=\"navbar-collapse\"\r\n [class.overflow-hidden]=\"service.smallScreen\"\r\n id=\"main-navbar-collapse\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"!service.smallScreen ? navigations : null\"></ng-container>\r\n\r\n @if (service.smallScreen) {\r\n <div [@collapseWithMargin]=\"service.isCollapsed ? 'collapsed' : 'expanded'\">\r\n <ng-container *ngTemplateOutlet=\"navigations\"></ng-container>\r\n </div>\r\n }\r\n\r\n <ng-template #navigations>\r\n <abp-routes\r\n *abpReplaceableTemplate=\"{\r\n componentKey: service.routesComponentKey,\r\n inputs: {\r\n smallScreen: { value: service.smallScreen }\r\n }\r\n }\"\r\n class=\"mx-auto\"\r\n [smallScreen]=\"service.smallScreen\"\r\n ></abp-routes>\r\n\r\n <abp-nav-items\r\n *abpReplaceableTemplate=\"{\r\n componentKey: service.navItemsComponentKey\r\n }\"\r\n ></abp-nav-items>\r\n </ng-template>\r\n </div>\r\n </div>\r\n</nav>\r\n\r\n<!-- [@slideFromBottom]=\"outlet.isActivated && outlet.activatedRoute?.routeConfig?.path\" TODO: throws ExpressionChangedAfterItHasBeenCheck when animation is active. It should be fixed -->\r\n<div class=\"container\">\r\n <abp-page-alert-container></abp-page-alert-container>\r\n\r\n <router-outlet #outlet=\"outlet\"></router-outlet>\r\n</div>\r\n","import { Component } from '@angular/core';\r\nimport { eLayoutType } from '@abp/ng.core';\r\nimport { RouterOutlet } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'abp-layout-empty',\r\n template: ` <router-outlet></router-outlet> `,\r\n imports: [RouterOutlet],\r\n})\r\nexport class EmptyLayoutComponent {\r\n static type = eLayoutType.empty;\r\n}\r\n","import {\r\n AuthService,\r\n ConfigStateService,\r\n CurrentUserDto,\r\n LocalizationPipe,\r\n NAVIGATE_TO_MANAGE_PROFILE,\r\n PermissionDirective,\r\n SessionStateService,\r\n ToInjectorPipe,\r\n} from '@abp/ng.core';\r\nimport { AbpVisibleDirective, UserMenu, UserMenuService } from '@abp/ng.theme.shared';\r\nimport { Component, TrackByFunction, inject } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { NgComponentOutlet, AsyncPipe, DOCUMENT } from '@angular/common';\r\nimport { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'abp-current-user',\r\n templateUrl: './current-user.component.html',\r\n imports: [\r\n NgComponentOutlet,\r\n AsyncPipe,\r\n NgbDropdownModule,\r\n AbpVisibleDirective,\r\n PermissionDirective,\r\n ToInjectorPipe,\r\n LocalizationPipe,\r\n ],\r\n})\r\nexport class CurrentUserComponent {\r\n readonly navigateToManageProfile = inject(NAVIGATE_TO_MANAGE_PROFILE);\r\n readonly userMenu = inject(UserMenuService);\r\n private authService = inject(AuthService);\r\n private configState = inject(ConfigStateService);\r\n private sessionState = inject(SessionStateService);\r\n private document = inject(DOCUMENT);\r\n\r\n currentUser$: Observable<CurrentUserDto> = this.configState.getOne$('currentUser');\r\n selectedTenant$ = this.sessionState.getTenant$();\r\n trackByFn: TrackByFunction<UserMenu> = (_, element) => element.id;\r\n\r\n get smallScreen(): boolean {\r\n return this.document.defaultView?.innerWidth < 992;\r\n }\r\n\r\n navigateToLogin() {\r\n this.authService.navigateToLogin();\r\n }\r\n\r\n logout() {\r\n this.authService.logout().subscribe();\r\n }\r\n}\r\n","@if ((currentUser$ | async)?.isAuthenticated) {\r\n <div\r\n ngbDropdown\r\n class=\"dropdown\"\r\n #currentUserDropdown=\"ngbDropdown\"\r\n display=\"static\"\r\n >\r\n <a\r\n ngbDropdownToggle\r\n class=\"nav-link\"\r\n href=\"javascript:void(0)\"\r\n role=\"button\"\r\n id=\"dropdownMenuLink\"\r\n data-toggle=\"dropdown\"\r\n aria-haspopup=\"true\"\r\n aria-expanded=\"false\"\r\n >\r\n @if ((selectedTenant$ | async)?.name; as tenantName) {\r\n <small\r\n ><i>{{ tenantName }}</i\r\n >\\</small\r\n >\r\n }\r\n <strong>{{ (currentUser$ | async)?.userName }}</strong>\r\n </a>\r\n <div\r\n class=\"dropdown-menu dropdown-menu-end border-0 shadow-sm\"\r\n aria-labelledby=\"dropdownMenuLink\"\r\n [class.d-block]=\"smallScreen && currentUserDropdown.isOpen()\"\r\n >\r\n @for (item of userMenu.items$ | async; track $index) {\r\n <ng-container *abpVisible=\"!item.visible || item.visible(item)\">\r\n <li class=\"nav-item d-flex align-items-center\" *abpPermission=\"item.requiredPolicy\">\r\n @if (item.component) {\r\n <ng-container\r\n [ngComponentOutlet]=\"item.component\"\r\n [ngComponentOutletInjector]=\"item | toInjector\"\r\n ></ng-container>\r\n } @else {\r\n @if (item.html) {\r\n <div [innerHTML]=\"item.html\" (click)=\"item.action ? item.action() : null\"></div>\r\n } @else {\r\n @if (item.textTemplate) {\r\n <a (click)=\"item.action ? item.action() : null\" class=\"dropdown-item pointer\">\r\n @if (item.textTemplate.icon) {\r\n <i class=\"me-1 {{ item.textTemplate.icon }}\"></i>\r\n }\r\n {{ item.textTemplate.text | abpLocalization }}</a\r\n >\r\n }\r\n }\r\n }\r\n </li>\r\n </ng-container>\r\n }\r\n </div>\r\n </div>\r\n} @else {\r\n <a role=\"button\" class=\"nav-link pointer\" (click)=\"navigateToLogin()\">\r\n {{ 'AbpAccount::Login' | abpLocalization }}\r\n </a>\r\n}\r\n","import { ConfigStateService, LanguageInfo, SessionStateService } from '@abp/ng.core';\r\nimport { Component, inject } from '@angular/core';\r\nimport { DOCUMENT, AsyncPipe } from '@angular/common';\r\nimport { Observable } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'abp-languages',\r\n template: `\r\n @if (((dropdownLanguages$ | async)?.length || 0) > 0) {\r\n <div class=\"dropdown\" ngbDropdown #languageDropdown=\"ngbDropdown\" display=\"static\">\r\n <a\r\n ngbDropdownToggle\r\n class=\"nav-link\"\r\n href=\"javascript:void(0)\"\r\n role=\"button\"\r\n id=\"dropdownMenuLink\"\r\n data-toggle=\"dropdown\"\r\n aria-haspopup=\"true\"\r\n aria-expanded=\"false\"\r\n >\r\n {{ defaultLanguage$ | async }}\r\n </a>\r\n <div\r\n class=\"dropdown-menu dropdown-menu-end border-0 shadow-sm\"\r\n aria-labelledby=\"dropdownMenuLink\"\r\n [class.d-block]=\"smallScreen && languageDropdown.isOpen()\"\r\n >\r\n @for (lang of dropdownLanguages$ | async; track $index) {\r\n <a\r\n href=\"javascript:void(0)\"\r\n class=\"dropdown-item\"\r\n (click)=\"onChangeLang(lang.cultureName || '')\"\r\n >{{ lang?.displayName }}</a\r\n >\r\n }\r\n </div>\r\n </div>\r\n }\r\n `,\r\n imports: [AsyncPipe, NgbDropdownModule],\r\n})\r\nexport class LanguagesComponent {\r\n private sessionState = inject(SessionStateService);\r\n private configState = inject(ConfigStateService);\r\n document = inject(DOCUMENT);\r\n\r\n get smallScreen(): boolean {\r\n return this.document.defaultView.innerWidth < 992;\r\n }\r\n\r\n languages$: Observable<LanguageInfo[]> = this.configState.getDeep$('localization.languages');\r\n\r\n get defaultLanguage$(): Observable<string> {\r\n return this.languages$.pipe(\r\n map(\r\n languages =>\r\n languages?.find(lang => lang.cultureName === this.selectedLangCulture)?.displayName || '',\r\n ),\r\n );\r\n }\r\n\r\n get dropdownLanguages$(): Observable<LanguageInfo[]> {\r\n return this.languages$.pipe(\r\n map(\r\n languages => languages?.filter(lang => lang.cultureName !== this.selectedLangCulture) || [],\r\n ),\r\n );\r\n }\r\n\r\n get selectedLangCulture(): string {\r\n return this.sessionState.getLanguage();\r\n }\r\n\r\n onChangeLang(cultureName: string) {\r\n this.sessionState.setLanguage(cultureName);\r\n }\r\n}\r\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\r\nimport { Validation, ValidationErrorComponent as ErrorComponent } from '@ngx-validate/core';\r\nimport { LocalizationPipe } from '@abp/ng.core';\r\n\r\n@Component({\r\n selector: 'abp-validation-error',\r\n template: `\r\n @for (error of abpErrors; track $index) {\r\n <div class=\"invalid-feedback\">\r\n {{ error.message | abpLocalization: error.interpoliteParams }}\r\n </div>\r\n }\r\n `,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n imports: [LocalizationPipe],\r\n})\r\nexport class ValidationErrorComponent extends ErrorComponent {\r\n get abpErrors(): (Validation.Error & { interpoliteParams?: string[] })[] {\r\n if (!this.errors || !this.errors.length) return [];\r\n\r\n return this.errors.map(error => {\r\n if (!error.message) return error;\r\n\r\n const index = error.message.indexOf('[');\r\n\r\n if (index > -1) {\r\n return {\r\n ...error,\r\n message: error.message.slice(0, index),\r\n interpoliteParams: error.message.slice(index + 1, error.message.length - 1).split(','),\r\n };\r\n }\r\n\r\n return error;\r\n });\r\n }\r\n}\r\n","import { InjectionToken } from '@angular/core';\r\n\r\nexport const LAZY_STYLES = new InjectionToken<string[]>('LAZY_STYLES');\r\n","import { LazyLoadService, LOADING_STRATEGY } from '@abp/ng.core';\r\nimport { DocumentDirHandlerService, LocaleDirection } from '@abp/ng.theme.shared';\r\nimport { Injectable, Injector, inject } from '@angular/core';\r\nimport { LAZY_STYLES } from '../tokens/lazy-styles.token';\r\nimport { DOCUMENT } from '@angular/common';\r\nexport const BOOTSTRAP = 'bootstrap-{{dir}}.min.css';\r\n\r\n@Injectable()\r\nexport class LazyStyleHandler {\r\n private document = inject(DOCUMENT);\r\n private lazyLoad!: LazyLoadService;\r\n private styles!: string[];\r\n private _dir: LocaleDirection = 'ltr';\r\n\r\n readonly loaded = new Map<string, HTMLLinkElement>();\r\n\r\n set dir(dir: LocaleDirection) {\r\n if (dir === this._dir) return;\r\n\r\n this.switchCSS(dir);\r\n this._dir = dir;\r\n }\r\n\r\n get dir(): LocaleDirection {\r\n return this._dir;\r\n }\r\n\r\n constructor() {\r\n const injector = inject(Injector);\r\n\r\n this.setStyles(injector);\r\n this.setLazyLoad(injector);\r\n this.listenToDirectionChanges(injector);\r\n }\r\n\r\n private getHrefFromLink(link: HTMLLinkElement | null | undefined): string {\r\n if (!link) return '';\r\n\r\n const a = this.document.createElement('a');\r\n a.href = link.href;\r\n return a.pathname.replace(/^\\//, '');\r\n }\r\n\r\n private getLoadedBootstrap(): LoadedStyle {\r\n const href = createLazyStyleHref(BOOTSTRAP, this.dir);\r\n const selector = `[href*=\"${href.replace(/\\.css$/, '')}\"]`;\r\n const link = this.document.querySelector<HTMLLinkElement>(selector);\r\n return { href, link };\r\n }\r\n\r\n private listenToDirectionChanges(injector: Injector) {\r\n const docDirHandler = injector.get(DocumentDirHandlerService);\r\n\r\n // will always listen, no need to unsubscribe\r\n docDirHandler.dir$.subscribe(dir => {\r\n this.dir = dir;\r\n });\r\n }\r\n\r\n private setLazyLoad(injector: Injector) {\r\n this.lazyLoad = injector.get(LazyLoadService);\r\n const { href, link } = this.getLoadedBootstrap();\r\n this.lazyLoad.loaded.set(href, link);\r\n }\r\n\r\n private setStyles(injector: Injector) {\r\n this.styles = injector.get(LAZY_STYLES, [BOOTSTRAP]);\r\n }\r\n\r\n private switchCSS(dir: LocaleDirection) {\r\n this.styles.forEach(style => {\r\n const oldHref = createLazyStyleHref(style, this.dir);\r\n const newHref = createLazyStyleHref(style, dir);\r\n const link = this.loaded.get(newHref);\r\n const href = this.getHrefFromLink(link) || newHref;\r\n\r\n const strategy = LOADING_STRATEGY.PrependAnonymousStyleToHead(href);\r\n this.lazyLoad.load(strategy).subscribe(() => {\r\n const oldLink = this.lazyLoad.loaded.get(oldHref) as HTMLLinkElement;\r\n this.loaded.delete(newHref);\r\n this.loaded.set(oldHref, oldLink);\r\n const newLink = this.lazyLoad.loaded.get(href) as HTMLLinkElement;\r\n this.lazyLoad.loaded.delete(href);\r\n this.lazyLoad.loaded.set(newHref, newLink);\r\n this.lazyLoad.remove(oldHref);\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport function createLazyStyleHref(style: string, dir: string): string {\r\n return style.replace(/{{\\s*dir\\s*}}/g, dir);\r\n}\r\n\r\nexport function initLazyStyleHandler() {\r\n return () => new LazyStyleHandler();\r\n}\r\n\r\ninterface LoadedStyle {\r\n href: string;\r\n link: HTMLLinkElement | null;\r\n}\r\n","import { NavItemsService } from '@abp/ng.theme.shared';\r\nimport { inject, provideAppInitializer } from '@angular/core';\r\nimport { CurrentUserComponent } from '../components/nav-items/current-user.component';\r\nimport { LanguagesComponent } from '../components/nav-items/languages.component';\r\nimport { eThemeBasicComponents } from '../enums/components';\r\n\r\nexport const BASIC_THEME_NAV_ITEM_PROVIDERS = [\r\n provideAppInitializer(() => {\r\n configureNavItems();\r\n }),\r\n];\r\n\r\nexport function configureNavItems() {\r\n const navItems = inject(NavItemsService);\r\n navItems.addItems([\r\n {\r\n id: eThemeBasicComponents.Languages,\r\n order: 100,\r\n component: LanguagesComponent,\r\n },\r\n {\r\n id: eThemeBasicComponents.CurrentUser,\r\n order: 100,\r\n component: CurrentUserComponent,\r\n },\r\n ]);\r\n}\r\n","export default `\r\n.content-header-title {\r\n font-size: 24px;\r\n}\r\n.entry-row {\r\n margin-bottom: 15px;\r\n}\r\n#main-navbar-tools a.dropdown-toggle {\r\n text-decoration: none;\r\n color: #fff;\r\n}\r\n.navbar .dropdown-submenu {\r\n position: relative;\r\n}\r\n.navbar .dropdown-menu {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n.navbar .dropdown-menu a {\r\n font-size: .9em;\r\n padding: 10px 15px;\r\n display: block;\r\n min-width: 210px;\r\n text-align: left;\r\n border-radius: 0.25rem;\r\n min-height: 44px;\r\n}\r\n[dir=rtl] .navbar .dropdown-menu a {\r\n text-align: right!important;\r\n}\r\n.navbar .dropdown-submenu a::after {\r\n transform: rotate(-90deg);\r\n position: absolute;\r\n right: 16px;\r\n top: 18px;\r\n}\r\n[dir=rtl] .navbar .dropdown-submenu a::after {\r\n transform: rotate(90deg);\r\n left: 16px;\r\n right: auto;\r\n top: 20px;\r\n}\r\n.navbar .dropdown-submenu .dropdown-menu {\r\n top: 0;\r\n left: 100%;\r\n}\r\n/* work around for rtl. Track https://github.com/ng-bootstrap/ng-bootstrap/issues/4100 issue */\r\n[dir=rtl] .navbar .dropdown-submenu .dropdown-menu {\r\n top: 0;\r\n right: 100%;\r\n}\r\n.card-header .btn {\r\n padding: 2px 6px;\r\n}\r\n.card-header h5 {\r\n margin: 0;\r\n}\r\n.container > .card {\r\n box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;\r\n}\r\n@media screen and (min-width: 992px) {\r\n .navbar .dropdown:hover > .dropdown-menu {\r\n display: block;\r\n }\r\n\r\n .navbar .dropdown-submenu:hover > .dropdown-menu {\r\n display: block;\r\n }\r\n}\r\n.input-validation-error {\r\n border-color: #dc3545;\r\n}\r\n.field-validation-error {\r\n font-size: 0.8em;\r\n}\r\n.ui-table .ui-table-tbody > tr.empty-row > div.empty-row-content {\r\n border: 1px solid #c8c8c8;\r\n }\r\n.abp-loading {\r\n background: rgba(0, 0, 0, 0.05);\r\n}\r\n.modal-backdrop {\r\nbackground-color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n.confirmation .confirmation-backdrop {\r\n\t background: rgba(0, 0, 0, 0.7) !important;\r\n}\r\n .confirmation .confirmation-dialog {\r\n\t border: none;\r\n\t border-radius: 10px;\r\n\t background-color: #fff;\r\n\t box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.5);\r\n}\r\n .confirmation .confirmation-dialog .icon-container .icon {\r\n\t stroke: #fff;\r\n\t color: #fff;\r\n}\r\n .confirmation .confirmation-dialog .icon-container.info .icon {\r\n\t stroke: #2f96b4;\r\n\t color: #2f96b4;\r\n}\r\n .confirmation .confirmation-dialog .icon-container.success .icon {\r\n\t stroke: #51a351;\r\n\t color: #51a351;\r\n}\r\n .confirmation .confirmation-dialog .icon-container.warning .icon {\r\n\t stroke: #f89406;\r\n\t color: #f89406;\r\n}\r\n .confirmation .confirmation-dialog .icon-container.error .icon {\r\n\t stroke: #bd362f;\r\n\t color: #bd362f;\r\n}\r\n .confirmation .confirmation-dialog .content .title {\r\n\t color: #222;\r\n}\r\n .confirmation .confirmation-dialog .content .message {\r\n\t color: #777;\r\n}\r\n .confirmation .confirmation-dialog .footer {\r\n\t background: transparent;\r\n}\r\n .confirmation .confirmation-dialog .footer .confirmation-button {\r\n\t background-color: #eee;\r\n\t color: #777;\r\n}\r\n .confirmation .confirmation-dialog .footer .confirmation-button:hover, .confirmation .confirmation-dialog .footer .confirmation-button:focus, .confirmation .confirmation-dialog .footer .confirmation-button:active {\r\n\t background-color: #bbb;\r\n}\r\n .confirmation .confirmation-dialog .footer .confirmation-button--confirm {\r\n\t background-color: #2f96b4;\r\n\t color: #fff;\r\n}\r\n .confirmation .confirmation-dialog .footer .confirmation-button--confirm:hover {\r\n\t background-color: #2e819b;\r\n}\r\n.ui-table .pagination-wrapper {\r\n background-color: #f4f4f4;\r\n border: 1px solid #c8c8c8;\r\n}\r\n.bordered .datatable-body-row {\r\n border-top: 1px solid #eee;\r\n margin-top: -1px;\r\n}\r\n.breadcrumb {\r\n background-color: transparent;\r\n padding: 0.27rem;\r\n}\r\n\r\n.abp-md-form {\r\n max-width: 540px;\r\n}\r\n\r\nabp-chat-icon,\r\nabp-back-to-impersonator-nav-item {\r\n margin-inline: 0.4rem;\r\n}\r\n\r\nabp-chat-icon {\r\n .fa-comments:before {\r\n color: var(--bs-navbar-color);\r\n }\r\n}\r\n\r\nabp-back-to-impersonator-nav-item {\r\n .fa-undo {\r\n color: var(--bs-navbar-color);\r\n }\r\n}\r\n\r\n.ngx-datatable.material:has(.datatable-body-row) .datatable-footer {\r\n border-top: none;\r\n}\r\n\r\n.ngx-datatable.material:not(:has(.datatable-body-row)) .datatable-footer {\r\n border-top: 1px solid #dee2e6;\r\n}\r\n\r\n`;\r\n\r\n\r\n","import { CONTENT_STRATEGY, DomInsertionService, ReplaceableComponentsService } from '@abp/ng.core';\r\nimport { inject, provideAppInitializer } from '@angular/core';\r\nimport { AccountLayoutComponent } from '../components/account-layout/account-layout.component';\r\nimport { ApplicationLayoutComponent } from '../components/application-layout/application-layout.component';\r\nimport { EmptyLayoutComponent } from '../components/empty-layout/empty-layout.component';\r\nimport styles from '../constants/styles';\r\nimport { eThemeBasicComponents } from '../enums/components';\r\n\r\nexport const BASIC_THEME_STYLES_PROVIDERS = [\r\n provideAppInitializer(() => {\r\n const initializerFn = configureStyles(\r\n inject(DomInsertionService),\r\n inject(ReplaceableComponentsService),\r\n );\r\n return initializerFn();\r\n }),\r\n];\r\n\r\nexport function configureStyles(\r\n domInsertion: DomInsertionService,\r\n replaceableComponents: ReplaceableComponentsService,\r\n) {\r\n return () => {\r\n domInsertion.insertContent(CONTENT_STRATEGY.AppendStyleToHead(styles));\r\n\r\n initLayouts(replaceableComponents);\r\n };\r\n}\r\n\r\nfunction initLayouts(replaceableComponents: ReplaceableComponentsService) {\r\n replaceableComponents.add({\r\n key: eThemeBasicComponents.ApplicationLayout,\r\n component: ApplicationLayoutComponent,\r\n });\r\n replaceableComponents.add({\r\n key: eThemeBasicComponents.AccountLayout,\r\n component: AccountLayoutComponent,\r\n });\r\n replaceableComponents.add({\r\n key: eThemeBasicComponents.EmptyLayout,\r\n component: EmptyLayoutComponent,\r\n });\r\n}\r\n","import { AuthService, NAVIGATE_TO_MANAGE_PROFILE } from '@abp/ng.core';\r\nimport { UserMenuService } from '@abp/ng.theme.shared';\r\nimport { Injector, inject, provideAppInitializer } from '@angular/core';\r\nimport { eUserMenuItems } from '../enums/user-menu-items';\r\n\r\nexport const BASIC_THEME_USER_MENU_PROVIDERS = [\r\n provideAppInitializer(() => {\r\n const initializerFn = configureUserMenu(inject(Injector));\r\n return initializerFn();\r\n }),\r\n];\r\n\r\nexport function configureUserMenu(injector: Injector) {\r\n const userMenu = injector.get(UserMenuService);\r\n const authService = injector.get(AuthService);\r\n const navigateToManageProfile = injector.get(NAVIGATE_TO_MANAGE_PROFILE);\r\n\r\n return () => {\r\n userMenu.addItems([\r\n {\r\n id: eUserMenuItems.MyAccount,\r\n order: 100,\r\n textTemplate: {\r\n text: 'AbpAccount::MyAccount',\r\n icon: 'fa fa-cog',\r\n },\r\n action: () => navigateToManageProfile(),\r\n },\r\n {\r\n id: eUserMenuItems.Logout,\r\n order: 101,\r\n textTemplate: {\r\n text: 'AbpUi::Logout',\r\n icon: 'fa fa-power-off',\r\n },\r\n action: () => {\r\n authService.logout().subscribe();\r\n },\r\n },\r\n ]);\r\n };\r\n}\r\n","import { makeEnvironmentProviders, inject, provideAppInitializer } from '@angular/core';\r\n\r\nimport {\r\n VALIDATION_ERROR_TEMPLATE,\r\n VALIDATION_TARGET_SELECTOR,\r\n VALIDATION_INVALID_CLASSES,\r\n} from '@ngx-validate/core';\r\nimport { LazyStyleHandler } from '../handlers';\r\nimport { BASIC_THEME_NAV_ITEM_PROVIDERS } from './nav-item.provider';\r\nimport { BASIC_THEME_STYLES_PROVIDERS } from './styles.provider';\r\nimport { BASIC_THEME_USER_MENU_PROVIDERS } from './user-menu.provider';\r\nimport { ValidationErrorComponent } from '../components';\r\n\r\nexport function provideThemeBasicConfig() {\r\n return makeEnvironmentProviders([\r\n BASIC_THEME_NAV_ITEM_PROVIDERS,\r\n BASIC_THEME_USER_MENU_PROVIDERS,\r\n BASIC_THEME_STYLES_PROVIDERS,\r\n {\r\n provide: VALIDATION_ERROR_TEMPLATE,\r\n useValue: ValidationErrorComponent,\r\n },\r\n {\r\n provide: VALIDATION_TARGET_SELECTOR,\r\n useValue: '.form-group',\r\n },\r\n {\r\n provide: VALIDATION_INVALID_CLASSES,\r\n useValue: 'is-invalid',\r\n },\r\n LazyStyleHandler,\r\n provideAppInitializer(() => {\r\n inject(LazyStyleHandler);\r\n }),\r\n ]);\r\n}\r\n","import { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport {\r\n AccountLayoutComponent,\r\n AuthWrapperComponent,\r\n TenantBoxComponent,\r\n ApplicationLayoutComponent,\r\n EmptyLayoutComponent,\r\n LogoComponent,\r\n CurrentUserComponent,\r\n LanguagesComponent,\r\n NavItemsComponent,\r\n PageAlertContainerComponent,\r\n RoutesComponent,\r\n ValidationErrorComponent,\r\n} from './components';\r\nimport { provideThemeBasicConfig } from './providers';\r\n\r\nexport const LAYOUTS = [ApplicationLayoutComponent, AccountLayoutComponent, EmptyLayoutComponent];\r\n\r\nexport const THEME_BASIC_COMPONENTS = [\r\n ...LAYOUTS,\r\n ValidationErrorComponent,\r\n LogoComponent,\r\n NavItemsComponent,\r\n RoutesComponent,\r\n CurrentUserComponent,\r\n LanguagesComponent,\r\n PageAlertContainerComponent,\r\n AuthWrapperComponent,\r\n TenantBoxComponent,\r\n];\r\n\r\n@NgModule({\r\n declarations: [],\r\n exports: [...THEME_BASIC_COMPONENTS],\r\n imports: [...THEME_BASIC_COMPONENTS],\r\n})\r\nexport class BaseThemeBasicModule {}\r\n\r\n@NgModule({\r\n exports: [BaseThemeBasicModule],\r\n imports: [BaseThemeBasicModule],\r\n})\r\nexport class ThemeBasicModule {\r\n /**\r\n * @deprecated forRoot method is deprecated, use `provideThemeBasicConfig` *function* for config settings.\r\n */\r\n static forRoot(): ModuleWithProviders<ThemeBasicModule> {\r\n return {\r\n ngModule: ThemeBasicModule,\r\n providers: [provideThemeBasicConfig()],\r\n };\r\n }\r\n}\r\n","/*\r\n * Public API Surface of theme-basic\r\n */\r\n\r\nexport * from './lib/components';\r\nexport * from './lib/enums';\r\nexport * from './lib/handlers';\r\nexport * from './lib/models';\r\nexport * from './lib/providers';\r\nexport * from './lib/theme-basic.module';\r\nexport * from './lib/tokens';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","ErrorComponent"],"mappings":";;;;;;;;;;;;;;;MAQa,aAAa,CAAA;AAexB,IAAA,WAAA,GAAA;AAdQ,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAC1C,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAEzC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;QAC3B,IAAA,CAAA,WAAW,GAAG,IAAI;AAIlB,QAAA,IAAA,CAAA,gBAAgB,GAAA,qBAAA;AAEhB,QAAA,IAAA,CAAA,kBAAkB,GAAA,uBAAA;AAElB,QAAA,IAAA,CAAA,oBAAoB,GAAA,yBAAA;AAGlB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY;AACtC,QAAA,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;QAEzC,YAAY,CAAC,MAAM,CAAC,YAAY,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAC,MAAK;AAC/D,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI;AACzB,QAAA,CAAC,CAAC;IACJ;IAEQ,gBAAgB,GAAA;QACtB,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,UAAU,GAAG,GAAG;QAChE,IAAI,aAAa,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE;AAC/C,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;YACxB,UAAU,CAAC,MAAK;AACd