@acorex/modules 19.3.0-next.1 → 19.3.0-next.3

package/fesm2022/{acorex-modules-auth-tenant-chooser.component-YZBKyJFH.mjs → acorex-modules-auth-tenant-chooser.component-B5VHdItj.mjs}

@@ -2,17 +2,19 @@ import * as i0 from '@angular/core';
 import { inject, ViewEncapsulation, Component } from '@angular/core';
 import * as i2$1 from '@acorex/components/avatar';
 import { AXAvatarModule } from '@acorex/components/avatar';
-import * as i2 from '@acorex/components/button';
+import * as i3 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
 import * as i1$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXFormModule } from '@acorex/components/form';
-import * as i3 from '@acorex/components/image';
+import * as i3$1 from '@acorex/components/image';
 import { AXImageModule } from '@acorex/components/image';
 import { AXLabelModule } from '@acorex/components/label';
-import * as i3$1 from '@acorex/components/loading';
+import * as i3$2 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
+import * as i9 from '@acorex/components/search-box';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
 import { AXTextBoxModule } from '@acorex/components/text-box';
 import * as i6 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
@@ -20,6 +22,8 @@ import { AXPSessionService } from '@acorex/platform/auth';
 import { AXP_PLATFORM_CONFIG_TOKEN, AXPLogoComponent } from '@acorex/platform/common';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
 import { Router } from '@angular/router';
 import { Subscription, first } from 'rxjs';
 
