@acorex/platform 18.1.4 → 18.1.6

package/fesm2022/{acorex-platform-themes-default-entity-master-single-view.component-Bnrabotu.mjs → acorex-platform-themes-default-entity-master-single-view.component-DyZHE0o-.mjs}

@@ -6,7 +6,7 @@ import { AXButtonModule } from '@acorex/components/button';
 import * as i3 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXDialogModule } from '@acorex/components/dialog';
-import * as i4$1 from '@acorex/components/drawer';
+import * as i3$2 from '@acorex/components/drawer';
 import { AXDrawerModule } from '@acorex/components/drawer';
 import * as i8 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
@@ -16,8 +16,10 @@ import { AXLoadingModule } from '@acorex/components/loading';
 import { AXPopoverModule } from '@acorex/components/popover';
 import * as i3$1 from '@acorex/components/tabs';
 import { AXTabsModule } from '@acorex/components/tabs';
-import * as i9 from '@acorex/core/translation';
+import * as i11 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
+import * as i4$1 from '@acorex/platform/auth';
+import { AXPAuthModule } from '@acorex/platform/auth';
 import { AXPGridLayoutDirective, AXPStickyDirective, isSmallScreen, getChildDrawer } from '@acorex/platform/common';
 import * as i5 from '@acorex/platform/layout/builder';
 import { AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
@@ -27,13 +29,14 @@ import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, signal, Component, ChangeDetectionStrategy } from '@angular/core';
-import * as i2$1 from '@angular/router';
+import * as i1$1 from '@angular/router';
 import { ActivatedRoute, RouterModule } from '@angular/router';
 import { Store } from '@ngrx/store';
 import { AXPEntityDetailListViewComponent } from './acorex-platform-themes-default.mjs';
-import '@acorex/core/utils';
+import 'rxjs';
+import 'lodash-es';
 import '@acorex/components/side-menu';
-import '@acorex/platform/auth';
+import '@acorex/core/utils';
 import '@acorex/components/avatar';
 import '@acorex/components/badge';
 import '@acorex/components/image';
@@ -45,7 +48,6 @@ import '@acorex/core/platform';
 import '@acorex/platform/layouts';
 import '@acorex/platform/workflow';
 import '@angular/forms';
