@acorex/modules 19.2.3 → 19.2.5

package/fesm2022/{acorex-modules-auth-password.component-DZ6TiNI-.mjs.map → acorex-modules-auth-password.component-BVoPZUG9.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-auth-password.component-DZ6TiNI-.mjs","sources":["../../../../libs/modules/auth/src/lib/pages/forgot/password/password.component.ts","../../../../libs/modules/auth/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=\"ax-text-center ax-mb-4\" *translate=\"let t\">\n  <h1 class=\"ax-font-bold ax-text-xl ax-mb-2\">{{ t('forgot.password',{scope:'auth'}) | async }}</h1>\n  <p class=\"ax-text-base ax-text-neutral-600\">\n    {{ t('forgot.hint',{ scope:'auth', params:{ name:(t(l1,{scope:'auth'}) | async) } }) | async }}\n  </p>\n</div>\n<div class=\"ax-w-80 lg:ax-w-96\" *translate=\"let t\">\n  <ax-form>\n    <div class=\"ax-flex ax-flex-col ax-gap-6\">\n      <ax-form-field>\n        <ax-label>{{ t(l1,{scope:'auth'}) | async }}</ax-label>\n        <ax-text-box></ax-text-box>\n      </ax-form-field>\n    </div>\n    <ax-button color=\"primary\" class=\"ax-mt-6 ax-w-full\" [text]=\"t('forgot.submit',{scope:'auth'}) | async\"></ax-button>\n    <div class=\"ax-text-center ax-mt-6 ax-text-sm ax-font-normal\">\n      <span> {{ t('forgot.remember',{scope:'auth'}) | async}} </span>\n      <a [routerLink]=\"['/auth/login']\" class=\"ax-links ax-font-semibold\">{{ t('signin.title',{scope:'auth'}) |\n        async }}</a>\n    </div>\n  </ax-form>\n</div>"],"names":["i5","i7"],"mappings":"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"}
+{"version":3,"file":"acorex-modules-auth-password.component-BVoPZUG9.mjs","sources":["../../../../libs/modules/auth/src/lib/pages/forgot/password/password.component.ts","../../../../libs/modules/auth/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=\"ax-text-center ax-mb-4\" *translate=\"let t\">\n  <h1 class=\"ax-font-bold ax-text-xl ax-mb-2\">{{ t('forgot.password',{scope:'auth'}) | async }}</h1>\n  <p class=\"ax-text-base ax-text-neutral-600\">\n    {{ t('forgot.hint',{ scope:'auth', params:{ name:(t(l1,{scope:'auth'}) | async) } }) | async }}\n  </p>\n</div>\n<div class=\"ax-w-80 lg:ax-w-96\" *translate=\"let t\">\n  <ax-form>\n    <div class=\"ax-flex ax-flex-col ax-gap-6\">\n      <ax-form-field>\n        <ax-label>{{ t(l1,{scope:'auth'}) | async }}</ax-label>\n        <ax-text-box></ax-text-box>\n      </ax-form-field>\n    </div>\n    <ax-button color=\"primary\" class=\"ax-mt-6 ax-w-full\" [text]=\"t('forgot.submit',{scope:'auth'}) | async\"></ax-button>\n    <div class=\"ax-text-center ax-mt-6 ax-text-sm ax-font-normal\">\n      <span> {{ t('forgot.remember',{scope:'auth'}) | async}} </span>\n      <a [routerLink]=\"['/auth/login']\" class=\"ax-links ax-font-semibold\">{{ t('signin.title',{scope:'auth'}) |\n        async }}</a>\n    </div>\n  </ax-form>\n</div>"],"names":["i5","i7"],"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;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;;;8GAlBf,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,+hCAqBM,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDRJ,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,YAAY,kTACZ,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,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,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,mBAAmB,EACnB,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,mXACd,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,EAChB,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,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,CAAA,EAAA,CAAA,CAAA;;2FAOD,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,SAAS;8BAEC,CAAC,GAAG,OAAO,CAAC,EAAA,QAAA,EAAA,+hCAAA,EAAA;;;;;"}

package/fesm2022/{acorex-modules-auth-password.component-3t_WqB4c.mjs → acorex-modules-auth-password.component-CIwOjQRh.mjs}

@@ -25,7 +25,7 @@ import { RouterModule, Router } from '@angular/router';
 import { AXValidationModule } from '@acorex/core/validation';
 import { AXPSessionService } from '@acorex/platform/auth';
 import { BehaviorSubject } from 'rxjs';
-import { A as AXM_AUTH_CONFIG_TOKEN, a as AXMAuthenticationTypes } from './acorex-modules-auth-acorex-modules-auth-C-qPiQhk.mjs';
+import { A as AXM_AUTH_CONFIG_TOKEN, a as AXMAuthenticationTypes } from './acorex-modules-auth-acorex-modules-auth-CcRRSTGN.mjs';
 
 const MODULES = [
     CommonModule,
@@ -107,7 +107,7 @@ class AXPLoginPasswordComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLoginPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPLoginPasswordComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "form", first: true, predicate: AXFormComponent, descendants: true }], ngImport: i0, template: "<ng-container *translate=\"let t\">\n  <div class=\"ax-text-center ax-mb-4\">\n    <h1 class=\"ax-font-bold ax-text-xl ax-mb-2\">\n      {{ t('signin.title', { scope: 'auth' }) | async }}\n    </h1>\n    <p class=\"ax-text-base ax-text-neutral-600\">\n      {{ t('signin.hint', { scope: 'auth' }) | async }}\n    </p>\n  </div>\n  <div class=\"ax-w-80 lg:ax-w-96\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-6\">\n        <ax-form-field>\n          <ax-label>{{ t(l1, { scope: 'auth' }) | async }}</ax-label>\n          <ax-text-box [(value)]=\"v1\">\n            <ax-validation-rule rule=\"required\"></ax-validation-rule>\n          </ax-text-box>\n        </ax-form-field>\n        <ax-form-field>\n          <ax-label>{{ t(l2, { scope: 'auth' }) | async }}</ax-label>\n          <ax-password-box [(value)]=\"v2\">\n            <ax-validation-rule rule=\"required\"></ax-validation-rule>\n          </ax-password-box>\n        </ax-form-field>\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\n          <ax-check-box>\n            <ax-label class=\"ax-mb-0\">{{ t('signin.remember', { scope: 'auth' }) | async }}</ax-label>\n          </ax-check-box>\n          <ax-button\n            color=\"primary\"\n            class=\"ax-sm\"\n            [text]=\"t('forgot.password', { scope: 'auth' }) | async\"\n            look=\"blank\"\n            (onClick)=\"handleForgotOnClick()\"\n          >\n          </ax-button>\n        </div>\n      </div>\n      <ax-button\n        color=\"primary\"\n        class=\"ax-mt-6 ax-w-full\"\n        [text]=\"t(submitText, { scope: 'auth' }) | async\"\n        (onClick)=\"handleLoginClick()\"\n        [disabled]=\"isLoading$ | async\"\n        [type]=\"'submit'\"\n      >\n        <ax-loading *ngIf=\"isLoading$ | async\"></ax-loading>\n      </ax-button>\n      @if(configs.signin_google ||configs.signin_apple ||configs.signup?.enable){\n      <div class=\"ax-heading ax-heading-center !ax-my-8\">\n        <span>{{ t('signin.or', { scope: 'auth' }) | async }}</span>\n      </div>\n      }\n      <div class=\"ax-flex ax-flex-col ax-gap-2 lg:ax-flex-row ax-justify-between ax-mt-6\">\n        @if(configs.signin_google){\n        <ax-button text=\"{{ 'authentication.with-google' | translate | async }}\" color=\"ghost\">\n          <ax-prefix>\n            <ax-icon>\n              <i class=\"fa-brands fa-google fa-lg ax-text-danger-500\"></i>\n            </ax-icon>\n          </ax-prefix> </ax-button\n        >} @if(configs.signin_apple){\n\n        <ax-button text=\"{{ 'authentication.with-apple' | translate | async }}\" color=\"ghost\">\n          <ax-prefix>\n            <ax-icon>\n              <i class=\"fa-brands fa-apple fa-xl\"></i>\n            </ax-icon>\n          </ax-prefix>\n        </ax-button>\n        }\n      </div>\n    </ax-form>\n    @if(configs.signup?.enable){\n    <ax-button\n      class=\"ax-w-full ax-mt-2\"\n      (onClick)=\"handleRegisterOnClick()\"\n      text=\"{{ t('register', { scope: 'auth' }) | async }}\"\n      color=\"ghost\"\n    >\n    </ax-button>\n    }\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i2.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i2.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXPasswordBoxModule }, { kind: "component", type: i4.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: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i6.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i8.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6$1.AXTranslatorPipe, name: "translate" }, { kind: "directive", type: i6$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i3$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXValidationModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPLoginPasswordComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "form", first: true, predicate: AXFormComponent, descendants: true }], ngImport: i0, template: "<ng-container *translate=\"let t\">\n  <div class=\"ax-text-center ax-mb-4\">\n    <h1 class=\"ax-font-bold ax-text-xl ax-mb-2\">\n      {{ t('signin.title', { scope: 'auth' }) | async }}\n    </h1>\n    <p class=\"ax-text-base ax-text-neutral-600\">\n      {{ t('signin.hint', { scope: 'auth' }) | async }}\n    </p>\n  </div>\n  <div class=\"ax-w-80 lg:ax-w-96\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-6\">\n        <ax-form-field>\n          <ax-label>{{ t(l1, { scope: 'auth' }) | async }}</ax-label>\n          <ax-text-box [(value)]=\"v1\">\n            <ax-validation-rule rule=\"required\"></ax-validation-rule>\n          </ax-text-box>\n        </ax-form-field>\n        <ax-form-field>\n          <ax-label>{{ t(l2, { scope: 'auth' }) | async }}</ax-label>\n          <ax-password-box [(value)]=\"v2\">\n            <ax-validation-rule rule=\"required\"></ax-validation-rule>\n          </ax-password-box>\n        </ax-form-field>\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\n          <ax-check-box>\n            <ax-label class=\"ax-mb-0\">{{ t('signin.remember', { scope: 'auth' }) | async }}</ax-label>\n          </ax-check-box>\n          <ax-button\n            color=\"primary\"\n            class=\"ax-sm\"\n            [text]=\"t('forgot.password', { scope: 'auth' }) | async\"\n            look=\"blank\"\n            (onClick)=\"handleForgotOnClick()\"\n          >\n          </ax-button>\n        </div>\n      </div>\n      <ax-button\n        color=\"primary\"\n        class=\"ax-mt-6 ax-w-full\"\n        [text]=\"t(submitText, { scope: 'auth' }) | async\"\n        (onClick)=\"handleLoginClick()\"\n        [disabled]=\"isLoading$ | async\"\n        [type]=\"'submit'\"\n      >\n        <ax-loading *ngIf=\"isLoading$ | async\"></ax-loading>\n      </ax-button>\n      @if(configs.signin_google ||configs.signin_apple ||configs.signup?.enable){\n      <div class=\"ax-heading ax-heading-center !ax-my-8\">\n        <span>{{ t('signin.or', { scope: 'auth' }) | async }}</span>\n      </div>\n      }\n      <div class=\"ax-flex ax-flex-col ax-gap-2 lg:ax-flex-row ax-justify-between ax-mt-6\">\n        @if(configs.signin_google){\n        <ax-button text=\"{{ 'authentication.with-google' | translate | async }}\" color=\"ghost\">\n          <ax-prefix>\n            <ax-icon>\n              <i class=\"fa-brands fa-google fa-lg ax-text-danger-500\"></i>\n            </ax-icon>\n          </ax-prefix> </ax-button\n        >} @if(configs.signin_apple){\n\n        <ax-button text=\"{{ 'authentication.with-apple' | translate | async }}\" color=\"ghost\">\n          <ax-prefix>\n            <ax-icon>\n              <i class=\"fa-brands fa-apple fa-xl\"></i>\n            </ax-icon>\n          </ax-prefix>\n        </ax-button>\n        }\n      </div>\n    </ax-form>\n    @if(configs.signup?.enable){\n    <ax-button\n      class=\"ax-w-full ax-mt-2\"\n      (onClick)=\"handleRegisterOnClick()\"\n      text=\"{{ t('register', { scope: 'auth' }) | async }}\"\n      color=\"ghost\"\n    >\n    </ax-button>\n    }\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i2.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i2.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXPasswordBoxModule }, { kind: "component", type: i4.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: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i6.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i8.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6$1.AXTranslatorPipe, name: "translate" }, { kind: "directive", type: i6$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i3$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXValidationModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLoginPasswordComponent, decorators: [{
             type: Component,
