@acorex/platform 19.2.19 → 19.2.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/core/lib/types.d.ts +10 -3
  2. package/fesm2022/acorex-platform-core.mjs.map +1 -1
  3. package/fesm2022/acorex-platform-layout-entity.mjs +3 -1
  4. package/fesm2022/acorex-platform-layout-entity.mjs.map +1 -1
  5. package/fesm2022/{acorex-platform-themes-default-entity-master-list-view.component-CdC4eF25.mjs → acorex-platform-themes-default-entity-master-list-view.component-BYUOmONk.mjs} +4 -4
  6. package/fesm2022/{acorex-platform-themes-default-entity-master-list-view.component-CdC4eF25.mjs.map → acorex-platform-themes-default-entity-master-list-view.component-BYUOmONk.mjs.map} +1 -1
  7. package/fesm2022/{acorex-platform-themes-default-entity-master-single-view.component-ZfUaIxUa.mjs → acorex-platform-themes-default-entity-master-single-view.component-9U774Tr7.mjs} +4 -4
  8. package/fesm2022/{acorex-platform-themes-default-entity-master-single-view.component-ZfUaIxUa.mjs.map → acorex-platform-themes-default-entity-master-single-view.component-9U774Tr7.mjs.map} +1 -1
  9. package/fesm2022/{acorex-platform-themes-default-search-popup.component-CGARdU4C.mjs → acorex-platform-themes-default-search-popup.component-BY3oQqbr.mjs} +4 -4
  10. package/fesm2022/{acorex-platform-themes-default-search-popup.component-CGARdU4C.mjs.map → acorex-platform-themes-default-search-popup.component-BY3oQqbr.mjs.map} +1 -1
  11. package/fesm2022/{acorex-platform-themes-default-setting-page.component-Cd2yaPEZ.mjs → acorex-platform-themes-default-setting-page.component-_IStMWcu.mjs} +2 -2
  12. package/fesm2022/{acorex-platform-themes-default-setting-page.component-Cd2yaPEZ.mjs.map → acorex-platform-themes-default-setting-page.component-_IStMWcu.mjs.map} +1 -1
  13. package/fesm2022/{acorex-platform-themes-default-setting-view.component-B3Aob67f.mjs → acorex-platform-themes-default-setting-view.component-CeHpcfsc.mjs} +2 -2
  14. package/fesm2022/{acorex-platform-themes-default-setting-view.component-B3Aob67f.mjs.map → acorex-platform-themes-default-setting-view.component-CeHpcfsc.mjs.map} +1 -1
  15. package/fesm2022/{acorex-platform-themes-default-theme-palette-preview.page-DqAngWCf.mjs → acorex-platform-themes-default-theme-palette-preview.page-D_EkB2k8.mjs} +4 -4
  16. package/fesm2022/{acorex-platform-themes-default-theme-palette-preview.page-DqAngWCf.mjs.map → acorex-platform-themes-default-theme-palette-preview.page-D_EkB2k8.mjs.map} +1 -1
  17. package/fesm2022/acorex-platform-themes-default.mjs +149 -29
  18. package/fesm2022/acorex-platform-themes-default.mjs.map +1 -1
  19. package/fesm2022/acorex-platform-themes-shared.mjs +10 -85
  20. package/fesm2022/acorex-platform-themes-shared.mjs.map +1 -1
  21. package/fesm2022/acorex-platform-widgets.mjs +3 -1
  22. package/fesm2022/acorex-platform-widgets.mjs.map +1 -1
  23. package/package.json +5 -5
  24. package/themes/default/lib/layouts/base/base-page.component.d.ts +28 -11
  25. package/themes/default/lib/layouts/base/base-page.types.d.ts +10 -3
  26. package/themes/default/lib/layouts/base/index.d.ts +1 -0
  27. package/themes/default/lib/layouts/base/page-layout/index.d.ts +1 -0
  28. package/themes/default/lib/layouts/base/page-layout/page-layout.component.d.ts +71 -0
  29. package/themes/shared/index.d.ts +0 -1
  30. package/themes/shared/lib/components/layout-elements/layout-blocks.component.d.ts +1 -1
  31. package/themes/shared/lib/components/drawer/drawer.directive.d.ts +0 -22
  32. package/themes/shared/lib/components/drawer/index.d.ts +0 -1
package/fesm2022/acorex-platform-themes-default.mjs CHANGED
@@ -1,7 +1,8 @@
1
1
  import * as i1 from '@angular/common';
2
2
  import { CommonModule } from '@angular/common';
3
3
  import * as i0 from '@angular/core';
4
- import { inject, contentChild, viewChild, afterNextRender, ChangeDetectionStrategy, ViewEncapsulation, Component, signal, computed, effect, ViewChild, Input, NgModule } from '@angular/core';
4
+ import { inject, contentChild, viewChild, afterNextRender, ChangeDetectionStrategy, ViewEncapsulation, Component, effect, signal, computed, ViewChild, Input, NgModule } from '@angular/core';
5
+ import * as i3$2 from '@acorex/components/breadcrumbs';
5
6
  import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
6
7
  import * as i4$1 from '@acorex/components/button';
7
8
  import { AXButtonModule } from '@acorex/components/button';
@@ -20,6 +21,7 @@ import { AXTranslationModule, AXTranslationService } from '@acorex/core/translat
20
21
  import { AXPLayoutThemeService, AXPThemeLayoutPageHeaderComponent, AXPThemeLayoutStartSideComponent, AXPThemeLayoutEndSideComponent, AXPThemeLayoutActionsComponent, AXPThemeLayoutBlockComponent, AXPThemeLayoutHeaderComponent, AXPThemesSharedModule } from '@acorex/platform/themes/shared';
21
22
  import * as i5 from '@acorex/platform/auth';
22
23
  import { AXPSessionService, AXPAuthModule, AXPSessionStatus } from '@acorex/platform/auth';
24
+ import { AXFormatService } from '@acorex/core/format';
23
25
  import * as i1$1 from '@acorex/components/action-sheet';
24
26
  import { AXActionSheetModule } from '@acorex/components/action-sheet';
25
27
  import { AXBadgeModule } from '@acorex/components/badge';
@@ -50,7 +52,7 @@ import { AXSideMenuModule } from '@acorex/components/side-menu';
50
52
  import { AXAvatarModule } from '@acorex/components/avatar';
51
53
  import { AXImageModule } from '@acorex/components/image';
52
54
  import { AXPBroadcastEventService } from '@acorex/platform/core';
53
- import * as i3$2 from '@acorex/components/menu';
55
+ import * as i3$3 from '@acorex/components/menu';
54
56
  import { AXMenuModule } from '@acorex/components/menu';
55
57
  import sortBy$1 from 'lodash-es/sortBy';
56
58
  import { AXResizableDirective } from '@acorex/cdk/resizable';
@@ -84,11 +86,11 @@ class AXPSimplePageLayout {
84
86
  }
85
87
  #initialize;
