@acorex/modules 19.3.1 → 19.3.3-next.0

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

@@ -0,0 +1,98 @@
+import * as i0 from '@angular/core';
+import { inject, ViewEncapsulation, Component } from '@angular/core';
+import * as i4 from '@acorex/components/avatar';
+import { AXAvatarModule } from '@acorex/components/avatar';
+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 { AXImageModule } from '@acorex/components/image';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i3$1 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import * as i8 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';
+import { AXPSessionService } from '@acorex/platform/auth';
+import { AXP_PLATFORM_CONFIG_TOKEN, AXPLogoComponent } from '@acorex/platform/common';
+import { AXPUserAvatarComponent } from '@acorex/platform/layout/components';
+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';
+
+class AXPAuthTenantChooserComponent {
+    constructor() {
+        this.router = inject(Router);
+        this.platformConfig = inject(AXP_PLATFORM_CONFIG_TOKEN);
+        this.sessionService = inject(AXPSessionService);
+        this.subscription = new Subscription();
+        this.user = this.sessionService.user;
+        this.searchValue = '';
+        this.showAll = false;
+        this.selectedTenant = null;
+        this.displayedTenants = [];
+    }
+    async handleChooseTenant(item) {
+        this.selectedTenant = item;
+        await this.sessionService.setTenant(item);
+        this.router.navigate(['/auth/account/app-chooser']);
+    }
+    ngOnInit() {
+        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.filterTenants(this.showAll ? this.allTenants : this.allTenants.slice(0, 4));
+    }
+    async handleSignout() {
+        await this.sessionService.signout();
+        this.router.navigate(['/auth/login']);
+    }
+    ngOnDestroy() {
+        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?.full\"\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        <axp-user-avatar [size]=\"72\" [userId]=\"user?.id!\"></axp-user-avatar>\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: i4.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "ngmodule", type: AXImageModule }, { 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$1.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: i8.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"] }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }], 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,
+                        AXLabelModule,
+                        AXCheckBoxModule,
+                        AXAvatarModule,
+                        AXImageModule,
+                        AXDecoratorModule,
+                        AXPLogoComponent,
+                        AXLoadingModule,
+                        AXTranslationModule,
+                        AXSearchBoxModule,
+                        AXPUserAvatarComponent,
+                    ], 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?.full\"\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        <axp-user-avatar [size]=\"72\" [userId]=\"user?.id!\"></axp-user-avatar>\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-Ow7QtAWc.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-auth-tenant-chooser.component-Ow7QtAWc.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 { AXPUserAvatarComponent } from '@acorex/platform/layout/components';\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    AXPUserAvatarComponent,\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?.full\"\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        <axp-user-avatar [size]=\"72\" [userId]=\"user?.id!\"></axp-user-avatar>\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":["i5","i6","i7"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA4Ca,6BAA6B,CAAA;AAvB1C,IAAA,WAAA,GAAA;AAwBU,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACpD,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAE1C,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,YAAY,EAAE;AAE/B,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI;QAE/B,IAAW,CAAA,WAAA,GAAG,EAAE;QAChB,IAAO,CAAA,OAAA,GAAG,KAAK;QACf,IAAc,CAAA,cAAA,GAAqB,IAAI;QACvC,IAAgB,CAAA,gBAAA,GAAgB,EAAE;AAwC7C;IArCW,MAAM,kBAAkB,CAAC,IAAe,EAAA;AAChD,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI;QAC1B,MAAM,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC;QACzC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,2BAA2B,CAAC,CAAC;;IAGrD,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,KAAI;YAC/D,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;AAC3C,YAAA,IAAI,CAAC,UAAU,GAAG,OAAO;AAC3B,SAAC,CAAC;;AAGJ,IAAA,aAAa,CAAC,OAAoB,EAAA;QAChC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC;;AAGxG,IAAA,YAAY,CAAC,KAAa,EAAA;AACxB,QAAA,IAAI,KAAK,IAAI,SAAS,EAAE;AACtB,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;YACxB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC;;;IAI/D,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO;AAC5B,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;;AAG1G,IAAA,MAAM,aAAa,GAAA;AACjB,QAAA,MAAM,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;QACnC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,CAAC;;IAGvC,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE;;8GAlDtB,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,EC5C1C,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,6qGA2EA,EDjDI,MAAA,EAAA,CAAA,yMAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,EACX,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,EACf,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,6XACd,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,iBAAiB,EACjB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,EAChB,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,EACf,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,EACnB,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,6YACjB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAIb,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAvBzC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,EAG1B,OAAA,EAAA;wBACP,YAAY;wBACZ,WAAW;wBACX,YAAY;wBACZ,eAAe;wBACf,cAAc;wBACd,aAAa;wBACb,gBAAgB;wBAChB,cAAc;wBACd,aAAa;wBACb,iBAAiB;wBACjB,gBAAgB;wBAChB,eAAe;wBACf,mBAAmB;wBACnB,iBAAiB;wBACjB,sBAAsB;qBACvB,EACc,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,6qGAAA,EAAA,MAAA,EAAA,CAAA,yMAAA,CAAA,EAAA;;;;;"}

package/fesm2022/{acorex-modules-auth-two-factor.module-DDOSqjYs.mjs → acorex-modules-auth-two-factor.module-D72KIpvA.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-B1HTJdsE.mjs';
+import { A as AXM_AUTH_CONFIG_TOKEN } from './acorex-modules-auth-acorex-modules-auth-DJZcD1j3.mjs';
 
 function routesFacory() {
     const val = inject(AXM_AUTH_CONFIG_TOKEN);
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         }] });
 
 export { AXPTwoFactorModule };
