@acorex-platform/module-auth-client 0.0.15 → 0.0.18

package/fesm2022/acorex-platform-module-auth-client-password.component-BuqUhET7.mjs

@@ -1,59 +0,0 @@
-import * as i1$1 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import { AXCheckBoxModule } from '@acorex/components/check-box';
-import * as i1 from '@acorex/components/form';
-import { AXFormModule } from '@acorex/components/form';
-import * as i3 from '@acorex/components/label';
-import { AXLabelModule } from '@acorex/components/label';
-import { AXPasswordBoxModule } from '@acorex/components/password-box';
-import * as i2 from '@acorex/components/text-box';
-import { AXTextBoxModule } from '@acorex/components/text-box';
-import * as i2$1 from '@acorex/core/translation';
-import { AXTranslationModule } from '@acorex/core/translation';
-import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, Component } from '@angular/core';
-import * as i1$2 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import { n as AXM_AUTH_CONFIG_TOKEN, p as AXMAuthenticationTypes } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-B7tIKOw6.mjs';
-
-const MODULES = [
-    CommonModule,
-    AXFormModule,
-    AXTextBoxModule,
-    AXPasswordBoxModule,
-    AXButtonModule,
-    AXLabelModule,
-    AXCheckBoxModule,
-    AXTranslationModule,
-    RouterModule,
-];
-class AXPForgetPasswordComponent {
-    constructor() {
-        this.configs = inject(AXM_AUTH_CONFIG_TOKEN);
-    }
-    ngOnInit() {
-        this.l2 = 'password';
-        switch (this.configs.type) {
-            case AXMAuthenticationTypes.EmailPassword:
-                this.l1 = 'email';
-                break;
-            case AXMAuthenticationTypes.MobilePassword:
-                this.l1 = 'mobile';
-                break;
-            case AXMAuthenticationTypes.UsernamePassword:
-            default:
-                this.l1 = 'username';
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPForgetPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPForgetPasswordComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div class=\"text-center mb-4\" *translate=\"let t\">\n  <h1 class=\"font-bold text-xl mb-2\">{{ '@auth:forgot.password' | translate | async }}</h1>\n  <p class=\"text-base text-neutral-600\">\n    {{ '@auth:forgot.hint' | translate | async }}\n  </p>\n</div>\n<div class=\"w-80 lg:w-96\" *translate=\"let t\">\n  <ax-form>\n    <div class=\"flex flex-col gap-6\">\n      <ax-form-field>\n        <ax-label>{{ '@auth:username-email' | translate | async }}</ax-label>\n        <ax-text-box></ax-text-box>\n      </ax-form-field>\n    </div>\n    <ax-button color=\"primary\" class=\"mt-6 w-full\" [text]=\"'@auth:forgot.submit' | translate | async\"></ax-button>\n    <div class=\"text-center mt-6 text-sm font-normal\">\n      <span> {{ '@auth:forgot.remember' | translate | async }} </span>\n      <a [routerLink]=\"['/auth/login']\" class=\"links font-semibold\">{{\n        '@auth:signin.title' | translate | async\n      }}</a>\n    </div>\n  </ax-form>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i1.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: AXPasswordBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i3.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i2$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPForgetPasswordComponent, decorators: [{
-            type: Component,
-            args: [{ imports: [...MODULES], template: "<div class=\"text-center mb-4\" *translate=\"let t\">\n  <h1 class=\"font-bold text-xl mb-2\">{{ '@auth:forgot.password' | translate | async }}</h1>\n  <p class=\"text-base text-neutral-600\">\n    {{ '@auth:forgot.hint' | translate | async }}\n  </p>\n</div>\n<div class=\"w-80 lg:w-96\" *translate=\"let t\">\n  <ax-form>\n    <div class=\"flex flex-col gap-6\">\n      <ax-form-field>\n        <ax-label>{{ '@auth:username-email' | translate | async }}</ax-label>\n        <ax-text-box></ax-text-box>\n      </ax-form-field>\n    </div>\n    <ax-button color=\"primary\" class=\"mt-6 w-full\" [text]=\"'@auth:forgot.submit' | translate | async\"></ax-button>\n    <div class=\"text-center mt-6 text-sm font-normal\">\n      <span> {{ '@auth:forgot.remember' | translate | async }} </span>\n      <a [routerLink]=\"['/auth/login']\" class=\"links font-semibold\">{{\n        '@auth:signin.title' | translate | async\n      }}</a>\n    </div>\n  </ax-form>\n</div>\n" }]
-        }] });
-
-export { AXPForgetPasswordComponent };
-//# sourceMappingURL=acorex-platform-module-auth-client-password.component-BuqUhET7.mjs.map

package/fesm2022/acorex-platform-module-auth-client-password.component-BuqUhET7.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-platform-module-auth-client-password.component-BuqUhET7.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/forgot/password/password.component.ts","../../../../libs/modules/auth/client/src/lib/pages/forgot/password/password.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXPasswordBoxModule } from '@acorex/components/password-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { Component, OnInit, inject } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { AXMAuthConfigs, AXMAuthenticationTypes, AXM_AUTH_CONFIG_TOKEN } from '../../../auth.config';\n\nconst MODULES = [\n  CommonModule,\n  AXFormModule,\n  AXTextBoxModule,\n  AXPasswordBoxModule,\n  AXButtonModule,\n  AXLabelModule,\n  AXCheckBoxModule,\n  AXTranslationModule,\n  RouterModule,\n];\n\n@Component({\n  templateUrl: './password.component.html',\n  imports: [...MODULES],\n})\nexport class AXPForgetPasswordComponent implements OnInit {\n  protected l1!: string;\n  protected l2!: string;\n\n  protected configs: AXMAuthConfigs = inject<AXMAuthConfigs>(AXM_AUTH_CONFIG_TOKEN);\n\n  ngOnInit(): void {\n    this.l2 = 'password';\n    switch (this.configs.type) {\n      case AXMAuthenticationTypes.EmailPassword:\n        this.l1 = 'email';\n        break;\n      case AXMAuthenticationTypes.MobilePassword:\n        this.l1 = 'mobile';\n\n        break;\n      case AXMAuthenticationTypes.UsernamePassword:\n      default:\n        this.l1 = 'username';\n    }\n  }\n}\n","<div class=\"text-center mb-4\" *translate=\"let t\">\n  <h1 class=\"font-bold text-xl mb-2\">{{ '@auth:forgot.password' | translate | async }}</h1>\n  <p class=\"text-base text-neutral-600\">\n    {{ '@auth:forgot.hint' | translate | async }}\n  </p>\n</div>\n<div class=\"w-80 lg:w-96\" *translate=\"let t\">\n  <ax-form>\n    <div class=\"flex flex-col gap-6\">\n      <ax-form-field>\n        <ax-label>{{ '@auth:username-email' | translate | async }}</ax-label>\n        <ax-text-box></ax-text-box>\n      </ax-form-field>\n    </div>\n    <ax-button color=\"primary\" class=\"mt-6 w-full\" [text]=\"'@auth:forgot.submit' | translate | async\"></ax-button>\n    <div class=\"text-center mt-6 text-sm font-normal\">\n      <span> {{ '@auth:forgot.remember' | translate | async }} </span>\n      <a [routerLink]=\"['/auth/login']\" class=\"links font-semibold\">{{\n        '@auth:signin.title' | translate | async\n      }}</a>\n    </div>\n  </ax-form>\n</div>\n"],"names":["i4","i6","i7","i5"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,MAAM,OAAO,GAAG;IACd,YAAY;IACZ,YAAY;IACZ,eAAe;IACf,mBAAmB;IACnB,cAAc;IACd,aAAa;IACb,gBAAgB;IAChB,mBAAmB;IACnB,YAAY;CACb;MAMY,0BAA0B,CAAA;AAJvC,IAAA,WAAA,GAAA;AAQY,QAAA,IAAA,CAAA,OAAO,GAAmB,MAAM,CAAiB,qBAAqB,CAAC;AAiBlF,IAAA;IAfC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,EAAE,GAAG,UAAU;AACpB,QAAA,QAAQ,IAAI,CAAC,OAAO,CAAC,IAAI;YACvB,KAAK,sBAAsB,CAAC,aAAa;AACvC,gBAAA,IAAI,CAAC,EAAE,GAAG,OAAO;gBACjB;YACF,KAAK,sBAAsB,CAAC,cAAc;AACxC,gBAAA,IAAI,CAAC,EAAE,GAAG,QAAQ;gBAElB;YACF,KAAK,sBAAsB,CAAC,gBAAgB;AAC5C,YAAA;AACE,gBAAA,IAAI,CAAC,EAAE,GAAG,UAAU;;IAE1B;8GApBW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,wEC5BvC,y8BAuBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDVE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,YAAY,qWACZ,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,IAAA,EAAA,aAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,cAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,SAAA,EAAA,YAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,cAAc,+XACd,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,KAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,mBAAmB,gHACnB,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAOD,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,SAAS;8BAEC,CAAC,GAAG,OAAO,CAAC,EAAA,QAAA,EAAA,y8BAAA,EAAA;;;;;"}