86
88
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPSimplePageLayout, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
87
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPSimplePageLayout, isStandalone: true, selector: "axp-layout-simple-page", queries: [{ propertyName: "headerLayout", first: true, predicate: AXPThemeLayoutPageHeaderComponent, descendants: true, isSignal: true }, { propertyName: "layoutStartSide", first: true, predicate: AXPThemeLayoutStartSideComponent, descendants: true, isSignal: true }, { propertyName: "layoutEndSide", first: true, predicate: AXPThemeLayoutEndSideComponent, descendants: true, isSignal: true }, { propertyName: "pageActionsLayout", first: true, predicate: AXPThemeLayoutActionsComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "startSideDrawer", first: true, predicate: ["startSide"], descendants: true, isSignal: true }, { propertyName: "endSideDrawer", first: true, predicate: ["endSide"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-drawer-container>\n @if(layoutStartSide()) {\n <ax-drawer #drawer [location]=\"'start'\" [collapsed]=\"false\" [mode]=\"'push'\">\n <ax-content>\n <ng-content select=\"axp-layout-page-start-side\"></ng-content>\n </ax-content>\n </ax-drawer>\n }\n <ax-content #content class=\"ax-overflow-x-hidden\" id=\"simple-page-content\" *translate=\"let t\">\n <axp-layout-page-body>\n <axp-layout-header #sticky=\"axpSticky\" [axpSticky]=\"layoutService.isSmall() ? '' : 'axp-is-sticky'\"\n [stickyOffset]=\"50\" [stickyParent]=\"content.getHostElement()\">\n <!-------- Begin Title Bar -------->\n <axp-layout-title-bar>\n <!-------- Begin Title -------->\n <div class=\"ax-flex ax-gap-1 ax-items-center\">\n <ng-container *ngTemplateOutlet=\"headerLayout()?.navButton()!\"></ng-container>\n <div class=\"ax-flex ax-flex-col ax-gap-1 ax-transition\">\n <ng-container *ngTemplateOutlet=\"headerLayout()?.breadcrumbs()!\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"headerLayout()?.title()!\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"headerLayout()?.description()!\"></ng-container>\n </div>\n </div>\n <!-------- Finish Title -------->\n <!--------------------------------------------------------------->\n <!-------- Dynamic Actions -------->\n @if(page?.hasActions())\n {\n <axp-layout-actions>\n <!--Primary Actions -->\n @if(page?.hasPrimaryActions())\n {\n @for (item of page?.primaryMenuItems(); track $index) {\n <ax-button [class.ax-sm]=\"layoutService.isSmall()\" [iconOnly]=\"layoutService.isSmall()\"\n [text]=\"(t(item.title) | async)!\" [look]=\"'solid'\" [color]=\"item.color\">\n <ax-prefix>\n <i class=\"{{item.icon}}\"></i>\n </ax-prefix>\n @if(item?.items)\n {\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n @for (sub of item?.items; track $index) {\n <ng-container>\n <ax-button-item [text]=\"(t(sub.title) | async)!\" [color]=\"sub.color\">\n <ax-prefix>\n <ax-icon icon=\"fa-light {{sub.icon}}\"></ax-icon>\n </ax-prefix>\n </ax-button-item>\n @if(sub.break)\n {\n <ax-divider></ax-divider>\n }\n </ng-container>\n }\n </ax-button-item-list>\n </ax-dropdown-panel>\n }\n </ax-button>\n }\n }\n <!-- Secondary Actions -->\n @if(page?.hasSecondaryActions())\n {\n <ax-button [class.ax-sm]=\"layoutService.isSmall()\" [iconOnly]=\"layoutService.isSmall()\"\n [text]=\"t('actions') | async\" [look]=\"layoutService.isSmall() ? 'blank' : 'solid'\" [color]=\"'default'\">\n <ax-prefix>\n <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n </ax-prefix>\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n @for (item of page?.secondaryMenuItems(); track $index) {\n <ng-container>\n <ax-button-item [text]=\"(t(item.title) | async)!\" [color]=\"item.color\">\n <ax-prefix>\n <ax-icon icon=\"fa-light {{item.icon}}\"></ax-icon>\n </ax-prefix>\n </ax-button-item>\n @if(item.break)\n {\n <ax-divider></ax-divider>\n }\n </ng-container>\n }\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n }\n </axp-layout-actions>\n }\n\n <!-------- End of Actions -------->\n <!-- Begin Action Menu -->\n @else if(pageActionsLayout()) {\n <axp-layout-actions>\n @if(pageActionsLayout()?.hasPrimary()) {\n <ng-container *ngTemplateOutlet=\"pageActionsLayout()?.primaryTemplate()!\"></ng-container>\n }\n <!-- Secondary Actions -->\n @if(pageActionsLayout()?.hasSecondary()) {\n <ax-button [class.ax-sm]=\"layoutService.isSmall()\"\n [text]=\"layoutService.isSmall() ? null : (t('actions') | async)\"\n [look]=\"layoutService.isSmall() ? 'blank' : 'solid'\" [color]=\"'default'\">\n <ax-prefix>\n <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n </ax-prefix>\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n <ng-container [ngTemplateOutlet]=\"pageActionsLayout()?.secondaryTemplate()!\"></ng-container>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n }\n </axp-layout-actions>\n }\n <!-- Finish Action Menu -->\n </axp-layout-title-bar>\n <!----- Finish Title Bar ----->\n <!--------------------------------------------------------------->\n <!-- Begin Navbar -->\n @if(!sticky.isSticky) {\n <ng-container *ngTemplateOutlet=\"headerLayout()?.navbar()!\"></ng-container>\n }\n <!-- Finish Navbar -->\n </axp-layout-header>\n <ng-content select=\"axp-layout-page-content\"></ng-content>\n <ng-content select=\"axp-layout-page-footer\"></ng-content>\n </axp-layout-page-body>\n </ax-content>\n @if(layoutEndSide()) {\n <ax-drawer #endSide [location]=\"'end'\" [mode]=\"'overlay'\" [collapsed]=\"true\">\n <ax-content>\n <ng-content select=\"axp-layout-page-end-side\"></ng-content>\n </ax-content>\n </ax-drawer>\n }\n</ax-drawer-container>", styles: ["axp-layout-title{display:block;width:100%;font-weight:600}axp-layout-description{display:block;width:100%;font-size:.875rem;line-height:1.25rem;opacity:.65}axp-layout-actions{display:flex;align-items:center;gap:.75rem}axp-layout-actions axp-layout-actions-primary{display:flex;align-items:center;gap:.75rem}axp-layout-footer,axp-layout-toolbar,axp-layout-header,axp-layout-page-footer{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-prefix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-prefix,axp-layout-header>axp-layout-suffix,axp-layout-page-footer>axp-layout-prefix,axp-layout-page-footer>axp-layout-suffix{display:flex;flex-direction:row;align-items:center;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-toolbar>axp-layout-prefix,axp-layout-header>axp-layout-prefix,axp-layout-page-footer>axp-layout-prefix{order:-9999}axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-suffix,axp-layout-page-footer>axp-layout-suffix{order:9999;margin-inline-start:auto}axp-layout-list{display:flex;flex-direction:column}axp-layout-list>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));border-style:dashed}axp-layout-list:focus{outline:none}axp-layout-list-group{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem}axp-layout-list-group>axp-layout-title{padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600}axp-layout-list-group>axp-layout-header{display:flex;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}axp-layout-list-item{margin-top:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}axp-layout-list-item:focus{outline:none}axp-layout-list-item.axp-state-focused,axp-layout-list-item:hover{cursor:pointer;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-lighter-surface),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-primary-lighter-surface),var(--tw-text-opacity, 1))}axp-layout-list-item.axp-state-focused:is(.ax-dark *),axp-layout-list-item:hover:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}axp-layout-list-item>axp-layout-prefix{margin-inline-end:auto;display:flex;flex-direction:row;gap:.5rem}axp-layout-list-item>axp-layout-content{flex:1 1 0%}axp-layout-list-item>axp-layout-content axp-layout-description{margin-top:.25rem!important;font-size:.75rem!important;line-height:1rem!important}axp-layout-list-item>axp-layout-suffix{margin-inline-start:auto;display:flex;flex-direction:row;gap:.5rem}axp-layout-sections{display:flex;flex-direction:column;gap:1rem}axp-layout-sections axp-layout-section{display:block;border-radius:.375rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-sections axp-layout-section>axp-layout-footer,axp-layout-sections axp-layout-section>axp-layout-header{padding:.5rem 1rem}@media (min-width: 1280px){axp-layout-sections axp-layout-section>axp-layout-footer,axp-layout-sections axp-layout-section>axp-layout-header{padding-top:1rem;padding-bottom:1rem}}axp-layout-sections axp-layout-section>axp-layout-header{display:flex;flex-direction:column;gap:0px;border-top-left-radius:.375rem;border-top-right-radius:.375rem;border-bottom-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-sections axp-layout-section>axp-layout-header axp-layout-title{font-weight:700;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-lightest-surface),var(--tw-text-opacity, 1))}axp-layout-sections axp-layout-section>axp-layout-header axp-layout-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}axp-layout-sections axp-layout-section>axp-layout-footer{display:flex;align-items:center;justify-content:space-between;border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;border-top-width:1px;padding:1rem;opacity:0;animation:fadeInDown .5s ease-out forwards}axp-layout-sections axp-layout-section>axp-layout-footer>axp-layout-suffix{margin-inline-start:auto;display:flex;gap:.5rem}@keyframes fadeInDown{0%{opacity:0}to{opacity:1}}axp-layout-simple-page{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page ax-drawer{z-index:999!important}axp-layout-simple-page axp-layout-page-body{display:flex;height:100%;flex-direction:column;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page axp-layout-page-body>axp-layout-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;flex-direction:column;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));padding-top:.5rem;padding-bottom:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 768px){axp-layout-simple-page axp-layout-page-body>axp-layout-header{padding-top:1rem;padding-bottom:1rem}}axp-layout-simple-page axp-layout-page-body>axp-layout-header.axp-is-sticky{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-breadcrumbs>ax-breadcrumbs{font-size:.75rem;line-height:1rem;opacity:.5}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-breadcrumbs>ax-breadcrumbs ax-breadcrumbs-item{font-size:.75rem;line-height:1rem}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar{display:flex;width:100%;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem}@media (min-width: 1280px){axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar{border-width:0px}}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar ax-layout-nav-button{display:flex;align-items:center;justify-content:space-between}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar axp-layout-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;line-height:1.75rem;font-weight:500;line-height:1.625}@media (min-width: 1024px){axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar axp-layout-title{font-size:1.5rem;line-height:2rem}}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-toolbar{padding-left:1rem;padding-right:1rem}axp-layout-simple-page axp-layout-page-body>axp-layout-page-content{display:flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;padding:.75rem 1rem}axp-layout-simple-page axp-layout-page-body>axp-layout-page-content.--scrollable{padding-bottom:3rem}axp-layout-simple-page axp-layout-page-body>axp-layout-page-footer{border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page axp-layout-page-body>axp-layout-page-footer:is(.ax-dark *){--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-dark-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-dark-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page axp-layout-page-body>axp-layout-page-footer{position:-webkit-sticky;position:sticky;bottom:0;padding:.75rem;--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axp-layout-simple-page axp-layout-page-start-side,axp-layout-simple-page axp-layout-page-end-side{display:flex;min-height:100%;min-width:16rem;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-simple-page axp-layout-page-start-side>axp-layout-header,axp-layout-simple-page axp-layout-page-end-side>axp-layout-header{display:flex;flex-direction:column;gap:.5rem;padding:1rem}axp-layout-simple-page axp-layout-page-start-side>axp-layout-header>axp-layout-title,axp-layout-simple-page axp-layout-page-end-side>axp-layout-header>axp-layout-title{font-size:1.125rem;line-height:1.75rem;font-weight:500}axp-layout-simple-page axp-layout-page-start-side>axp-layout-content,axp-layout-simple-page axp-layout-page-end-side>axp-layout-content{flex:1 1 0%}.axp-drawer{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:1000;overflow-y:auto;overflow-x:hidden}.axp-drawer.axp-drawer-overlay{z-index:1050}.axp-drawer.axp-drawer-overlay:before{content:\"\";position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:-1;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.axp-drawer.axp-drawer-overlay.axp-drawer-opened:before{opacity:1;pointer-events:all}.axp-drawer.axp-drawer-push{z-index:1}.axp-drawer.axp-drawer-start{border-right:1px solid rgba(0,0,0,.12)}.axp-drawer.axp-drawer-end{border-left:1px solid rgba(0,0,0,.12)}.axp-drawer-container{position:relative;overflow:hidden;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type:
89
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPSimplePageLayout, isStandalone: true, selector: "axp-layout-simple-page", queries: [{ propertyName: "headerLayout", first: true, predicate: AXPThemeLayoutPageHeaderComponent, descendants: true, isSignal: true }, { propertyName: "layoutStartSide", first: true, predicate: AXPThemeLayoutStartSideComponent, descendants: true, isSignal: true }, { propertyName: "layoutEndSide", first: true, predicate: AXPThemeLayoutEndSideComponent, descendants: true, isSignal: true }, { propertyName: "pageActionsLayout", first: true, predicate: AXPThemeLayoutActionsComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "startSideDrawer", first: true, predicate: ["startSide"], descendants: true, isSignal: true }, { propertyName: "endSideDrawer", first: true, predicate: ["endSide"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-drawer-container>\n @if(layoutStartSide()) {\n <ax-drawer #drawer [location]=\"'start'\" [collapsed]=\"false\" [mode]=\"'push'\">\n <ax-content>\n <ng-content select=\"axp-layout-page-start-side\"></ng-content>\n </ax-content>\n </ax-drawer>\n }\n <ax-content #content class=\"ax-overflow-x-hidden\" id=\"simple-page-content\" *translate=\"let t\">\n <axp-layout-page-body>\n <axp-layout-header #sticky=\"axpSticky\" [axpSticky]=\"layoutService.isSmall() ? '' : 'axp-is-sticky'\"\n [stickyOffset]=\"50\" [stickyParent]=\"content.getHostElement()\">\n <!-------- Begin Title Bar -------->\n <axp-layout-title-bar>\n <!-------- Begin Title -------->\n <div class=\"ax-flex ax-gap-1 ax-items-center\">\n <ng-container *ngTemplateOutlet=\"headerLayout()?.navButton()!\"></ng-container>\n <div class=\"ax-flex ax-flex-col ax-gap-1 ax-transition\">\n <ng-container *ngTemplateOutlet=\"headerLayout()?.breadcrumbs()!\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"headerLayout()?.title()!\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"headerLayout()?.description()!\"></ng-container>\n </div>\n </div>\n <!-------- Finish Title -------->\n <!--------------------------------------------------------------->\n <!-------- Dynamic Actions -------->\n @if(page?.hasActions())\n {\n <axp-layout-actions>\n <!--Primary Actions -->\n @if(page?.hasPrimaryActions())\n {\n @for (item of page?.primaryMenuItems(); track $index) {\n <ax-button [class.ax-sm]=\"layoutService.isSmall()\" [iconOnly]=\"layoutService.isSmall()\"\n [text]=\"(t(item.title) | async)!\" [look]=\"'solid'\" [color]=\"item.color\">\n <ax-prefix>\n <i class=\"{{item.icon}}\"></i>\n </ax-prefix>\n @if(item?.items)\n {\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n @for (sub of item?.items; track $index) {\n <ng-container>\n <ax-button-item [text]=\"(t(sub.title) | async)!\" [color]=\"sub.color\">\n <ax-prefix>\n <ax-icon icon=\"fa-light {{sub.icon}}\"></ax-icon>\n </ax-prefix>\n </ax-button-item>\n @if(sub.break)\n {\n <ax-divider></ax-divider>\n }\n </ng-container>\n }\n </ax-button-item-list>\n </ax-dropdown-panel>\n }\n </ax-button>\n }\n }\n <!-- Secondary Actions -->\n @if(page?.hasSecondaryActions())\n {\n <ax-button [class.ax-sm]=\"layoutService.isSmall()\" [iconOnly]=\"layoutService.isSmall()\"\n [text]=\"t('actions') | async\" [look]=\"layoutService.isSmall() ? 'blank' : 'solid'\" [color]=\"'default'\">\n <ax-prefix>\n <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n </ax-prefix>\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n @for (item of page?.secondaryMenuItems(); track $index) {\n <ng-container>\n <ax-button-item [text]=\"(t(item.title) | async)!\" [color]=\"item.color\">\n <ax-prefix>\n <ax-icon icon=\"fa-light {{item.icon}}\"></ax-icon>\n </ax-prefix>\n </ax-button-item>\n @if(item.break)\n {\n <ax-divider></ax-divider>\n }\n </ng-container>\n }\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n }\n </axp-layout-actions>\n }\n\n <!-------- End of Actions -------->\n <!-- Begin Action Menu -->\n @else if(pageActionsLayout()) {\n <axp-layout-actions>\n @if(pageActionsLayout()?.hasPrimary()) {\n <ng-container *ngTemplateOutlet=\"pageActionsLayout()?.primaryTemplate()!\"></ng-container>\n }\n <!-- Secondary Actions -->\n @if(pageActionsLayout()?.hasSecondary()) {\n <ax-button [class.ax-sm]=\"layoutService.isSmall()\"\n [text]=\"layoutService.isSmall() ? null : (t('actions') | async)\"\n [look]=\"layoutService.isSmall() ? 'blank' : 'solid'\" [color]=\"'default'\">\n <ax-prefix>\n <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n </ax-prefix>\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n <ng-container [ngTemplateOutlet]=\"pageActionsLayout()?.secondaryTemplate()!\"></ng-container>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n }\n </axp-layout-actions>\n }\n <!-- Finish Action Menu -->\n </axp-layout-title-bar>\n <!----- Finish Title Bar ----->\n <!--------------------------------------------------------------->\n <!-- Begin Navbar -->\n @if(!sticky.isSticky) {\n <ng-container *ngTemplateOutlet=\"headerLayout()?.navbar()!\"></ng-container>\n }\n <!-- Finish Navbar -->\n </axp-layout-header>\n <ng-content select=\"axp-layout-page-content\"></ng-content>\n <ng-content select=\"axp-layout-page-footer\"></ng-content>\n </axp-layout-page-body>\n </ax-content>\n @if(layoutEndSide()) {\n <ax-drawer #endSide [location]=\"'end'\" [mode]=\"'overlay'\" [collapsed]=\"true\">\n <ax-content>\n <ng-content select=\"axp-layout-page-end-side\"></ng-content>\n </ax-content>\n </ax-drawer>\n }\n</ax-drawer-container>", styles: ["axp-layout-title{display:block;width:100%;font-weight:600}axp-layout-description{display:block;width:100%;font-size:.875rem;line-height:1.25rem;opacity:.65}axp-layout-actions{display:flex;align-items:center;gap:.75rem}axp-layout-actions axp-layout-actions-primary{display:flex;align-items:center;gap:.75rem}axp-layout-footer,axp-layout-toolbar,axp-layout-header,axp-page-header,axp-page-footer,axp-page-toolbar{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-prefix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-prefix,axp-layout-header>axp-layout-suffix,axp-page-header>axp-layout-prefix,axp-page-header>axp-layout-suffix,axp-page-footer>axp-layout-prefix,axp-page-footer>axp-layout-suffix,axp-page-toolbar>axp-layout-prefix,axp-page-toolbar>axp-layout-suffix{display:flex;flex-direction:row;align-items:center;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-toolbar>axp-layout-prefix,axp-layout-header>axp-layout-prefix,axp-page-header>axp-layout-prefix,axp-page-footer>axp-layout-prefix,axp-page-toolbar>axp-layout-prefix{order:-9999}axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-suffix,axp-page-header>axp-layout-suffix,axp-page-footer>axp-layout-suffix,axp-page-toolbar>axp-layout-suffix{order:9999;margin-inline-start:auto}axp-layout-list{display:flex;flex-direction:column}axp-layout-list>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));border-style:dashed}axp-layout-list:focus{outline:none}axp-layout-list-group{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem}axp-layout-list-group>axp-layout-title{padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600}axp-layout-list-group>axp-layout-header{display:flex;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}axp-layout-list-item{margin-top:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}axp-layout-list-item:focus{outline:none}axp-layout-list-item.axp-state-focused,axp-layout-list-item:hover{cursor:pointer;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-lighter-surface),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-primary-lighter-surface),var(--tw-text-opacity, 1))}axp-layout-list-item.axp-state-focused:is(.ax-dark *),axp-layout-list-item:hover:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}axp-layout-list-item>axp-layout-prefix{margin-inline-end:auto;display:flex;flex-direction:row;gap:.5rem}axp-layout-list-item>axp-layout-content{flex:1 1 0%}axp-layout-list-item>axp-layout-content axp-layout-description{margin-top:.25rem!important;font-size:.75rem!important;line-height:1rem!important}axp-layout-list-item>axp-layout-suffix{margin-inline-start:auto;display:flex;flex-direction:row;gap:.5rem}axp-layout-sections{display:flex;flex-direction:column;gap:1rem}axp-layout-sections axp-layout-section{display:block;border-radius:.375rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-sections axp-layout-section>axp-layout-footer,axp-layout-sections axp-layout-section>axp-layout-header{padding:.5rem 1rem}@media (min-width: 1280px){axp-layout-sections axp-layout-section>axp-layout-footer,axp-layout-sections axp-layout-section>axp-layout-header{padding-top:1rem;padding-bottom:1rem}}axp-layout-sections axp-layout-section>axp-layout-header{display:flex;flex-direction:column;gap:0px;border-top-left-radius:.375rem;border-top-right-radius:.375rem;border-bottom-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-sections axp-layout-section>axp-layout-header axp-layout-title{font-weight:700;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-lightest-surface),var(--tw-text-opacity, 1))}axp-layout-sections axp-layout-section>axp-layout-header axp-layout-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}axp-layout-sections axp-layout-section>axp-layout-footer{display:flex;align-items:center;justify-content:space-between;border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;border-top-width:1px;padding:1rem;opacity:0;animation:fadeInDown .5s ease-out forwards}axp-layout-sections axp-layout-section>axp-layout-footer>axp-layout-suffix{margin-inline-start:auto;display:flex;gap:.5rem}@keyframes fadeInDown{0%{opacity:0}to{opacity:1}}axp-layout-simple-page{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page ax-drawer{z-index:999!important}axp-layout-simple-page axp-layout-page-body{display:flex;height:100%;flex-direction:column;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page axp-layout-page-body>axp-layout-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;flex-direction:column;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));padding-top:.5rem;padding-bottom:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 768px){axp-layout-simple-page axp-layout-page-body>axp-layout-header{padding-top:1rem;padding-bottom:1rem}}axp-layout-simple-page axp-layout-page-body>axp-layout-header.axp-is-sticky{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-breadcrumbs>ax-breadcrumbs{font-size:.75rem;line-height:1rem;opacity:.5}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-breadcrumbs>ax-breadcrumbs ax-breadcrumbs-item{font-size:.75rem;line-height:1rem}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar{display:flex;width:100%;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem}@media (min-width: 1280px){axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar{border-width:0px}}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar ax-layout-nav-button{display:flex;align-items:center;justify-content:space-between}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar axp-layout-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;line-height:1.75rem;font-weight:500;line-height:1.625}@media (min-width: 1024px){axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar axp-layout-title{font-size:1.5rem;line-height:2rem}}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-toolbar{padding-left:1rem;padding-right:1rem}axp-layout-simple-page axp-layout-page-body>axp-layout-page-content{display:flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;padding:.75rem 1rem}axp-layout-simple-page axp-layout-page-body>axp-layout-page-content.--scrollable{padding-bottom:3rem}axp-layout-simple-page axp-layout-page-body>axp-layout-page-footer{border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page axp-layout-page-body>axp-layout-page-footer:is(.ax-dark *){--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-dark-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-dark-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page axp-layout-page-body>axp-layout-page-footer{position:-webkit-sticky;position:sticky;bottom:0;padding:.75rem;--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axp-layout-simple-page axp-layout-page-start-side,axp-layout-simple-page axp-layout-page-end-side{display:flex;min-height:100%;min-width:16rem;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-simple-page axp-layout-page-start-side>axp-layout-header,axp-layout-simple-page axp-layout-page-end-side>axp-layout-header{display:flex;flex-direction:column;gap:.5rem;padding:1rem}axp-layout-simple-page axp-layout-page-start-side>axp-layout-header>axp-layout-title,axp-layout-simple-page axp-layout-page-end-side>axp-layout-header>axp-layout-title{font-size:1.125rem;line-height:1.75rem;font-weight:500}axp-layout-simple-page axp-layout-page-start-side>axp-layout-content,axp-layout-simple-page axp-layout-page-end-side>axp-layout-content{flex:1 1 0%}.axp-drawer{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:1000;overflow-y:auto;overflow-x:hidden}.axp-drawer.axp-drawer-overlay{z-index:1050}.axp-drawer.axp-drawer-overlay:before{content:\"\";position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:-1;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.axp-drawer.axp-drawer-overlay.axp-drawer-opened:before{opacity:1;pointer-events:all}.axp-drawer.axp-drawer-push{z-index:1}.axp-drawer.axp-drawer-start{border-right:1px solid rgba(0,0,0,.12)}.axp-drawer.axp-drawer-end{border-left:1px solid rgba(0,0,0,.12)}.axp-drawer-container{position:relative;overflow:hidden;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type:
88
90
  //
89
91
  AXCommonModule }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "component", type: i3.AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "closeOthers", "collapsed"], outputs: ["locationChange", "modeChange", "collapsedChange"] }, { kind: "component", type: i3.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i4$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }, { kind: "component", type:
90
92
  //
91
- AXPThemeLayoutBlockComponent, selector: " axp-layout-content, axp-layout-page-content, axp-layout-sections, axp-layout-body, axp-layout-page-body, axp-layout-prefix, axp-layout-suffix, axp-layout-title, axp-layout-nav-button, axp-layout-description, axp-layout-title-bar, axp-layout-breadcrumbs, axp-layout-list-action, " }, { kind: "component", type: AXPThemeLayoutActionsComponent, selector: "axp-layout-actions" }, { kind: "component", type: AXPThemeLayoutHeaderComponent, selector: "axp-layout-header" }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
93
+ AXPThemeLayoutBlockComponent, selector: " axp-page-content, axp-page-footer, axp-page-header, axp-page-toolbar, axp-layout-content, axp-layout-page-content, axp-layout-sections, axp-layout-body, axp-layout-page-body, axp-layout-prefix, axp-layout-suffix, axp-layout-title, axp-layout-nav-button, axp-layout-description, axp-layout-title-bar, axp-layout-breadcrumbs, axp-layout-list-action, " }, { kind: "component", type: AXPThemeLayoutActionsComponent, selector: "axp-layout-actions" }, { kind: "component", type: AXPThemeLayoutHeaderComponent, selector: "axp-layout-header" }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
92
94
  }
93
95
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPSimplePageLayout, decorators: [{
94
96
  type: Component,
@@ -108,43 +110,161 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
108
110
  AXPThemeLayoutActionsComponent,
109
111
  AXPThemeLayoutHeaderComponent,
110
112
  AXPStickyDirective,
111
- ], selector: 'axp-layout-simple-page', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ax-drawer-container>\n @if(layoutStartSide()) {\n <ax-drawer #drawer [location]=\"'start'\" [collapsed]=\"false\" [mode]=\"'push'\">\n <ax-content>\n <ng-content select=\"axp-layout-page-start-side\"></ng-content>\n </ax-content>\n </ax-drawer>\n }\n <ax-content #content class=\"ax-overflow-x-hidden\" id=\"simple-page-content\" *translate=\"let t\">\n <axp-layout-page-body>\n <axp-layout-header #sticky=\"axpSticky\" [axpSticky]=\"layoutService.isSmall() ? '' : 'axp-is-sticky'\"\n [stickyOffset]=\"50\" [stickyParent]=\"content.getHostElement()\">\n <!-------- Begin Title Bar -------->\n <axp-layout-title-bar>\n <!-------- Begin Title -------->\n <div class=\"ax-flex ax-gap-1 ax-items-center\">\n <ng-container *ngTemplateOutlet=\"headerLayout()?.navButton()!\"></ng-container>\n <div class=\"ax-flex ax-flex-col ax-gap-1 ax-transition\">\n <ng-container *ngTemplateOutlet=\"headerLayout()?.breadcrumbs()!\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"headerLayout()?.title()!\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"headerLayout()?.description()!\"></ng-container>\n </div>\n </div>\n <!-------- Finish Title -------->\n <!--------------------------------------------------------------->\n <!-------- Dynamic Actions -------->\n @if(page?.hasActions())\n {\n <axp-layout-actions>\n <!--Primary Actions -->\n @if(page?.hasPrimaryActions())\n {\n @for (item of page?.primaryMenuItems(); track $index) {\n <ax-button [class.ax-sm]=\"layoutService.isSmall()\" [iconOnly]=\"layoutService.isSmall()\"\n [text]=\"(t(item.title) | async)!\" [look]=\"'solid'\" [color]=\"item.color\">\n <ax-prefix>\n <i class=\"{{item.icon}}\"></i>\n </ax-prefix>\n @if(item?.items)\n {\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n @for (sub of item?.items; track $index) {\n <ng-container>\n <ax-button-item [text]=\"(t(sub.title) | async)!\" [color]=\"sub.color\">\n <ax-prefix>\n <ax-icon icon=\"fa-light {{sub.icon}}\"></ax-icon>\n </ax-prefix>\n </ax-button-item>\n @if(sub.break)\n {\n <ax-divider></ax-divider>\n }\n </ng-container>\n }\n </ax-button-item-list>\n </ax-dropdown-panel>\n }\n </ax-button>\n }\n }\n <!-- Secondary Actions -->\n @if(page?.hasSecondaryActions())\n {\n <ax-button [class.ax-sm]=\"layoutService.isSmall()\" [iconOnly]=\"layoutService.isSmall()\"\n [text]=\"t('actions') | async\" [look]=\"layoutService.isSmall() ? 'blank' : 'solid'\" [color]=\"'default'\">\n <ax-prefix>\n <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n </ax-prefix>\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n @for (item of page?.secondaryMenuItems(); track $index) {\n <ng-container>\n <ax-button-item [text]=\"(t(item.title) | async)!\" [color]=\"item.color\">\n <ax-prefix>\n <ax-icon icon=\"fa-light {{item.icon}}\"></ax-icon>\n </ax-prefix>\n </ax-button-item>\n @if(item.break)\n {\n <ax-divider></ax-divider>\n }\n </ng-container>\n }\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n }\n </axp-layout-actions>\n }\n\n <!-------- End of Actions -------->\n <!-- Begin Action Menu -->\n @else if(pageActionsLayout()) {\n <axp-layout-actions>\n @if(pageActionsLayout()?.hasPrimary()) {\n <ng-container *ngTemplateOutlet=\"pageActionsLayout()?.primaryTemplate()!\"></ng-container>\n }\n <!-- Secondary Actions -->\n @if(pageActionsLayout()?.hasSecondary()) {\n <ax-button [class.ax-sm]=\"layoutService.isSmall()\"\n [text]=\"layoutService.isSmall() ? null : (t('actions') | async)\"\n [look]=\"layoutService.isSmall() ? 'blank' : 'solid'\" [color]=\"'default'\">\n <ax-prefix>\n <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n </ax-prefix>\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n <ng-container [ngTemplateOutlet]=\"pageActionsLayout()?.secondaryTemplate()!\"></ng-container>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n }\n </axp-layout-actions>\n }\n <!-- Finish Action Menu -->\n </axp-layout-title-bar>\n <!----- Finish Title Bar ----->\n <!--------------------------------------------------------------->\n <!-- Begin Navbar -->\n @if(!sticky.isSticky) {\n <ng-container *ngTemplateOutlet=\"headerLayout()?.navbar()!\"></ng-container>\n }\n <!-- Finish Navbar -->\n </axp-layout-header>\n <ng-content select=\"axp-layout-page-content\"></ng-content>\n <ng-content select=\"axp-layout-page-footer\"></ng-content>\n </axp-layout-page-body>\n </ax-content>\n @if(layoutEndSide()) {\n <ax-drawer #endSide [location]=\"'end'\" [mode]=\"'overlay'\" [collapsed]=\"true\">\n <ax-content>\n <ng-content select=\"axp-layout-page-end-side\"></ng-content>\n </ax-content>\n </ax-drawer>\n }\n</ax-drawer-container>", styles: ["axp-layout-title{display:block;width:100%;font-weight:600}axp-layout-description{display:block;width:100%;font-size:.875rem;line-height:1.25rem;opacity:.65}axp-layout-actions{display:flex;align-items:center;gap:.75rem}axp-layout-actions axp-layout-actions-primary{display:flex;align-items:center;gap:.75rem}axp-layout-footer,axp-layout-toolbar,axp-layout-header,axp-layout-page-footer{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-prefix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-prefix,axp-layout-header>axp-layout-suffix,axp-layout-page-footer>axp-layout-prefix,axp-layout-page-footer>axp-layout-suffix{display:flex;flex-direction:row;align-items:center;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-toolbar>axp-layout-prefix,axp-layout-header>axp-layout-prefix,axp-layout-page-footer>axp-layout-prefix{order:-9999}axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-suffix,axp-layout-page-footer>axp-layout-suffix{order:9999;margin-inline-start:auto}axp-layout-list{display:flex;flex-direction:column}axp-layout-list>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));border-style:dashed}axp-layout-list:focus{outline:none}axp-layout-list-group{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem}axp-layout-list-group>axp-layout-title{padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600}axp-layout-list-group>axp-layout-header{display:flex;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}axp-layout-list-item{margin-top:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}axp-layout-list-item:focus{outline:none}axp-layout-list-item.axp-state-focused,axp-layout-list-item:hover{cursor:pointer;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-lighter-surface),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-primary-lighter-surface),var(--tw-text-opacity, 1))}axp-layout-list-item.axp-state-focused:is(.ax-dark *),axp-layout-list-item:hover:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}axp-layout-list-item>axp-layout-prefix{margin-inline-end:auto;display:flex;flex-direction:row;gap:.5rem}axp-layout-list-item>axp-layout-content{flex:1 1 0%}axp-layout-list-item>axp-layout-content axp-layout-description{margin-top:.25rem!important;font-size:.75rem!important;line-height:1rem!important}axp-layout-list-item>axp-layout-suffix{margin-inline-start:auto;display:flex;flex-direction:row;gap:.5rem}axp-layout-sections{display:flex;flex-direction:column;gap:1rem}axp-layout-sections axp-layout-section{display:block;border-radius:.375rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-sections axp-layout-section>axp-layout-footer,axp-layout-sections axp-layout-section>axp-layout-header{padding:.5rem 1rem}@media (min-width: 1280px){axp-layout-sections axp-layout-section>axp-layout-footer,axp-layout-sections axp-layout-section>axp-layout-header{padding-top:1rem;padding-bottom:1rem}}axp-layout-sections axp-layout-section>axp-layout-header{display:flex;flex-direction:column;gap:0px;border-top-left-radius:.375rem;border-top-right-radius:.375rem;border-bottom-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-sections axp-layout-section>axp-layout-header axp-layout-title{font-weight:700;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-lightest-surface),var(--tw-text-opacity, 1))}axp-layout-sections axp-layout-section>axp-layout-header axp-layout-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}axp-layout-sections axp-layout-section>axp-layout-footer{display:flex;align-items:center;justify-content:space-between;border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;border-top-width:1px;padding:1rem;opacity:0;animation:fadeInDown .5s ease-out forwards}axp-layout-sections axp-layout-section>axp-layout-footer>axp-layout-suffix{margin-inline-start:auto;display:flex;gap:.5rem}@keyframes fadeInDown{0%{opacity:0}to{opacity:1}}axp-layout-simple-page{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page ax-drawer{z-index:999!important}axp-layout-simple-page axp-layout-page-body{display:flex;height:100%;flex-direction:column;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page axp-layout-page-body>axp-layout-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;flex-direction:column;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));padding-top:.5rem;padding-bottom:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 768px){axp-layout-simple-page axp-layout-page-body>axp-layout-header{padding-top:1rem;padding-bottom:1rem}}axp-layout-simple-page axp-layout-page-body>axp-layout-header.axp-is-sticky{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-breadcrumbs>ax-breadcrumbs{font-size:.75rem;line-height:1rem;opacity:.5}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-breadcrumbs>ax-breadcrumbs ax-breadcrumbs-item{font-size:.75rem;line-height:1rem}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar{display:flex;width:100%;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem}@media (min-width: 1280px){axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar{border-width:0px}}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar ax-layout-nav-button{display:flex;align-items:center;justify-content:space-between}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar axp-layout-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;line-height:1.75rem;font-weight:500;line-height:1.625}@media (min-width: 1024px){axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar axp-layout-title{font-size:1.5rem;line-height:2rem}}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-toolbar{padding-left:1rem;padding-right:1rem}axp-layout-simple-page axp-layout-page-body>axp-layout-page-content{display:flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;padding:.75rem 1rem}axp-layout-simple-page axp-layout-page-body>axp-layout-page-content.--scrollable{padding-bottom:3rem}axp-layout-simple-page axp-layout-page-body>axp-layout-page-footer{border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page axp-layout-page-body>axp-layout-page-footer:is(.ax-dark *){--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-dark-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-dark-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page axp-layout-page-body>axp-layout-page-footer{position:-webkit-sticky;position:sticky;bottom:0;padding:.75rem;--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axp-layout-simple-page axp-layout-page-start-side,axp-layout-simple-page axp-layout-page-end-side{display:flex;min-height:100%;min-width:16rem;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-simple-page axp-layout-page-start-side>axp-layout-header,axp-layout-simple-page axp-layout-page-end-side>axp-layout-header{display:flex;flex-direction:column;gap:.5rem;padding:1rem}axp-layout-simple-page axp-layout-page-start-side>axp-layout-header>axp-layout-title,axp-layout-simple-page axp-layout-page-end-side>axp-layout-header>axp-layout-title{font-size:1.125rem;line-height:1.75rem;font-weight:500}axp-layout-simple-page axp-layout-page-start-side>axp-layout-content,axp-layout-simple-page axp-layout-page-end-side>axp-layout-content{flex:1 1 0%}.axp-drawer{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:1000;overflow-y:auto;overflow-x:hidden}.axp-drawer.axp-drawer-overlay{z-index:1050}.axp-drawer.axp-drawer-overlay:before{content:\"\";position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:-1;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.axp-drawer.axp-drawer-overlay.axp-drawer-opened:before{opacity:1;pointer-events:all}.axp-drawer.axp-drawer-push{z-index:1}.axp-drawer.axp-drawer-start{border-right:1px solid rgba(0,0,0,.12)}.axp-drawer.axp-drawer-end{border-left:1px solid rgba(0,0,0,.12)}.axp-drawer-container{position:relative;overflow:hidden;width:100%;height:100%}\n"] }]
113
+ ], selector: 'axp-layout-simple-page', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ax-drawer-container>\n @if(layoutStartSide()) {\n <ax-drawer #drawer [location]=\"'start'\" [collapsed]=\"false\" [mode]=\"'push'\">\n <ax-content>\n <ng-content select=\"axp-layout-page-start-side\"></ng-content>\n </ax-content>\n </ax-drawer>\n }\n <ax-content #content class=\"ax-overflow-x-hidden\" id=\"simple-page-content\" *translate=\"let t\">\n <axp-layout-page-body>\n <axp-layout-header #sticky=\"axpSticky\" [axpSticky]=\"layoutService.isSmall() ? '' : 'axp-is-sticky'\"\n [stickyOffset]=\"50\" [stickyParent]=\"content.getHostElement()\">\n <!-------- Begin Title Bar -------->\n <axp-layout-title-bar>\n <!-------- Begin Title -------->\n <div class=\"ax-flex ax-gap-1 ax-items-center\">\n <ng-container *ngTemplateOutlet=\"headerLayout()?.navButton()!\"></ng-container>\n <div class=\"ax-flex ax-flex-col ax-gap-1 ax-transition\">\n <ng-container *ngTemplateOutlet=\"headerLayout()?.breadcrumbs()!\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"headerLayout()?.title()!\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"headerLayout()?.description()!\"></ng-container>\n </div>\n </div>\n <!-------- Finish Title -------->\n <!--------------------------------------------------------------->\n <!-------- Dynamic Actions -------->\n @if(page?.hasActions())\n {\n <axp-layout-actions>\n <!--Primary Actions -->\n @if(page?.hasPrimaryActions())\n {\n @for (item of page?.primaryMenuItems(); track $index) {\n <ax-button [class.ax-sm]=\"layoutService.isSmall()\" [iconOnly]=\"layoutService.isSmall()\"\n [text]=\"(t(item.title) | async)!\" [look]=\"'solid'\" [color]=\"item.color\">\n <ax-prefix>\n <i class=\"{{item.icon}}\"></i>\n </ax-prefix>\n @if(item?.items)\n {\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n @for (sub of item?.items; track $index) {\n <ng-container>\n <ax-button-item [text]=\"(t(sub.title) | async)!\" [color]=\"sub.color\">\n <ax-prefix>\n <ax-icon icon=\"fa-light {{sub.icon}}\"></ax-icon>\n </ax-prefix>\n </ax-button-item>\n @if(sub.break)\n {\n <ax-divider></ax-divider>\n }\n </ng-container>\n }\n </ax-button-item-list>\n </ax-dropdown-panel>\n }\n </ax-button>\n }\n }\n <!-- Secondary Actions -->\n @if(page?.hasSecondaryActions())\n {\n <ax-button [class.ax-sm]=\"layoutService.isSmall()\" [iconOnly]=\"layoutService.isSmall()\"\n [text]=\"t('actions') | async\" [look]=\"layoutService.isSmall() ? 'blank' : 'solid'\" [color]=\"'default'\">\n <ax-prefix>\n <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n </ax-prefix>\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n @for (item of page?.secondaryMenuItems(); track $index) {\n <ng-container>\n <ax-button-item [text]=\"(t(item.title) | async)!\" [color]=\"item.color\">\n <ax-prefix>\n <ax-icon icon=\"fa-light {{item.icon}}\"></ax-icon>\n </ax-prefix>\n </ax-button-item>\n @if(item.break)\n {\n <ax-divider></ax-divider>\n }\n </ng-container>\n }\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n }\n </axp-layout-actions>\n }\n\n <!-------- End of Actions -------->\n <!-- Begin Action Menu -->\n @else if(pageActionsLayout()) {\n <axp-layout-actions>\n @if(pageActionsLayout()?.hasPrimary()) {\n <ng-container *ngTemplateOutlet=\"pageActionsLayout()?.primaryTemplate()!\"></ng-container>\n }\n <!-- Secondary Actions -->\n @if(pageActionsLayout()?.hasSecondary()) {\n <ax-button [class.ax-sm]=\"layoutService.isSmall()\"\n [text]=\"layoutService.isSmall() ? null : (t('actions') | async)\"\n [look]=\"layoutService.isSmall() ? 'blank' : 'solid'\" [color]=\"'default'\">\n <ax-prefix>\n <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n </ax-prefix>\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n <ng-container [ngTemplateOutlet]=\"pageActionsLayout()?.secondaryTemplate()!\"></ng-container>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n }\n </axp-layout-actions>\n }\n <!-- Finish Action Menu -->\n </axp-layout-title-bar>\n <!----- Finish Title Bar ----->\n <!--------------------------------------------------------------->\n <!-- Begin Navbar -->\n @if(!sticky.isSticky) {\n <ng-container *ngTemplateOutlet=\"headerLayout()?.navbar()!\"></ng-container>\n }\n <!-- Finish Navbar -->\n </axp-layout-header>\n <ng-content select=\"axp-layout-page-content\"></ng-content>\n <ng-content select=\"axp-layout-page-footer\"></ng-content>\n </axp-layout-page-body>\n </ax-content>\n @if(layoutEndSide()) {\n <ax-drawer #endSide [location]=\"'end'\" [mode]=\"'overlay'\" [collapsed]=\"true\">\n <ax-content>\n <ng-content select=\"axp-layout-page-end-side\"></ng-content>\n </ax-content>\n </ax-drawer>\n }\n</ax-drawer-container>", styles: ["axp-layout-title{display:block;width:100%;font-weight:600}axp-layout-description{display:block;width:100%;font-size:.875rem;line-height:1.25rem;opacity:.65}axp-layout-actions{display:flex;align-items:center;gap:.75rem}axp-layout-actions axp-layout-actions-primary{display:flex;align-items:center;gap:.75rem}axp-layout-footer,axp-layout-toolbar,axp-layout-header,axp-page-header,axp-page-footer,axp-page-toolbar{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-prefix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-prefix,axp-layout-header>axp-layout-suffix,axp-page-header>axp-layout-prefix,axp-page-header>axp-layout-suffix,axp-page-footer>axp-layout-prefix,axp-page-footer>axp-layout-suffix,axp-page-toolbar>axp-layout-prefix,axp-page-toolbar>axp-layout-suffix{display:flex;flex-direction:row;align-items:center;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-toolbar>axp-layout-prefix,axp-layout-header>axp-layout-prefix,axp-page-header>axp-layout-prefix,axp-page-footer>axp-layout-prefix,axp-page-toolbar>axp-layout-prefix{order:-9999}axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-suffix,axp-page-header>axp-layout-suffix,axp-page-footer>axp-layout-suffix,axp-page-toolbar>axp-layout-suffix{order:9999;margin-inline-start:auto}axp-layout-list{display:flex;flex-direction:column}axp-layout-list>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));border-style:dashed}axp-layout-list:focus{outline:none}axp-layout-list-group{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem}axp-layout-list-group>axp-layout-title{padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600}axp-layout-list-group>axp-layout-header{display:flex;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}axp-layout-list-item{margin-top:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}axp-layout-list-item:focus{outline:none}axp-layout-list-item.axp-state-focused,axp-layout-list-item:hover{cursor:pointer;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-lighter-surface),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-primary-lighter-surface),var(--tw-text-opacity, 1))}axp-layout-list-item.axp-state-focused:is(.ax-dark *),axp-layout-list-item:hover:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}axp-layout-list-item>axp-layout-prefix{margin-inline-end:auto;display:flex;flex-direction:row;gap:.5rem}axp-layout-list-item>axp-layout-content{flex:1 1 0%}axp-layout-list-item>axp-layout-content axp-layout-description{margin-top:.25rem!important;font-size:.75rem!important;line-height:1rem!important}axp-layout-list-item>axp-layout-suffix{margin-inline-start:auto;display:flex;flex-direction:row;gap:.5rem}axp-layout-sections{display:flex;flex-direction:column;gap:1rem}axp-layout-sections axp-layout-section{display:block;border-radius:.375rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-sections axp-layout-section>axp-layout-footer,axp-layout-sections axp-layout-section>axp-layout-header{padding:.5rem 1rem}@media (min-width: 1280px){axp-layout-sections axp-layout-section>axp-layout-footer,axp-layout-sections axp-layout-section>axp-layout-header{padding-top:1rem;padding-bottom:1rem}}axp-layout-sections axp-layout-section>axp-layout-header{display:flex;flex-direction:column;gap:0px;border-top-left-radius:.375rem;border-top-right-radius:.375rem;border-bottom-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-sections axp-layout-section>axp-layout-header axp-layout-title{font-weight:700;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-lightest-surface),var(--tw-text-opacity, 1))}axp-layout-sections axp-layout-section>axp-layout-header axp-layout-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}axp-layout-sections axp-layout-section>axp-layout-footer{display:flex;align-items:center;justify-content:space-between;border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;border-top-width:1px;padding:1rem;opacity:0;animation:fadeInDown .5s ease-out forwards}axp-layout-sections axp-layout-section>axp-layout-footer>axp-layout-suffix{margin-inline-start:auto;display:flex;gap:.5rem}@keyframes fadeInDown{0%{opacity:0}to{opacity:1}}axp-layout-simple-page{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page ax-drawer{z-index:999!important}axp-layout-simple-page axp-layout-page-body{display:flex;height:100%;flex-direction:column;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page axp-layout-page-body>axp-layout-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;flex-direction:column;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));padding-top:.5rem;padding-bottom:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 768px){axp-layout-simple-page axp-layout-page-body>axp-layout-header{padding-top:1rem;padding-bottom:1rem}}axp-layout-simple-page axp-layout-page-body>axp-layout-header.axp-is-sticky{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-breadcrumbs>ax-breadcrumbs{font-size:.75rem;line-height:1rem;opacity:.5}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-breadcrumbs>ax-breadcrumbs ax-breadcrumbs-item{font-size:.75rem;line-height:1rem}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar{display:flex;width:100%;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem}@media (min-width: 1280px){axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar{border-width:0px}}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar ax-layout-nav-button{display:flex;align-items:center;justify-content:space-between}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar axp-layout-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;line-height:1.75rem;font-weight:500;line-height:1.625}@media (min-width: 1024px){axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-title-bar axp-layout-title{font-size:1.5rem;line-height:2rem}}axp-layout-simple-page axp-layout-page-body>axp-layout-header axp-layout-toolbar{padding-left:1rem;padding-right:1rem}axp-layout-simple-page axp-layout-page-body>axp-layout-page-content{display:flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;padding:.75rem 1rem}axp-layout-simple-page axp-layout-page-body>axp-layout-page-content.--scrollable{padding-bottom:3rem}axp-layout-simple-page axp-layout-page-body>axp-layout-page-footer{border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page axp-layout-page-body>axp-layout-page-footer:is(.ax-dark *){--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-dark-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-dark-surface),var(--tw-bg-opacity, 1))}axp-layout-simple-page axp-layout-page-body>axp-layout-page-footer{position:-webkit-sticky;position:sticky;bottom:0;padding:.75rem;--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axp-layout-simple-page axp-layout-page-start-side,axp-layout-simple-page axp-layout-page-end-side{display:flex;min-height:100%;min-width:16rem;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-simple-page axp-layout-page-start-side>axp-layout-header,axp-layout-simple-page axp-layout-page-end-side>axp-layout-header{display:flex;flex-direction:column;gap:.5rem;padding:1rem}axp-layout-simple-page axp-layout-page-start-side>axp-layout-header>axp-layout-title,axp-layout-simple-page axp-layout-page-end-side>axp-layout-header>axp-layout-title{font-size:1.125rem;line-height:1.75rem;font-weight:500}axp-layout-simple-page axp-layout-page-start-side>axp-layout-content,axp-layout-simple-page axp-layout-page-end-side>axp-layout-content{flex:1 1 0%}.axp-drawer{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:1000;overflow-y:auto;overflow-x:hidden}.axp-drawer.axp-drawer-overlay{z-index:1050}.axp-drawer.axp-drawer-overlay:before{content:\"\";position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:-1;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.axp-drawer.axp-drawer-overlay.axp-drawer-opened:before{opacity:1;pointer-events:all}.axp-drawer.axp-drawer-push{z-index:1}.axp-drawer.axp-drawer-start{border-right:1px solid rgba(0,0,0,.12)}.axp-drawer.axp-drawer-end{border-left:1px solid rgba(0,0,0,.12)}.axp-drawer-container{position:relative;overflow:hidden;width:100%;height:100%}\n"] }]
112
114
  }] });
113
115
 
114
- class AXPBasePageComponent extends AXPBasePage {
116
+ class AXPPageLayoutComponent {
115
117
  constructor() {
116
- super(...arguments);
118
+ this.page = inject(AXPBasePage, { optional: true });
119
+ this.layoutService = inject(AXPLayoutThemeService);
120
+ this.#initialize = afterNextRender(async () => {
121
+ this.checkScrollableContent();
122
+ });
123
+ this.#effect = effect(() => {
124
+ this.page?.title();
125
+ this.page?.description();
126
+ this.checkScrollableContent();
127
+ });
128
+ }
129
+ #initialize;
130
+ #effect;
131
+ checkScrollableContent() {
132
+ const content = document.querySelector('axp-page-content');
133
+ if (content && content.scrollHeight >= content.clientHeight) {
134
+ content.classList.add('--scrollable');
135
+ }
136
+ }
137
+ handleActionClick(item) {
138
+ if (item.command && (item.items?.length ?? 0) == 0) {
139
+ this.page?.execute(item.command);
140
+ }
141
+ }
142
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPPageLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
143
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPPageLayoutComponent, isStandalone: true, selector: "axp-page-layout", ngImport: i0, template: "<axp-layout-header\n *translate=\"let t\"\n #sticky=\"axpSticky\"\n [axpSticky]=\"layoutService.isSmall() ? '' : 'axp-is-sticky'\"\n [stickyOffset]=\"50\"\n [stickyParent]=\"'body'\"\n>\n <!-------- Begin Title Bar -------->\n <axp-layout-title-bar>\n <!-------- Begin Title -------->\n <div class=\"ax-flex ax-flex-col ax-gap-1 ax-transition\">\n @if(page?.hasBreadcrumbs()) {\n <ax-breadcrumbs [class.ax-hidden]=\"layoutService.isSmall()\">\n <ng-template #divider>\n <i class=\"fa-regular fa-slash-forward\"></i>\n </ng-template>\n @for (item of page?.breadcrumbs(); track $index) {\n <ax-breadcrumbs-item>\n @if(item.icon) {\n <i [class]=\"item.icon\"></i>\n }\n {{ t(item.title) | async }}\n </ax-breadcrumbs-item>\n }\n </ax-breadcrumbs>\n } @if(page?.hasTitle()) {\n <axp-layout-title> {{ page?.title() }}</axp-layout-title>\n } @if(page?.hasDescription()) {\n <axp-layout-description> {{ page?.description() }}</axp-layout-description>\n }\n </div>\n <!-------- Finish Title -------->\n <!--------------------------------------------------------------->\n <!-------- Page Actions -------->\n @if(page?.hasActions()) {\n <axp-layout-actions>\n <!--Primary Actions -->\n @if(page?.hasPrimaryActions()) { @for (item of page?.primaryMenuItems(); track $index) {\n <ax-button\n [class.ax-sm]=\"layoutService.isSmall()\"\n [iconOnly]=\"layoutService.isSmall()\"\n [text]=\"(t(item.title) | async)!\"\n [look]=\"'solid'\"\n [color]=\"item.color\"\n (onClick)=\"handleActionClick(item)\"\n >\n <ax-prefix>\n <i class=\"{{ item.icon }}\"></i>\n </ax-prefix>\n @if(item?.items) {\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n @for (sub of item?.items; track $index) {\n <ng-container>\n <ax-button-item [text]=\"(t(sub.title) | async)!\" [color]=\"sub.color\" (onClick)=\"handleActionClick(sub)\">\n <ax-prefix>\n <ax-icon icon=\"fa-light {{ sub.icon }}\"></ax-icon>\n </ax-prefix>\n </ax-button-item>\n @if(sub.break) {\n <ax-divider></ax-divider>\n }\n </ng-container>\n }\n </ax-button-item-list>\n </ax-dropdown-panel>\n }\n </ax-button>\n } }\n <!-- Secondary Actions -->\n @if(page?.hasSecondaryActions()) {\n <ax-button\n [class.ax-sm]=\"layoutService.isSmall()\"\n [iconOnly]=\"layoutService.isSmall()\"\n [text]=\"t('actions') | async\"\n [look]=\"layoutService.isSmall() ? 'blank' : 'solid'\"\n [color]=\"'default'\"\n >\n <ax-prefix>\n <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n </ax-prefix>\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n @for (item of page?.secondaryMenuItems(); track $index) {\n <ng-container>\n <ax-button-item\n [text]=\"(t(item.title) | async)!\"\n [color]=\"item.color\"\n (onClick)=\"handleActionClick(item)\"\n >\n <ax-prefix>\n <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n </ax-prefix>\n </ax-button-item>\n @if(item.break) {\n <ax-divider></ax-divider>\n }\n </ng-container>\n }\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n }\n </axp-layout-actions>\n }\n <!-- Finish Page Actions -->\n </axp-layout-title-bar>\n <!----- Finish Title Bar ----->\n <!--------------------------------------------------------------->\n <!-- Begin Navbar -->\n @if(!sticky.isSticky) { }\n <ng-content select=\"axp-page-toolbar\"></ng-content>\n <!-- Finish Navbar -->\n</axp-layout-header>\n<ng-content select=\"axp-page-content\"></ng-content>\n<ng-content select=\"axp-page-footer\"></ng-content>\n", styles: ["axp-layout-title{display:block;width:100%;font-weight:600}axp-layout-description{display:block;width:100%;font-size:.875rem;line-height:1.25rem;opacity:.65}axp-layout-actions{display:flex;align-items:center;gap:.75rem}axp-layout-actions axp-layout-actions-primary{display:flex;align-items:center;gap:.75rem}axp-layout-footer,axp-layout-toolbar,axp-layout-header,axp-page-header,axp-page-footer,axp-page-toolbar{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-prefix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-prefix,axp-layout-header>axp-layout-suffix,axp-page-header>axp-layout-prefix,axp-page-header>axp-layout-suffix,axp-page-footer>axp-layout-prefix,axp-page-footer>axp-layout-suffix,axp-page-toolbar>axp-layout-prefix,axp-page-toolbar>axp-layout-suffix{display:flex;flex-direction:row;align-items:center;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-toolbar>axp-layout-prefix,axp-layout-header>axp-layout-prefix,axp-page-header>axp-layout-prefix,axp-page-footer>axp-layout-prefix,axp-page-toolbar>axp-layout-prefix{order:-9999}axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-suffix,axp-page-header>axp-layout-suffix,axp-page-footer>axp-layout-suffix,axp-page-toolbar>axp-layout-suffix{order:9999;margin-inline-start:auto}axp-layout-list{display:flex;flex-direction:column}axp-layout-list>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));border-style:dashed}axp-layout-list:focus{outline:none}axp-layout-list-group{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem}axp-layout-list-group>axp-layout-title{padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600}axp-layout-list-group>axp-layout-header{display:flex;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}axp-layout-list-item{margin-top:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}axp-layout-list-item:focus{outline:none}axp-layout-list-item.axp-state-focused,axp-layout-list-item:hover{cursor:pointer;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-lighter-surface),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-primary-lighter-surface),var(--tw-text-opacity, 1))}axp-layout-list-item.axp-state-focused:is(.ax-dark *),axp-layout-list-item:hover:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}axp-layout-list-item>axp-layout-prefix{margin-inline-end:auto;display:flex;flex-direction:row;gap:.5rem}axp-layout-list-item>axp-layout-content{flex:1 1 0%}axp-layout-list-item>axp-layout-content axp-layout-description{margin-top:.25rem!important;font-size:.75rem!important;line-height:1rem!important}axp-layout-list-item>axp-layout-suffix{margin-inline-start:auto;display:flex;flex-direction:row;gap:.5rem}axp-layout-sections{display:flex;flex-direction:column;gap:1rem}axp-layout-sections axp-layout-section{display:block;border-radius:.375rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-sections axp-layout-section>axp-layout-footer,axp-layout-sections axp-layout-section>axp-layout-header{padding:.5rem 1rem}@media (min-width: 1280px){axp-layout-sections axp-layout-section>axp-layout-footer,axp-layout-sections axp-layout-section>axp-layout-header{padding-top:1rem;padding-bottom:1rem}}axp-layout-sections axp-layout-section>axp-layout-header{display:flex;flex-direction:column;gap:0px;border-top-left-radius:.375rem;border-top-right-radius:.375rem;border-bottom-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-sections axp-layout-section>axp-layout-header axp-layout-title{font-weight:700;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-lightest-surface),var(--tw-text-opacity, 1))}axp-layout-sections axp-layout-section>axp-layout-header axp-layout-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}axp-layout-sections axp-layout-section>axp-layout-footer{display:flex;align-items:center;justify-content:space-between;border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;border-top-width:1px;padding:1rem;opacity:0;animation:fadeInDown .5s ease-out forwards}axp-layout-sections axp-layout-section>axp-layout-footer>axp-layout-suffix{margin-inline-start:auto;display:flex;gap:.5rem}@keyframes fadeInDown{0%{opacity:0}to{opacity:1}}axp-page-layout{display:flex;height:100%;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-page-layout>axp-layout-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;flex-direction:column;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));padding-top:.5rem;padding-bottom:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 768px){axp-page-layout>axp-layout-header{padding-top:1rem;padding-bottom:1rem}}axp-page-layout>axp-layout-header.axp-is-sticky{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axp-page-layout>axp-layout-header ax-breadcrumbs{font-size:.75rem;line-height:1rem;opacity:.5}axp-page-layout>axp-layout-header ax-breadcrumbs ax-breadcrumbs-item{font-size:.75rem;line-height:1rem}axp-page-layout>axp-layout-header axp-layout-title-bar{display:flex;width:100%;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem}@media (min-width: 1280px){axp-page-layout>axp-layout-header axp-layout-title-bar{border-width:0px}}axp-page-layout>axp-layout-header axp-layout-title-bar ax-layout-nav-button{display:flex;align-items:center;justify-content:space-between}axp-page-layout>axp-layout-header axp-layout-title-bar axp-layout-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;line-height:1.75rem;font-weight:500;line-height:1.625}@media (min-width: 1024px){axp-page-layout>axp-layout-header axp-layout-title-bar axp-layout-title{font-size:1.5rem;line-height:2rem}}axp-page-layout>axp-layout-header axp-page-toolbar{padding-left:1rem;padding-right:1rem}axp-page-layout>axp-page-content{display:flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;padding:.75rem 1rem}axp-page-layout>axp-page-content.--scrollable{padding-bottom:1rem}axp-page-layout>axp-page-footer{border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1))}axp-page-layout>axp-page-footer:is(.ax-dark *){--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-dark-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-dark-surface),var(--tw-bg-opacity, 1))}axp-page-layout>axp-page-footer{position:-webkit-sticky;position:sticky;bottom:0;padding:.75rem;--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type:
144
+ //
145
+ AXCommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: i3$2.AXBreadCrumbsComponent, selector: "ax-breadcrumbs" }, { kind: "component", type: i3$2.AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: ["disabled", "active"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i4$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }, { kind: "component", type:
146
+ //
147
+ AXPThemeLayoutBlockComponent, selector: " axp-page-content, axp-page-footer, axp-page-header, axp-page-toolbar, axp-layout-content, axp-layout-page-content, axp-layout-sections, axp-layout-body, axp-layout-page-body, axp-layout-prefix, axp-layout-suffix, axp-layout-title, axp-layout-nav-button, axp-layout-description, axp-layout-title-bar, axp-layout-breadcrumbs, axp-layout-list-action, " }, { kind: "component", type: AXPThemeLayoutActionsComponent, selector: "axp-layout-actions" }, { kind: "component", type: AXPThemeLayoutHeaderComponent, selector: "axp-layout-header" }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
148
+ }
149
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPPageLayoutComponent, decorators: [{
150
+ type: Component,
151
+ args: [{ standalone: true, imports: [
152
+ CommonModule,
153
+ //
154
+ AXCommonModule,
155
+ AXDecoratorModule,
156
+ AXBreadcrumbsModule,
157
+ AXDropdownButtonModule,
158
+ AXDropdownModule,
159
+ AXButtonModule,
160
+ AXTranslationModule,
161
+ //
162
+ AXPThemeLayoutBlockComponent,
163
+ AXPThemeLayoutActionsComponent,
164
+ AXPThemeLayoutHeaderComponent,
165
+ AXPStickyDirective,
166
+ ], selector: 'axp-page-layout', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<axp-layout-header\n *translate=\"let t\"\n #sticky=\"axpSticky\"\n [axpSticky]=\"layoutService.isSmall() ? '' : 'axp-is-sticky'\"\n [stickyOffset]=\"50\"\n [stickyParent]=\"'body'\"\n>\n <!-------- Begin Title Bar -------->\n <axp-layout-title-bar>\n <!-------- Begin Title -------->\n <div class=\"ax-flex ax-flex-col ax-gap-1 ax-transition\">\n @if(page?.hasBreadcrumbs()) {\n <ax-breadcrumbs [class.ax-hidden]=\"layoutService.isSmall()\">\n <ng-template #divider>\n <i class=\"fa-regular fa-slash-forward\"></i>\n </ng-template>\n @for (item of page?.breadcrumbs(); track $index) {\n <ax-breadcrumbs-item>\n @if(item.icon) {\n <i [class]=\"item.icon\"></i>\n }\n {{ t(item.title) | async }}\n </ax-breadcrumbs-item>\n }\n </ax-breadcrumbs>\n } @if(page?.hasTitle()) {\n <axp-layout-title> {{ page?.title() }}</axp-layout-title>\n } @if(page?.hasDescription()) {\n <axp-layout-description> {{ page?.description() }}</axp-layout-description>\n }\n </div>\n <!-------- Finish Title -------->\n <!--------------------------------------------------------------->\n <!-------- Page Actions -------->\n @if(page?.hasActions()) {\n <axp-layout-actions>\n <!--Primary Actions -->\n @if(page?.hasPrimaryActions()) { @for (item of page?.primaryMenuItems(); track $index) {\n <ax-button\n [class.ax-sm]=\"layoutService.isSmall()\"\n [iconOnly]=\"layoutService.isSmall()\"\n [text]=\"(t(item.title) | async)!\"\n [look]=\"'solid'\"\n [color]=\"item.color\"\n (onClick)=\"handleActionClick(item)\"\n >\n <ax-prefix>\n <i class=\"{{ item.icon }}\"></i>\n </ax-prefix>\n @if(item?.items) {\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n @for (sub of item?.items; track $index) {\n <ng-container>\n <ax-button-item [text]=\"(t(sub.title) | async)!\" [color]=\"sub.color\" (onClick)=\"handleActionClick(sub)\">\n <ax-prefix>\n <ax-icon icon=\"fa-light {{ sub.icon }}\"></ax-icon>\n </ax-prefix>\n </ax-button-item>\n @if(sub.break) {\n <ax-divider></ax-divider>\n }\n </ng-container>\n }\n </ax-button-item-list>\n </ax-dropdown-panel>\n }\n </ax-button>\n } }\n <!-- Secondary Actions -->\n @if(page?.hasSecondaryActions()) {\n <ax-button\n [class.ax-sm]=\"layoutService.isSmall()\"\n [iconOnly]=\"layoutService.isSmall()\"\n [text]=\"t('actions') | async\"\n [look]=\"layoutService.isSmall() ? 'blank' : 'solid'\"\n [color]=\"'default'\"\n >\n <ax-prefix>\n <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n </ax-prefix>\n <ax-dropdown-panel #panel>\n <ax-button-item-list>\n @for (item of page?.secondaryMenuItems(); track $index) {\n <ng-container>\n <ax-button-item\n [text]=\"(t(item.title) | async)!\"\n [color]=\"item.color\"\n (onClick)=\"handleActionClick(item)\"\n >\n <ax-prefix>\n <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n </ax-prefix>\n </ax-button-item>\n @if(item.break) {\n <ax-divider></ax-divider>\n }\n </ng-container>\n }\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n }\n </axp-layout-actions>\n }\n <!-- Finish Page Actions -->\n </axp-layout-title-bar>\n <!----- Finish Title Bar ----->\n <!--------------------------------------------------------------->\n <!-- Begin Navbar -->\n @if(!sticky.isSticky) { }\n <ng-content select=\"axp-page-toolbar\"></ng-content>\n <!-- Finish Navbar -->\n</axp-layout-header>\n<ng-content select=\"axp-page-content\"></ng-content>\n<ng-content select=\"axp-page-footer\"></ng-content>\n", styles: ["axp-layout-title{display:block;width:100%;font-weight:600}axp-layout-description{display:block;width:100%;font-size:.875rem;line-height:1.25rem;opacity:.65}axp-layout-actions{display:flex;align-items:center;gap:.75rem}axp-layout-actions axp-layout-actions-primary{display:flex;align-items:center;gap:.75rem}axp-layout-footer,axp-layout-toolbar,axp-layout-header,axp-page-header,axp-page-footer,axp-page-toolbar{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-prefix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-prefix,axp-layout-header>axp-layout-suffix,axp-page-header>axp-layout-prefix,axp-page-header>axp-layout-suffix,axp-page-footer>axp-layout-prefix,axp-page-footer>axp-layout-suffix,axp-page-toolbar>axp-layout-prefix,axp-page-toolbar>axp-layout-suffix{display:flex;flex-direction:row;align-items:center;gap:.5rem}axp-layout-footer>axp-layout-prefix,axp-layout-toolbar>axp-layout-prefix,axp-layout-header>axp-layout-prefix,axp-page-header>axp-layout-prefix,axp-page-footer>axp-layout-prefix,axp-page-toolbar>axp-layout-prefix{order:-9999}axp-layout-footer>axp-layout-suffix,axp-layout-toolbar>axp-layout-suffix,axp-layout-header>axp-layout-suffix,axp-page-header>axp-layout-suffix,axp-page-footer>axp-layout-suffix,axp-page-toolbar>axp-layout-suffix{order:9999;margin-inline-start:auto}axp-layout-list{display:flex;flex-direction:column}axp-layout-list>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));border-style:dashed}axp-layout-list:focus{outline:none}axp-layout-list-group{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem}axp-layout-list-group>axp-layout-title{padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600}axp-layout-list-group>axp-layout-header{display:flex;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}axp-layout-list-item{margin-top:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}axp-layout-list-item:focus{outline:none}axp-layout-list-item.axp-state-focused,axp-layout-list-item:hover{cursor:pointer;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-lighter-surface),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-primary-lighter-surface),var(--tw-text-opacity, 1))}axp-layout-list-item.axp-state-focused:is(.ax-dark *),axp-layout-list-item:hover:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}axp-layout-list-item>axp-layout-prefix{margin-inline-end:auto;display:flex;flex-direction:row;gap:.5rem}axp-layout-list-item>axp-layout-content{flex:1 1 0%}axp-layout-list-item>axp-layout-content axp-layout-description{margin-top:.25rem!important;font-size:.75rem!important;line-height:1rem!important}axp-layout-list-item>axp-layout-suffix{margin-inline-start:auto;display:flex;flex-direction:row;gap:.5rem}axp-layout-sections{display:flex;flex-direction:column;gap:1rem}axp-layout-sections axp-layout-section{display:block;border-radius:.375rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-sections axp-layout-section>axp-layout-footer,axp-layout-sections axp-layout-section>axp-layout-header{padding:.5rem 1rem}@media (min-width: 1280px){axp-layout-sections axp-layout-section>axp-layout-footer,axp-layout-sections axp-layout-section>axp-layout-header{padding-top:1rem;padding-bottom:1rem}}axp-layout-sections axp-layout-section>axp-layout-header{display:flex;flex-direction:column;gap:0px;border-top-left-radius:.375rem;border-top-right-radius:.375rem;border-bottom-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-layout-sections axp-layout-section>axp-layout-header axp-layout-title{font-weight:700;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-lightest-surface),var(--tw-text-opacity, 1))}axp-layout-sections axp-layout-section>axp-layout-header axp-layout-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}axp-layout-sections axp-layout-section>axp-layout-footer{display:flex;align-items:center;justify-content:space-between;border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;border-top-width:1px;padding:1rem;opacity:0;animation:fadeInDown .5s ease-out forwards}axp-layout-sections axp-layout-section>axp-layout-footer>axp-layout-suffix{margin-inline-start:auto;display:flex;gap:.5rem}@keyframes fadeInDown{0%{opacity:0}to{opacity:1}}axp-page-layout{display:flex;height:100%;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axp-page-layout>axp-layout-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;flex-direction:column;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));padding-top:.5rem;padding-bottom:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 768px){axp-page-layout>axp-layout-header{padding-top:1rem;padding-bottom:1rem}}axp-page-layout>axp-layout-header.axp-is-sticky{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axp-page-layout>axp-layout-header ax-breadcrumbs{font-size:.75rem;line-height:1rem;opacity:.5}axp-page-layout>axp-layout-header ax-breadcrumbs ax-breadcrumbs-item{font-size:.75rem;line-height:1rem}axp-page-layout>axp-layout-header axp-layout-title-bar{display:flex;width:100%;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem}@media (min-width: 1280px){axp-page-layout>axp-layout-header axp-layout-title-bar{border-width:0px}}axp-page-layout>axp-layout-header axp-layout-title-bar ax-layout-nav-button{display:flex;align-items:center;justify-content:space-between}axp-page-layout>axp-layout-header axp-layout-title-bar axp-layout-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;line-height:1.75rem;font-weight:500;line-height:1.625}@media (min-width: 1024px){axp-page-layout>axp-layout-header axp-layout-title-bar axp-layout-title{font-size:1.5rem;line-height:2rem}}axp-page-layout>axp-layout-header axp-page-toolbar{padding-left:1rem;padding-right:1rem}axp-page-layout>axp-page-content{display:flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;padding:.75rem 1rem}axp-page-layout>axp-page-content.--scrollable{padding-bottom:1rem}axp-page-layout>axp-page-footer{border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1))}axp-page-layout>axp-page-footer:is(.ax-dark *){--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-dark-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-dark-surface),var(--tw-bg-opacity, 1))}axp-page-layout>axp-page-footer{position:-webkit-sticky;position:sticky;bottom:0;padding:.75rem;--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}\n"] }]
167
+ }] });
168
+
169
+ class AXPBasePageComponent {
170
+ constructor() {
171
+ //#region ---------------- Services ----------------
117
172
  this.layoutService = inject(AXPLayoutThemeService);
118
173
  this.sessionService = inject(AXPSessionService);
119
174
  this.translateService = inject(AXTranslationService);
120
- this.layout = viewChild(AXPSimplePageLayout);
121
- this.updateTrigger = signal(0); // Signal to force recomputation
122
- this.primaryMenuItems = computed(() => {
175
+ this.formatService = inject(AXFormatService);
176
+ //#endregion
177
+ //#region ---------------- Signal to force recomputation ----------------
178
+ this._updateTrigger = signal(0);
179
+ this.updateTrigger = this._updateTrigger.asReadonly();
180
+ //#endregion
181
+ //#region ---------------- Title ----------------
182
+ this.title = signal('');
183
+ this.#titleEffect = effect(async () => {
123
184
  this.updateTrigger();
124
- return this.getPrimaryMenuItems();
185
+ this.title.set(await this.getPageTitle());
125
186
  });
126
- this.secondaryMenuItems = computed(() => {
187
+ this.hasTitle = computed(() => this.title() !== '');
188
+ //#endregion
189
+ //#region ---------------- Description ----------------
190
+ this.description = signal('');
191
+ this.hasDescription = computed(() => this.description() !== '');
192
+ this.#descriptionEffect = effect(async () => {
127
193
  this.updateTrigger();
128
- return this.getSecondaryMenuItems();
194
+ this.description.set(await this.getPageDescription());
129
195
  });
196
+ //#endregion
197
+ //#region ---------------- Breadcrumbs ----------------
198
+ this.breadcrumbs = signal([]);
199
+ this.#breadcrumbsEffect = effect(async () => {
200
+ this.updateTrigger();
201
+ this.breadcrumbs.set(await this.getPageBreadcrumbs());
202
+ });
203
+ this.hasBreadcrumbs = computed(() => this.breadcrumbs().length > 0);
204
+ //#endregion
205
+ //#region ---------------- Layout ----------------
206
+ //TODO: Remove this after migration to the new layout
207
+ this.oldLayout = viewChild(AXPSimplePageLayout);
208
+ this.newLayout = viewChild(AXPPageLayoutComponent);
209
+ this.layout = computed(() => this.oldLayout() || this.newLayout());
210
+ //#endregion
211
+ //#region ---------------- Actions ----------------
212
+ this.primaryMenuItems = signal([]);
130
213
  this.hasPrimaryActions = computed(() => this.primaryMenuItems().length > 0);
