npm - @acorex-platform/module-auth-client - Versions diffs - 0.0.37 → 0.0.46 - Mend

@acorex-platform/module-auth-client 0.0.37 → 0.0.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (107) hide show

package/fesm2022/{acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-Dx2-o9XL.mjs → acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-DWNbDzDd.mjs} RENAMED Viewed

@@ -2,13 +2,13 @@ import * as i1$1 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import * as i7 from '@acorex/components/check-box';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
-import * as i3 from '@acorex/components/decorators';
+import * as i2 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i5 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
 import { AXPPageLayoutBaseComponent, AXPPageLayoutBase } from '@acorex-platform/framework-client/layout/views';
 import { AXPCommandService } from '@acorex-platform/framework-client/runtime';
-import * as i5$1 from '@angular/common';
+import * as i3 from '@angular/common';
 import { CommonModule, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { input, inject, signal, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
@@ -60,7 +60,7 @@ class AXMProfileDeleteAccountDangerZoneComponent extends AXPPageLayoutBaseCompon
                 provide: AXPPageLayoutBase,
                 useExisting: AXMProfileDeleteAccountDangerZoneComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<section class=\"__zone\" *translate=\"let t\">\n  <header class=\"__header\">\n    <div class=\"__icon\">\n      <ax-icon icon=\"fa-light fa-triangle-exclamation\"></ax-icon>\n    </div>\n    <div class=\"__copy\">\n      <h3 class=\"__title\">{{ '@auth:profile-page.components.delete-account.title' | translate | async }}</h3>\n      <p class=\"__description\">{{ '@auth:profile-page.components.delete-account.description' | translate | async }}</p>\n    </div>\n  </header>\n\n  <ul class=\"__warnings\">\n    <li>{{ '@auth:profile-page.components.delete-account.warnings.data' | translate | async }}</li>\n    <li>{{ '@auth:profile-page.components.delete-account.warnings.access' | translate | async }}</li>\n    <li>{{ '@auth:profile-page.components.delete-account.warnings.irreversible' | translate | async }}</li>\n  </ul>\n\n  <label class=\"__acknowledge\">\n    <ax-check-box [ngModel]=\"acknowledged()\" (ngModelChange)=\"acknowledged.set($event)\"></ax-check-box>\n    <span>{{ '@auth:profile-page.components.delete-account.acknowledge' | translate | async }}</span>\n  </label>\n\n  <div class=\"__actions\">\n    <ax-button\n      color=\"danger\"\n      [disabled]=\"!acknowledged() || isDeleting()\"\n      [text]=\"'@auth:profile-page.components.delete-account.actions.delete' | translate | async\"\n      (onClick)=\"handleDeleteAccount()\"\n    >\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-trash\"></ax-icon>\n      </ax-prefix>\n    </ax-button>\n  </div>\n</section>\n", styles: ["@layer properties;.axm-profile-delete-account-danger-zone .__zone{display:flex;height:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 5);border-radius:var(--radius-2xl, 1rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest);padding:calc(var(--spacing, .25rem) * 6);--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:rgba(var(--ax-sys-color-danger-50))}.axm-profile-delete-account-danger-zone .__header{display:flex;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 4)}.axm-profile-delete-account-danger-zone .__icon{display:flex;width:calc(var(--spacing, .25rem) * 12);height:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-xl, .75rem);background:rgb(var(--ax-sys-color-danger-lighter-surface));color:rgb(var(--ax-sys-color-danger-600));border:1px solid rgb(var(--ax-sys-color-border-danger-lighter-surface))}.axm-profile-delete-account-danger-zone .__title{margin:0;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgb(var(--ax-sys-color-on-danger-lightest-surface))}.axm-profile-delete-account-danger-zone .__description{margin-top:calc(var(--spacing, .25rem) * 1.5);margin-bottom:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);color:rgb(var(--ax-sys-color-on-danger-lightest-surface) / .88)}.axm-profile-delete-account-danger-zone .__warnings{margin:0;margin-inline-start:calc(var(--spacing, .25rem) * 5);list-style-type:disc;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgb(var(--ax-sys-color-on-danger-lightest-surface) / .92)}:where(.axm-profile-delete-account-danger-zone .__warnings>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(var(--spacing, .25rem) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing, .25rem) * calc(1 - var(--tw-space-y-reverse)))}.axm-profile-delete-account-danger-zone .__acknowledge{display:inline-flex;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgb(var(--ax-sys-color-on-danger-lightest-surface))}.axm-profile-delete-account-danger-zone .__actions{margin-top:auto}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-space-y-reverse{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial;--tw-leading: initial;--tw-space-y-reverse: 0}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i7.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "pipe", type: i5$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<section class=\"__zone\" *translate=\"let t\">\n  <header class=\"__header\">\n    <div class=\"__icon\">\n      <ax-icon icon=\"fa-light fa-triangle-exclamation\"></ax-icon>\n    </div>\n    <div class=\"__copy\">\n      <h3 class=\"__title\">{{ '@auth:profile-page.components.delete-account.title' | translate | async }}</h3>\n      <p class=\"__description\">{{ '@auth:profile-page.components.delete-account.description' | translate | async }}</p>\n    </div>\n  </header>\n\n  <ul class=\"__warnings\">\n    <li>{{ '@auth:profile-page.components.delete-account.warnings.data' | translate | async }}</li>\n    <li>{{ '@auth:profile-page.components.delete-account.warnings.access' | translate | async }}</li>\n    <li>{{ '@auth:profile-page.components.delete-account.warnings.irreversible' | translate | async }}</li>\n  </ul>\n\n  <label class=\"__acknowledge\">\n    <ax-check-box [ngModel]=\"acknowledged()\" (ngModelChange)=\"acknowledged.set($event)\"></ax-check-box>\n    <span>{{ '@auth:profile-page.components.delete-account.acknowledge' | translate | async }}</span>\n  </label>\n\n  <div class=\"__actions\">\n    <ax-button\n      color=\"danger\"\n      [disabled]=\"!acknowledged() || isDeleting()\"\n      [text]=\"'@auth:profile-page.components.delete-account.actions.delete' | translate | async\"\n      (onClick)=\"handleDeleteAccount()\"\n    >\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-trash\"></ax-icon>\n      </ax-prefix>\n    </ax-button>\n  </div>\n</section>\n", styles: ["@layer properties;.axm-profile-delete-account-danger-zone .__zone{display:flex;height:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 5);border-radius:var(--radius-2xl, 1rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest);padding:calc(var(--spacing, .25rem) * 6);--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:rgba(var(--ax-sys-color-danger-50))}.axm-profile-delete-account-danger-zone .__header{display:flex;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 4)}.axm-profile-delete-account-danger-zone .__icon{display:flex;width:calc(var(--spacing, .25rem) * 12);height:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-xl, .75rem);background:rgb(var(--ax-sys-color-danger-lighter-surface));color:rgb(var(--ax-sys-color-danger-600));border:1px solid rgb(var(--ax-sys-color-border-danger-lighter-surface))}.axm-profile-delete-account-danger-zone .__title{margin:0;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgb(var(--ax-sys-color-on-danger-lightest-surface))}.axm-profile-delete-account-danger-zone .__description{margin-top:calc(var(--spacing, .25rem) * 1.5);margin-bottom:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);color:rgb(var(--ax-sys-color-on-danger-lightest-surface) / .88)}.axm-profile-delete-account-danger-zone .__warnings{margin:0;margin-inline-start:calc(var(--spacing, .25rem) * 5);list-style-type:disc;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgb(var(--ax-sys-color-on-danger-lightest-surface) / .92)}:where(.axm-profile-delete-account-danger-zone .__warnings>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(var(--spacing, .25rem) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing, .25rem) * calc(1 - var(--tw-space-y-reverse)))}.axm-profile-delete-account-danger-zone .__acknowledge{display:inline-flex;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgb(var(--ax-sys-color-on-danger-lightest-surface))}.axm-profile-delete-account-danger-zone .__actions{margin-top:auto}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-space-y-reverse{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial;--tw-leading: initial;--tw-space-y-reverse: 0}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i7.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { 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: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMProfileDeleteAccountDangerZoneComponent, decorators: [{
             type: Component,
@@ -81,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }], propDecorators: { rootContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootContext", required: false }] }], pageConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageConfig", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
 export { AXMProfileDeleteAccountDangerZoneComponent };
-//# sourceMappingURL=acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-Dx2-o9XL.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-DWNbDzDd.mjs.map

package/fesm2022/{acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-Dx2-o9XL.mjs.map → acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-DWNbDzDd.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-~~Dx2-o9XL~~.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/account/profile-page/components/profile-delete-account-danger-zone/profile-delete-account-danger-zone.component.ts","../../../../libs/modules/auth/client/src/lib/pages/account/profile-page/components/profile-delete-account-danger-zone/profile-delete-account-danger-zone.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPPageLayoutBase, AXPPageLayoutBaseComponent } from '@acorex-platform/framework-client/layout/views';\nimport { AXPCommandService } from '@acorex-platform/framework-client/runtime';\nimport { AsyncPipe, CommonModule } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n inject,\n input,\n signal,\n ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXMAuthCommandKeys } from '@acorex-platform/module-auth-client/contracts';\n\n//#region ---- Component ----\n\n/** Danger-zone UI for permanently deleting the current user's account. /\n@Component({\n selector: 'axm-profile-delete-account-danger-zone',\n imports: [\n CommonModule,\n AsyncPipe,\n FormsModule,\n AXButtonModule,\n AXCheckBoxModule,\n AXDecoratorModule,\n AXTranslationModule,\n ],\n templateUrl: './profile-delete-account-danger-zone.component.html',\n styleUrl: './profile-delete-account-danger-zone.component.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: { class: 'axm-profile-delete-account-danger-zone' },\n providers: [\n {\n provide: AXPPageLayoutBase,\n useExisting: AXMProfileDeleteAccountDangerZoneComponent,\n },\n ],\n})\nexport class AXMProfileDeleteAccountDangerZoneComponent extends AXPPageLayoutBaseComponent {\n //#region ---- Inputs ----\n\n rootContext = input<Record<string, unknown>>({});\n pageConfig = input<Record<string, unknown>>();\n options = input<Record<string, unknown>>({});\n\n //#endregion\n\n //#region ---- Services & Dependencies ----\n\n private readonly commandService = inject(AXPCommandService);\n\n //#endregion\n\n //#region ---- State ----\n\n protected readonly acknowledged = signal(false);\n protected readonly isDeleting = signal(false);\n\n //#endregion\n\n //#region ---- UI Handlers ----\n\n protected async handleDeleteAccount(): Promise<void> {\n if (!this.acknowledged() \|\| this.isDeleting()) {\n return;\n }\n\n this.isDeleting.set(true);\n try {\n await this.commandService.execute(AXMAuthCommandKeys.Profile.ComingSoon, {\n messageKey: '@auth:profile-page.commands.delete-my-account.coming-soon',\n });\n } finally {\n this.isDeleting.set(false);\n }\n }\n\n //#endregion\n}\n\n//#endregion\n","<section class=\"__zone\" translate=\"let t\">\n <header class=\"__header\">\n <div class=\"__icon\">\n <ax-icon icon=\"fa-light fa-triangle-exclamation\"></ax-icon>\n </div>\n <div class=\"__copy\">\n <h3 class=\"__title\">{{ '@auth:profile-page.components.delete-account.title' \| translate \| async }}</h3>\n <p class=\"__description\">{{ '@auth:profile-page.components.delete-account.description' \| translate \| async }}</p>\n </div>\n </header>\n\n <ul class=\"__warnings\">\n <li>{{ '@auth:profile-page.components.delete-account.warnings.data' \| translate \| async }}</li>\n <li>{{ '@auth:profile-page.components.delete-account.warnings.access' \| translate \| async }}</li>\n <li>{{ '@auth:profile-page.components.delete-account.warnings.irreversible' \| translate \| async }}</li>\n </ul>\n\n <label class=\"__acknowledge\">\n <ax-check-box [ngModel]=\"acknowledged()\" (ngModelChange)=\"acknowledged.set($event)\"></ax-check-box>\n <span>{{ '@auth:profile-page.components.delete-account.acknowledge' \| translate \| async }}</span>\n </label>\n\n <div class=\"__actions\">\n <ax-button\n color=\"danger\"\n [disabled]=\"!acknowledged() \|\| isDeleting()\"\n [text]=\"'@auth:profile-page.components.delete-account.actions.delete' \| translate \| async\"\n (onClick)=\"handleDeleteAccount()\"\n >\n <ax-prefix>\n <ax-icon icon=\"fa-light fa-trash\"></ax-icon>\n </ax-prefix>\n </ax-button>\n </div>\n</section>\n"],"names":["i2","i3","i4","i6"],"mappings":"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~~IAAA~~,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAcV,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBAvBtD,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wCAAwC,EAAA,OAAA,EACzC;wBACP,YAAY;wBACZ,SAAS;wBACT,WAAW;wBACX,cAAc;wBACd,gBAAgB;wBAChB,iBAAiB;wBACjB,mBAAmB;AACpB,qBAAA,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B,EAAE,KAAK,EAAE,wCAAwC,EAAE,EAAA,SAAA,EAC9C;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAA,0CAA4C;AACxD,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,g+CAAA,EAAA,MAAA,EAAA,CAAA,66JAAA,CAAA,EAAA;;;"}
1	+ {"version":3,"file":"acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-DWNbDzDd.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/account/profile-page/components/profile-delete-account-danger-zone/profile-delete-account-danger-zone.component.ts","../../../../libs/modules/auth/client/src/lib/pages/account/profile-page/components/profile-delete-account-danger-zone/profile-delete-account-danger-zone.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPPageLayoutBase, AXPPageLayoutBaseComponent } from '@acorex-platform/framework-client/layout/views';\nimport { AXPCommandService } from '@acorex-platform/framework-client/runtime';\nimport { AsyncPipe, CommonModule } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n inject,\n input,\n signal,\n ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXMAuthCommandKeys } from '@acorex-platform/module-auth-client/contracts';\n\n//#region ---- Component ----\n\n/** Danger-zone UI for permanently deleting the current user's account. /\n@Component({\n selector: 'axm-profile-delete-account-danger-zone',\n imports: [\n CommonModule,\n AsyncPipe,\n FormsModule,\n AXButtonModule,\n AXCheckBoxModule,\n AXDecoratorModule,\n AXTranslationModule,\n ],\n templateUrl: './profile-delete-account-danger-zone.component.html',\n styleUrl: './profile-delete-account-danger-zone.component.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: { class: 'axm-profile-delete-account-danger-zone' },\n providers: [\n {\n provide: AXPPageLayoutBase,\n useExisting: AXMProfileDeleteAccountDangerZoneComponent,\n },\n ],\n})\nexport class AXMProfileDeleteAccountDangerZoneComponent extends AXPPageLayoutBaseComponent {\n //#region ---- Inputs ----\n\n rootContext = input<Record<string, unknown>>({});\n pageConfig = input<Record<string, unknown>>();\n options = input<Record<string, unknown>>({});\n\n //#endregion\n\n //#region ---- Services & Dependencies ----\n\n private readonly commandService = inject(AXPCommandService);\n\n //#endregion\n\n //#region ---- State ----\n\n protected readonly acknowledged = signal(false);\n protected readonly isDeleting = signal(false);\n\n //#endregion\n\n //#region ---- UI Handlers ----\n\n protected async handleDeleteAccount(): Promise<void> {\n if (!this.acknowledged() \|\| this.isDeleting()) {\n return;\n }\n\n this.isDeleting.set(true);\n try {\n await this.commandService.execute(AXMAuthCommandKeys.Profile.ComingSoon, {\n messageKey: '@auth:profile-page.commands.delete-my-account.coming-soon',\n });\n } finally {\n this.isDeleting.set(false);\n }\n }\n\n //#endregion\n}\n\n//#endregion\n","<section class=\"__zone\" translate=\"let t\">\n <header class=\"__header\">\n <div class=\"__icon\">\n <ax-icon icon=\"fa-light fa-triangle-exclamation\"></ax-icon>\n </div>\n <div class=\"__copy\">\n <h3 class=\"__title\">{{ '@auth:profile-page.components.delete-account.title' \| translate \| async }}</h3>\n <p class=\"__description\">{{ '@auth:profile-page.components.delete-account.description' \| translate \| async }}</p>\n </div>\n </header>\n\n <ul class=\"__warnings\">\n <li>{{ '@auth:profile-page.components.delete-account.warnings.data' \| translate \| async }}</li>\n <li>{{ '@auth:profile-page.components.delete-account.warnings.access' \| translate \| async }}</li>\n <li>{{ '@auth:profile-page.components.delete-account.warnings.irreversible' \| translate \| async }}</li>\n </ul>\n\n <label class=\"__acknowledge\">\n <ax-check-box [ngModel]=\"acknowledged()\" (ngModelChange)=\"acknowledged.set($event)\"></ax-check-box>\n <span>{{ '@auth:profile-page.components.delete-account.acknowledge' \| translate \| async }}</span>\n </label>\n\n <div class=\"__actions\">\n <ax-button\n color=\"danger\"\n [disabled]=\"!acknowledged() \|\| isDeleting()\"\n [text]=\"'@auth:profile-page.components.delete-account.actions.delete' \| translate \| async\"\n (onClick)=\"handleDeleteAccount()\"\n >\n <ax-prefix>\n <ax-icon icon=\"fa-light fa-trash\"></ax-icon>\n </ax-prefix>\n </ax-button>\n </div>\n</section>\n"],"names":["i2","i3","i4","i6"],"mappings":"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"}

package/fesm2022/{acorex-platform-module-auth-client-profile-page-component.provider-1Spuexhb.mjs → acorex-platform-module-auth-client-profile-page-component.provider-i1SGrccV.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Injectable } from '@angular/core';
-import { e as PROFILE_ACTIVITY_CHART_COMPONENT_KEY, f as PROFILE_DELETE_ACCOUNT_DANGER_ZONE_COMPONENT_KEY } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-CRl74b8g.mjs';
+import { e as PROFILE_ACTIVITY_CHART_COMPONENT_KEY, f as PROFILE_DELETE_ACCOUNT_DANGER_ZONE_COMPONENT_KEY } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-DXunSlPC.mjs';
 //#region ---- Profile page component provider ----
 class AXMProfilePageComponentProvider {
@@ -8,11 +8,11 @@ class AXMProfilePageComponentProvider {
         return [
             {
                 key: PROFILE_ACTIVITY_CHART_COMPONENT_KEY,
-                loader: () => import('./acorex-platform-module-auth-client-profile-activity-chart.component-CFaRGMKu.mjs').then((module) => module.AXMProfileActivityChartComponent),
+                loader: () => import('./acorex-platform-module-auth-client-profile-activity-chart.component-DTfyVXWu.mjs').then((module) => module.AXMProfileActivityChartComponent),
             },
             {
                 key: PROFILE_DELETE_ACCOUNT_DANGER_ZONE_COMPONENT_KEY,
-                loader: () => import('./acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-Dx2-o9XL.mjs').then((module) => module.AXMProfileDeleteAccountDangerZoneComponent),
+                loader: () => import('./acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-DWNbDzDd.mjs').then((module) => module.AXMProfileDeleteAccountDangerZoneComponent),
             },
         ];
     }
@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }] });
 export { AXMProfilePageComponentProvider };