@@ -30,6 +34,7 @@ class AXPAuthTenantChooserComponent {
         this.sessionService = inject(AXPSessionService);
         this.subscription = new Subscription();
         this.user = this.sessionService.user;
+        this.searchValue = '';
         this.showAll = false;
         this.selectedTenant = null;
         this.displayedTenants = [];
@@ -40,16 +45,23 @@ class AXPAuthTenantChooserComponent {
         this.router.navigate(['/auth/account/app-chooser']);
     }
     ngOnInit() {
-        this.sessionService.tenants$
-            .pipe(first())
-            .subscribe((tenants) => {
+        this.sessionService.tenants$.pipe(first()).subscribe((tenants) => {
             this.displayedTenants = tenants.slice(0, 4);
             this.allTenants = tenants;
         });
     }
+    filterTenants(tenants) {
+        return tenants.filter((tenant) => tenant.title.toLowerCase().includes(this.searchValue.toLowerCase()));
+    }
+    handleSearch(event) {
+        if (event != undefined) {
+            this.searchValue = event;
+            this.displayedTenants = this.filterTenants(this.allTenants);
+        }
+    }
     showAllTenants() {
         this.showAll = !this.showAll;
-        this.displayedTenants = this.showAll ? this.allTenants : this.allTenants.slice(0, 4);
+        this.displayedTenants = this.filterTenants(this.showAll ? this.allTenants : this.allTenants.slice(0, 4));
     }
     async handleSignout() {
         await this.sessionService.signout();
@@ -59,12 +71,13 @@ class AXPAuthTenantChooserComponent {
         this.subscription.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPAuthTenantChooserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPAuthTenantChooserComponent, isStandalone: true, selector: "axp-auth-tenant-chooser", ngImport: i0, template: "<main\n  *translate=\"let t\"\n  class=\"ax-w-full ax-space-y-10 ax-h-[100vh] ax-flex ax-flex-col ax-items-center ax-justify-center ax-bg-lightest md:ax-bg-default\"\n>\n  <section>\n    <axp-logo\n      [source]=\"platformConfig.logo?.colored\"\n      [attr.alt]=\"platformConfig.title\"\n      class=\"ax-w-36 ax-mx-auto ax-text-2xl ax-font-bold\"\n    ></axp-logo>\n  </section>\n  <section class=\"ax-flex ax-justify-center\">\n    <div\n      class=\"ax-flex ax-gap-2 ax-justify-center ax-text-center ax-flex-col ax-items-center ax-border ax-rounded-lg ax-shadow-lg ax-p-6 md:ax-w-96 ax-w-80\"\n    >\n      <ax-avatar class=\"ax-rounded-full\" [size]=\"72\">\n        @if(user?.avatar){\n        <ax-image [src]=\"user?.avatar\"></ax-image>\n        }\n      </ax-avatar>\n      <h2 class=\"md:ax-text-lg ax-font-medium\">{{ t('welcome') | async }}, {{ user?.title }}</h2>\n      <p class=\"ax-text-neutral-500 ax-text-sm md:ax-text-base ax-font-medium\">\n        {{ t('tenant-chooser.description', { scope: 'auth' }) | async }}\n      </p>\n      <div class=\"ax-mt-3 ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n        @for(tenant of displayedTenants; track $index){\n        <div\n          class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-center ax-cursor-pointer\"\n          (click)=\"handleChooseTenant(tenant)\"\n        >\n          <div class=\"ax-flex ax-gap-2 ax-items-center ax-font-medium\">\n            <div\n              class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\"\n            >\n              <ax-icon class=\"fa-solid fa-building ax-text-neutral-500 ax-text-lg\"> </ax-icon>\n            </div>\n            <span class=\"md:ax-text-base ax-text-sm\">{{ tenant.title }}</span>\n          </div>\n          @if(tenant.name===selectedTenant?.name){\n          <ax-loading></ax-loading>\n          }@else {\n          <ax-icon class=\"fa-solid fa-chevron-right ax-text-neutral-400\"> </ax-icon>\n          }\n        </div>\n        }\n      </div>\n      @if(allTenants && allTenants.length>4){\n      <div class=\"ax-mt-6 ax-w-full ax-flex ax-justify-center\">\n        <ax-button\n          (onClick)=\"showAllTenants()\"\n          class=\"ax-w-full\"\n          look=\"outline\"\n          [text]=\"showAll ? (t('viewLess') | async) : (t('viewAll') | async)\"\n        ></ax-button>\n      </div>\n      }\n    </div>\n  </section>\n  <section>\n    <p class=\"ax-text-neutral-400 ax-text-sm\">\n      {{ t('tenant-chooser.footer', { scope: 'auth' }) | async }}\n      <a (click)=\"handleSignout()\" class=\"ax-text-primary ax-cursor-pointer hover:ax-underline ax-font-medium\">\n        {{ t('backLogin', { scope: 'auth' }) | async }}\n      </a>\n    </p>\n  </section>\n</main>\n", styles: [":host{display:contents}.gradient{background:-webkit-linear-gradient(var(--ax-current-v1),var(--ax-current-v2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.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: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "component", type: i2$1.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i3.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["source"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i3$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPAuthTenantChooserComponent, isStandalone: true, selector: "axp-auth-tenant-chooser", ngImport: i0, template: "<main\n  *translate=\"let t\"\n  class=\"ax-w-full ax-space-y-10 ax-h-[100vh] ax-flex ax-flex-col ax-items-center ax-justify-center ax-bg-lightest md:ax-bg-default\"\n>\n  <section>\n    <axp-logo\n      [source]=\"platformConfig.logo?.colored\"\n      [attr.alt]=\"platformConfig.title\"\n      class=\"ax-w-36 ax-mx-auto ax-text-2xl ax-font-bold\"\n    ></axp-logo>\n  </section>\n  <section class=\"ax-flex ax-justify-center\">\n    <div\n      class=\"ax-flex ax-gap-2 ax-justify-center ax-text-center ax-flex-col ax-items-center ax-border ax-rounded-lg ax-shadow-lg ax-p-6 md:ax-w-96 ax-w-80\"\n    >\n      <ax-avatar class=\"ax-rounded-full\" [size]=\"72\">\n        @if(user?.avatar){\n        <ax-image [src]=\"user?.avatar\"></ax-image>\n        }\n      </ax-avatar>\n      <h2 class=\"md:ax-text-lg ax-font-medium\">{{ t('welcome') | async }}, {{ user?.title }}</h2>\n      <p class=\"ax-text-neutral-500 ax-text-sm md:ax-text-base ax-font-medium\">\n        {{ t('tenant-chooser.description', { scope: 'auth' }) | async }}\n      </p>\n      <div class=\"ax-mt-3 ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n        @if(allTenants && allTenants.length > 4){\n        <ax-search-box\n          [placeholder]=\"'search' | translate | async\"\n          [ngModel]=\"searchValue\"\n          (ngModelChange)=\"handleSearch($event)\"\n          ><ax-clear-button></ax-clear-button\n        ></ax-search-box>\n        } @for(tenant of displayedTenants; track $index){\n        <div\n          class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-center ax-cursor-pointer\"\n          (click)=\"handleChooseTenant(tenant)\"\n        >\n          <div class=\"ax-flex ax-gap-2 ax-items-center ax-font-medium\">\n            <div\n              class=\"ax-size-12 ax-min-w-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\"\n            >\n              <ax-icon class=\"fa-solid fa-building ax-text-neutral-500 ax-text-lg\"> </ax-icon>\n            </div>\n            <span class=\"md:ax-text-base ax-text-sm ax-text-start\">{{ tenant.title }} </span>\n          </div>\n          @if(tenant.name===selectedTenant?.name){\n          <ax-loading></ax-loading>\n          }@else {\n          <ax-icon class=\"fa-solid fa-chevron-right ax-text-neutral-400\"> </ax-icon>\n          }\n        </div>\n        }\n      </div>\n      @if(allTenants && allTenants.length>4){\n      <div class=\"ax-mt-6 ax-w-full ax-flex ax-justify-center\">\n        <ax-button\n          (onClick)=\"showAllTenants()\"\n          class=\"ax-w-full\"\n          look=\"outline\"\n          [text]=\"showAll ? (t('viewLess') | async) : (t('viewAll') | async)\"\n        ></ax-button>\n      </div>\n      }\n    </div>\n  </section>\n  <section>\n    <p class=\"ax-text-neutral-400 ax-text-sm\">\n      {{ t('tenant-chooser.footer', { scope: 'auth' }) | async }}\n      <a (click)=\"handleSignout()\" class=\"ax-text-primary ax-cursor-pointer hover:ax-underline ax-font-medium\">\n        {{ t('backLogin', { scope: 'auth' }) | async }}\n      </a>\n    </p>\n  </section>\n</main>\n", styles: [":host{display:contents}.gradient{background:-webkit-linear-gradient(var(--ax-current-v1),var(--ax-current-v2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.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: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "component", type: i2$1.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i3$1.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["source"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i3$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i9.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPAuthTenantChooserComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-auth-tenant-chooser', imports: [
                         CommonModule,
+                        FormsModule,
                         AXFormModule,
                         AXTextBoxModule,
                         AXButtonModule,
@@ -76,8 +89,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         AXPLogoComponent,
                         AXLoadingModule,
                         AXTranslationModule,
-                    ], encapsulation: ViewEncapsulation.None, template: "<main\n  *translate=\"let t\"\n  class=\"ax-w-full ax-space-y-10 ax-h-[100vh] ax-flex ax-flex-col ax-items-center ax-justify-center ax-bg-lightest md:ax-bg-default\"\n>\n  <section>\n    <axp-logo\n      [source]=\"platformConfig.logo?.colored\"\n      [attr.alt]=\"platformConfig.title\"\n      class=\"ax-w-36 ax-mx-auto ax-text-2xl ax-font-bold\"\n    ></axp-logo>\n  </section>\n  <section class=\"ax-flex ax-justify-center\">\n    <div\n      class=\"ax-flex ax-gap-2 ax-justify-center ax-text-center ax-flex-col ax-items-center ax-border ax-rounded-lg ax-shadow-lg ax-p-6 md:ax-w-96 ax-w-80\"\n    >\n      <ax-avatar class=\"ax-rounded-full\" [size]=\"72\">\n        @if(user?.avatar){\n        <ax-image [src]=\"user?.avatar\"></ax-image>\n        }\n      </ax-avatar>\n      <h2 class=\"md:ax-text-lg ax-font-medium\">{{ t('welcome') | async }}, {{ user?.title }}</h2>\n      <p class=\"ax-text-neutral-500 ax-text-sm md:ax-text-base ax-font-medium\">\n        {{ t('tenant-chooser.description', { scope: 'auth' }) | async }}\n      </p>\n      <div class=\"ax-mt-3 ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n        @for(tenant of displayedTenants; track $index){\n        <div\n          class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-center ax-cursor-pointer\"\n          (click)=\"handleChooseTenant(tenant)\"\n        >\n          <div class=\"ax-flex ax-gap-2 ax-items-center ax-font-medium\">\n            <div\n              class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\"\n            >\n              <ax-icon class=\"fa-solid fa-building ax-text-neutral-500 ax-text-lg\"> </ax-icon>\n            </div>\n            <span class=\"md:ax-text-base ax-text-sm\">{{ tenant.title }}</span>\n          </div>\n          @if(tenant.name===selectedTenant?.name){\n          <ax-loading></ax-loading>\n          }@else {\n          <ax-icon class=\"fa-solid fa-chevron-right ax-text-neutral-400\"> </ax-icon>\n          }\n        </div>\n        }\n      </div>\n      @if(allTenants && allTenants.length>4){\n      <div class=\"ax-mt-6 ax-w-full ax-flex ax-justify-center\">\n        <ax-button\n          (onClick)=\"showAllTenants()\"\n          class=\"ax-w-full\"\n          look=\"outline\"\n          [text]=\"showAll ? (t('viewLess') | async) : (t('viewAll') | async)\"\n        ></ax-button>\n      </div>\n      }\n    </div>\n  </section>\n  <section>\n    <p class=\"ax-text-neutral-400 ax-text-sm\">\n      {{ t('tenant-chooser.footer', { scope: 'auth' }) | async }}\n      <a (click)=\"handleSignout()\" class=\"ax-text-primary ax-cursor-pointer hover:ax-underline ax-font-medium\">\n        {{ t('backLogin', { scope: 'auth' }) | async }}\n      </a>\n    </p>\n  </section>\n</main>\n", styles: [":host{display:contents}.gradient{background:-webkit-linear-gradient(var(--ax-current-v1),var(--ax-current-v2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\n"] }]
+                        AXSearchBoxModule,
+                    ], encapsulation: ViewEncapsulation.None, template: "<main\n  *translate=\"let t\"\n  class=\"ax-w-full ax-space-y-10 ax-h-[100vh] ax-flex ax-flex-col ax-items-center ax-justify-center ax-bg-lightest md:ax-bg-default\"\n>\n  <section>\n    <axp-logo\n      [source]=\"platformConfig.logo?.colored\"\n      [attr.alt]=\"platformConfig.title\"\n      class=\"ax-w-36 ax-mx-auto ax-text-2xl ax-font-bold\"\n    ></axp-logo>\n  </section>\n  <section class=\"ax-flex ax-justify-center\">\n    <div\n      class=\"ax-flex ax-gap-2 ax-justify-center ax-text-center ax-flex-col ax-items-center ax-border ax-rounded-lg ax-shadow-lg ax-p-6 md:ax-w-96 ax-w-80\"\n    >\n      <ax-avatar class=\"ax-rounded-full\" [size]=\"72\">\n        @if(user?.avatar){\n        <ax-image [src]=\"user?.avatar\"></ax-image>\n        }\n      </ax-avatar>\n      <h2 class=\"md:ax-text-lg ax-font-medium\">{{ t('welcome') | async }}, {{ user?.title }}</h2>\n      <p class=\"ax-text-neutral-500 ax-text-sm md:ax-text-base ax-font-medium\">\n        {{ t('tenant-chooser.description', { scope: 'auth' }) | async }}\n      </p>\n      <div class=\"ax-mt-3 ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n        @if(allTenants && allTenants.length > 4){\n        <ax-search-box\n          [placeholder]=\"'search' | translate | async\"\n          [ngModel]=\"searchValue\"\n          (ngModelChange)=\"handleSearch($event)\"\n          ><ax-clear-button></ax-clear-button\n        ></ax-search-box>\n        } @for(tenant of displayedTenants; track $index){\n        <div\n          class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-center ax-cursor-pointer\"\n          (click)=\"handleChooseTenant(tenant)\"\n        >\n          <div class=\"ax-flex ax-gap-2 ax-items-center ax-font-medium\">\n            <div\n              class=\"ax-size-12 ax-min-w-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\"\n            >\n              <ax-icon class=\"fa-solid fa-building ax-text-neutral-500 ax-text-lg\"> </ax-icon>\n            </div>\n            <span class=\"md:ax-text-base ax-text-sm ax-text-start\">{{ tenant.title }} </span>\n          </div>\n          @if(tenant.name===selectedTenant?.name){\n          <ax-loading></ax-loading>\n          }@else {\n          <ax-icon class=\"fa-solid fa-chevron-right ax-text-neutral-400\"> </ax-icon>\n          }\n        </div>\n        }\n      </div>\n      @if(allTenants && allTenants.length>4){\n      <div class=\"ax-mt-6 ax-w-full ax-flex ax-justify-center\">\n        <ax-button\n          (onClick)=\"showAllTenants()\"\n          class=\"ax-w-full\"\n          look=\"outline\"\n          [text]=\"showAll ? (t('viewLess') | async) : (t('viewAll') | async)\"\n        ></ax-button>\n      </div>\n      }\n    </div>\n  </section>\n  <section>\n    <p class=\"ax-text-neutral-400 ax-text-sm\">\n      {{ t('tenant-chooser.footer', { scope: 'auth' }) | async }}\n      <a (click)=\"handleSignout()\" class=\"ax-text-primary ax-cursor-pointer hover:ax-underline ax-font-medium\">\n        {{ t('backLogin', { scope: 'auth' }) | async }}\n      </a>\n    </p>\n  </section>\n</main>\n", styles: [":host{display:contents}.gradient{background:-webkit-linear-gradient(var(--ax-current-v1),var(--ax-current-v2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\n"] }]
         }] });
 
 export { AXPAuthTenantChooserComponent };