214
+ this.#primaryMenuItemsEffect = effect(async () => {
215
+ this.updateTrigger();
216
+ this.primaryMenuItems.set(await this.getPrimaryMenuItems());
217
+ });
218
+ this.secondaryMenuItems = signal([]);
131
219
  this.hasSecondaryActions = computed(() => this.secondaryMenuItems().length > 0);
220
+ this.#secondaryMenuItemsEffect = effect(async () => {
221
+ this.updateTrigger();
222
+ this.secondaryMenuItems.set(await this.getSecondaryMenuItems());
223
+ });
132
224
  this.hasActions = computed(() => this.hasPrimaryActions() || this.hasSecondaryActions());
133
225
  }
226
+ recompute() {
227
+ this._updateTrigger.set(this._updateTrigger() + 1);
228
+ }
229
+ //#endregion
230
+ //#region ---------------- Lifecycle hooks ----------------
231
+ async ngOnInit() {
232
+ this.translateService.langChanges$.subscribe(() => {
233
+ this.recompute();
234
+ });
235
+ }
236
+ #titleEffect;
237
+ getPageTitle() {
238
+ return '';
239
+ }
240
+ #descriptionEffect;
241
+ getPageDescription() {
242
+ return Promise.resolve('');
243
+ }
244
+ #breadcrumbsEffect;
245
+ getPageBreadcrumbs() {
246
+ return [];
247
+ }
248
+ //TODO: Remove this after migration to the new layout
134
249
  toggleEndSide() {
135
- this.layout()?.toggleEndSide();
250
+ if (this.layout() instanceof AXPSimplePageLayout) {
251
+ this.layout().toggleEndSide();
252
+ }
136
253
  }