-//# sourceMappingURL=acorex-platform-module-auth-client-profile-page-component.provider-1Spuexhb.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-profile-page-component.provider-i1SGrccV.mjs.map

package/fesm2022/{acorex-platform-module-auth-client-profile-page-component.provider-1Spuexhb.mjs.map → acorex-platform-module-auth-client-profile-page-component.provider-i1SGrccV.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-platform-module-auth-client-profile-page-component.provider-~~1Spuexhb~~.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/account/profile-page/profile-page-component.provider.ts"],"sourcesContent":["import {\n AXPPageComponentDefinition,\n AXPPageComponentProvider,\n} from '@acorex-platform/framework-client/layout/components';\nimport { Injectable } from '@angular/core';\nimport {\n PROFILE_ACTIVITY_CHART_COMPONENT_KEY,\n PROFILE_DELETE_ACCOUNT_DANGER_ZONE_COMPONENT_KEY,\n} from './profile-page.component-keys';\n\n//#region ---- Profile page component provider ----\n\n@Injectable()\nexport class AXMProfilePageComponentProvider implements AXPPageComponentProvider {\n async components(): Promise<AXPPageComponentDefinition[]> {\n return [\n {\n key: PROFILE_ACTIVITY_CHART_COMPONENT_KEY,\n loader: () =>\n import('./components/profile-activity-chart/profile-activity-chart.component').then(\n (module) => module.AXMProfileActivityChartComponent,\n ),\n },\n {\n key: PROFILE_DELETE_ACCOUNT_DANGER_ZONE_COMPONENT_KEY,\n loader: () =>\n import('./components/profile-delete-account-danger-zone/profile-delete-account-danger-zone.component').then(\n (module) => module.AXMProfileDeleteAccountDangerZoneComponent,\n ),\n },\n ];\n }\n}\n\n//#endregion\n"],"names":[],"mappings":";;;;AAUA;MAGa,+BAA+B,CAAA;AAC1C,IAAA,MAAM,UAAU,GAAA;QACd,OAAO;AACL,YAAA;AACE,gBAAA,GAAG,EAAE,oCAAoC;AACzC,gBAAA,MAAM,EAAE,MACN,OAAO,oFAAsE,CAAC,CAAC,IAAI,CACjF,CAAC,MAAM,KAAK,MAAM,CAAC,gCAAgC,CACpD;AACJ,aAAA;AACD,YAAA;AACE,gBAAA,GAAG,EAAE,gDAAgD;AACrD,gBAAA,MAAM,EAAE,MACN,OAAO,gGAA8F,CAAC,CAAC,IAAI,CACzG,CAAC,MAAM,KAAK,MAAM,CAAC,0CAA0C,CAC9D;AACJ,aAAA;SACF;IACH;8GAlBW,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;kHAA/B,+BAA+B,EAAA,CAAA,CAAA;;2FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAD3C;;;"}
1	+ {"version":3,"file":"acorex-platform-module-auth-client-profile-page-component.provider-i1SGrccV.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/account/profile-page/profile-page-component.provider.ts"],"sourcesContent":["import {\n AXPPageComponentDefinition,\n AXPPageComponentProvider,\n} from '@acorex-platform/framework-client/layout/components';\nimport { Injectable } from '@angular/core';\nimport {\n PROFILE_ACTIVITY_CHART_COMPONENT_KEY,\n PROFILE_DELETE_ACCOUNT_DANGER_ZONE_COMPONENT_KEY,\n} from './profile-page.component-keys';\n\n//#region ---- Profile page component provider ----\n\n@Injectable()\nexport class AXMProfilePageComponentProvider implements AXPPageComponentProvider {\n async components(): Promise<AXPPageComponentDefinition[]> {\n return [\n {\n key: PROFILE_ACTIVITY_CHART_COMPONENT_KEY,\n loader: () =>\n import('./components/profile-activity-chart/profile-activity-chart.component').then(\n (module) => module.AXMProfileActivityChartComponent,\n ),\n },\n {\n key: PROFILE_DELETE_ACCOUNT_DANGER_ZONE_COMPONENT_KEY,\n loader: () =>\n import('./components/profile-delete-account-danger-zone/profile-delete-account-danger-zone.component').then(\n (module) => module.AXMProfileDeleteAccountDangerZoneComponent,\n ),\n },\n ];\n }\n}\n\n//#endregion\n"],"names":[],"mappings":";;;;AAUA;MAGa,+BAA+B,CAAA;AAC1C,IAAA,MAAM,UAAU,GAAA;QACd,OAAO;AACL,YAAA;AACE,gBAAA,GAAG,EAAE,oCAAoC;AACzC,gBAAA,MAAM,EAAE,MACN,OAAO,oFAAsE,CAAC,CAAC,IAAI,CACjF,CAAC,MAAM,KAAK,MAAM,CAAC,gCAAgC,CACpD;AACJ,aAAA;AACD,YAAA;AACE,gBAAA,GAAG,EAAE,gDAAgD;AACrD,gBAAA,MAAM,EAAE,MACN,OAAO,gGAA8F,CAAC,CAAC,IAAI,CACzG,CAAC,MAAM,KAAK,MAAM,CAAC,0CAA0C,CAC9D;AACJ,aAAA;SACF;IACH;8GAlBW,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;kHAA/B,+BAA+B,EAAA,CAAA,CAAA;;2FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAD3C;;;"}

