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

package/fesm2022/{acorex-platform-module-auth-client-profile-activity-chart.component-kBmoYwRh.mjs.map → acorex-platform-module-auth-client-profile-activity-chart.component-CFaRGMKu.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-auth-client-profile-activity-chart.component-kBmoYwRh.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/account/profile-page/components/profile-activity-chart/profile-activity-chart.component.ts","../../../../libs/modules/auth/client/src/lib/pages/account/profile-page/components/profile-activity-chart/profile-activity-chart.component.html"],"sourcesContent":["import { AXPQueryService } from '@acorex-platform/framework-client/runtime';\nimport { AXPRegionalSetting, runtimeQueryObjectData } from '@acorex-platform/framework-shared/core';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPPageLayoutBase, AXPPageLayoutBaseComponent } from '@acorex-platform/framework-client/layout/views';\nimport { AsyncPipe, CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  inject,\n  input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { isEmpty } from 'lodash';\nimport {\n  AXPUserActivityDataSourceItem,\n  AXPUserActivityHeatmapLayout,\n  AXPUserActivityHour,\n  AXPUserActivityLevel,\n  AXPUserActivityStats,\n  AXPUserActivityWeek,\n  formatCompactActivityCount,\n} from '../../../../../shared/datasources/user-activity';\n\n//#region ---- View types ----\n\ninterface ActivityDay {\n  date: Date;\n  count: number;\n  level: AXPUserActivityLevel;\n}\n\ninterface ActivityWeek {\n  days: ActivityDay[];\n}\n\ninterface ActivityHour {\n  hour: number;\n  date: Date;\n  count: number;\n  level: AXPUserActivityLevel;\n}\n\ninterface CalendarColumnLabel {\n  key: string;\n  date: Date;\n  weekIndex: number;\n}\n\n//#endregion\n\n//#region ---- Constants ----\n\nconst DEFAULT_USER_ACTIVITY_QUERY_KEY = 'Auth:GetUserActivity';\nconst DEFAULT_TIME_FORMAT = 'HH:mm';\n\n//#endregion\n\n//#region ---- Helpers ----\n\nfunction parseLocalDay(value: string): Date {\n  const [year, month, day] = value.split('-').map(Number);\n  return new Date(year, (month ?? 1) - 1, day ?? 1);\n}\n\n//#endregion\n\n//#region ---- Component ----\n\n/** Contribution-style activity heatmap for the profile Activity tab. */\n@Component({\n  selector: 'axm-profile-activity-chart',\n  imports: [CommonModule, AsyncPipe, AXDecoratorModule, AXFormatModule, AXTranslationModule],\n  templateUrl: './profile-activity-chart.component.html',\n  styleUrl: './profile-activity-chart.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'axm-profile-activity-chart' },\n  providers: [\n    {\n      provide: AXPPageLayoutBase,\n      useExisting: AXMProfileActivityChartComponent,\n    },\n  ],\n})\nexport class AXMProfileActivityChartComponent 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 queryService = inject(AXPQueryService);\n\n  //#endregion\n\n  //#region ---- State ----\n\n  protected readonly heatmapLayout = signal<AXPUserActivityHeatmapLayout>('calendar');\n  protected readonly weeks = signal<ActivityWeek[]>([]);\n  protected readonly hours = signal<ActivityHour[]>([]);\n  protected readonly stats = signal<AXPUserActivityStats>({\n    longestStreak: 0,\n    avgPerDay: 0,\n    avgPerWeek: 0,\n    total: 0,\n  });\n  protected readonly isLoading = signal(true);\n  protected readonly shortDateFormat = signal('');\n  protected readonly shortTimeFormat = signal(DEFAULT_TIME_FORMAT);\n\n  protected readonly weekdayLabels = ['M', 'W', 'F'];\n  protected readonly intensityLevels: Array<AXPUserActivityLevel> = [0, 1, 2, 3, 4];\n\n  //#endregion\n\n  //#region ---- Derived state ----\n\n  protected readonly queryKey = computed(\n    () => (this.options()['queryKey'] as string | undefined) ?? DEFAULT_USER_ACTIVITY_QUERY_KEY,\n  );\n\n  protected readonly stripDays = computed(() => this.weeks().flatMap((week) => week.days));\n\n  protected readonly dayCount = computed(() => Math.max(this.stripDays().length, 1));\n\n  protected readonly weekCount = computed(() => Math.max(this.weeks().length, 1));\n\n\n  protected readonly columnLabels = computed(() => {\n    const labels: CalendarColumnLabel[] = [];\n    let lastMonth = -1;\n\n    this.weeks().forEach((week, weekIndex) => {\n      const firstDay = week.days[0];\n      const month = firstDay.date.getMonth();\n      if (month !== lastMonth) {\n        labels.push({\n          key: `${firstDay.date.getFullYear()}-${month}`,\n          date: firstDay.date,\n          weekIndex,\n        });\n        lastMonth = month;\n      }\n    });\n\n    return labels;\n  });\n\n  //#endregion\n\n  //#region ---- Effects ----\n\n  #loadActivityEffect = effect(() => {\n    const userId = this.sessionService.user?.id;\n    const queryKey = this.queryKey();\n    void this.loadActivity(userId, queryKey);\n  });\n\n  //#endregion\n\n  //#region ---- Data loading ----\n\n  private async loadActivity(userId: string | undefined, queryKey: string): Promise<void> {\n    this.isLoading.set(true);\n\n    try {\n      await this.loadRegionalFormats();\n\n      if (isEmpty(userId)) {\n        this.resetChart();\n        return;\n      }\n\n      const result = await this.queryService.fetch<\n        { userId: string },\n        AXPUserActivityDataSourceItem | null\n      >(queryKey, { userId: userId! });\n\n      const item = runtimeQueryObjectData(result);\n      if (!item) {\n        this.resetChart();\n        return;\n      }\n\n      const weeks = item.weeks.map((week: AXPUserActivityWeek) => ({\n        days: week.days.map((day) => ({\n          date: parseLocalDay(day.date),\n          count: day.count,\n          level: day.level,\n        })),\n      }));\n      const activityDay = parseLocalDay(item.startDate);\n\n      this.heatmapLayout.set(item.layout ?? 'calendar');\n      this.weeks.set(weeks);\n      this.hours.set(this.mapHours(item.hours ?? [], activityDay));\n      this.stats.set(item.stats);\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  private async loadRegionalFormats(): Promise<void> {\n    const [dateFormat, timeFormat] = await Promise.all([\n      this.settingsService.get<string>(AXPRegionalSetting.ShortDate),\n      this.settingsService.get<string>(AXPRegionalSetting.ShortTime),\n    ]);\n    this.shortDateFormat.set(dateFormat ?? '');\n    this.shortTimeFormat.set(timeFormat || DEFAULT_TIME_FORMAT);\n  }\n\n  private resetChart(): void {\n    this.heatmapLayout.set('days');\n    this.weeks.set([]);\n    this.hours.set([]);\n    this.stats.set({ longestStreak: 0, avgPerDay: 0, avgPerWeek: 0, total: 0 });\n  }\n\n  private mapHours(hours: AXPUserActivityHour[], activityDay: Date): ActivityHour[] {\n    return hours.map((hour) => {\n      const date = new Date(activityDay);\n      date.setHours(hour.hour, 0, 0, 0);\n      return {\n        hour: hour.hour,\n        date,\n        count: hour.count,\n        level: hour.level,\n      };\n    });\n  }\n\n  //#endregion\n\n  //#region ---- UI helpers ----\n\n  protected formatCount(value: number): string {\n    return formatCompactActivityCount(value);\n  }\n\n  protected weekdayRowIndex(label: string): number {\n    if (label === 'M') {\n      return 1;\n    }\n    if (label === 'W') {\n      return 3;\n    }\n    return 5;\n  }\n\n  protected showHourLabel(hour: number): boolean {\n    return hour % 3 === 0;\n  }\n\n  protected showDayStripLabel(index: number): boolean {\n    const day = this.stripDays()[index];\n    if (!day) {\n      return false;\n    }\n    if (this.dayCount() <= 7) {\n      return true;\n    }\n    return day.date.getDate() === 1 || index % 7 === 0;\n  }\n\n  protected dayStripLabelFormatFor(day: ActivityDay): string {\n    if (this.dayCount() <= 7) {\n      return 'ddd';\n    }\n    return day.date.getDate() === 1 ? 'MMM D' : 'D';\n  }\n\n  protected cellTitle(day: ActivityDay): string {\n    const dateText = String(\n      this.formatService.format(day.date, 'date', {\n        format: this.shortDateFormat(),\n      }) ?? '',\n    );\n    return `${dateText} — ${day.count}`;\n  }\n\n  protected hourCellTitle(hour: ActivityHour): string {\n    const timeText = String(\n      this.formatService.format(hour.date, 'datetime', {\n        format: this.shortTimeFormat(),\n      }) ?? '',\n    );\n    return `${timeText} — ${hour.count}`;\n  }\n\n  //#endregion\n}\n\n//#endregion\n","<div class=\"__panel\" *translate=\"let t\">\n  <header class=\"__header\">\n    <div class=\"__title-row\">\n      <h3 class=\"__title\">{{ '@auth:profile-page.components.activity-chart.title' | translate | async }}</h3>\n      <ax-icon icon=\"fa-light fa-circle-info\" class=\"__info-icon\"></ax-icon>\n    </div>\n  </header>\n\n  @if (heatmapLayout() === 'calendar') {\n    <!-- ----- Calendar heatmap for month and longer ranges ----- -->\n    <div class=\"__heatmap-wrap\" [style.--week-count]=\"weekCount()\">\n      <div class=\"__month-labels\" aria-hidden=\"true\">\n        @for (month of columnLabels(); track month.key) {\n          <span class=\"__month-label\" [style.grid-column-start]=\"month.weekIndex + 2\">\n            {{ month.date | format: 'date' : 'MMM' | async }}\n          </span>\n        }\n      </div>\n\n      <div class=\"__heatmap\">\n        <div class=\"__weekday-labels\" aria-hidden=\"true\">\n          @for (label of weekdayLabels; track label) {\n            <span class=\"__weekday-label\" [style.grid-row]=\"weekdayRowIndex(label)\">{{ label }}</span>\n          }\n        </div>\n\n        <div\n          class=\"__grid\"\n          role=\"img\"\n          [attr.aria-label]=\"'@auth:profile-page.components.activity-chart.aria-label' | translate | async\"\n        >\n          @for (week of weeks(); track $index) {\n            @for (day of week.days; track day.date.getTime()) {\n              <span\n                class=\"__cell\"\n                [class.--level-0]=\"day.level === 0\"\n                [class.--level-1]=\"day.level === 1\"\n                [class.--level-2]=\"day.level === 2\"\n                [class.--level-3]=\"day.level === 3\"\n                [class.--level-4]=\"day.level === 4\"\n                [attr.title]=\"cellTitle(day)\"\n              ></span>\n            }\n          }\n        </div>\n      </div>\n    </div>\n  }\n  <!-- ----- Full-width day or hour strip for short ranges ----- -->\n  @else if (heatmapLayout() === 'hours') {\n    <!-- ----- Hour cells for a single-day window ----- -->\n    <div\n      class=\"__strip __strip--hours\"\n      role=\"img\"\n      [attr.aria-label]=\"'@auth:profile-page.components.activity-chart.aria-label' | translate | async\"\n    >\n      @for (hour of hours(); track hour.hour) {\n        <div class=\"__strip-col\">\n          <span class=\"__strip-label\">\n            @if (showHourLabel(hour.hour)) {\n              <!-- ----- Hour tick every three hours ----- -->\n              {{ hour.date | format: 'datetime' : shortTimeFormat() | async }}\n            }\n          </span>\n          <span\n            class=\"__cell\"\n            [class.--level-0]=\"hour.level === 0\"\n            [class.--level-1]=\"hour.level === 1\"\n            [class.--level-2]=\"hour.level === 2\"\n            [class.--level-3]=\"hour.level === 3\"\n            [class.--level-4]=\"hour.level === 4\"\n            [attr.title]=\"hourCellTitle(hour)\"\n          ></span>\n        </div>\n      }\n    </div>\n  }\n  <!-- ----- Weekday cells for a seven-day window ----- -->\n  @else {\n    <div\n      class=\"__strip __strip--days\"\n      [class.--dense]=\"dayCount() > 14\"\n      [style.--day-count]=\"dayCount()\"\n      role=\"img\"\n      [attr.aria-label]=\"'@auth:profile-page.components.activity-chart.aria-label' | translate | async\"\n    >\n      @for (day of stripDays(); track day.date.getTime(); let index = $index) {\n        <div class=\"__strip-col\">\n          <span class=\"__strip-label\">\n            @if (showDayStripLabel(index)) {\n              <!-- ----- Weekday or day-of-month tick ----- -->\n              {{ day.date | format: 'date' : dayStripLabelFormatFor(day) | async }}\n            }\n          </span>\n          <span\n            class=\"__cell\"\n            [class.--level-0]=\"day.level === 0\"\n            [class.--level-1]=\"day.level === 1\"\n            [class.--level-2]=\"day.level === 2\"\n            [class.--level-3]=\"day.level === 3\"\n            [class.--level-4]=\"day.level === 4\"\n            [attr.title]=\"cellTitle(day)\"\n          ></span>\n        </div>\n      }\n    </div>\n  }\n\n  <footer class=\"__footer\">\n    <div class=\"__legend\" aria-hidden=\"true\">\n      <span class=\"__legend-label\">{{ '@auth:profile-page.components.activity-chart.legend.less' | translate | async }}</span>\n      @for (level of intensityLevels; track level) {\n        <span class=\"__legend-cell\" [class]=\"'--level-' + level\"></span>\n      }\n      <span class=\"__legend-label\">{{ '@auth:profile-page.components.activity-chart.legend.more' | translate | async }}</span>\n    </div>\n\n    <!-- ----- Sign-in summaries for the visible heatmap window ----- -->\n    <dl class=\"__stats\">\n      <div class=\"__stat\">\n        <dd>{{ formatCount(stats().total) }}</dd>\n        <dt>{{ '@auth:profile-page.components.activity-chart.stats.total' | translate | async }}</dt>\n      </div>\n      <div class=\"__stat\">\n        <dd>{{ stats().longestStreak }}</dd>\n        <dt>\n          @if (stats().longestStreak === 1) {\n            <!-- ----- Singular streak unit ----- -->\n            {{ '@auth:profile-page.components.activity-chart.stats.day-streak' | translate | async }}\n          }\n          <!-- ----- Plural streak unit ----- -->\n          @else {\n            {{ '@auth:profile-page.components.activity-chart.stats.days-streak' | translate | async }}\n          }\n        </dt>\n      </div>\n      <div class=\"__stat\">\n        <dd>{{ formatCount(stats().avgPerDay) }}</dd>\n        <dt>{{ '@auth:profile-page.components.activity-chart.stats.avg-day' | translate | async }}</dt>\n      </div>\n      <div class=\"__stat\">\n        <dd>{{ formatCount(stats().avgPerWeek) }}</dd>\n        <dt>{{ '@auth:profile-page.components.activity-chart.stats.avg-week' | translate | async }}</dt>\n      </div>\n    </dl>\n  </footer>\n</div>\n"],"names":["i1","i2","i3","i4"],"mappings":"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"}
+{"version":3,"file":"acorex-platform-module-auth-client-profile-activity-chart.component-CFaRGMKu.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/account/profile-page/components/profile-activity-chart/profile-activity-chart.component.ts","../../../../libs/modules/auth/client/src/lib/pages/account/profile-page/components/profile-activity-chart/profile-activity-chart.component.html"],"sourcesContent":["import { AXPQueryService } from '@acorex-platform/framework-client/runtime';\nimport { AXPRegionalSetting, runtimeQueryObjectData } from '@acorex-platform/framework-shared/core';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPPageLayoutBase, AXPPageLayoutBaseComponent } from '@acorex-platform/framework-client/layout/views';\nimport { AsyncPipe, CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  inject,\n  input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { isEmpty } from 'lodash';\nimport {\n  AXPUserActivityDataSourceItem,\n  AXPUserActivityHeatmapLayout,\n  AXPUserActivityHour,\n  AXPUserActivityLevel,\n  AXPUserActivityStats,\n  AXPUserActivityWeek,\n  formatCompactActivityCount,\n} from '../../../../../shared/datasources/user-activity';\n\n//#region ---- View types ----\n\ninterface ActivityDay {\n  date: Date;\n  count: number;\n  level: AXPUserActivityLevel;\n}\n\ninterface ActivityWeek {\n  days: ActivityDay[];\n}\n\ninterface ActivityHour {\n  hour: number;\n  date: Date;\n  count: number;\n  level: AXPUserActivityLevel;\n}\n\ninterface CalendarColumnLabel {\n  key: string;\n  date: Date;\n  weekIndex: number;\n}\n\n//#endregion\n\n//#region ---- Constants ----\n\nconst DEFAULT_USER_ACTIVITY_QUERY_KEY = 'Auth:GetUserActivity';\nconst DEFAULT_TIME_FORMAT = 'HH:mm';\n\n//#endregion\n\n//#region ---- Helpers ----\n\nfunction parseLocalDay(value: string): Date {\n  const [year, month, day] = value.split('-').map(Number);\n  return new Date(year, (month ?? 1) - 1, day ?? 1);\n}\n\n//#endregion\n\n//#region ---- Component ----\n\n/** Contribution-style activity heatmap for the profile Activity tab. */\n@Component({\n  selector: 'axm-profile-activity-chart',\n  imports: [CommonModule, AsyncPipe, AXDecoratorModule, AXFormatModule, AXTranslationModule],\n  templateUrl: './profile-activity-chart.component.html',\n  styleUrl: './profile-activity-chart.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'axm-profile-activity-chart' },\n  providers: [\n    {\n      provide: AXPPageLayoutBase,\n      useExisting: AXMProfileActivityChartComponent,\n    },\n  ],\n})\nexport class AXMProfileActivityChartComponent 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 queryService = inject(AXPQueryService);\n\n  //#endregion\n\n  //#region ---- State ----\n\n  protected readonly heatmapLayout = signal<AXPUserActivityHeatmapLayout>('calendar');\n  protected readonly weeks = signal<ActivityWeek[]>([]);\n  protected readonly hours = signal<ActivityHour[]>([]);\n  protected readonly stats = signal<AXPUserActivityStats>({\n    longestStreak: 0,\n    avgPerDay: 0,\n    avgPerWeek: 0,\n    total: 0,\n  });\n  protected readonly isLoading = signal(true);\n  protected readonly shortDateFormat = signal('');\n  protected readonly shortTimeFormat = signal(DEFAULT_TIME_FORMAT);\n\n  protected readonly weekdayLabels = ['M', 'W', 'F'];\n  protected readonly intensityLevels: Array<AXPUserActivityLevel> = [0, 1, 2, 3, 4];\n\n  //#endregion\n\n  //#region ---- Derived state ----\n\n  protected readonly queryKey = computed(\n    () => (this.options()['queryKey'] as string | undefined) ?? DEFAULT_USER_ACTIVITY_QUERY_KEY,\n  );\n\n  protected readonly stripDays = computed(() => this.weeks().flatMap((week) => week.days));\n\n  protected readonly dayCount = computed(() => Math.max(this.stripDays().length, 1));\n\n  protected readonly weekCount = computed(() => Math.max(this.weeks().length, 1));\n\n\n  protected readonly columnLabels = computed(() => {\n    const labels: CalendarColumnLabel[] = [];\n    let lastMonth = -1;\n\n    this.weeks().forEach((week, weekIndex) => {\n      const firstDay = week.days[0];\n      const month = firstDay.date.getMonth();\n      if (month !== lastMonth) {\n        labels.push({\n          key: `${firstDay.date.getFullYear()}-${month}`,\n          date: firstDay.date,\n          weekIndex,\n        });\n        lastMonth = month;\n      }\n    });\n\n    return labels;\n  });\n\n  //#endregion\n\n  //#region ---- Effects ----\n\n  #loadActivityEffect = effect(() => {\n    const userId = this.sessionService.user?.id;\n    const queryKey = this.queryKey();\n    void this.loadActivity(userId, queryKey);\n  });\n\n  //#endregion\n\n  //#region ---- Data loading ----\n\n  private async loadActivity(userId: string | undefined, queryKey: string): Promise<void> {\n    this.isLoading.set(true);\n\n    try {\n      await this.loadRegionalFormats();\n\n      if (isEmpty(userId)) {\n        this.resetChart();\n        return;\n      }\n\n      const result = await this.queryService.fetch<\n        { userId: string },\n        AXPUserActivityDataSourceItem | null\n      >(queryKey, { userId: userId! });\n\n      const item = runtimeQueryObjectData(result);\n      if (!item) {\n        this.resetChart();\n        return;\n      }\n\n      const weeks = item.weeks.map((week: AXPUserActivityWeek) => ({\n        days: week.days.map((day) => ({\n          date: parseLocalDay(day.date),\n          count: day.count,\n          level: day.level,\n        })),\n      }));\n      const activityDay = parseLocalDay(item.startDate);\n\n      this.heatmapLayout.set(item.layout ?? 'calendar');\n      this.weeks.set(weeks);\n      this.hours.set(this.mapHours(item.hours ?? [], activityDay));\n      this.stats.set(item.stats);\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  private async loadRegionalFormats(): Promise<void> {\n    const [dateFormat, timeFormat] = await Promise.all([\n      this.settingsService.get<string>(AXPRegionalSetting.ShortDate),\n      this.settingsService.get<string>(AXPRegionalSetting.ShortTime),\n    ]);\n    this.shortDateFormat.set(dateFormat ?? '');\n    this.shortTimeFormat.set(timeFormat || DEFAULT_TIME_FORMAT);\n  }\n\n  private resetChart(): void {\n    this.heatmapLayout.set('days');\n    this.weeks.set([]);\n    this.hours.set([]);\n    this.stats.set({ longestStreak: 0, avgPerDay: 0, avgPerWeek: 0, total: 0 });\n  }\n\n  private mapHours(hours: AXPUserActivityHour[], activityDay: Date): ActivityHour[] {\n    return hours.map((hour) => {\n      const date = new Date(activityDay);\n      date.setHours(hour.hour, 0, 0, 0);\n      return {\n        hour: hour.hour,\n        date,\n        count: hour.count,\n        level: hour.level,\n      };\n    });\n  }\n\n  //#endregion\n\n  //#region ---- UI helpers ----\n\n  protected formatCount(value: number): string {\n    return formatCompactActivityCount(value);\n  }\n\n  protected weekdayRowIndex(label: string): number {\n    if (label === 'M') {\n      return 1;\n    }\n    if (label === 'W') {\n      return 3;\n    }\n    return 5;\n  }\n\n  protected showHourLabel(hour: number): boolean {\n    return hour % 3 === 0;\n  }\n\n  protected showDayStripLabel(index: number): boolean {\n    const day = this.stripDays()[index];\n    if (!day) {\n      return false;\n    }\n    if (this.dayCount() <= 7) {\n      return true;\n    }\n    return day.date.getDate() === 1 || index % 7 === 0;\n  }\n\n  protected dayStripLabelFormatFor(day: ActivityDay): string {\n    if (this.dayCount() <= 7) {\n      return 'ddd';\n    }\n    return day.date.getDate() === 1 ? 'MMM D' : 'D';\n  }\n\n  protected cellTitle(day: ActivityDay): string {\n    const dateText = String(\n      this.formatService.format(day.date, 'date', {\n        format: this.shortDateFormat(),\n      }) ?? '',\n    );\n    return `${dateText} — ${day.count}`;\n  }\n\n  protected hourCellTitle(hour: ActivityHour): string {\n    const timeText = String(\n      this.formatService.format(hour.date, 'datetime', {\n        format: this.shortTimeFormat(),\n      }) ?? '',\n    );\n    return `${timeText} — ${hour.count}`;\n  }\n\n  //#endregion\n}\n\n//#endregion\n","<div class=\"__panel\" *translate=\"let t\">\n  <header class=\"__header\">\n    <div class=\"__title-row\">\n      <h3 class=\"__title\">{{ '@auth:profile-page.components.activity-chart.title' | translate | async }}</h3>\n      <ax-icon icon=\"fa-light fa-circle-info\" class=\"__info-icon\"></ax-icon>\n    </div>\n  </header>\n\n  @if (heatmapLayout() === 'calendar') {\n    <!-- ----- Calendar heatmap for month and longer ranges ----- -->\n    <div class=\"__heatmap-wrap\" [style.--week-count]=\"weekCount()\">\n      <div class=\"__month-labels\" aria-hidden=\"true\">\n        @for (month of columnLabels(); track month.key) {\n          <span class=\"__month-label\" [style.grid-column-start]=\"month.weekIndex + 2\">\n            {{ month.date | format: 'date' : 'MMM' | async }}\n          </span>\n        }\n      </div>\n\n      <div class=\"__heatmap\">\n        <div class=\"__weekday-labels\" aria-hidden=\"true\">\n          @for (label of weekdayLabels; track label) {\n            <span class=\"__weekday-label\" [style.grid-row]=\"weekdayRowIndex(label)\">{{ label }}</span>\n          }\n        </div>\n\n        <div\n          class=\"__grid\"\n          role=\"img\"\n          [attr.aria-label]=\"'@auth:profile-page.components.activity-chart.aria-label' | translate | async\"\n        >\n          @for (week of weeks(); track $index) {\n            @for (day of week.days; track day.date.getTime()) {\n              <span\n                class=\"__cell\"\n                [class.--level-0]=\"day.level === 0\"\n                [class.--level-1]=\"day.level === 1\"\n                [class.--level-2]=\"day.level === 2\"\n                [class.--level-3]=\"day.level === 3\"\n                [class.--level-4]=\"day.level === 4\"\n                [attr.title]=\"cellTitle(day)\"\n              ></span>\n            }\n          }\n        </div>\n      </div>\n    </div>\n  }\n  <!-- ----- Full-width day or hour strip for short ranges ----- -->\n  @else if (heatmapLayout() === 'hours') {\n    <!-- ----- Hour cells for a single-day window ----- -->\n    <div\n      class=\"__strip __strip--hours\"\n      role=\"img\"\n      [attr.aria-label]=\"'@auth:profile-page.components.activity-chart.aria-label' | translate | async\"\n    >\n      @for (hour of hours(); track hour.hour) {\n        <div class=\"__strip-col\">\n          <span class=\"__strip-label\">\n            @if (showHourLabel(hour.hour)) {\n              <!-- ----- Hour tick every three hours ----- -->\n              {{ hour.date | format: 'datetime' : shortTimeFormat() | async }}\n            }\n          </span>\n          <span\n            class=\"__cell\"\n            [class.--level-0]=\"hour.level === 0\"\n            [class.--level-1]=\"hour.level === 1\"\n            [class.--level-2]=\"hour.level === 2\"\n            [class.--level-3]=\"hour.level === 3\"\n            [class.--level-4]=\"hour.level === 4\"\n            [attr.title]=\"hourCellTitle(hour)\"\n          ></span>\n        </div>\n      }\n    </div>\n  }\n  <!-- ----- Weekday cells for a seven-day window ----- -->\n  @else {\n    <div\n      class=\"__strip __strip--days\"\n      [class.--dense]=\"dayCount() > 14\"\n      [style.--day-count]=\"dayCount()\"\n      role=\"img\"\n      [attr.aria-label]=\"'@auth:profile-page.components.activity-chart.aria-label' | translate | async\"\n    >\n      @for (day of stripDays(); track day.date.getTime(); let index = $index) {\n        <div class=\"__strip-col\">\n          <span class=\"__strip-label\">\n            @if (showDayStripLabel(index)) {\n              <!-- ----- Weekday or day-of-month tick ----- -->\n              {{ day.date | format: 'date' : dayStripLabelFormatFor(day) | async }}\n            }\n          </span>\n          <span\n            class=\"__cell\"\n            [class.--level-0]=\"day.level === 0\"\n            [class.--level-1]=\"day.level === 1\"\n            [class.--level-2]=\"day.level === 2\"\n            [class.--level-3]=\"day.level === 3\"\n            [class.--level-4]=\"day.level === 4\"\n            [attr.title]=\"cellTitle(day)\"\n          ></span>\n        </div>\n      }\n    </div>\n  }\n\n  <footer class=\"__footer\">\n    <div class=\"__legend\" aria-hidden=\"true\">\n      <span class=\"__legend-label\">{{ '@auth:profile-page.components.activity-chart.legend.less' | translate | async }}</span>\n      @for (level of intensityLevels; track level) {\n        <span class=\"__legend-cell\" [class]=\"'--level-' + level\"></span>\n      }\n      <span class=\"__legend-label\">{{ '@auth:profile-page.components.activity-chart.legend.more' | translate | async }}</span>\n    </div>\n\n    <!-- ----- Sign-in summaries for the visible heatmap window ----- -->\n    <dl class=\"__stats\">\n      <div class=\"__stat\">\n        <dd>{{ formatCount(stats().total) }}</dd>\n        <dt>{{ '@auth:profile-page.components.activity-chart.stats.total' | translate | async }}</dt>\n      </div>\n      <div class=\"__stat\">\n        <dd>{{ stats().longestStreak }}</dd>\n        <dt>\n          @if (stats().longestStreak === 1) {\n            <!-- ----- Singular streak unit ----- -->\n            {{ '@auth:profile-page.components.activity-chart.stats.day-streak' | translate | async }}\n          }\n          <!-- ----- Plural streak unit ----- -->\n          @else {\n            {{ '@auth:profile-page.components.activity-chart.stats.days-streak' | translate | async }}\n          }\n        </dt>\n      </div>\n      <div class=\"__stat\">\n        <dd>{{ formatCount(stats().avgPerDay) }}</dd>\n        <dt>{{ '@auth:profile-page.components.activity-chart.stats.avg-day' | translate | async }}</dt>\n      </div>\n      <div class=\"__stat\">\n        <dd>{{ formatCount(stats().avgPerWeek) }}</dd>\n        <dt>{{ '@auth:profile-page.components.activity-chart.stats.avg-week' | translate | async }}</dt>\n      </div>\n    </dl>\n  </footer>\n</div>\n"],"names":["i1","i2","i3"],"mappings":"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"}