-//# sourceMappingURL=acorex-modules-auth-two-factor.module-DDOSqjYs.mjs.map
+//# sourceMappingURL=acorex-modules-auth-two-factor.module-D72KIpvA.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-auth-two-factor.module-DDOSqjYs.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-D72KIpvA.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-B3i44VC5.mjs → acorex-modules-auth-user-sessions.component-Btnu_Oeq.mjs}

@@ -18,7 +18,7 @@ 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-B1HTJdsE.mjs';
+import { d as AXMUserDeviceSessionsService } from './acorex-modules-auth-acorex-modules-auth-DJZcD1j3.mjs';
 
 class AXMUserSessionsComponent {
     constructor() {
@@ -132,4 +132,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         }], ctorParameters: () => [] });
 
 export { AXMUserSessionsComponent };
-//# sourceMappingURL=acorex-modules-auth-user-sessions.component-B3i44VC5.mjs.map
+//# sourceMappingURL=acorex-modules-auth-user-sessions.component-Btnu_Oeq.mjs.map

package/fesm2022/{acorex-modules-auth-user-sessions.component-B3i44VC5.mjs.map → acorex-modules-auth-user-sessions.component-Btnu_Oeq.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-auth-user-sessions.component-B3i44VC5.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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"}
+{"version":3,"file":"acorex-modules-auth-user-sessions.component-Btnu_Oeq.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 { 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-B1HTJdsE.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-DJZcD1j3.mjs';
 //# sourceMappingURL=acorex-modules-auth.mjs.map

package/fesm2022/acorex-modules-common-search-popup.component-C3XUb6pF.mjs

@@ -0,0 +1,128 @@
+import * as i7 from '@acorex/cdk/list-navigation';
+import { AXListNavigationDirective, AXListNavigationItemDirective, AXListNavigationModule } from '@acorex/cdk/list-navigation';
+import * as i2$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXChipsModule } from '@acorex/components/chips';
+import * as i4 from '@acorex/components/common';
+import { AXCommonModule } from '@acorex/components/common';
+import * as i3$1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXBasePageComponent } from '@acorex/components/page';
+import * as i3 from '@acorex/components/search-box';
+import { AXSearchBoxComponent, AXSearchBoxModule } from '@acorex/components/search-box';
+import * as i9 from '@acorex/components/skeleton';
+import { AXSkeletonModule } from '@acorex/components/skeleton';
+import * as i4$1 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXPThemeLayoutBlockComponent, AXPThemeLayoutListComponent, AXPThemeLayoutListItemComponent, AXPThemeLayoutListItemsGroupComponent, AXPThemeLayoutHeaderComponent } from '@acorex/platform/themes/shared';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, viewChild, viewChildren, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { first } from 'rxjs';
+import { AXPGlobalSearchViewModel } from './acorex-modules-common.mjs';
+
+class AXPGlobalSearchPopupComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.i18nScope = 'global-search';
+        this.vm = inject(AXPGlobalSearchViewModel);
+        this.text = null;
+        this.list = viewChild(AXListNavigationDirective);
+        this.searchBox = viewChild(AXSearchBoxComponent);
+        this.items = viewChildren(AXListNavigationItemDirective);
+    }
+    async handleTextChanged(e) {
+        if (e.isUserInteraction) {
+            await this.vm.search(e.value);
+        }
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        //
+        this.vm.onItemSelected.pipe(first()).subscribe((item) => {
+            this.close(item);
+        });
+    }
+    handleSearchKeyDown(e) {
+        const event = e.nativeEvent;
+        switch (event.code) {
+            case 'ArrowDown':
+                const item = this.items()[0];
+                if (item && this.list()) {
+                    this.list()?.navigateTo(item);
+                }
+                event.preventDefault();
+                event.stopPropagation();
+                break;
+        }
+    }
+    handleClearClick($event) {
+        this.vm.clearRecentItems();
+    }
+    handleListKeyDown(e) {
+        switch (e.code) {
+            case 'ArrowUp': {
+                const item = this.items()[0];
+                if (item && this.list() && item.isActive()) {
+                    this.searchBox()?.focus();
+                }
+                break;
+            }
+            case 'Escape': {
+                this.searchBox()?.focus();
+                e.preventDefault();
+                e.stopPropagation();
+                break;
+            }
+        }
+    }
+    handleItemKeyDown(e, item) {
+        switch (e.code) {
+            case 'Enter':
+            case 'Space': {
+                e.preventDefault();
+                e.stopPropagation();
+                this.vm.execute(item);
+                break;
+            }
+        }
+    }
+    handlePinClick(e, item) {
+        e.stopPropagation();
+        this.vm.togglePin(item);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGlobalSearchPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPGlobalSearchPopupComponent, isStandalone: true, selector: "ng-component", providers: [AXPGlobalSearchViewModel], viewQueries: [{ propertyName: "list", first: true, predicate: AXListNavigationDirective, descendants: true, isSignal: true }, { propertyName: "searchBox", first: true, predicate: AXSearchBoxComponent, descendants: true, isSignal: true }, { propertyName: "items", predicate: AXListNavigationItemDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-layout-content *translate=\"let t\">\n  <axp-layout-header class=\"ax-lg\">\n    <ax-search-box\n      [axAutoFocus]\n      [look]=\"'none'\"\n      [ngModel]=\"vm.text()\"\n      (onValueChanged)=\"handleTextChanged($event)\"\n      [placeholder]=\"t('search-anything', { scope: i18nScope }) | async\"\n      (onKeyDown)=\"handleSearchKeyDown($event)\"\n    ></ax-search-box>\n    <div class=\"__close-button\">\n      <ax-button [look]=\"'blank'\" class=\"ax-rounded-full\" (onClick)=\"close()\">\n        <ax-icon icon=\"fa-light fa-xmark fa-sm\"></ax-icon>\n      </ax-button>\n    </div>\n  </axp-layout-header>\n\n  <!-- Results Area -->\n  <axp-layout-body>\n    @if(vm.isBusy()) {\n    <ng-container *ngTemplateOutlet=\"skeleton\"></ng-container>\n    } @else if(vm.isEmpty()) {\n    <ng-container *ngTemplateOutlet=\"empty\"></ng-container>\n    } @else if(vm.isWelcome()) {\n    <ng-container *ngTemplateOutlet=\"welcome\"></ng-container>\n    } @else if(vm.isStart()) {\n    <ng-container *ngTemplateOutlet=\"start\"></ng-container>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"result\"></ng-container>\n    }\n  </axp-layout-body>\n\n  <!-- Skeleton Template -->\n  <ng-template #skeleton>\n    <div class=\"ax-flex ax-flex-col ax-gap-10 ax-p-8\">\n      @for (item of [1,2,3,4,5]; track $index) {\n      <div class=\"ax-flex ax-items-center ax-gap-4\">\n        <ax-skeleton [animated]=\"true\" class=\"ax-w-4 ax-h-4 ax-rounded-full\"></ax-skeleton>\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-flex-1\">\n          <ax-skeleton [animated]=\"true\" class=\"ax-w-1/4 ax-h-2 ax-rounded\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"ax-w-1/2 ax-h-2 ax-rounded\"></ax-skeleton>\n        </div>\n      </div>\n      }\n    </div>\n  </ng-template>\n\n  <!-- Empty Template -->\n  <ng-template #empty>\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-rounded-md ax-p-8\">\n      <!-- Icon -->\n      <div class=\"ax-mb-4\">\n        <i class=\"fas fa-search ax-text-gray-400 ax-text-4xl\"></i>\n      </div>\n      <!-- Message -->\n      <div class=\"ax-text-center\">\n        <h2 class=\"ax-text-lg ax-font-semibold\">{{ t('no-result.title', { scope: i18nScope }) | async }}</h2>\n        <p class=\"ax-mt-2 ax-leading-relaxed\">\n          {{ t('no-result.message', { scope: i18nScope }) | async }}\n        </p>\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Welcome Template -->\n  <ng-template #welcome>\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-rounded-md ax-p-8\">\n      <!-- Icon -->\n      <div class=\"ax-mb-4\">\n        <i class=\"fas fa-search ax-text-gray-400 ax-text-4xl\"></i>\n      </div>\n      <!-- Message -->\n      <div class=\"ax-text-center\">\n        <h2 class=\"ax-text-lg ax-font-semibold\">{{ t('start.title', { scope: i18nScope }) | async }}</h2>\n        <p class=\"ax-mt-2\">{{ t('start.message', { scope: i18nScope }) | async }}</p>\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Start Template -->\n  <ng-template #start>\n    <!-- Pinned Items -->\n    <axp-layout-list\n      *translate=\"let t\"\n      class=\"ax-p-4 ax-divide-none\"\n      (keydown)=\"handleListKeyDown($event)\"\n      axListNavigation\n      #list=\"axListNavigation\"\n    >\n      @if(vm.pinnedItems().length>0) {\n      <axp-layout-list-group>\n        <axp-layout-title>{{ t('pinned', { scope: i18nScope }) | async }}</axp-layout-title>\n        @for (item of vm.pinnedItems(); track $index) {\n        <axp-layout-list-item\n          (click)=\"vm.execute(item)\"\n          (keydown)=\"handleItemKeyDown($event, item)\"\n          class=\"ax-group\"\n          axListNavigationItem\n          #i=\"axListNavigationItem\"\n          [class.axp-state-focused]=\"i.isActive()\"\n        >\n          <ng-container [ngTemplateOutlet]=\"listItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\n        </axp-layout-list-item>\n        }\n      </axp-layout-list-group>\n      }\n      <!-- Recent Items -->\n      @if(vm.recentItems().length>0) {\n      <axp-layout-list-group>\n        <axp-layout-header>\n          <axp-layout-prefix>\n            <axp-layout-title>{{ t('recent', { scope: i18nScope }) | async }}</axp-layout-title>\n          </axp-layout-prefix>\n          <axp-layout-prefix class=\"ax-xs\">\n            <ax-button\n              [text]=\"t('clear', { scope: i18nScope }) | async\"\n              look=\"blank\"\n              [color]=\"'default'\"\n              (onClick)=\"handleClearClick($event)\"\n            ></ax-button>\n          </axp-layout-prefix>\n        </axp-layout-header>\n        @for (item of vm.recentItems(); track $index) {\n        <axp-layout-list-item\n          (click)=\"vm.execute(item)\"\n          (keydown)=\"handleItemKeyDown($event, item)\"\n          class=\"ax-group\"\n          axListNavigationItem\n          #i=\"axListNavigationItem\"\n          [class.axp-state-focused]=\"i.isActive()\"\n        >\n          <ng-container [ngTemplateOutlet]=\"listItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\n        </axp-layout-list-item>\n        }\n      </axp-layout-list-group>\n      }\n    </axp-layout-list>\n  </ng-template>\n\n  <!-- Result Template -->\n  <ng-template #result>\n    <axp-layout-list\n      class=\"ax-p-4 ax-divide-none\"\n      (keydown)=\"handleListKeyDown($event)\"\n      axListNavigation\n      #list=\"axListNavigation\"\n    >\n      @for (group of vm.results(); track $index) {\n      <axp-layout-list-group>\n        <axp-layout-title> {{ t(group.title) | async }}</axp-layout-title>\n        @for (item of group.children; track $index) {\n        <axp-layout-list-item\n          (click)=\"vm.execute(item)\"\n          (keydown)=\"handleItemKeyDown($event, item)\"\n          class=\"ax-group\"\n          axListNavigationItem\n          #i=\"axListNavigationItem\"\n          [class.axp-state-focused]=\"i.isActive()\"\n        >\n          <ng-container [ngTemplateOutlet]=\"listItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\n        </axp-layout-list-item>\n        }\n      </axp-layout-list-group>\n      }\n    </axp-layout-list>\n  </ng-template>\n\n  <ng-template #listItem let-item=\"item\">\n    <axp-layout-prefix>\n      <ax-icon icon=\"fal {{ item.icon }}\"></ax-icon>\n    </axp-layout-prefix>\n    <axp-layout-content>\n      <axp-layout-title class=\"ax-group\">\n        <span>{{ t(item.title) | async }}</span>\n        <span class=\"ax-ms-3\" (click)=\"handlePinClick($event, item)\">\n          <i\n            [class.ax-invisible]=\"!vm.isPinned(item)\"\n            class=\"fa-light fa-thumbtack ax-rotate-45 group-hover:!ax-visible\"\n            [class.fa-solid]=\"vm.isPinned(item)\"\n          ></i>\n        </span>\n      </axp-layout-title>\n      @if(item.parent) {\n      <axp-layout-description>\n        {{ t(item.parent.title) | async }}\n      </axp-layout-description>\n      }@else if (item.description) {\n      <axp-layout-description>\n        {{ t(item.description) | async }}\n      </axp-layout-description>\n      }\n    </axp-layout-content>\n    <axp-layout-suffix>\n      <i class=\"far fa-chevron-right rtl:ax-rotate-180\"></i>\n    </axp-layout-suffix>\n  </ng-template>\n</axp-layout-content>\n", styles: [":host .ax-editor-container:focus-within{outline-style:none}:host>axp-layout-content{display:flex;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));width:90vw;max-width:36rem}@media (min-width: 640px){:host>axp-layout-content{width:80vw}}@media (min-width: 768px){:host>axp-layout-content{width:60vw}}@media (min-width: 1024px){:host>axp-layout-content{width:40vw}}@media (min-width: 1280px){:host>axp-layout-content{width:30vw}}:host>axp-layout-content>axp-layout-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-width:1px;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host>axp-layout-content>axp-layout-header>.__close-button{position:absolute;inset-inline-end:1rem;top:1rem;--ax-sys-size-base: 2rem}:host>axp-layout-content>axp-layout-body{display:flex;flex-direction:column}:host>axp-layout-content>axp-layout-body>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}:host>axp-layout-content>axp-layout-body{overflow-y:auto;border-radius:.375rem;max-height:50vh;min-height:30vh}@media (min-width: 640px){:host>axp-layout-content>axp-layout-body{max-height:60vh;min-height:40vh}}@media (min-width: 768px){:host>axp-layout-content>axp-layout-body{max-height:70vh;min-height:50vh}}@media (min-width: 1024px){:host>axp-layout-content>axp-layout-body{max-height:80vh;min-height:40vh}}:host>axp-layout-content>axp-layout-body .axp-search-recent{display:flex;flex-direction:column;padding:1rem}:host>axp-layout-content>axp-layout-body .axp-search-recent>axp-layout-header{margin-bottom:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:.875rem;line-height:1.25rem;font-weight:600}:host>axp-layout-content>axp-layout-body .axp-search-recent>axp-layout-body{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;border-radius:.375rem}:host>axp-layout-content axp-layout-list-item axp-layout-prefix ax-icon{display:flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:.375rem;background-color:rgb(var(--ax-sys-color-dark-surface));color:rgb(var(--ax-sys-color-on-dark-surface));border-color:rgb(var(--ax-sys-color-border-dark-surface))}:host>axp-layout-content axp-layout-list-item axp-layout-prefix ax-icon:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}:host>axp-layout-content axp-layout-list-item axp-layout-prefix ax-icon{font-size:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: 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: 
+                //
+                AXSearchBoxModule }, { kind: "component", type: i3.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"] }, { kind: "ngmodule", type: AXCommonModule }, { kind: "directive", type: i4.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXListNavigationModule }, { kind: "directive", type: i7.AXListNavigationDirective, selector: "[axListNavigation]", inputs: ["orientation"], outputs: ["onNavigationChanged", "onPressEnterOrSpace"], exportAs: ["axListNavigation"] }, { kind: "directive", type: i7.AXListNavigationItemDirective, selector: "[axListNavigationItem]", exportAs: ["axListNavigationItem"] }, { 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: "component", type: 
+                //
+                AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer,    axp-page-header,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-container,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i9.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXChipsModule }, { kind: "component", type: AXPThemeLayoutListComponent, selector: "axp-layout-list" }, { kind: "component", type: AXPThemeLayoutListItemComponent, selector: "axp-layout-list-item" }, { kind: "component", type: AXPThemeLayoutListItemsGroupComponent, selector: "axp-layout-list-group" }, { kind: "component", type: AXPThemeLayoutHeaderComponent, selector: "axp-layout-header" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGlobalSearchPopupComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CommonModule,
+                        FormsModule,
+                        //
+                        AXSearchBoxModule,
+                        AXCommonModule,
+                        AXDecoratorModule,
+                        AXTranslationModule,
+                        AXListNavigationModule,
+                        AXButtonModule,
+                        //
+                        AXPThemeLayoutBlockComponent,
+                        AXSkeletonModule,
+                        AXChipsModule,
+                        AXPThemeLayoutListComponent,
+                        AXPThemeLayoutListItemComponent,
+                        AXPThemeLayoutListItemsGroupComponent,
+                        AXPThemeLayoutHeaderComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [AXPGlobalSearchViewModel], template: "<axp-layout-content *translate=\"let t\">\n  <axp-layout-header class=\"ax-lg\">\n    <ax-search-box\n      [axAutoFocus]\n      [look]=\"'none'\"\n      [ngModel]=\"vm.text()\"\n      (onValueChanged)=\"handleTextChanged($event)\"\n      [placeholder]=\"t('search-anything', { scope: i18nScope }) | async\"\n      (onKeyDown)=\"handleSearchKeyDown($event)\"\n    ></ax-search-box>\n    <div class=\"__close-button\">\n      <ax-button [look]=\"'blank'\" class=\"ax-rounded-full\" (onClick)=\"close()\">\n        <ax-icon icon=\"fa-light fa-xmark fa-sm\"></ax-icon>\n      </ax-button>\n    </div>\n  </axp-layout-header>\n\n  <!-- Results Area -->\n  <axp-layout-body>\n    @if(vm.isBusy()) {\n    <ng-container *ngTemplateOutlet=\"skeleton\"></ng-container>\n    } @else if(vm.isEmpty()) {\n    <ng-container *ngTemplateOutlet=\"empty\"></ng-container>\n    } @else if(vm.isWelcome()) {\n    <ng-container *ngTemplateOutlet=\"welcome\"></ng-container>\n    } @else if(vm.isStart()) {\n    <ng-container *ngTemplateOutlet=\"start\"></ng-container>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"result\"></ng-container>\n    }\n  </axp-layout-body>\n\n  <!-- Skeleton Template -->\n  <ng-template #skeleton>\n    <div class=\"ax-flex ax-flex-col ax-gap-10 ax-p-8\">\n      @for (item of [1,2,3,4,5]; track $index) {\n      <div class=\"ax-flex ax-items-center ax-gap-4\">\n        <ax-skeleton [animated]=\"true\" class=\"ax-w-4 ax-h-4 ax-rounded-full\"></ax-skeleton>\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-flex-1\">\n          <ax-skeleton [animated]=\"true\" class=\"ax-w-1/4 ax-h-2 ax-rounded\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"ax-w-1/2 ax-h-2 ax-rounded\"></ax-skeleton>\n        </div>\n      </div>\n      }\n    </div>\n  </ng-template>\n\n  <!-- Empty Template -->\n  <ng-template #empty>\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-rounded-md ax-p-8\">\n      <!-- Icon -->\n      <div class=\"ax-mb-4\">\n        <i class=\"fas fa-search ax-text-gray-400 ax-text-4xl\"></i>\n      </div>\n      <!-- Message -->\n      <div class=\"ax-text-center\">\n        <h2 class=\"ax-text-lg ax-font-semibold\">{{ t('no-result.title', { scope: i18nScope }) | async }}</h2>\n        <p class=\"ax-mt-2 ax-leading-relaxed\">\n          {{ t('no-result.message', { scope: i18nScope }) | async }}\n        </p>\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Welcome Template -->\n  <ng-template #welcome>\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-rounded-md ax-p-8\">\n      <!-- Icon -->\n      <div class=\"ax-mb-4\">\n        <i class=\"fas fa-search ax-text-gray-400 ax-text-4xl\"></i>\n      </div>\n      <!-- Message -->\n      <div class=\"ax-text-center\">\n        <h2 class=\"ax-text-lg ax-font-semibold\">{{ t('start.title', { scope: i18nScope }) | async }}</h2>\n        <p class=\"ax-mt-2\">{{ t('start.message', { scope: i18nScope }) | async }}</p>\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Start Template -->\n  <ng-template #start>\n    <!-- Pinned Items -->\n    <axp-layout-list\n      *translate=\"let t\"\n      class=\"ax-p-4 ax-divide-none\"\n      (keydown)=\"handleListKeyDown($event)\"\n      axListNavigation\n      #list=\"axListNavigation\"\n    >\n      @if(vm.pinnedItems().length>0) {\n      <axp-layout-list-group>\n        <axp-layout-title>{{ t('pinned', { scope: i18nScope }) | async }}</axp-layout-title>\n        @for (item of vm.pinnedItems(); track $index) {\n        <axp-layout-list-item\n          (click)=\"vm.execute(item)\"\n          (keydown)=\"handleItemKeyDown($event, item)\"\n          class=\"ax-group\"\n          axListNavigationItem\n          #i=\"axListNavigationItem\"\n          [class.axp-state-focused]=\"i.isActive()\"\n        >\n          <ng-container [ngTemplateOutlet]=\"listItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\n        </axp-layout-list-item>\n        }\n      </axp-layout-list-group>\n      }\n      <!-- Recent Items -->\n      @if(vm.recentItems().length>0) {\n      <axp-layout-list-group>\n        <axp-layout-header>\n          <axp-layout-prefix>\n            <axp-layout-title>{{ t('recent', { scope: i18nScope }) | async }}</axp-layout-title>\n          </axp-layout-prefix>\n          <axp-layout-prefix class=\"ax-xs\">\n            <ax-button\n              [text]=\"t('clear', { scope: i18nScope }) | async\"\n              look=\"blank\"\n              [color]=\"'default'\"\n              (onClick)=\"handleClearClick($event)\"\n            ></ax-button>\n          </axp-layout-prefix>\n        </axp-layout-header>\n        @for (item of vm.recentItems(); track $index) {\n        <axp-layout-list-item\n          (click)=\"vm.execute(item)\"\n          (keydown)=\"handleItemKeyDown($event, item)\"\n          class=\"ax-group\"\n          axListNavigationItem\n          #i=\"axListNavigationItem\"\n          [class.axp-state-focused]=\"i.isActive()\"\n        >\n          <ng-container [ngTemplateOutlet]=\"listItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\n        </axp-layout-list-item>\n        }\n      </axp-layout-list-group>\n      }\n    </axp-layout-list>\n  </ng-template>\n\n  <!-- Result Template -->\n  <ng-template #result>\n    <axp-layout-list\n      class=\"ax-p-4 ax-divide-none\"\n      (keydown)=\"handleListKeyDown($event)\"\n      axListNavigation\n      #list=\"axListNavigation\"\n    >\n      @for (group of vm.results(); track $index) {\n      <axp-layout-list-group>\n        <axp-layout-title> {{ t(group.title) | async }}</axp-layout-title>\n        @for (item of group.children; track $index) {\n        <axp-layout-list-item\n          (click)=\"vm.execute(item)\"\n          (keydown)=\"handleItemKeyDown($event, item)\"\n          class=\"ax-group\"\n          axListNavigationItem\n          #i=\"axListNavigationItem\"\n          [class.axp-state-focused]=\"i.isActive()\"\n        >\n          <ng-container [ngTemplateOutlet]=\"listItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\n        </axp-layout-list-item>\n        }\n      </axp-layout-list-group>\n      }\n    </axp-layout-list>\n  </ng-template>\n\n  <ng-template #listItem let-item=\"item\">\n    <axp-layout-prefix>\n      <ax-icon icon=\"fal {{ item.icon }}\"></ax-icon>\n    </axp-layout-prefix>\n    <axp-layout-content>\n      <axp-layout-title class=\"ax-group\">\n        <span>{{ t(item.title) | async }}</span>\n        <span class=\"ax-ms-3\" (click)=\"handlePinClick($event, item)\">\n          <i\n            [class.ax-invisible]=\"!vm.isPinned(item)\"\n            class=\"fa-light fa-thumbtack ax-rotate-45 group-hover:!ax-visible\"\n            [class.fa-solid]=\"vm.isPinned(item)\"\n          ></i>\n        </span>\n      </axp-layout-title>\n      @if(item.parent) {\n      <axp-layout-description>\n        {{ t(item.parent.title) | async }}\n      </axp-layout-description>\n      }@else if (item.description) {\n      <axp-layout-description>\n        {{ t(item.description) | async }}\n      </axp-layout-description>\n      }\n    </axp-layout-content>\n    <axp-layout-suffix>\n      <i class=\"far fa-chevron-right rtl:ax-rotate-180\"></i>\n    </axp-layout-suffix>\n  </ng-template>\n</axp-layout-content>\n", styles: [":host .ax-editor-container:focus-within{outline-style:none}:host>axp-layout-content{display:flex;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));width:90vw;max-width:36rem}@media (min-width: 640px){:host>axp-layout-content{width:80vw}}@media (min-width: 768px){:host>axp-layout-content{width:60vw}}@media (min-width: 1024px){:host>axp-layout-content{width:40vw}}@media (min-width: 1280px){:host>axp-layout-content{width:30vw}}:host>axp-layout-content>axp-layout-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-width:1px;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host>axp-layout-content>axp-layout-header>.__close-button{position:absolute;inset-inline-end:1rem;top:1rem;--ax-sys-size-base: 2rem}:host>axp-layout-content>axp-layout-body{display:flex;flex-direction:column}:host>axp-layout-content>axp-layout-body>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}:host>axp-layout-content>axp-layout-body{overflow-y:auto;border-radius:.375rem;max-height:50vh;min-height:30vh}@media (min-width: 640px){:host>axp-layout-content>axp-layout-body{max-height:60vh;min-height:40vh}}@media (min-width: 768px){:host>axp-layout-content>axp-layout-body{max-height:70vh;min-height:50vh}}@media (min-width: 1024px){:host>axp-layout-content>axp-layout-body{max-height:80vh;min-height:40vh}}:host>axp-layout-content>axp-layout-body .axp-search-recent{display:flex;flex-direction:column;padding:1rem}:host>axp-layout-content>axp-layout-body .axp-search-recent>axp-layout-header{margin-bottom:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:.875rem;line-height:1.25rem;font-weight:600}:host>axp-layout-content>axp-layout-body .axp-search-recent>axp-layout-body{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;border-radius:.375rem}:host>axp-layout-content axp-layout-list-item axp-layout-prefix ax-icon{display:flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:.375rem;background-color:rgb(var(--ax-sys-color-dark-surface));color:rgb(var(--ax-sys-color-on-dark-surface));border-color:rgb(var(--ax-sys-color-border-dark-surface))}:host>axp-layout-content axp-layout-list-item axp-layout-prefix ax-icon:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}:host>axp-layout-content axp-layout-list-item axp-layout-prefix ax-icon{font-size:1rem}\n"] }]
+        }] });
+
+export { AXPGlobalSearchPopupComponent };
+//# sourceMappingURL=acorex-modules-common-search-popup.component-C3XUb6pF.mjs.map