@@ -118,4 +118,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             }] } });
 
 export { AXPLoginPasswordComponent };
-//# sourceMappingURL=acorex-modules-auth-password.component-3t_WqB4c.mjs.map
+//# sourceMappingURL=acorex-modules-auth-password.component-CIwOjQRh.mjs.map

package/fesm2022/{acorex-modules-auth-password.component-3t_WqB4c.mjs.map → acorex-modules-auth-password.component-CIwOjQRh.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-auth-password.component-3t_WqB4c.mjs","sources":["../../../../libs/modules/auth/src/lib/pages/login/password/password.component.ts","../../../../libs/modules/auth/src/lib/pages/login/password/password.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDialogService } from '@acorex/components/dialog';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXLoadingModule } from '@acorex/components/loading';\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, ViewChild, inject } from '@angular/core';\nimport { Router, RouterModule } from '@angular/router';\n\nimport { AXValidationModule } from '@acorex/core/validation';\nimport { AXPSessionService } from '@acorex/platform/auth';\nimport { BehaviorSubject } from 'rxjs';\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  AXDecoratorModule,\n  AXCheckBoxModule,\n  AXTranslationModule,\n  AXTranslationModule,\n  AXLoadingModule,\n  RouterModule,\n  AXValidationModule,\n];\n\n@Component({\n  templateUrl: './password.component.html',\n  imports: [...MODULES],\n})\nexport class AXPLoginPasswordComponent implements OnInit {\n  protected configs: AXMAuthConfigs = inject<AXMAuthConfigs>(AXM_AUTH_CONFIG_TOKEN);\n  protected l1!: string;\n  protected l2!: string;\n\n  protected v1 = '';\n  protected v2: string | null = '';\n\n  protected isLoading$: BehaviorSubject<boolean> = new BehaviorSubject(false);\n\n  protected submitText = 'signin.submit';\n  private dialogService = inject(AXDialogService);\n  private sessionService = inject(AXPSessionService);\n\n  @ViewChild(AXFormComponent)\n  private form!: AXFormComponent;\n\n  private router = inject(Router);\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        break;\n      case AXMAuthenticationTypes.UsernameEmailPassword:\n        this.l1 = 'username-email';\n        break;\n      case AXMAuthenticationTypes.UsernamePassword:\n      default:\n        this.l1 = 'username';\n    }\n  }\n\n  protected handleForgotOnClick() {\n    this.router.navigate(['/auth/forgot']);\n  }\n\n  protected handleRegisterOnClick() {\n    this.router.navigate([this.configs.signup?.url || '/auth/register']);\n  }\n\n  protected handleLoginClick() {\n    this.form.validate().then(async (form) => {\n      if (form.result) {\n        this.isLoading$.next(true);\n        this.submitText = 'processing';\n        this.submitText = 'redirecting';\n        try {\n          await this.sessionService.signin({ strategy: 'user-pass', username: this.v1, password: this.v2! });\n          await this.sessionService.signInComplete();\n          if (this.sessionService.tenant?.id == null) {\n            this.router.navigate(['/auth/account/tenant-chooser']);\n          } else if (this.sessionService.application?.id == null) {\n            this.router.navigate(['/auth/account/app-chooser']);\n          } else {\n            this.router.navigate([`/${this.sessionService.application.name}/home`]);\n          }\n          //\n        } catch (error: any) {\n          console.log({ error });\n          // this.dialogService.alert('Something went wrong!', `${error.message} `, 'warning');\n          this.submitText = 'signin.submit';\n          this.v2 = null;\n          this.isLoading$.next(false);\n        }\n      }\n    });\n  }\n}\n","<ng-container *translate=\"let t\">\n  <div class=\"ax-text-center ax-mb-4\">\n    <h1 class=\"ax-font-bold ax-text-xl ax-mb-2\">\n      {{ t('signin.title', { scope: 'auth' }) | async }}\n    </h1>\n    <p class=\"ax-text-base ax-text-neutral-600\">\n      {{ t('signin.hint', { scope: 'auth' }) | async }}\n    </p>\n  </div>\n  <div class=\"ax-w-80 lg:ax-w-96\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-6\">\n        <ax-form-field>\n          <ax-label>{{ t(l1, { scope: 'auth' }) | async }}</ax-label>\n          <ax-text-box [(value)]=\"v1\">\n            <ax-validation-rule rule=\"required\"></ax-validation-rule>\n          </ax-text-box>\n        </ax-form-field>\n        <ax-form-field>\n          <ax-label>{{ t(l2, { scope: 'auth' }) | async }}</ax-label>\n          <ax-password-box [(value)]=\"v2\">\n            <ax-validation-rule rule=\"required\"></ax-validation-rule>\n          </ax-password-box>\n        </ax-form-field>\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\n          <ax-check-box>\n            <ax-label class=\"ax-mb-0\">{{ t('signin.remember', { scope: 'auth' }) | async }}</ax-label>\n          </ax-check-box>\n          <ax-button\n            color=\"primary\"\n            class=\"ax-sm\"\n            [text]=\"t('forgot.password', { scope: 'auth' }) | async\"\n            look=\"blank\"\n            (onClick)=\"handleForgotOnClick()\"\n          >\n          </ax-button>\n        </div>\n      </div>\n      <ax-button\n        color=\"primary\"\n        class=\"ax-mt-6 ax-w-full\"\n        [text]=\"t(submitText, { scope: 'auth' }) | async\"\n        (onClick)=\"handleLoginClick()\"\n        [disabled]=\"isLoading$ | async\"\n        [type]=\"'submit'\"\n      >\n        <ax-loading *ngIf=\"isLoading$ | async\"></ax-loading>\n      </ax-button>\n      @if(configs.signin_google ||configs.signin_apple ||configs.signup?.enable){\n      <div class=\"ax-heading ax-heading-center !ax-my-8\">\n        <span>{{ t('signin.or', { scope: 'auth' }) | async }}</span>\n      </div>\n      }\n      <div class=\"ax-flex ax-flex-col ax-gap-2 lg:ax-flex-row ax-justify-between ax-mt-6\">\n        @if(configs.signin_google){\n        <ax-button text=\"{{ 'authentication.with-google' | translate | async }}\" color=\"ghost\">\n          <ax-prefix>\n            <ax-icon>\n              <i class=\"fa-brands fa-google fa-lg ax-text-danger-500\"></i>\n            </ax-icon>\n          </ax-prefix> </ax-button\n        >} @if(configs.signin_apple){\n\n        <ax-button text=\"{{ 'authentication.with-apple' | translate | async }}\" color=\"ghost\">\n          <ax-prefix>\n            <ax-icon>\n              <i class=\"fa-brands fa-apple fa-xl\"></i>\n            </ax-icon>\n          </ax-prefix>\n        </ax-button>\n        }\n      </div>\n    </ax-form>\n    @if(configs.signup?.enable){\n    <ax-button\n      class=\"ax-w-full ax-mt-2\"\n      (onClick)=\"handleRegisterOnClick()\"\n      text=\"{{ t('register', { scope: 'auth' }) | async }}\"\n      color=\"ghost\"\n    >\n    </ax-button>\n    }\n  </div>\n</ng-container>\n"],"names":["i5","i7","i9","i10"],"mappings":"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"}
+{"version":3,"file":"acorex-modules-auth-password.component-CIwOjQRh.mjs","sources":["../../../../libs/modules/auth/src/lib/pages/login/password/password.component.ts","../../../../libs/modules/auth/src/lib/pages/login/password/password.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDialogService } from '@acorex/components/dialog';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXLoadingModule } from '@acorex/components/loading';\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, ViewChild, inject } from '@angular/core';\nimport { Router, RouterModule } from '@angular/router';\n\nimport { AXValidationModule } from '@acorex/core/validation';\nimport { AXPSessionService } from '@acorex/platform/auth';\nimport { BehaviorSubject } from 'rxjs';\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  AXDecoratorModule,\n  AXCheckBoxModule,\n  AXTranslationModule,\n  AXTranslationModule,\n  AXLoadingModule,\n  RouterModule,\n  AXValidationModule,\n];\n\n@Component({\n  templateUrl: './password.component.html',\n  imports: [...MODULES],\n})\nexport class AXPLoginPasswordComponent implements OnInit {\n  protected configs: AXMAuthConfigs = inject<AXMAuthConfigs>(AXM_AUTH_CONFIG_TOKEN);\n  protected l1!: string;\n  protected l2!: string;\n\n  protected v1 = '';\n  protected v2: string | null = '';\n\n  protected isLoading$: BehaviorSubject<boolean> = new BehaviorSubject(false);\n\n  protected submitText = 'signin.submit';\n  private dialogService = inject(AXDialogService);\n  private sessionService = inject(AXPSessionService);\n\n  @ViewChild(AXFormComponent)\n  private form!: AXFormComponent;\n\n  private router = inject(Router);\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        break;\n      case AXMAuthenticationTypes.UsernameEmailPassword:\n        this.l1 = 'username-email';\n        break;\n      case AXMAuthenticationTypes.UsernamePassword:\n      default:\n        this.l1 = 'username';\n    }\n  }\n\n  protected handleForgotOnClick() {\n    this.router.navigate(['/auth/forgot']);\n  }\n\n  protected handleRegisterOnClick() {\n    this.router.navigate([this.configs.signup?.url || '/auth/register']);\n  }\n\n  protected handleLoginClick() {\n    this.form.validate().then(async (form) => {\n      if (form.result) {\n        this.isLoading$.next(true);\n        this.submitText = 'processing';\n        this.submitText = 'redirecting';\n        try {\n          await this.sessionService.signin({ strategy: 'user-pass', username: this.v1, password: this.v2! });\n          await this.sessionService.signInComplete();\n          if (this.sessionService.tenant?.id == null) {\n            this.router.navigate(['/auth/account/tenant-chooser']);\n          } else if (this.sessionService.application?.id == null) {\n            this.router.navigate(['/auth/account/app-chooser']);\n          } else {\n            this.router.navigate([`/${this.sessionService.application.name}/home`]);\n          }\n          //\n        } catch (error: any) {\n          console.log({ error });\n          // this.dialogService.alert('Something went wrong!', `${error.message} `, 'warning');\n          this.submitText = 'signin.submit';\n          this.v2 = null;\n          this.isLoading$.next(false);\n        }\n      }\n    });\n  }\n}\n","<ng-container *translate=\"let t\">\n  <div class=\"ax-text-center ax-mb-4\">\n    <h1 class=\"ax-font-bold ax-text-xl ax-mb-2\">\n      {{ t('signin.title', { scope: 'auth' }) | async }}\n    </h1>\n    <p class=\"ax-text-base ax-text-neutral-600\">\n      {{ t('signin.hint', { scope: 'auth' }) | async }}\n    </p>\n  </div>\n  <div class=\"ax-w-80 lg:ax-w-96\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-6\">\n        <ax-form-field>\n          <ax-label>{{ t(l1, { scope: 'auth' }) | async }}</ax-label>\n          <ax-text-box [(value)]=\"v1\">\n            <ax-validation-rule rule=\"required\"></ax-validation-rule>\n          </ax-text-box>\n        </ax-form-field>\n        <ax-form-field>\n          <ax-label>{{ t(l2, { scope: 'auth' }) | async }}</ax-label>\n          <ax-password-box [(value)]=\"v2\">\n            <ax-validation-rule rule=\"required\"></ax-validation-rule>\n          </ax-password-box>\n        </ax-form-field>\n        <div class=\"ax-flex ax-justify-between ax-items-center\">\n          <ax-check-box>\n            <ax-label class=\"ax-mb-0\">{{ t('signin.remember', { scope: 'auth' }) | async }}</ax-label>\n          </ax-check-box>\n          <ax-button\n            color=\"primary\"\n            class=\"ax-sm\"\n            [text]=\"t('forgot.password', { scope: 'auth' }) | async\"\n            look=\"blank\"\n            (onClick)=\"handleForgotOnClick()\"\n          >\n          </ax-button>\n        </div>\n      </div>\n      <ax-button\n        color=\"primary\"\n        class=\"ax-mt-6 ax-w-full\"\n        [text]=\"t(submitText, { scope: 'auth' }) | async\"\n        (onClick)=\"handleLoginClick()\"\n        [disabled]=\"isLoading$ | async\"\n        [type]=\"'submit'\"\n      >\n        <ax-loading *ngIf=\"isLoading$ | async\"></ax-loading>\n      </ax-button>\n      @if(configs.signin_google ||configs.signin_apple ||configs.signup?.enable){\n      <div class=\"ax-heading ax-heading-center !ax-my-8\">\n        <span>{{ t('signin.or', { scope: 'auth' }) | async }}</span>\n      </div>\n      }\n      <div class=\"ax-flex ax-flex-col ax-gap-2 lg:ax-flex-row ax-justify-between ax-mt-6\">\n        @if(configs.signin_google){\n        <ax-button text=\"{{ 'authentication.with-google' | translate | async }}\" color=\"ghost\">\n          <ax-prefix>\n            <ax-icon>\n              <i class=\"fa-brands fa-google fa-lg ax-text-danger-500\"></i>\n            </ax-icon>\n          </ax-prefix> </ax-button\n        >} @if(configs.signin_apple){\n\n        <ax-button text=\"{{ 'authentication.with-apple' | translate | async }}\" color=\"ghost\">\n          <ax-prefix>\n            <ax-icon>\n              <i class=\"fa-brands fa-apple fa-xl\"></i>\n            </ax-icon>\n          </ax-prefix>\n        </ax-button>\n        }\n      </div>\n    </ax-form>\n    @if(configs.signup?.enable){\n    <ax-button\n      class=\"ax-w-full ax-mt-2\"\n      (onClick)=\"handleRegisterOnClick()\"\n      text=\"{{ t('register', { scope: 'auth' }) | async }}\"\n      color=\"ghost\"\n    >\n    </ax-button>\n    }\n  </div>\n</ng-container>\n"],"names":["i5","i7","i9","i10"],"mappings":"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"}

package/fesm2022/{acorex-modules-auth-routes-nnrAlvkD.mjs → acorex-modules-auth-routes-hR3jePok.mjs}

@@ -1,9 +1,9 @@
 var routes = [{
         path: 'forgot',
         loadComponent: () => {
-            return import('./acorex-modules-auth-password.component-DZ6TiNI-.mjs').then((c) => c.AXPForgetPasswordComponent);
+            return import('./acorex-modules-auth-password.component-BVoPZUG9.mjs').then((c) => c.AXPForgetPasswordComponent);
         },
     }];
 
 export { routes as default };
-//# sourceMappingURL=acorex-modules-auth-routes-nnrAlvkD.mjs.map
+//# sourceMappingURL=acorex-modules-auth-routes-hR3jePok.mjs.map

package/fesm2022/{acorex-modules-auth-routes-nnrAlvkD.mjs.map → acorex-modules-auth-routes-hR3jePok.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-auth-routes-nnrAlvkD.mjs","sources":["../../../../libs/modules/auth/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,uDAA+B,CAAC,CAAC,IAAI,CAC/C,CAAC,CAAC,KAAK,CAAC,CAAC,0BAA0B,CACtC;SACJ;AACJ,KAAA,CAAY;;;;"}
+{"version":3,"file":"acorex-modules-auth-routes-hR3jePok.mjs","sources":["../../../../libs/modules/auth/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,uDAA+B,CAAC,CAAC,IAAI,CAC/C,CAAC,CAAC,KAAK,CAAC,CAAC,0BAA0B,CACtC;SACJ;AACJ,KAAA,CAAY;;;;"}

package/fesm2022/{acorex-modules-auth-two-factor.module-DWtEYnHW.mjs → acorex-modules-auth-two-factor.module-CKe_H_-u.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-C-qPiQhk.mjs';
+import { A as AXM_AUTH_CONFIG_TOKEN } from './acorex-modules-auth-acorex-modules-auth-CcRRSTGN.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-DWtEYnHW.mjs.map
+//# sourceMappingURL=acorex-modules-auth-two-factor.module-CKe_H_-u.mjs.map

package/fesm2022/{acorex-modules-auth-two-factor.module-DWtEYnHW.mjs.map → acorex-modules-auth-two-factor.module-CKe_H_-u.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-auth-two-factor.module-DWtEYnHW.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-CKe_H_-u.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.mjs

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

package/fesm2022/acorex-modules-conversation.mjs

@@ -112,7 +112,7 @@ class AXMCommentLookupPopup extends AXBasePageComponent {
       <ax-suffix>
         <ax-button text="Accept & Send" color="primary" (onClick)="handleClose()"></ax-button>
       </ax-suffix>
-    </ax-footer>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i2$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i2$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }] }); }
+    </ax-footer>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.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: AXPLayoutBuilderModule }, { kind: "component", type: i2$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i2$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMCommentLookupPopup, decorators: [{
             type: Component,
@@ -493,7 +493,7 @@ class AXMCommentListViewComponent {
         return date ? Date.now() - date.getTime() : undefined;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMCommentListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMCommentListViewComponent, isStandalone: false, selector: "axm-comment-list-view", viewQueries: [{ propertyName: "wysiwygEditor", first: true, predicate: ["w"], descendants: true, isSignal: true }, { propertyName: "wysiwyg", first: true, predicate: ["w"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-mt-2\">\n  <ax-comment-container>\n    @if(isLoading()){\n    <div class=\"ax-flex ax-items-center ax-py-12 ax-bg-surface-lowest ax-px-5\">\n      <ax-skeleton class=\"ax-min-w-16 ax-h-16 ax-rounded-full ax-me-4\"></ax-skeleton>\n      <div class=\"ax-flex ax-flex-col ax-gap-2 ax-w-full\">\n        <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded\"></ax-skeleton>\n        <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n        <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n        <ax-skeleton class=\"ax-w-8/12 ax-h-2 ax-rounded-full\"></ax-skeleton>\n      </div>\n    </div>\n    } @else if(!isLoading() && comments().length > 0){\n    <ax-comment-view class=\"ax-bg-surface-lowest\">\n      @for(comment of comments(); track comment.id){\n      <ax-comment-item [id]=\"comment.id!\" [replyCount]=\"comment.replies?.length ?? 0\">\n        <ax-avatar [color]=\"avatarConfig().color\" [shape]=\"avatarConfig().look\">\n          @if(checkImageExists(comment.id!) && comment.user && comment.user.picture){\n          <ax-image (onError)=\"handleImageError(comment.id!)\" [src]=\"comment.user!.picture\">\n            <ax-loading></ax-loading>\n          </ax-image>\n          }@else{\n          <ax-text>\n            <span class=\"ax-text-base ax-overflow-hidden\">{{\n              extractInitials(comment.user?.firstName + ' ' + comment.user?.lastName)\n              }}</span>\n          </ax-text>\n          }\n        </ax-avatar>\n        <ax-title>{{ comment.user?.firstName + ' ' + comment.user?.lastName }}</ax-title>\n        <ax-comment-date>{{ calcDefrenetTime(comment.createdAt) | format : 'timeleft' | async }} </ax-comment-date>\n        <ax-comment-menu-options>\n          <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n            <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n          </ax-button>\n\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              <ax-button-item text=\"Edit\" color=\"neutral\" (click)=\"editMessage(comment)\">\n                <ax-prefix>\n                  <ax-icon icon=\"fa-solid fa-edit\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n\n              <ax-button-item text=\"Delete\" color=\"danger\" (click)=\"deleteComment(comment)\">\n                <ax-prefix>\n                  <ax-icon icon=\"fa-solid fa-trash-can\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-comment-menu-options>\n        <ax-content [innerHTML]=\"sanitizeHtml(comment.content)\"></ax-content>\n        <ax-comment-like (click)=\"toggleLike(comment)\" [liked]=\"comment.isLiked!\">\n          {{ comment.reactionsCount }}\n        </ax-comment-like>\n        <ax-comment-reply-text (click)=\"replyMessage(comment)\"></ax-comment-reply-text>\n        @for(reply of comment.replies; track reply.id){\n        <ax-comment-item [id]=\"reply.id\">\n          <ax-avatar [color]=\"avatarConfig().color\" [shape]=\"avatarConfig().look\">\n            @if(reply && checkImageExists(reply.id!) && reply.user && reply.user.picture){\n            <ax-image (onError)=\"handleImageError(reply!.id!)\" [src]=\"reply.user!.picture\">\n              <ax-loading></ax-loading>\n            </ax-image>\n            }@else{\n            <ax-text>\n              <span class=\"ax-text-base ax-overflow-hidden\">{{\n                extractInitials(reply.user?.firstName + ' ' + reply.user?.lastName)\n                }}</span>\n            </ax-text>\n            }\n          </ax-avatar>\n          <ax-title>{{ (reply?.user?.firstName ?? '') + ' ' + (reply?.user?.lastName ?? '') }}</ax-title>\n          <ax-comment-date>{{ calcDefrenetTime(reply.createdAt) | format : 'timeleft' | async }} </ax-comment-date>\n          <ax-comment-menu-options>\n            <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n              <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n            </ax-button>\n\n            <ax-dropdown-panel>\n              <ax-button-item-list>\n                <ax-button-item text=\"Edit\" color=\"neutral\" (click)=\"editMessage(comment, reply)\">\n                  <ax-prefix>\n                    <ax-icon icon=\"fa-solid fa-edit\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n                <ax-button-item text=\"Delete\" color=\"danger\" (click)=\"deleteReply(comment, reply)\">\n                  <ax-prefix>\n                    <ax-icon icon=\"fa-solid fa-trash-can\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              </ax-button-item-list>\n            </ax-dropdown-panel>\n          </ax-comment-menu-options>\n          <ax-content [innerHTML]=\"sanitizeHtml(reply.content)\"></ax-content>\n          <ax-comment-like (click)=\"toggleLike(comment, reply)\" [liked]=\"reply.isLiked!\">\n            {{ reply.reactionsCount }}\n          </ax-comment-like>\n          <ax-comment-reply-text (click)=\"replyMessage(comment, reply)\"></ax-comment-reply-text>\n        </ax-comment-item>\n        }\n      </ax-comment-item>\n      } </ax-comment-view>} @else{\n    <div>\n      <div class=\"ax-flex ax-flex-col ax-gap-4 ax-justify-center ax-items-center ax-p-10\">\n        <svg class=\"ax-mx-auto\" xmlns=\"http://www.w3.org/2000/svg\" width=\"154\" height=\"161\" viewBox=\"0 0 154 161\"\n          fill=\"none\">\n          <path\n            d=\"M0.0616455 84.4268C0.0616455 42.0213 34.435 7.83765 76.6507 7.83765C118.803 7.83765 153.224 42.0055 153.224 84.4268C153.224 102.42 147.026 118.974 136.622 132.034C122.282 150.138 100.367 161 76.6507 161C52.7759 161 30.9882 150.059 16.6633 132.034C6.25961 118.974 0.0616455 102.42 0.0616455 84.4268Z\"\n            fill=\"#EEF2FF\" />\n          <path\n            d=\"M96.8189 0.632498L96.8189 0.632384L96.8083 0.630954C96.2034 0.549581 95.5931 0.5 94.9787 0.5H29.338C22.7112 0.5 17.3394 5.84455 17.3394 12.4473V142.715C17.3394 149.318 22.7112 154.662 29.338 154.662H123.948C130.591 154.662 135.946 149.317 135.946 142.715V38.9309C135.946 38.0244 135.847 37.1334 135.648 36.2586L135.648 36.2584C135.117 33.9309 133.874 31.7686 132.066 30.1333C132.066 30.1331 132.065 30.1329 132.065 30.1327L103.068 3.65203C103.068 3.6519 103.067 3.65177 103.067 3.65164C101.311 2.03526 99.1396 0.995552 96.8189 0.632498Z\"\n            fill=\"white\" stroke=\"#E5E7EB\" />\n          <ellipse cx=\"80.0618\" cy=\"81\" rx=\"28.0342\" ry=\"28.0342\" fill=\"#EEF2FF\" />\n          <path\n            d=\"M99.2393 61.3061L99.2391 61.3058C88.498 50.5808 71.1092 50.5804 60.3835 61.3061C49.6423 72.0316 49.6422 89.4361 60.3832 100.162C71.109 110.903 88.4982 110.903 99.2393 100.162C109.965 89.4363 109.965 72.0317 99.2393 61.3061ZM105.863 54.6832C120.249 69.0695 120.249 92.3985 105.863 106.785C91.4605 121.171 68.1468 121.171 53.7446 106.785C39.3582 92.3987 39.3582 69.0693 53.7446 54.683C68.1468 40.2965 91.4605 40.2966 105.863 54.6832Z\"\n            stroke=\"#E5E7EB\" />\n          <path\n            d=\"M110.782 119.267L102.016 110.492C104.888 108.267 107.476 105.651 109.564 102.955L118.329 111.729L110.782 119.267Z\"\n            stroke=\"#E5E7EB\" />\n          <path\n            d=\"M139.122 125.781L139.122 125.78L123.313 109.988C123.313 109.987 123.313 109.987 123.312 109.986C121.996 108.653 119.849 108.657 118.521 109.985L118.871 110.335L118.521 109.985L109.047 119.459C107.731 120.775 107.735 122.918 109.044 124.247L109.047 124.249L124.858 140.06C128.789 143.992 135.191 143.992 139.122 140.06C143.069 136.113 143.069 129.728 139.122 125.781Z\"\n            fill=\"#A5B4FC\" stroke=\"#818CF8\" />\n          <path\n            d=\"M83.185 87.2285C82.5387 87.2285 82.0027 86.6926 82.0027 86.0305C82.0027 83.3821 77.9987 83.3821 77.9987 86.0305C77.9987 86.6926 77.4627 87.2285 76.8006 87.2285C76.1543 87.2285 75.6183 86.6926 75.6183 86.0305C75.6183 80.2294 84.3831 80.2451 84.3831 86.0305C84.3831 86.6926 83.8471 87.2285 83.185 87.2285Z\"\n            fill=\"#4F46E5\" />\n          <path\n            d=\"M93.3528 77.0926H88.403C87.7409 77.0926 87.2049 76.5567 87.2049 75.8946C87.2049 75.2483 87.7409 74.7123 88.403 74.7123H93.3528C94.0149 74.7123 94.5509 75.2483 94.5509 75.8946C94.5509 76.5567 94.0149 77.0926 93.3528 77.0926Z\"\n            fill=\"#4F46E5\" />\n          <path\n            d=\"M71.5987 77.0925H66.6488C65.9867 77.0925 65.4507 76.5565 65.4507 75.8945C65.4507 75.2481 65.9867 74.7122 66.6488 74.7122H71.5987C72.245 74.7122 72.781 75.2481 72.781 75.8945C72.781 76.5565 72.245 77.0925 71.5987 77.0925Z\"\n            fill=\"#4F46E5\" />\n          <rect x=\"38.3522\" y=\"21.5128\" width=\"41.0256\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n          <rect x=\"38.3522\" y=\"133.65\" width=\"54.7009\" height=\"5.47009\" rx=\"2.73504\" fill=\"#A5B4FC\" />\n          <rect x=\"38.3522\" y=\"29.7179\" width=\"13.6752\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n          <circle cx=\"56.13\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n          <circle cx=\"61.6001\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n          <circle cx=\"67.0702\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n        </svg>\n        <div>\n          <h2 class=\"ax-text-center ax-text-neutral-600 ax-font-semibold ax-leading-loose ax-pb-2\">\n            There is no Comment!\n          </h2>\n        </div>\n      </div>\n    </div>\n    }\n  </ax-comment-container>\n  <ax-form>\n    <ax-form-field>\n      <div>\n        @if(isReplyingMode() || isEditingMode()){\n        <div\n          class=\"ax-flex ax-justify-between ax-rounded-b-none ax-border ax-border-b-0 ax-rounded-lg ax-bg-on-surface ax-px-6 ax-py-3 ax-w-full ax-items-center ax-overflow-hidden ax-text-sm ax-leading-none\">\n          <div (click)=\"scrollMain()\" class=\"ax-flex ax-justify-start ax-items-center ax-cursor-pointer\">\n            <i [class]=\"isReplyingMode() ? 'fa-reply' : 'fa-pen'\"\n              class=\"fa-solid ax-text-primary-500 dark:ax-text-primary-300 ax-text-2xl ax-me-4\"></i>\n            <div\n              class=\"ax-flex ax-flex-col ax-gap-2 ax-justify-between ax-align-middle ax-leading-4 ax-overflow-hidden\">\n              <p class=\"ax-text-primary-500 dark:ax-text-primary-300\">\n                {{ isReplyingMode() ? 'Reply to ' : 'Edit Message' }}\n                <span class=\"ax-font-bold\">\n                  {{\n                  isReplyingMode()\n                  ? activeReplyComment()?.user?.firstName + ' ' + activeReplyComment()?.user?.lastName\n                  : ''\n                  }}\n                </span>\n              </p>\n              <div class=\"ax-truncate\" [innerHTML]=\"\n                  isReplyingMode()\n                    ? sanitizeHtml(activeReplyComment()?.content ?? '')\n                    : sanitizeHtml(activeEditComment()?.content ?? '')\n                \"></div>\n            </div>\n          </div>\n          <div><i (click)=\"resetReplyEditState()\" class=\"fa-solid ax-text-2xl fa-xmark ax-cursor-pointer\"></i></div>\n        </div>\n        }\n        <ax-wysiwyg-container #w [look]=\"wysiwygOptions().look\" [(ngModel)]=\"commentContent\">\n          <ax-wysiwyg-view class=\"ax-min-h-28\"></ax-wysiwyg-view>\n          <ax-toolbar>\n            <ax-content>\n              <ax-wysiwyg-history></ax-wysiwyg-history>\n              <ax-wysiwyg-font-style></ax-wysiwyg-font-style>\n              <ax-wysiwyg-colors></ax-wysiwyg-colors>\n              <ax-wysiwyg-list></ax-wysiwyg-list>\n              <ax-wysiwyg-alignment></ax-wysiwyg-alignment>\n            </ax-content>\n            <ax-suffix>\n              <ax-dropdown-button [disabled]=\"hasCooldown()\" type=\"submit\" color=\"primary\" mode=\"split\" text=\"Send\"\n                (onClick)=\"submitComment()\">\n                @if(isSubmitting()){ <ax-loading></ax-loading> }\n                <ax-button-item-list>\n                  <ax-button-item (click)=\"submitComment(true)\" text=\"Send Private ...\" name=\"private\" data=\"private\">\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-regular fa-user-secret\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                </ax-button-item-list>\n              </ax-dropdown-button>\n            </ax-suffix>\n          </ax-toolbar>\n          <ax-validation-rule rule=\"callback\" [options]=\"{ validate: validateContent }\"></ax-validation-rule>\n        </ax-wysiwyg-container>\n      </div>\n    </ax-form-field>\n  </ax-form>\n</div>", styles: ["ax-wysiwyg-container .ax-editor-container{border-top-left-radius:0!important;border-top-right-radius:0!important}ax-wysiwyg-container .ax-error-message{padding-left:.5rem}\n"], dependencies: [{ 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: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i3.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i3.AXWysiwygViewComponent, selector: "ax-wysiwyg-view", inputs: ["class"] }, { kind: "component", type: i3.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i3.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i3.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i3.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i3.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i4.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "component", type: i2$2.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: i1$1.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: i7.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i7.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i7.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: i9.AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "color", "look", "text", "type", "mode"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i10.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i11.AXToolBarComponent, selector: "ax-toolbar" }, { kind: "component", type: i12.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: i13.AXCommentViewComponent, selector: "ax-comment-view" }, { kind: "component", type: i13.AXCommentContainerComponent, selector: "ax-comment-container" }, { kind: "component", type: i13.AxCommentItemComponent, selector: "ax-comment-item", inputs: ["replyCount"] }, { kind: "component", type: i13.AXCommentLikeComponent, selector: "ax-comment-like", inputs: ["liked"], outputs: ["likedChange", "onLiked"] }, { kind: "component", type: i13.AXMenuOptionsComponent, selector: "ax-comment-menu-options" }, { kind: "component", type: i13.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "component", type: i13.AXCommentDateComponent, selector: "ax-comment-date" }, { kind: "pipe", type: i14.AsyncPipe, name: "async" }, { kind: "pipe", type: i15.AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMCommentListViewComponent, isStandalone: false, selector: "axm-comment-list-view", viewQueries: [{ propertyName: "wysiwygEditor", first: true, predicate: ["w"], descendants: true, isSignal: true }, { propertyName: "wysiwyg", first: true, predicate: ["w"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-mt-2\">\n  <ax-comment-container>\n    @if(isLoading()){\n    <div class=\"ax-flex ax-items-center ax-py-12 ax-bg-surface-lowest ax-px-5\">\n      <ax-skeleton class=\"ax-min-w-16 ax-h-16 ax-rounded-full ax-me-4\"></ax-skeleton>\n      <div class=\"ax-flex ax-flex-col ax-gap-2 ax-w-full\">\n        <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded\"></ax-skeleton>\n        <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n        <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n        <ax-skeleton class=\"ax-w-8/12 ax-h-2 ax-rounded-full\"></ax-skeleton>\n      </div>\n    </div>\n    } @else if(!isLoading() && comments().length > 0){\n    <ax-comment-view class=\"ax-bg-surface-lowest\">\n      @for(comment of comments(); track comment.id){\n      <ax-comment-item [id]=\"comment.id!\" [replyCount]=\"comment.replies?.length ?? 0\">\n        <ax-avatar [color]=\"avatarConfig().color\" [shape]=\"avatarConfig().look\">\n          @if(checkImageExists(comment.id!) && comment.user && comment.user.picture){\n          <ax-image (onError)=\"handleImageError(comment.id!)\" [src]=\"comment.user!.picture\">\n            <ax-loading></ax-loading>\n          </ax-image>\n          }@else{\n          <ax-text>\n            <span class=\"ax-text-base ax-overflow-hidden\">{{\n              extractInitials(comment.user?.firstName + ' ' + comment.user?.lastName)\n              }}</span>\n          </ax-text>\n          }\n        </ax-avatar>\n        <ax-title>{{ comment.user?.firstName + ' ' + comment.user?.lastName }}</ax-title>\n        <ax-comment-date>{{ calcDefrenetTime(comment.createdAt) | format : 'timeleft' | async }} </ax-comment-date>\n        <ax-comment-menu-options>\n          <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n            <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n          </ax-button>\n\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              <ax-button-item text=\"Edit\" color=\"neutral\" (click)=\"editMessage(comment)\">\n                <ax-prefix>\n                  <ax-icon icon=\"fa-solid fa-edit\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n\n              <ax-button-item text=\"Delete\" color=\"danger\" (click)=\"deleteComment(comment)\">\n                <ax-prefix>\n                  <ax-icon icon=\"fa-solid fa-trash-can\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-comment-menu-options>\n        <ax-content [innerHTML]=\"sanitizeHtml(comment.content)\"></ax-content>\n        <ax-comment-like (click)=\"toggleLike(comment)\" [liked]=\"comment.isLiked!\">\n          {{ comment.reactionsCount }}\n        </ax-comment-like>\n        <ax-comment-reply-text (click)=\"replyMessage(comment)\"></ax-comment-reply-text>\n        @for(reply of comment.replies; track reply.id){\n        <ax-comment-item [id]=\"reply.id\">\n          <ax-avatar [color]=\"avatarConfig().color\" [shape]=\"avatarConfig().look\">\n            @if(reply && checkImageExists(reply.id!) && reply.user && reply.user.picture){\n            <ax-image (onError)=\"handleImageError(reply!.id!)\" [src]=\"reply.user!.picture\">\n              <ax-loading></ax-loading>\n            </ax-image>\n            }@else{\n            <ax-text>\n              <span class=\"ax-text-base ax-overflow-hidden\">{{\n                extractInitials(reply.user?.firstName + ' ' + reply.user?.lastName)\n                }}</span>\n            </ax-text>\n            }\n          </ax-avatar>\n          <ax-title>{{ (reply?.user?.firstName ?? '') + ' ' + (reply?.user?.lastName ?? '') }}</ax-title>\n          <ax-comment-date>{{ calcDefrenetTime(reply.createdAt) | format : 'timeleft' | async }} </ax-comment-date>\n          <ax-comment-menu-options>\n            <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n              <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n            </ax-button>\n\n            <ax-dropdown-panel>\n              <ax-button-item-list>\n                <ax-button-item text=\"Edit\" color=\"neutral\" (click)=\"editMessage(comment, reply)\">\n                  <ax-prefix>\n                    <ax-icon icon=\"fa-solid fa-edit\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n                <ax-button-item text=\"Delete\" color=\"danger\" (click)=\"deleteReply(comment, reply)\">\n                  <ax-prefix>\n                    <ax-icon icon=\"fa-solid fa-trash-can\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              </ax-button-item-list>\n            </ax-dropdown-panel>\n          </ax-comment-menu-options>\n          <ax-content [innerHTML]=\"sanitizeHtml(reply.content)\"></ax-content>\n          <ax-comment-like (click)=\"toggleLike(comment, reply)\" [liked]=\"reply.isLiked!\">\n            {{ reply.reactionsCount }}\n          </ax-comment-like>\n          <ax-comment-reply-text (click)=\"replyMessage(comment, reply)\"></ax-comment-reply-text>\n        </ax-comment-item>\n        }\n      </ax-comment-item>\n      } </ax-comment-view>} @else{\n    <div>\n      <div class=\"ax-flex ax-flex-col ax-gap-4 ax-justify-center ax-items-center ax-p-10\">\n        <svg class=\"ax-mx-auto\" xmlns=\"http://www.w3.org/2000/svg\" width=\"154\" height=\"161\" viewBox=\"0 0 154 161\"\n          fill=\"none\">\n          <path\n            d=\"M0.0616455 84.4268C0.0616455 42.0213 34.435 7.83765 76.6507 7.83765C118.803 7.83765 153.224 42.0055 153.224 84.4268C153.224 102.42 147.026 118.974 136.622 132.034C122.282 150.138 100.367 161 76.6507 161C52.7759 161 30.9882 150.059 16.6633 132.034C6.25961 118.974 0.0616455 102.42 0.0616455 84.4268Z\"\n            fill=\"#EEF2FF\" />\n          <path\n            d=\"M96.8189 0.632498L96.8189 0.632384L96.8083 0.630954C96.2034 0.549581 95.5931 0.5 94.9787 0.5H29.338C22.7112 0.5 17.3394 5.84455 17.3394 12.4473V142.715C17.3394 149.318 22.7112 154.662 29.338 154.662H123.948C130.591 154.662 135.946 149.317 135.946 142.715V38.9309C135.946 38.0244 135.847 37.1334 135.648 36.2586L135.648 36.2584C135.117 33.9309 133.874 31.7686 132.066 30.1333C132.066 30.1331 132.065 30.1329 132.065 30.1327L103.068 3.65203C103.068 3.6519 103.067 3.65177 103.067 3.65164C101.311 2.03526 99.1396 0.995552 96.8189 0.632498Z\"\n            fill=\"white\" stroke=\"#E5E7EB\" />\n          <ellipse cx=\"80.0618\" cy=\"81\" rx=\"28.0342\" ry=\"28.0342\" fill=\"#EEF2FF\" />\n          <path\n            d=\"M99.2393 61.3061L99.2391 61.3058C88.498 50.5808 71.1092 50.5804 60.3835 61.3061C49.6423 72.0316 49.6422 89.4361 60.3832 100.162C71.109 110.903 88.4982 110.903 99.2393 100.162C109.965 89.4363 109.965 72.0317 99.2393 61.3061ZM105.863 54.6832C120.249 69.0695 120.249 92.3985 105.863 106.785C91.4605 121.171 68.1468 121.171 53.7446 106.785C39.3582 92.3987 39.3582 69.0693 53.7446 54.683C68.1468 40.2965 91.4605 40.2966 105.863 54.6832Z\"\n            stroke=\"#E5E7EB\" />\n          <path\n            d=\"M110.782 119.267L102.016 110.492C104.888 108.267 107.476 105.651 109.564 102.955L118.329 111.729L110.782 119.267Z\"\n            stroke=\"#E5E7EB\" />\n          <path\n            d=\"M139.122 125.781L139.122 125.78L123.313 109.988C123.313 109.987 123.313 109.987 123.312 109.986C121.996 108.653 119.849 108.657 118.521 109.985L118.871 110.335L118.521 109.985L109.047 119.459C107.731 120.775 107.735 122.918 109.044 124.247L109.047 124.249L124.858 140.06C128.789 143.992 135.191 143.992 139.122 140.06C143.069 136.113 143.069 129.728 139.122 125.781Z\"\n            fill=\"#A5B4FC\" stroke=\"#818CF8\" />\n          <path\n            d=\"M83.185 87.2285C82.5387 87.2285 82.0027 86.6926 82.0027 86.0305C82.0027 83.3821 77.9987 83.3821 77.9987 86.0305C77.9987 86.6926 77.4627 87.2285 76.8006 87.2285C76.1543 87.2285 75.6183 86.6926 75.6183 86.0305C75.6183 80.2294 84.3831 80.2451 84.3831 86.0305C84.3831 86.6926 83.8471 87.2285 83.185 87.2285Z\"\n            fill=\"#4F46E5\" />\n          <path\n            d=\"M93.3528 77.0926H88.403C87.7409 77.0926 87.2049 76.5567 87.2049 75.8946C87.2049 75.2483 87.7409 74.7123 88.403 74.7123H93.3528C94.0149 74.7123 94.5509 75.2483 94.5509 75.8946C94.5509 76.5567 94.0149 77.0926 93.3528 77.0926Z\"\n            fill=\"#4F46E5\" />\n          <path\n            d=\"M71.5987 77.0925H66.6488C65.9867 77.0925 65.4507 76.5565 65.4507 75.8945C65.4507 75.2481 65.9867 74.7122 66.6488 74.7122H71.5987C72.245 74.7122 72.781 75.2481 72.781 75.8945C72.781 76.5565 72.245 77.0925 71.5987 77.0925Z\"\n            fill=\"#4F46E5\" />\n          <rect x=\"38.3522\" y=\"21.5128\" width=\"41.0256\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n          <rect x=\"38.3522\" y=\"133.65\" width=\"54.7009\" height=\"5.47009\" rx=\"2.73504\" fill=\"#A5B4FC\" />\n          <rect x=\"38.3522\" y=\"29.7179\" width=\"13.6752\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n          <circle cx=\"56.13\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n          <circle cx=\"61.6001\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n          <circle cx=\"67.0702\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n        </svg>\n        <div>\n          <h2 class=\"ax-text-center ax-text-neutral-600 ax-font-semibold ax-leading-loose ax-pb-2\">\n            There is no Comment!\n          </h2>\n        </div>\n      </div>\n    </div>\n    }\n  </ax-comment-container>\n  <ax-form>\n    <ax-form-field>\n      <div>\n        @if(isReplyingMode() || isEditingMode()){\n        <div\n          class=\"ax-flex ax-justify-between ax-rounded-b-none ax-border ax-border-b-0 ax-rounded-lg ax-bg-on-surface ax-px-6 ax-py-3 ax-w-full ax-items-center ax-overflow-hidden ax-text-sm ax-leading-none\">\n          <div (click)=\"scrollMain()\" class=\"ax-flex ax-justify-start ax-items-center ax-cursor-pointer\">\n            <i [class]=\"isReplyingMode() ? 'fa-reply' : 'fa-pen'\"\n              class=\"fa-solid ax-text-primary-500 dark:ax-text-primary-300 ax-text-2xl ax-me-4\"></i>\n            <div\n              class=\"ax-flex ax-flex-col ax-gap-2 ax-justify-between ax-align-middle ax-leading-4 ax-overflow-hidden\">\n              <p class=\"ax-text-primary-500 dark:ax-text-primary-300\">\n                {{ isReplyingMode() ? 'Reply to ' : 'Edit Message' }}\n                <span class=\"ax-font-bold\">\n                  {{\n                  isReplyingMode()\n                  ? activeReplyComment()?.user?.firstName + ' ' + activeReplyComment()?.user?.lastName\n                  : ''\n                  }}\n                </span>\n              </p>\n              <div class=\"ax-truncate\" [innerHTML]=\"\n                  isReplyingMode()\n                    ? sanitizeHtml(activeReplyComment()?.content ?? '')\n                    : sanitizeHtml(activeEditComment()?.content ?? '')\n                \"></div>\n            </div>\n          </div>\n          <div><i (click)=\"resetReplyEditState()\" class=\"fa-solid ax-text-2xl fa-xmark ax-cursor-pointer\"></i></div>\n        </div>\n        }\n        <ax-wysiwyg-container #w [look]=\"wysiwygOptions().look\" [(ngModel)]=\"commentContent\">\n          <ax-wysiwyg-view class=\"ax-min-h-28\"></ax-wysiwyg-view>\n          <ax-toolbar>\n            <ax-content>\n              <ax-wysiwyg-history></ax-wysiwyg-history>\n              <ax-wysiwyg-font-style></ax-wysiwyg-font-style>\n              <ax-wysiwyg-colors></ax-wysiwyg-colors>\n              <ax-wysiwyg-list></ax-wysiwyg-list>\n              <ax-wysiwyg-alignment></ax-wysiwyg-alignment>\n            </ax-content>\n            <ax-suffix>\n              <ax-dropdown-button [disabled]=\"hasCooldown()\" type=\"submit\" color=\"primary\" mode=\"split\" text=\"Send\"\n                (onClick)=\"submitComment()\">\n                @if(isSubmitting()){ <ax-loading></ax-loading> }\n                <ax-button-item-list>\n                  <ax-button-item (click)=\"submitComment(true)\" text=\"Send Private ...\" name=\"private\" data=\"private\">\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-regular fa-user-secret\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                </ax-button-item-list>\n              </ax-dropdown-button>\n            </ax-suffix>\n          </ax-toolbar>\n          <ax-validation-rule rule=\"callback\" [options]=\"{ validate: validateContent }\"></ax-validation-rule>\n        </ax-wysiwyg-container>\n      </div>\n    </ax-form-field>\n  </ax-form>\n</div>", styles: ["ax-wysiwyg-container .ax-editor-container{border-top-left-radius:0!important;border-top-right-radius:0!important}ax-wysiwyg-container .ax-error-message{padding-left:.5rem}\n"], dependencies: [{ 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: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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: "component", type: i3.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i3.AXWysiwygViewComponent, selector: "ax-wysiwyg-view", inputs: ["class"] }, { kind: "component", type: i3.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i3.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i3.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i3.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i3.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i4.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "component", type: i2$2.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: i1$1.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: i7.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i7.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i7.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: i9.AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "color", "look", "text", "type", "mode"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i10.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i11.AXToolBarComponent, selector: "ax-toolbar" }, { kind: "component", type: i12.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: i13.AXCommentViewComponent, selector: "ax-comment-view" }, { kind: "component", type: i13.AXCommentContainerComponent, selector: "ax-comment-container" }, { kind: "component", type: i13.AxCommentItemComponent, selector: "ax-comment-item", inputs: ["replyCount"] }, { kind: "component", type: i13.AXCommentLikeComponent, selector: "ax-comment-like", inputs: ["liked"], outputs: ["likedChange", "onLiked"] }, { kind: "component", type: i13.AXMenuOptionsComponent, selector: "ax-comment-menu-options" }, { kind: "component", type: i13.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "component", type: i13.AXCommentDateComponent, selector: "ax-comment-date" }, { kind: "pipe", type: i14.AsyncPipe, name: "async" }, { kind: "pipe", type: i15.AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMCommentListViewComponent, decorators: [{
             type: Component,
@@ -602,7 +602,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 
 class AXMChatItemFooterComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChatItemFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMChatItemFooterComponent, isStandalone: false, selector: "axm-chat-item-footer", ngImport: i0, template: "<div class=\"ax-p-4\">\n  <ax-button class=\"ax-w-full\" color=\"primary\" text=\"New Conversation\">\n    <ax-prefix>\n      <ax-icon>\n        <i class=\"fa-solid fa-plus\"></i>\n      </ax-icon>\n    </ax-prefix>\n  </ax-button>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMChatItemFooterComponent, isStandalone: false, selector: "axm-chat-item-footer", ngImport: i0, template: "<div class=\"ax-p-4\">\n  <ax-button class=\"ax-w-full\" color=\"primary\" text=\"New Conversation\">\n    <ax-prefix>\n      <ax-icon>\n        <i class=\"fa-solid fa-plus\"></i>\n      </ax-icon>\n    </ax-prefix>\n  </ax-button>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChatItemFooterComponent, decorators: [{
             type: Component,
@@ -624,7 +624,7 @@ class AXMChatItemHeaderComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChatItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMChatItemHeaderComponent, isStandalone: false, selector: "axm-chat-item-header", inputs: { total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, unread: { classPropertyName: "unread", publicName: "unread", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { activeTab: "activeTab" }, viewQueries: [{ propertyName: "tab", first: true, predicate: ["tab"], descendants: true, isSignal: true }], ngImport: i0, template: "<div>\n  <div class=\"ax-p-3\">\n    <ax-text-box look=\"fill\" [placeholder]=\"'Search by username or email ...'\">\n      <ax-prefix class=\"ax-ps-2\"> <ax-icon class=\"ax-text-neutral-400 ax-icon ax-icon-search\"> </ax-icon></ax-prefix\n    ></ax-text-box>\n  </div>\n  <ax-divider></ax-divider>\n  <ax-tabs #tab class=\"ax-text-neutral-400 ax-border-t\" [look]=\"'with-line'\">\n    <ax-tab-item class=\"ax-tabs-fit !ax-py-5\" text=\"All\">\n      <ax-suffix>\n        <ax-badge [text]=\"total().toString()\" [color]=\"tabsState() === 0 ? 'primary' : 'secondary'\"></ax-badge>\n      </ax-suffix>\n    </ax-tab-item>\n    @if(unread()){\n    <ax-tab-item class=\"ax-tabs-fit !ax-py-5\" text=\"Unread\">\n      <ax-suffix>\n        <ax-badge [text]=\"unread().toString()\" [color]=\"tabsState() === 1 ? 'primary' : 'secondary'\"></ax-badge>\n      </ax-suffix>\n    </ax-tab-item>\n    }\n  </ax-tabs>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i3$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: i4$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i4$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMChatItemHeaderComponent, isStandalone: false, selector: "axm-chat-item-header", inputs: { total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, unread: { classPropertyName: "unread", publicName: "unread", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { activeTab: "activeTab" }, viewQueries: [{ propertyName: "tab", first: true, predicate: ["tab"], descendants: true, isSignal: true }], ngImport: i0, template: "<div>\n  <div class=\"ax-p-3\">\n    <ax-text-box look=\"fill\" [placeholder]=\"'Search by username or email ...'\">\n      <ax-prefix class=\"ax-ps-2\"> <ax-icon class=\"ax-text-neutral-400 ax-icon ax-icon-search\"> </ax-icon></ax-prefix\n    ></ax-text-box>\n  </div>\n  <ax-divider></ax-divider>\n  <ax-tabs #tab class=\"ax-text-neutral-400 ax-border-t\" [look]=\"'with-line'\">\n    <ax-tab-item class=\"ax-tabs-fit !ax-py-5\" text=\"All\">\n      <ax-suffix>\n        <ax-badge [text]=\"total().toString()\" [color]=\"tabsState() === 0 ? 'primary' : 'secondary'\"></ax-badge>\n      </ax-suffix>\n    </ax-tab-item>\n    @if(unread()){\n    <ax-tab-item class=\"ax-tabs-fit !ax-py-5\" text=\"Unread\">\n      <ax-suffix>\n        <ax-badge [text]=\"unread().toString()\" [color]=\"tabsState() === 1 ? 'primary' : 'secondary'\"></ax-badge>\n      </ax-suffix>\n    </ax-tab-item>\n    }\n  </ax-tabs>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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: "component", type: i3$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: i4$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i4$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChatItemHeaderComponent, decorators: [{
             type: Component,
@@ -668,7 +668,7 @@ class AXMChatItemComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChatItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMChatItemComponent, isStandalone: false, selector: "axm-chat-item", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { pressChatItem: "pressChatItem" }, ngImport: i0, template: "<div [id]=\"data().id\" class=\"ax-cursor-pointer hover:ax-bg-on-surface ax-flex ax-items-center ax-p-3 ax-justify-between\"\n  (click)=\"onPressChatItem(data().id)\">\n  <div class=\"ax-flex ax-min-w-[100px] ax-gap-3\">\n    <div>\n      <ax-avatar class=\"ax-relative\" color=\"primary\" shape=\"rounded\">\n        <ax-badge class=\"ax-absolute ax-bottom-0 ax-right-0 !ax-size-3 ax-border !ax-border-white ax-rounded-full\"\n          color=\"success\"></ax-badge>\n        @if(data().roomMembers[0].picture){\n        <ax-image [src]=\"data().roomMembers[0].picture\">\n          <ax-loading></ax-loading>\n        </ax-image>\n        }@else{\n        <ax-text>\n          <span class=\"ax-text-base ax-overflow-hidden\">{{ extractInitials(fullName()) }}</span>\n        </ax-text>\n        }\n      </ax-avatar>\n    </div>\n\n    <div class=\"ax-py-1 ax-flex ax-flex-col ax-truncate\">\n      <p class=\"ax-font-semibold ax-w-full ax-truncate ax-pb-1\">{{ fullName() }}</p>\n      <p class=\"ax-text-sm ax-font-normal ax-text-neutral-400 ax-w-full ax-truncate\">\n        {{ data().lastMessage.content }}\n      </p>\n    </div>\n  </div>\n\n  <div class=\"ax-flex ax-flex-col ax-items-end ax-gap-1\">\n    <div class=\"ax-flex ax-items-center ax-justify-between\">\n      @if(true) {\n      <ax-icon class=\"ax-icon ax-text-success-500\" [class]=\"messageSeenStatus()\"></ax-icon>\n      }\n      <ax-text class=\"ax-text-sm ax-font-normal ax-text-neutral-400 ax-text-nowrap\">{{\n        data().lastMessage.createdAt.toDateString()\n        }}</ax-text>\n    </div>\n    <ax-badge [class]=\"data().unreadCount ? 'ax-visible' : 'ax-invisible'\" color=\"success\"\n      [text]=\"data().unreadCount.toString()\"></ax-badge>\n  </div>\n</div>\n<!-- <div class=\"ax-p-3\">\n  <div class=\"ax-grid ax-grid-cols-12\">\n    \n  </div>\n</div> -->", styles: [".black{background-color:#000}\n"], dependencies: [{ kind: "component", type: i1$1.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: i2$2.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: i1$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMChatItemComponent, isStandalone: false, selector: "axm-chat-item", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { pressChatItem: "pressChatItem" }, ngImport: i0, template: "<div [id]=\"data().id\" class=\"ax-cursor-pointer hover:ax-bg-on-surface ax-flex ax-items-center ax-p-3 ax-justify-between\"\n  (click)=\"onPressChatItem(data().id)\">\n  <div class=\"ax-flex ax-min-w-[100px] ax-gap-3\">\n    <div>\n      <ax-avatar class=\"ax-relative\" color=\"primary\" shape=\"rounded\">\n        <ax-badge class=\"ax-absolute ax-bottom-0 ax-right-0 !ax-size-3 ax-border !ax-border-white ax-rounded-full\"\n          color=\"success\"></ax-badge>\n        @if(data().roomMembers[0].picture){\n        <ax-image [src]=\"data().roomMembers[0].picture\">\n          <ax-loading></ax-loading>\n        </ax-image>\n        }@else{\n        <ax-text>\n          <span class=\"ax-text-base ax-overflow-hidden\">{{ extractInitials(fullName()) }}</span>\n        </ax-text>\n        }\n      </ax-avatar>\n    </div>\n\n    <div class=\"ax-py-1 ax-flex ax-flex-col ax-truncate\">\n      <p class=\"ax-font-semibold ax-w-full ax-truncate ax-pb-1\">{{ fullName() }}</p>\n      <p class=\"ax-text-sm ax-font-normal ax-text-neutral-400 ax-w-full ax-truncate\">\n        {{ data().lastMessage.content }}\n      </p>\n    </div>\n  </div>\n\n  <div class=\"ax-flex ax-flex-col ax-items-end ax-gap-1\">\n    <div class=\"ax-flex ax-items-center ax-justify-between\">\n      @if(true) {\n      <ax-icon class=\"ax-icon ax-text-success-500\" [class]=\"messageSeenStatus()\"></ax-icon>\n      }\n      <ax-text class=\"ax-text-sm ax-font-normal ax-text-neutral-400 ax-text-nowrap\">{{\n        data().lastMessage.createdAt.toDateString()\n        }}</ax-text>\n    </div>\n    <ax-badge [class]=\"data().unreadCount ? 'ax-visible' : 'ax-invisible'\" color=\"success\"\n      [text]=\"data().unreadCount.toString()\"></ax-badge>\n  </div>\n</div>\n<!-- <div class=\"ax-p-3\">\n  <div class=\"ax-grid ax-grid-cols-12\">\n    \n  </div>\n</div> -->", styles: [".black{background-color:#000}\n"], dependencies: [{ kind: "component", type: i1$1.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: i2$2.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: i1$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChatItemComponent, decorators: [{
             type: Component,
@@ -683,7 +683,7 @@ class AXMChatPreviewHeaderComponent {
         this.pressBack.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChatPreviewHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMChatPreviewHeaderComponent, isStandalone: false, selector: "axm-chat-preview-header", outputs: { pressBack: "pressBack" }, ngImport: i0, template: "<div class=\"ax-flex ax-justify-between ax-items-center ax-py-[0.61rem] ax-px-4 ax-border-b\">\n  <div class=\"ax-flex ax-gap-5\">\n    <div class=\"md:ax-hidden ax-flex ax-justify-center ax-items-center ax-text-xl\">\n      <ax-button look=\"blank\" class=\"ax-md\" (onClick)=\"emitBack()\">\n        <ax-icon> <i class=\"ax-text-neutral-400 fa-regular fa-chevron-left\"></i></ax-icon>\n      </ax-button>\n    </div>\n    <ax-avatar class=\"ax-relative ax-shrink-0\" color=\"primary\" shape=\"rounded\">\n      @if(false){\n      <ax-image>\n        <ax-loading></ax-loading>\n      </ax-image>\n      }@else{\n      <ax-text>\n        <span class=\"ax-text-base ax-overflow-hidden\"></span>\n      </ax-text>\n      }\n    </ax-avatar>\n    <div>\n      <div class=\"ax-text-xl\">Office Chat</div>\n      <div class=\"ax-text-neutral-400 ax-text-xs\">23 members, 10 online</div>\n    </div>\n  </div>\n  <div class=\"ax-flex ax-justify-start ax-items-center ax-gap-x-10 ax-text-xl ax-text-neutral-400\">\n    <i class=\"fa-regular fa-phone-flip\"> </i>\n    <i class=\"fa-regular fa-search\"> </i>\n    <i class=\"fa-regular fa-ellipsis-vertical\"> </i>\n  </div>\n</div>", styles: [""], dependencies: [{ kind: "component", type: i1$1.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: i2$2.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMChatPreviewHeaderComponent, isStandalone: false, selector: "axm-chat-preview-header", outputs: { pressBack: "pressBack" }, ngImport: i0, template: "<div class=\"ax-flex ax-justify-between ax-items-center ax-py-[0.61rem] ax-px-4 ax-border-b\">\n  <div class=\"ax-flex ax-gap-5\">\n    <div class=\"md:ax-hidden ax-flex ax-justify-center ax-items-center ax-text-xl\">\n      <ax-button look=\"blank\" class=\"ax-md\" (onClick)=\"emitBack()\">\n        <ax-icon> <i class=\"ax-text-neutral-400 fa-regular fa-chevron-left\"></i></ax-icon>\n      </ax-button>\n    </div>\n    <ax-avatar class=\"ax-relative ax-shrink-0\" color=\"primary\" shape=\"rounded\">\n      @if(false){\n      <ax-image>\n        <ax-loading></ax-loading>\n      </ax-image>\n      }@else{\n      <ax-text>\n        <span class=\"ax-text-base ax-overflow-hidden\"></span>\n      </ax-text>\n      }\n    </ax-avatar>\n    <div>\n      <div class=\"ax-text-xl\">Office Chat</div>\n      <div class=\"ax-text-neutral-400 ax-text-xs\">23 members, 10 online</div>\n    </div>\n  </div>\n  <div class=\"ax-flex ax-justify-start ax-items-center ax-gap-x-10 ax-text-xl ax-text-neutral-400\">\n    <i class=\"fa-regular fa-phone-flip\"> </i>\n    <i class=\"fa-regular fa-search\"> </i>\n    <i class=\"fa-regular fa-ellipsis-vertical\"> </i>\n  </div>\n</div>", styles: [""], dependencies: [{ kind: "component", type: i1$1.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: i2$2.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChatPreviewHeaderComponent, decorators: [{
             type: Component,
@@ -800,7 +800,7 @@ class AXMChatPreviewComponent {
     }
     addMockMessage() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChatPreviewComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMChatPreviewComponent, isStandalone: false, selector: "axm-chat-preview", ngImport: i0, template: "<ax-conversation-container>\n  <ax-conversation-view (onAction)=\"handleOnAction($event)\" [style.height]=\"dynamicHeight()\"> </ax-conversation-view>\n  <ax-conversation-input\n    placeholder=\"placeholder\"\n    [(ngModel)]=\"options().value\"\n    (onSendClick)=\"handleOnSend($event)\"\n    (onFileChange)=\"handleFileChange($event)\"\n    (onStopRecording)=\"handleEndRecord($event)\"\n    (onCancelRecording)=\"handleCancelRecord($event)\"\n  >\n  </ax-conversation-input>\n</ax-conversation-container>\n", styles: ["ax-conversation-container>div.ax-conversation-container{padding:1rem!important}ax-conversation-container>div.ax-conversation-container ax-conversation-view{padding:1.5rem}\n"], dependencies: [{ 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: "component", type: i2$3.AXConversationViewComponent, selector: "ax-conversation-view", inputs: ["height", "isReply"], outputs: ["onScrollEnd", "onAction"] }, { kind: "component", type: i2$3.AXConversationInputComponent, selector: "ax-conversation-input", inputs: ["look", "maxLength", "hasAttachment", "hasVoice", "hasEmoji", "acceptFileType"], outputs: ["onSendClick", "onStartRecording", "onCancelRecording"] }, { kind: "component", type: i2$3.AXConversationContainerComponent, selector: "ax-conversation-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMChatPreviewComponent, isStandalone: false, selector: "axm-chat-preview", ngImport: i0, template: "<ax-conversation-container>\n  <ax-conversation-view (onAction)=\"handleOnAction($event)\" [style.height]=\"dynamicHeight()\"> </ax-conversation-view>\n  <ax-conversation-input\n    placeholder=\"placeholder\"\n    [(ngModel)]=\"options().value\"\n    (onSendClick)=\"handleOnSend($event)\"\n    (onFileChange)=\"handleFileChange($event)\"\n    (onStopRecording)=\"handleEndRecord($event)\"\n    (onCancelRecording)=\"handleCancelRecord($event)\"\n  >\n  </ax-conversation-input>\n</ax-conversation-container>\n", styles: ["ax-conversation-container>div.ax-conversation-container{padding:1rem!important}ax-conversation-container>div.ax-conversation-container ax-conversation-view{padding:1.5rem}\n"], dependencies: [{ 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: "component", type: i2$3.AXConversationViewComponent, selector: "ax-conversation-view", inputs: ["height", "isReply"], outputs: ["onScrollEnd", "onAction"] }, { kind: "component", type: i2$3.AXConversationInputComponent, selector: "ax-conversation-input", inputs: ["look", "placeholder", "maxLength", "hasAttachment", "hasVoice", "hasEmoji", "isLoading", "acceptFileType"], outputs: ["onSendClick", "onStartRecording", "onCancelRecording"] }, { kind: "component", type: i2$3.AXConversationContainerComponent, selector: "ax-conversation-container", inputs: ["look"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChatPreviewComponent, decorators: [{
             type: Component,