@mj-biz-apps/orders-ng 5.35.0 → 5.36.0

package/dist/lib/form-panels/subscription-cancel.component.d.ts

@@ -0,0 +1,58 @@
+import { EventEmitter } from '@angular/core';
+import type { IMetadataProvider } from '@memberjunction/core';
+import { type CancelSubscriptionInput, type CancelSubscriptionOutput, type mjBizAppsOrdersSubscriptionEntity } from '@mj-biz-apps/orders-entities';
+import * as i0 from "@angular/core";
+/**
+ * What the person cancelling picks: the subscription type's own rule (`Type`, which sends no timing),
+ * or one of the two timings that override it. Only the type's own rule applies its grace period; a
+ * chosen timing ends access on the day it names.
+ */
+export type MJOCancelTiming = 'Type' | NonNullable<CancelSubscriptionInput['Timing']>;
+/**
+ * `mjo-subscription-cancel` — cancel a subscription from its form: choose when coverage ends,
+ * preview what that does, then confirm.
+ *
+ * The decision is the server's. Preview and confirm are the same `Orders.CancelSubscription` call,
+ * the first with `Preview: true`, so what the person confirms is what the operation computed, not a
+ * second calculation done here. Changing the timing or the reason throws the preview away, so a
+ * stale preview can never be confirmed.
+ *
+ * Offered only to a viewer who may update subscriptions, and only while the subscription is in a
+ * status it can be cancelled from.
+ *
+ * ```html
+ * <mjo-subscription-cancel [Record]="Record" [Provider]="provider" (Canceled)="refresh()" />
+ * ```
+ */
+export declare class MJOSubscriptionCancelComponent {
+    private readonly cdr;
+    Record: mjBizAppsOrdersSubscriptionEntity;
+    /** The provider the record was loaded through; the operation and the permission check use it. */
+    Provider: IMetadataProvider;
+    /** Emits after a confirmed cancellation, so the host can reload the record. */
+    Canceled: EventEmitter<CancelSubscriptionOutput>;
+    Open: boolean;
+    Busy: boolean;
+    Error: string | null;
+    /**
+     * The type's own rule by default, so cancelling from here means what the type says it means; an
+     * `EndOfBillingPeriod` type ends at its billing period, not the term. A timing is an override.
+     */
+    Timing: MJOCancelTiming;
+    Reason: string;
+    Preview: CancelSubscriptionOutput | null;
+    get CanCancel(): boolean;
+    /** The type's name for the default option, from the subscription's own view field. */
+    get TypeName(): string;
+    Day(value: string | null | undefined): string;
+    Start(): void;
+    Close(): void;
+    /** Any change to what would be sent makes the preview describe something else. */
+    Changed(): void;
+    RunPreview(): Promise<void>;
+    Confirm(): Promise<void>;
+    private execute;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJOSubscriptionCancelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJOSubscriptionCancelComponent, "mjo-subscription-cancel", never, { "Record": { "alias": "Record"; "required": true; }; "Provider": { "alias": "Provider"; "required": true; }; }, { "Canceled": "Canceled"; }, never, never, false, never>;
+}
+//# sourceMappingURL=subscription-cancel.component.d.ts.map

package/dist/lib/form-panels/subscription-cancel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"subscription-cancel.component.d.ts","sourceRoot":"","sources":["../../../src/lib/form-panels/subscription-cancel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,YAAY,EAAyB,MAAM,eAAe,CAAC;AAClG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAGH,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,KAAK,iCAAiC,EACzC,MAAM,8BAA8B,CAAC;;AAEtC;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,WAAW,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC,CAAC;AAKtF;;;;;;;;;;;;;;;GAeG;AACH,qBAMa,8BAA8B;IACvC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAEtB,MAAM,EAAG,iCAAiC,CAAC;IACtE,iGAAiG;IACtE,QAAQ,EAAG,iBAAiB,CAAC;IACxD,+EAA+E;IACrE,QAAQ,yCAAgD;IAE3D,IAAI,UAAS;IACb,IAAI,UAAS;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IACnC;;;OAGG;IACI,MAAM,EAAE,eAAe,CAAU;IACjC,MAAM,SAAM;IACZ,OAAO,EAAE,wBAAwB,GAAG,IAAI,CAAQ;IAEvD,IAAW,SAAS,IAAI,OAAO,CAI9B;IAED,sFAAsF;IACtF,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAEM,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM;IAI7C,KAAK,IAAI,IAAI;IAQb,KAAK,IAAI,IAAI;IAQpB,kFAAkF;IAC3E,OAAO,IAAI,IAAI;IAKT,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAK3B,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;YAQvB,OAAO;yCAtEZ,8BAA8B;2CAA9B,8BAA8B;CA4F1C"}

package/dist/lib/form-panels/subscription-cancel.component.js