package/fesm2022/{acorex-platform-module-auth-client-profile-page.component-CGs24n0j.mjs → acorex-platform-module-auth-client-profile-page.component-DNtpDf8J.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
 import * as i1 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
-import * as i3 from '@acorex/components/decorators';
+import * as i2 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i4 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
@@ -9,7 +9,7 @@ import { AXSkeletonModule } from '@acorex/components/skeleton';
 import * as i6 from '@acorex/components/tabs';
 import { AXTabsModule } from '@acorex/components/tabs';
 import { AXFormatPipe } from '@acorex/core/format';
-import * as i5$1 from '@acorex/core/translation';
+import * as i5 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
 import * as i8 from '@acorex/components/tooltip';
 import { AXTooltipModule } from '@acorex/components/tooltip';
@@ -18,7 +18,7 @@ import { AXPHookService, AXPDeviceService } from '@acorex-platform/framework-cli
 import { AXPQueryService, AXPCommandService } from '@acorex-platform/framework-client/runtime';
 import { AXPThemeLayoutBlockComponent, AXPThemeLayoutListComponent, AXPThemeLayoutListItemComponent, AXPUserAvatarComponent } from '@acorex-platform/framework-client/layout/components';
 import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageComponentRendererDirective, AXPPageLayoutBase } from '@acorex-platform/framework-client/layout/views';