package/fesm2022/acorex-platform-module-auth-client-profile-coming-soon.command-Crh2GsRA.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-auth-client-profile-coming-soon.command-Crh2GsRA.mjs","sources":["../../../../libs/modules/auth/client/src/lib/commands/profile-coming-soon.command.ts"],"sourcesContent":["import { AXPCommand, type AXPCommandExecuteResultPromise } from '@acorex-platform/framework-shared/runtime';\nimport { AXToastService } from '@acorex/components/toast';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { AXPRuntimeCommandResult } from '@acorex-platform/framework-shared/core';\n\nimport { inject, Injectable } from '@angular/core';\n\n//#region ---- Types ----\n\nexport interface AXPProfileComingSoonInput {\n  messageKey: string;\n}\n\n//#endregion\n\n//#region ---- Profile coming-soon command ----\n\n/** Shows a translated toast for profile actions that are not implemented yet. */\n@Injectable({ providedIn: 'root' })\nexport class AXPProfileComingSoonCommand implements AXPCommand<AXPProfileComingSoonInput, void> {\n  //#region ---- Services & Dependencies ----\n\n  private readonly toastService = inject(AXToastService);\n  private readonly translateService = inject(AXTranslationService);\n\n  //#endregion\n\n  //#region ---- Command ----\n\n  async execute(input: AXPProfileComingSoonInput): AXPCommandExecuteResultPromise<void> {\n    const text = await this.translateService.translateAsync(input.messageKey);\n    this.toastService.show({ color: 'primary', title: text });\n    return { success: true, kind: 'object', data: undefined };\n  }\n\n  //#endregion\n}\n\n//#endregion\n"],"names":[],"mappings":";;;;;AAaA;AAEA;AAEA;MAEa,2BAA2B,CAAA;AADxC,IAAA,WAAA,GAAA;;AAImB,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC;AACrC,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,oBAAoB,CAAC;AAajE,IAAA;;;IAPC,MAAM,OAAO,CAAC,KAAgC,EAAA;AAC5C,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,KAAK,CAAC,UAAU,CAAC;AACzE,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACzD,QAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3D;8GAdW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,2BAA2B,cADd,MAAM,EAAA,CAAA,CAAA;;2FACnB,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBADvC,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;;;"}
+{"version":3,"file":"acorex-platform-module-auth-client-profile-coming-soon.command-Crh2GsRA.mjs","sources":["../../../../libs/modules/auth/client/src/lib/commands/profile-coming-soon.command.ts"],"sourcesContent":["import { AXPCommand, type AXPCommandExecuteResultPromise } from '@acorex-platform/framework-shared/runtime';\nimport { AXToastService } from '@acorex/components/toast';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { AXPRuntimeCommandResult } from '@acorex-platform/framework-shared/core';\n\nimport { inject, Injectable } from '@angular/core';\n\n//#region ---- Types ----\n\nexport interface AXPProfileComingSoonInput {\n  messageKey: string;\n}\n\n//#endregion\n\n//#region ---- Profile coming-soon command ----\n\n/** Shows a translated toast for profile actions that are not implemented yet. */\n@Injectable({ providedIn: 'root' })\nexport class AXPProfileComingSoonCommand implements AXPCommand<AXPProfileComingSoonInput, void> {\n  //#region ---- Services & Dependencies ----\n\n  private readonly toastService = inject(AXToastService);\n  private readonly translateService = inject(AXTranslationService);\n\n  //#endregion\n\n  //#region ---- Command ----\n\n  async execute(input: AXPProfileComingSoonInput): AXPCommandExecuteResultPromise<void> {\n    const text = await this.translateService.translateAsync(input.messageKey);\n    this.toastService.show({ color: 'primary', title: text });\n    return { success: true, kind: 'object', data: undefined };\n  }\n\n  //#endregion\n}\n\n//#endregion\n"],"names":[],"mappings":";;;;;AAaA;AAEA;AAEA;MAEa,2BAA2B,CAAA;AADxC,IAAA,WAAA,GAAA;;AAImB,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC;AACrC,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,oBAAoB,CAAC;AAajE,IAAA;;;IAPC,MAAM,OAAO,CAAC,KAAgC,EAAA;AAC5C,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,KAAK,CAAC,UAAU,CAAC;AACzE,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACzD,QAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3D;8GAdW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,2BAA2B,cADd,MAAM,EAAA,CAAA,CAAA;;2FACnB,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBADvC,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;"}

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