-import 'rxjs';
 
 class AXPEntitySingleOverviewComponent {
     constructor() {
@@ -98,20 +100,20 @@ class AXPEntityMasterSingleViewComponent {
         this.store = inject((Store));
         this.isSM = this.store.select(isSmallScreen());
         this.isOpen = this.store.select(getChildDrawer());
-        this.selectedDetailTabIndex = signal(0);
+        this.selectedDetailTabIndex = signal('Overview');
     }
     handleActiveDetailTabChanged(e) {
-        this.selectedDetailTabIndex.set(e.index);
+        this.selectedDetailTabIndex.set(e.tab.key);
     }
     ngOnDestroy() {
         this.vm.destroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityMasterSingleViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPEntityMasterSingleViewComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<ax-drawer-container>\n  <!-- <ax-drawer #drawer location=\"start\" [collapsed]=\"!(isOpen | async)\" [mode]=\" (isSM | async) ? 'overlay' : 'push'\"\n      *ngIf=\"loader.hasSections$ | async\" (collapsedChange)=\"handleCollapsedChange($event)\">\n      <ax-content class=\"ax-border-e ax-p-6 ax-w-64\">\n        <p class=\"ax-text-xl ax-font-bold ax-mb-6\">{{loader.sectionTitle}}</p>\n        <ax-tabs look=\"with-line\" location=\"start\">\n          @for(tab of (loader.sections$ | async); track tab.name)\n          {\n          <ax-tab-item [text]=\"tab.title\" [active]=\"isActive(tab)\" (onClick)=\"handleMenuClick($event,tab)\"\n            [disabled]=\"editForm.context\">\n          </ax-tab-item>\n          }\n        </ax-tabs>\n      </ax-content>\n    </ax-drawer> -->\n  <ax-content #content class=\"ax-overflow-x-hidden\">\n    <div\n      class=\"ax-flex ax-flex-col ax-gap-4 ax-min-h-full ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-surface ax-border-b md:ax-border-0 md:ax-bg-default\"\n    >\n      <div\n        class=\"ax-flex ax-flex-col ax-pt-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\"\n        #sticky=\"axpSticky\"\n        [axpSticky]=\"'ax-bg-surface ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\"\n        [stickyOffset]=\"30\"\n        [stickyParent]=\"content.getHostElement()\"\n      >\n        <!-------- Begin Toolbar  -------->\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\n          <!-------- Begin Title  -------->\n          <div class=\"ax-flex ax-gap-1 ax-items-center\">\n            <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\n              <div class=\"ax-text-xl md:ax-text-3xl ax-font-bold\">{{ vm.title() }}</div>\n              @if(vm.description()) {\n              <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">\n                {{ vm.description() }}\n              </div>\n              }\n              <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"isSM | async\">\n                <ng-template #divider>\n                  <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\n                </ng-template>\n                @for(b of vm.beardcrumbs();track $index;let last=$last) {\n                <ax-breadcrumbs-item\n                  [active]=\"last\"\n                  [class.!ax-font-semibold]=\"last\"\n                  [class.!ax-text-neutral-600]=\"last\"\n                  [routerLink]=\"b.url\"\n                >\n                  @if(b.icon) {\n                  <i [class]=\"b.icon\"></i>\n                  }\n                  {{ b.title }}\n                </ax-breadcrumbs-item>\n                }\n              </ax-breadcrumbs>\n            </div>\n          </div>\n          <!-------- Finish Title  -------->\n          <!--------------------------------------------------------------->\n          <!-- Begin Action Menu  -->\n          <div class=\"ax-flex ax-items-center ax-gap-3\">\n            @for(tr of vm.primaryActions();track $index) {\n            <ax-button [text]=\"tr.title\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\n              <ax-prefix>\n                <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n              </ax-prefix>\n            </ax-button>\n            } @if(vm.secondaryActions().length) {\n            <ax-button [text]=\"(isSM | async) ? null : 'Actions'\" color=\"ghost\">\n              <ax-prefix>\n                <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n              </ax-prefix>\n              <ax-dropdown-panel>\n                <ax-button-item-list>\n                  @for(tr of vm.secondaryActions();track $index) {\n                  <ng-container>\n                    @if(tr.separated) {\n                    <ax-divider></ax-divider>\n                    }\n                    <ax-button-item\n                      [text]=\"tr.title\"\n                      class=\"ax-font-semibold ax-text-{{ tr.color }}\"\n                      (onClick)=\"vm.executeCommand(tr.name)\"\n                    >\n                      <ax-prefix>\n                        <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n                      </ax-prefix>\n                    </ax-button-item>\n                  </ng-container>\n                  }\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-button>\n            }\n          </div>\n          <!-- Finish Action Menu  -->\n        </div>\n        <!----- Finish Toolbar  ----->\n        <!--------------------------------------------------------------->\n        <!-- Begin Sections -->\n        <ax-tabs\n          (onActiveTabChanged)=\"handleActiveDetailTabChanged($event)\"\n          [look]=\"'classic'\"\n          class=\"ax-mt-4 ax-font-semibold\"\n          [class.ax-hidden]=\"sticky.isSticky\"\n        >\n          <ax-tab-item id=\"overview\" [text]=\"('overview' | translate | async) ?? 'Overview'\"> </ax-tab-item>\n          <ax-tab-item id=\"history\" [text]=\"('history' | translate | async) ?? 'History'\"> </ax-tab-item>\n          <ax-tab-item id=\"comments\" [text]=\"('comments' | translate | async) ?? 'Comments'\"> </ax-tab-item>\n        </ax-tabs>\n      </div>\n\n      @switch (selectedDetailTabIndex()) { @case(1){\n      <div></div>\n      } @case(2){\n      <axp-comment-list-view vm=\"vm\"></axp-comment-list-view>\n      } @default {\n      <axp-entity-single-overview></axp-entity-single-overview>\n      } }\n      <!-- Finish Sections  -->\n    </div>\n  </ax-content>\n</ax-drawer-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i8.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "component", type: i4$1.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i3$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i3$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i4.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: i8$1.AXBreadCrumbsComponent, selector: "ax-breadcrumbs" }, { kind: "component", type: i8$1.AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: ["disabled", "active"] }, { kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPEntityMasterSingleViewComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<ax-drawer-container>\n  <!-- <ax-drawer #drawer location=\"start\" [collapsed]=\"!(isOpen | async)\" [mode]=\" (isSM | async) ? 'overlay' : 'push'\"\n      *ngIf=\"loader.hasSections$ | async\" (collapsedChange)=\"handleCollapsedChange($event)\">\n      <ax-content class=\"ax-border-e ax-p-6 ax-w-64\">\n        <p class=\"ax-text-xl ax-font-bold ax-mb-6\">{{loader.sectionTitle}}</p>\n        <ax-tabs look=\"with-line\" location=\"start\">\n          @for(tab of (loader.sections$ | async); track tab.name)\n          {\n          <ax-tab-item [text]=\"tab.title\" [active]=\"isActive(tab)\" (onClick)=\"handleMenuClick($event,tab)\"\n            [disabled]=\"editForm.context\">\n          </ax-tab-item>\n          }\n        </ax-tabs>\n      </ax-content>\n    </ax-drawer> -->\n  <ax-content #content class=\"ax-overflow-x-hidden\">\n    <div\n      class=\"ax-flex ax-flex-col ax-gap-4 ax-min-h-full ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-surface ax-border-b md:ax-border-0 md:ax-bg-default\"\n    >\n      <div\n        class=\"ax-flex ax-flex-col ax-pt-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\"\n        #sticky=\"axpSticky\"\n        [axpSticky]=\"'ax-bg-surface ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\"\n        [stickyOffset]=\"30\"\n        [stickyParent]=\"content.getHostElement()\"\n      >\n        <!-------- Begin Toolbar  -------->\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\n          <!-------- Begin Title  -------->\n          <div class=\"ax-flex ax-gap-1 ax-items-center\">\n            <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\n              <div class=\"ax-text-xl md:ax-text-2xl ax-font-bold\">{{ vm.title() }}</div>\n              @if(vm.description()) {\n              <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">\n                {{ vm.description() }}\n              </div>\n              }\n              <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"isSM | async\">\n                <ng-template #divider>\n                  <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\n                </ng-template>\n                @for(b of vm.beardcrumbs();track $index;let last=$last) {\n                <ax-breadcrumbs-item\n                  [active]=\"last\"\n                  [class.!ax-font-semibold]=\"last\"\n                  [class.!ax-text-neutral-600]=\"last\"\n                  [routerLink]=\"b.url\"\n                >\n                  @if(b.icon) {\n                  <i [class]=\"b.icon\"></i>\n                  }\n                  {{ b.title }}\n                </ax-breadcrumbs-item>\n                }\n              </ax-breadcrumbs>\n            </div>\n          </div>\n          <!-------- Finish Title  -------->\n          <!--------------------------------------------------------------->\n          <!-- Begin Action Menu  -->\n          <div class=\"ax-flex ax-items-center ax-gap-3\">\n            @for(tr of vm.primaryActions();track $index) {\n            <ax-button [text]=\"tr.title\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\n              <ax-prefix>\n                <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n              </ax-prefix>\n            </ax-button>\n            } @if(vm.secondaryActions().length) {\n            <ax-button [text]=\"(isSM | async) ? null : 'Actions'\" color=\"ghost\">\n              <ax-prefix>\n                <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n              </ax-prefix>\n              <ax-dropdown-panel>\n                <ax-button-item-list>\n                  @for(tr of vm.secondaryActions();track $index) {\n                  <ng-container>\n                    @if(tr.separated) {\n                    <ax-divider></ax-divider>\n                    }\n                    <ax-button-item\n                      [text]=\"tr.title\"\n                      class=\"ax-font-semibold ax-text-{{ tr.color }}\"\n                      (onClick)=\"vm.executeCommand(tr.name)\"\n                    >\n                      <ax-prefix>\n                        <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n                      </ax-prefix>\n                    </ax-button-item>\n                  </ng-container>\n                  }\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-button>\n            }\n          </div>\n          <!-- Finish Action Menu  -->\n        </div>\n        <!----- Finish Toolbar  ----->\n        <!--------------------------------------------------------------->\n        <!-- Begin Sections -->\n        <ax-tabs\n          (onActiveTabChanged)=\"handleActiveDetailTabChanged($event)\"\n          [look]=\"'classic'\"\n          class=\"ax-mt-4 ax-font-semibold\"\n          [class.ax-hidden]=\"sticky.isSticky\"\n        >\n          <ax-tab-item [key]=\"'overview'\" [text]=\"('overview' | translate | async) ?? 'Overview'\"> </ax-tab-item>\n          <ax-tab-item\n            *feature=\"'entity-history'\"\n            [key]=\"'history'\"\n            [text]=\"('history' | translate | async) ?? 'History'\"\n          >\n          </ax-tab-item>\n          <ax-tab-item\n            *feature=\"'entity-comment'\"\n            [key]=\"'comments'\"\n            [text]=\"('comments' | translate | async) ?? 'Comments'\"\n          >\n          </ax-tab-item>\n        </ax-tabs>\n      </div>\n\n      @switch (selectedDetailTabIndex()) { @case('history'){\n      <div></div>\n      } @case('comments'){\n      <axp-comment-list-view vm=\"vm\"></axp-comment-list-view>\n      } @default {\n      <axp-entity-single-overview></axp-entity-single-overview>\n      } }\n      <!-- Finish Sections  -->\n    </div>\n  </ax-content>\n</ax-drawer-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i8.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "component", type: i3$2.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i3$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i3$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i4.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: i8$1.AXBreadCrumbsComponent, selector: "ax-breadcrumbs" }, { kind: "component", type: i8$1.AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: ["disabled", "active"] }, { kind: "ngmodule", type: 
                 //
-                AXPLayoutBuilderModule }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "component", type: AXPEntitySingleOverviewComponent, selector: "axp-entity-single-overview" }, { kind: "component", type: AXPCommentListViewComponent, selector: "axp-comment-list-view" }, { kind: "ngmodule", type: 
+                AXPLayoutBuilderModule }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "component", type: AXPEntitySingleOverviewComponent, selector: "axp-entity-single-overview" }, { kind: "component", type: AXPCommentListViewComponent, selector: "axp-comment-list-view" }, { kind: "ngmodule", type: AXPAuthModule }, { kind: "directive", type: i4$1.AXPFeatureDirective, selector: "[feature]", inputs: ["feature", "featureElse"] }, { kind: "ngmodule", type: 
                 //
-                AXTranslationModule }, { kind: "pipe", type: i9.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+                AXTranslationModule }, { kind: "pipe", type: i11.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityMasterSingleViewComponent, decorators: [{
             type: Component,
@@ -136,10 +138,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         AXPGridLayoutDirective,
                         AXPEntitySingleOverviewComponent,
                         AXPCommentListViewComponent,
+                        AXPAuthModule,
                         //
                         AXTranslationModule,
-                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ax-drawer-container>\n  <!-- <ax-drawer #drawer location=\"start\" [collapsed]=\"!(isOpen | async)\" [mode]=\" (isSM | async) ? 'overlay' : 'push'\"\n      *ngIf=\"loader.hasSections$ | async\" (collapsedChange)=\"handleCollapsedChange($event)\">\n      <ax-content class=\"ax-border-e ax-p-6 ax-w-64\">\n        <p class=\"ax-text-xl ax-font-bold ax-mb-6\">{{loader.sectionTitle}}</p>\n        <ax-tabs look=\"with-line\" location=\"start\">\n          @for(tab of (loader.sections$ | async); track tab.name)\n          {\n          <ax-tab-item [text]=\"tab.title\" [active]=\"isActive(tab)\" (onClick)=\"handleMenuClick($event,tab)\"\n            [disabled]=\"editForm.context\">\n          </ax-tab-item>\n          }\n        </ax-tabs>\n      </ax-content>\n    </ax-drawer> -->\n  <ax-content #content class=\"ax-overflow-x-hidden\">\n    <div\n      class=\"ax-flex ax-flex-col ax-gap-4 ax-min-h-full ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-surface ax-border-b md:ax-border-0 md:ax-bg-default\"\n    >\n      <div\n        class=\"ax-flex ax-flex-col ax-pt-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\"\n        #sticky=\"axpSticky\"\n        [axpSticky]=\"'ax-bg-surface ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\"\n        [stickyOffset]=\"30\"\n        [stickyParent]=\"content.getHostElement()\"\n      >\n        <!-------- Begin Toolbar  -------->\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\n          <!-------- Begin Title  -------->\n          <div class=\"ax-flex ax-gap-1 ax-items-center\">\n            <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\n              <div class=\"ax-text-xl md:ax-text-3xl ax-font-bold\">{{ vm.title() }}</div>\n              @if(vm.description()) {\n              <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">\n                {{ vm.description() }}\n              </div>\n              }\n              <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"isSM | async\">\n                <ng-template #divider>\n                  <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\n                </ng-template>\n                @for(b of vm.beardcrumbs();track $index;let last=$last) {\n                <ax-breadcrumbs-item\n                  [active]=\"last\"\n                  [class.!ax-font-semibold]=\"last\"\n                  [class.!ax-text-neutral-600]=\"last\"\n                  [routerLink]=\"b.url\"\n                >\n                  @if(b.icon) {\n                  <i [class]=\"b.icon\"></i>\n                  }\n                  {{ b.title }}\n                </ax-breadcrumbs-item>\n                }\n              </ax-breadcrumbs>\n            </div>\n          </div>\n          <!-------- Finish Title  -------->\n          <!--------------------------------------------------------------->\n          <!-- Begin Action Menu  -->\n          <div class=\"ax-flex ax-items-center ax-gap-3\">\n            @for(tr of vm.primaryActions();track $index) {\n            <ax-button [text]=\"tr.title\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\n              <ax-prefix>\n                <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n              </ax-prefix>\n            </ax-button>\n            } @if(vm.secondaryActions().length) {\n            <ax-button [text]=\"(isSM | async) ? null : 'Actions'\" color=\"ghost\">\n              <ax-prefix>\n                <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n              </ax-prefix>\n              <ax-dropdown-panel>\n                <ax-button-item-list>\n                  @for(tr of vm.secondaryActions();track $index) {\n                  <ng-container>\n                    @if(tr.separated) {\n                    <ax-divider></ax-divider>\n                    }\n                    <ax-button-item\n                      [text]=\"tr.title\"\n                      class=\"ax-font-semibold ax-text-{{ tr.color }}\"\n                      (onClick)=\"vm.executeCommand(tr.name)\"\n                    >\n                      <ax-prefix>\n                        <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n                      </ax-prefix>\n                    </ax-button-item>\n                  </ng-container>\n                  }\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-button>\n            }\n          </div>\n          <!-- Finish Action Menu  -->\n        </div>\n        <!----- Finish Toolbar  ----->\n        <!--------------------------------------------------------------->\n        <!-- Begin Sections -->\n        <ax-tabs\n          (onActiveTabChanged)=\"handleActiveDetailTabChanged($event)\"\n          [look]=\"'classic'\"\n          class=\"ax-mt-4 ax-font-semibold\"\n          [class.ax-hidden]=\"sticky.isSticky\"\n        >\n          <ax-tab-item id=\"overview\" [text]=\"('overview' | translate | async) ?? 'Overview'\"> </ax-tab-item>\n          <ax-tab-item id=\"history\" [text]=\"('history' | translate | async) ?? 'History'\"> </ax-tab-item>\n          <ax-tab-item id=\"comments\" [text]=\"('comments' | translate | async) ?? 'Comments'\"> </ax-tab-item>\n        </ax-tabs>\n      </div>\n\n      @switch (selectedDetailTabIndex()) { @case(1){\n      <div></div>\n      } @case(2){\n      <axp-comment-list-view vm=\"vm\"></axp-comment-list-view>\n      } @default {\n      <axp-entity-single-overview></axp-entity-single-overview>\n      } }\n      <!-- Finish Sections  -->\n    </div>\n  </ax-content>\n</ax-drawer-container>\n" }]
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ax-drawer-container>\n  <!-- <ax-drawer #drawer location=\"start\" [collapsed]=\"!(isOpen | async)\" [mode]=\" (isSM | async) ? 'overlay' : 'push'\"\n      *ngIf=\"loader.hasSections$ | async\" (collapsedChange)=\"handleCollapsedChange($event)\">\n      <ax-content class=\"ax-border-e ax-p-6 ax-w-64\">\n        <p class=\"ax-text-xl ax-font-bold ax-mb-6\">{{loader.sectionTitle}}</p>\n        <ax-tabs look=\"with-line\" location=\"start\">\n          @for(tab of (loader.sections$ | async); track tab.name)\n          {\n          <ax-tab-item [text]=\"tab.title\" [active]=\"isActive(tab)\" (onClick)=\"handleMenuClick($event,tab)\"\n            [disabled]=\"editForm.context\">\n          </ax-tab-item>\n          }\n        </ax-tabs>\n      </ax-content>\n    </ax-drawer> -->\n  <ax-content #content class=\"ax-overflow-x-hidden\">\n    <div\n      class=\"ax-flex ax-flex-col ax-gap-4 ax-min-h-full ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-surface ax-border-b md:ax-border-0 md:ax-bg-default\"\n    >\n      <div\n        class=\"ax-flex ax-flex-col ax-pt-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\"\n        #sticky=\"axpSticky\"\n        [axpSticky]=\"'ax-bg-surface ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\"\n        [stickyOffset]=\"30\"\n        [stickyParent]=\"content.getHostElement()\"\n      >\n        <!-------- Begin Toolbar  -------->\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\n          <!-------- Begin Title  -------->\n          <div class=\"ax-flex ax-gap-1 ax-items-center\">\n            <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\n              <div class=\"ax-text-xl md:ax-text-2xl ax-font-bold\">{{ vm.title() }}</div>\n              @if(vm.description()) {\n              <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">\n                {{ vm.description() }}\n              </div>\n              }\n              <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"isSM | async\">\n                <ng-template #divider>\n                  <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\n                </ng-template>\n                @for(b of vm.beardcrumbs();track $index;let last=$last) {\n                <ax-breadcrumbs-item\n                  [active]=\"last\"\n                  [class.!ax-font-semibold]=\"last\"\n                  [class.!ax-text-neutral-600]=\"last\"\n                  [routerLink]=\"b.url\"\n                >\n                  @if(b.icon) {\n                  <i [class]=\"b.icon\"></i>\n                  }\n                  {{ b.title }}\n                </ax-breadcrumbs-item>\n                }\n              </ax-breadcrumbs>\n            </div>\n          </div>\n          <!-------- Finish Title  -------->\n          <!--------------------------------------------------------------->\n          <!-- Begin Action Menu  -->\n          <div class=\"ax-flex ax-items-center ax-gap-3\">\n            @for(tr of vm.primaryActions();track $index) {\n            <ax-button [text]=\"tr.title\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\n              <ax-prefix>\n                <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n              </ax-prefix>\n            </ax-button>\n            } @if(vm.secondaryActions().length) {\n            <ax-button [text]=\"(isSM | async) ? null : 'Actions'\" color=\"ghost\">\n              <ax-prefix>\n                <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n              </ax-prefix>\n              <ax-dropdown-panel>\n                <ax-button-item-list>\n                  @for(tr of vm.secondaryActions();track $index) {\n                  <ng-container>\n                    @if(tr.separated) {\n                    <ax-divider></ax-divider>\n                    }\n                    <ax-button-item\n                      [text]=\"tr.title\"\n                      class=\"ax-font-semibold ax-text-{{ tr.color }}\"\n                      (onClick)=\"vm.executeCommand(tr.name)\"\n                    >\n                      <ax-prefix>\n                        <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n                      </ax-prefix>\n                    </ax-button-item>\n                  </ng-container>\n                  }\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-button>\n            }\n          </div>\n          <!-- Finish Action Menu  -->\n        </div>\n        <!----- Finish Toolbar  ----->\n        <!--------------------------------------------------------------->\n        <!-- Begin Sections -->\n        <ax-tabs\n          (onActiveTabChanged)=\"handleActiveDetailTabChanged($event)\"\n          [look]=\"'classic'\"\n          class=\"ax-mt-4 ax-font-semibold\"\n          [class.ax-hidden]=\"sticky.isSticky\"\n        >\n          <ax-tab-item [key]=\"'overview'\" [text]=\"('overview' | translate | async) ?? 'Overview'\"> </ax-tab-item>\n          <ax-tab-item\n            *feature=\"'entity-history'\"\n            [key]=\"'history'\"\n            [text]=\"('history' | translate | async) ?? 'History'\"\n          >\n          </ax-tab-item>\n          <ax-tab-item\n            *feature=\"'entity-comment'\"\n            [key]=\"'comments'\"\n            [text]=\"('comments' | translate | async) ?? 'Comments'\"\n          >\n          </ax-tab-item>\n        </ax-tabs>\n      </div>\n\n      @switch (selectedDetailTabIndex()) { @case('history'){\n      <div></div>\n      } @case('comments'){\n      <axp-comment-list-view vm=\"vm\"></axp-comment-list-view>\n      } @default {\n      <axp-entity-single-overview></axp-entity-single-overview>\n      } }\n      <!-- Finish Sections  -->\n    </div>\n  </ax-content>\n</ax-drawer-container>\n" }]
         }] });
 
 export { AXPEntityMasterSingleViewComponent };