-import * as i5 from '@angular/common';
+import * as i3 from '@angular/common';
 import { CommonModule, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, Injectable, DestroyRef, signal, computed, effect, untracked, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
@@ -28,7 +28,7 @@ import { filter, distinctUntilChanged } from 'rxjs';
 import { AXMAuthCommandKeys } from '@acorex-platform/module-auth-client/contracts';
 import { AXPSessionService } from '@acorex-platform/framework-client/auth';
 import { defaultTo, orderBy, uniqBy, first, isNil, get } from 'lodash';
-import { P as PROFILE_PAGE_GROUPS_HOOK, a as PROFILE_PAGE_SECTIONS_HOOK, b as PROFILE_PAGE_HEADER_META_HOOK, v as visibleUserProfileSectionActions, r as resolveDefaultUserProfileSectionAction, c as resolveUserProfileSectionContent, d as PROFILE_SECTION_INSIGHTS_PATCH_METADATA_KEY } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-CRl74b8g.mjs';
+import { P as PROFILE_PAGE_GROUPS_HOOK, a as PROFILE_PAGE_SECTIONS_HOOK, b as PROFILE_PAGE_HEADER_META_HOOK, v as visibleUserProfileSectionActions, r as resolveDefaultUserProfileSectionAction, c as resolveUserProfileSectionContent, d as PROFILE_SECTION_INSIGHTS_PATCH_METADATA_KEY } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-DXunSlPC.mjs';
 import { runtimeQueryPayloadData } from '@acorex-platform/framework-shared/core';
 import { ENTITY_GET_BY_ID_DEFAULT } from '@acorex-platform/framework-shared/runtime';
@@ -538,7 +538,9 @@ class AXMUserProfilePageComponent extends AXPPageLayoutBaseComponent {
         this.header.set(header);
     }
     shouldReloadSecuritySections(commandName) {
-        return commandName === AXMAuthCommandKeys.Session.OpenSessions;
+        return (commandName === AXMAuthCommandKeys.Session.OpenSessions ||
+            commandName === AXMAuthCommandKeys.Profile.EditAccountInfo ||
+            commandName === AXMAuthCommandKeys.Security.ManageTwoFactor);
     }
     shouldReloadHealthSections(commandName) {
         // Only the health-profile editor changes Medical Summary insights; list popups must not reload on close.
@@ -616,7 +618,7 @@ class AXMUserProfilePageComponent extends AXPPageLayoutBaseComponent {
                 provide: AXPPageLayoutBase,
                 useExisting: AXMUserProfilePageComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-content>\n    @if (isLoading()) {\n    <!-- ----- Profile page skeleton ----- -->\n    <div class=\"__shell\" aria-hidden=\"true\">\n      <section class=\"__hero-card\">\n        <div class=\"__hero-header\">\n          <div class=\"__hero-cover\">\n            <span class=\"__hero-wave __hero-wave--primary\"></span>\n            <span class=\"__hero-wave __hero-wave--soft\"></span>\n            <span class=\"__hero-wave __hero-wave--light\"></span>\n          </div>\n          <div class=\"__hero-content\">\n            <div class=\"__hero-avatar\">\n              <ax-skeleton class=\"size-24 rounded-full\" [animated]=\"true\"></ax-skeleton>\n            </div>\n            <div class=\"__hero-details\">\n              <ax-skeleton class=\"h-7 w-48 max-w-full rounded-md\" [animated]=\"true\"></ax-skeleton>\n              <ax-skeleton class=\"mt-2 h-4 w-32 max-w-full rounded-md\" [animated]=\"true\"></ax-skeleton>\n            </div>\n          </div>\n        </div>\n        <!--------------------------------------------------------------->\n        @if (!isCompactNav()) {\n        <!-- ----- Desktop tab skeletons ----- -->\n        <div class=\"__tabs __tabs-skeleton\">\n          @for (item of pageTabSkeletonPlaceholders; track item) {\n          <ax-skeleton class=\"h-4 w-20 rounded-md\" [animated]=\"true\"></ax-skeleton>\n          }\n        </div>\n        }\n      </section>\n      <!--------------------------------------------------------------->\n      @if (isCompactNav()) {\n      <!-- ----- Compact group-list skeletons ----- -->\n      <div class=\"__group-nav\">\n        @for (item of pageListSkeletonPlaceholders; track item) {\n        <div class=\"__group-nav-skeleton-row\">\n          <ax-skeleton class=\"size-5 shrink-0 rounded-md\" [animated]=\"true\"></ax-skeleton>\n          <ax-skeleton class=\"h-4 min-w-0 flex-1 rounded-md\" [animated]=\"true\"></ax-skeleton>\n          <ax-skeleton class=\"size-4 shrink-0 rounded-md\" [animated]=\"true\"></ax-skeleton>\n        </div>\n        }\n      </div>\n      }\n      <!-- ----- Desktop section-card skeletons ----- -->\n      @else {\n      <ng-container *ngTemplateOutlet=\"sectionCardsSkeleton\"></ng-container>\n      }\n    </div>\n    } @else if (header(); as profileHeader) {\n    <div class=\"__shell\">\n      <!--->\n      <!-- ----- Profile hero and desktop group tabs ----- -->\n      @if (showHero()) {\n      <section\n        class=\"__hero-card\"\n        [axpSticky]=\"'--stuck'\"\n        stickyParent=\"#axp-page-layout\"\n        [stickyOffset]=\"0\"\n      >\n        <div class=\"__hero-header\">\n          <div class=\"__hero-cover\" aria-hidden=\"true\">\n            <span class=\"__hero-wave __hero-wave--primary\" aria-hidden=\"true\"></span>\n            <span class=\"__hero-wave __hero-wave--soft\" aria-hidden=\"true\"></span>\n            <span class=\"__hero-wave __hero-wave--light\" aria-hidden=\"true\"></span>\n          </div>\n\n          <div class=\"__hero-content\">\n            <div class=\"__hero-avatar\">\n              <axp-user-avatar [size]=\"96\" [userId]=\"profileHeader.avatarUserId\"></axp-user-avatar>\n              <button type=\"button\" class=\"__avatar-edit\"\n                [attr.aria-label]=\"('@auth:profile-page.avatar.edit' | translate | async) ?? ''\"\n                (click)=\"handleEditAvatar()\">\n                <ax-icon icon=\"fa-light fa-camera\"></ax-icon>\n              </button>\n            </div>\n\n            <div class=\"__hero-details\">\n              <h2 class=\"__hero-name\">{{ profileHeader.displayName }}</h2>\n\n              @if (profileHeader.username || profileHeader.joinedAt) {\n              <p class=\"__hero-subtitle\">\n                @if (profileHeader.username) {\n                <span class=\"__hero-subtitle-item\">\n                  <ax-icon icon=\"fa-light fa-user\"></ax-icon>\n                  <span>{{ profileHeader.username }}</span>\n                </span>\n                }\n                @if (profileHeader.username && profileHeader.joinedAt) {\n                <span class=\"__hero-subtitle-separator\" aria-hidden=\"true\">\u00B7</span>\n                }\n                @if (profileHeader.joinedAt) {\n                <span class=\"__hero-subtitle-item\">\n                  <ax-icon icon=\"fa-light fa-calendar\"></ax-icon>\n                  <span>\n                    {{ '@auth:profile-page.header.meta.member-since' | translate | async }}\n                    {{ profileHeader.joinedAt | format: 'date' : { format: 'long' } | async }}\n                  </span>\n                </span>\n                }\n              </p>\n              }\n\n              @if (profileHeader.meta.length) {\n              <ul class=\"__hero-meta\">\n                @for (item of profileHeader.meta; track item.id) {\n                <li class=\"__hero-meta-item\">\n                  @if (item.icon) {\n                  <ax-icon [icon]=\"item.icon\"></ax-icon>\n                  }\n                  <span class=\"__hero-meta-label\">{{ item.label | translate | async }}</span>\n                  <span class=\"__hero-meta-value\">{{ item.value }}</span>\n                </li>\n                }\n              </ul>\n              }\n            </div>\n          </div>\n        </div>\n\n        <!--->\n        <!-- ----- Desktop group tabs ----- -->\n        @if (showTabs()) {\n        <ax-tabs class=\"__tabs\" [look]=\"'with-line'\" [location]=\"'bottom'\" [fitParent]=\"false\"\n          (onActiveTabChanged)=\"handleGroupTabChanged($event)\">\n          @for (group of groups(); track group.id) {\n          <ax-tab-item [key]=\"group.id\" [text]=\"(group.title | translate | async)!\"\n            [active]=\"activeGroupId() === group.id\">\n            @if (group.icon) {\n            <ax-prefix>\n              <ax-icon [icon]=\"group.icon\"></ax-icon>\n            </ax-prefix>\n            }\n          </ax-tab-item>\n          }\n        </ax-tabs>\n        }\n      </section>\n      }\n\n      <!--->\n      <!-- ----- Profile area list on compact screens ----- -->\n      @if (showGroupList()) {\n      <axp-layout-list class=\"__group-nav\">\n        @for (group of groups(); track group.id) {\n        <axp-layout-list-item (click)=\"handleSelectGroup(group)\">\n          <!--->\n          <!-- ----- Group icon ----- -->\n          @if (group.icon) {\n          <axp-layout-prefix>\n            <ax-icon [icon]=\"group.icon\" class=\"text-gray-500\"></ax-icon>\n          </axp-layout-prefix>\n          }\n          <axp-layout-content>\n            <a class=\"font-semibold\">{{ group.title | translate | async }}</a>\n          </axp-layout-content>\n          <axp-layout-suffix>\n            <ax-icon icon=\"far fa-chevron-right rtl:rotate-180\" class=\"text-gray-400\"></ax-icon>\n          </axp-layout-suffix>\n        </axp-layout-list-item>\n        }\n      </axp-layout-list>\n      }\n\n      <ng-template #sectionCopyBody let-section=\"section\">\n        @if (section.title) {\n          <h3 class=\"__section-title\">{{ section.title | translate | async }}</h3>\n        }\n\n        @if (hasDisplayableInsights(section)) {\n          <ul class=\"__section-insights\">\n            @for (insight of displayableInsights(section); track insight.id) {\n              <li\n                class=\"__section-insight\"\n                [axTooltip]=\"insight.title ? ((insight.title | translate | async) ?? '') : ''\"\n                [axTooltipDisabled]=\"!insight.title\"\n                axTooltipPlacement=\"top\"\n              >\n                <span class=\"__section-insight-icon-wrap\" aria-hidden=\"true\">\n                  @if (insight.icon) {\n                    <ax-icon [icon]=\"insight.icon\"></ax-icon>\n                  }\n                </span>\n                <span class=\"__section-insight-text\">\n                  @if (resolveInsightDate(insight); as insightDate) {\n                    @if (insight.datePrefix) {\n                      <span>{{ insight.datePrefix | translate | async }} \u00B7 </span>\n                    }\n                    <span>{{ insightDate | format: 'timeleft' | async }}</span>\n                  } @else if (insight.text) {\n                    {{ insight.text | translate | async }}\n                  }\n                </span>\n              </li>\n            }\n          </ul>\n        } @else if (section.description) {\n          <p class=\"__section-description\">{{ section.description | translate | async }}</p>\n        }\n      </ng-template>\n\n      <!--->\n      <!-- ----- Lazy group panels: created on first visit, then shown or hidden ----- -->\n      @if (showGroupContent()) {\n      @for (group of groups(); track group.id) {\n        @if (isGroupVisited(group.id)) {\n          <div\n            class=\"__group-panel\"\n            [class.--inactive]=\"!isGroupPanelActive(group.id)\"\n            [attr.aria-hidden]=\"!isGroupPanelActive(group.id)\"\n            [attr.inert]=\"isGroupPanelActive(group.id) ? null : ''\"\n          >\n            @if (isGroupSectionsPending(group)) {\n              <!-- ----- Section cards skeleton while group content loads ----- -->\n              <ng-container *ngTemplateOutlet=\"sectionCardsSkeleton\"></ng-container>\n            } @else if (groupComponentContent(group); as componentContent) {\n              <!-- ----- Full-tab page component ----- -->\n              <div class=\"__group-content\">\n                <div axp-page-component-renderer [componentKey]=\"componentContent.componentKey\"\n                  [pageConfig]=\"componentContent.pageConfig ?? {}\"></div>\n              </div>\n            } @else {\n              <!-- ----- Section cards for groups that do not replace the tab body ----- -->\n              <div class=\"__sections\">\n                @for (section of sectionsForGroup(group.id); track section.id) {\n                  @let sectionContent = resolveSectionContent(section);\n                  <div class=\"__section-slot\" [class.--has-col-start]=\"hasSectionColStart(section.layout)\"\n                    [style]=\"sectionLayoutVars(section.layout)\">\n                    @if (sectionContent.mode === 'component') {\n                      <div axp-page-component-renderer [componentKey]=\"sectionContent.componentKey\"\n                        [pageConfig]=\"sectionContent.pageConfig ?? {}\"></div>\n                    } @else {\n                      @let visibleActions = visibleSectionActions(sectionContent.actions);\n                      @let defaultAction = defaultSectionAction(sectionContent.actions);\n                      <article class=\"__section-card\">\n                        @if (defaultAction) {\n                          <div\n                            class=\"__section-card-action\"\n                            [class.__section-card-action--with-menu]=\"visibleActions.length > 1\"\n                          >\n                            <button\n                              type=\"button\"\n                              class=\"__section-card-hit\"\n                              [disabled]=\"defaultAction.disabled === true\"\n                              (click)=\"handleActionClick(defaultAction)\"\n                            >\n                              @if (section.icon) {\n                                <div class=\"__section-icon\">\n                                  <ax-icon [icon]=\"section.icon\"></ax-icon>\n                                </div>\n                              }\n                              <div class=\"__section-copy\">\n                                <ng-container *ngTemplateOutlet=\"sectionCopyBody; context: { section: section }\"></ng-container>\n                              </div>\n                            </button>\n\n                            @if (visibleActions.length > 1) {\n                              <div class=\"__section-more-actions-wrap\" (click)=\"$event.stopPropagation()\">\n                                <ax-button\n                                  class=\"__section-more-actions\"\n                                  look=\"blank\"\n                                  color=\"default\"\n                                  [attr.aria-label]=\"('@auth:profile-page.page.sections.actions' | translate | async) ?? ''\"\n                                >\n                                  <ax-prefix>\n                                    <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n                                  </ax-prefix>\n                                  <ax-dropdown-panel>\n                                    <ax-button-item-list>\n                                      @for (action of visibleActions; track action.name ?? action.title) {\n                                        <ax-button-item\n                                          [text]=\"(action.title | translate | async)!\"\n                                          [color]=\"action.color\"\n                                          [disabled]=\"action.disabled === true\"\n                                          (onClick)=\"handleActionClick(action)\"\n                                        >\n                                          @if (action.icon) {\n                                            <ax-prefix>\n                                              <ax-icon [icon]=\"action.icon\"></ax-icon>\n                                            </ax-prefix>\n                                          }\n                                        </ax-button-item>\n                                      }\n                                    </ax-button-item-list>\n                                  </ax-dropdown-panel>\n                                </ax-button>\n                              </div>\n                            }\n                          </div>\n                        } @else {\n                          <div class=\"__section-card-action __section-card-action--static\">\n                            @if (section.icon) {\n                              <div class=\"__section-icon\">\n                                <ax-icon [icon]=\"section.icon\"></ax-icon>\n                              </div>\n                            }\n                            <div class=\"__section-copy\">\n                              <ng-container *ngTemplateOutlet=\"sectionCopyBody; context: { section: section }\"></ng-container>\n                            </div>\n                          </div>\n                        }\n                      </article>\n                    }\n                  </div>\n                } @empty {\n                  <p class=\"__sections-empty\">{{ '@auth:profile-page.page.sections.empty' | translate | async }}</p>\n                }\n              </div>\n            }\n          </div>\n        }\n      }\n      }\n    </div>\n    }\n    <ng-template #sectionCardsSkeleton>\n      <div class=\"__sections\">\n        @for (item of sectionSkeletonPlaceholders; track item) {\n          <div class=\"__section-slot\">\n            <article class=\"__section-card\">\n              <div class=\"__section-card-action __section-card-action--static\">\n                <ax-skeleton class=\"size-14 shrink-0 rounded-xl\" [animated]=\"true\"></ax-skeleton>\n                <div class=\"__section-copy flex flex-col gap-2\">\n                  <ax-skeleton class=\"h-4 w-40 max-w-full rounded-md\" [animated]=\"true\"></ax-skeleton>\n                  <ax-skeleton class=\"h-3 w-56 max-w-full rounded-md\" [animated]=\"true\"></ax-skeleton>\n                </div>\n              </div>\n            </article>\n          </div>\n        }\n      </div>\n    </ng-template>\n  </axp-page-content>\n</axp-page-layout>", styles: ["@layer properties;.axm-user-profile-page #axp-page-header{display:none}.axm-user-profile-page.--mobile-group #axp-page-header{display:flex}.axm-user-profile-page.--mobile-group .__shell{padding-top:calc(var(--spacing, .25rem) * 2)}.axm-user-profile-page axp-page-content{padding:0}.axm-user-profile-page .__shell{margin-inline:auto;width:100%;padding-inline:calc(var(--spacing, .25rem) * 4);padding-top:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 10)}@media(width>=40rem){.axm-user-profile-page .__shell{padding-inline:calc(var(--spacing, .25rem) * 6)}}@media(width>=40rem){.axm-user-profile-page .__shell{padding-top:calc(var(--spacing, .25rem) * 6)}}@media(width>=64rem){.axm-user-profile-page .__shell{padding-inline:calc(var(--spacing, .25rem) * 8)}}.axm-user-profile-page .__tabs-skeleton{position:relative;z-index:10;display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 6);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3.5);border-top:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}@media(width>=40rem){.axm-user-profile-page .__tabs-skeleton{padding-inline:calc(var(--spacing, .25rem) * 6)}}.axm-user-profile-page .__group-nav-skeleton-row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3.5)}.axm-user-profile-page .__group-nav-skeleton-row:not(:last-child){border-bottom:1px dashed rgb(var(--ax-sys-color-border-lighter-surface))}.axm-user-profile-page .__hero-card{position:sticky;top:0;z-index:10;margin-bottom:calc(var(--spacing, .25rem) * 6);overflow:hidden;border-radius:var(--radius-2xl, 1rem);border-style:var(--tw-border-style);border-width:1px;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgb(var(--ax-sys-color-border-lightest-surface));transition:border-radius .12s ease-out,box-shadow .12s ease-out,margin-inline .12s ease-out,width .12s ease-out,border-color .12s ease-out}@media(prefers-reduced-motion:reduce){.axm-user-profile-page .__hero-card{transition-duration:1ms}}.axm-user-profile-page .__hero-card.--stuck{overflow:visible;border-radius:0;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-inline:-1rem;width:calc(100% + 2rem);border-inline-width:0}@media(min-width:640px){.axm-user-profile-page .__hero-card.--stuck{margin-inline:-1.5rem;width:calc(100% + 3rem)}}@media(min-width:1024px){.axm-user-profile-page .__hero-card.--stuck{margin-inline:-2rem;width:calc(100% + 4rem)}}.axm-user-profile-page .__hero-header{position:relative;overflow:hidden;min-height:9.5rem}.axm-user-profile-page .__hero-cover{position:absolute;z-index:0;overflow:hidden;inset:0;width:100%;height:100%;background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-50)),rgb(var(--ax-sys-color-lightest-surface)) 32%,rgb(var(--ax-sys-color-primary-200)) 68%,rgb(var(--ax-sys-color-primary-100)))}.axm-user-profile-page .__hero-wave{pointer-events:none;position:absolute;border-radius:50%}.axm-user-profile-page .__hero-wave--primary{width:56%;height:158%;right:-10%;top:-40%;background:rgb(var(--ax-sys-color-primary-200) / .62);transform:rotate(-7deg)}.axm-user-profile-page .__hero-wave--soft{width:44%;height:132%;right:8%;top:-18%;background:rgb(var(--ax-sys-color-primary-100) / .55);transform:rotate(4deg)}.axm-user-profile-page .__hero-wave--light{width:36%;height:118%;right:2%;bottom:-46%;background:rgb(var(--ax-sys-color-lightest-surface) / .92);transform:rotate(11deg)}.axm-user-profile-page .__hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 6)}@media(width>=40rem){.axm-user-profile-page .__hero-content{flex-direction:row}}@media(width>=40rem){.axm-user-profile-page .__hero-content{align-items:center}}@media(width>=40rem){.axm-user-profile-page .__hero-content{gap:calc(var(--spacing, .25rem) * 5)}}@media(width>=40rem){.axm-user-profile-page .__hero-content{padding-inline:calc(var(--spacing, .25rem) * 6)}}@media(width>=40rem){.axm-user-profile-page .__hero-content{padding-block:calc(var(--spacing, .25rem) * 8)}}.axm-user-profile-page .__hero-avatar{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;width:6.5rem;height:6.5rem;border-radius:calc(infinity * 1px);padding:var(--spacing, .25rem);background:rgb(var(--ax-sys-color-lightest-surface));box-shadow:0 6px 18px rgb(var(--ax-sys-color-dark-surface) / .1)}.axm-user-profile-page .__hero-avatar axp-user-avatar{display:flex;width:calc(var(--spacing, .25rem) * 24);height:calc(var(--spacing, .25rem) * 24);align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);line-height:0}.axm-user-profile-page .__avatar-edit{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 0);bottom:0;z-index:10;display:flex;align-items:center;justify-content:center;width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8);cursor:pointer;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:0px;--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;background:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface))}.axm-user-profile-page .__avatar-edit:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.axm-user-profile-page .__hero-details{width:100%;min-width:0px;text-align:center}@media(width>=40rem){.axm-user-profile-page .__hero-details{text-align:start}}.axm-user-profile-page .__hero-name{margin:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);color:rgb(var(--ax-sys-color-primary-950))}@media(width>=40rem){.axm-user-profile-page .__hero-name{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)))}}.axm-user-profile-page .__hero-subtitle{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:calc(var(--spacing, .25rem) * 1.5);margin-bottom:0;column-gap:calc(var(--spacing, .25rem) * 2);row-gap:var(--spacing, .25rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgb(var(--ax-sys-color-on-lighter-surface))}@media(width>=40rem){.axm-user-profile-page .__hero-subtitle{justify-content:flex-start}}.axm-user-profile-page .__hero-subtitle-item{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5)}.axm-user-profile-page .__hero-subtitle-item ax-icon{color:rgb(var(--ax-sys-color-on-lighter-surface))}.axm-user-profile-page .__hero-subtitle-separator{opacity:45%}.axm-user-profile-page .__hero-meta{margin:0;margin-top:calc(var(--spacing, .25rem) * 2.5);display:flex;list-style-type:none;flex-wrap:wrap;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);padding:0}@media(width>=40rem){.axm-user-profile-page .__hero-meta{justify-content:flex-start}}.axm-user-profile-page .__hero-meta-item{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:var(--spacing, .25rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));background:rgb(var(--ax-sys-color-lightest-surface) / .72);color:rgb(var(--ax-sys-color-on-lighter-surface));border:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}.axm-user-profile-page .__hero-meta-item ax-icon{color:rgb(var(--ax-sys-color-primary-500))}.axm-user-profile-page .__hero-meta-label{opacity:70%}.axm-user-profile-page .__hero-meta-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axm-user-profile-page .__tabs{position:relative;z-index:10;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 4);border-top:1px solid rgb(var(--ax-sys-color-border-lighter-surface));background:rgb(var(--ax-sys-color-lightest-surface));--ax-comp-tabs-default-border-radius: 0}@media(width>=40rem){.axm-user-profile-page .__tabs{padding-inline:calc(var(--spacing, .25rem) * 6)}}.axm-user-profile-page .__tabs.with-line.ax-bottom .tabs-scroll-area,.axm-user-profile-page .__tabs.with-line-color.ax-bottom .tabs-scroll-area{box-shadow:none}.axm-user-profile-page .__tabs ax-tab-item{margin-block:0px;padding-block:calc(var(--spacing, .25rem) * 3);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axm-user-profile-page .__group-nav{overflow:hidden;border-radius:var(--radius-2xl, 1rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.axm-user-profile-page .__group-nav axp-layout-list-item{margin-inline:0px;margin-top:0;cursor:pointer;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3.5)}.axm-user-profile-page .__group-panel{width:100%}.axm-user-profile-page .__group-panel.--inactive{display:none}.axm-user-profile-page .__group-content{width:100%}.axm-user-profile-page .__group-content>*{display:block;width:100%}.axm-user-profile-page .__sections{display:grid;gap:calc(var(--spacing, .25rem) * 5);grid-template-columns:repeat(12,minmax(0,1fr))}.axm-user-profile-page .__section-slot{grid-column:1/-1;grid-row:span var(--section-row-span, 1)}@media(min-width:768px){.axm-user-profile-page .__section-slot{grid-column:span var(--section-col-span, 6)}.axm-user-profile-page .__section-slot.--has-col-start{grid-column:var(--section-col-start) / span var(--section-col-span, 6)}}.axm-user-profile-page .__section-card{overflow:hidden;border-radius:var(--radius-xl, .75rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:rgb(var(--ax-sys-color-border-lightest-surface));transition:box-shadow .12s ease-out,border-color .12s ease-out}@media(prefers-reduced-motion:reduce){.axm-user-profile-page .__section-card{transition-duration:1ms}}.axm-user-profile-page .__section-card:has(.__section-card-hit:not(:disabled):hover),.axm-user-profile-page .__section-card:has(.__section-card-hit:not(:disabled):focus-visible){border-color:rgb(var(--ax-sys-color-border-lighter-surface));box-shadow:0 4px 6px -1px rgb(var(--ax-sys-color-dark-surface) / .06),0 8px 20px -4px rgb(var(--ax-sys-color-dark-surface) / .1)}.axm-user-profile-page .__section-card-action{display:flex;width:100%;align-items:center;color:inherit}.axm-user-profile-page .__section-card-action--with-menu{gap:0px}.axm-user-profile-page .__section-card-action--static{cursor:default;gap:calc(var(--spacing, .25rem) * 5);padding:calc(var(--spacing, .25rem) * 5);text-align:start}@media(width>=40rem){.axm-user-profile-page .__section-card-action--static{padding:calc(var(--spacing, .25rem) * 6)}}.axm-user-profile-page .__section-card-hit{display:flex;min-width:0px;flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 5);text-align:start;cursor:pointer;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:calc(var(--spacing, .25rem) * 5);color:inherit}@media(width>=40rem){.axm-user-profile-page .__section-card-hit{padding:calc(var(--spacing, .25rem) * 6)}}.axm-user-profile-page .__section-card-hit:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:-2px}.axm-user-profile-page .__section-card-hit:disabled{cursor:not-allowed;opacity:60%}.axm-user-profile-page .__section-more-actions-wrap{flex-shrink:0;padding-right:calc(var(--spacing, .25rem) * 5)}@media(width>=40rem){.axm-user-profile-page .__section-more-actions-wrap{padding-right:calc(var(--spacing, .25rem) * 6)}}.axm-user-profile-page .__section-icon{display:flex;width:calc(var(--spacing, .25rem) * 14);height:calc(var(--spacing, .25rem) * 14);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-xl, .75rem);padding:calc(var(--spacing, .25rem) * 3);background-color:rgb(var(--ax-sys-color-primary-50));color:rgb(var(--ax-sys-color-primary-500))}.axm-user-profile-page .__section-copy{min-width:0px;flex:1}.axm-user-profile-page .__section-title{margin:0;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgb(var(--ax-sys-color-on-lightest-surface))}.axm-user-profile-page .__section-description{margin-top:var(--spacing, .25rem);margin-bottom:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);opacity:75%;color:rgb(var(--ax-sys-color-on-lighter-surface))}.axm-user-profile-page .__section-insights{margin:0;margin-top:calc(var(--spacing, .25rem) * 2);display:flex;list-style-type:none;flex-wrap:wrap;align-items:center;column-gap:calc(var(--spacing, .25rem) * 3);row-gap:calc(var(--spacing, .25rem) * 1.5);padding:0}.axm-user-profile-page .__section-insight{display:inline-grid;max-width:100%;align-items:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);grid-template-columns:1.125rem auto;column-gap:.375rem;color:rgb(var(--ax-sys-color-on-lighter-surface))}.axm-user-profile-page .__section-insight-icon-wrap{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.125rem;height:1.125rem}.axm-user-profile-page .__section-insight-icon-wrap ax-icon{display:flex;align-items:center;justify-content:center;width:.875rem;height:.875rem;font-size:.875rem;line-height:1;color:rgb(var(--ax-sys-color-primary-500))}.axm-user-profile-page .__section-insight-icon-wrap i,.axm-user-profile-page .__section-insight-icon-wrap svg{width:.875rem;height:.875rem;font-size:.875rem}.axm-user-profile-page .__section-insight-text{min-width:0px;flex:1;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);opacity:75%}.axm-user-profile-page .__section-more-actions{margin-left:auto;display:flex;width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);color:rgb(var(--ax-sys-color-on-lighter-surface))}.axm-user-profile-page .__sections-empty{border-radius:var(--radius-2xl, 1rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;padding-block:calc(var(--spacing, .25rem) * 12);text-align:center;--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);grid-column:1/-1;color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axm-user-profile-page .ax-tabs-scroll-area{--tw-shadow: 0 0 #0000 !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.dark .axm-user-profile-page .__hero-cover{background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-50)),rgb(var(--ax-sys-color-darkest-surface)) 26%,rgb(var(--ax-sys-color-primary-700) / .28) 58%,rgb(var(--ax-sys-color-primary-600) / .38))}.dark .axm-user-profile-page .__hero-wave--primary{background:rgb(var(--ax-sys-color-primary-700) / .28)}.dark .axm-user-profile-page .__hero-wave--soft{background:rgb(var(--ax-sys-color-primary-600) / .18)}.dark .axm-user-profile-page .__hero-wave--light{background:rgb(var(--ax-sys-color-lightest-surface) / .06)}.dark .axm-user-profile-page .__hero-name{color:rgb(var(--ax-sys-color-on-darkest-surface))}.dark .axm-user-profile-page .__hero-subtitle{color:rgb(var(--ax-sys-color-on-darker-surface))}.dark .axm-user-profile-page .__hero-subtitle-item ax-icon{color:rgb(var(--ax-sys-color-primary-300))}.dark .axm-user-profile-page .__hero-meta-item{background:rgb(var(--ax-sys-color-darker-surface) / .45);color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}.dark .axm-user-profile-page .__hero-meta-item ax-icon{color:rgb(var(--ax-sys-color-primary-300))}.dark .axm-user-profile-page .__group-nav{border-color:rgb(var(--ax-sys-color-border-darker-surface))}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-duration: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i3$1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i6.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "reorderable", "reorderDelay", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged", "onTabsReordered"] }, { kind: "component", type: i6.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "directive", type: i8.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutListComponent, selector: "axp-layout-list" }, { kind: "component", type: AXPThemeLayoutListItemComponent, selector: "axp-layout-list-item" }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "directive", type: AXPPageComponentRendererDirective, selector: "[axp-page-component-renderer]", inputs: ["componentKey", "rootContext", "pageConfig", "options"], outputs: ["componentReady"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-content>\n    @if (isLoading()) {\n    <!-- ----- Profile page skeleton ----- -->\n    <div class=\"__shell\" aria-hidden=\"true\">\n      <section class=\"__hero-card\">\n        <div class=\"__hero-header\">\n          <div class=\"__hero-cover\">\n            <span class=\"__hero-wave __hero-wave--primary\"></span>\n            <span class=\"__hero-wave __hero-wave--soft\"></span>\n            <span class=\"__hero-wave __hero-wave--light\"></span>\n          </div>\n          <div class=\"__hero-content\">\n            <div class=\"__hero-avatar\">\n              <ax-skeleton class=\"size-24 rounded-full\" [animated]=\"true\"></ax-skeleton>\n            </div>\n            <div class=\"__hero-details\">\n              <ax-skeleton class=\"h-7 w-48 max-w-full rounded-md\" [animated]=\"true\"></ax-skeleton>\n              <ax-skeleton class=\"mt-2 h-4 w-32 max-w-full rounded-md\" [animated]=\"true\"></ax-skeleton>\n            </div>\n          </div>\n        </div>\n        <!--------------------------------------------------------------->\n        @if (!isCompactNav()) {\n        <!-- ----- Desktop tab skeletons ----- -->\n        <div class=\"__tabs __tabs-skeleton\">\n          @for (item of pageTabSkeletonPlaceholders; track item) {\n          <ax-skeleton class=\"h-4 w-20 rounded-md\" [animated]=\"true\"></ax-skeleton>\n          }\n        </div>\n        }\n      </section>\n      <!--------------------------------------------------------------->\n      @if (isCompactNav()) {\n      <!-- ----- Compact group-list skeletons ----- -->\n      <div class=\"__group-nav\">\n        @for (item of pageListSkeletonPlaceholders; track item) {\n        <div class=\"__group-nav-skeleton-row\">\n          <ax-skeleton class=\"size-5 shrink-0 rounded-md\" [animated]=\"true\"></ax-skeleton>\n          <ax-skeleton class=\"h-4 min-w-0 flex-1 rounded-md\" [animated]=\"true\"></ax-skeleton>\n          <ax-skeleton class=\"size-4 shrink-0 rounded-md\" [animated]=\"true\"></ax-skeleton>\n        </div>\n        }\n      </div>\n      }\n      <!-- ----- Desktop section-card skeletons ----- -->\n      @else {\n      <ng-container *ngTemplateOutlet=\"sectionCardsSkeleton\"></ng-container>\n      }\n    </div>\n    } @else if (header(); as profileHeader) {\n    <div class=\"__shell\">\n      <!--->\n      <!-- ----- Profile hero and desktop group tabs ----- -->\n      @if (showHero()) {\n      <section\n        class=\"__hero-card\"\n        [axpSticky]=\"'--stuck'\"\n        stickyParent=\"#axp-page-layout\"\n        [stickyOffset]=\"0\"\n      >\n        <div class=\"__hero-header\">\n          <div class=\"__hero-cover\" aria-hidden=\"true\">\n            <span class=\"__hero-wave __hero-wave--primary\" aria-hidden=\"true\"></span>\n            <span class=\"__hero-wave __hero-wave--soft\" aria-hidden=\"true\"></span>\n            <span class=\"__hero-wave __hero-wave--light\" aria-hidden=\"true\"></span>\n          </div>\n\n          <div class=\"__hero-content\">\n            <div class=\"__hero-avatar\">\n              <axp-user-avatar [size]=\"96\" [userId]=\"profileHeader.avatarUserId\"></axp-user-avatar>\n              <button type=\"button\" class=\"__avatar-edit\"\n                [attr.aria-label]=\"('@auth:profile-page.avatar.edit' | translate | async) ?? ''\"\n                (click)=\"handleEditAvatar()\">\n                <ax-icon icon=\"fa-light fa-camera\"></ax-icon>\n              </button>\n            </div>\n\n            <div class=\"__hero-details\">\n              <h2 class=\"__hero-name\">{{ profileHeader.displayName }}</h2>\n\n              @if (profileHeader.username || profileHeader.joinedAt) {\n              <p class=\"__hero-subtitle\">\n                @if (profileHeader.username) {\n                <span class=\"__hero-subtitle-item\">\n                  <ax-icon icon=\"fa-light fa-user\"></ax-icon>\n                  <span>{{ profileHeader.username }}</span>\n                </span>\n                }\n                @if (profileHeader.username && profileHeader.joinedAt) {\n                <span class=\"__hero-subtitle-separator\" aria-hidden=\"true\">\u00B7</span>\n                }\n                @if (profileHeader.joinedAt) {\n                <span class=\"__hero-subtitle-item\">\n                  <ax-icon icon=\"fa-light fa-calendar\"></ax-icon>\n                  <span>\n                    {{ '@auth:profile-page.header.meta.member-since' | translate | async }}\n                    {{ profileHeader.joinedAt | format: 'date' : { format: 'long' } | async }}\n                  </span>\n                </span>\n                }\n              </p>\n              }\n\n              @if (profileHeader.meta.length) {\n              <ul class=\"__hero-meta\">\n                @for (item of profileHeader.meta; track item.id) {\n                <li class=\"__hero-meta-item\">\n                  @if (item.icon) {\n                  <ax-icon [icon]=\"item.icon\"></ax-icon>\n                  }\n                  <span class=\"__hero-meta-label\">{{ item.label | translate | async }}</span>\n                  <span class=\"__hero-meta-value\">{{ item.value }}</span>\n                </li>\n                }\n              </ul>\n              }\n            </div>\n          </div>\n        </div>\n\n        <!--->\n        <!-- ----- Desktop group tabs ----- -->\n        @if (showTabs()) {\n        <ax-tabs class=\"__tabs\" [look]=\"'with-line'\" [location]=\"'bottom'\" [fitParent]=\"false\"\n          (onActiveTabChanged)=\"handleGroupTabChanged($event)\">\n          @for (group of groups(); track group.id) {\n          <ax-tab-item [key]=\"group.id\" [text]=\"(group.title | translate | async)!\"\n            [active]=\"activeGroupId() === group.id\">\n            @if (group.icon) {\n            <ax-prefix>\n              <ax-icon [icon]=\"group.icon\"></ax-icon>\n            </ax-prefix>\n            }\n          </ax-tab-item>\n          }\n        </ax-tabs>\n        }\n      </section>\n      }\n\n      <!--->\n      <!-- ----- Profile area list on compact screens ----- -->\n      @if (showGroupList()) {\n      <axp-layout-list class=\"__group-nav\">\n        @for (group of groups(); track group.id) {\n        <axp-layout-list-item (click)=\"handleSelectGroup(group)\">\n          <!--->\n          <!-- ----- Group icon ----- -->\n          @if (group.icon) {\n          <axp-layout-prefix>\n            <ax-icon [icon]=\"group.icon\" class=\"text-gray-500\"></ax-icon>\n          </axp-layout-prefix>\n          }\n          <axp-layout-content>\n            <a class=\"font-semibold\">{{ group.title | translate | async }}</a>\n          </axp-layout-content>\n          <axp-layout-suffix>\n            <ax-icon icon=\"far fa-chevron-right rtl:rotate-180\" class=\"text-gray-400\"></ax-icon>\n          </axp-layout-suffix>\n        </axp-layout-list-item>\n        }\n      </axp-layout-list>\n      }\n\n      <ng-template #sectionCopyBody let-section=\"section\">\n        @if (section.title) {\n          <h3 class=\"__section-title\">{{ section.title | translate | async }}</h3>\n        }\n\n        @if (hasDisplayableInsights(section)) {\n          <ul class=\"__section-insights\">\n            @for (insight of displayableInsights(section); track insight.id) {\n              <li\n                class=\"__section-insight\"\n                [axTooltip]=\"insight.title ? ((insight.title | translate | async) ?? '') : ''\"\n                [axTooltipDisabled]=\"!insight.title\"\n                axTooltipPlacement=\"top\"\n              >\n                <span class=\"__section-insight-icon-wrap\" aria-hidden=\"true\">\n                  @if (insight.icon) {\n                    <ax-icon [icon]=\"insight.icon\"></ax-icon>\n                  }\n                </span>\n                <span class=\"__section-insight-text\">\n                  @if (resolveInsightDate(insight); as insightDate) {\n                    @if (insight.datePrefix) {\n                      <span>{{ insight.datePrefix | translate | async }} \u00B7 </span>\n                    }\n                    <span>{{ insightDate | format: 'timeleft' | async }}</span>\n                  } @else if (insight.text) {\n                    {{ insight.text | translate | async }}\n                  }\n                </span>\n              </li>\n            }\n          </ul>\n        } @else if (section.description) {\n          <p class=\"__section-description\">{{ section.description | translate | async }}</p>\n        }\n      </ng-template>\n\n      <!--->\n      <!-- ----- Lazy group panels: created on first visit, then shown or hidden ----- -->\n      @if (showGroupContent()) {\n      @for (group of groups(); track group.id) {\n        @if (isGroupVisited(group.id)) {\n          <div\n            class=\"__group-panel\"\n            [class.--inactive]=\"!isGroupPanelActive(group.id)\"\n            [attr.aria-hidden]=\"!isGroupPanelActive(group.id)\"\n            [attr.inert]=\"isGroupPanelActive(group.id) ? null : ''\"\n          >\n            @if (isGroupSectionsPending(group)) {\n              <!-- ----- Section cards skeleton while group content loads ----- -->\n              <ng-container *ngTemplateOutlet=\"sectionCardsSkeleton\"></ng-container>\n            } @else if (groupComponentContent(group); as componentContent) {\n              <!-- ----- Full-tab page component ----- -->\n              <div class=\"__group-content\">\n                <div axp-page-component-renderer [componentKey]=\"componentContent.componentKey\"\n                  [pageConfig]=\"componentContent.pageConfig ?? {}\"></div>\n              </div>\n            } @else {\n              <!-- ----- Section cards for groups that do not replace the tab body ----- -->\n              <div class=\"__sections\">\n                @for (section of sectionsForGroup(group.id); track section.id) {\n                  @let sectionContent = resolveSectionContent(section);\n                  <div class=\"__section-slot\" [class.--has-col-start]=\"hasSectionColStart(section.layout)\"\n                    [style]=\"sectionLayoutVars(section.layout)\">\n                    @if (sectionContent.mode === 'component') {\n                      <div axp-page-component-renderer [componentKey]=\"sectionContent.componentKey\"\n                        [pageConfig]=\"sectionContent.pageConfig ?? {}\"></div>\n                    } @else {\n                      @let visibleActions = visibleSectionActions(sectionContent.actions);\n                      @let defaultAction = defaultSectionAction(sectionContent.actions);\n                      <article class=\"__section-card\">\n                        @if (defaultAction) {\n                          <div\n                            class=\"__section-card-action\"\n                            [class.__section-card-action--with-menu]=\"visibleActions.length > 1\"\n                          >\n                            <button\n                              type=\"button\"\n                              class=\"__section-card-hit\"\n                              [disabled]=\"defaultAction.disabled === true\"\n                              (click)=\"handleActionClick(defaultAction)\"\n                            >\n                              @if (section.icon) {\n                                <div class=\"__section-icon\">\n                                  <ax-icon [icon]=\"section.icon\"></ax-icon>\n                                </div>\n                              }\n                              <div class=\"__section-copy\">\n                                <ng-container *ngTemplateOutlet=\"sectionCopyBody; context: { section: section }\"></ng-container>\n                              </div>\n                            </button>\n\n                            @if (visibleActions.length > 1) {\n                              <div class=\"__section-more-actions-wrap\" (click)=\"$event.stopPropagation()\">\n                                <ax-button\n                                  class=\"__section-more-actions\"\n                                  look=\"blank\"\n                                  color=\"default\"\n                                  [attr.aria-label]=\"('@auth:profile-page.page.sections.actions' | translate | async) ?? ''\"\n                                >\n                                  <ax-prefix>\n                                    <ax-icon icon=\"fa-light fa-ellipsis-vertical\"></ax-icon>\n                                  </ax-prefix>\n                                  <ax-dropdown-panel>\n                                    <ax-button-item-list>\n                                      @for (action of visibleActions; track action.name ?? action.title) {\n                                        <ax-button-item\n                                          [text]=\"(action.title | translate | async)!\"\n                                          [color]=\"action.color\"\n                                          [disabled]=\"action.disabled === true\"\n                                          (onClick)=\"handleActionClick(action)\"\n                                        >\n                                          @if (action.icon) {\n                                            <ax-prefix>\n                                              <ax-icon [icon]=\"action.icon\"></ax-icon>\n                                            </ax-prefix>\n                                          }\n                                        </ax-button-item>\n                                      }\n                                    </ax-button-item-list>\n                                  </ax-dropdown-panel>\n                                </ax-button>\n                              </div>\n                            }\n                          </div>\n                        } @else {\n                          <div class=\"__section-card-action __section-card-action--static\">\n                            @if (section.icon) {\n                              <div class=\"__section-icon\">\n                                <ax-icon [icon]=\"section.icon\"></ax-icon>\n                              </div>\n                            }\n                            <div class=\"__section-copy\">\n                              <ng-container *ngTemplateOutlet=\"sectionCopyBody; context: { section: section }\"></ng-container>\n                            </div>\n                          </div>\n                        }\n                      </article>\n                    }\n                  </div>\n                } @empty {\n                  <p class=\"__sections-empty\">{{ '@auth:profile-page.page.sections.empty' | translate | async }}</p>\n                }\n              </div>\n            }\n          </div>\n        }\n      }\n      }\n    </div>\n    }\n    <ng-template #sectionCardsSkeleton>\n      <div class=\"__sections\">\n        @for (item of sectionSkeletonPlaceholders; track item) {\n          <div class=\"__section-slot\">\n            <article class=\"__section-card\">\n              <div class=\"__section-card-action __section-card-action--static\">\n                <ax-skeleton class=\"size-14 shrink-0 rounded-xl\" [animated]=\"true\"></ax-skeleton>\n                <div class=\"__section-copy flex flex-col gap-2\">\n                  <ax-skeleton class=\"h-4 w-40 max-w-full rounded-md\" [animated]=\"true\"></ax-skeleton>\n                  <ax-skeleton class=\"h-3 w-56 max-w-full rounded-md\" [animated]=\"true\"></ax-skeleton>\n                </div>\n              </div>\n            </article>\n          </div>\n        }\n      </div>\n    </ng-template>\n  </axp-page-content>\n</axp-page-layout>", styles: ["@layer properties;.axm-user-profile-page #axp-page-header{display:none}.axm-user-profile-page.--mobile-group #axp-page-header{display:flex}.axm-user-profile-page.--mobile-group .__shell{padding-top:calc(var(--spacing, .25rem) * 2)}.axm-user-profile-page axp-page-content{padding:0}.axm-user-profile-page .__shell{margin-inline:auto;width:100%;padding-inline:calc(var(--spacing, .25rem) * 4);padding-top:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 10)}@media(width>=40rem){.axm-user-profile-page .__shell{padding-inline:calc(var(--spacing, .25rem) * 6)}}@media(width>=40rem){.axm-user-profile-page .__shell{padding-top:calc(var(--spacing, .25rem) * 6)}}@media(width>=64rem){.axm-user-profile-page .__shell{padding-inline:calc(var(--spacing, .25rem) * 8)}}.axm-user-profile-page .__tabs-skeleton{position:relative;z-index:10;display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 6);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3.5);border-top:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}@media(width>=40rem){.axm-user-profile-page .__tabs-skeleton{padding-inline:calc(var(--spacing, .25rem) * 6)}}.axm-user-profile-page .__group-nav-skeleton-row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3.5)}.axm-user-profile-page .__group-nav-skeleton-row:not(:last-child){border-bottom:1px dashed rgb(var(--ax-sys-color-border-lighter-surface))}.axm-user-profile-page .__hero-card{position:sticky;top:0;z-index:10;margin-bottom:calc(var(--spacing, .25rem) * 6);overflow:hidden;border-radius:var(--radius-2xl, 1rem);border-style:var(--tw-border-style);border-width:1px;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgb(var(--ax-sys-color-border-lightest-surface));transition:border-radius .12s ease-out,box-shadow .12s ease-out,margin-inline .12s ease-out,width .12s ease-out,border-color .12s ease-out}@media(prefers-reduced-motion:reduce){.axm-user-profile-page .__hero-card{transition-duration:1ms}}.axm-user-profile-page .__hero-card.--stuck{overflow:visible;border-radius:0;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-inline:-1rem;width:calc(100% + 2rem);border-inline-width:0}@media(min-width:640px){.axm-user-profile-page .__hero-card.--stuck{margin-inline:-1.5rem;width:calc(100% + 3rem)}}@media(min-width:1024px){.axm-user-profile-page .__hero-card.--stuck{margin-inline:-2rem;width:calc(100% + 4rem)}}.axm-user-profile-page .__hero-header{position:relative;overflow:hidden;min-height:9.5rem}.axm-user-profile-page .__hero-cover{position:absolute;z-index:0;overflow:hidden;inset:0;width:100%;height:100%;background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-50)),rgb(var(--ax-sys-color-lightest-surface)) 32%,rgb(var(--ax-sys-color-primary-200)) 68%,rgb(var(--ax-sys-color-primary-100)))}.axm-user-profile-page .__hero-wave{pointer-events:none;position:absolute;border-radius:50%}.axm-user-profile-page .__hero-wave--primary{width:56%;height:158%;right:-10%;top:-40%;background:rgb(var(--ax-sys-color-primary-200) / .62);transform:rotate(-7deg)}.axm-user-profile-page .__hero-wave--soft{width:44%;height:132%;right:8%;top:-18%;background:rgb(var(--ax-sys-color-primary-100) / .55);transform:rotate(4deg)}.axm-user-profile-page .__hero-wave--light{width:36%;height:118%;right:2%;bottom:-46%;background:rgb(var(--ax-sys-color-lightest-surface) / .92);transform:rotate(11deg)}.axm-user-profile-page .__hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 6)}@media(width>=40rem){.axm-user-profile-page .__hero-content{flex-direction:row}}@media(width>=40rem){.axm-user-profile-page .__hero-content{align-items:center}}@media(width>=40rem){.axm-user-profile-page .__hero-content{gap:calc(var(--spacing, .25rem) * 5)}}@media(width>=40rem){.axm-user-profile-page .__hero-content{padding-inline:calc(var(--spacing, .25rem) * 6)}}@media(width>=40rem){.axm-user-profile-page .__hero-content{padding-block:calc(var(--spacing, .25rem) * 8)}}.axm-user-profile-page .__hero-avatar{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;width:6.5rem;height:6.5rem;border-radius:calc(infinity * 1px);padding:var(--spacing, .25rem);background:rgb(var(--ax-sys-color-lightest-surface));box-shadow:0 6px 18px rgb(var(--ax-sys-color-dark-surface) / .1)}.axm-user-profile-page .__hero-avatar axp-user-avatar{display:flex;width:calc(var(--spacing, .25rem) * 24);height:calc(var(--spacing, .25rem) * 24);align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);line-height:0}.axm-user-profile-page .__avatar-edit{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 0);bottom:0;z-index:10;display:flex;align-items:center;justify-content:center;width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8);cursor:pointer;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:0px;--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;background:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface))}.axm-user-profile-page .__avatar-edit:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.axm-user-profile-page .__hero-details{width:100%;min-width:0px;text-align:center}@media(width>=40rem){.axm-user-profile-page .__hero-details{text-align:start}}.axm-user-profile-page .__hero-name{margin:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);color:rgb(var(--ax-sys-color-primary-950))}@media(width>=40rem){.axm-user-profile-page .__hero-name{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)))}}.axm-user-profile-page .__hero-subtitle{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:calc(var(--spacing, .25rem) * 1.5);margin-bottom:0;column-gap:calc(var(--spacing, .25rem) * 2);row-gap:var(--spacing, .25rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgb(var(--ax-sys-color-on-lighter-surface))}@media(width>=40rem){.axm-user-profile-page .__hero-subtitle{justify-content:flex-start}}.axm-user-profile-page .__hero-subtitle-item{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5)}.axm-user-profile-page .__hero-subtitle-item ax-icon{color:rgb(var(--ax-sys-color-on-lighter-surface))}.axm-user-profile-page .__hero-subtitle-separator{opacity:45%}.axm-user-profile-page .__hero-meta{margin:0;margin-top:calc(var(--spacing, .25rem) * 2.5);display:flex;list-style-type:none;flex-wrap:wrap;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);padding:0}@media(width>=40rem){.axm-user-profile-page .__hero-meta{justify-content:flex-start}}.axm-user-profile-page .__hero-meta-item{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:var(--spacing, .25rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));background:rgb(var(--ax-sys-color-lightest-surface) / .72);color:rgb(var(--ax-sys-color-on-lighter-surface));border:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}.axm-user-profile-page .__hero-meta-item ax-icon{color:rgb(var(--ax-sys-color-primary-500))}.axm-user-profile-page .__hero-meta-label{opacity:70%}.axm-user-profile-page .__hero-meta-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axm-user-profile-page .__tabs{position:relative;z-index:10;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 4);border-top:1px solid rgb(var(--ax-sys-color-border-lighter-surface));background:rgb(var(--ax-sys-color-lightest-surface));--ax-comp-tabs-default-border-radius: 0}@media(width>=40rem){.axm-user-profile-page .__tabs{padding-inline:calc(var(--spacing, .25rem) * 6)}}.axm-user-profile-page .__tabs.with-line.ax-bottom .tabs-scroll-area,.axm-user-profile-page .__tabs.with-line-color.ax-bottom .tabs-scroll-area{box-shadow:none}.axm-user-profile-page .__tabs ax-tab-item{margin-block:0px;padding-block:calc(var(--spacing, .25rem) * 3);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axm-user-profile-page .__group-nav{overflow:hidden;border-radius:var(--radius-2xl, 1rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.axm-user-profile-page .__group-nav axp-layout-list-item{margin-inline:0px;margin-top:0;cursor:pointer;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3.5)}.axm-user-profile-page .__group-panel{width:100%}.axm-user-profile-page .__group-panel.--inactive{display:none}.axm-user-profile-page .__group-content{width:100%}.axm-user-profile-page .__group-content>*{display:block;width:100%}.axm-user-profile-page .__sections{display:grid;gap:calc(var(--spacing, .25rem) * 5);grid-template-columns:repeat(12,minmax(0,1fr))}.axm-user-profile-page .__section-slot{grid-column:1/-1;grid-row:span var(--section-row-span, 1)}@media(min-width:768px){.axm-user-profile-page .__section-slot{grid-column:span var(--section-col-span, 6)}.axm-user-profile-page .__section-slot.--has-col-start{grid-column:var(--section-col-start) / span var(--section-col-span, 6)}}.axm-user-profile-page .__section-card{overflow:hidden;border-radius:var(--radius-xl, .75rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:rgb(var(--ax-sys-color-border-lightest-surface));transition:box-shadow .12s ease-out,border-color .12s ease-out}@media(prefers-reduced-motion:reduce){.axm-user-profile-page .__section-card{transition-duration:1ms}}.axm-user-profile-page .__section-card:has(.__section-card-hit:not(:disabled):hover),.axm-user-profile-page .__section-card:has(.__section-card-hit:not(:disabled):focus-visible){border-color:rgb(var(--ax-sys-color-border-lighter-surface));box-shadow:0 4px 6px -1px rgb(var(--ax-sys-color-dark-surface) / .06),0 8px 20px -4px rgb(var(--ax-sys-color-dark-surface) / .1)}.axm-user-profile-page .__section-card-action{display:flex;width:100%;align-items:center;color:inherit}.axm-user-profile-page .__section-card-action--with-menu{gap:0px}.axm-user-profile-page .__section-card-action--static{cursor:default;gap:calc(var(--spacing, .25rem) * 5);padding:calc(var(--spacing, .25rem) * 5);text-align:start}@media(width>=40rem){.axm-user-profile-page .__section-card-action--static{padding:calc(var(--spacing, .25rem) * 6)}}.axm-user-profile-page .__section-card-hit{display:flex;min-width:0px;flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 5);text-align:start;cursor:pointer;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:calc(var(--spacing, .25rem) * 5);color:inherit}@media(width>=40rem){.axm-user-profile-page .__section-card-hit{padding:calc(var(--spacing, .25rem) * 6)}}.axm-user-profile-page .__section-card-hit:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:-2px}.axm-user-profile-page .__section-card-hit:disabled{cursor:not-allowed;opacity:60%}.axm-user-profile-page .__section-more-actions-wrap{flex-shrink:0;padding-right:calc(var(--spacing, .25rem) * 5)}@media(width>=40rem){.axm-user-profile-page .__section-more-actions-wrap{padding-right:calc(var(--spacing, .25rem) * 6)}}.axm-user-profile-page .__section-icon{display:flex;width:calc(var(--spacing, .25rem) * 14);height:calc(var(--spacing, .25rem) * 14);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-xl, .75rem);padding:calc(var(--spacing, .25rem) * 3);background-color:rgb(var(--ax-sys-color-primary-50));color:rgb(var(--ax-sys-color-primary-500))}.axm-user-profile-page .__section-copy{min-width:0px;flex:1}.axm-user-profile-page .__section-title{margin:0;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgb(var(--ax-sys-color-on-lightest-surface))}.axm-user-profile-page .__section-description{margin-top:var(--spacing, .25rem);margin-bottom:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);opacity:75%;color:rgb(var(--ax-sys-color-on-lighter-surface))}.axm-user-profile-page .__section-insights{margin:0;margin-top:calc(var(--spacing, .25rem) * 2);display:flex;list-style-type:none;flex-wrap:wrap;align-items:center;column-gap:calc(var(--spacing, .25rem) * 3);row-gap:calc(var(--spacing, .25rem) * 1.5);padding:0}.axm-user-profile-page .__section-insight{display:inline-grid;max-width:100%;align-items:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);grid-template-columns:1.125rem auto;column-gap:.375rem;color:rgb(var(--ax-sys-color-on-lighter-surface))}.axm-user-profile-page .__section-insight-icon-wrap{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.125rem;height:1.125rem}.axm-user-profile-page .__section-insight-icon-wrap ax-icon{display:flex;align-items:center;justify-content:center;width:.875rem;height:.875rem;font-size:.875rem;line-height:1;color:rgb(var(--ax-sys-color-primary-500))}.axm-user-profile-page .__section-insight-icon-wrap i,.axm-user-profile-page .__section-insight-icon-wrap svg{width:.875rem;height:.875rem;font-size:.875rem}.axm-user-profile-page .__section-insight-text{min-width:0px;flex:1;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);opacity:75%}.axm-user-profile-page .__section-more-actions{margin-left:auto;display:flex;width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);color:rgb(var(--ax-sys-color-on-lighter-surface))}.axm-user-profile-page .__sections-empty{border-radius:var(--radius-2xl, 1rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;padding-block:calc(var(--spacing, .25rem) * 12);text-align:center;--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);grid-column:1/-1;color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axm-user-profile-page .ax-tabs-scroll-area{--tw-shadow: 0 0 #0000 !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.dark .axm-user-profile-page .__hero-cover{background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-50)),rgb(var(--ax-sys-color-darkest-surface)) 26%,rgb(var(--ax-sys-color-primary-700) / .28) 58%,rgb(var(--ax-sys-color-primary-600) / .38))}.dark .axm-user-profile-page .__hero-wave--primary{background:rgb(var(--ax-sys-color-primary-700) / .28)}.dark .axm-user-profile-page .__hero-wave--soft{background:rgb(var(--ax-sys-color-primary-600) / .18)}.dark .axm-user-profile-page .__hero-wave--light{background:rgb(var(--ax-sys-color-lightest-surface) / .06)}.dark .axm-user-profile-page .__hero-name{color:rgb(var(--ax-sys-color-on-darkest-surface))}.dark .axm-user-profile-page .__hero-subtitle{color:rgb(var(--ax-sys-color-on-darker-surface))}.dark .axm-user-profile-page .__hero-subtitle-item ax-icon{color:rgb(var(--ax-sys-color-primary-300))}.dark .axm-user-profile-page .__hero-meta-item{background:rgb(var(--ax-sys-color-darker-surface) / .45);color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}.dark .axm-user-profile-page .__hero-meta-item ax-icon{color:rgb(var(--ax-sys-color-primary-300))}.dark .axm-user-profile-page .__group-nav{border-color:rgb(var(--ax-sys-color-border-darker-surface))}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-duration: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { 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: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i3$1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i6.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "reorderable", "reorderDelay", "renderMode", "stacked", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged", "onTabsReordered"] }, { kind: "component", type: i6.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "directive", type: i8.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutListComponent, selector: "axp-layout-list" }, { kind: "component", type: AXPThemeLayoutListItemComponent, selector: "axp-layout-list-item" }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "directive", type: AXPPageComponentRendererDirective, selector: "[axp-page-component-renderer]", inputs: ["componentKey", "rootContext", "pageConfig", "options"], outputs: ["componentReady"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMUserProfilePageComponent, decorators: [{
             type: Component,
@@ -651,4 +653,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }] });
 export { AXMUserProfilePageComponent };
-//# sourceMappingURL=acorex-platform-module-auth-client-profile-page.component-CGs24n0j.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-profile-page.component-DNtpDf8J.mjs.map