-//# sourceMappingURL=acorex-modules-auth-tenant-chooser.component-YZBKyJFH.mjs.map
+//# sourceMappingURL=acorex-modules-auth-tenant-chooser.component-B5VHdItj.mjs.map

package/fesm2022/acorex-modules-auth-tenant-chooser.component-B5VHdItj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-auth-tenant-chooser.component-B5VHdItj.mjs","sources":["../../../../libs/modules/auth/src/lib/pages/account/tenant-chooser/tenant-chooser.component.ts","../../../../libs/modules/auth/src/lib/pages/account/tenant-chooser/tenant-chooser.component.html"],"sourcesContent":["import { Component, OnDestroy, OnInit, ViewEncapsulation, inject } from '@angular/core';\n\nimport { AXAvatarModule } from '@acorex/components/avatar';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXImageModule } from '@acorex/components/image';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPSessionService, AXPTenant } from '@acorex/platform/auth';\nimport { AXPLogoComponent, AXP_PLATFORM_CONFIG_TOKEN } from '@acorex/platform/common';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { Subscription, first } from 'rxjs';\n\n@Component({\n  selector: 'axp-auth-tenant-chooser',\n  templateUrl: './tenant-chooser.component.html',\n  styleUrls: ['./tenant-chooser.component.scss'],\n  imports: [\n    CommonModule,\n    FormsModule,\n    AXFormModule,\n    AXTextBoxModule,\n    AXButtonModule,\n    AXLabelModule,\n    AXCheckBoxModule,\n    AXAvatarModule,\n    AXImageModule,\n    AXDecoratorModule,\n    AXPLogoComponent,\n    AXLoadingModule,\n    AXTranslationModule,\n    AXSearchBoxModule,\n  ],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXPAuthTenantChooserComponent implements OnInit, OnDestroy {\n  private router = inject(Router);\n  protected platformConfig = inject(AXP_PLATFORM_CONFIG_TOKEN);\n  private sessionService = inject(AXPSessionService);\n\n  private subscription = new Subscription();\n\n  protected user = this.sessionService.user;\n\n  protected searchValue = '';\n  protected showAll = false;\n  protected selectedTenant: AXPTenant | null = null;\n  protected displayedTenants: AXPTenant[] = [];\n  protected allTenants!: AXPTenant[];\n\n  protected async handleChooseTenant(item: AXPTenant) {\n    this.selectedTenant = item;\n    await this.sessionService.setTenant(item);\n    this.router.navigate(['/auth/account/app-chooser']);\n  }\n\n  ngOnInit(): void {\n    this.sessionService.tenants$.pipe(first()).subscribe((tenants) => {\n      this.displayedTenants = tenants.slice(0, 4);\n      this.allTenants = tenants;\n    });\n  }\n\n  filterTenants(tenants: AXPTenant[]): AXPTenant[] {\n    return tenants.filter((tenant) => tenant.title.toLowerCase().includes(this.searchValue.toLowerCase()));\n  }\n\n  handleSearch(event: string) {\n    if (event != undefined) {\n      this.searchValue = event;\n      this.displayedTenants = this.filterTenants(this.allTenants);\n    }\n  }\n\n  showAllTenants() {\n    this.showAll = !this.showAll;\n    this.displayedTenants = this.filterTenants(this.showAll ? this.allTenants : this.allTenants.slice(0, 4));\n  }\n\n  async handleSignout() {\n    await this.sessionService.signout();\n    this.router.navigate(['/auth/login']);\n  }\n\n  ngOnDestroy(): void {\n    this.subscription.unsubscribe();\n  }\n}\n","<main\n  *translate=\"let t\"\n  class=\"ax-w-full ax-space-y-10 ax-h-[100vh] ax-flex ax-flex-col ax-items-center ax-justify-center ax-bg-lightest md:ax-bg-default\"\n>\n  <section>\n    <axp-logo\n      [source]=\"platformConfig.logo?.colored\"\n      [attr.alt]=\"platformConfig.title\"\n      class=\"ax-w-36 ax-mx-auto ax-text-2xl ax-font-bold\"\n    ></axp-logo>\n  </section>\n  <section class=\"ax-flex ax-justify-center\">\n    <div\n      class=\"ax-flex ax-gap-2 ax-justify-center ax-text-center ax-flex-col ax-items-center ax-border ax-rounded-lg ax-shadow-lg ax-p-6 md:ax-w-96 ax-w-80\"\n    >\n      <ax-avatar class=\"ax-rounded-full\" [size]=\"72\">\n        @if(user?.avatar){\n        <ax-image [src]=\"user?.avatar\"></ax-image>\n        }\n      </ax-avatar>\n      <h2 class=\"md:ax-text-lg ax-font-medium\">{{ t('welcome') | async }}, {{ user?.title }}</h2>\n      <p class=\"ax-text-neutral-500 ax-text-sm md:ax-text-base ax-font-medium\">\n        {{ t('tenant-chooser.description', { scope: 'auth' }) | async }}\n      </p>\n      <div class=\"ax-mt-3 ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n        @if(allTenants && allTenants.length > 4){\n        <ax-search-box\n          [placeholder]=\"'search' | translate | async\"\n          [ngModel]=\"searchValue\"\n          (ngModelChange)=\"handleSearch($event)\"\n          ><ax-clear-button></ax-clear-button\n        ></ax-search-box>\n        } @for(tenant of displayedTenants; track $index){\n        <div\n          class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-center ax-cursor-pointer\"\n          (click)=\"handleChooseTenant(tenant)\"\n        >\n          <div class=\"ax-flex ax-gap-2 ax-items-center ax-font-medium\">\n            <div\n              class=\"ax-size-12 ax-min-w-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\"\n            >\n              <ax-icon class=\"fa-solid fa-building ax-text-neutral-500 ax-text-lg\"> </ax-icon>\n            </div>\n            <span class=\"md:ax-text-base ax-text-sm ax-text-start\">{{ tenant.title }} </span>\n          </div>\n          @if(tenant.name===selectedTenant?.name){\n          <ax-loading></ax-loading>\n          }@else {\n          <ax-icon class=\"fa-solid fa-chevron-right ax-text-neutral-400\"> </ax-icon>\n          }\n        </div>\n        }\n      </div>\n      @if(allTenants && allTenants.length>4){\n      <div class=\"ax-mt-6 ax-w-full ax-flex ax-justify-center\">\n        <ax-button\n          (onClick)=\"showAllTenants()\"\n          class=\"ax-w-full\"\n          look=\"outline\"\n          [text]=\"showAll ? (t('viewLess') | async) : (t('viewAll') | async)\"\n        ></ax-button>\n      </div>\n      }\n    </div>\n  </section>\n  <section>\n    <p class=\"ax-text-neutral-400 ax-text-sm\">\n      {{ t('tenant-chooser.footer', { scope: 'auth' }) | async }}\n      <a (click)=\"handleSignout()\" class=\"ax-text-primary ax-cursor-pointer hover:ax-underline ax-font-medium\">\n        {{ t('backLogin', { scope: 'auth' }) | async }}\n      </a>\n    </p>\n  </section>\n</main>\n"],"names":["i4","i5","i6","i7"],"mappings":"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"}