-//# sourceMappingURL=acorex-platform-themes-default-entity-master-single-view.component-Bnrabotu.mjs.map
+//# sourceMappingURL=acorex-platform-themes-default-entity-master-single-view.component-DyZHE0o-.mjs.map

package/fesm2022/acorex-platform-themes-default-entity-master-single-view.component-DyZHE0o-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-themes-default-entity-master-single-view.component-DyZHE0o-.mjs","sources":["../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-master-single-view/overview/entity-single-overview.component.ts","../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-master-single-view/overview/entity-single-overview.component.html","../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-master-single-view/entity-master-single-view.component.ts","../../../../libs/platform/themes/default/src/lib/layouts/entity-layouts/entity-master-single-view/entity-master-single-view.component.html"],"sourcesContent":["import { AXActionSheetModule } from '@acorex/components/action-sheet';\nimport { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDialogModule } from '@acorex/components/dialog';\nimport { AXDrawerModule } from '@acorex/components/drawer';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXTabsModule, AXTabStripChangedEvent } from '@acorex/components/tabs';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPGridLayoutDirective, AXPStickyDirective } from '@acorex/platform/common';\nimport { AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';\nimport { AXPEntityMasterSingleViewModel } from '@acorex/platform/layout/entity';\nimport { AXPWidgetsModule } from '@acorex/platform/widgets';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\nimport { ActivatedRoute, RouterModule } from '@angular/router';\nimport { AXPEntityDetailListViewComponent } from '../../entity-detail-list-view/entity-detail-list-view.component';\n\n@Component({\n  templateUrl: './entity-single-overview.component.html',\n  selector: 'axp-entity-single-overview',\n  imports: [\n    CommonModule,\n    RouterModule,\n    AXDecoratorModule,\n    AXDropdownModule,\n    AXPopoverModule,\n    AXFormModule,\n    AXActionSheetModule,\n    AXDrawerModule,\n    AXDialogModule,\n    AXLoadingModule,\n    AXTabsModule,\n    AXButtonModule,\n    AXBreadcrumbsModule,\n    //\n    AXPLayoutBuilderModule,\n    AXPWidgetsModule,\n    AXPStickyDirective,\n    AXPGridLayoutDirective,\n    AXPEntityDetailListViewComponent,\n\n    //\n    AXTranslationModule,\n  ],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPEntitySingleOverviewComponent {\n  private activeRoute = inject(ActivatedRoute);\n  protected readonly vm = this.activeRoute.snapshot.data['vm'] as AXPEntityMasterSingleViewModel;\n\n  protected selectedRelatedIEntityTabIndex = signal(0);\n\n  handleActiveRelatedEntityChanged(e: AXTabStripChangedEvent) {\n    this.selectedRelatedIEntityTabIndex.set(e.index);\n  }\n\n\n}\n","<div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n  @for(section of vm.sections(); track section.name()) {\n  <div class=\"ax-card ax-mt-2\" [gridLayout]=\"section.layout()\">\n    <ax-form #form>\n      <axp-widgets-container [context]=\"vm.context()\">\n        <div class=\"ax-card-header !ax-py-2 !ax-px-4\">\n          <p>\n            <span class=\"!ax-text-lg ax-font-semibold\">{{ section.title() }}</span>\n            <br />\n            @if(section.description()) {\n            <span class=\"ax-text-sm ax-font-normal ax-text-gray-500\">{{ section.description() }}</span>\n            }\n          </p>\n          @if(section.editable()) {\n          <ax-button\n            class=\"ax-xs\"\n            color=\"ghost\"\n            [look]=\"'blank'\"\n            (onClick)=\"vm.executeCommand('modify-entity-section', section)\"\n          >\n            <ax-icon class=\"fa-solid fa-pen ax-text-gray-600\"> </ax-icon>\n          </ax-button>\n          }\n        </div>\n        <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n          @for(attr of section.props(); track $index) {\n          <div class=\"ax-flex ax-flex-col ax-gap-1\" [gridLayout]=\"attr.layout()\">\n            <div>\n              <div>\n                <span class=\"ax-font-semibold\">{{ attr.title() }}</span>\n              </div>\n            </div>\n            <div class=\"ax-text-neutral-500\">\n              <axp-widget-renderer [node]=\"attr.node()\" [mode]=\"'view'\"> </axp-widget-renderer>\n            </div>\n          </div>\n          }\n        </div>\n      </axp-widgets-container>\n    </ax-form>\n  </div>\n  }\n</div>\n\n@if(vm.relatedEntities().length) {\n<ax-tabs\n  [look]=\"'classic'\"\n  class=\"ax-mt-4 ax-font-semibold\"\n  #tab\n  (onActiveTabChanged)=\"handleActiveRelatedEntityChanged($event)\"\n>\n  @for(e of vm.relatedEntities();track $index;let index= $index){\n  <ax-tab-item [text]=\"e.title()\" [key]=\"index.toString()\"> </ax-tab-item>\n  }\n</ax-tabs>\n@for(e of vm.relatedEntities();track $index;let index= $index){\n<div [class.ax-hidden]=\"$index != selectedRelatedIEntityTabIndex()\">\n  <axp-entity-detail-list-view [viewModel]=\"e\"></axp-entity-detail-list-view>\n</div>\n} }\n","import { AXActionSheetModule } from '@acorex/components/action-sheet';\nimport { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDialogModule } from '@acorex/components/dialog';\nimport { AXDrawerModule } from '@acorex/components/drawer';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXTabsModule, AXTabStripChangedEvent } from '@acorex/components/tabs';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPAuthModule } from '@acorex/platform/auth';\nimport {\n  AXPAdminLayoutState,\n  AXPGridLayoutDirective,\n  AXPStickyDirective,\n  getChildDrawer,\n  isSmallScreen,\n} from '@acorex/platform/common';\nimport { AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';\nimport { AXPEntityMasterSingleViewModel } from '@acorex/platform/layout/entity';\nimport { AXPCommentListViewComponent } from '@acorex/platform/themes/shared';\nimport { AXPWidgetsModule } from '@acorex/platform/widgets';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\nimport { ActivatedRoute, RouterModule } from '@angular/router';\nimport { Store } from '@ngrx/store';\nimport { AXPEntitySingleOverviewComponent } from './overview/entity-single-overview.component';\n\n@Component({\n  templateUrl: './entity-master-single-view.component.html',\n  imports: [\n    CommonModule,\n    RouterModule,\n    AXDecoratorModule,\n    AXDropdownModule,\n    AXPopoverModule,\n    AXFormModule,\n    AXActionSheetModule,\n    AXDrawerModule,\n    AXDialogModule,\n    AXLoadingModule,\n    AXTabsModule,\n    AXButtonModule,\n    AXBreadcrumbsModule,\n    //\n    AXPLayoutBuilderModule,\n    AXPWidgetsModule,\n    AXPStickyDirective,\n    AXPGridLayoutDirective,\n    AXPEntitySingleOverviewComponent,\n    AXPCommentListViewComponent,\n    AXPAuthModule,\n    //\n    AXTranslationModule,\n  ],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPEntityMasterSingleViewComponent {\n  private activeRoute = inject(ActivatedRoute);\n  protected readonly vm = this.activeRoute.snapshot.data['vm'] as AXPEntityMasterSingleViewModel;\n  //\n  private store = inject(Store<AXPAdminLayoutState>);\n  protected isSM = this.store.select(isSmallScreen());\n  protected isOpen = this.store.select(getChildDrawer());\n\n  protected selectedDetailTabIndex = signal('Overview');\n\n  handleActiveDetailTabChanged(e: AXTabStripChangedEvent) {\n    this.selectedDetailTabIndex.set(e.tab.key);\n  }\n\n  ngOnDestroy(): void {\n    this.vm.destroy();\n  }\n}\n","<ax-drawer-container>\n  <!-- <ax-drawer #drawer location=\"start\" [collapsed]=\"!(isOpen | async)\" [mode]=\" (isSM | async) ? 'overlay' : 'push'\"\n      *ngIf=\"loader.hasSections$ | async\" (collapsedChange)=\"handleCollapsedChange($event)\">\n      <ax-content class=\"ax-border-e ax-p-6 ax-w-64\">\n        <p class=\"ax-text-xl ax-font-bold ax-mb-6\">{{loader.sectionTitle}}</p>\n        <ax-tabs look=\"with-line\" location=\"start\">\n          @for(tab of (loader.sections$ | async); track tab.name)\n          {\n          <ax-tab-item [text]=\"tab.title\" [active]=\"isActive(tab)\" (onClick)=\"handleMenuClick($event,tab)\"\n            [disabled]=\"editForm.context\">\n          </ax-tab-item>\n          }\n        </ax-tabs>\n      </ax-content>\n    </ax-drawer> -->\n  <ax-content #content class=\"ax-overflow-x-hidden\">\n    <div\n      class=\"ax-flex ax-flex-col ax-gap-4 ax-min-h-full ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-surface ax-border-b md:ax-border-0 md:ax-bg-default\"\n    >\n      <div\n        class=\"ax-flex ax-flex-col ax-pt-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\"\n        #sticky=\"axpSticky\"\n        [axpSticky]=\"'ax-bg-surface ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\"\n        [stickyOffset]=\"30\"\n        [stickyParent]=\"content.getHostElement()\"\n      >\n        <!-------- Begin Toolbar  -------->\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\n          <!-------- Begin Title  -------->\n          <div class=\"ax-flex ax-gap-1 ax-items-center\">\n            <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\n              <div class=\"ax-text-xl md:ax-text-2xl ax-font-bold\">{{ vm.title() }}</div>\n              @if(vm.description()) {\n              <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">\n                {{ vm.description() }}\n              </div>\n              }\n              <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"isSM | async\">\n                <ng-template #divider>\n                  <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\n                </ng-template>\n                @for(b of vm.beardcrumbs();track $index;let last=$last) {\n                <ax-breadcrumbs-item\n                  [active]=\"last\"\n                  [class.!ax-font-semibold]=\"last\"\n                  [class.!ax-text-neutral-600]=\"last\"\n                  [routerLink]=\"b.url\"\n                >\n                  @if(b.icon) {\n                  <i [class]=\"b.icon\"></i>\n                  }\n                  {{ b.title }}\n                </ax-breadcrumbs-item>\n                }\n              </ax-breadcrumbs>\n            </div>\n          </div>\n          <!-------- Finish Title  -------->\n          <!--------------------------------------------------------------->\n          <!-- Begin Action Menu  -->\n          <div class=\"ax-flex ax-items-center ax-gap-3\">\n            @for(tr of vm.primaryActions();track $index) {\n            <ax-button [text]=\"tr.title\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\n              <ax-prefix>\n                <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n              </ax-prefix>\n            </ax-button>\n            } @if(vm.secondaryActions().length) {\n            <ax-button [text]=\"(isSM | async) ? null : 'Actions'\" color=\"ghost\">\n              <ax-prefix>\n                <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n              </ax-prefix>\n              <ax-dropdown-panel>\n                <ax-button-item-list>\n                  @for(tr of vm.secondaryActions();track $index) {\n                  <ng-container>\n                    @if(tr.separated) {\n                    <ax-divider></ax-divider>\n                    }\n                    <ax-button-item\n                      [text]=\"tr.title\"\n                      class=\"ax-font-semibold ax-text-{{ tr.color }}\"\n                      (onClick)=\"vm.executeCommand(tr.name)\"\n                    >\n                      <ax-prefix>\n                        <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n                      </ax-prefix>\n                    </ax-button-item>\n                  </ng-container>\n                  }\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-button>\n            }\n          </div>\n          <!-- Finish Action Menu  -->\n        </div>\n        <!----- Finish Toolbar  ----->\n        <!--------------------------------------------------------------->\n        <!-- Begin Sections -->\n        <ax-tabs\n          (onActiveTabChanged)=\"handleActiveDetailTabChanged($event)\"\n          [look]=\"'classic'\"\n          class=\"ax-mt-4 ax-font-semibold\"\n          [class.ax-hidden]=\"sticky.isSticky\"\n        >\n          <ax-tab-item [key]=\"'overview'\" [text]=\"('overview' | translate | async) ?? 'Overview'\"> </ax-tab-item>\n          <ax-tab-item\n            *feature=\"'entity-history'\"\n            [key]=\"'history'\"\n            [text]=\"('history' | translate | async) ?? 'History'\"\n          >\n          </ax-tab-item>\n          <ax-tab-item\n            *feature=\"'entity-comment'\"\n            [key]=\"'comments'\"\n            [text]=\"('comments' | translate | async) ?? 'Comments'\"\n          >\n          </ax-tab-item>\n        </ax-tabs>\n      </div>\n\n      @switch (selectedDetailTabIndex()) { @case('history'){\n      <div></div>\n      } @case('comments'){\n      <axp-comment-list-view vm=\"vm\"></axp-comment-list-view>\n      } @default {\n      <axp-entity-single-overview></axp-entity-single-overview>\n      } }\n      <!-- Finish Sections  -->\n    </div>\n  </ax-content>\n</ax-drawer-container>\n"],"names":["i1","i3","i2","i4","i5","i6","i7","i8","i9","i10"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmDa,gCAAgC,CAAA;AA9B7C,IAAA,WAAA,GAAA;AA+BU,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC;QACzB,IAAE,CAAA,EAAA,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAmC;AAEpF,QAAA,IAAA,CAAA,8BAA8B,GAAG,MAAM,CAAC,CAAC,CAAC;AAOrD;AALC,IAAA,gCAAgC,CAAC,CAAyB,EAAA;QACxD,IAAI,CAAC,8BAA8B,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;8GAPvC,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnD7C,8rEA4DA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDnCI,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,cAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,SAAA,EAAA,QAAA,EAAA,SAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,EAAA,cAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA;;AAEnB,gBAAA,sBAAsB,EACtB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,WAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,EAEhB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,sBAAsB,iFACtB,gCAAgC,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA;;gBAGhC,mBAAmB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKV,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBA9B5C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,EAC7B,OAAA,EAAA;wBACP,YAAY;wBACZ,YAAY;wBACZ,iBAAiB;wBACjB,gBAAgB;wBAChB,eAAe;wBACf,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,cAAc;wBACd,eAAe;wBACf,YAAY;wBACZ,cAAc;wBACd,mBAAmB;;wBAEnB,sBAAsB;wBACtB,gBAAgB;wBAChB,kBAAkB;wBAClB,sBAAsB;wBACtB,gCAAgC;;wBAGhC,mBAAmB;AACpB,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8rEAAA,EAAA;;;MEWpC,kCAAkC,CAAA;AA9B/C,IAAA,WAAA,GAAA;AA+BU,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC;QACzB,IAAE,CAAA,EAAA,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAmC;;AAEtF,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,EAAC,KAA0B,EAAC;QACxC,IAAI,CAAA,IAAA,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;QACzC,IAAM,CAAA,MAAA,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;AAE5C,QAAA,IAAA,CAAA,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC;AAStD;AAPC,IAAA,4BAA4B,CAAC,CAAyB,EAAA;QACpD,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;;IAG5C,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE;;8GAfR,kCAAkC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAlC,kCAAkC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5D/C,2rLAqIA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDpGI,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,+IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,UAAA,EAAA,SAAA,EAAA,mBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,SAAA,EAAA,QAAA,EAAA,SAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,EAAA,cAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA;;gBAEnB,sBAAsB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACtB,gBAAgB,EAChB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,kBAAkB,qLAElB,gCAAgC,EAAA,QAAA,EAAA,4BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChC,2BAA2B,EAAA,QAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAC3B,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA;;gBAEb,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,GAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKV,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBA9B9C,SAAS;AAEC,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA;wBACP,YAAY;wBACZ,YAAY;wBACZ,iBAAiB;wBACjB,gBAAgB;wBAChB,eAAe;wBACf,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,cAAc;wBACd,eAAe;wBACf,YAAY;wBACZ,cAAc;wBACd,mBAAmB;;wBAEnB,sBAAsB;wBACtB,gBAAgB;wBAChB,kBAAkB;wBAClB,sBAAsB;wBACtB,gCAAgC;wBAChC,2BAA2B;wBAC3B,aAAa;;wBAEb,mBAAmB;AACpB,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2rLAAA,EAAA;;;;;"}

package/fesm2022/acorex-platform-themes-default-error-401.component-D5QQ2HAv.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-themes-default-error-401.component-D5QQ2HAv.mjs","sources":["../../../../libs/platform/themes/default/src/lib/pages/errors/error-401/error-401.component.ts","../../../../libs/platform/themes/default/src/lib/pages/errors/error-401/error-401.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXPSessionService } from '@acorex/platform/auth';\nimport { CommonModule } from '@angular/common';\n\nimport { Component, OnInit, inject } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n  selector: 'axp-error-401',\n  templateUrl: './error-401.component.html',\n  imports: [AXButtonModule, CommonModule],\n  standalone: true,\n})\nexport class AXPError401Component {\n\n  private sessionService = inject(AXPSessionService);\n  private router = inject(Router);\n  protected isAuthorized$ = this.sessionService.isAuthorized$;\n\n  protected handleHomeClick() {\n    this.router.navigate([`/${this.sessionService.application?.name}/home`]);\n  }\n\n  protected handleSignInClick() {\n    this.router.navigate([`/auth/login`]);\n  }\n}\n","<div class=\"ax-h-full ax-flex ax-flex-col ax-gap-8 ax-items-center ax-justify-center\">\n    <img class=\"ax-w-3/4 md:ax-w-1/2 lg:ax-w-1/3 xl:ax-w-1/4\" src=\"/assets/images/error/error-401.svg\"\n        alt=\"Oops! Error 404. No result found.\">\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2 md:ax-gap-4\">\n        <h1 class=\"ax-font-bold ax-text-2xl md:ax-text-4xl\">Hold on a second!</h1>\n        <p class=\"md:ax-text-lg ax-text-neutral-400\">Sorry, but you are not authorized to view this page.</p>\n    </div>\n    <div class=\"ax-flex ax-flex-col ax-gap-2 md:ax-gap-4 md:ax-flex-row\">\n        @if((isAuthorized$ | async))\n        {\n        <ax-button (onClick)=\"handleHomeClick()\" class=\"ax-px-4\" color=\"primary\" text=\"Go back to home\"></ax-button>\n        } @else {\n        <ax-button (onClick)=\"handleSignInClick()\" class=\"ax-px-4\" color=\"primary\" text=\"Sign Up / Sign In\"></ax-button>\n        }\n        <ax-button class=\"ax-px-4\" color=\"ghost\" text=\"Contact us\"></ax-button>\n    </div>\n</div>"],"names":["i2"],"mappings":";;;;;;;;;MAaa,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;AAQU,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAC3C,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AACtB,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC;AAS7D,KAAA;IAPW,eAAe,GAAA;AACvB,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAI,CAAA,EAAA,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,IAAI,CAAO,KAAA,CAAA,CAAC,CAAC,CAAC;KAC1E;IAES,iBAAiB,GAAA;QACzB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA,WAAA,CAAa,CAAC,CAAC,CAAC;KACvC;8GAZU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,ECbjC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,kiCAgBM,EDNM,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,uZAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAG3B,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,WAEhB,CAAC,cAAc,EAAE,YAAY,CAAC,cAC3B,IAAI,EAAA,QAAA,EAAA,kiCAAA,EAAA,CAAA;;;;;"}
+{"version":3,"file":"acorex-platform-themes-default-error-401.component-D5QQ2HAv.mjs","sources":["../../../../libs/platform/themes/default/src/lib/pages/errors/error-401/error-401.component.ts","../../../../libs/platform/themes/default/src/lib/pages/errors/error-401/error-401.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXPSessionService } from '@acorex/platform/auth';\nimport { CommonModule } from '@angular/common';\n\nimport { Component, OnInit, inject } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n  selector: 'axp-error-401',\n  templateUrl: './error-401.component.html',\n  imports: [AXButtonModule, CommonModule],\n  standalone: true,\n})\nexport class AXPError401Component {\n\n  private sessionService = inject(AXPSessionService);\n  private router = inject(Router);\n  protected isAuthorized$ = this.sessionService.isAuthorized$;\n\n  protected handleHomeClick() {\n    this.router.navigate([`/${this.sessionService.application?.name}/home`]);\n  }\n\n  protected handleSignInClick() {\n    this.router.navigate([`/auth/login`]);\n  }\n}\n","<div class=\"ax-h-full ax-flex ax-flex-col ax-gap-8 ax-items-center ax-justify-center\">\n    <img class=\"ax-w-3/4 md:ax-w-1/2 lg:ax-w-1/3 xl:ax-w-1/4\" src=\"/assets/images/error/error-401.svg\"\n        alt=\"Oops! Error 404. No result found.\">\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2 md:ax-gap-4\">\n        <h1 class=\"ax-font-bold ax-text-2xl md:ax-text-4xl\">Hold on a second!</h1>\n        <p class=\"md:ax-text-lg ax-text-neutral-400\">Sorry, but you are not authorized to view this page.</p>\n    </div>\n    <div class=\"ax-flex ax-flex-col ax-gap-2 md:ax-gap-4 md:ax-flex-row\">\n        @if((isAuthorized$ | async))\n        {\n        <ax-button (onClick)=\"handleHomeClick()\" class=\"ax-px-4\" color=\"primary\" text=\"Go back to home\"></ax-button>\n        } @else {\n        <ax-button (onClick)=\"handleSignInClick()\" class=\"ax-px-4\" color=\"primary\" text=\"Sign Up / Sign In\"></ax-button>\n        }\n        <ax-button class=\"ax-px-4\" color=\"ghost\" text=\"Contact us\"></ax-button>\n    </div>\n</div>"],"names":["i2"],"mappings":";;;;;;;;;MAaa,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;AAQU,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC1C,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa;AAS5D;IAPW,eAAe,GAAA;AACvB,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAI,CAAA,EAAA,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,IAAI,CAAO,KAAA,CAAA,CAAC,CAAC;;IAGhE,iBAAiB,GAAA;QACzB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA,WAAA,CAAa,CAAC,CAAC;;8GAX5B,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,ECbjC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,kiCAgBM,EDNM,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,uZAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAG3B,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,WAEhB,CAAC,cAAc,EAAE,YAAY,CAAC,cAC3B,IAAI,EAAA,QAAA,EAAA,kiCAAA,EAAA;;;;;"}