package/fesm2022/acorex-modules-common-search-popup.component-C3XUb6pF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-common-search-popup.component-C3XUb6pF.mjs","sources":["../../../../libs/modules/common/src/lib/features/global-search/search-popup.component.ts","../../../../libs/modules/common/src/lib/features/global-search/search-popup.component.html"],"sourcesContent":["import {\n  AXListNavigationDirective,\n  AXListNavigationItemDirective,\n  AXListNavigationModule,\n} from '@acorex/cdk/list-navigation';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXChipsModule } from '@acorex/components/chips';\nimport { AXClickEvent, AXCommonModule, AXHtmlEvent, AXValueChangedEvent } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXSearchBoxComponent, AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXSkeletonModule } from '@acorex/components/skeleton';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPSearchDisplayResult } from '@acorex/platform/common';\nimport {\n  AXPThemeLayoutBlockComponent,\n  AXPThemeLayoutHeaderComponent,\n  AXPThemeLayoutListComponent,\n  AXPThemeLayoutListItemComponent,\n  AXPThemeLayoutListItemsGroupComponent,\n} from '@acorex/platform/themes/shared';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, viewChild, viewChildren } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { first } from 'rxjs';\nimport { AXPGlobalSearchViewModel } from './search.viewmodel';\n\n@Component({\n  templateUrl: 'search-popup.component.html',\n  styleUrl: 'search-popup.component.scss',\n  imports: [\n    CommonModule,\n    FormsModule,\n    //\n    AXSearchBoxModule,\n    AXCommonModule,\n    AXDecoratorModule,\n    AXTranslationModule,\n    AXListNavigationModule,\n    AXButtonModule,\n    //\n    AXPThemeLayoutBlockComponent,\n    AXSkeletonModule,\n    AXChipsModule,\n    AXPThemeLayoutListComponent,\n    AXPThemeLayoutListItemComponent,\n    AXPThemeLayoutListItemsGroupComponent,\n    AXPThemeLayoutHeaderComponent,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [AXPGlobalSearchViewModel],\n})\nexport class AXPGlobalSearchPopupComponent extends AXBasePageComponent {\n\n\n  protected i18nScope = 'global-search';\n\n  protected vm = inject(AXPGlobalSearchViewModel);\n\n  protected text: string | null = null;\n\n  private list = viewChild(AXListNavigationDirective);\n  private searchBox = viewChild(AXSearchBoxComponent);\n  private items = viewChildren(AXListNavigationItemDirective);\n\n  async handleTextChanged(e: AXValueChangedEvent<string>) {\n    if (e.isUserInteraction) {\n      await this.vm.search(e.value!);\n    }\n  }\n\n  protected override ngOnInit() {\n    super.ngOnInit();\n    //\n    this.vm.onItemSelected.pipe(first()).subscribe((item) => {\n      this.close(item);\n    });\n  }\n\n  protected handleSearchKeyDown(e: AXHtmlEvent<KeyboardEvent>) {\n    const event = e.nativeEvent!;\n    switch (event.code) {\n      case 'ArrowDown':\n        const item = this.items()[0];\n        if (item && this.list()) {\n          this.list()?.navigateTo(item);\n        }\n        event.preventDefault();\n        event.stopPropagation();\n        break;\n    }\n  }\n\n  protected handleClearClick($event: AXClickEvent) {\n    this.vm.clearRecentItems();\n  }\n\n  protected handleListKeyDown(e: KeyboardEvent) {\n    switch (e.code) {\n      case 'ArrowUp': {\n        const item = this.items()[0];\n        if (item && this.list() && item.isActive()) {\n          this.searchBox()?.focus();\n        }\n        break;\n      }\n      case 'Escape': {\n        this.searchBox()?.focus();\n        e.preventDefault();\n        e.stopPropagation();\n        break;\n      }\n    }\n  }\n\n  protected handleItemKeyDown(e: KeyboardEvent, item: AXPSearchDisplayResult) {\n    switch (e.code) {\n      case 'Enter':\n      case 'Space': {\n        e.preventDefault();\n        e.stopPropagation();\n        this.vm.execute(item);\n        break;\n      }\n    }\n  }\n\n  protected handlePinClick(e: Event, item: any) {\n    e.stopPropagation();\n    this.vm.togglePin(item);\n  }\n}\n","<axp-layout-content *translate=\"let t\">\n  <axp-layout-header class=\"ax-lg\">\n    <ax-search-box\n      [axAutoFocus]\n      [look]=\"'none'\"\n      [ngModel]=\"vm.text()\"\n      (onValueChanged)=\"handleTextChanged($event)\"\n      [placeholder]=\"t('search-anything', { scope: i18nScope }) | async\"\n      (onKeyDown)=\"handleSearchKeyDown($event)\"\n    ></ax-search-box>\n    <div class=\"__close-button\">\n      <ax-button [look]=\"'blank'\" class=\"ax-rounded-full\" (onClick)=\"close()\">\n        <ax-icon icon=\"fa-light fa-xmark fa-sm\"></ax-icon>\n      </ax-button>\n    </div>\n  </axp-layout-header>\n\n  <!-- Results Area -->\n  <axp-layout-body>\n    @if(vm.isBusy()) {\n    <ng-container *ngTemplateOutlet=\"skeleton\"></ng-container>\n    } @else if(vm.isEmpty()) {\n    <ng-container *ngTemplateOutlet=\"empty\"></ng-container>\n    } @else if(vm.isWelcome()) {\n    <ng-container *ngTemplateOutlet=\"welcome\"></ng-container>\n    } @else if(vm.isStart()) {\n    <ng-container *ngTemplateOutlet=\"start\"></ng-container>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"result\"></ng-container>\n    }\n  </axp-layout-body>\n\n  <!-- Skeleton Template -->\n  <ng-template #skeleton>\n    <div class=\"ax-flex ax-flex-col ax-gap-10 ax-p-8\">\n      @for (item of [1,2,3,4,5]; track $index) {\n      <div class=\"ax-flex ax-items-center ax-gap-4\">\n        <ax-skeleton [animated]=\"true\" class=\"ax-w-4 ax-h-4 ax-rounded-full\"></ax-skeleton>\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-flex-1\">\n          <ax-skeleton [animated]=\"true\" class=\"ax-w-1/4 ax-h-2 ax-rounded\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"ax-w-1/2 ax-h-2 ax-rounded\"></ax-skeleton>\n        </div>\n      </div>\n      }\n    </div>\n  </ng-template>\n\n  <!-- Empty Template -->\n  <ng-template #empty>\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-rounded-md ax-p-8\">\n      <!-- Icon -->\n      <div class=\"ax-mb-4\">\n        <i class=\"fas fa-search ax-text-gray-400 ax-text-4xl\"></i>\n      </div>\n      <!-- Message -->\n      <div class=\"ax-text-center\">\n        <h2 class=\"ax-text-lg ax-font-semibold\">{{ t('no-result.title', { scope: i18nScope }) | async }}</h2>\n        <p class=\"ax-mt-2 ax-leading-relaxed\">\n          {{ t('no-result.message', { scope: i18nScope }) | async }}\n        </p>\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Welcome Template -->\n  <ng-template #welcome>\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-rounded-md ax-p-8\">\n      <!-- Icon -->\n      <div class=\"ax-mb-4\">\n        <i class=\"fas fa-search ax-text-gray-400 ax-text-4xl\"></i>\n      </div>\n      <!-- Message -->\n      <div class=\"ax-text-center\">\n        <h2 class=\"ax-text-lg ax-font-semibold\">{{ t('start.title', { scope: i18nScope }) | async }}</h2>\n        <p class=\"ax-mt-2\">{{ t('start.message', { scope: i18nScope }) | async }}</p>\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Start Template -->\n  <ng-template #start>\n    <!-- Pinned Items -->\n    <axp-layout-list\n      *translate=\"let t\"\n      class=\"ax-p-4 ax-divide-none\"\n      (keydown)=\"handleListKeyDown($event)\"\n      axListNavigation\n      #list=\"axListNavigation\"\n    >\n      @if(vm.pinnedItems().length>0) {\n      <axp-layout-list-group>\n        <axp-layout-title>{{ t('pinned', { scope: i18nScope }) | async }}</axp-layout-title>\n        @for (item of vm.pinnedItems(); track $index) {\n        <axp-layout-list-item\n          (click)=\"vm.execute(item)\"\n          (keydown)=\"handleItemKeyDown($event, item)\"\n          class=\"ax-group\"\n          axListNavigationItem\n          #i=\"axListNavigationItem\"\n          [class.axp-state-focused]=\"i.isActive()\"\n        >\n          <ng-container [ngTemplateOutlet]=\"listItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\n        </axp-layout-list-item>\n        }\n      </axp-layout-list-group>\n      }\n      <!-- Recent Items -->\n      @if(vm.recentItems().length>0) {\n      <axp-layout-list-group>\n        <axp-layout-header>\n          <axp-layout-prefix>\n            <axp-layout-title>{{ t('recent', { scope: i18nScope }) | async }}</axp-layout-title>\n          </axp-layout-prefix>\n          <axp-layout-prefix class=\"ax-xs\">\n            <ax-button\n              [text]=\"t('clear', { scope: i18nScope }) | async\"\n              look=\"blank\"\n              [color]=\"'default'\"\n              (onClick)=\"handleClearClick($event)\"\n            ></ax-button>\n          </axp-layout-prefix>\n        </axp-layout-header>\n        @for (item of vm.recentItems(); track $index) {\n        <axp-layout-list-item\n          (click)=\"vm.execute(item)\"\n          (keydown)=\"handleItemKeyDown($event, item)\"\n          class=\"ax-group\"\n          axListNavigationItem\n          #i=\"axListNavigationItem\"\n          [class.axp-state-focused]=\"i.isActive()\"\n        >\n          <ng-container [ngTemplateOutlet]=\"listItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\n        </axp-layout-list-item>\n        }\n      </axp-layout-list-group>\n      }\n    </axp-layout-list>\n  </ng-template>\n\n  <!-- Result Template -->\n  <ng-template #result>\n    <axp-layout-list\n      class=\"ax-p-4 ax-divide-none\"\n      (keydown)=\"handleListKeyDown($event)\"\n      axListNavigation\n      #list=\"axListNavigation\"\n    >\n      @for (group of vm.results(); track $index) {\n      <axp-layout-list-group>\n        <axp-layout-title> {{ t(group.title) | async }}</axp-layout-title>\n        @for (item of group.children; track $index) {\n        <axp-layout-list-item\n          (click)=\"vm.execute(item)\"\n          (keydown)=\"handleItemKeyDown($event, item)\"\n          class=\"ax-group\"\n          axListNavigationItem\n          #i=\"axListNavigationItem\"\n          [class.axp-state-focused]=\"i.isActive()\"\n        >\n          <ng-container [ngTemplateOutlet]=\"listItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\n        </axp-layout-list-item>\n        }\n      </axp-layout-list-group>\n      }\n    </axp-layout-list>\n  </ng-template>\n\n  <ng-template #listItem let-item=\"item\">\n    <axp-layout-prefix>\n      <ax-icon icon=\"fal {{ item.icon }}\"></ax-icon>\n    </axp-layout-prefix>\n    <axp-layout-content>\n      <axp-layout-title class=\"ax-group\">\n        <span>{{ t(item.title) | async }}</span>\n        <span class=\"ax-ms-3\" (click)=\"handlePinClick($event, item)\">\n          <i\n            [class.ax-invisible]=\"!vm.isPinned(item)\"\n            class=\"fa-light fa-thumbtack ax-rotate-45 group-hover:!ax-visible\"\n            [class.fa-solid]=\"vm.isPinned(item)\"\n          ></i>\n        </span>\n      </axp-layout-title>\n      @if(item.parent) {\n      <axp-layout-description>\n        {{ t(item.parent.title) | async }}\n      </axp-layout-description>\n      }@else if (item.description) {\n      <axp-layout-description>\n        {{ t(item.description) | async }}\n      </axp-layout-description>\n      }\n    </axp-layout-content>\n    <axp-layout-suffix>\n      <i class=\"far fa-chevron-right rtl:ax-rotate-180\"></i>\n    </axp-layout-suffix>\n  </ng-template>\n</axp-layout-content>\n"],"names":["i6","i8"],"mappings":"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"}