package/fesm2022/{acorex-modules-auth-two-factor-code.component-B2ZYJOrN.mjs → acorex-modules-auth-two-factor-code.component-PqOn37Gg.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { ViewEncapsulation, Component } from '@angular/core';
-import * as i2$1 from '@acorex/components/button';
+import * as i3 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i2 from '@acorex/components/form';
@@ -19,7 +19,7 @@ class AXPAuthTwoFactorCodeComponent {
     ngOnInit() { }
     ngOnDestroy() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPAuthTwoFactorCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPAuthTwoFactorCodeComponent, isStandalone: true, selector: "axp-auth-two-factor-code", ngImport: i0, template: "<ng-container *translate=\"let t\">\n  <div class=\"ax-text-center ax-mb-8\">\n    <h1 class=\"ax-font-bold ax-text-xl ax-mb-2\">\n      {{ t('auth.twofactor.title') | async }}\n    </h1>\n    <p class=\"ax-text-base ax-text-neutral-600 ax-mb-4\">\n      {{ t('auth.twofactor.hint') | async }}\n    </p>\n    <p class=\"ax-text-base ax-font-medium\">**** *** 3320</p>\n  </div>\n  <div class=\"ax-w-80 lg:ax-w-96\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-6\">\n        <ax-form-field>\n          <ax-label class=\"ax-text-start\">{{ t('auth.twofactor.textBoxHint') | async }}</ax-label>\n          <ax-password-box></ax-password-box>\n        </ax-form-field>\n        <ax-button class=\"ax-w-full\" [text]=\"t('common.submit') | async\" color=\"primary\"> </ax-button>\n      </div>\n    </ax-form>\n  </div>\n</ng-container>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i2.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$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: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i7.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXPasswordBoxModule }, { kind: "component", type: i5.AXPasswordBoxComponent, selector: "ax-password-box", inputs: ["readonly", "disabled", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "autoComplete", "showToggleButton", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPAuthTwoFactorCodeComponent, isStandalone: true, selector: "axp-auth-two-factor-code", ngImport: i0, template: "<ng-container *translate=\"let t\">\n  <div class=\"ax-text-center ax-mb-8\">\n    <h1 class=\"ax-font-bold ax-text-xl ax-mb-2\">\n      {{ t('auth.twofactor.title') | async }}\n    </h1>\n    <p class=\"ax-text-base ax-text-neutral-600 ax-mb-4\">\n      {{ t('auth.twofactor.hint') | async }}\n    </p>\n    <p class=\"ax-text-base ax-font-medium\">**** *** 3320</p>\n  </div>\n  <div class=\"ax-w-80 lg:ax-w-96\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-6\">\n        <ax-form-field>\n          <ax-label class=\"ax-text-start\">{{ t('auth.twofactor.textBoxHint') | async }}</ax-label>\n          <ax-password-box></ax-password-box>\n        </ax-form-field>\n        <ax-button class=\"ax-w-full\" [text]=\"t('common.submit') | async\" color=\"primary\"> </ax-button>\n      </div>\n    </ax-form>\n  </div>\n</ng-container>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i2.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.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: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i7.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXPasswordBoxModule }, { kind: "component", type: i5.AXPasswordBoxComponent, selector: "ax-password-box", inputs: ["readonly", "disabled", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "autoComplete", "showToggleButton", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPAuthTwoFactorCodeComponent, decorators: [{
             type: Component,
@@ -37,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         }] });
 
 export { AXPAuthTwoFactorCodeComponent };
-//# sourceMappingURL=acorex-modules-auth-two-factor-code.component-B2ZYJOrN.mjs.map
+//# sourceMappingURL=acorex-modules-auth-two-factor-code.component-PqOn37Gg.mjs.map

package/fesm2022/{acorex-modules-auth-two-factor-code.component-B2ZYJOrN.mjs.map → acorex-modules-auth-two-factor-code.component-PqOn37Gg.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-auth-two-factor-code.component-B2ZYJOrN.mjs","sources":["../../../../libs/modules/auth/src/lib/pages/two-factor/two-factor-code/two-factor-code.component.ts","../../../../libs/modules/auth/src/lib/pages/two-factor/two-factor-code/two-factor-code.component.html"],"sourcesContent":["import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';\n\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXPasswordBoxModule } from '@acorex/components/password-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\n\n\n@Component({\n    selector: 'axp-auth-two-factor-code',\n    templateUrl: './two-factor-code.component.html',\n    imports: [\n        CommonModule,\n        AXFormModule,\n        AXButtonModule,\n        AXDecoratorModule,\n        AXFormModule,\n        AXTextBoxModule,\n        AXLabelModule,\n        AXPasswordBoxModule,\n        AXTranslationModule,\n    ],\n    encapsulation: ViewEncapsulation.None\n})\nexport class AXPAuthTwoFactorCodeComponent implements OnInit, OnDestroy {\n  ngOnInit(): void { }\n\n  ngOnDestroy(): void { }\n}\n","<ng-container *translate=\"let t\">\n  <div class=\"ax-text-center ax-mb-8\">\n    <h1 class=\"ax-font-bold ax-text-xl ax-mb-2\">\n      {{ t('auth.twofactor.title') | async }}\n    </h1>\n    <p class=\"ax-text-base ax-text-neutral-600 ax-mb-4\">\n      {{ t('auth.twofactor.hint') | async }}\n    </p>\n    <p class=\"ax-text-base ax-font-medium\">**** *** 3320</p>\n  </div>\n  <div class=\"ax-w-80 lg:ax-w-96\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-6\">\n        <ax-form-field>\n          <ax-label class=\"ax-text-start\">{{ t('auth.twofactor.textBoxHint') | async }}</ax-label>\n          <ax-password-box></ax-password-box>\n        </ax-form-field>\n        <ax-button class=\"ax-w-full\" [text]=\"t('common.submit') | async\" color=\"primary\"> </ax-button>\n      </div>\n    </ax-form>\n  </div>\n</ng-container>"],"names":["i3","i4"],"mappings":";;;;;;;;;;;;;;;;;MA4Ba,6BAA6B,CAAA;AACxC,IAAA,QAAQ;AAER,IAAA,WAAW;8GAHA,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,oFC5B1C,m1BAqBe,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLP,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,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,MAAA,EAAA,cAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,EACd,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,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,UAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,8BAEjB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,aAAa,EACb,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,KAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,+ZACnB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAId,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAhBzC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,EAE3B,OAAA,EAAA;wBACL,YAAY;wBACZ,YAAY;wBACZ,cAAc;wBACd,iBAAiB;wBACjB,YAAY;wBACZ,eAAe;wBACf,aAAa;wBACb,mBAAmB;wBACnB,mBAAmB;qBACtB,EACc,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,m1BAAA,EAAA;;;;;"}
+{"version":3,"file":"acorex-modules-auth-two-factor-code.component-PqOn37Gg.mjs","sources":["../../../../libs/modules/auth/src/lib/pages/two-factor/two-factor-code/two-factor-code.component.ts","../../../../libs/modules/auth/src/lib/pages/two-factor/two-factor-code/two-factor-code.component.html"],"sourcesContent":["import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';\n\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXPasswordBoxModule } from '@acorex/components/password-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\n\n\n@Component({\n    selector: 'axp-auth-two-factor-code',\n    templateUrl: './two-factor-code.component.html',\n    imports: [\n        CommonModule,\n        AXFormModule,\n        AXButtonModule,\n        AXDecoratorModule,\n        AXFormModule,\n        AXTextBoxModule,\n        AXLabelModule,\n        AXPasswordBoxModule,\n        AXTranslationModule,\n    ],\n    encapsulation: ViewEncapsulation.None\n})\nexport class AXPAuthTwoFactorCodeComponent implements OnInit, OnDestroy {\n  ngOnInit(): void { }\n\n  ngOnDestroy(): void { }\n}\n","<ng-container *translate=\"let t\">\n  <div class=\"ax-text-center ax-mb-8\">\n    <h1 class=\"ax-font-bold ax-text-xl ax-mb-2\">\n      {{ t('auth.twofactor.title') | async }}\n    </h1>\n    <p class=\"ax-text-base ax-text-neutral-600 ax-mb-4\">\n      {{ t('auth.twofactor.hint') | async }}\n    </p>\n    <p class=\"ax-text-base ax-font-medium\">**** *** 3320</p>\n  </div>\n  <div class=\"ax-w-80 lg:ax-w-96\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-6\">\n        <ax-form-field>\n          <ax-label class=\"ax-text-start\">{{ t('auth.twofactor.textBoxHint') | async }}</ax-label>\n          <ax-password-box></ax-password-box>\n        </ax-form-field>\n        <ax-button class=\"ax-w-full\" [text]=\"t('common.submit') | async\" color=\"primary\"> </ax-button>\n      </div>\n    </ax-form>\n  </div>\n</ng-container>"],"names":["i4"],"mappings":";;;;;;;;;;;;;;;;;MA4Ba,6BAA6B,CAAA;AACxC,IAAA,QAAQ;AAER,IAAA,WAAW;8GAHA,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,oFC5B1C,m1BAqBe,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLP,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,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,MAAA,EAAA,cAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,EACd,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,UAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,8BAEjB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,aAAa,EACb,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,KAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,+ZACnB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAId,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAhBzC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,EAE3B,OAAA,EAAA;wBACL,YAAY;wBACZ,YAAY;wBACZ,cAAc;wBACd,iBAAiB;wBACjB,YAAY;wBACZ,eAAe;wBACf,aAAa;wBACb,mBAAmB;wBACnB,mBAAmB;qBACtB,EACc,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,m1BAAA,EAAA;;;;;"}

package/fesm2022/{acorex-modules-auth-two-factor.module-BrDpX4X1.mjs → acorex-modules-auth-two-factor.module-B9UV3Nxb.mjs}

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { inject, NgModule } from '@angular/core';
 import { RouterModule, ROUTES } from '@angular/router';
-import { A as AXM_AUTH_CONFIG_TOKEN } from './acorex-modules-auth-acorex-modules-auth-5o4GqqVA.mjs';
+import { A as AXM_AUTH_CONFIG_TOKEN } from './acorex-modules-auth-acorex-modules-auth-DWcYgyZA.mjs';
 
 function routesFacory() {
     const val = inject(AXM_AUTH_CONFIG_TOKEN);
@@ -9,7 +9,7 @@ function routesFacory() {
     routes = [
         {
             path: 'two-step',
-            loadComponent: () => import('./acorex-modules-auth-two-factor-code.component-B2ZYJOrN.mjs').then((c) => c.AXPAuthTwoFactorCodeComponent),
+            loadComponent: () => import('./acorex-modules-auth-two-factor-code.component-PqOn37Gg.mjs').then((c) => c.AXPAuthTwoFactorCodeComponent),
         },
     ];
     return routes;
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         }] });
 
 export { AXPTwoFactorModule };