package/fesm2022/acorex-platform-themes-default-error-404.component-DSY_D3Iq.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-themes-default-error-404.component-DSY_D3Iq.mjs","sources":["../../../../libs/platform/themes/default/src/lib/pages/errors/error-404/error-404.component.ts","../../../../libs/platform/themes/default/src/lib/pages/errors/error-404/error-404.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXPSessionService } from '@acorex/platform/auth';\nimport { Component, OnInit, inject } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n  selector: 'axp-error-404',\n  templateUrl: './error-404.component.html',\n  styleUrls: ['./error-404.component.scss'],\n  imports: [AXButtonModule],\n  standalone: true,\n})\nexport class AXPError404Component {\n\n  private sessionService = inject(AXPSessionService);\n  private router = inject(Router);\n\n  goHome() {\n    this.router.navigate([`/${this.sessionService.application?.name}/home`]);\n  }\n}\n","<div class=\"ax-h-full ax-flex ax-flex-col ax-gap-8 ax-items-center ax-justify-center\">\n    <img class=\"ax-w-3/4 md:ax-w-1/2 lg:ax-w-1/3 xl:ax-w-1/3\" src=\" /assets/images/error/error-404.svg\"\n        alt=\"Oops! Error 404. No result found.\">\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2 md:ax-gap-4\">\n        <h1 class=\"ax-font-bold ax-text-2xl md:ax-text-4xl\">No Result Found.</h1>\n        <p class=\"md:ax-text-lg ax-text-neutral-400\">Whoops! Looks like that page doesn't exist.</p>\n    </div>\n    <div class=\"ax-flex ax-flex-col ax-gap-2 md:ax-gap-4 md:ax-flex-row\">\n        <ax-button (onClick)=\"goHome()\" class=\"ax-px-4\" color=\"primary\" text=\"Go back to home\"></ax-button>\n        <ax-button class=\"ax-px-4\" color=\"ghost\" text=\"Contact us\"></ax-button>\n    </div>\n</div>"],"names":["i1"],"mappings":";;;;;;;MAYa,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;AASU,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAC3C,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAKjC,KAAA;IAHC,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAI,CAAA,EAAA,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,IAAI,CAAO,KAAA,CAAA,CAAC,CAAC,CAAC;KAC1E;8GAPU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZjC,+zBAWM,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFM,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,EAAA,cAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGb,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAGhB,OAAA,EAAA,CAAC,cAAc,CAAC,cACb,IAAI,EAAA,QAAA,EAAA,+zBAAA,EAAA,CAAA;;;;;"}
+{"version":3,"file":"acorex-platform-themes-default-error-404.component-DSY_D3Iq.mjs","sources":["../../../../libs/platform/themes/default/src/lib/pages/errors/error-404/error-404.component.ts","../../../../libs/platform/themes/default/src/lib/pages/errors/error-404/error-404.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXPSessionService } from '@acorex/platform/auth';\nimport { Component, OnInit, inject } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n  selector: 'axp-error-404',\n  templateUrl: './error-404.component.html',\n  styleUrls: ['./error-404.component.scss'],\n  imports: [AXButtonModule],\n  standalone: true,\n})\nexport class AXPError404Component {\n\n  private sessionService = inject(AXPSessionService);\n  private router = inject(Router);\n\n  goHome() {\n    this.router.navigate([`/${this.sessionService.application?.name}/home`]);\n  }\n}\n","<div class=\"ax-h-full ax-flex ax-flex-col ax-gap-8 ax-items-center ax-justify-center\">\n    <img class=\"ax-w-3/4 md:ax-w-1/2 lg:ax-w-1/3 xl:ax-w-1/3\" src=\" /assets/images/error/error-404.svg\"\n        alt=\"Oops! Error 404. No result found.\">\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2 md:ax-gap-4\">\n        <h1 class=\"ax-font-bold ax-text-2xl md:ax-text-4xl\">No Result Found.</h1>\n        <p class=\"md:ax-text-lg ax-text-neutral-400\">Whoops! Looks like that page doesn't exist.</p>\n    </div>\n    <div class=\"ax-flex ax-flex-col ax-gap-2 md:ax-gap-4 md:ax-flex-row\">\n        <ax-button (onClick)=\"goHome()\" class=\"ax-px-4\" color=\"primary\" text=\"Go back to home\"></ax-button>\n        <ax-button class=\"ax-px-4\" color=\"ghost\" text=\"Contact us\"></ax-button>\n    </div>\n</div>"],"names":["i1"],"mappings":";;;;;;;MAYa,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;AASU,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC1C,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAKhC;IAHC,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAI,CAAA,EAAA,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,IAAI,CAAO,KAAA,CAAA,CAAC,CAAC;;8GAN/D,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZjC,+zBAWM,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFM,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,EAAA,cAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAGb,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAGhB,OAAA,EAAA,CAAC,cAAc,CAAC,cACb,IAAI,EAAA,QAAA,EAAA,+zBAAA,EAAA;;;;;"}