package/fesm2022/acorex-platform-module-auth-client-routes-REjaWcqY.mjs

@@ -1,9 +0,0 @@
-var routes = [{
-        path: 'forgot',
-        loadComponent: () => {
-            return import('./acorex-platform-module-auth-client-password.component-BuqUhET7.mjs').then((c) => c.AXPForgetPasswordComponent);
-        },
-    }];
-
-export { routes as default };
-//# sourceMappingURL=acorex-platform-module-auth-client-routes-REjaWcqY.mjs.map

package/fesm2022/acorex-platform-module-auth-client-routes-REjaWcqY.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-platform-module-auth-client-routes-REjaWcqY.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/forgot/routes.ts"],"sourcesContent":["import { Route } from '@angular/router';\n\nexport default [{\n    path: 'forgot',\n    loadComponent: () => {\n        return import('./password/password.component').then(\n            (c) => c.AXPForgetPasswordComponent\n        );\n    },\n}] as Route[];"],"names":[],"mappings":"AAEA,aAAe,CAAC;AACZ,QAAA,IAAI,EAAE,QAAQ;QACd,aAAa,EAAE,MAAK;AAChB,YAAA,OAAO,OAAO,sEAA+B,CAAC,CAAC,IAAI,CAC/C,CAAC,CAAC,KAAK,CAAC,CAAC,0BAA0B,CACtC;QACL,CAAC;AACJ,KAAA,CAAY;;;;"}

package/fesm2022/acorex-platform-module-auth-client-session-lock-overlay.component-DqXGuIgN.mjs