-//# sourceMappingURL=acorex-modules-auth-two-factor.module-BrDpX4X1.mjs.map
+//# sourceMappingURL=acorex-modules-auth-two-factor.module-B9UV3Nxb.mjs.map

package/fesm2022/{acorex-modules-auth-two-factor.module-BrDpX4X1.mjs.map → acorex-modules-auth-two-factor.module-B9UV3Nxb.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-auth-two-factor.module-BrDpX4X1.mjs","sources":["../../../../libs/modules/auth/src/lib/pages/two-factor/two-factor.module.ts"],"sourcesContent":["import { inject, NgModule } from '@angular/core';\nimport { RouterModule, ROUTES, Routes } from '@angular/router';\nimport { AXM_AUTH_CONFIG_TOKEN } from '../../auth.config';\n\nfunction routesFacory() {\n  const val = inject(AXM_AUTH_CONFIG_TOKEN);\n  let routes: Routes = [];\n  routes = [\n    {\n      path: 'two-step',\n      loadComponent: () =>\n        import('./two-factor-code/two-factor-code.component').then((c) => c.AXPAuthTwoFactorCodeComponent),\n    },\n  ];\n  return routes;\n}\n\n@NgModule({\n  declarations: [],\n  imports: [RouterModule],\n  exports: [],\n  providers: [\n    {\n      provide: ROUTES,\n      multi: true,\n      useFactory: routesFacory,\n    },\n  ],\n})\nexport class AXPTwoFactorModule {}\n"],"names":[],"mappings":";;;;;AAIA,SAAS,YAAY,GAAA;AACnB,IAAA,MAAM,GAAG,GAAG,MAAM,CAAC,qBAAqB,CAAC;IACzC,IAAI,MAAM,GAAW,EAAE;AACvB,IAAA,MAAM,GAAG;AACP,QAAA;AACE,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,aAAa,EAAE,MACb,OAAO,8DAA6C,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,6BAA6B,CAAC;AACrG,SAAA;KACF;AACD,IAAA,OAAO,MAAM;AACf;MAca,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAVnB,YAAY,CAAA,EAAA,CAAA,CAAA;AAUX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EARlB,SAAA,EAAA;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,UAAU,EAAE,YAAY;AACzB,aAAA;AACF,SAAA,EAAA,OAAA,EAAA,CARS,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAUX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAZ9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;oBAChB,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,KAAK,EAAE,IAAI;AACX,4BAAA,UAAU,EAAE,YAAY;AACzB,yBAAA;AACF,qBAAA;AACF,iBAAA;;;;;"}
+{"version":3,"file":"acorex-modules-auth-two-factor.module-B9UV3Nxb.mjs","sources":["../../../../libs/modules/auth/src/lib/pages/two-factor/two-factor.module.ts"],"sourcesContent":["import { inject, NgModule } from '@angular/core';\nimport { RouterModule, ROUTES, Routes } from '@angular/router';\nimport { AXM_AUTH_CONFIG_TOKEN } from '../../auth.config';\n\nfunction routesFacory() {\n  const val = inject(AXM_AUTH_CONFIG_TOKEN);\n  let routes: Routes = [];\n  routes = [\n    {\n      path: 'two-step',\n      loadComponent: () =>\n        import('./two-factor-code/two-factor-code.component').then((c) => c.AXPAuthTwoFactorCodeComponent),\n    },\n  ];\n  return routes;\n}\n\n@NgModule({\n  declarations: [],\n  imports: [RouterModule],\n  exports: [],\n  providers: [\n    {\n      provide: ROUTES,\n      multi: true,\n      useFactory: routesFacory,\n    },\n  ],\n})\nexport class AXPTwoFactorModule {}\n"],"names":[],"mappings":";;;;;AAIA,SAAS,YAAY,GAAA;AACnB,IAAA,MAAM,GAAG,GAAG,MAAM,CAAC,qBAAqB,CAAC;IACzC,IAAI,MAAM,GAAW,EAAE;AACvB,IAAA,MAAM,GAAG;AACP,QAAA;AACE,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,aAAa,EAAE,MACb,OAAO,8DAA6C,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,6BAA6B,CAAC;AACrG,SAAA;KACF;AACD,IAAA,OAAO,MAAM;AACf;MAca,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAVnB,YAAY,CAAA,EAAA,CAAA,CAAA;AAUX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EARlB,SAAA,EAAA;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,UAAU,EAAE,YAAY;AACzB,aAAA;AACF,SAAA,EAAA,OAAA,EAAA,CARS,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAUX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAZ9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;oBAChB,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,KAAK,EAAE,IAAI;AACX,4BAAA,UAAU,EAAE,YAAY;AACzB,yBAAA;AACF,qBAAA;AACF,iBAAA;;;;;"}

package/fesm2022/acorex-modules-auth-user-sessions.component-Dx0zd4Nj.mjs

@@ -0,0 +1,135 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDataSource } from '@acorex/components/common';
+import * as i1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import { AXPopoverModule } from '@acorex/components/popover';
+import { AXPopupService } from '@acorex/components/popup';
+import * as i4 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXPlatform } from '@acorex/core/platform';
+import { AXTranslationService } from '@acorex/core/translation';
+import { AXPSessionService } from '@acorex/platform/auth';
+import { AXPSettingService } from '@acorex/platform/common';
+import { AXPPlatformScope } from '@acorex/platform/core';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, inject, ChangeDetectorRef, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { d as AXMUserDeviceSessionsService } from './acorex-modules-auth-acorex-modules-auth-DWcYgyZA.mjs';
+
+class AXMUserSessionsComponent {
+    constructor() {
+        this.AXPTokenExpirationDurations = {
+            oneWeek: 'oneWeek',
+            oneMonth: 'oneMonth',
+            threeMonths: 'threeMonths',
+            sixMonths: 'sixMonths',
+        };
+        this.items = signal([]);
+        this.activeSession = signal(undefined);
+        this.expireTime = signal(null);
+        this.expirationItems = [
+            { name: 'Terminate in 1 week', id: this.AXPTokenExpirationDurations.oneWeek },
+            { name: 'Terminate in 1 month', id: this.AXPTokenExpirationDurations.oneMonth },
+            { name: 'Terminate in 3 month', id: this.AXPTokenExpirationDurations.threeMonths },
+            { name: 'Terminate in 6 month', id: this.AXPTokenExpirationDurations.sixMonths },
+        ];
+        this.dataSource = new AXDataSource({
+            pageSize: 10,
+            key: 'id',
+            load: async (e) => {
+                let items = this.expirationItems;
+                return {
+                    items,
+                    total: items.length,
+                };
+            },
+        });
+        this.userDeviceSessionsService = inject(AXMUserDeviceSessionsService);
+        this.cdRef = inject(ChangeDetectorRef);
+        this.popupService = inject(AXPopupService);
+        this.platform = inject(AXPlatform);
+        this.translateService = inject(AXTranslationService);
+        this.sessionService = inject(AXPSessionService);
+        this.settingService = inject(AXPSettingService);
+        // ✅ Use a computed signal to update dynamically when items change
+        this.itemsWithIcons = computed(() => this.items().map((item) => ({
+            ...item,
+            icon: this.getDeviceIcon(item.deviceName),
+        })));
+        this.loadUserSessions();
+    }
+    async loadUserSessions() {
+        try {
+            let sessions = await this.userDeviceSessionsService.getSessions();
+            this.items.set(sessions);
+            const activeSession = await this.userDeviceSessionsService.getCurrentActiveSessions();
+            this.activeSession.set(activeSession);
+            const sessionTimeout = await this.settingService.scope(AXPPlatformScope.User).get('session-timeout');
+            if (sessionTimeout && sessionTimeout.id in this.AXPTokenExpirationDurations) {
+                let selectedItem = this.expirationItems.find((item) => item.id === sessionTimeout.id);
+                if (selectedItem) {
+                    this.expireTime.set({ name: selectedItem.name, id: selectedItem.id });
+                }
+            }
+        }
+        catch (error) {
+            console.error('Error loading user sessions', error);
+        }
+    }
+    getDeviceIcon(deviceName) {
+        if (!deviceName)
+            return 'fa-solid fa-question'; // Default icon if no name is provided
+        const lowerCaseName = deviceName.toLowerCase();
+        if (lowerCaseName.includes('windows'))
+            return 'fa-brands fa-microsoft';
+        if (lowerCaseName.includes('mac'))
+            return 'fa-brands fa-microsoft';
+        if (lowerCaseName.includes('linux'))
+            return 'fa-brands fa-microsoft';
+        if (lowerCaseName.includes('android'))
+            return 'fa-brands fa-android';
+        if (lowerCaseName.includes('ios'))
+            return 'fa-brands fa-apple';
+        if (lowerCaseName.includes('ipad'))
+            return 'fa-brands fa-apple';
+        if (lowerCaseName.includes('iphone'))
+            return 'fa-brands fa-apple';
+        return 'fa-solid fa-question'; // Default icon if no match
+    }
+    onChangeSessionExpireTime(e) {
+        this.userDeviceSessionsService.setTokenLifetimeMinutes(e.component.selectedItems[0]);
+    }
+    async onTerminate(sessionId) {
+        if (!sessionId) {
+            console.error('No item to terminate');
+            return;
+        }
+        await this.userDeviceSessionsService.terminateSession(sessionId);
+        await this.loadUserSessions();
+    }
+    async onTerminateAll() {
+        await this.userDeviceSessionsService.terminateAllSession();
+        await this.loadUserSessions();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMUserSessionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMUserSessionsComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div class=\"ax-mx-auto ax-p-6\">\n  <p class=\"ax-font-semibold ax-text-base ax-text-on-lightest ax-mb-4\">This Device</p>\n  <div\n    class=\"ax-flex ax-border ax-items-center ax-rounded-lg ax-border-lightest ax-bg-lightest ax-text-on-lightest ax-mb-3 ax-p-3\"\n  >\n    <div class=\"ax-border-primary-200 ax-border ax-bg-primary-50 ax-rounded-lg\">\n      <i class=\"{{ getDeviceIcon(activeSession()?.deviceName) }} ax-text-primary-500 ax-m-3\"></i>\n    </div>\n    <div *ngIf=\"activeSession()\">\n      <div class=\"ax-flex ax-flex-col ax-ml-2\">\n        <div class=\"ax-font-medium ax-text-base ax-text-on-lightest\">{{ activeSession()?.deviceName }}</div>\n        <div class=\"ax-font-normal ax-text-sm ax-text-on-lightest\">{{ activeSession()?.operatingSystem }}</div>\n        <p class=\"ax-font-normal ax-text-xs ax-subtitle-on-lightest\">\n          {{ activeSession()?.location }} <span>{{ activeSession()?.lastLoginDate | date : 'yyyy/MM/dd HH:mm' }}</span>\n        </p>\n      </div>\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"itemsWithIcons() && itemsWithIcons().length > 0\"\n    class=\"ax-flex ax-border ax-items-center ax-rounded-lg ax-border-lightest ax-bg-lightest ax-text-on-lightest ax-mb-3 ax-p-3\"\n  >\n    <div class=\"ax-border-danger-200 ax-border ax-bg-danger-50 ax-rounded-lg\">\n      <i class=\"ax-icon ax-icon-clear ax-text-danger-500 ax-m-3\"></i>\n    </div>\n    <div class=\"ax-flex ax-flex-col ax-ml-2 ax-cursor-pointer\" (click)=\"onTerminateAll()\">\n      <div class=\"ax-font-medium ax-text-base ax-text-on-lightest\">Terminate All Other Sessions</div>\n      <p class=\"ax-font-normal ax-text-sm ax-subtitle-on-lightest\">Log out all devices exept for this one.</p>\n    </div>\n  </div>\n  <div *ngIf=\"itemsWithIcons() && itemsWithIcons().length > 0\">\n    <p class=\"ax-font-semibold ax-text-base ax-text-on-lightest ax-mt-4 ax-mb-4\">Active Devices</p>\n    <div *ngFor=\"let item of itemsWithIcons()\">\n      <div\n        class=\"ax-flex ax-border ax-items-center ax-relative ax-rounded-lg ax-border-lightest ax-bg-lightest ax-text-on-lightest ax-mb-3 ax-p-3\"\n      >\n        <i\n          class=\"ax-icon ax-icon-close ax-absolute ax-end-2 ax-top-2 ax-cursor-pointer\"\n          (click)=\"onTerminate(item.id)\"\n        ></i>\n\n        <div class=\"ax-border ax-rounded-lg\">\n          <i class=\"{{ item.icon }} ax-m-3\"></i>\n        </div>\n        <div class=\"ax-flex ax-flex-col ax-ml-2\">\n          <div class=\"ax-font-medium ax-text-base ax-text-on-lightest\">{{ item.deviceName }}</div>\n          <div class=\"ax-font-normal ax-text-sm ax-text-on-lightest\">{{ item.operatingSystem }}</div>\n          <p class=\"ax-font-normal ax-text-xs ax-subtitle-on-lightest\">\n            {{ item.location }} <span>{{ item.lastLoginDate | date : 'yyyy/MM/dd HH:mm' }}</span>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<ax-footer>\n  <div class=\"ax-flex-col ax-w-full\">\n    <div>\n      <p class=\"ax-text-danger-500 ax-font-medium ax-text-base\">Terminate Old Sessions</p>\n    </div>\n    <div>\n      <ax-suffix>\n        <div class=\"ax-flex ax-items-center ax-justify-between ax-mt-4\">\n          <div class=\"ax-font-normal ax-text-base ax-text-on-lightest\">If inactive for...</div>\n          <div class=\"ax-w-3/6\">\n            <ax-select-box\n              [ngModel]=\"expireTime()\"\n              (onValueChanged)=\"onChangeSessionExpireTime($event)\"\n              [dataSource]=\"dataSource\"\n              textField=\"name\"\n              valueField=\"id\"\n              placeholder=\"Choose...\"\n            >\n            </ax-select-box>\n          </div>\n        </div>\n      </ax-suffix>\n    </div>\n  </div>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.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: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i4.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXPopoverModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMUserSessionsComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        CommonModule,
+                        FormsModule,
+                        AXSelectBoxModule,
+                        AXDropdownModule,
+                        AXPopoverModule,
+                    ], template: "<div class=\"ax-mx-auto ax-p-6\">\n  <p class=\"ax-font-semibold ax-text-base ax-text-on-lightest ax-mb-4\">This Device</p>\n  <div\n    class=\"ax-flex ax-border ax-items-center ax-rounded-lg ax-border-lightest ax-bg-lightest ax-text-on-lightest ax-mb-3 ax-p-3\"\n  >\n    <div class=\"ax-border-primary-200 ax-border ax-bg-primary-50 ax-rounded-lg\">\n      <i class=\"{{ getDeviceIcon(activeSession()?.deviceName) }} ax-text-primary-500 ax-m-3\"></i>\n    </div>\n    <div *ngIf=\"activeSession()\">\n      <div class=\"ax-flex ax-flex-col ax-ml-2\">\n        <div class=\"ax-font-medium ax-text-base ax-text-on-lightest\">{{ activeSession()?.deviceName }}</div>\n        <div class=\"ax-font-normal ax-text-sm ax-text-on-lightest\">{{ activeSession()?.operatingSystem }}</div>\n        <p class=\"ax-font-normal ax-text-xs ax-subtitle-on-lightest\">\n          {{ activeSession()?.location }} <span>{{ activeSession()?.lastLoginDate | date : 'yyyy/MM/dd HH:mm' }}</span>\n        </p>\n      </div>\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"itemsWithIcons() && itemsWithIcons().length > 0\"\n    class=\"ax-flex ax-border ax-items-center ax-rounded-lg ax-border-lightest ax-bg-lightest ax-text-on-lightest ax-mb-3 ax-p-3\"\n  >\n    <div class=\"ax-border-danger-200 ax-border ax-bg-danger-50 ax-rounded-lg\">\n      <i class=\"ax-icon ax-icon-clear ax-text-danger-500 ax-m-3\"></i>\n    </div>\n    <div class=\"ax-flex ax-flex-col ax-ml-2 ax-cursor-pointer\" (click)=\"onTerminateAll()\">\n      <div class=\"ax-font-medium ax-text-base ax-text-on-lightest\">Terminate All Other Sessions</div>\n      <p class=\"ax-font-normal ax-text-sm ax-subtitle-on-lightest\">Log out all devices exept for this one.</p>\n    </div>\n  </div>\n  <div *ngIf=\"itemsWithIcons() && itemsWithIcons().length > 0\">\n    <p class=\"ax-font-semibold ax-text-base ax-text-on-lightest ax-mt-4 ax-mb-4\">Active Devices</p>\n    <div *ngFor=\"let item of itemsWithIcons()\">\n      <div\n        class=\"ax-flex ax-border ax-items-center ax-relative ax-rounded-lg ax-border-lightest ax-bg-lightest ax-text-on-lightest ax-mb-3 ax-p-3\"\n      >\n        <i\n          class=\"ax-icon ax-icon-close ax-absolute ax-end-2 ax-top-2 ax-cursor-pointer\"\n          (click)=\"onTerminate(item.id)\"\n        ></i>\n\n        <div class=\"ax-border ax-rounded-lg\">\n          <i class=\"{{ item.icon }} ax-m-3\"></i>\n        </div>\n        <div class=\"ax-flex ax-flex-col ax-ml-2\">\n          <div class=\"ax-font-medium ax-text-base ax-text-on-lightest\">{{ item.deviceName }}</div>\n          <div class=\"ax-font-normal ax-text-sm ax-text-on-lightest\">{{ item.operatingSystem }}</div>\n          <p class=\"ax-font-normal ax-text-xs ax-subtitle-on-lightest\">\n            {{ item.location }} <span>{{ item.lastLoginDate | date : 'yyyy/MM/dd HH:mm' }}</span>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<ax-footer>\n  <div class=\"ax-flex-col ax-w-full\">\n    <div>\n      <p class=\"ax-text-danger-500 ax-font-medium ax-text-base\">Terminate Old Sessions</p>\n    </div>\n    <div>\n      <ax-suffix>\n        <div class=\"ax-flex ax-items-center ax-justify-between ax-mt-4\">\n          <div class=\"ax-font-normal ax-text-base ax-text-on-lightest\">If inactive for...</div>\n          <div class=\"ax-w-3/6\">\n            <ax-select-box\n              [ngModel]=\"expireTime()\"\n              (onValueChanged)=\"onChangeSessionExpireTime($event)\"\n              [dataSource]=\"dataSource\"\n              textField=\"name\"\n              valueField=\"id\"\n              placeholder=\"Choose...\"\n            >\n            </ax-select-box>\n          </div>\n        </div>\n      </ax-suffix>\n    </div>\n  </div>\n</ax-footer>\n" }]
+        }], ctorParameters: () => [] });
+
+export { AXMUserSessionsComponent };
+//# sourceMappingURL=acorex-modules-auth-user-sessions.component-Dx0zd4Nj.mjs.map