package/fesm2022/acorex-platform-themes-default-error-offline.component-B6wSkMdd.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-themes-default-error-offline.component-B6wSkMdd.mjs","sources":["../../../../libs/platform/themes/default/src/lib/pages/errors/error-offline/error-offline.component.ts","../../../../libs/platform/themes/default/src/lib/pages/errors/error-offline/error-offline.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'axp-error-offline',\n  templateUrl: './error-offline.component.html',\n  styleUrls: ['./error-offline.component.scss'],\n  imports: [AXButtonModule],\n  standalone: true,\n})\nexport class AXPErrorOfflineComponent implements OnInit {\n  constructor() {}\n  ngOnInit(): void {}\n\n  goHome() {}\n}\n","<div class=\"ax-h-full ax-flex ax-flex-col ax-gap-8 ax-items-center ax-justify-center\">\n    <img class=\"ax-w-3/4 md:ax-w-1/2 lg:ax-w-1/3 xl:ax-w-1/4\" src=\"/assets/images/error/error-offline.png\"\n        alt=\"Oops! Error 404. No result found.\">\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2 md:ax-gap-4\">\n        <h1 class=\"ax-font-bold ax-text-2xl md:ax-text-4xl\">Please check your connectivity!</h1>\n        <p class=\"md:ax-text-lg ax-text-neutral-400\">Sorry, it seems you don't have access to the internet.</p>\n\n    </div>\n    <div class=\"ax-flex ax-flex-col ax-gap-2 md:ax-gap-4 md:ax-flex-row\">\n        <ax-button (onClick)=\"goHome()\" class=\"ax-px-4\" color=\"primary\" text=\"Go back to home\"></ax-button>\n        <ax-button class=\"ax-px-4\" color=\"ghost\" text=\"Contact us\"></ax-button>\n    </div>\n</div>"],"names":["i1"],"mappings":";;;;;MAUa,wBAAwB,CAAA;AACnC,IAAA,WAAA,GAAA,GAAgB;AAChB,IAAA,QAAQ,MAAW;AAEnB,IAAA,MAAM,MAAK;8GAJA,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVrC,81BAYM,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLM,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,EAAA,cAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGb,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAGpB,OAAA,EAAA,CAAC,cAAc,CAAC,cACb,IAAI,EAAA,QAAA,EAAA,81BAAA,EAAA,CAAA;;;;;"}
+{"version":3,"file":"acorex-platform-themes-default-error-offline.component-B6wSkMdd.mjs","sources":["../../../../libs/platform/themes/default/src/lib/pages/errors/error-offline/error-offline.component.ts","../../../../libs/platform/themes/default/src/lib/pages/errors/error-offline/error-offline.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'axp-error-offline',\n  templateUrl: './error-offline.component.html',\n  styleUrls: ['./error-offline.component.scss'],\n  imports: [AXButtonModule],\n  standalone: true,\n})\nexport class AXPErrorOfflineComponent implements OnInit {\n  constructor() {}\n  ngOnInit(): void {}\n\n  goHome() {}\n}\n","<div class=\"ax-h-full ax-flex ax-flex-col ax-gap-8 ax-items-center ax-justify-center\">\n    <img class=\"ax-w-3/4 md:ax-w-1/2 lg:ax-w-1/3 xl:ax-w-1/4\" src=\"/assets/images/error/error-offline.png\"\n        alt=\"Oops! Error 404. No result found.\">\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2 md:ax-gap-4\">\n        <h1 class=\"ax-font-bold ax-text-2xl md:ax-text-4xl\">Please check your connectivity!</h1>\n        <p class=\"md:ax-text-lg ax-text-neutral-400\">Sorry, it seems you don't have access to the internet.</p>\n\n    </div>\n    <div class=\"ax-flex ax-flex-col ax-gap-2 md:ax-gap-4 md:ax-flex-row\">\n        <ax-button (onClick)=\"goHome()\" class=\"ax-px-4\" color=\"primary\" text=\"Go back to home\"></ax-button>\n        <ax-button class=\"ax-px-4\" color=\"ghost\" text=\"Contact us\"></ax-button>\n    </div>\n</div>"],"names":["i1"],"mappings":";;;;;MAUa,wBAAwB,CAAA;AACnC,IAAA,WAAA,GAAA;AACA,IAAA,QAAQ;AAER,IAAA,MAAM;8GAJK,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVrC,81BAYM,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLM,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,EAAA,cAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,mBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAGb,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAGpB,OAAA,EAAA,CAAC,cAAc,CAAC,cACb,IAAI,EAAA,QAAA,EAAA,81BAAA,EAAA;;;;;"}