@@ -8,7 +8,7 @@ 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 i3$1 from '@angular/common';
+import * as i5$1 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", "size", "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: i3$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: 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 }); }
 }
 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-D0QS8joQ.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-Dx2-o9XL.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-D0QS8joQ.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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"}
+{"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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"}

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

@@ -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-CPmffSrQ.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-CRl74b8g.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-kBmoYwRh.mjs').then((module) => module.AXMProfileActivityChartComponent),
+                loader: () => import('./acorex-platform-module-auth-client-profile-activity-chart.component-CFaRGMKu.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-D0QS8joQ.mjs').then((module) => module.AXMProfileDeleteAccountDangerZoneComponent),
+                loader: () => import('./acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-Dx2-o9XL.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-Bz1mdVCM.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-profile-page-component.provider-1Spuexhb.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-auth-client-profile-page-component.provider-Bz1mdVCM.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;;;;;"}
+{"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;;;"}

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

@@ -1,15 +1,15 @@
 import * as i1 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
-import * as i3$1 from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i4 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
-import * as i1$1 from '@acorex/components/skeleton';
+import * as i3$1 from '@acorex/components/skeleton';
 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 from '@acorex/core/translation';
+import * as i5$1 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 i3 from '@angular/common';
+import * as i5 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-CPmffSrQ.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-CRl74b8g.mjs';
 import { runtimeQueryPayloadData } from '@acorex-platform/framework-shared/core';
 import { ENTITY_GET_BY_ID_DEFAULT } from '@acorex-platform/framework-shared/runtime';
 
@@ -616,7 +616,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: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: 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: i1$1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i6.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { 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 }); }
+        ], 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMUserProfilePageComponent, decorators: [{
             type: Component,
@@ -651,4 +651,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }] });
 
 export { AXMUserProfilePageComponent };
-//# sourceMappingURL=acorex-platform-module-auth-client-profile-page.component-w2SYmCyc.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-profile-page.component-CGs24n0j.mjs.map