@@ -0,0 +1,303 @@
+import { ChangeDetectorRef, Component, EventEmitter, Input, Output, inject } from '@angular/core';
+import { OrdersCancelSubscriptionOperation, ToISODate, } from '@mj-biz-apps/orders-entities';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-ui-components";
+import * as i3 from "../panels/money-format.js";
+const _c0 = () => ({ Zero: "None" });
+function MJOSubscriptionCancelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 0)(1, "button", 2);
+    i0.ɵɵlistener("click", function MJOSubscriptionCancelComponent_Conditional_0_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Start()); });
+    i0.ɵɵelement(2, "i", 3);
+    i0.ɵɵtext(3, " Cancel subscription ");
+    i0.ɵɵelementEnd()();
+} }
+function MJOSubscriptionCancelComponent_Conditional_1_Conditional_31_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "dt");
+    i0.ɵɵtext(2, "Later terms canceled");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "dd");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.Preview == null ? null : ctx_r1.Preview.LaterTerms == null ? null : ctx_r1.Preview.LaterTerms.length);
+} }
+function MJOSubscriptionCancelComponent_Conditional_1_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "dl", 18)(1, "div")(2, "dt");
+    i0.ɵɵtext(3, "Coverage ends");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "dd");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div")(7, "dt");
+    i0.ɵɵtext(8, "Access ends");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "dd");
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div")(12, "dt");
+    i0.ɵɵtext(13, "Refund");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "dd");
+    i0.ɵɵtext(15);
+    i0.ɵɵpipe(16, "mjoMoney");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(17, MJOSubscriptionCancelComponent_Conditional_1_Conditional_31_Conditional_17_Template, 5, 1, "div");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "p", 19);
+    i0.ɵɵtext(19);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const d_r4 = ctx;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.Day(d_r4.EffectiveDate));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.Day(d_r4.AccessThroughDate));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(16, 5, (ctx_r1.Preview == null ? null : ctx_r1.Preview.TotalRefundAmount) ?? d_r4.RefundAmount, i0.ɵɵpureFunction0(8, _c0)));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((ctx_r1.Preview == null ? null : ctx_r1.Preview.LaterTerms == null ? null : ctx_r1.Preview.LaterTerms.length) ? 17 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate((ctx_r1.Preview == null ? null : ctx_r1.Preview.Message) || d_r4.Explanation);
+} }
+function MJOSubscriptionCancelComponent_Conditional_1_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 13);
+    i0.ɵɵelement(1, "i", 20);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.Error);
+} }
+function MJOSubscriptionCancelComponent_Conditional_1_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 21);
+    i0.ɵɵlistener("click", function MJOSubscriptionCancelComponent_Conditional_1_Conditional_36_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.Confirm()); });
+    i0.ɵɵtext(1, "Confirm cancellation");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r1.Busy);
+} }
+function MJOSubscriptionCancelComponent_Conditional_1_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 22);
+    i0.ɵɵlistener("click", function MJOSubscriptionCancelComponent_Conditional_1_Conditional_37_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.RunPreview()); });
+    i0.ɵɵtext(1, "Preview");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r1.Busy);
+} }
+function MJOSubscriptionCancelComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "section", 1)(1, "h2", 4);
+    i0.ɵɵtext(2, "Cancel subscription");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "fieldset", 5)(4, "legend");
+    i0.ɵɵtext(5, "When does access end?");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "label", 6)(7, "input", 7);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJOSubscriptionCancelComponent_Conditional_1_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Timing, $event) || (ctx_r1.Timing = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function MJOSubscriptionCancelComponent_Conditional_1_Template_input_ngModelChange_7_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Changed()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span")(9, "strong");
+    i0.ɵɵtext(10, "As the subscription type sets it");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "span", 8);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(13, "label", 6)(14, "input", 9);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJOSubscriptionCancelComponent_Conditional_1_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Timing, $event) || (ctx_r1.Timing = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function MJOSubscriptionCancelComponent_Conditional_1_Template_input_ngModelChange_14_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Changed()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "span")(16, "strong");
+    i0.ɵɵtext(17, "At the end of the term instead");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "span", 8);
+    i0.ɵɵtext(19, "Access runs to the last day of what was paid for, with no grace period. It does not renew.");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(20, "label", 6)(21, "input", 10);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJOSubscriptionCancelComponent_Conditional_1_Template_input_ngModelChange_21_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Timing, $event) || (ctx_r1.Timing = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function MJOSubscriptionCancelComponent_Conditional_1_Template_input_ngModelChange_21_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Changed()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "span")(23, "strong");
+    i0.ɵɵtext(24, "Immediately instead");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "span", 8);
+    i0.ɵɵtext(26, "Coverage and access end today. Any refund follows the subscription type's refund rule; give other money back from the payment's Refund page.");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(27, "label", 11)(28, "span");
+    i0.ɵɵtext(29, "Reason");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "textarea", 12);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJOSubscriptionCancelComponent_Conditional_1_Template_textarea_ngModelChange_30_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Reason, $event) || (ctx_r1.Reason = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function MJOSubscriptionCancelComponent_Conditional_1_Template_textarea_ngModelChange_30_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Changed()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(31, MJOSubscriptionCancelComponent_Conditional_1_Conditional_31_Template, 20, 9);
+    i0.ɵɵconditionalCreate(32, MJOSubscriptionCancelComponent_Conditional_1_Conditional_32_Template, 3, 1, "p", 13);
+    i0.ɵɵelementStart(33, "div", 14)(34, "button", 15);
+    i0.ɵɵlistener("click", function MJOSubscriptionCancelComponent_Conditional_1_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Close()); });
+    i0.ɵɵtext(35, "Keep subscription");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(36, MJOSubscriptionCancelComponent_Conditional_1_Conditional_36_Template, 2, 1, "button", 16)(37, MJOSubscriptionCancelComponent_Conditional_1_Conditional_37_Template, 2, 1, "button", 17);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    let tmp_8_0;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.Busy);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Timing);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("", ctx_r1.TypeName, "'s cancellation rule and grace period decide when coverage and access end. Preview shows the dates.");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Timing);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Timing);
+    i0.ɵɵadvance(9);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Reason);
+    i0.ɵɵproperty("disabled", ctx_r1.Busy);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((tmp_8_0 = ctx_r1.Preview == null ? null : ctx_r1.Preview.Decision) ? 31 : -1, tmp_8_0);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Error ? 32 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.Busy);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.Preview ? 36 : 37);
+} }
+/** Statuses a subscription can be cancelled from. The operation refuses `Canceled` itself. */
+const CANCELLABLE_STATUSES = new Set(['Active', 'Trialing', 'Paused']);
+/**
+ * `mjo-subscription-cancel` — cancel a subscription from its form: choose when coverage ends,
+ * preview what that does, then confirm.
+ *
+ * The decision is the server's. Preview and confirm are the same `Orders.CancelSubscription` call,
+ * the first with `Preview: true`, so what the person confirms is what the operation computed, not a
+ * second calculation done here. Changing the timing or the reason throws the preview away, so a
+ * stale preview can never be confirmed.
+ *
+ * Offered only to a viewer who may update subscriptions, and only while the subscription is in a
+ * status it can be cancelled from.
+ *
+ * ```html
+ * <mjo-subscription-cancel [Record]="Record" [Provider]="provider" (Canceled)="refresh()" />
+ * ```
+ */
+export class MJOSubscriptionCancelComponent {
+    cdr = inject(ChangeDetectorRef);
+    Record;
+    /** The provider the record was loaded through; the operation and the permission check use it. */
+    Provider;
+    /** Emits after a confirmed cancellation, so the host can reload the record. */
+    Canceled = new EventEmitter();
+    Open = false;
+    Busy = false;
+    Error = null;
+    /**
+     * The type's own rule by default, so cancelling from here means what the type says it means; an
+     * `EndOfBillingPeriod` type ends at its billing period, not the term. A timing is an override.
+     */
+    Timing = 'Type';
+    Reason = '';
+    Preview = null;
+    get CanCancel() {
+        if (!this.Record?.IsSaved || !CANCELLABLE_STATUSES.has(this.Record.Status))
+            return false;
+        const user = this.Provider?.CurrentUser;
+        return !!user && this.Record.EntityInfo.GetUserPermisions(user).CanUpdate;
+    }
+    /** The type's name for the default option, from the subscription's own view field. */
+    get TypeName() {
+        return this.Record?.SubscriptionType || 'the subscription type';
+    }
+    Day(value) {
+        return ToISODate(value) ?? '—';
+    }
+    Start() {
+        this.Open = true;
+        this.Timing = 'Type';
+        this.Reason = '';
+        this.Preview = null;
+        this.Error = null;
+    }
+    Close() {
+        this.Open = false;
+        this.Timing = 'Type';
+        this.Reason = '';
+        this.Preview = null;
+        this.Error = null;
+    }
+    /** Any change to what would be sent makes the preview describe something else. */
+    Changed() {
+        this.Preview = null;
+        this.Error = null;
+    }
+    async RunPreview() {
+        const output = await this.execute(true);
+        if (output)
+            this.Preview = output;
+    }
+    async Confirm() {
+        if (!this.Preview)
+            return;
+        const output = await this.execute(false);
+        if (!output)
+            return;
+        this.Close();
+        this.Canceled.emit(output);
+    }
+    async execute(preview) {
+        this.Busy = true;
+        this.Error = null;
+        try {
+            const result = await new OrdersCancelSubscriptionOperation().Execute({
+                SubscriptionID: this.Record.ID,
+                Timing: this.Timing === 'Type' ? undefined : this.Timing,
+                Reason: this.Reason.trim() || undefined,
+                Preview: preview,
+            }, { provider: this.Provider });
+            if (!result.Success || !result.Output?.Success) {
+                throw new Error(result.Output?.Message ?? result.ErrorMessage ?? 'The cancellation failed.');
+            }
+            return result.Output;
+        }
+        catch (err) {
+            this.Error = err instanceof Error ? err.message : String(err);
+            return null;
+        }
+        finally {
+            this.Busy = false;
+            this.cdr.detectChanges();
+        }
+    }
+    static ɵfac = function MJOSubscriptionCancelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOSubscriptionCancelComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOSubscriptionCancelComponent, selectors: [["mjo-subscription-cancel"]], inputs: { Record: "Record", Provider: "Provider" }, outputs: { Canceled: "Canceled" }, standalone: false, decls: 2, vars: 2, consts: [[1, "mjo-sc-toolbar"], ["aria-labelledby", "mjo-sc-title", 1, "mjo-sc"], ["type", "button", "mjButton", "", "variant", "outline", "size", "sm", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-ban"], ["id", "mjo-sc-title", 1, "mjo-sc__title"], [1, "mjo-sc__timing", 3, "disabled"], [1, "mjo-sc__option"], ["type", "radio", "name", "timing", "value", "Type", 3, "ngModelChange", "ngModel"], [1, "mjo-sc__hint"], ["type", "radio", "name", "timing", "value", "EndOfTerm", 3, "ngModelChange", "ngModel"], ["type", "radio", "name", "timing", "value", "Immediate", 3, "ngModelChange", "ngModel"], [1, "mjo-sc__field"], ["name", "reason", "rows", "2", "maxlength", "1000", 3, "ngModelChange", "ngModel", "disabled"], ["role", "alert", 1, "mjo-sc__error"], [1, "mjo-sc__actions"], ["type", "button", "mjButton", "", "variant", "flat", "size", "sm", 3, "click", "disabled"], ["type", "button", "mjButton", "", "variant", "danger", "size", "sm", 3, "disabled"], ["type", "button", "mjButton", "", "variant", "primary", "size", "sm", 3, "disabled"], ["aria-live", "polite", 1, "mjo-sc__preview"], [1, "mjo-sc__explain"], ["aria-hidden", "true", 1, "fa-solid", "fa-triangle-exclamation"], ["type", "button", "mjButton", "", "variant", "danger", "size", "sm", 3, "click", "disabled"], ["type", "button", "mjButton", "", "variant", "primary", "size", "sm", 3, "click", "disabled"]], template: function MJOSubscriptionCancelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, MJOSubscriptionCancelComponent_Conditional_0_Template, 4, 0, "div", 0);
+            i0.ɵɵconditionalCreate(1, MJOSubscriptionCancelComponent_Conditional_1_Template, 38, 11, "section", 1);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.CanCancel && !ctx.Open ? 0 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Open ? 1 : -1);
+        } }, dependencies: [i1.DefaultValueAccessor, i1.RadioControlValueAccessor, i1.NgControlStatus, i1.MaxLengthValidator, i1.NgModel, i2.MJButtonDirective, i3.MJOMoneyPipe], styles: [".mjo-sc-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n}\n\n.mjo-sc[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-3);\n    padding: var(--mj-space-4);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface);\n}\n\n.mjo-sc__title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-base);\n    font-weight: 600;\n}\n\n.mjo-sc__timing[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-2);\n    margin: 0;\n    padding: 0;\n    border: none;\n}\n\n.mjo-sc__timing[_ngcontent-%COMP%]   legend[_ngcontent-%COMP%] {\n    margin-bottom: var(--mj-space-1);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-muted);\n}\n\n.mjo-sc__option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--mj-space-2);\n    cursor: pointer;\n}\n\n.mjo-sc__option[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-1);\n}\n\n.mjo-sc__hint[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-sc__field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-1);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-muted);\n}\n\n.mjo-sc__preview[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));\n    gap: var(--mj-space-3);\n    margin: 0;\n}\n\n.mjo-sc__preview[_ngcontent-%COMP%]   dt[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-sc__preview[_ngcontent-%COMP%]   dd[_ngcontent-%COMP%] {\n    margin: 0;\n    font-weight: 600;\n}\n\n.mjo-sc__explain[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-sc__error[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-status-error-text);\n}\n\n.mjo-sc__actions[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--mj-space-2);\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOSubscriptionCancelComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mjo-subscription-cancel', template: "@if (CanCancel && !Open) {\n    <div class=\"mjo-sc-toolbar\">\n        <button type=\"button\" mjButton variant=\"outline\" size=\"sm\" (click)=\"Start()\">\n            <i class=\"fa-solid fa-ban\" aria-hidden=\"true\"></i> Cancel subscription\n        </button>\n    </div>\n}\n@if (Open) {\n    <section class=\"mjo-sc\" aria-labelledby=\"mjo-sc-title\">\n        <h2 id=\"mjo-sc-title\" class=\"mjo-sc__title\">Cancel subscription</h2>\n        <fieldset class=\"mjo-sc__timing\" [disabled]=\"Busy\">\n            <legend>When does access end?</legend>\n            <label class=\"mjo-sc__option\">\n                <input type=\"radio\" name=\"timing\" value=\"Type\" [(ngModel)]=\"Timing\" (ngModelChange)=\"Changed()\" />\n                <span>\n                    <strong>As the subscription type sets it</strong>\n                    <span class=\"mjo-sc__hint\">{{ TypeName }}'s cancellation rule and grace period decide when coverage and access end. Preview shows the dates.</span>\n                </span>\n            </label>\n            <label class=\"mjo-sc__option\">\n                <input type=\"radio\" name=\"timing\" value=\"EndOfTerm\" [(ngModel)]=\"Timing\" (ngModelChange)=\"Changed()\" />\n                <span>\n                    <strong>At the end of the term instead</strong>\n                    <span class=\"mjo-sc__hint\">Access runs to the last day of what was paid for, with no grace period. It does not renew.</span>\n                </span>\n            </label>\n            <label class=\"mjo-sc__option\">\n                <input type=\"radio\" name=\"timing\" value=\"Immediate\" [(ngModel)]=\"Timing\" (ngModelChange)=\"Changed()\" />\n                <span>\n                    <strong>Immediately instead</strong>\n                    <span class=\"mjo-sc__hint\">Coverage and access end today. Any refund follows the subscription type's refund rule; give other money back from the payment's Refund page.</span>\n                </span>\n            </label>\n        </fieldset>\n        <label class=\"mjo-sc__field\">\n            <span>Reason</span>\n            <textarea name=\"reason\" rows=\"2\" maxlength=\"1000\" [(ngModel)]=\"Reason\" (ngModelChange)=\"Changed()\" [disabled]=\"Busy\"></textarea>\n        </label>\n\n        @if (Preview?.Decision; as d) {\n            <dl class=\"mjo-sc__preview\" aria-live=\"polite\">\n                <div><dt>Coverage ends</dt><dd>{{ Day(d.EffectiveDate) }}</dd></div>\n                <div><dt>Access ends</dt><dd>{{ Day(d.AccessThroughDate) }}</dd></div>\n                <div><dt>Refund</dt><dd>{{ Preview?.TotalRefundAmount ?? d.RefundAmount | mjoMoney: { Zero: 'None' } }}</dd></div>\n                @if (Preview?.LaterTerms?.length) {\n                    <div><dt>Later terms canceled</dt><dd>{{ Preview?.LaterTerms?.length }}</dd></div>\n                }\n            </dl>\n            <p class=\"mjo-sc__explain\">{{ Preview?.Message || d.Explanation }}</p>\n        }\n\n        @if (Error) {\n            <p class=\"mjo-sc__error\" role=\"alert\"><i class=\"fa-solid fa-triangle-exclamation\" aria-hidden=\"true\"></i> {{ Error }}</p>\n        }\n\n        <div class=\"mjo-sc__actions\">\n            <button type=\"button\" mjButton variant=\"flat\" size=\"sm\" (click)=\"Close()\" [disabled]=\"Busy\">Keep subscription</button>\n            @if (Preview) {\n                <button type=\"button\" mjButton variant=\"danger\" size=\"sm\" (click)=\"Confirm()\" [disabled]=\"Busy\">Confirm cancellation</button>\n            } @else {\n                <button type=\"button\" mjButton variant=\"primary\" size=\"sm\" (click)=\"RunPreview()\" [disabled]=\"Busy\">Preview</button>\n            }\n        </div>\n    </section>\n}\n", styles: [".mjo-sc-toolbar {\n    display: flex;\n    justify-content: flex-end;\n}\n\n.mjo-sc {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-3);\n    padding: var(--mj-space-4);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface);\n}\n\n.mjo-sc__title {\n    margin: 0;\n    font-size: var(--mj-text-base);\n    font-weight: 600;\n}\n\n.mjo-sc__timing {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-2);\n    margin: 0;\n    padding: 0;\n    border: none;\n}\n\n.mjo-sc__timing legend {\n    margin-bottom: var(--mj-space-1);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-muted);\n}\n\n.mjo-sc__option {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--mj-space-2);\n    cursor: pointer;\n}\n\n.mjo-sc__option > span {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-1);\n}\n\n.mjo-sc__hint {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-sc__field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-1);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-muted);\n}\n\n.mjo-sc__preview {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));\n    gap: var(--mj-space-3);\n    margin: 0;\n}\n\n.mjo-sc__preview dt {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-sc__preview dd {\n    margin: 0;\n    font-weight: 600;\n}\n\n.mjo-sc__explain {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-sc__error {\n    margin: 0;\n    color: var(--mj-status-error-text);\n}\n\n.mjo-sc__actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--mj-space-2);\n}\n"] }]
+    }], null, { Record: [{
+            type: Input,
+            args: [{ required: true }]
+        }], Provider: [{
+            type: Input,
+            args: [{ required: true }]
+        }], Canceled: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOSubscriptionCancelComponent, { className: "MJOSubscriptionCancelComponent", filePath: "lib/form-panels/subscription-cancel.component.ts", lineNumber: 43 }); })();
+//# sourceMappingURL=subscription-cancel.component.js.map

