@acorex/modules 19.2.11 → 19.2.15

package/fesm2022/{acorex-modules-auth-password.component-avrMwyr8.mjs.map → acorex-modules-auth-password.component-DC_zi8bV.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-auth-password.component-avrMwyr8.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-DC_zi8bV.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":["i3","i5","i7"],"mappings":"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"}

package/fesm2022/acorex-modules-auth-password.component-DqvmIMDR.mjs

@@ -0,0 +1,127 @@
+import * as i2$2 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i9 from '@acorex/components/check-box';
+import { AXCheckBoxModule } from '@acorex/components/check-box';
+import * as i1$1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDialogService } from '@acorex/components/dialog';
+import * as i2$1 from '@acorex/components/form';
+import { AXFormModule, AXFormComponent } from '@acorex/components/form';
+import * as i7 from '@acorex/components/label';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i3 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import * as i5 from '@acorex/components/password-box';
+import { AXPasswordBoxModule } from '@acorex/components/password-box';
+import * as i4 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import * as i6 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Component, ViewChild } from '@angular/core';
+import { RouterModule, Router } from '@angular/router';
+import { AXValidationModule } from '@acorex/core/validation';
+import { AXPSessionService } from '@acorex/platform/auth';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { BehaviorSubject } from 'rxjs';
+import { A as AXM_AUTH_CONFIG_TOKEN, a as AXMAuthenticationTypes } from './acorex-modules-auth-acorex-modules-auth-CZ_nTBkL.mjs';
+
+const MODULES = [
+    CommonModule,
+    FormsModule,
+    AXFormModule,
+    AXTextBoxModule,
+    AXPasswordBoxModule,
+    AXButtonModule,
+    AXLabelModule,
+    AXDecoratorModule,
+    AXCheckBoxModule,
+    AXTranslationModule,
+    AXTranslationModule,
+    AXLoadingModule,
+    RouterModule,
+    AXValidationModule,
+];
+class AXPLoginPasswordComponent {
+    constructor() {
+        this.configs = inject(AXM_AUTH_CONFIG_TOKEN);
+        this.v1 = '';
+        this.v2 = '';
+        this.isLoading$ = new BehaviorSubject(false);
+        this.submitText = 'signin.submit';
+        this.dialogService = inject(AXDialogService);
+        this.sessionService = inject(AXPSessionService);
+        this.router = inject(Router);
+        this.isKeepLogin = false;
+    }
+    ngOnInit() {
+        this.l2 = 'password';
+        switch (this.configs.type) {
+            case AXMAuthenticationTypes.EmailPassword:
+                this.l1 = 'email';
+                break;
+            case AXMAuthenticationTypes.MobilePassword:
+                this.l1 = 'mobile';
+                break;
+            case AXMAuthenticationTypes.UsernameEmailPassword:
+                this.l1 = 'username-email';
+                break;
+            case AXMAuthenticationTypes.UsernamePassword:
+            default:
+                this.l1 = 'username';
+        }
+    }
+    handleForgotOnClick() {
+        this.router.navigate(['/auth/forgot']);
+    }
+    handleRegisterOnClick() {
+        this.router.navigate([this.configs.signup?.url || '/auth/register']);
+    }
+    handleLoginClick() {
+        this.form.validate().then(async (form) => {
+            if (form.result) {
+                this.isLoading$.next(true);
+                this.submitText = 'processing';
+                this.submitText = 'redirecting';
+                try {
+                    await this.sessionService.signin({
+                        strategy: 'user-pass',
+                        username: this.v1,
+                        password: this.v2,
+                    }, this.isKeepLogin);
+                    await this.sessionService.signInComplete();
+                    if (this.sessionService.tenant?.id == null) {
+                        this.router.navigate(['/auth/account/tenant-chooser']);
+                    }
+                    else if (this.sessionService.application?.id == null) {
+                        this.router.navigate(['/auth/account/app-chooser']);
+                    }
+                    else {
+                        this.router.navigate([`/${this.sessionService.application.name}/home`]);
+                    }
+                }
+                catch (error) {
+                    console.log({ error });
+                    this.submitText = 'signin.submit';
+                    this.v2 = null;
+                    this.isLoading$.next(false);
+                }
+            }
+        });
+    }
+    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 [(ngModel)]=\"isKeepLogin\">\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]=\"'default'\">\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]=\"'default'\">\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]=\"'default'\"\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: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2$1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i2$1.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i2$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i4.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: i5.AXPasswordBoxComponent, selector: "ax-password-box", inputs: ["readonly", "disabled", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "autoComplete", "showToggleButton", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.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: i7.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: i9.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.AXTranslatorPipe, name: "translate" }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i3.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,
+            args: [{ imports: [...MODULES], 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 [(ngModel)]=\"isKeepLogin\">\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]=\"'default'\">\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]=\"'default'\">\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]=\"'default'\"\n    >\n    </ax-button>\n    }\n  </div>\n</ng-container>\n" }]
+        }], propDecorators: { form: [{
+                type: ViewChild,
+                args: [AXFormComponent]
+            }] } });
+
+export { AXPLoginPasswordComponent };
+//# sourceMappingURL=acorex-modules-auth-password.component-DqvmIMDR.mjs.map