254
+ #primaryMenuItemsEffect;
137
255
  getPrimaryMenuItems() {
138
256
  return [];
139
257
  }
258
+ #secondaryMenuItemsEffect;
140
259
  getSecondaryMenuItems() {
141
260
  return [];
142
261
  }
143
- updateMenuItems() {
144
- this.updateTrigger();
262
+ //#endregion
263
+ //#region ---------------- Context Menu ----------------
264
+ execute(command) {
145
265
  }
146
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPBasePageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
147
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXPBasePageComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "layout", first: true, predicate: AXPSimplePageLayout, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
266
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPBasePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
267
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXPBasePageComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "oldLayout", first: true, predicate: AXPSimplePageLayout, descendants: true, isSignal: true }, { propertyName: "newLayout", first: true, predicate: AXPPageLayoutComponent, descendants: true, isSignal: true }], ngImport: i0, template: '', isInline: true }); }
148
268
  }
149
269
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPBasePageComponent, decorators: [{
150
270
  type: Component,
@@ -351,7 +471,7 @@ class AXPHorizontalMenuComponent {
351
471
  return sortBy$1(items, [c => c.priority ?? 0, c => c.text]);
352
472
  }
353
473
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPHorizontalMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
354
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPHorizontalMenuComponent, isStandalone: true, selector: "axp-horizontal-menu", host: { classAttribute: "ax-light" }, ngImport: i0, template: "<div\n class=\"ax-w-full ax-flex ax-items-center ax-justify-between ax-gap-1 ax-bg-primary-surface ax-text-primary-on-surface ax-h-14 ax-px-4\">\n <div class=\"ax-flex ax-items-center ax-gap-1\">\n <axp-logo [source]=\"platformConfig.logo?.light\" [attr.alt]=\"platformConfig.title\"\n class=\"ax-mx-auto ax-text-2xl\"></axp-logo>\n </div>\n <div class=\"ax-flex ax-items-center ax-gap-1\">\n <axp-component-slot name=\"header-start\"></axp-component-slot>\n <axp-component-slot name=\"header-end\"></axp-component-slot>\n </div>\n</div>\n\n<div class=\"__menu-bar\">\n <ax-menu [orientation]=\"'horizontal'\" [class.ax-dark]=\"layoutService.isDarkMode()\" [hasArrow]=\"true\">\n <ng-container *ngFor=\"let item of sort(menuStore.items())\" [ngTemplateOutlet]=\"recursiveMenu\"\n [ngTemplateOutletContext]=\"{ item: item }\">\n </ng-container>\n <!-- Item Templates -->\n <ng-template #recursiveMenu let-item=\"item\">\n @if(item.type=='group') {\n <!-- <ax-title *permission=\"item.data?.requiredPermission\">{{ item.text | translate | async }}</ax-title> -->\n <!-- <ax-divider></ax-divider> -->\n }\n @else if(item.type=='break') {\n <ax-divider></ax-divider>\n }\n @else {\n <ax-menu-item *permission=\"item.data?.requiredPermission\" (onClick)=\"onMenuItemClick( item)\">\n @if(!item.meta?.isRoot)\n {\n <ax-prefix>\n <ax-icon [class]=\"item.icon\" class=\"fa-fw\"></ax-icon>\n </ax-prefix>\n }\n <ax-text> {{ item.text | translate | async }}</ax-text>\n <ng-container *ngIf=\"item.children?.length\">\n <ng-container *ngFor=\"let child of sort(item.children)\" [ngTemplateOutlet]=\"recursiveMenu\"\n [ngTemplateOutletContext]=\"{ item: child }\">\n </ng-container>\n </ng-container>\n </ax-menu-item>\n }\n </ng-template>\n </ax-menu>\n</div>\n<!-- <div class=\"__tab-bar\">\n <div class=\"axp-tabs-item axp-state-active\">\n <span class=\"ax-font-medium\">Account</span>\n <i class=\"fa-light fa-times ax-text-sm\"></i>\n </div>\n <div class=\"axp-tabs-item\">\n <span class=\"ax-font-medium\">Projects</span>\n\n </div>\n</div> -->", styles: [".__tab-bar{display:flex;height:3rem;width:100%;align-items:flex-end;gap:.5rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-darker-surface),var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-primary-darker-surface),var(--tw-text-opacity, 1))}.__tab-bar .axp-tabs-item{display:flex;height:2.5rem;cursor:pointer;align-items:center;justify-content:space-between;gap:.5rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;line-height:1}.__tab-bar .axp-tabs-item:hover,.__tab-bar .axp-tabs-item.axp-state-active{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-lightest-surface),var(--tw-text-opacity, 1))}.__menu-bar{display:flex;width:100%;align-items:flex-end;gap:.5rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-dark-surface),var(--tw-bg-opacity, 1));padding:.375rem 1rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-primary-dark-surface),var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "directive", type: i1$2.AXPComponentSlotDirective, selector: "axp-component-slot", inputs: ["name"] }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["source"] }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i3$2.AXMenuItemComponent, selector: "ax-menu-item", inputs: ["name", "data", "disabled", "color"], outputs: ["onClick"] }, { kind: "component", type: i3$2.AXMenuComponent, selector: "ax-menu", inputs: ["orientation", "openOn", "closeOn", "items", "hasArrow"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXPAuthModule }, { kind: "directive", type: i5.AXPPermissionDirective, selector: "[permission]", inputs: ["permission", "permissionElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
474
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPHorizontalMenuComponent, isStandalone: true, selector: "axp-horizontal-menu", host: { classAttribute: "ax-light" }, ngImport: i0, template: "<div\n class=\"ax-w-full ax-flex ax-items-center ax-justify-between ax-gap-1 ax-bg-primary-surface ax-text-primary-on-surface ax-h-14 ax-px-4\">\n <div class=\"ax-flex ax-items-center ax-gap-1\">\n <axp-logo [source]=\"platformConfig.logo?.light\" [attr.alt]=\"platformConfig.title\"\n class=\"ax-mx-auto ax-text-2xl\"></axp-logo>\n </div>\n <div class=\"ax-flex ax-items-center ax-gap-1\">\n <axp-component-slot name=\"header-start\"></axp-component-slot>\n <axp-component-slot name=\"header-end\"></axp-component-slot>\n </div>\n</div>\n\n<div class=\"__menu-bar\">\n <ax-menu [orientation]=\"'horizontal'\" [class.ax-dark]=\"layoutService.isDarkMode()\" [hasArrow]=\"true\">\n <ng-container *ngFor=\"let item of sort(menuStore.items())\" [ngTemplateOutlet]=\"recursiveMenu\"\n [ngTemplateOutletContext]=\"{ item: item }\">\n </ng-container>\n <!-- Item Templates -->\n <ng-template #recursiveMenu let-item=\"item\">\n @if(item.type=='group') {\n <!-- <ax-title *permission=\"item.data?.requiredPermission\">{{ item.text | translate | async }}</ax-title> -->\n <!-- <ax-divider></ax-divider> -->\n }\n @else if(item.type=='break') {\n <ax-divider></ax-divider>\n }\n @else {\n <ax-menu-item *permission=\"item.data?.requiredPermission\" (onClick)=\"onMenuItemClick( item)\">\n @if(!item.meta?.isRoot)\n {\n <ax-prefix>\n <ax-icon [class]=\"item.icon\" class=\"fa-fw\"></ax-icon>\n </ax-prefix>\n }\n <ax-text> {{ item.text | translate | async }}</ax-text>\n <ng-container *ngIf=\"item.children?.length\">\n <ng-container *ngFor=\"let child of sort(item.children)\" [ngTemplateOutlet]=\"recursiveMenu\"\n [ngTemplateOutletContext]=\"{ item: child }\">\n </ng-container>\n </ng-container>\n </ax-menu-item>\n }\n </ng-template>\n </ax-menu>\n</div>\n<!-- <div class=\"__tab-bar\">\n <div class=\"axp-tabs-item axp-state-active\">\n <span class=\"ax-font-medium\">Account</span>\n <i class=\"fa-light fa-times ax-text-sm\"></i>\n </div>\n <div class=\"axp-tabs-item\">\n <span class=\"ax-font-medium\">Projects</span>\n\n </div>\n</div> -->", styles: [".__tab-bar{display:flex;height:3rem;width:100%;align-items:flex-end;gap:.5rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-darker-surface),var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-primary-darker-surface),var(--tw-text-opacity, 1))}.__tab-bar .axp-tabs-item{display:flex;height:2.5rem;cursor:pointer;align-items:center;justify-content:space-between;gap:.5rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;line-height:1}.__tab-bar .axp-tabs-item:hover,.__tab-bar .axp-tabs-item.axp-state-active{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-lightest-surface),var(--tw-text-opacity, 1))}.__menu-bar{display:flex;width:100%;align-items:flex-end;gap:.5rem;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-dark-surface),var(--tw-bg-opacity, 1));padding:.375rem 1rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-primary-dark-surface),var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "directive", type: i1$2.AXPComponentSlotDirective, selector: "axp-component-slot", inputs: ["name"] }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["source"] }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i3$3.AXMenuItemComponent, selector: "ax-menu-item", inputs: ["name", "data", "disabled", "color"], outputs: ["onClick"] }, { kind: "component", type: i3$3.AXMenuComponent, selector: "ax-menu", inputs: ["orientation", "openOn", "closeOn", "items", "hasArrow"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXPAuthModule }, { kind: "directive", type: i5.AXPPermissionDirective, selector: "[permission]", inputs: ["permission", "permissionElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
355
475
  }
356
476
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPHorizontalMenuComponent, decorators: [{
357
477
  type: Component,
@@ -556,12 +676,12 @@ function routesFacory() {
556
676
  children: [
557
677
  {
558
678
  path: '',
559
- loadComponent: () => import('./acorex-platform-themes-default-setting-page.component-Cd2yaPEZ.mjs').then((c) => c.AXPSettingPageComponent),
679
+ loadComponent: () => import('./acorex-platform-themes-default-setting-page.component-_IStMWcu.mjs').then((c) => c.AXPSettingPageComponent),
560
680
  data: { reuse: true },
561
681
  children: [
562
682
  {
563
683
  path: ':group',
564
- loadComponent: () => import('./acorex-platform-themes-default-setting-view.component-B3Aob67f.mjs').then((c) => c.AXPSettingsViewComponent),
684
+ loadComponent: () => import('./acorex-platform-themes-default-setting-view.component-CeHpcfsc.mjs').then((c) => c.AXPSettingsViewComponent),
565
685
  },
566
686
  ],
567
687
  },
@@ -592,7 +712,7 @@ function routesFacory() {
592
712
  children: [
593
713
  {
594
714
  path: 'palette',
595
- loadComponent: () => import('./acorex-platform-themes-default-theme-palette-preview.page-DqAngWCf.mjs').then((c) => c.AXPThemePalettePreviewPageComponent),
715
+ loadComponent: () => import('./acorex-platform-themes-default-theme-palette-preview.page-D_EkB2k8.mjs').then((c) => c.AXPThemePalettePreviewPageComponent),
596
716
  },
597
717
  ],
598
718
  },
@@ -613,13 +733,13 @@ class AXPDefaultThemeModule {
613
733
  viewers: {
614
734
  root: () => Promise.resolve().then(function () { return rootLayout_component; }).then(c => c.AXPRootLayoutComponent),
615
735
  master: {
616
- single: () => import('./acorex-platform-themes-default-entity-master-single-view.component-ZfUaIxUa.mjs').then((c) => c.AXPEntityMasterSingleViewComponent),
736
+ single: () => import('./acorex-platform-themes-default-entity-master-single-view.component-9U774Tr7.mjs').then((c) => c.AXPEntityMasterSingleViewComponent),
617
737
  ///
618
738
  create: () => import('./acorex-platform-themes-default-entity-master-create-view.component-LKhN00ob.mjs').then((c) => c.AXPEntityMasterCreateViewComponent),
619
739
  ///
620
740
  modify: () => import('./acorex-platform-themes-default-entity-master-modify-view.component-B9TUh-2S.mjs').then((c) => c.AXPEntityMasterModifyViewComponent),
621
741
  //
622
- list: () => import('./acorex-platform-themes-default-entity-master-list-view.component-CdC4eF25.mjs').then((c) => c.AXPEntityMasterListViewComponent),
742
+ list: () => import('./acorex-platform-themes-default-entity-master-list-view.component-BYUOmONk.mjs').then((c) => c.AXPEntityMasterListViewComponent),
623
743
  },
624
744
  },
625
745
  };
@@ -630,7 +750,7 @@ class AXPDefaultThemeModule {
630
750
  {
631
751
  provide: AXP_GLOBAL_SEARCH_CONFIG_TOKEN,
632
752
  useValue: {
633
- window: () => import('./acorex-platform-themes-default-search-popup.component-CGARdU4C.mjs').then((c) => c.AXPGlobalSearchPopupComponent),
753
+ window: () => import('./acorex-platform-themes-default-search-popup.component-BY3oQqbr.mjs').then((c) => c.AXPGlobalSearchPopupComponent),
634
754
  },
635
755
  },
636
756
  { provide: RouteReuseStrategy, useClass: AXPEntityReuseStrategy },
@@ -662,13 +782,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
662
782
  viewers: {
663
783
  root: () => Promise.resolve().then(function () { return rootLayout_component; }).then(c => c.AXPRootLayoutComponent),
664
784
  master: {
665
- single: () => import('./acorex-platform-themes-default-entity-master-single-view.component-ZfUaIxUa.mjs').then((c) => c.AXPEntityMasterSingleViewComponent),
785
+ single: () => import('./acorex-platform-themes-default-entity-master-single-view.component-9U774Tr7.mjs').then((c) => c.AXPEntityMasterSingleViewComponent),
666
786
  ///
667
787
  create: () => import('./acorex-platform-themes-default-entity-master-create-view.component-LKhN00ob.mjs').then((c) => c.AXPEntityMasterCreateViewComponent),
668
788
  ///
669
789
  modify: () => import('./acorex-platform-themes-default-entity-master-modify-view.component-B9TUh-2S.mjs').then((c) => c.AXPEntityMasterModifyViewComponent),
670
790
  //
671
- list: () => import('./acorex-platform-themes-default-entity-master-list-view.component-CdC4eF25.mjs').then((c) => c.AXPEntityMasterListViewComponent),
791
+ list: () => import('./acorex-platform-themes-default-entity-master-list-view.component-BYUOmONk.mjs').then((c) => c.AXPEntityMasterListViewComponent),
672
792
  },
673
793
  },
674
794
  };
@@ -679,7 +799,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
679
799
  {
680
800
  provide: AXP_GLOBAL_SEARCH_CONFIG_TOKEN,
681
801
  useValue: {
682
- window: () => import('./acorex-platform-themes-default-search-popup.component-CGARdU4C.mjs').then((c) => c.AXPGlobalSearchPopupComponent),
802
+ window: () => import('./acorex-platform-themes-default-search-popup.component-BY3oQqbr.mjs').then((c) => c.AXPGlobalSearchPopupComponent),
683
803
  },
684
804
  },
685
805
  { provide: RouteReuseStrategy, useClass: AXPEntityReuseStrategy },
@@ -696,5 +816,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
696
816
  * Generated bundle index. Do not edit.
697
817
  */
698
818
 
699
- export { AXPBasePage, AXPBasePageComponent, AXPDefaultThemeModule, AXPEntityDetailListViewComponent, AXPRootHorizontalLayoutComponent, AXPRootLayoutComponent, AXPRootLayoutFooterComponent, AXPRootLayoutHeaderComponent, AXPRootLayoutMenuComponent, AXPRootVerticalLayoutComponent, AXPSimplePageLayout };
819
+ export { AXPBasePage, AXPBasePageComponent, AXPDefaultThemeModule, AXPEntityDetailListViewComponent, AXPPageLayoutComponent, AXPRootHorizontalLayoutComponent, AXPRootLayoutComponent, AXPRootLayoutFooterComponent, AXPRootLayoutHeaderComponent, AXPRootLayoutMenuComponent, AXPRootVerticalLayoutComponent, AXPSimplePageLayout };
700
820
  //# sourceMappingURL=acorex-platform-themes-default.mjs.map