@@ -1,346 +0,0 @@
-import { AXFocusTrapDirective } from '@acorex/cdk/focus-trap';
-import * as i1$1 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import * as i3 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i4 from '@acorex/components/otp';
-import { AXOtpComponent, AXOtpModule } from '@acorex/components/otp';
-import * as i4$1 from '@acorex/components/password-box';
-import { AXPasswordBoxComponent, AXPasswordBoxModule } from '@acorex/components/password-box';
-import { AXToastService } from '@acorex/components/toast';
-import * as i2 from '@acorex/core/translation';
-import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
-import { AXPSessionService } from '@acorex-platform/framework-client/auth';
-import { AXPDeviceService } from '@acorex-platform/framework-client/core';
-import { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';
-import { AXPUserAvatarComponent, AXPVirtualKeypadComponent } from '@acorex-platform/framework-client/layout/components';
-import * as i4$2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { signal, computed, viewChild, inject, Injector, DestroyRef, afterNextRender, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { defaultTo, get, first } from 'lodash';
-import { A as AXP_AUTH_PIN_CODE_LENGTH, a as AXP_AUTH_PIN_CODE_PATTERN } from './acorex-platform-module-auth-client-pin-code.constants-CRsFG7fg.mjs';
-import { AXPCommandService } from '@acorex-platform/framework-client/runtime';
-import { AXMAuthCommandKeys } from '@acorex-platform/module-auth-client/contracts';
-import { f as AXPIdleLockService } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-B7tIKOw6.mjs';
-
-const SECURITY_MANAGEMENT_MODULE = 'SecurityManagement';
-const SECURITY_MANAGEMENT_USER_ENTITY = 'User';
-class AXMSessionLockOverlayComponent {
-    constructor() {
-        //#region ---- Constants ----
-        this.pinLength = AXP_AUTH_PIN_CODE_LENGTH;
-        //#endregion
-        //#region ---- State ----
-        this.pinInput = signal('', ...(ngDevMode ? [{ debugName: "pinInput" }] : /* istanbul ignore next */ []));
-        this.passwordInput = signal('', ...(ngDevMode ? [{ debugName: "passwordInput" }] : /* istanbul ignore next */ []));
-        this.pinError = signal(false, ...(ngDevMode ? [{ debugName: "pinError" }] : /* istanbul ignore next */ []));
-        this.passwordError = signal(false, ...(ngDevMode ? [{ debugName: "passwordError" }] : /* istanbul ignore next */ []));
-        this.isVerifying = signal(false, ...(ngDevMode ? [{ debugName: "isVerifying" }] : /* istanbul ignore next */ []));
-        this.unlockMode = signal('pin', ...(ngDevMode ? [{ debugName: "unlockMode" }] : /* istanbul ignore next */ []));
-        this.userRoleTitle = signal('', ...(ngDevMode ? [{ debugName: "userRoleTitle" }] : /* istanbul ignore next */ []));
-        this.hasPinCode = computed(() => this.idleLockService.hasPinCode(), ...(ngDevMode ? [{ debugName: "hasPinCode" }] : /* istanbul ignore next */ []));
-        this.useDeviceKeyboard = computed(() => !this.deviceService.isDesktopDevice(), ...(ngDevMode ? [{ debugName: "useDeviceKeyboard" }] : /* istanbul ignore next */ []));
-        this.displayName = computed(() => defaultTo(this.sessionService.user?.title, ''), ...(ngDevMode ? [{ debugName: "displayName" }] : /* istanbul ignore next */ []));
-        this.userId = computed(() => this.sessionService.user?.id ?? '', ...(ngDevMode ? [{ debugName: "userId" }] : /* istanbul ignore next */ []));
-        this.applicationBadge = computed(() => {
-            const application = this.sessionService.application;
-            return defaultTo(application?.title, defaultTo(application?.name, ''));
-        }, ...(ngDevMode ? [{ debugName: "applicationBadge" }] : /* istanbul ignore next */ []));
-        this.otpState = computed(() => (this.pinError() ? 'error' : 'clear'), ...(ngDevMode ? [{ debugName: "otpState" }] : /* istanbul ignore next */ []));
-        //#endregion
-        //#region ---- View children ----
-        this.otpInput = viewChild(AXOtpComponent, ...(ngDevMode ? [{ debugName: "otpInput" }] : /* istanbul ignore next */ []));
-        this.passwordBox = viewChild(AXPasswordBoxComponent, ...(ngDevMode ? [{ debugName: "passwordBox" }] : /* istanbul ignore next */ []));
-        //#endregion
-        //#region ---- Services & Dependencies ----
-        this.idleLockService = inject(AXPIdleLockService);
-        this.sessionService = inject(AXPSessionService);
-        this.deviceService = inject(AXPDeviceService);
-        this.entityService = inject(AXPEntityService);
-        this.toastService = inject(AXToastService);
-        this.translateService = inject(AXTranslationService);
-        this.commandService = inject(AXPCommandService);
-        this.injector = inject(Injector);
-        this.destroyRef = inject(DestroyRef);
-    }
-    //#endregion
-    //#region ---- Lifecycle Methods ----
-    ngOnInit() {
-        void this.initializeUnlockMode();
-        void this.loadUserRoleTitle();
-        this.bindRefocusOnInteraction();
-    }
-    //#endregion
-    //#region ---- UI Handlers ----
-    onOverlayClick() {
-        if (!this.isUnlockEntryFocused()) {
-            this.focusUnlockEntry();
-        }
-    }
-    onDesktopPinChange(value) {
-        const normalized = defaultTo(value, '');
-        if (this.pinError() && normalized.length > 0) {
-            this.pinError.set(false);
-        }
-        this.pinInput.set(normalized);
-    }
-    onDesktopPinCompleted(event) {
-        if (!event.isCompleted || this.isVerifying()) {
-            return;
-        }
-        this.pinInput.set(defaultTo(event.value, ''));
-        void this.submitPin();
-    }
-    onMobilePinDigit(digit) {
-        if (this.isVerifying()) {
-            return;
-        }
-        const current = this.pinInput();
-        if (current.length >= AXP_AUTH_PIN_CODE_LENGTH) {
-            return;
-        }
-        const next = `${current}${digit}`;
-        if (this.pinError() && next.length > 0) {
-            this.pinError.set(false);
-        }
-        this.pinInput.set(next);
-        if (next.length === AXP_AUTH_PIN_CODE_LENGTH) {
-            void this.submitPin();
-        }
-    }
-    onMobilePinBackspace() {
-        if (this.isVerifying()) {
-            return;
-        }
-        const current = this.pinInput();
-        if (!current.length) {
-            return;
-        }
-        const next = current.slice(0, -1);
-        if (this.pinError() && next.length > 0) {
-            this.pinError.set(false);
-        }
-        this.pinInput.set(next);
-    }
-    onPasswordChange(value) {
-        this.passwordInput.set(defaultTo(value, ''));
-        this.passwordError.set(false);
-    }
-    showPasswordUnlock(event) {
-        event?.nativeEvent.stopPropagation();
-        this.unlockMode.set('password');
-        this.resetPinInput();
-        this.focusUnlockEntry();
-    }
-    showPinUnlock(event) {
-        event?.nativeEvent.stopPropagation();
-        if (!this.hasPinCode()) {
-            return;
-        }
-        this.unlockMode.set('pin');
-        this.passwordInput.set('');
-        this.passwordError.set(false);
-        this.focusUnlockEntry();
-    }
-    submitPassword() {
-        void this.verifyPasswordAndUnlock();
-    }
-    signOut(event) {
-        event?.nativeEvent.stopPropagation();
-        void this.commandService.execute(AXMAuthCommandKeys.Session.Signout, {});
-    }
-    //#endregion
-    //#region ---- Private Methods ----
-    async initializeUnlockMode() {
-        await this.idleLockService.refreshPinState();
-        this.resetUnlockState();
-        this.focusUnlockEntry();
-    }
-    getDefaultUnlockMode() {
-        return this.idleLockService.hasPinCode() ? 'pin' : 'password';
-    }
-    async loadUserRoleTitle() {
-        const userId = this.sessionService.user?.id;
-        if (!userId) {
-            this.userRoleTitle.set('');
-            return;
-        }
-        try {
-            const user = await this.entityService
-                .withEntity(SECURITY_MANAGEMENT_MODULE, SECURITY_MANAGEMENT_USER_ENTITY)
-                .data()
-                .byKey(userId);
-            const roleTitle = defaultTo(get(first(get(user, 'roles', [])), 'title'), '');
-            this.userRoleTitle.set(roleTitle);
-        }
-        catch (error) {
-            console.error('Failed to load user role for session lock overlay', error);
-            this.userRoleTitle.set('');
-        }
-    }
-    async submitPin() {
-        if (this.isVerifying()) {
-            return;
-        }
-        const pin = this.pinInput();
-        if (!AXP_AUTH_PIN_CODE_PATTERN.test(pin)) {
-            return;
-        }
-        this.isVerifying.set(true);
-        try {
-            if (this.idleLockService.verifyPin(pin)) {
-                this.idleLockService.unlock();
-                this.resetUnlockState();
-                return;
-            }
-            await this.showIncorrectPinError();
-            this.applyPinValidationError();
-        }
-        finally {
-            this.isVerifying.set(false);
-        }
-    }
-    async verifyPasswordAndUnlock() {
-        if (this.isVerifying() || !this.passwordInput()) {
-            return;
-        }
-        this.isVerifying.set(true);
-        try {
-            if (await this.idleLockService.verifyPassword(this.passwordInput())) {
-                this.idleLockService.unlock();
-                this.resetUnlockState();
-                return;
-            }
-            await this.showIncorrectPasswordError();
-            this.triggerPasswordError();
-            this.passwordInput.set('');
-            this.focusUnlockEntry();
-        }
-        finally {
-            this.isVerifying.set(false);
-        }
-    }
-    resetUnlockState() {
-        this.unlockMode.set(this.getDefaultUnlockMode());
-        this.resetPinInput();
-        this.passwordInput.set('');
-        this.passwordError.set(false);
-        this.pinError.set(false);
-    }
-    resetPinInput(clearError = true) {
-        if (clearError) {
-            this.pinError.set(false);
-        }
-        this.pinInput.set('');
-        this.otpInput()?.reset();
-    }
-    applyPinValidationError() {
-        this.resetPinInput(false);
-        afterNextRender(() => {
-            this.pinError.set(true);
-            this.syncOtpErrorState();
-            if (!this.useDeviceKeyboard()) {
-                this.otpInput()?.focus();
-            }
-        }, { injector: this.injector });
-    }
-    syncOtpErrorState() {
-        const otp = this.otpInput();
-        if (otp) {
-            otp.state = 'error';
-        }
-    }
-    focusUnlockEntry() {
-        afterNextRender(() => {
-            if (this.unlockMode() === 'password') {
-                this.focusPasswordInput();
-                return;
-            }
-            if (!this.useDeviceKeyboard()) {
-                this.otpInput()?.focus();
-            }
-        }, { injector: this.injector });
-    }
-    focusPasswordInput() {
-        const attemptFocus = () => {
-            const passwordBox = this.passwordBox();
-            if (!passwordBox) {
-                return false;
-            }
-            passwordBox.focus();
-            requestAnimationFrame(() => {
-                if (!this.isUnlockEntryFocused()) {
-                    passwordBox.focus();
-                }
-            });
-            return true;
-        };
-        if (!attemptFocus()) {
-            afterNextRender(() => attemptFocus(), { injector: this.injector });
-        }
-    }
-    bindRefocusOnInteraction() {
-        const onKeydown = (event) => {
-            if (this.isUnlockEntryFocused() || event.defaultPrevented) {
-                return;
-            }
-            this.focusUnlockEntry();
-        };
-        document.addEventListener('keydown', onKeydown, true);
-        this.destroyRef.onDestroy(() => {
-            document.removeEventListener('keydown', onKeydown, true);
-        });
-    }
-    isUnlockEntryFocused() {
-        const active = document.activeElement;
-        if (!(active instanceof HTMLElement)) {
-            return false;
-        }
-        if (this.unlockMode() === 'password') {
-            return active.closest('ax-password-box') !== null;
-        }
-        if (this.useDeviceKeyboard()) {
-            return active.closest('axp-virtual-keypad') !== null;
-        }
-        return active.closest('ax-otp') !== null;
-    }
-    triggerPasswordError() {
-        this.passwordError.set(true);
-        setTimeout(() => this.passwordError.set(false), 450);
-    }
-    async showIncorrectPinError() {
-        const content = await this.translateService.translateAsync('@auth:session-lock.messages.incorrect-pin');
-        const title = await this.translateService.translateAsync('@general:messages.generic.error.title');
-        this.toastService.show({ color: 'danger', title, content, closeButton: true });
-    }
-    async showIncorrectPasswordError() {
-        const content = await this.translateService.translateAsync('@auth:session-lock.messages.incorrect-password');
-        const title = await this.translateService.translateAsync('@general:messages.generic.error.title');
-        this.toastService.show({ color: 'danger', title, content, closeButton: true });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMSessionLockOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMSessionLockOverlayComponent, isStandalone: true, selector: "axm-session-lock-overlay", host: { classAttribute: "axm-session-lock-overlay-host" }, viewQueries: [{ propertyName: "otpInput", first: true, predicate: AXOtpComponent, descendants: true, isSignal: true }, { propertyName: "passwordBox", first: true, predicate: AXPasswordBoxComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"axm-session-lock-overlay\" [class.axm-session-lock-overlay--desktop]=\"!useDeviceKeyboard()\"\n  [class.axm-session-lock-overlay--mobile]=\"useDeviceKeyboard()\" (click)=\"onOverlayClick()\">\n  <div class=\"axm-session-lock-overlay__panel\" axFocusTrap tabindex=\"-1\" (click)=\"$event.stopPropagation()\">\n    <div class=\"axm-session-lock-overlay__profile\">\n      <div class=\"axm-session-lock-overlay__avatar-wrap\">\n        @if (userId(); as resolvedUserId) {\n        <axp-user-avatar [size]=\"useDeviceKeyboard() ? 64 : 80\" [userId]=\"resolvedUserId\"></axp-user-avatar>\n        }\n      </div>\n\n      @if (displayName()) {\n      <p class=\"axm-session-lock-overlay__name m-0\">\n        {{ displayName() }}\n      </p>\n      }\n\n      <!-- @if (userRoleTitle()) {\n      <p class=\"axm-session-lock-overlay__role m-0\">\n        {{ userRoleTitle() }}\n      </p>\n      } -->\n\n      @if (applicationBadge()) {\n      <div class=\"axm-session-lock-overlay__user-badge\">\n        <i class=\"fa-light fa-lock\" aria-hidden=\"true\"></i>\n        <span>{{ applicationBadge() }}</span>\n      </div>\n      }\n    </div>\n\n    <div class=\"axm-session-lock-overlay__divider\" aria-hidden=\"true\"></div>\n\n    <div class=\"axm-session-lock-overlay__body\">\n      <div class=\"axm-session-lock-overlay__body-main\">\n        <div class=\"axm-session-lock-overlay__lock-badge\" aria-hidden=\"true\">\n          <i class=\"fa-light fa-lock\"></i>\n        </div>\n\n        <h2 class=\"axm-session-lock-overlay__title m-0\">\n          {{ '@auth:session-lock.title' | translate | async }}\n        </h2>\n\n        @if (unlockMode() === 'pin' && hasPinCode()) {\n        <p class=\"axm-session-lock-overlay__instruction m-0\">\n          {{ '@auth:session-lock.pin-instruction' | translate | async }}\n        </p>\n\n        <div class=\"axm-session-lock-overlay__otp\" [class.axm-session-lock-overlay__otp--error]=\"pinError()\">\n          <ax-otp class=\"w-full block\" [type]=\"'number'\" [mode]=\"'star'\" [length]=\"pinLength\" [state]=\"otpState()\"\n            [readonly]=\"useDeviceKeyboard()\" [disabled]=\"isVerifying()\" [ngModel]=\"pinInput()\"\n            (ngModelChange)=\"onDesktopPinChange($event)\" (onCompleted)=\"onDesktopPinCompleted($event)\"></ax-otp>\n        </div>\n        } @else {\n        <p class=\"axm-session-lock-overlay__instruction m-0\">\n          {{ '@auth:session-lock.password-instruction' | translate | async }}\n        </p>\n\n        <div class=\"axm-session-lock-overlay__password\"\n          [class.axm-session-lock-overlay__password--error]=\"passwordError()\">\n          <ax-password-box class=\"axm-session-lock-overlay__password-input w-full\" look=\"outline\"\n            [disabled]=\"isVerifying()\" [ngModel]=\"passwordInput()\" (ngModelChange)=\"onPasswordChange($event)\"\n            (keydown.enter)=\"submitPassword()\" [placeholder]=\"'@auth:password' | translate | async\"></ax-password-box>\n        </div>\n\n        <div class=\"axm-session-lock-overlay__actions\">\n          <ax-button class=\"axm-session-lock-overlay__action w-full rounded-lg\" look=\"solid\" color=\"primary\"\n            [disabled]=\"isVerifying() || !passwordInput()\" [text]=\"'@auth:session-lock.unlock' | translate | async\"\n            (onClick)=\"submitPassword()\"></ax-button>\n        </div>\n        }\n      </div>\n\n      @if (useDeviceKeyboard() && unlockMode() === 'pin' && hasPinCode()) {\n      <axp-virtual-keypad class=\"axm-session-lock-overlay__keypad\" look=\"solid\" [disabled]=\"isVerifying()\"\n        (digitPress)=\"onMobilePinDigit($event)\" (backspace)=\"onMobilePinBackspace()\">\n      </axp-virtual-keypad>\n      }\n    </div>\n\n    <div class=\"axm-session-lock-overlay__footer\">\n      <div class=\"axm-session-lock-overlay__footer-actions\">\n        @if (hasPinCode()) {\n        <div class=\"axm-session-lock-overlay__footer-action\">\n          @if (unlockMode() === 'pin') {\n          <ax-button class=\"w-full\" look=\"blank\" color=\"primary\" [disabled]=\"isVerifying()\"\n            [text]=\"'@auth:session-lock.use-password-instead' | translate | async\"\n            (onClick)=\"showPasswordUnlock($event)\">\n            <ax-prefix>\n              <i class=\"fa-light fa-lock\" aria-hidden=\"true\"></i>\n            </ax-prefix>\n          </ax-button>\n          } @else {\n          <ax-button class=\"w-full\" look=\"blank\" color=\"primary\" [disabled]=\"isVerifying()\"\n            [text]=\"'@auth:session-lock.use-pin-instead' | translate | async\" (onClick)=\"showPinUnlock($event)\">\n            <ax-prefix>\n              <i class=\"fa-light fa-lock\" aria-hidden=\"true\"></i>\n            </ax-prefix>\n          </ax-button>\n          }\n        </div>\n\n        <div class=\"axm-session-lock-overlay__footer-divider\" aria-hidden=\"true\"></div>\n        }\n\n        <div class=\"axm-session-lock-overlay__footer-action\">\n          <ax-button class=\"w-full\" look=\"blank\" color=\"danger\" [disabled]=\"isVerifying()\"\n            [text]=\"'@auth:session-lock.sign-out' | translate | async\" (onClick)=\"signOut($event)\">\n            <ax-prefix>\n              <i class=\"fa-light fa-arrow-right-from-bracket\" aria-hidden=\"true\"></i>\n            </ax-prefix>\n          </ax-button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>", styles: ["@layer properties;.axm-session-lock-overlay-host{display:contents}.axm-session-lock-overlay-shell{pointer-events:auto;position:fixed;box-sizing:border-box;inset:0;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.axm-session-lock-overlay-shell .overlay-pane{--tw-border-style: none;border-style:none;background-color:transparent;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.axm-session-lock-overlay{position:fixed;inset:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 6);--axm-lock-divider-color: rgb(var(--ax-sys-color-border-lightest-surface))}.axm-session-lock-overlay--desktop{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);background-color:rgb(var(--ax-sys-color-darkest-surface) / .14);backdrop-filter:blur(10px) saturate(1.02)}.axm-session-lock-overlay--mobile{align-items:stretch;justify-content:stretch;padding:0;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;--axm-lock-divider-color: rgb(var(--ax-sys-color-primary-lightest-surface));--axm-lock-panel-gradient-start: var(--ax-sys-color-lightest-surface);--axm-lock-panel-gradient-mid: var(--ax-sys-color-primary-50);--axm-lock-panel-gradient-end: var(--ax-sys-color-primary-50);--axm-lock-mobile-inline-padding: clamp(1rem, 4vw, 1.5rem);--axm-lock-mobile-divider-gap: clamp(1rem, 2.5vh, 1.5rem);--axm-lock-mobile-key-gap: clamp(.375rem, 1.2vh, .75rem);--axm-lock-mobile-key-size: min( 4.75rem, calc( ( 100vw - (var(--axm-lock-mobile-inline-padding) * 2) - (var(--axm-lock-mobile-key-gap) * 2) ) / 3 ) )}@supports (color: color-mix(in lab,red,red)){.axm-session-lock-overlay--mobile{--axm-lock-divider-color: color-mix( in srgb, rgb(var(--ax-sys-color-primary-lightest-surface)) 90%, rgb(var(--ax-sys-color-lightest-surface)) )}}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__panel{display:flex;height:100dvh;min-height:100dvh;max-width:none;flex-direction:column;border-radius:0;border-style:var(--tw-border-style);border-width:0px;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:linear-gradient(180deg,rgb(var(--axm-lock-panel-gradient-start)),rgb(var(--axm-lock-panel-gradient-mid)) 65%,rgb(var(--axm-lock-panel-gradient-end)))}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__profile{flex-shrink:0;padding:clamp(1rem,3.5vh,1.5rem) var(--axm-lock-mobile-inline-padding) var(--axm-lock-mobile-divider-gap)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__avatar-wrap{margin-bottom:calc(var(--spacing, .25rem) * 2)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__name{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__user-badge{margin-bottom:0}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__divider{margin:0;flex-shrink:0;margin-inline:var(--axm-lock-mobile-inline-padding);border:none;border-top:1px solid var(--axm-lock-divider-color)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__body{display:flex;min-height:0;flex:1;flex-direction:column;justify-content:space-between;padding:var(--axm-lock-mobile-divider-gap) var(--axm-lock-mobile-inline-padding) var(--axm-lock-mobile-divider-gap)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__body:not(:has(.axm-session-lock-overlay__keypad)){justify-content:center}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__body-main{display:flex;width:100%;flex-shrink:0;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 4);padding-inline:clamp(.75rem,3vw,1.25rem)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__lock-badge{margin-bottom:0;width:clamp(2.25rem,6vh,2.75rem);height:clamp(2.25rem,6vh,2.75rem)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__title{margin-bottom:0}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__instruction{margin-bottom:0;max-width:20rem;padding-inline:clamp(.5rem,2vw,1rem)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__otp{margin-bottom:0;min-height:0;max-width:min(15rem,100%);padding-top:clamp(.25rem,1vh,.75rem)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__keypad{display:flex;width:100%;flex-shrink:0;align-items:center;justify-content:center;--axp-keypad-key-size: var(--axm-lock-mobile-key-size);--axp-keypad-gap: var(--axm-lock-mobile-key-gap)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__keypad .axp-virtual-keypad .__digit{font-size:clamp(1.625rem,5.5vw,2rem)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__keypad .axp-virtual-keypad .__letters{font-size:clamp(.625rem,2vw,.75rem)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__keypad .axp-virtual-keypad .__key--action i{font-size:clamp(1.375rem,4.5vw,1.625rem)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__footer{margin-top:0;flex-shrink:0;background-color:transparent;border:none;border-top:1px solid var(--axm-lock-divider-color);padding:var(--axm-lock-mobile-divider-gap) var(--axm-lock-mobile-inline-padding) max(var(--axm-lock-mobile-divider-gap),env(safe-area-inset-bottom,0px))}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__footer-divider{background-color:var(--axm-lock-divider-color)}.axm-session-lock-overlay__panel{display:flex;width:100%;max-width:30rem;flex-direction:column;overflow:hidden;text-align:center;--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;border-radius:1.5rem;border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);animation:axm-axm-session-lock-overlay-enter .28s cubic-bezier(.22,1,.36,1)}.axm-session-lock-overlay__profile{display:flex;flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 8);padding-top:calc(var(--spacing, .25rem) * 9);padding-bottom:calc(var(--spacing, .25rem) * 5)}.axm-session-lock-overlay__avatar-wrap{margin-bottom:calc(var(--spacing, .25rem) * 3);display:flex;align-items:center;justify-content:center}.axm-session-lock-overlay__user-badge{margin-bottom:calc(var(--spacing, .25rem) * 4);display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:0px;padding-inline:calc(var(--spacing, .25rem) * 3.5);padding-block:calc(var(--spacing, .25rem) * 1.5);background-color:var(--color-primary-lighter);color:var(--color-on-primary-lighter);border-color:var(--color-border-primary-lighter);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axm-session-lock-overlay__name{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-tight, -.025em);letter-spacing:var(--tracking-tight, -.025em);color:rgba(var(--ax-sys-color-on-lightest-surface))}.axm-session-lock-overlay__divider{margin-inline:calc(var(--spacing, .25rem) * 8);border:none;border-top:1px solid var(--axm-lock-divider-color)}.axm-session-lock-overlay__body{display:flex;flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 8);padding-top:calc(var(--spacing, .25rem) * 6);padding-bottom:calc(var(--spacing, .25rem) * 8)}.axm-session-lock-overlay__body-main{display:flex;width:100%;flex-direction:column;align-items:center}.axm-session-lock-overlay__lock-badge{margin-bottom:calc(var(--spacing, .25rem) * 3);display:flex;width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-primary-600));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-primary-dark-surface))}.axm-session-lock-overlay__title{margin-bottom:calc(var(--spacing, .25rem) * 1.5);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-lightest-surface))}.axm-session-lock-overlay__instruction{margin-bottom:calc(var(--spacing, .25rem) * 6);max-width:19rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);color:rgba(var(--ax-sys-color-on-lighter-surface));opacity:70%}.axm-session-lock-overlay__keypad{margin-bottom:calc(var(--spacing, .25rem) * 2);width:100%}.axm-session-lock-overlay__otp{margin-bottom:calc(var(--spacing, .25rem) * 6);width:100%;max-width:15rem}.axm-session-lock-overlay__otp .input{border-color:rgb(var(--ax-sys-color-border-light-surface));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface))}.axm-session-lock-overlay__otp .input:focus{border-color:rgb(var(--ax-sys-color-primary-600));box-shadow:none;outline:none}.axm-session-lock-overlay__otp--error{animation:axm-axm-session-lock-overlay-shake .42s ease}.axm-session-lock-overlay__otp--error .input{border-color:rgba(var(--ax-sys-color-danger-500))!important}.axm-session-lock-overlay__password{margin-bottom:calc(var(--spacing, .25rem) * 3);width:100%}.axm-session-lock-overlay__password--error{animation:axm-axm-session-lock-overlay-shake .42s ease}.axm-session-lock-overlay__password-input .input,.axm-session-lock-overlay__password-input input{min-height:2.75rem;border-radius:var(--radius-lg, .5rem);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);color:rgba(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}.axm-session-lock-overlay__password-input .input:focus,.axm-session-lock-overlay__password-input input:focus{border-color:rgb(var(--ax-sys-color-primary-600));box-shadow:none;outline:none}.axm-session-lock-overlay__actions{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}.axm-session-lock-overlay__action{position:relative;z-index:1;margin-top:calc(var(--spacing, .25rem) * 3)}.axm-session-lock-overlay__footer{background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 8);padding-block:calc(var(--spacing, .25rem) * 4);border:none;border-top:1px solid var(--axm-lock-divider-color)}.axm-session-lock-overlay__footer-actions{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--spacing, .25rem)}.axm-session-lock-overlay__footer-action{display:flex;min-width:0;flex:1;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 2)}.axm-session-lock-overlay__footer-action ax-button{justify-content:center}.axm-session-lock-overlay__footer-divider{margin-inline:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 4);width:1px;flex-shrink:0;background-color:var(--axm-lock-divider-color)}@keyframes axm-axm-session-lock-overlay-enter{0%{opacity:0;transform:translateY(.75rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes axm-axm-session-lock-overlay-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-.35rem)}40%,80%{transform:translate(.35rem)}}.dark .axm-session-lock-overlay--desktop{--axm-lock-divider-color: rgb(var(--ax-sys-color-border-light-surface));background-color:rgb(var(--ax-sys-color-darkest-surface) / .55)}.dark .axm-session-lock-overlay--mobile{--axm-lock-divider-color: rgb(var(--ax-sys-color-border-primary-lightest-surface));--axm-lock-panel-gradient-end: var(--ax-sys-color-lighter-surface);--axm-lock-panel-gradient-mid: var(--ax-sys-color-darkest-surface);--axm-lock-panel-gradient-start: var(--ax-sys-color-primary-darker-surface)}@supports (color: color-mix(in lab,red,red)){.dark .axm-session-lock-overlay--mobile{--axm-lock-divider-color: color-mix( in srgb, rgb(var(--ax-sys-color-border-primary-lightest-surface)) 28%, rgb(var(--ax-sys-color-lighter-surface)) )}}.dark .axm-session-lock-overlay__otp .input{border-color:rgb(var(--ax-sys-color-border-light-surface));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface))}.dark .axm-session-lock-overlay__otp .input:focus{border-color:rgb(var(--ax-sys-color-primary-400))}.dark .axm-session-lock-overlay__password-input .input,.dark .axm-session-lock-overlay__password-input input{border-color:rgb(var(--ax-sys-color-border-light-surface));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface))}.dark .axm-session-lock-overlay__password-input .input:focus,.dark .axm-session-lock-overlay__password-input input:focus{border-color:rgb(var(--ax-sys-color-primary-400))}.dark .axm-session-lock-overlay__panel{border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker);--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark .axm-session-lock-overlay__footer{border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}@property --tw-backdrop-blur{syntax: \"*\"; inherits: false;}@property --tw-backdrop-brightness{syntax: \"*\"; inherits: false;}@property --tw-backdrop-contrast{syntax: \"*\"; inherits: false;}@property --tw-backdrop-grayscale{syntax: \"*\"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-invert{syntax: \"*\"; inherits: false;}@property --tw-backdrop-opacity{syntax: \"*\"; inherits: false;}@property --tw-backdrop-saturate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-sepia{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXOtpModule }, { kind: "component", type: i4.AXOtpComponent, selector: "ax-otp", inputs: ["state", "disabled", "readonly", "look", "name", "type", "mode", "length"], outputs: ["stateChange", "disabledChange", "lengthChange", "onCompleted"] }, { kind: "ngmodule", type: AXPasswordBoxModule }, { kind: "component", type: i4$1.AXPasswordBoxComponent, selector: "ax-password-box", inputs: ["readonly", "disabled", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "autoComplete", "showToggleButton", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "component", type: AXPVirtualKeypadComponent, selector: "axp-virtual-keypad", inputs: ["disabled", "showLetterHints", "look"], outputs: ["digitPress", "backspace", "keyPress"] }, { kind: "directive", type: AXFocusTrapDirective, selector: "[axFocusTrap]", inputs: ["axFocusTrapArrowNavigation"] }, { kind: "pipe", type: i4$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMSessionLockOverlayComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-session-lock-overlay', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        CommonModule,
-                        FormsModule,
-                        AXButtonModule,
-                        AXDecoratorModule,
-                        AXOtpModule,
-                        AXPasswordBoxModule,
-                        AXTranslationModule,
-                        AXPUserAvatarComponent,
-                        AXPVirtualKeypadComponent,
-                        AXFocusTrapDirective,
-                    ], host: {
-                        class: 'axm-session-lock-overlay-host',
-                    }, template: "<div class=\"axm-session-lock-overlay\" [class.axm-session-lock-overlay--desktop]=\"!useDeviceKeyboard()\"\n  [class.axm-session-lock-overlay--mobile]=\"useDeviceKeyboard()\" (click)=\"onOverlayClick()\">\n  <div class=\"axm-session-lock-overlay__panel\" axFocusTrap tabindex=\"-1\" (click)=\"$event.stopPropagation()\">\n    <div class=\"axm-session-lock-overlay__profile\">\n      <div class=\"axm-session-lock-overlay__avatar-wrap\">\n        @if (userId(); as resolvedUserId) {\n        <axp-user-avatar [size]=\"useDeviceKeyboard() ? 64 : 80\" [userId]=\"resolvedUserId\"></axp-user-avatar>\n        }\n      </div>\n\n      @if (displayName()) {\n      <p class=\"axm-session-lock-overlay__name m-0\">\n        {{ displayName() }}\n      </p>\n      }\n\n      <!-- @if (userRoleTitle()) {\n      <p class=\"axm-session-lock-overlay__role m-0\">\n        {{ userRoleTitle() }}\n      </p>\n      } -->\n\n      @if (applicationBadge()) {\n      <div class=\"axm-session-lock-overlay__user-badge\">\n        <i class=\"fa-light fa-lock\" aria-hidden=\"true\"></i>\n        <span>{{ applicationBadge() }}</span>\n      </div>\n      }\n    </div>\n\n    <div class=\"axm-session-lock-overlay__divider\" aria-hidden=\"true\"></div>\n\n    <div class=\"axm-session-lock-overlay__body\">\n      <div class=\"axm-session-lock-overlay__body-main\">\n        <div class=\"axm-session-lock-overlay__lock-badge\" aria-hidden=\"true\">\n          <i class=\"fa-light fa-lock\"></i>\n        </div>\n\n        <h2 class=\"axm-session-lock-overlay__title m-0\">\n          {{ '@auth:session-lock.title' | translate | async }}\n        </h2>\n\n        @if (unlockMode() === 'pin' && hasPinCode()) {\n        <p class=\"axm-session-lock-overlay__instruction m-0\">\n          {{ '@auth:session-lock.pin-instruction' | translate | async }}\n        </p>\n\n        <div class=\"axm-session-lock-overlay__otp\" [class.axm-session-lock-overlay__otp--error]=\"pinError()\">\n          <ax-otp class=\"w-full block\" [type]=\"'number'\" [mode]=\"'star'\" [length]=\"pinLength\" [state]=\"otpState()\"\n            [readonly]=\"useDeviceKeyboard()\" [disabled]=\"isVerifying()\" [ngModel]=\"pinInput()\"\n            (ngModelChange)=\"onDesktopPinChange($event)\" (onCompleted)=\"onDesktopPinCompleted($event)\"></ax-otp>\n        </div>\n        } @else {\n        <p class=\"axm-session-lock-overlay__instruction m-0\">\n          {{ '@auth:session-lock.password-instruction' | translate | async }}\n        </p>\n\n        <div class=\"axm-session-lock-overlay__password\"\n          [class.axm-session-lock-overlay__password--error]=\"passwordError()\">\n          <ax-password-box class=\"axm-session-lock-overlay__password-input w-full\" look=\"outline\"\n            [disabled]=\"isVerifying()\" [ngModel]=\"passwordInput()\" (ngModelChange)=\"onPasswordChange($event)\"\n            (keydown.enter)=\"submitPassword()\" [placeholder]=\"'@auth:password' | translate | async\"></ax-password-box>\n        </div>\n\n        <div class=\"axm-session-lock-overlay__actions\">\n          <ax-button class=\"axm-session-lock-overlay__action w-full rounded-lg\" look=\"solid\" color=\"primary\"\n            [disabled]=\"isVerifying() || !passwordInput()\" [text]=\"'@auth:session-lock.unlock' | translate | async\"\n            (onClick)=\"submitPassword()\"></ax-button>\n        </div>\n        }\n      </div>\n\n      @if (useDeviceKeyboard() && unlockMode() === 'pin' && hasPinCode()) {\n      <axp-virtual-keypad class=\"axm-session-lock-overlay__keypad\" look=\"solid\" [disabled]=\"isVerifying()\"\n        (digitPress)=\"onMobilePinDigit($event)\" (backspace)=\"onMobilePinBackspace()\">\n      </axp-virtual-keypad>\n      }\n    </div>\n\n    <div class=\"axm-session-lock-overlay__footer\">\n      <div class=\"axm-session-lock-overlay__footer-actions\">\n        @if (hasPinCode()) {\n        <div class=\"axm-session-lock-overlay__footer-action\">\n          @if (unlockMode() === 'pin') {\n          <ax-button class=\"w-full\" look=\"blank\" color=\"primary\" [disabled]=\"isVerifying()\"\n            [text]=\"'@auth:session-lock.use-password-instead' | translate | async\"\n            (onClick)=\"showPasswordUnlock($event)\">\n            <ax-prefix>\n              <i class=\"fa-light fa-lock\" aria-hidden=\"true\"></i>\n            </ax-prefix>\n          </ax-button>\n          } @else {\n          <ax-button class=\"w-full\" look=\"blank\" color=\"primary\" [disabled]=\"isVerifying()\"\n            [text]=\"'@auth:session-lock.use-pin-instead' | translate | async\" (onClick)=\"showPinUnlock($event)\">\n            <ax-prefix>\n              <i class=\"fa-light fa-lock\" aria-hidden=\"true\"></i>\n            </ax-prefix>\n          </ax-button>\n          }\n        </div>\n\n        <div class=\"axm-session-lock-overlay__footer-divider\" aria-hidden=\"true\"></div>\n        }\n\n        <div class=\"axm-session-lock-overlay__footer-action\">\n          <ax-button class=\"w-full\" look=\"blank\" color=\"danger\" [disabled]=\"isVerifying()\"\n            [text]=\"'@auth:session-lock.sign-out' | translate | async\" (onClick)=\"signOut($event)\">\n            <ax-prefix>\n              <i class=\"fa-light fa-arrow-right-from-bracket\" aria-hidden=\"true\"></i>\n            </ax-prefix>\n          </ax-button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>", styles: ["@layer properties;.axm-session-lock-overlay-host{display:contents}.axm-session-lock-overlay-shell{pointer-events:auto;position:fixed;box-sizing:border-box;inset:0;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.axm-session-lock-overlay-shell .overlay-pane{--tw-border-style: none;border-style:none;background-color:transparent;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.axm-session-lock-overlay{position:fixed;inset:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 6);--axm-lock-divider-color: rgb(var(--ax-sys-color-border-lightest-surface))}.axm-session-lock-overlay--desktop{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);background-color:rgb(var(--ax-sys-color-darkest-surface) / .14);backdrop-filter:blur(10px) saturate(1.02)}.axm-session-lock-overlay--mobile{align-items:stretch;justify-content:stretch;padding:0;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;--axm-lock-divider-color: rgb(var(--ax-sys-color-primary-lightest-surface));--axm-lock-panel-gradient-start: var(--ax-sys-color-lightest-surface);--axm-lock-panel-gradient-mid: var(--ax-sys-color-primary-50);--axm-lock-panel-gradient-end: var(--ax-sys-color-primary-50);--axm-lock-mobile-inline-padding: clamp(1rem, 4vw, 1.5rem);--axm-lock-mobile-divider-gap: clamp(1rem, 2.5vh, 1.5rem);--axm-lock-mobile-key-gap: clamp(.375rem, 1.2vh, .75rem);--axm-lock-mobile-key-size: min( 4.75rem, calc( ( 100vw - (var(--axm-lock-mobile-inline-padding) * 2) - (var(--axm-lock-mobile-key-gap) * 2) ) / 3 ) )}@supports (color: color-mix(in lab,red,red)){.axm-session-lock-overlay--mobile{--axm-lock-divider-color: color-mix( in srgb, rgb(var(--ax-sys-color-primary-lightest-surface)) 90%, rgb(var(--ax-sys-color-lightest-surface)) )}}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__panel{display:flex;height:100dvh;min-height:100dvh;max-width:none;flex-direction:column;border-radius:0;border-style:var(--tw-border-style);border-width:0px;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:linear-gradient(180deg,rgb(var(--axm-lock-panel-gradient-start)),rgb(var(--axm-lock-panel-gradient-mid)) 65%,rgb(var(--axm-lock-panel-gradient-end)))}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__profile{flex-shrink:0;padding:clamp(1rem,3.5vh,1.5rem) var(--axm-lock-mobile-inline-padding) var(--axm-lock-mobile-divider-gap)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__avatar-wrap{margin-bottom:calc(var(--spacing, .25rem) * 2)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__name{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__user-badge{margin-bottom:0}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__divider{margin:0;flex-shrink:0;margin-inline:var(--axm-lock-mobile-inline-padding);border:none;border-top:1px solid var(--axm-lock-divider-color)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__body{display:flex;min-height:0;flex:1;flex-direction:column;justify-content:space-between;padding:var(--axm-lock-mobile-divider-gap) var(--axm-lock-mobile-inline-padding) var(--axm-lock-mobile-divider-gap)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__body:not(:has(.axm-session-lock-overlay__keypad)){justify-content:center}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__body-main{display:flex;width:100%;flex-shrink:0;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 4);padding-inline:clamp(.75rem,3vw,1.25rem)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__lock-badge{margin-bottom:0;width:clamp(2.25rem,6vh,2.75rem);height:clamp(2.25rem,6vh,2.75rem)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__title{margin-bottom:0}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__instruction{margin-bottom:0;max-width:20rem;padding-inline:clamp(.5rem,2vw,1rem)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__otp{margin-bottom:0;min-height:0;max-width:min(15rem,100%);padding-top:clamp(.25rem,1vh,.75rem)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__keypad{display:flex;width:100%;flex-shrink:0;align-items:center;justify-content:center;--axp-keypad-key-size: var(--axm-lock-mobile-key-size);--axp-keypad-gap: var(--axm-lock-mobile-key-gap)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__keypad .axp-virtual-keypad .__digit{font-size:clamp(1.625rem,5.5vw,2rem)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__keypad .axp-virtual-keypad .__letters{font-size:clamp(.625rem,2vw,.75rem)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__keypad .axp-virtual-keypad .__key--action i{font-size:clamp(1.375rem,4.5vw,1.625rem)}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__footer{margin-top:0;flex-shrink:0;background-color:transparent;border:none;border-top:1px solid var(--axm-lock-divider-color);padding:var(--axm-lock-mobile-divider-gap) var(--axm-lock-mobile-inline-padding) max(var(--axm-lock-mobile-divider-gap),env(safe-area-inset-bottom,0px))}.axm-session-lock-overlay--mobile .axm-session-lock-overlay__footer-divider{background-color:var(--axm-lock-divider-color)}.axm-session-lock-overlay__panel{display:flex;width:100%;max-width:30rem;flex-direction:column;overflow:hidden;text-align:center;--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;border-radius:1.5rem;border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);animation:axm-axm-session-lock-overlay-enter .28s cubic-bezier(.22,1,.36,1)}.axm-session-lock-overlay__profile{display:flex;flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 8);padding-top:calc(var(--spacing, .25rem) * 9);padding-bottom:calc(var(--spacing, .25rem) * 5)}.axm-session-lock-overlay__avatar-wrap{margin-bottom:calc(var(--spacing, .25rem) * 3);display:flex;align-items:center;justify-content:center}.axm-session-lock-overlay__user-badge{margin-bottom:calc(var(--spacing, .25rem) * 4);display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:0px;padding-inline:calc(var(--spacing, .25rem) * 3.5);padding-block:calc(var(--spacing, .25rem) * 1.5);background-color:var(--color-primary-lighter);color:var(--color-on-primary-lighter);border-color:var(--color-border-primary-lighter);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axm-session-lock-overlay__name{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-tight, -.025em);letter-spacing:var(--tracking-tight, -.025em);color:rgba(var(--ax-sys-color-on-lightest-surface))}.axm-session-lock-overlay__divider{margin-inline:calc(var(--spacing, .25rem) * 8);border:none;border-top:1px solid var(--axm-lock-divider-color)}.axm-session-lock-overlay__body{display:flex;flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 8);padding-top:calc(var(--spacing, .25rem) * 6);padding-bottom:calc(var(--spacing, .25rem) * 8)}.axm-session-lock-overlay__body-main{display:flex;width:100%;flex-direction:column;align-items:center}.axm-session-lock-overlay__lock-badge{margin-bottom:calc(var(--spacing, .25rem) * 3);display:flex;width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-primary-600));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-primary-dark-surface))}.axm-session-lock-overlay__title{margin-bottom:calc(var(--spacing, .25rem) * 1.5);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-lightest-surface))}.axm-session-lock-overlay__instruction{margin-bottom:calc(var(--spacing, .25rem) * 6);max-width:19rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);color:rgba(var(--ax-sys-color-on-lighter-surface));opacity:70%}.axm-session-lock-overlay__keypad{margin-bottom:calc(var(--spacing, .25rem) * 2);width:100%}.axm-session-lock-overlay__otp{margin-bottom:calc(var(--spacing, .25rem) * 6);width:100%;max-width:15rem}.axm-session-lock-overlay__otp .input{border-color:rgb(var(--ax-sys-color-border-light-surface));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface))}.axm-session-lock-overlay__otp .input:focus{border-color:rgb(var(--ax-sys-color-primary-600));box-shadow:none;outline:none}.axm-session-lock-overlay__otp--error{animation:axm-axm-session-lock-overlay-shake .42s ease}.axm-session-lock-overlay__otp--error .input{border-color:rgba(var(--ax-sys-color-danger-500))!important}.axm-session-lock-overlay__password{margin-bottom:calc(var(--spacing, .25rem) * 3);width:100%}.axm-session-lock-overlay__password--error{animation:axm-axm-session-lock-overlay-shake .42s ease}.axm-session-lock-overlay__password-input .input,.axm-session-lock-overlay__password-input input{min-height:2.75rem;border-radius:var(--radius-lg, .5rem);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);color:rgba(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}.axm-session-lock-overlay__password-input .input:focus,.axm-session-lock-overlay__password-input input:focus{border-color:rgb(var(--ax-sys-color-primary-600));box-shadow:none;outline:none}.axm-session-lock-overlay__actions{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}.axm-session-lock-overlay__action{position:relative;z-index:1;margin-top:calc(var(--spacing, .25rem) * 3)}.axm-session-lock-overlay__footer{background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 8);padding-block:calc(var(--spacing, .25rem) * 4);border:none;border-top:1px solid var(--axm-lock-divider-color)}.axm-session-lock-overlay__footer-actions{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--spacing, .25rem)}.axm-session-lock-overlay__footer-action{display:flex;min-width:0;flex:1;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 2)}.axm-session-lock-overlay__footer-action ax-button{justify-content:center}.axm-session-lock-overlay__footer-divider{margin-inline:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 4);width:1px;flex-shrink:0;background-color:var(--axm-lock-divider-color)}@keyframes axm-axm-session-lock-overlay-enter{0%{opacity:0;transform:translateY(.75rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes axm-axm-session-lock-overlay-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-.35rem)}40%,80%{transform:translate(.35rem)}}.dark .axm-session-lock-overlay--desktop{--axm-lock-divider-color: rgb(var(--ax-sys-color-border-light-surface));background-color:rgb(var(--ax-sys-color-darkest-surface) / .55)}.dark .axm-session-lock-overlay--mobile{--axm-lock-divider-color: rgb(var(--ax-sys-color-border-primary-lightest-surface));--axm-lock-panel-gradient-end: var(--ax-sys-color-lighter-surface);--axm-lock-panel-gradient-mid: var(--ax-sys-color-darkest-surface);--axm-lock-panel-gradient-start: var(--ax-sys-color-primary-darker-surface)}@supports (color: color-mix(in lab,red,red)){.dark .axm-session-lock-overlay--mobile{--axm-lock-divider-color: color-mix( in srgb, rgb(var(--ax-sys-color-border-primary-lightest-surface)) 28%, rgb(var(--ax-sys-color-lighter-surface)) )}}.dark .axm-session-lock-overlay__otp .input{border-color:rgb(var(--ax-sys-color-border-light-surface));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface))}.dark .axm-session-lock-overlay__otp .input:focus{border-color:rgb(var(--ax-sys-color-primary-400))}.dark .axm-session-lock-overlay__password-input .input,.dark .axm-session-lock-overlay__password-input input{border-color:rgb(var(--ax-sys-color-border-light-surface));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface))}.dark .axm-session-lock-overlay__password-input .input:focus,.dark .axm-session-lock-overlay__password-input input:focus{border-color:rgb(var(--ax-sys-color-primary-400))}.dark .axm-session-lock-overlay__panel{border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker);--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark .axm-session-lock-overlay__footer{border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}@property --tw-backdrop-blur{syntax: \"*\"; inherits: false;}@property --tw-backdrop-brightness{syntax: \"*\"; inherits: false;}@property --tw-backdrop-contrast{syntax: \"*\"; inherits: false;}@property --tw-backdrop-grayscale{syntax: \"*\"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-invert{syntax: \"*\"; inherits: false;}@property --tw-backdrop-opacity{syntax: \"*\"; inherits: false;}@property --tw-backdrop-saturate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-sepia{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
-        }], propDecorators: { otpInput: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXOtpComponent), { isSignal: true }] }], passwordBox: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPasswordBoxComponent), { isSignal: true }] }] } });
-
-export { AXMSessionLockOverlayComponent };
-//# sourceMappingURL=acorex-platform-module-auth-client-session-lock-overlay.component-DqXGuIgN.mjs.map