package/dist/lib/form-panels/subscription-cancel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subscription-cancel.component.js","sourceRoot":"","sources":["../../../src/lib/form-panels/subscription-cancel.component.ts","../../../src/lib/form-panels/subscription-cancel.component.html"],"names":[],"mappings":"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"}

package/dist/lib/form-panels/subscription-header.panel.d.ts

@@ -17,6 +17,13 @@ export declare class SubscriptionHeaderPanel extends BaseFormPanel<mjBizAppsOrde
     get StatusClass(): string;
     get AutoRenewClass(): string;
     get Coverage(): string;
+    /**
+     * A confirmed cancellation rewrote the status, end date and auto-renew, and the terms, grants and
+     * events beside them. `RefreshRecord()` reloads the record and tells every panel through
+     * `OnRecordRefreshed`, so the Overview cards update too; when it declines (edit mode) the record is
+     * re-read directly so this header at least shows the cancellation.
+     */
+    OnCanceled(): Promise<void>;
     get Holder(): string;
     get Beneficiary(): string;
     /**

package/dist/lib/form-panels/subscription-header.panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"subscription-header.panel.d.ts","sourceRoot":"","sources":["../../../src/lib/form-panels/subscription-header.panel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,8BAA8B,CAAC;;AAYtF;;GAEG;AACH,qBAea,uBAAwB,SAAQ,aAAa,CAAC,iCAAiC,CAAC;IACzF;;;;OAIG;IACH,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,YAAY,CAA4B;IAEhD,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,cAAc,IAAI,MAAM,CAElC;IAED,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED;;;;;;;;;;;OAWG;IACH,IAAW,YAAY,IAAI,kBAAkB,EAAE,CAkB9C;yCA/DQ,uBAAuB;2CAAvB,uBAAuB;CAgEnC"}
+{"version":3,"file":"subscription-header.panel.d.ts","sourceRoot":"","sources":["../../../src/lib/form-panels/subscription-header.panel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,8BAA8B,CAAC;;AAYtF;;GAEG;AACH,qBAea,uBAAwB,SAAQ,aAAa,CAAC,iCAAiC,CAAC;IACzF;;;;OAIG;IACH,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,YAAY,CAA4B;IAEhD,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,cAAc,IAAI,MAAM,CAElC;IAED,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED;;;;;OAKG;IACU,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAMxC,IAAW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED;;;;;;;;;;;OAWG;IACH,IAAW,YAAY,IAAI,kBAAkB,EAAE,CAkB9C;yCA3EQ,uBAAuB;2CAAvB,uBAAuB;CA4EnC"}

package/dist/lib/form-panels/subscription-header.panel.js

@@ -11,6 +11,7 @@ import { MJO_ENTITIES } from '../data/entity-names.js';
 import { FormatCoverageWindow, SubscriptionStatusChipClass } from './document-form.helpers.js';
 import * as i0 from "@angular/core";
 import * as i1 from "@mj-biz-apps/common-ng";
+import * as i2 from "./subscription-cancel.component.js";
 function SubscriptionHeaderPanel_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
@@ -59,6 +60,18 @@ let SubscriptionHeaderPanel = class SubscriptionHeaderPanel extends BaseFormPane
     get Coverage() {
         return FormatCoverageWindow(this.Record.StartDate, this.Record.EndDate);
     }
+    /**
+     * A confirmed cancellation rewrote the status, end date and auto-renew, and the terms, grants and
+     * events beside them. `RefreshRecord()` reloads the record and tells every panel through
+     * `OnRecordRefreshed`, so the Overview cards update too; when it declines (edit mode) the record is
+     * re-read directly so this header at least shows the cancellation.
+     */
+    async OnCanceled() {
+        const refreshed = await this.FormComponent.RefreshRecord();
+        if (!refreshed)
+            await this.Record.Refresh();
+        this.FormComponent.cdr.detectChanges();
+    }
     get Holder() {
         return this.Record.HolderOrganization || '—';
     }