package/fesm2022/acorex-modules-auth-password.component-DqvmIMDR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-auth-password.component-DqvmIMDR.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 { FormsModule } from '@angular/forms';\nimport { BehaviorSubject } from 'rxjs';\nimport { AXMAuthConfigs, AXMAuthenticationTypes, AXM_AUTH_CONFIG_TOKEN } from '../../../auth.config';\n\nconst MODULES = [\n  CommonModule,\n  FormsModule,\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  protected isKeepLogin: boolean = false;\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(\n            {\n              strategy: 'user-pass',\n              username: this.v1,\n              password: this.v2!,\n            },\n            this.isKeepLogin\n          );\n          await this.sessionService.signInComplete();\n\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        } catch (error: any) {\n          console.log({ error });\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 [(ngModel)]=\"isKeepLogin\">\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]=\"'default'\">\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]=\"'default'\">\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]=\"'default'\"\n    >\n    </ax-button>\n    }\n  </div>\n</ng-container>\n"],"names":["i3","i6","i8","i10","i11"],"mappings":"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"}

package/fesm2022/{acorex-modules-auth-routes-BPYBFOxg.mjs → acorex-modules-auth-routes-DwHgPrDP.mjs}

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

package/fesm2022/{acorex-modules-auth-routes-BPYBFOxg.mjs.map → acorex-modules-auth-routes-DwHgPrDP.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-auth-routes-BPYBFOxg.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-DwHgPrDP.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-code.component-YhAHhKIr.mjs → acorex-modules-auth-two-factor-code.component-DrV3UBuT.mjs}

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

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

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

package/fesm2022/{acorex-modules-auth-two-factor.module-B_V_nQN_.mjs → acorex-modules-auth-two-factor.module-BatKQRdJ.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-D1qxdECo.mjs';
+import { A as AXM_AUTH_CONFIG_TOKEN } from './acorex-modules-auth-acorex-modules-auth-CZ_nTBkL.mjs';
 
 function routesFacory() {
     const val = inject(AXM_AUTH_CONFIG_TOKEN);
@@ -9,7 +9,7 @@ function routesFacory() {
     routes = [
         {
             path: 'two-step',
-            loadComponent: () => import('./acorex-modules-auth-two-factor-code.component-YhAHhKIr.mjs').then((c) => c.AXPAuthTwoFactorCodeComponent),
+            loadComponent: () => import('./acorex-modules-auth-two-factor-code.component-DrV3UBuT.mjs').then((c) => c.AXPAuthTwoFactorCodeComponent),
         },
     ];
     return routes;
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         }] });
 
 export { AXPTwoFactorModule };
-//# sourceMappingURL=acorex-modules-auth-two-factor.module-B_V_nQN_.mjs.map
+//# sourceMappingURL=acorex-modules-auth-two-factor.module-BatKQRdJ.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-auth-two-factor.module-B_V_nQN_.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-BatKQRdJ.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-D1qxdECo.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-CZ_nTBkL.mjs';
 //# sourceMappingURL=acorex-modules-auth.mjs.map

package/fesm2022/acorex-modules-conversation.mjs

@@ -36,7 +36,7 @@ import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i1$3 from '@angular/router';
 import { ActivatedRoute, RouterModule, Router } from '@angular/router';
-import { AXMEntityCrudServiceImpl, AXPEntityDataProviderImpl } from '@acorex/platform/common';
+import { AXMEntityCrudServiceImpl, AXPEntityDataProviderImpl } from '@acorex/platform/layout/entity';
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXPopupService } from '@acorex/components/popup';
 import { AXToastService } from '@acorex/components/toast';
@@ -491,7 +491,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-lightest 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-lightest\">\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\n    >} @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\n          class=\"ax-mx-auto\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"154\"\n          height=\"161\"\n          viewBox=\"0 0 154 161\"\n          fill=\"none\"\n        >\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          />\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\"\n            stroke=\"#E5E7EB\"\n          />\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          />\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          />\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\"\n            stroke=\"#818CF8\"\n          />\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          />\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          />\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          />\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        >\n          <div (click)=\"scrollMain()\" class=\"ax-flex ax-justify-start ax-items-center ax-cursor-pointer\">\n            <i\n              [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\"\n            ></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            >\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\n                class=\"ax-truncate\"\n                [innerHTML]=\"\n                  isReplyingMode()\n                    ? sanitizeHtml(activeReplyComment()?.content ?? '')\n                    : sanitizeHtml(activeEditComment()?.content ?? '')\n                \"\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\n                [disabled]=\"hasCooldown()\"\n                type=\"submit\"\n                color=\"primary\"\n                mode=\"split\"\n                text=\"Send\"\n                (onClick)=\"submitComment()\"\n              >\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>\n", 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 }); }
+    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-lightest 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-lightest\">\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\n    >} @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\n          class=\"ax-mx-auto\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"154\"\n          height=\"161\"\n          viewBox=\"0 0 154 161\"\n          fill=\"none\"\n        >\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          />\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\"\n            stroke=\"#E5E7EB\"\n          />\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          />\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          />\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\"\n            stroke=\"#818CF8\"\n          />\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          />\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          />\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          />\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        >\n          <div (click)=\"scrollMain()\" class=\"ax-flex ax-justify-start ax-items-center ax-cursor-pointer\">\n            <i\n              [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\"\n            ></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            >\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\n                class=\"ax-truncate\"\n                [innerHTML]=\"\n                  isReplyingMode()\n                    ? sanitizeHtml(activeReplyComment()?.content ?? '')\n                    : sanitizeHtml(activeEditComment()?.content ?? '')\n                \"\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\n                [disabled]=\"hasCooldown()\"\n                type=\"submit\"\n                color=\"primary\"\n                mode=\"split\"\n                text=\"Send\"\n                (onClick)=\"submitComment()\"\n              >\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>\n", 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", "placement", "_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,
@@ -798,7 +798,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", "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 }); }
+    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" }], 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,