@acorex-platform/module-auth-client 0.0.18 → 0.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/{acorex-platform-module-auth-client-acorex-platform-module-auth-client-mW7tx8C0.mjs → acorex-platform-module-auth-client-acorex-platform-module-auth-client-CYmUn-lw.mjs} +940 -608
- package/fesm2022/acorex-platform-module-auth-client-acorex-platform-module-auth-client-CYmUn-lw.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-auth-client-app-chooser.component-BVbu-f8h.mjs +75 -0
- package/fesm2022/acorex-platform-module-auth-client-app-chooser.component-BVbu-f8h.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-blank.layout-BRGgntib.mjs → acorex-platform-module-auth-client-blank.layout-BCXNPgrp.mjs} +6 -6
- package/fesm2022/acorex-platform-module-auth-client-blank.layout-BCXNPgrp.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-change-password.command-O8Mgxoqj.mjs → acorex-platform-module-auth-client-change-password.command-DIM_d7RO.mjs} +51 -41
- package/fesm2022/acorex-platform-module-auth-client-change-password.command-DIM_d7RO.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-auth-client-change-photo.command-CYGqrJV0.mjs +257 -0
- package/fesm2022/acorex-platform-module-auth-client-change-photo.command-CYGqrJV0.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-auth-client-contracts.mjs +46 -10
- package/fesm2022/acorex-platform-module-auth-client-contracts.mjs.map +1 -1
- package/fesm2022/{acorex-platform-module-auth-client-edit-account-info.command-B-mVlXxg.mjs → acorex-platform-module-auth-client-edit-account-info.command-CD9IrimO.mjs} +5 -5
- package/fesm2022/acorex-platform-module-auth-client-edit-account-info.command-CD9IrimO.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-edit-signature.command-CcTJJwAX.mjs → acorex-platform-module-auth-client-edit-signature.command-TjOLhvKL.mjs} +5 -5
- package/fesm2022/acorex-platform-module-auth-client-edit-signature.command-TjOLhvKL.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-auth-client-get-user-activity.query-BTpibxe9.mjs +80 -0
- package/fesm2022/acorex-platform-module-auth-client-get-user-activity.query-BTpibxe9.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-lock-screen.command-PMoJJxe7.mjs → acorex-platform-module-auth-client-lock-screen.command-Br9O4b5c.mjs} +6 -6
- package/fesm2022/acorex-platform-module-auth-client-lock-screen.command-Br9O4b5c.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-login.module-C4S0RjM7.mjs → acorex-platform-module-auth-client-login.module-DJVL3bAF.mjs} +8 -21
- package/fesm2022/acorex-platform-module-auth-client-login.module-DJVL3bAF.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-auth-client-master.layout-DZUYm22p.mjs +39 -0
- package/fesm2022/acorex-platform-module-auth-client-master.layout-DZUYm22p.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-oauth-callback.component-CEMvfjj4.mjs → acorex-platform-module-auth-client-oauth-callback.component-DnQzPUxF.mjs} +11 -15
- package/fesm2022/acorex-platform-module-auth-client-oauth-callback.component-DnQzPUxF.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-auth-client-open-sessions.command-LZKM9fgo.mjs +200 -0
- package/fesm2022/acorex-platform-module-auth-client-open-sessions.command-LZKM9fgo.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-password.component-CIr6IBG6.mjs → acorex-platform-module-auth-client-password.component-CNKRWfuG.mjs} +86 -45
- package/fesm2022/acorex-platform-module-auth-client-password.component-CNKRWfuG.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-auth-client-password.component-CW0t9fEn.mjs +87 -0
- package/fesm2022/acorex-platform-module-auth-client-password.component-CW0t9fEn.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-auth-client-platform-settings-unavailable.component-BEVkQ3jh.mjs +47 -0
- package/fesm2022/acorex-platform-module-auth-client-platform-settings-unavailable.component-BEVkQ3jh.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-profile-activity-chart.component-DTY1eEI_.mjs → acorex-platform-module-auth-client-profile-activity-chart.component-CtSrYARX.mjs} +38 -46
- package/fesm2022/acorex-platform-module-auth-client-profile-activity-chart.component-CtSrYARX.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-profile-coming-soon.command-DBbFbzAx.mjs → acorex-platform-module-auth-client-profile-coming-soon.command-Crh2GsRA.mjs} +5 -5
- package/fesm2022/acorex-platform-module-auth-client-profile-coming-soon.command-Crh2GsRA.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-C6u3AB4N.mjs → acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-D0QS8joQ.mjs} +18 -13
- package/fesm2022/{acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-C6u3AB4N.mjs.map → acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-D0QS8joQ.mjs.map} +1 -1
- package/fesm2022/{acorex-platform-module-auth-client-profile-page-component.provider-Dhmzo4ME.mjs → acorex-platform-module-auth-client-profile-page-component.provider-6lNx6bKI.mjs} +7 -7
- package/fesm2022/{acorex-platform-module-auth-client-profile-page-component.provider-Dhmzo4ME.mjs.map → acorex-platform-module-auth-client-profile-page-component.provider-6lNx6bKI.mjs.map} +1 -1
- package/fesm2022/acorex-platform-module-auth-client-profile-page.component-CdxseoJX.mjs +650 -0
- package/fesm2022/acorex-platform-module-auth-client-profile-page.component-CdxseoJX.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-register-password.component-ia6tdvTc.mjs → acorex-platform-module-auth-client-register-password.component-D-tBrCJv.mjs} +15 -14
- package/fesm2022/acorex-platform-module-auth-client-register-password.component-D-tBrCJv.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-register.module--DG9m8iC.mjs → acorex-platform-module-auth-client-register.module-BrXqva0B.mjs} +23 -23
- package/fesm2022/acorex-platform-module-auth-client-register.module-BrXqva0B.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-remove-pin-code.command-qtswigkv.mjs → acorex-platform-module-auth-client-remove-pin-code.command-uK04-h15.mjs} +7 -7
- package/fesm2022/acorex-platform-module-auth-client-remove-pin-code.command-uK04-h15.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-auth-client-reset-password.component-CcwDb6Wb.mjs +115 -0
- package/fesm2022/acorex-platform-module-auth-client-reset-password.component-CcwDb6Wb.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-result.component-DYJaB-FD.mjs → acorex-platform-module-auth-client-result.component-DWv1hmQR.mjs} +6 -6
- package/fesm2022/acorex-platform-module-auth-client-result.component-DWv1hmQR.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-routes-DVN2Y2Ps.mjs → acorex-platform-module-auth-client-routes-IX2qmeqU.mjs} +3 -3
- package/fesm2022/{acorex-platform-module-auth-client-routes-DVN2Y2Ps.mjs.map → acorex-platform-module-auth-client-routes-IX2qmeqU.mjs.map} +1 -1
- package/fesm2022/acorex-platform-module-auth-client-session-lock-overlay.component-BhsTAmVe.mjs +361 -0
- package/fesm2022/acorex-platform-module-auth-client-session-lock-overlay.component-BhsTAmVe.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-auth-client-set-pin-code.command-BJT7F-xz.mjs +116 -0
- package/fesm2022/acorex-platform-module-auth-client-set-pin-code.command-BJT7F-xz.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-set-pin-code.component-BHVqbYFv.mjs → acorex-platform-module-auth-client-set-pin-code.component-Cq4skm_3.mjs} +29 -20
- package/fesm2022/acorex-platform-module-auth-client-set-pin-code.component-Cq4skm_3.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-settings.provider-n1qbs6e1.mjs → acorex-platform-module-auth-client-settings.provider-Yaoz8yp3.mjs} +139 -11
- package/fesm2022/acorex-platform-module-auth-client-settings.provider-Yaoz8yp3.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-show-profile-command-CxMz1yy-.mjs → acorex-platform-module-auth-client-show-profile-command-BWoDxIdx.mjs} +5 -6
- package/fesm2022/acorex-platform-module-auth-client-show-profile-command-BWoDxIdx.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-signout-command-DqqrP5pk.mjs → acorex-platform-module-auth-client-signout-command-B7n_Fn4P.mjs} +5 -5
- package/fesm2022/acorex-platform-module-auth-client-signout-command-B7n_Fn4P.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-auth-client-tenant-chooser.component-CHmg7D5H.mjs +67 -0
- package/fesm2022/acorex-platform-module-auth-client-tenant-chooser.component-CHmg7D5H.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-auth-client-two-factor-code.component-nsB4v25Z.mjs +40 -0
- package/fesm2022/acorex-platform-module-auth-client-two-factor-code.component-nsB4v25Z.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-two-factor.module-FAqKbmBb.mjs → acorex-platform-module-auth-client-two-factor.module-_jYo6xXr.mjs} +8 -11
- package/fesm2022/acorex-platform-module-auth-client-two-factor.module-_jYo6xXr.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-auth-client-view-login-history.command-B42BHIAL.mjs → acorex-platform-module-auth-client-view-login-history.command-ovj5rdHL.mjs} +13 -11
- package/fesm2022/acorex-platform-module-auth-client-view-login-history.command-ovj5rdHL.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-auth-client.mjs +1 -1
- package/package.json +1 -1
- package/types/acorex-platform-module-auth-client-contracts.d.ts +43 -9
- package/types/acorex-platform-module-auth-client.d.ts +63 -56
- package/fesm2022/acorex-platform-module-auth-client-acorex-platform-module-auth-client-mW7tx8C0.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-app-chooser.component-IPLp1kVv.mjs +0 -67
- package/fesm2022/acorex-platform-module-auth-client-app-chooser.component-IPLp1kVv.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-blank.layout-BRGgntib.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-change-password.command-O8Mgxoqj.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-change-photo.command-BcNq9mTU.mjs +0 -192
- package/fesm2022/acorex-platform-module-auth-client-change-photo.command-BcNq9mTU.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-edit-account-info.command-B-mVlXxg.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-edit-signature.command-CcTJJwAX.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-lock-screen.command-PMoJJxe7.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-login.module-C4S0RjM7.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-master.layout-DXwb5VSr.mjs +0 -24
- package/fesm2022/acorex-platform-module-auth-client-master.layout-DXwb5VSr.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-oauth-callback.component-CEMvfjj4.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-open-sessions.command-BsS9b6Xk.mjs +0 -196
- package/fesm2022/acorex-platform-module-auth-client-open-sessions.command-BsS9b6Xk.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-password.component-CIr6IBG6.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-password.component-DnFItGdA.mjs +0 -88
- package/fesm2022/acorex-platform-module-auth-client-password.component-DnFItGdA.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-profile-activity-chart.component-DTY1eEI_.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-profile-coming-soon.command-DBbFbzAx.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-profile-page.component-CJ9AA3ZN.mjs +0 -446
- package/fesm2022/acorex-platform-module-auth-client-profile-page.component-CJ9AA3ZN.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-register-password.component-ia6tdvTc.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-register.module--DG9m8iC.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-remove-pin-code.command-qtswigkv.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-reset-password.component-CTlrt_18.mjs +0 -115
- package/fesm2022/acorex-platform-module-auth-client-reset-password.component-CTlrt_18.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-result.component-DYJaB-FD.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-session-lock-overlay.component-CN1JqPBW.mjs +0 -346
- package/fesm2022/acorex-platform-module-auth-client-session-lock-overlay.component-CN1JqPBW.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-set-pin-code.command-mBEdso1T.mjs +0 -33
- package/fesm2022/acorex-platform-module-auth-client-set-pin-code.command-mBEdso1T.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-set-pin-code.component-BHVqbYFv.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-settings.provider-n1qbs6e1.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-show-profile-command-CxMz1yy-.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-signout-command-DqqrP5pk.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-tenant-chooser.component-B_9s4F36.mjs +0 -59
- package/fesm2022/acorex-platform-module-auth-client-tenant-chooser.component-B_9s4F36.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-two-factor-code.component-DAxlYlhM.mjs +0 -40
- package/fesm2022/acorex-platform-module-auth-client-two-factor-code.component-DAxlYlhM.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-two-factor.module-FAqKbmBb.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-auth-client-view-login-history.command-B42BHIAL.mjs.map +0 -1
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import * as i1 from '@acorex/components/button';
|
|
2
|
+
import { AXButtonModule } from '@acorex/components/button';
|
|
3
|
+
import * as i5 from '@acorex/core/translation';
|
|
4
|
+
import { AXTranslationModule } from '@acorex/core/translation';
|
|
5
|
+
import { AXPPlatformSettingsLoadState, AXPSettingsService, AXPCommonSettings } from '@acorex-platform/framework-client/common';
|
|
6
|
+
import * as i3 from '@angular/common';
|
|
7
|
+
import { CommonModule } from '@angular/common';
|
|
8
|
+
import * as i0 from '@angular/core';
|
|
9
|
+
import { inject, signal, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
10
|
+
|
|
11
|
+
//#region ----- Platform settings unavailable page -----
|
|
12
|
+
class AXMPlatformSettingsUnavailableComponent {
|
|
13
|
+
//#endregion
|
|
14
|
+
//#region ----- Lifecycle -----
|
|
15
|
+
constructor() {
|
|
16
|
+
//#region ----- Services & Dependencies -----
|
|
17
|
+
this.loadState = inject(AXPPlatformSettingsLoadState);
|
|
18
|
+
this.settingsService = inject(AXPSettingsService);
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region ----- State Signals -----
|
|
21
|
+
this.detail = this.loadState.message();
|
|
22
|
+
/** `null` until cached Debug Mode is resolved. */
|
|
23
|
+
this.showTechnicalDetail = signal(null, /* @ts-ignore */
|
|
24
|
+
...(ngDevMode ? [{ debugName: "showTechnicalDetail" }] : /* istanbul ignore next */ []));
|
|
25
|
+
void this.resolveShowTechnicalDetail();
|
|
26
|
+
}
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region ----- Event Handlers -----
|
|
29
|
+
handleRetry() {
|
|
30
|
+
window.location.assign('/');
|
|
31
|
+
}
|
|
32
|
+
//#endregion
|
|
33
|
+
//#region ----- Private -----
|
|
34
|
+
async resolveShowTechnicalDetail() {
|
|
35
|
+
const debugMode = await this.settingsService.peekPlatformCached(AXPCommonSettings.DebugMode);
|
|
36
|
+
this.showTechnicalDetail.set(debugMode === true);
|
|
37
|
+
}
|
|
38
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPlatformSettingsUnavailableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMPlatformSettingsUnavailableComponent, isStandalone: true, selector: "axm-platform-settings-unavailable", ngImport: i0, template: "<div class=\"min-h-full w-full flex items-center justify-center p-8 lightest-surface\">\n <div class=\"max-w-lg text-center flex flex-col gap-4\">\n <h1 class=\"font-bold text-2xl\">\n {{ '@auth:startup-error.title' | translate | async }}\n </h1>\n <p class=\"text-neutral-600\">\n {{ '@auth:startup-error.description' | translate | async }}\n </p>\n @if (showTechnicalDetail() !== null) {\n <!--->\n <!-- ----- Technical detail when Debug Mode is enabled in cached settings ----- -->\n @if (showTechnicalDetail() && detail) {\n <p class=\"text-sm text-neutral-500 break-words\">{{ detail }}</p>\n }\n <!-- ----- Contact admin tip when technical detail is hidden ----- -->\n @else {\n <p class=\"text-sm text-neutral-500\">\n {{ '@auth:startup-error.contact-admin' | translate | async }}\n </p>\n }\n }\n <ax-button\n color=\"primary\"\n class=\"mx-auto\"\n [text]=\"'@auth:startup-error.retry' | translate | async\"\n (onClick)=\"handleRetry()\"\n ></ax-button>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
40
|
+
}
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPlatformSettingsUnavailableComponent, decorators: [{
|
|
42
|
+
type: Component,
|
|
43
|
+
args: [{ selector: 'axm-platform-settings-unavailable', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXButtonModule, AXTranslationModule], template: "<div class=\"min-h-full w-full flex items-center justify-center p-8 lightest-surface\">\n <div class=\"max-w-lg text-center flex flex-col gap-4\">\n <h1 class=\"font-bold text-2xl\">\n {{ '@auth:startup-error.title' | translate | async }}\n </h1>\n <p class=\"text-neutral-600\">\n {{ '@auth:startup-error.description' | translate | async }}\n </p>\n @if (showTechnicalDetail() !== null) {\n <!--->\n <!-- ----- Technical detail when Debug Mode is enabled in cached settings ----- -->\n @if (showTechnicalDetail() && detail) {\n <p class=\"text-sm text-neutral-500 break-words\">{{ detail }}</p>\n }\n <!-- ----- Contact admin tip when technical detail is hidden ----- -->\n @else {\n <p class=\"text-sm text-neutral-500\">\n {{ '@auth:startup-error.contact-admin' | translate | async }}\n </p>\n }\n }\n <ax-button\n color=\"primary\"\n class=\"mx-auto\"\n [text]=\"'@auth:startup-error.retry' | translate | async\"\n (onClick)=\"handleRetry()\"\n ></ax-button>\n </div>\n</div>\n" }]
|
|
44
|
+
}], ctorParameters: () => [] });
|
|
45
|
+
|
|
46
|
+
export { AXMPlatformSettingsUnavailableComponent };
|
|
47
|
+
//# sourceMappingURL=acorex-platform-module-auth-client-platform-settings-unavailable.component-BEVkQ3jh.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"acorex-platform-module-auth-client-platform-settings-unavailable.component-BEVkQ3jh.mjs","sources":["../../../../libs/modules/auth/client/src/lib/pages/unavailable/platform-settings-unavailable.component.ts","../../../../libs/modules/auth/client/src/lib/pages/unavailable/platform-settings-unavailable.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport {\n AXPCommonSettings,\n AXPPlatformSettingsLoadState,\n AXPSettingsService,\n} from '@acorex-platform/framework-client/common';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\n\n//#region ----- Platform settings unavailable page -----\n\n@Component({\n selector: 'axm-platform-settings-unavailable',\n templateUrl: './platform-settings-unavailable.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [CommonModule, AXButtonModule, AXTranslationModule],\n})\nexport class AXMPlatformSettingsUnavailableComponent {\n //#region ----- Services & Dependencies -----\n\n private readonly loadState = inject(AXPPlatformSettingsLoadState);\n private readonly settingsService = inject(AXPSettingsService);\n\n //#endregion\n\n //#region ----- State Signals -----\n\n protected readonly detail = this.loadState.message();\n /** `null` until cached Debug Mode is resolved. */\n protected readonly showTechnicalDetail = signal<boolean | null>(null);\n\n //#endregion\n\n //#region ----- Lifecycle -----\n\n constructor() {\n void this.resolveShowTechnicalDetail();\n }\n\n //#endregion\n\n //#region ----- Event Handlers -----\n\n protected handleRetry(): void {\n window.location.assign('/');\n }\n\n //#endregion\n\n //#region ----- Private -----\n\n private async resolveShowTechnicalDetail(): Promise<void> {\n const debugMode = await this.settingsService.peekPlatformCached(AXPCommonSettings.DebugMode);\n this.showTechnicalDetail.set(debugMode === true);\n }\n\n //#endregion\n}\n\n//#endregion\n","<div class=\"min-h-full w-full flex items-center justify-center p-8 lightest-surface\">\n <div class=\"max-w-lg text-center flex flex-col gap-4\">\n <h1 class=\"font-bold text-2xl\">\n {{ '@auth:startup-error.title' | translate | async }}\n </h1>\n <p class=\"text-neutral-600\">\n {{ '@auth:startup-error.description' | translate | async }}\n </p>\n @if (showTechnicalDetail() !== null) {\n <!--->\n <!-- ----- Technical detail when Debug Mode is enabled in cached settings ----- -->\n @if (showTechnicalDetail() && detail) {\n <p class=\"text-sm text-neutral-500 break-words\">{{ detail }}</p>\n }\n <!-- ----- Contact admin tip when technical detail is hidden ----- -->\n @else {\n <p class=\"text-sm text-neutral-500\">\n {{ '@auth:startup-error.contact-admin' | translate | async }}\n </p>\n }\n }\n <ax-button\n color=\"primary\"\n class=\"mx-auto\"\n [text]=\"'@auth:startup-error.retry' | translate | async\"\n (onClick)=\"handleRetry()\"\n ></ax-button>\n </div>\n</div>\n"],"names":["i2","i3"],"mappings":";;;;;;;;;;AAUA;MAQa,uCAAuC,CAAA;;;AAkBlD,IAAA,WAAA,GAAA;;AAfiB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,4BAA4B,CAAC;AAChD,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,kBAAkB,CAAC;;;AAM1C,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;;QAEjC,IAAA,CAAA,mBAAmB,GAAG,MAAM,CAAiB,IAAI;gGAAC;AAOnE,QAAA,KAAK,IAAI,CAAC,0BAA0B,EAAE;IACxC;;;IAMU,WAAW,GAAA;AACnB,QAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC;IAC7B;;;AAMQ,IAAA,MAAM,0BAA0B,GAAA;AACtC,QAAA,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,SAAS,CAAC;QAC5F,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,SAAS,KAAK,IAAI,CAAC;IAClD;8GArCW,uCAAuC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uCAAuC,6FClBpD,glCA6BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDbY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,cAAc,6XAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEhD,uCAAuC,EAAA,UAAA,EAAA,CAAA;kBANnD,SAAS;+BACE,mCAAmC,EAAA,eAAA,EAE5B,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,YAAY,EAAE,cAAc,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,glCAAA,EAAA;;;;;"}
|
|
@@ -1,17 +1,20 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AXPQueryService } from '@acorex-platform/framework-client/runtime';
|
|
2
|
+
import { runtimeQueryObjectData } from '@acorex-platform/framework-shared/core';
|
|
2
3
|
import * as i3 from '@acorex/components/decorators';
|
|
3
4
|
import { AXDecoratorModule } from '@acorex/components/decorators';
|
|
4
|
-
import * as
|
|
5
|
+
import * as i5 from '@acorex/core/translation';
|
|
5
6
|
import { AXTranslationModule } from '@acorex/core/translation';
|
|
6
7
|
import { AXPPageLayoutBaseComponent, AXPPageLayoutBase } from '@acorex-platform/framework-client/layout/views';
|
|
7
|
-
import * as
|
|
8
|
+
import * as i3$1 from '@angular/common';
|
|
8
9
|
import { CommonModule, AsyncPipe } from '@angular/common';
|
|
9
10
|
import * as i0 from '@angular/core';
|
|
10
11
|
import { input, inject, signal, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
11
12
|
import { isEmpty } from 'lodash';
|
|
12
|
-
import {
|
|
13
|
-
import { u as resolveDefaultUserActivityDateRange, w as formatCompactActivityCount } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-mW7tx8C0.mjs';
|
|
13
|
+
import { g as resolveDefaultUserActivityDateRange, y as formatCompactActivityCount } from './acorex-platform-module-auth-client-acorex-platform-module-auth-client-CYmUn-lw.mjs';
|
|
14
14
|
|
|
15
|
+
//#endregion
|
|
16
|
+
//#region ---- Constants ----
|
|
17
|
+
const DEFAULT_USER_ACTIVITY_QUERY_KEY = 'Auth:GetUserActivity';
|
|
15
18
|
//#endregion
|
|
16
19
|
//#region ---- Component ----
|
|
17
20
|
/** Contribution-style activity heatmap for the profile Activity tab. */
|
|
@@ -19,27 +22,34 @@ class AXMProfileActivityChartComponent extends AXPPageLayoutBaseComponent {
|
|
|
19
22
|
constructor() {
|
|
20
23
|
super(...arguments);
|
|
21
24
|
//#region ---- Inputs ----
|
|
22
|
-
this.rootContext = input({},
|
|
23
|
-
|
|
24
|
-
this.
|
|
25
|
+
this.rootContext = input({}, /* @ts-ignore */
|
|
26
|
+
...(ngDevMode ? [{ debugName: "rootContext" }] : /* istanbul ignore next */ []));
|
|
27
|
+
this.pageConfig = input(/* @ts-ignore */
|
|
28
|
+
...(ngDevMode ? [undefined, { debugName: "pageConfig" }] : /* istanbul ignore next */ []));
|
|
29
|
+
this.options = input({}, /* @ts-ignore */
|
|
30
|
+
...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
|
|
25
31
|
//#endregion
|
|
26
32
|
//#region ---- Services & Dependencies ----
|
|
27
|
-
this.
|
|
33
|
+
this.queryService = inject(AXPQueryService);
|
|
28
34
|
//#endregion
|
|
29
35
|
//#region ---- State ----
|
|
30
|
-
this.weeks = signal([],
|
|
36
|
+
this.weeks = signal([], /* @ts-ignore */
|
|
37
|
+
...(ngDevMode ? [{ debugName: "weeks" }] : /* istanbul ignore next */ []));
|
|
31
38
|
this.stats = signal({
|
|
32
39
|
longestStreak: 0,
|
|
33
40
|
avgPerDay: 0,
|
|
34
41
|
avgPerWeek: 0,
|
|
35
42
|
total: 0,
|
|
36
|
-
},
|
|
37
|
-
|
|
43
|
+
}, /* @ts-ignore */
|
|
44
|
+
...(ngDevMode ? [{ debugName: "stats" }] : /* istanbul ignore next */ []));
|
|
45
|
+
this.isLoading = signal(true, /* @ts-ignore */
|
|
46
|
+
...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
|
|
38
47
|
this.weekdayLabels = ['M', 'W', 'F'];
|
|
39
48
|
this.intensityLevels = [0, 1, 2, 3, 4];
|
|
40
49
|
//#endregion
|
|
41
50
|
//#region ---- Derived state ----
|
|
42
|
-
this.
|
|
51
|
+
this.queryKey = computed(() => this.options()['queryKey'] ?? DEFAULT_USER_ACTIVITY_QUERY_KEY, /* @ts-ignore */
|
|
52
|
+
...(ngDevMode ? [{ debugName: "queryKey" }] : /* istanbul ignore next */ []));
|
|
43
53
|
this.monthLabels = computed(() => {
|
|
44
54
|
const labels = [];
|
|
45
55
|
let lastMonth = -1;
|
|
@@ -56,21 +66,23 @@ class AXMProfileActivityChartComponent extends AXPPageLayoutBaseComponent {
|
|
|
56
66
|
}
|
|
57
67
|
});
|
|
58
68
|
return labels;
|
|
59
|
-
},
|
|
69
|
+
}, /* @ts-ignore */
|
|
70
|
+
...(ngDevMode ? [{ debugName: "monthLabels" }] : /* istanbul ignore next */ []));
|
|
60
71
|
//#endregion
|
|
61
72
|
//#region ---- Effects ----
|
|
62
73
|
this.#loadActivityEffect = effect(() => {
|
|
63
74
|
const userId = this.sessionService.user?.id;
|
|
64
|
-
const
|
|
65
|
-
void this.loadActivity(userId,
|
|
66
|
-
},
|
|
75
|
+
const queryKey = this.queryKey();
|
|
76
|
+
void this.loadActivity(userId, queryKey);
|
|
77
|
+
}, /* @ts-ignore */
|
|
78
|
+
...(ngDevMode ? [{ debugName: "#loadActivityEffect" }] : /* istanbul ignore next */ []));
|
|
67
79
|
}
|
|
68
80
|
//#endregion
|
|
69
81
|
//#region ---- Effects ----
|
|
70
82
|
#loadActivityEffect;
|
|
71
83
|
//#endregion
|
|
72
84
|
//#region ---- Data loading ----
|
|
73
|
-
async loadActivity(userId,
|
|
85
|
+
async loadActivity(userId, queryKey) {
|
|
74
86
|
this.isLoading.set(true);
|
|
75
87
|
try {
|
|
76
88
|
if (isEmpty(userId)) {
|
|
@@ -78,29 +90,9 @@ class AXMProfileActivityChartComponent extends AXPPageLayoutBaseComponent {
|
|
|
78
90
|
this.stats.set({ longestStreak: 0, avgPerDay: 0, avgPerWeek: 0, total: 0 });
|
|
79
91
|
return;
|
|
80
92
|
}
|
|
81
|
-
const definition = await this.dataSourceDefinitionService.get(dataSourceName);
|
|
82
|
-
if (!definition) {
|
|
83
|
-
this.weeks.set([]);
|
|
84
|
-
this.stats.set({ longestStreak: 0, avgPerDay: 0, avgPerWeek: 0, total: 0 });
|
|
85
|
-
return;
|
|
86
|
-
}
|
|
87
93
|
const { startDate, endDate } = resolveDefaultUserActivityDateRange();
|
|
88
|
-
const
|
|
89
|
-
const
|
|
90
|
-
const page = await dataSource.config.load({
|
|
91
|
-
take: 1,
|
|
92
|
-
skip: 0,
|
|
93
|
-
sort: [],
|
|
94
|
-
filter: {
|
|
95
|
-
logic: 'and',
|
|
96
|
-
filters: [
|
|
97
|
-
{ field: 'userId', operator: { type: 'equal' }, value: userId },
|
|
98
|
-
{ field: 'startDate', operator: { type: 'gte' }, value: startDate },
|
|
99
|
-
{ field: 'endDate', operator: { type: 'lte' }, value: endDate },
|
|
100
|
-
],
|
|
101
|
-
},
|
|
102
|
-
});
|
|
103
|
-
const item = page.items?.[0];
|
|
94
|
+
const result = await this.queryService.fetch(queryKey, { userId: userId, startDate, endDate });
|
|
95
|
+
const item = runtimeQueryObjectData(result);
|
|
104
96
|
if (!item) {
|
|
105
97
|
this.weeks.set([]);
|
|
106
98
|
this.stats.set({ longestStreak: 0, avgPerDay: 0, avgPerWeek: 0, total: 0 });
|
|
@@ -136,23 +128,23 @@ class AXMProfileActivityChartComponent extends AXPPageLayoutBaseComponent {
|
|
|
136
128
|
cellTitle(day) {
|
|
137
129
|
return `${day.date.toLocaleDateString()} — ${day.count}`;
|
|
138
130
|
}
|
|
139
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
140
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
131
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMProfileActivityChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
132
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMProfileActivityChartComponent, isStandalone: true, selector: "axm-profile-activity-chart", inputs: { rootContext: { classPropertyName: "rootContext", publicName: "rootContext", isSignal: true, isRequired: false, transformFunction: null }, pageConfig: { classPropertyName: "pageConfig", publicName: "pageConfig", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "axm-profile-activity-chart" }, providers: [
|
|
141
133
|
{
|
|
142
134
|
provide: AXPPageLayoutBase,
|
|
143
135
|
useExisting: AXMProfileActivityChartComponent,
|
|
144
136
|
},
|
|
145
|
-
], usesInheritance: true, ngImport: i0, template: "<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 <span class=\"__context\">{{ '@auth:profile-page.components.activity-chart.context' | translate | async }}</span>\n </header>\n\n <dl class=\"__stats\">\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.longest-streak' | translate | async }}</dt>\n <dd>\n <strong>{{ stats().longestStreak }}</strong>\n {{ '@auth:profile-page.components.activity-chart.stats.days' | translate | async }}\n </dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.avg-day' | translate | async }}</dt>\n <dd>{{ formatCount(stats().avgPerDay) }}</dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.avg-week' | translate | async }}</dt>\n <dd>{{ formatCount(stats().avgPerWeek) }}</dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.total' | translate | async }}</dt>\n <dd>{{ formatCount(stats().total) }}</dd>\n </div>\n </dl>\n\n <div class=\"__heatmap-wrap\">\n <div class=\"__month-labels\" aria-hidden=\"true\">\n @for (month of monthLabels(); track month.key) {\n <span class=\"__month-label\" [style.grid-column-start]=\"month.weekIndex + 2\">{{ month.label }}</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 class=\"__grid\" role=\"img\" [attr.aria-label]=\"'@auth:profile-page.components.activity-chart.aria-label' | translate | async\">\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 <footer 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 </footer>\n</div>\n", styles: ["@layer properties;.axm-profile-activity-chart{display:block;width:100%}.axm-profile-activity-chart .__panel{width:100%;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);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);border-color:rgb(var(--ax-sys-color-border-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface))}.axm-profile-activity-chart .__header{margin-bottom:calc(var(--spacing, .25rem) * 5);display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 4)}.axm-profile-activity-chart .__title-row{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.axm-profile-activity-chart .__title{margin:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--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-profile-activity-chart .__info-icon{opacity:50%;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__context{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-light-surface))}.axm-profile-activity-chart .__stats{margin-bottom:calc(var(--spacing, .25rem) * 6);display:grid;gap:calc(var(--spacing, .25rem) * 4);grid-template-columns:repeat(2,minmax(0,1fr))}.axm-profile-activity-chart .__stat{min-width:0}.axm-profile-activity-chart .__stat dt{margin-bottom:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__stat dd{margin:0;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);color:rgb(var(--ax-sys-color-on-lightest-surface))}.axm-profile-activity-chart .__stat dd strong{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}.axm-profile-activity-chart .__heatmap-wrap{width:100%;overflow-x:auto;padding-bottom:calc(var(--spacing, .25rem) * 2)}.axm-profile-activity-chart .__month-labels{margin-bottom:calc(var(--spacing, .25rem) * 2);display:grid;width:100%;gap:var(--spacing, .25rem);grid-template-columns:1.75rem repeat(53,minmax(0,1fr))}.axm-profile-activity-chart .__month-label{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__heatmap{display:grid;width:100%;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:1.75rem 1fr;align-items:stretch}.axm-profile-activity-chart .__weekday-labels{display:grid;gap:var(--spacing, .25rem);align-self:stretch;grid-template-rows:repeat(7,1fr)}.axm-profile-activity-chart .__weekday-label{display:flex;align-items:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__grid{display:grid;width:100%;gap:var(--spacing, .25rem);grid-template-rows:repeat(7,auto);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.axm-profile-activity-chart .__cell{width:100%;border-radius:var(--radius-sm, .25rem);aspect-ratio:1}.axm-profile-activity-chart .__cell.--level-0{background:rgb(var(--ax-sys-color-dark-surface))}.axm-profile-activity-chart .__cell.--level-1{background:rgb(var(--ax-sys-color-primary-200))}.axm-profile-activity-chart .__cell.--level-2{background:rgb(var(--ax-sys-color-primary-400))}.axm-profile-activity-chart .__cell.--level-3{background:rgb(var(--ax-sys-color-primary-600))}.axm-profile-activity-chart .__cell.--level-4{background:rgb(var(--ax-sys-color-primary-800))}.axm-profile-activity-chart .__legend{margin-top:calc(var(--spacing, .25rem) * 4);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5)}.axm-profile-activity-chart .__legend-label{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__legend-cell{width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-sm, .25rem)}.axm-profile-activity-chart .__legend-cell.--level-0{background:rgb(var(--ax-sys-color-dark-surface))}.axm-profile-activity-chart .__legend-cell.--level-1{background:rgb(var(--ax-sys-color-primary-200))}.axm-profile-activity-chart .__legend-cell.--level-2{background:rgb(var(--ax-sys-color-primary-400))}.axm-profile-activity-chart .__legend-cell.--level-3{background:rgb(var(--ax-sys-color-primary-600))}.axm-profile-activity-chart .__legend-cell.--level-4{background:rgb(var(--ax-sys-color-primary-800))}@media(min-width:768px){.axm-profile-activity-chart .__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@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;}@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}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i7.AXTranslatorDirective, selector: "[translate]" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
137
|
+
], usesInheritance: true, ngImport: i0, template: "<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 <span class=\"__context\">{{ '@auth:profile-page.components.activity-chart.context' | translate | async }}</span>\n </header>\n\n <dl class=\"__stats\">\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.longest-streak' | translate | async }}</dt>\n <dd>\n <strong>{{ stats().longestStreak }}</strong>\n {{ '@auth:profile-page.components.activity-chart.stats.days' | translate | async }}\n </dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.avg-day' | translate | async }}</dt>\n <dd>{{ formatCount(stats().avgPerDay) }}</dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.avg-week' | translate | async }}</dt>\n <dd>{{ formatCount(stats().avgPerWeek) }}</dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.total' | translate | async }}</dt>\n <dd>{{ formatCount(stats().total) }}</dd>\n </div>\n </dl>\n\n <div class=\"__heatmap-wrap\">\n <div class=\"__month-labels\" aria-hidden=\"true\">\n @for (month of monthLabels(); track month.key) {\n <span class=\"__month-label\" [style.grid-column-start]=\"month.weekIndex + 2\">{{ month.label }}</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 class=\"__grid\" role=\"img\" [attr.aria-label]=\"'@auth:profile-page.components.activity-chart.aria-label' | translate | async\">\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 <footer 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 </footer>\n</div>\n", styles: ["@layer properties;.axm-profile-activity-chart{display:block;width:100%}.axm-profile-activity-chart .__panel{width:100%;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);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);border-color:rgb(var(--ax-sys-color-border-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface))}.axm-profile-activity-chart .__header{margin-bottom:calc(var(--spacing, .25rem) * 5);display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 4)}.axm-profile-activity-chart .__title-row{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.axm-profile-activity-chart .__title{margin:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--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-profile-activity-chart .__info-icon{opacity:50%;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__context{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-light-surface))}.axm-profile-activity-chart .__stats{margin-bottom:calc(var(--spacing, .25rem) * 6);display:grid;gap:calc(var(--spacing, .25rem) * 4);grid-template-columns:repeat(2,minmax(0,1fr))}.axm-profile-activity-chart .__stat{min-width:0px}.axm-profile-activity-chart .__stat dt{margin-bottom:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__stat dd{margin:0;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);color:rgb(var(--ax-sys-color-on-lightest-surface))}.axm-profile-activity-chart .__stat dd strong{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}.axm-profile-activity-chart .__heatmap-wrap{width:100%;overflow-x:auto;padding-bottom:calc(var(--spacing, .25rem) * 2)}.axm-profile-activity-chart .__month-labels{margin-bottom:calc(var(--spacing, .25rem) * 2);display:grid;width:100%;gap:var(--spacing, .25rem);grid-template-columns:1.75rem repeat(53,minmax(0,1fr))}.axm-profile-activity-chart .__month-label{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__heatmap{display:grid;width:100%;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:1.75rem 1fr;align-items:stretch}.axm-profile-activity-chart .__weekday-labels{display:grid;gap:var(--spacing, .25rem);align-self:stretch;grid-template-rows:repeat(7,1fr)}.axm-profile-activity-chart .__weekday-label{display:flex;align-items:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__grid{display:grid;width:100%;gap:var(--spacing, .25rem);grid-template-rows:repeat(7,auto);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.axm-profile-activity-chart .__cell{width:100%;border-radius:var(--radius-sm, .25rem);aspect-ratio:1}.axm-profile-activity-chart .__cell.--level-0{background:rgb(var(--ax-sys-color-dark-surface))}.axm-profile-activity-chart .__cell.--level-1{background:rgb(var(--ax-sys-color-primary-200))}.axm-profile-activity-chart .__cell.--level-2{background:rgb(var(--ax-sys-color-primary-400))}.axm-profile-activity-chart .__cell.--level-3{background:rgb(var(--ax-sys-color-primary-600))}.axm-profile-activity-chart .__cell.--level-4{background:rgb(var(--ax-sys-color-primary-800))}.axm-profile-activity-chart .__legend{margin-top:calc(var(--spacing, .25rem) * 4);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5)}.axm-profile-activity-chart .__legend-label{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__legend-cell{width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-sm, .25rem)}.axm-profile-activity-chart .__legend-cell.--level-0{background:rgb(var(--ax-sys-color-dark-surface))}.axm-profile-activity-chart .__legend-cell.--level-1{background:rgb(var(--ax-sys-color-primary-200))}.axm-profile-activity-chart .__legend-cell.--level-2{background:rgb(var(--ax-sys-color-primary-400))}.axm-profile-activity-chart .__legend-cell.--level-3{background:rgb(var(--ax-sys-color-primary-600))}.axm-profile-activity-chart .__legend-cell.--level-4{background:rgb(var(--ax-sys-color-primary-800))}@media(min-width:768px){.axm-profile-activity-chart .__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@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;}@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}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { 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 }); }
|
|
146
138
|
}
|
|
147
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMProfileActivityChartComponent, decorators: [{
|
|
148
140
|
type: Component,
|
|
149
141
|
args: [{ selector: 'axm-profile-activity-chart', imports: [CommonModule, AsyncPipe, AXDecoratorModule, AXTranslationModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'axm-profile-activity-chart' }, providers: [
|
|
150
142
|
{
|
|
151
143
|
provide: AXPPageLayoutBase,
|
|
152
144
|
useExisting: AXMProfileActivityChartComponent,
|
|
153
145
|
},
|
|
154
|
-
], template: "<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 <span class=\"__context\">{{ '@auth:profile-page.components.activity-chart.context' | translate | async }}</span>\n </header>\n\n <dl class=\"__stats\">\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.longest-streak' | translate | async }}</dt>\n <dd>\n <strong>{{ stats().longestStreak }}</strong>\n {{ '@auth:profile-page.components.activity-chart.stats.days' | translate | async }}\n </dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.avg-day' | translate | async }}</dt>\n <dd>{{ formatCount(stats().avgPerDay) }}</dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.avg-week' | translate | async }}</dt>\n <dd>{{ formatCount(stats().avgPerWeek) }}</dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.total' | translate | async }}</dt>\n <dd>{{ formatCount(stats().total) }}</dd>\n </div>\n </dl>\n\n <div class=\"__heatmap-wrap\">\n <div class=\"__month-labels\" aria-hidden=\"true\">\n @for (month of monthLabels(); track month.key) {\n <span class=\"__month-label\" [style.grid-column-start]=\"month.weekIndex + 2\">{{ month.label }}</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 class=\"__grid\" role=\"img\" [attr.aria-label]=\"'@auth:profile-page.components.activity-chart.aria-label' | translate | async\">\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 <footer 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 </footer>\n</div>\n", styles: ["@layer properties;.axm-profile-activity-chart{display:block;width:100%}.axm-profile-activity-chart .__panel{width:100%;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);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);border-color:rgb(var(--ax-sys-color-border-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface))}.axm-profile-activity-chart .__header{margin-bottom:calc(var(--spacing, .25rem) * 5);display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 4)}.axm-profile-activity-chart .__title-row{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.axm-profile-activity-chart .__title{margin:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--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-profile-activity-chart .__info-icon{opacity:50%;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__context{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-light-surface))}.axm-profile-activity-chart .__stats{margin-bottom:calc(var(--spacing, .25rem) * 6);display:grid;gap:calc(var(--spacing, .25rem) * 4);grid-template-columns:repeat(2,minmax(0,1fr))}.axm-profile-activity-chart .__stat{min-width:0}.axm-profile-activity-chart .__stat dt{margin-bottom:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__stat dd{margin:0;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);color:rgb(var(--ax-sys-color-on-lightest-surface))}.axm-profile-activity-chart .__stat dd strong{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}.axm-profile-activity-chart .__heatmap-wrap{width:100%;overflow-x:auto;padding-bottom:calc(var(--spacing, .25rem) * 2)}.axm-profile-activity-chart .__month-labels{margin-bottom:calc(var(--spacing, .25rem) * 2);display:grid;width:100%;gap:var(--spacing, .25rem);grid-template-columns:1.75rem repeat(53,minmax(0,1fr))}.axm-profile-activity-chart .__month-label{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__heatmap{display:grid;width:100%;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:1.75rem 1fr;align-items:stretch}.axm-profile-activity-chart .__weekday-labels{display:grid;gap:var(--spacing, .25rem);align-self:stretch;grid-template-rows:repeat(7,1fr)}.axm-profile-activity-chart .__weekday-label{display:flex;align-items:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__grid{display:grid;width:100%;gap:var(--spacing, .25rem);grid-template-rows:repeat(7,auto);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.axm-profile-activity-chart .__cell{width:100%;border-radius:var(--radius-sm, .25rem);aspect-ratio:1}.axm-profile-activity-chart .__cell.--level-0{background:rgb(var(--ax-sys-color-dark-surface))}.axm-profile-activity-chart .__cell.--level-1{background:rgb(var(--ax-sys-color-primary-200))}.axm-profile-activity-chart .__cell.--level-2{background:rgb(var(--ax-sys-color-primary-400))}.axm-profile-activity-chart .__cell.--level-3{background:rgb(var(--ax-sys-color-primary-600))}.axm-profile-activity-chart .__cell.--level-4{background:rgb(var(--ax-sys-color-primary-800))}.axm-profile-activity-chart .__legend{margin-top:calc(var(--spacing, .25rem) * 4);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5)}.axm-profile-activity-chart .__legend-label{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__legend-cell{width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-sm, .25rem)}.axm-profile-activity-chart .__legend-cell.--level-0{background:rgb(var(--ax-sys-color-dark-surface))}.axm-profile-activity-chart .__legend-cell.--level-1{background:rgb(var(--ax-sys-color-primary-200))}.axm-profile-activity-chart .__legend-cell.--level-2{background:rgb(var(--ax-sys-color-primary-400))}.axm-profile-activity-chart .__legend-cell.--level-3{background:rgb(var(--ax-sys-color-primary-600))}.axm-profile-activity-chart .__legend-cell.--level-4{background:rgb(var(--ax-sys-color-primary-800))}@media(min-width:768px){.axm-profile-activity-chart .__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@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;}@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}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
146
|
+
], template: "<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 <span class=\"__context\">{{ '@auth:profile-page.components.activity-chart.context' | translate | async }}</span>\n </header>\n\n <dl class=\"__stats\">\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.longest-streak' | translate | async }}</dt>\n <dd>\n <strong>{{ stats().longestStreak }}</strong>\n {{ '@auth:profile-page.components.activity-chart.stats.days' | translate | async }}\n </dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.avg-day' | translate | async }}</dt>\n <dd>{{ formatCount(stats().avgPerDay) }}</dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.avg-week' | translate | async }}</dt>\n <dd>{{ formatCount(stats().avgPerWeek) }}</dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.total' | translate | async }}</dt>\n <dd>{{ formatCount(stats().total) }}</dd>\n </div>\n </dl>\n\n <div class=\"__heatmap-wrap\">\n <div class=\"__month-labels\" aria-hidden=\"true\">\n @for (month of monthLabels(); track month.key) {\n <span class=\"__month-label\" [style.grid-column-start]=\"month.weekIndex + 2\">{{ month.label }}</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 class=\"__grid\" role=\"img\" [attr.aria-label]=\"'@auth:profile-page.components.activity-chart.aria-label' | translate | async\">\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 <footer 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 </footer>\n</div>\n", styles: ["@layer properties;.axm-profile-activity-chart{display:block;width:100%}.axm-profile-activity-chart .__panel{width:100%;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);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);border-color:rgb(var(--ax-sys-color-border-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface))}.axm-profile-activity-chart .__header{margin-bottom:calc(var(--spacing, .25rem) * 5);display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 4)}.axm-profile-activity-chart .__title-row{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.axm-profile-activity-chart .__title{margin:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--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-profile-activity-chart .__info-icon{opacity:50%;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__context{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-light-surface))}.axm-profile-activity-chart .__stats{margin-bottom:calc(var(--spacing, .25rem) * 6);display:grid;gap:calc(var(--spacing, .25rem) * 4);grid-template-columns:repeat(2,minmax(0,1fr))}.axm-profile-activity-chart .__stat{min-width:0px}.axm-profile-activity-chart .__stat dt{margin-bottom:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__stat dd{margin:0;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);color:rgb(var(--ax-sys-color-on-lightest-surface))}.axm-profile-activity-chart .__stat dd strong{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}.axm-profile-activity-chart .__heatmap-wrap{width:100%;overflow-x:auto;padding-bottom:calc(var(--spacing, .25rem) * 2)}.axm-profile-activity-chart .__month-labels{margin-bottom:calc(var(--spacing, .25rem) * 2);display:grid;width:100%;gap:var(--spacing, .25rem);grid-template-columns:1.75rem repeat(53,minmax(0,1fr))}.axm-profile-activity-chart .__month-label{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__heatmap{display:grid;width:100%;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:1.75rem 1fr;align-items:stretch}.axm-profile-activity-chart .__weekday-labels{display:grid;gap:var(--spacing, .25rem);align-self:stretch;grid-template-rows:repeat(7,1fr)}.axm-profile-activity-chart .__weekday-label{display:flex;align-items:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__grid{display:grid;width:100%;gap:var(--spacing, .25rem);grid-template-rows:repeat(7,auto);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.axm-profile-activity-chart .__cell{width:100%;border-radius:var(--radius-sm, .25rem);aspect-ratio:1}.axm-profile-activity-chart .__cell.--level-0{background:rgb(var(--ax-sys-color-dark-surface))}.axm-profile-activity-chart .__cell.--level-1{background:rgb(var(--ax-sys-color-primary-200))}.axm-profile-activity-chart .__cell.--level-2{background:rgb(var(--ax-sys-color-primary-400))}.axm-profile-activity-chart .__cell.--level-3{background:rgb(var(--ax-sys-color-primary-600))}.axm-profile-activity-chart .__cell.--level-4{background:rgb(var(--ax-sys-color-primary-800))}.axm-profile-activity-chart .__legend{margin-top:calc(var(--spacing, .25rem) * 4);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5)}.axm-profile-activity-chart .__legend-label{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-profile-activity-chart .__legend-cell{width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-sm, .25rem)}.axm-profile-activity-chart .__legend-cell.--level-0{background:rgb(var(--ax-sys-color-dark-surface))}.axm-profile-activity-chart .__legend-cell.--level-1{background:rgb(var(--ax-sys-color-primary-200))}.axm-profile-activity-chart .__legend-cell.--level-2{background:rgb(var(--ax-sys-color-primary-400))}.axm-profile-activity-chart .__legend-cell.--level-3{background:rgb(var(--ax-sys-color-primary-600))}.axm-profile-activity-chart .__legend-cell.--level-4{background:rgb(var(--ax-sys-color-primary-800))}@media(min-width:768px){.axm-profile-activity-chart .__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@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;}@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}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
|
|
155
147
|
}], 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 }] }] } });
|
|
156
148
|
|
|
157
149
|
export { AXMProfileActivityChartComponent };
|
|
158
|
-
//# sourceMappingURL=acorex-platform-module-auth-client-profile-activity-chart.component-
|
|
150
|
+
//# sourceMappingURL=acorex-platform-module-auth-client-profile-activity-chart.component-CtSrYARX.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"acorex-platform-module-auth-client-profile-activity-chart.component-CtSrYARX.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 { runtimeQueryObjectData } from '@acorex-platform/framework-shared/core';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\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 AXPUserActivityLevel,\n AXPUserActivityStats,\n AXPUserActivityWeek,\n formatCompactActivityCount,\n resolveDefaultUserActivityDateRange,\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\n//#endregion\n\n//#region ---- Constants ----\n\nconst DEFAULT_USER_ACTIVITY_QUERY_KEY = 'Auth:GetUserActivity';\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, 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 weeks = signal<ActivityWeek[]>([]);\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\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 monthLabels = computed(() => {\n const labels: { key: string; label: string; weekIndex: number }[] = [];\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 label: firstDay.date.toLocaleString('en-US', { month: 'short' }),\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 if (isEmpty(userId)) {\n this.weeks.set([]);\n this.stats.set({ longestStreak: 0, avgPerDay: 0, avgPerWeek: 0, total: 0 });\n return;\n }\n\n const { startDate, endDate } = resolveDefaultUserActivityDateRange();\n const result = await this.queryService.fetch<\n { userId: string; startDate: Date; endDate: Date },\n AXPUserActivityDataSourceItem | null\n >(queryKey, { userId: userId!, startDate, endDate });\n\n const item = runtimeQueryObjectData(result);\n if (!item) {\n this.weeks.set([]);\n this.stats.set({ longestStreak: 0, avgPerDay: 0, avgPerWeek: 0, total: 0 });\n return;\n }\n\n this.weeks.set(\n item.weeks.map((week: AXPUserActivityWeek) => ({\n days: week.days.map((day) => ({\n date: new Date(day.date),\n count: day.count,\n level: day.level,\n })),\n })),\n );\n this.stats.set(item.stats);\n } finally {\n this.isLoading.set(false);\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 cellTitle(day: ActivityDay): string {\n return `${day.date.toLocaleDateString()} — ${day.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 <span class=\"__context\">{{ '@auth:profile-page.components.activity-chart.context' | translate | async }}</span>\n </header>\n\n <dl class=\"__stats\">\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.longest-streak' | translate | async }}</dt>\n <dd>\n <strong>{{ stats().longestStreak }}</strong>\n {{ '@auth:profile-page.components.activity-chart.stats.days' | translate | async }}\n </dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.avg-day' | translate | async }}</dt>\n <dd>{{ formatCount(stats().avgPerDay) }}</dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.avg-week' | translate | async }}</dt>\n <dd>{{ formatCount(stats().avgPerWeek) }}</dd>\n </div>\n <div class=\"__stat\">\n <dt>{{ '@auth:profile-page.components.activity-chart.stats.total' | translate | async }}</dt>\n <dd>{{ formatCount(stats().total) }}</dd>\n </div>\n </dl>\n\n <div class=\"__heatmap-wrap\">\n <div class=\"__month-labels\" aria-hidden=\"true\">\n @for (month of monthLabels(); track month.key) {\n <span class=\"__month-label\" [style.grid-column-start]=\"month.weekIndex + 2\">{{ month.label }}</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 class=\"__grid\" role=\"img\" [attr.aria-label]=\"'@auth:profile-page.components.activity-chart.aria-label' | translate | async\">\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 <footer 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 </footer>\n</div>\n"],"names":["i2","i3"],"mappings":"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"}
|
|
@@ -17,15 +17,15 @@ class AXPProfileComingSoonCommand {
|
|
|
17
17
|
async execute(input) {
|
|
18
18
|
const text = await this.translateService.translateAsync(input.messageKey);
|
|
19
19
|
this.toastService.show({ color: 'primary', title: text });
|
|
20
|
-
return { success: true };
|
|
20
|
+
return { success: true, kind: 'object', data: undefined };
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
23
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPProfileComingSoonCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
23
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPProfileComingSoonCommand, providedIn: 'root' }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPProfileComingSoonCommand, decorators: [{
|
|
26
26
|
type: Injectable,
|
|
27
27
|
args: [{ providedIn: 'root' }]
|
|
28
28
|
}] });
|
|
29
29
|
|
|
30
30
|
export { AXPProfileComingSoonCommand };
|
|
31
|
-
//# sourceMappingURL=acorex-platform-module-auth-client-profile-coming-soon.command-
|
|
31
|
+
//# sourceMappingURL=acorex-platform-module-auth-client-profile-coming-soon.command-Crh2GsRA.mjs.map
|
package/fesm2022/acorex-platform-module-auth-client-profile-coming-soon.command-Crh2GsRA.mjs.map
ADDED
|
@@ -0,0 +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;;;;;"}
|
|
@@ -4,11 +4,11 @@ import * as i7 from '@acorex/components/check-box';
|
|
|
4
4
|
import { AXCheckBoxModule } from '@acorex/components/check-box';
|
|
5
5
|
import * as i3 from '@acorex/components/decorators';
|
|
6
6
|
import { AXDecoratorModule } from '@acorex/components/decorators';
|
|
7
|
-
import * as
|
|
7
|
+
import * as i5 from '@acorex/core/translation';
|
|
8
8
|
import { AXTranslationModule } from '@acorex/core/translation';
|
|
9
9
|
import { AXPPageLayoutBaseComponent, AXPPageLayoutBase } from '@acorex-platform/framework-client/layout/views';
|
|
10
10
|
import { AXPCommandService } from '@acorex-platform/framework-client/runtime';
|
|
11
|
-
import * as
|
|
11
|
+
import * as i3$1 from '@angular/common';
|
|
12
12
|
import { CommonModule, AsyncPipe } from '@angular/common';
|
|
13
13
|
import * as i0 from '@angular/core';
|
|
14
14
|
import { input, inject, signal, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
@@ -22,16 +22,21 @@ class AXMProfileDeleteAccountDangerZoneComponent extends AXPPageLayoutBaseCompon
|
|
|
22
22
|
constructor() {
|
|
23
23
|
super(...arguments);
|
|
24
24
|
//#region ---- Inputs ----
|
|
25
|
-
this.rootContext = input({},
|
|
26
|
-
|
|
27
|
-
this.
|
|
25
|
+
this.rootContext = input({}, /* @ts-ignore */
|
|
26
|
+
...(ngDevMode ? [{ debugName: "rootContext" }] : /* istanbul ignore next */ []));
|
|
27
|
+
this.pageConfig = input(/* @ts-ignore */
|
|
28
|
+
...(ngDevMode ? [undefined, { debugName: "pageConfig" }] : /* istanbul ignore next */ []));
|
|
29
|
+
this.options = input({}, /* @ts-ignore */
|
|
30
|
+
...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
|
|
28
31
|
//#endregion
|
|
29
32
|
//#region ---- Services & Dependencies ----
|
|
30
33
|
this.commandService = inject(AXPCommandService);
|
|
31
34
|
//#endregion
|
|
32
35
|
//#region ---- State ----
|
|
33
|
-
this.acknowledged = signal(false,
|
|
34
|
-
|
|
36
|
+
this.acknowledged = signal(false, /* @ts-ignore */
|
|
37
|
+
...(ngDevMode ? [{ debugName: "acknowledged" }] : /* istanbul ignore next */ []));
|
|
38
|
+
this.isDeleting = signal(false, /* @ts-ignore */
|
|
39
|
+
...(ngDevMode ? [{ debugName: "isDeleting" }] : /* istanbul ignore next */ []));
|
|
35
40
|
}
|
|
36
41
|
//#endregion
|
|
37
42
|
//#region ---- UI Handlers ----
|
|
@@ -49,15 +54,15 @@ class AXMProfileDeleteAccountDangerZoneComponent extends AXPPageLayoutBaseCompon
|
|
|
49
54
|
this.isDeleting.set(false);
|
|
50
55
|
}
|
|
51
56
|
}
|
|
52
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
53
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
57
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMProfileDeleteAccountDangerZoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
58
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AXMProfileDeleteAccountDangerZoneComponent, isStandalone: true, selector: "axm-profile-delete-account-danger-zone", inputs: { rootContext: { classPropertyName: "rootContext", publicName: "rootContext", isSignal: true, isRequired: false, transformFunction: null }, pageConfig: { classPropertyName: "pageConfig", publicName: "pageConfig", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "axm-profile-delete-account-danger-zone" }, providers: [
|
|
54
59
|
{
|
|
55
60
|
provide: AXPPageLayoutBase,
|
|
56
61
|
useExisting: AXMProfileDeleteAccountDangerZoneComponent,
|
|
57
62
|
},
|
|
58
|
-
], 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.
|
|
63
|
+
], 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 }); }
|
|
59
64
|
}
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMProfileDeleteAccountDangerZoneComponent, decorators: [{
|
|
61
66
|
type: Component,
|
|
62
67
|
args: [{ selector: 'axm-profile-delete-account-danger-zone', imports: [
|
|
63
68
|
CommonModule,
|
|
@@ -72,8 +77,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
72
77
|
provide: AXPPageLayoutBase,
|
|
73
78
|
useExisting: AXMProfileDeleteAccountDangerZoneComponent,
|
|
74
79
|
},
|
|
75
|
-
], 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.
|
|
80
|
+
], 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"] }]
|
|
76
81
|
}], 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 }] }] } });
|
|
77
82
|
|
|
78
83
|
export { AXMProfileDeleteAccountDangerZoneComponent };
|
|
79
|
-
//# sourceMappingURL=acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-
|
|
84
|
+
//# sourceMappingURL=acorex-platform-module-auth-client-profile-delete-account-danger-zone.component-D0QS8joQ.mjs.map
|