@@ -97,7 +110,7 @@ let SubscriptionHeaderPanel = class SubscriptionHeaderPanel extends BaseFormPane
         return this.relatedLinks;
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵSubscriptionHeaderPanel_BaseFactory; return function SubscriptionHeaderPanel_Factory(__ngFactoryType__) { return (ɵSubscriptionHeaderPanel_BaseFactory || (ɵSubscriptionHeaderPanel_BaseFactory = i0.ɵɵgetInheritedFactory(SubscriptionHeaderPanel)))(__ngFactoryType__ || SubscriptionHeaderPanel); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscriptionHeaderPanel, selectors: [["mjo-subscription-header-panel"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 32, vars: 14, consts: [[1, "mjo-doc-hero"], [1, "mjo-doc-hero__identity"], [1, "mjo-doc-hero__avatar"], ["aria-hidden", "true", 1, "fa-solid", "fa-arrows-rotate"], [1, "mjo-doc-hero__copy"], [1, "mjo-doc-hero__title-row"], [1, "mjo-doc-hero__title"], [1, "mjo-doc-hero__meta"], [3, "Navigate", "Links", "Provider"], [1, "mjo-doc-hero__stats"], [1, "mjo-doc-stat"], [1, "mjo-doc-stat__label"], [1, "mjo-doc-stat__value"]], template: function SubscriptionHeaderPanel_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscriptionHeaderPanel, selectors: [["mjo-subscription-header-panel"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 33, vars: 16, consts: [[1, "mjo-doc-hero"], [1, "mjo-doc-hero__identity"], [1, "mjo-doc-hero__avatar"], ["aria-hidden", "true", 1, "fa-solid", "fa-arrows-rotate"], [1, "mjo-doc-hero__copy"], [1, "mjo-doc-hero__title-row"], [1, "mjo-doc-hero__title"], [1, "mjo-doc-hero__meta"], [3, "Navigate", "Links", "Provider"], [1, "mjo-doc-hero__stats"], [1, "mjo-doc-stat"], [1, "mjo-doc-stat__label"], [1, "mjo-doc-stat__value"], [3, "Canceled", "Record", "Provider"]], template: function SubscriptionHeaderPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
             i0.ɵɵelement(3, "i", 3);
             i0.ɵɵelementEnd();
@@ -133,7 +146,10 @@ let SubscriptionHeaderPanel = class SubscriptionHeaderPanel extends BaseFormPane
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(30, "span", 12);
             i0.ɵɵtext(31);
-            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(32, "mjo-subscription-cancel", 13);
+            i0.ɵɵlistener("Canceled", function SubscriptionHeaderPanel_Template_mjo_subscription_cancel_Canceled_32_listener() { return ctx.OnCanceled(); });
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance(7);
             i0.ɵɵtextInterpolate(ctx.Title);
@@ -157,7 +173,9 @@ let SubscriptionHeaderPanel = class SubscriptionHeaderPanel extends BaseFormPane
             i0.ɵɵtextInterpolate(ctx.Holder);
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate(ctx.Beneficiary);
-        } }, dependencies: [i1.RelatedChipsComponent], styles: [".mjo-doc-hero[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar[_ngcontent-%COMP%] {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy[_ngcontent-%COMP%] {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error[_ngcontent-%COMP%] {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info[_ngcontent-%COMP%] {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%] {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b[_ngcontent-%COMP%] {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note[_ngcontent-%COMP%] {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l[_ngcontent-%COMP%] {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: 0;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty[_ngcontent-%COMP%] {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov[_ngcontent-%COMP%], \n   .mjo-ov-facts[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide[_ngcontent-%COMP%] {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n\n\n\n.mjo-doc-hero__edit[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field[_ngcontent-%COMP%] {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n\n\n\n.mjo-doc-hero__field[_ngcontent-%COMP%]     .mj-forms-field {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 4px;\n    padding: 0;\n}\n\n.mjo-doc-hero__field[_ngcontent-%COMP%]     .mj-forms-field-label {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-hero__field[_ngcontent-%COMP%]     .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field[_ngcontent-%COMP%]     .mj-forms-field-control {\n    width: 100%;\n}"] });
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Record", ctx.Record)("Provider", ctx.FormComponent.ProviderToUse);
+        } }, dependencies: [i1.RelatedChipsComponent, i2.MJOSubscriptionCancelComponent], styles: [".mjo-doc-hero[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar[_ngcontent-%COMP%] {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy[_ngcontent-%COMP%] {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error[_ngcontent-%COMP%] {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info[_ngcontent-%COMP%] {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%] {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b[_ngcontent-%COMP%] {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note[_ngcontent-%COMP%] {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l[_ngcontent-%COMP%] {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: 0;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty[_ngcontent-%COMP%] {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov[_ngcontent-%COMP%], \n   .mjo-ov-facts[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide[_ngcontent-%COMP%] {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n\n\n\n.mjo-doc-hero__edit[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field[_ngcontent-%COMP%] {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n\n\n\n.mjo-doc-hero__field[_ngcontent-%COMP%]     .mj-forms-field {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 4px;\n    padding: 0;\n}\n\n.mjo-doc-hero__field[_ngcontent-%COMP%]     .mj-forms-field-label {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-hero__field[_ngcontent-%COMP%]     .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field[_ngcontent-%COMP%]     .mj-forms-field-control {\n    width: 100%;\n}"] });
 };
 SubscriptionHeaderPanel = __decorate([
     RegisterClassEx(BaseFormPanel, {
@@ -173,7 +191,7 @@ SubscriptionHeaderPanel = __decorate([
 export { SubscriptionHeaderPanel };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscriptionHeaderPanel, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mjo-subscription-header-panel', template: "<div class=\"mjo-doc-hero\">\n    <div class=\"mjo-doc-hero__identity\">\n        <div class=\"mjo-doc-hero__avatar\">\n            <i class=\"fa-solid fa-arrows-rotate\" aria-hidden=\"true\"></i>\n        </div>\n        <div class=\"mjo-doc-hero__copy\">\n            <div class=\"mjo-doc-hero__title-row\">\n                <h1 class=\"mjo-doc-hero__title\">{{ Title }}</h1>\n                <span [class]=\"StatusClass\">{{ Record.Status || 'Active' }}</span>\n                <span [class]=\"AutoRenewClass\">\n                    <i class=\"fa-solid fa-arrows-rotate\" aria-hidden=\"true\"></i>\n                    {{ Record.AutoRenew ? 'Auto-renews' : 'Manual renewal' }}\n                </span>\n            </div>\n            <div class=\"mjo-doc-hero__meta\">\n                <span>Coverage: <strong>{{ Coverage }}</strong></span>\n                @if (Record.Product) {\n                    <span>{{ Record.Product }}</span>\n                }\n                @if (Record.Company) {\n                    <span>{{ Record.Company }}</span>\n                }\n            </div>\n            <bizapps-related-chips\n                [Links]=\"RelatedLinks\"\n                [Provider]=\"FormComponent.ProviderToUse\"\n                (Navigate)=\"FormComponent.OnFormNavigate($event)\" />\n        </div>\n    </div>\n    <div class=\"mjo-doc-hero__stats\">\n        <div class=\"mjo-doc-stat\">\n            <span class=\"mjo-doc-stat__label\">Holder</span>\n            <span class=\"mjo-doc-stat__value\">{{ Holder }}</span>\n        </div>\n        <div class=\"mjo-doc-stat\">\n            <span class=\"mjo-doc-stat__label\">Beneficiary</span>\n            <span class=\"mjo-doc-stat__value\">{{ Beneficiary }}</span>\n        </div>\n    </div>\n</div>\n", styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n/* mj-form-field is display: contents \u2014 its label and control would otherwise\n   become direct children of this grid. Each field sits in a wrapping cell. */\n.mjo-doc-hero__edit {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span {\n    grid-column: 1 / -1;\n}\n\n/* Label above the control. The shared field is a 200px | 1fr row, which needs\n   ~28rem per field \u2014 far more than a hero column gets. */\n.mjo-doc-hero__field ::ng-deep .mj-forms-field {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 4px;\n    padding: 0;\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field-label {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field-control {\n    width: 100%;\n}\n"] }]
+        args: [{ standalone: false, selector: 'mjo-subscription-header-panel', template: "<div class=\"mjo-doc-hero\">\n    <div class=\"mjo-doc-hero__identity\">\n        <div class=\"mjo-doc-hero__avatar\">\n            <i class=\"fa-solid fa-arrows-rotate\" aria-hidden=\"true\"></i>\n        </div>\n        <div class=\"mjo-doc-hero__copy\">\n            <div class=\"mjo-doc-hero__title-row\">\n                <h1 class=\"mjo-doc-hero__title\">{{ Title }}</h1>\n                <span [class]=\"StatusClass\">{{ Record.Status || 'Active' }}</span>\n                <span [class]=\"AutoRenewClass\">\n                    <i class=\"fa-solid fa-arrows-rotate\" aria-hidden=\"true\"></i>\n                    {{ Record.AutoRenew ? 'Auto-renews' : 'Manual renewal' }}\n                </span>\n            </div>\n            <div class=\"mjo-doc-hero__meta\">\n                <span>Coverage: <strong>{{ Coverage }}</strong></span>\n                @if (Record.Product) {\n                    <span>{{ Record.Product }}</span>\n                }\n                @if (Record.Company) {\n                    <span>{{ Record.Company }}</span>\n                }\n            </div>\n            <bizapps-related-chips\n                [Links]=\"RelatedLinks\"\n                [Provider]=\"FormComponent.ProviderToUse\"\n                (Navigate)=\"FormComponent.OnFormNavigate($event)\" />\n        </div>\n    </div>\n    <div class=\"mjo-doc-hero__stats\">\n        <div class=\"mjo-doc-stat\">\n            <span class=\"mjo-doc-stat__label\">Holder</span>\n            <span class=\"mjo-doc-stat__value\">{{ Holder }}</span>\n        </div>\n        <div class=\"mjo-doc-stat\">\n            <span class=\"mjo-doc-stat__label\">Beneficiary</span>\n            <span class=\"mjo-doc-stat__value\">{{ Beneficiary }}</span>\n        </div>\n    </div>\n    <mjo-subscription-cancel\n        [Record]=\"Record\"\n        [Provider]=\"FormComponent.ProviderToUse\"\n        (Canceled)=\"OnCanceled()\" />\n</div>\n", styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n/* mj-form-field is display: contents \u2014 its label and control would otherwise\n   become direct children of this grid. Each field sits in a wrapping cell. */\n.mjo-doc-hero__edit {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span {\n    grid-column: 1 / -1;\n}\n\n/* Label above the control. The shared field is a 200px | 1fr row, which needs\n   ~28rem per field \u2014 far more than a hero column gets. */\n.mjo-doc-hero__field ::ng-deep .mj-forms-field {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 4px;\n    padding: 0;\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field-label {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field-control {\n    width: 100%;\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubscriptionHeaderPanel, { className: "SubscriptionHeaderPanel", filePath: "lib/form-panels/subscription-header.panel.ts", lineNumber: 35 }); })();
 //# sourceMappingURL=subscription-header.panel.js.map

package/dist/lib/form-panels/subscription-header.panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"subscription-header.panel.js","sourceRoot":"","sources":["../../../src/lib/form-panels/subscription-header.panel.ts","../../../src/lib/form-panels/subscription-header.panel.html"],"names":[],"mappings":"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"}
+{"version":3,"file":"subscription-header.panel.js","sourceRoot":"","sources":["../../../src/lib/form-panels/subscription-header.panel.ts","../../../src/lib/form-panels/subscription-header.panel.html"],"names":[],"mappings":"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"}

package/dist/lib/pages/orders/order-document.page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"order-document.page.d.ts","sourceRoot":"","sources":["../../../../src/lib/pages/orders/order-document.page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,MAAM,EAAU,MAAM,eAAe,CAAC;AAMpF,OAAO,EAA+B,KAAK,gCAAgC,EAAE,KAAK,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;;AAGvJ,2BAA2B;AAC3B,MAAM,WAAW,SAAS;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAwOa,6BAA8B,YAAW,MAAM;IACxD;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAEjD,6BAA6B;IACpB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEvC,wCAAwC;IAC/B,MAAM,EAAE,SAAS,CAAkC;IAErD,KAAK,EAAE,gCAAgC,GAAG,IAAI,CAAQ;IACtD,KAAK,EAAE,8BAA8B,EAAE,CAAM;IACpD,SAAgB,KAAK,SAAW;IAEnB,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQtC,2EAA2E;IAC3E,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,2FAA2F;IAC3F,IAAW,iBAAiB,IAAI,MAAM,GAAG,IAAI,CAE5C;IAED,IAAW,MAAM,IAAI,OAAO,CAE3B;IAED,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM;IAItC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM;IAIvC,SAAS,CAAC,KAAK,IAAI,IAAI;yCAtEd,6BAA6B;2CAA7B,6BAA6B;CAyEzC"}
+{"version":3,"file":"order-document.page.d.ts","sourceRoot":"","sources":["../../../../src/lib/pages/orders/order-document.page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,MAAM,EAAU,MAAM,eAAe,CAAC;AAMpF,OAAO,EAA+B,KAAK,gCAAgC,EAAE,KAAK,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;;AAGvJ,2BAA2B;AAC3B,MAAM,WAAW,SAAS;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAwOa,6BAA8B,YAAW,MAAM;IACxD;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAEjD,6BAA6B;IACpB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEvC,wCAAwC;IAC/B,MAAM,EAAE,SAAS,CAAkC;IAErD,KAAK,EAAE,gCAAgC,GAAG,IAAI,CAAQ;IACtD,KAAK,EAAE,8BAA8B,EAAE,CAAM;IACpD,SAAgB,KAAK,SAAW;IAEnB,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAYtC,2EAA2E;IAC3E,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,2FAA2F;IAC3F,IAAW,iBAAiB,IAAI,MAAM,GAAG,IAAI,CAE5C;IAED,IAAW,MAAM,IAAI,OAAO,CAE3B;IAED,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM;IAItC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM;IAIvC,SAAS,CAAC,KAAK,IAAI,IAAI;yCA1Ed,6BAA6B;2CAA7B,6BAA6B;CA6EzC"}

package/dist/lib/pages/orders/order-document.page.js

@@ -358,8 +358,13 @@ export class MJOOrderDocumentPageComponent {
     async ngOnInit() {
         if (!this.OrderID)
             return;
-        const orders = await GetOrders({ Preset: 'all' });
-        this.Order = orders.find((o) => o.ID === this.OrderID) ?? null;
+        try {
+            const orders = await GetOrders({ OrderHeaderID: this.OrderID });
+            this.Order = orders[0] ?? null;
+        }
+        catch {
+            this.Order = null;
+        }
         if (this.Order)
             this.Lines = await GetOrderLines(this.Order.ID);
         this.cdr.detectChanges();