package/fesm2022/acorex-modules-auth-user-sessions.component-Dx0zd4Nj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-auth-user-sessions.component-Dx0zd4Nj.mjs","sources":["../../../../libs/modules/auth/src/lib/pages/account/user-sessions/user-sessions.component.ts","../../../../libs/modules/auth/src/lib/pages/account/user-sessions/user-sessions.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDataSource, AXValueChangedEvent } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXPopupService } from '@acorex/components/popup';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { AXMSecurityManagementDeviceSessionsEntityModel } from '@acorex/modules/security-management';\nimport { AXPSessionService } from '@acorex/platform/auth';\nimport { AXPSettingService } from '@acorex/platform/common';\nimport { AXPPlatformScope } from '@acorex/platform/core';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, computed, inject, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXMUserDeviceSessionsService } from './user-sessions.service';\n@Component({\n  templateUrl: './user-sessions.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    AXButtonModule,\n    AXDecoratorModule,\n    CommonModule,\n    FormsModule,\n    AXSelectBoxModule,\n    AXDropdownModule,\n    AXPopoverModule,\n  ],\n})\nexport class AXMUserSessionsComponent {\n  AXPTokenExpirationDurations = {\n    oneWeek: 'oneWeek',\n    oneMonth: 'oneMonth',\n    threeMonths: 'threeMonths',\n    sixMonths: 'sixMonths',\n  };\n\n  items = signal<AXMSecurityManagementDeviceSessionsEntityModel[]>([]);\n  activeSession = signal<AXMSecurityManagementDeviceSessionsEntityModel | undefined>(undefined);\n  expireTime = signal<{ name: string; id: string } | null>(null);\n\n  expirationItems = [\n    { name: 'Terminate in 1 week', id: this.AXPTokenExpirationDurations.oneWeek },\n    { name: 'Terminate in 1 month', id: this.AXPTokenExpirationDurations.oneMonth },\n    { name: 'Terminate in 3 month', id: this.AXPTokenExpirationDurations.threeMonths },\n    { name: 'Terminate in 6 month', id: this.AXPTokenExpirationDurations.sixMonths },\n  ];\n  protected dataSource = new AXDataSource<any>({\n    pageSize: 10,\n    key: 'id',\n    load: async (e) => {\n      let items = this.expirationItems;\n      return {\n        items,\n        total: items.length,\n      };\n    },\n  });\n  private userDeviceSessionsService = inject(AXMUserDeviceSessionsService);\n  private cdRef = inject(ChangeDetectorRef);\n  private popupService = inject(AXPopupService);\n  private platform = inject(AXPlatform);\n  private translateService = inject(AXTranslationService);\n  private sessionService = inject(AXPSessionService);\n  private settingService = inject(AXPSettingService);\n\n  constructor() {\n    this.loadUserSessions();\n  }\n\n  private async loadUserSessions(): Promise<void> {\n    try {\n      let sessions = await this.userDeviceSessionsService.getSessions();\n      this.items.set(sessions);\n      const activeSession = await this.userDeviceSessionsService.getCurrentActiveSessions();\n      this.activeSession.set(activeSession);\n      const sessionTimeout = await this.settingService.scope(AXPPlatformScope.User).get('session-timeout');\n      if (sessionTimeout && sessionTimeout.id in this.AXPTokenExpirationDurations) {\n        let selectedItem = this.expirationItems.find((item) => item.id === sessionTimeout.id);\n        if (selectedItem) {\n          this.expireTime.set({ name: selectedItem.name, id: selectedItem.id });\n        }\n      }\n    } catch (error) {\n      console.error('Error loading user sessions', error);\n    }\n  }\n\n  // ✅ Use a computed signal to update dynamically when items change\n  itemsWithIcons = computed(() =>\n    this.items().map((item) => ({\n      ...item,\n      icon: this.getDeviceIcon(item.deviceName),\n    }))\n  );\n\n  getDeviceIcon(deviceName: string | undefined): string {\n    if (!deviceName) return 'fa-solid fa-question'; // Default icon if no name is provided\n\n    const lowerCaseName = deviceName.toLowerCase();\n\n    if (lowerCaseName.includes('windows')) return 'fa-brands fa-microsoft';\n    if (lowerCaseName.includes('mac')) return 'fa-brands fa-microsoft';\n    if (lowerCaseName.includes('linux')) return 'fa-brands fa-microsoft';\n    if (lowerCaseName.includes('android')) return 'fa-brands fa-android';\n    if (lowerCaseName.includes('ios')) return 'fa-brands fa-apple';\n    if (lowerCaseName.includes('ipad')) return 'fa-brands fa-apple';\n    if (lowerCaseName.includes('iphone')) return 'fa-brands fa-apple';\n\n    return 'fa-solid fa-question'; // Default icon if no match\n  }\n\n  protected onChangeSessionExpireTime(e: AXValueChangedEvent) {\n    this.userDeviceSessionsService.setTokenLifetimeMinutes(e.component.selectedItems[0]);\n  }\n\n  async onTerminate(sessionId: string | undefined): Promise<void> {\n    if (!sessionId) {\n      console.error('No item to terminate');\n      return;\n    }\n    await this.userDeviceSessionsService.terminateSession(sessionId);\n    await this.loadUserSessions();\n  }\n\n  async onTerminateAll() {\n    await this.userDeviceSessionsService.terminateAllSession();\n    await this.loadUserSessions();\n  }\n}\n","<div class=\"ax-mx-auto ax-p-6\">\n  <p class=\"ax-font-semibold ax-text-base ax-text-on-lightest ax-mb-4\">This Device</p>\n  <div\n    class=\"ax-flex ax-border ax-items-center ax-rounded-lg ax-border-lightest ax-bg-lightest ax-text-on-lightest ax-mb-3 ax-p-3\"\n  >\n    <div class=\"ax-border-primary-200 ax-border ax-bg-primary-50 ax-rounded-lg\">\n      <i class=\"{{ getDeviceIcon(activeSession()?.deviceName) }} ax-text-primary-500 ax-m-3\"></i>\n    </div>\n    <div *ngIf=\"activeSession()\">\n      <div class=\"ax-flex ax-flex-col ax-ml-2\">\n        <div class=\"ax-font-medium ax-text-base ax-text-on-lightest\">{{ activeSession()?.deviceName }}</div>\n        <div class=\"ax-font-normal ax-text-sm ax-text-on-lightest\">{{ activeSession()?.operatingSystem }}</div>\n        <p class=\"ax-font-normal ax-text-xs ax-subtitle-on-lightest\">\n          {{ activeSession()?.location }} <span>{{ activeSession()?.lastLoginDate | date : 'yyyy/MM/dd HH:mm' }}</span>\n        </p>\n      </div>\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"itemsWithIcons() && itemsWithIcons().length > 0\"\n    class=\"ax-flex ax-border ax-items-center ax-rounded-lg ax-border-lightest ax-bg-lightest ax-text-on-lightest ax-mb-3 ax-p-3\"\n  >\n    <div class=\"ax-border-danger-200 ax-border ax-bg-danger-50 ax-rounded-lg\">\n      <i class=\"ax-icon ax-icon-clear ax-text-danger-500 ax-m-3\"></i>\n    </div>\n    <div class=\"ax-flex ax-flex-col ax-ml-2 ax-cursor-pointer\" (click)=\"onTerminateAll()\">\n      <div class=\"ax-font-medium ax-text-base ax-text-on-lightest\">Terminate All Other Sessions</div>\n      <p class=\"ax-font-normal ax-text-sm ax-subtitle-on-lightest\">Log out all devices exept for this one.</p>\n    </div>\n  </div>\n  <div *ngIf=\"itemsWithIcons() && itemsWithIcons().length > 0\">\n    <p class=\"ax-font-semibold ax-text-base ax-text-on-lightest ax-mt-4 ax-mb-4\">Active Devices</p>\n    <div *ngFor=\"let item of itemsWithIcons()\">\n      <div\n        class=\"ax-flex ax-border ax-items-center ax-relative ax-rounded-lg ax-border-lightest ax-bg-lightest ax-text-on-lightest ax-mb-3 ax-p-3\"\n      >\n        <i\n          class=\"ax-icon ax-icon-close ax-absolute ax-end-2 ax-top-2 ax-cursor-pointer\"\n          (click)=\"onTerminate(item.id)\"\n        ></i>\n\n        <div class=\"ax-border ax-rounded-lg\">\n          <i class=\"{{ item.icon }} ax-m-3\"></i>\n        </div>\n        <div class=\"ax-flex ax-flex-col ax-ml-2\">\n          <div class=\"ax-font-medium ax-text-base ax-text-on-lightest\">{{ item.deviceName }}</div>\n          <div class=\"ax-font-normal ax-text-sm ax-text-on-lightest\">{{ item.operatingSystem }}</div>\n          <p class=\"ax-font-normal ax-text-xs ax-subtitle-on-lightest\">\n            {{ item.location }} <span>{{ item.lastLoginDate | date : 'yyyy/MM/dd HH:mm' }}</span>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<ax-footer>\n  <div class=\"ax-flex-col ax-w-full\">\n    <div>\n      <p class=\"ax-text-danger-500 ax-font-medium ax-text-base\">Terminate Old Sessions</p>\n    </div>\n    <div>\n      <ax-suffix>\n        <div class=\"ax-flex ax-items-center ax-justify-between ax-mt-4\">\n          <div class=\"ax-font-normal ax-text-base ax-text-on-lightest\">If inactive for...</div>\n          <div class=\"ax-w-3/6\">\n            <ax-select-box\n              [ngModel]=\"expireTime()\"\n              (onValueChanged)=\"onChangeSessionExpireTime($event)\"\n              [dataSource]=\"dataSource\"\n              textField=\"name\"\n              valueField=\"id\"\n              placeholder=\"Choose...\"\n            >\n            </ax-select-box>\n          </div>\n        </div>\n      </ax-suffix>\n    </div>\n  </div>\n</ax-footer>\n"],"names":["i2","i3"],"mappings":"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"}

package/fesm2022/acorex-modules-auth.mjs

@@ -1,2 +1,2 @@
-export { d as AXMAuthErrorHandler, g as AXMAuthModule, a as AXMAuthenticationTypes, e as AXMDefaultAuthConfigs, A as AXM_AUTH_CONFIG_TOKEN, h as AXPIdleService, f as configAuthModule } from './acorex-modules-auth-acorex-modules-auth-5o4GqqVA.mjs';
+export { e as AXMAuthErrorHandler, h as AXMAuthModule, a as AXMAuthenticationTypes, f as AXMDefaultAuthConfigs, A as AXM_AUTH_CONFIG_TOKEN, i as AXPIdleService, g as configAuthModule } from './acorex-modules-auth-acorex-modules-auth-DWcYgyZA.mjs';
 //# sourceMappingURL=acorex-modules-auth.mjs.map

package/fesm2022/acorex-modules-common-dashboard-shortcut-widget-view.component-C9RGRmuR.mjs

@@ -0,0 +1,139 @@
+import { AXPopupService } from '@acorex/components/popup';
+import * as i2 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXPDataGenerator } from '@acorex/platform/core';
+import { AXPLayoutWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXP_GLOBAL_SEARCH_CONFIG_TOKEN } from '@acorex/platform/layout/search';
+import { AXPWorkflowService } from '@acorex/platform/workflow';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, computed, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class AXPDashboardShortcutWidgetViewComponent extends AXPLayoutWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.popupService = inject(AXPopupService);
+        this.workflow = inject(AXPWorkflowService);
+        this.searchConfig = inject(AXP_GLOBAL_SEARCH_CONFIG_TOKEN);
+        this.item = computed(() => this.options()['item']);
+        this.color = computed(() => this.options()['color']);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        if (!this.color()) {
+            this.setOptions({
+                color: AXPDataGenerator.color()
+            });
+        }
+    }
+    async executeCommand() {
+        if (this.item()?.command) {
+            await this.workflow.execute(this.item().command.name, this.item().command.options);
+        }
+    }
+    async setCommand() {
+        const component = await this.searchConfig.window();
+        const popup = await this.popupService.open(component, {
+            title: 'Choose command...',
+            size: 'fit',
+            closeOnBackdropClick: true,
+            header: false,
+        });
+        if (popup.data) {
+            const result = popup.data;
+            if (result && result.command) {
+                this.setOptions({
+                    item: {
+                        name: result.name,
+                        title: result.title,
+                        description: result.description,
+                        icon: result.icon,
+                        command: result.command
+                    }
+                });
+            }
+        }
+    }
+    get __style() {
+        const cls = {};
+        cls[`background-color`] = this.color();
+        return cls;
+    }
+    get __class() {
+        const cls = {};
+        cls[`ax-flex`] = true;
+        cls[`ax-flex-col`] = true;
+        cls[`ax-items-center`] = true;
+        cls[`ax-justify-center`] = true;
+        cls[`ax-w-full`] = true;
+        cls[`ax-h-full`] = true;
+        cls[`ax-text-center`] = true;
+        cls[`ax-overflow-hidden`] = true;
+        cls[`ax-cursor-pointer`] = true;
+        cls[`ax-text-white`] = true;
+        return cls;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDashboardShortcutWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPDashboardShortcutWidgetViewComponent, isStandalone: true, selector: "ng-component", host: { properties: { "style": "this.__style", "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    @if(item()) {
+      <div 
+        class="ax-group ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-3 ax-w-full ax-h-full ax-relative ax-overflow-hidden "
+        (click)="executeCommand()">
+        <div class="ax-absolute ax-inset-0 ax-bg-black/0 hover:ax-bg-black/10 ax-transition-opacity"></div>
+        <i [class]="item().icon + ' ax-text-3xl'"></i>
+        <span class="ax-text-xl ax-font-semibold">{{ item().title | translate | async }}</span>
+        @if(item().description) {
+          <span class="ax-text-sm ax-opacity-90 ax-text-center ax-px-2">{{ item().description! | translate | async }}</span>
+        }
+      </div>
+    } @else {
+      <div 
+        (click)="setCommand()" 
+        class="ax-group ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-3 ax-w-full ax-h-full  ax-relative ax-overflow-hidden">
+        <div class="ax-absolute ax-inset-0 ax-bg-black/0 hover:ax-bg-black/5 ax-transition-opacity"></div>
+        <i class="fa-light fa-plus ax-text-3xl"></i>
+        <span class="ax-text-xl ax-font-semibold">Add Shortcut</span>
+      </div>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDashboardShortcutWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    @if(item()) {
+      <div 
+        class="ax-group ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-3 ax-w-full ax-h-full ax-relative ax-overflow-hidden "
+        (click)="executeCommand()">
+        <div class="ax-absolute ax-inset-0 ax-bg-black/0 hover:ax-bg-black/10 ax-transition-opacity"></div>
+        <i [class]="item().icon + ' ax-text-3xl'"></i>
+        <span class="ax-text-xl ax-font-semibold">{{ item().title | translate | async }}</span>
+        @if(item().description) {
+          <span class="ax-text-sm ax-opacity-90 ax-text-center ax-px-2">{{ item().description! | translate | async }}</span>
+        }
+      </div>
+    } @else {
+      <div 
+        (click)="setCommand()" 
+        class="ax-group ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-3 ax-w-full ax-h-full  ax-relative ax-overflow-hidden">
+        <div class="ax-absolute ax-inset-0 ax-bg-black/0 hover:ax-bg-black/5 ax-transition-opacity"></div>
+        <i class="fa-light fa-plus ax-text-3xl"></i>
+        <span class="ax-text-xl ax-font-semibold">Add Shortcut</span>
+      </div>
+    }
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXTranslationModule]
+                }]
+        }], propDecorators: { __style: [{
+                type: HostBinding,
+                args: ['style']
+            }], __class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+export { AXPDashboardShortcutWidgetViewComponent };
+//# sourceMappingURL=acorex-modules-common-dashboard-shortcut-widget-view.component-C9RGRmuR.mjs.map