@mj-biz-apps/contracts-ng 0.2.0 → 0.4.0

package/dist/lib/form-panels/contract-form.panels.js

@@ -0,0 +1,1002 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * @fileoverview Contract form body — Overview plus organized rail sections.
+ *
+ * Replaces leftover generated field dumps (Contract Details, Stakeholders, Provenance,
+ * Lifecycle, Notes) with:
+ *   Overview (exec briefing) · Agreement · Parties · Dates · Renewal · Notes
+ *   Modifications · Lineage · Re-papering · Provenance
+ *
+ * Dates / Renewal / Lineage / Re-papering already live in sibling files.
+ * Files on a contract are MJ's stock attachments (form toolbar), not a custom Documents section.
+ * `contributionKey` equals each panel's `SectionKey`. Overview is the only
+ * `inclusion: 'Primary'` so it leads; the rest sort into the related band by sortKey.
+ *
+ * @module @mj-biz-apps/contracts-ng
+ */
+import { Component, ViewEncapsulation } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CompositeKey } from '@memberjunction/core';
+import { RegisterClassEx } from '@memberjunction/global';
+import { BaseFormPanel, BaseFormsModule } from '@memberjunction/ng-base-forms';
+import { MJC_ENTITIES, MJC_FOREIGN_ENTITIES } from '../data/entity-names';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-base-forms";
+function MJCContractOverviewPanel_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵelement(1, "i", 20);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const h_r1 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", h_r1, " ");
+} }
+function MJCContractOverviewPanel_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵrepeaterCreate(1, MJCContractOverviewPanel_Conditional_2_For_2_Template, 3, 1, "div", 19, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.Health);
+} }
+function MJCContractOverviewPanel_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "i", 21);
+    i0.ɵɵtext(2, " No issues. ");
+    i0.ɵɵelementEnd();
+} }
+function MJCContractOverviewPanel_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 22);
+    i0.ɵɵlistener("click", function MJCContractOverviewPanel_Conditional_41_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenCustomer($event)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.CustomerName);
+} }
+function MJCContractOverviewPanel_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.CustomerName || "\u2014", " ");
+} }
+function MJCContractOverviewPanel_Conditional_47_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 22);
+    i0.ɵɵlistener("click", function MJCContractOverviewPanel_Conditional_47_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenContact($event)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.ContactName);
+} }
+function MJCContractOverviewPanel_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.ContactName || "\u2014", " ");
+} }
+function MJCContractOverviewPanel_Conditional_89_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 22);
+    i0.ɵɵlistener("click", function MJCContractOverviewPanel_Conditional_89_Conditional_4_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenSource($event)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.SourceLabel);
+} }
+function MJCContractOverviewPanel_Conditional_89_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.SourceLabel, " ");
+} }
+function MJCContractOverviewPanel_Conditional_89_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "div", 6);
+    i0.ɵɵtext(2, "Created from");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 7);
+    i0.ɵɵconditionalCreate(4, MJCContractOverviewPanel_Conditional_89_Conditional_4_Template, 2, 1, "button", 13)(5, MJCContractOverviewPanel_Conditional_89_Conditional_5_Template, 1, 1);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.CanOpenSource ? 4 : 5);
+} }
+function MJCContractOverviewPanel_Conditional_94_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.NextMove);
+} }
+function MJCContractOverviewPanel_Conditional_95_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 18);
+    i0.ɵɵtext(1, "No action needed.");
+    i0.ɵɵelementEnd();
+} }
+const _forTrack0 = ($index, $item) => $item.name;
+function MJCContractAgreementPanel_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 3)(1, "mj-form-field", 4);
+    i0.ɵɵlistener("Navigate", function MJCContractAgreementPanel_For_3_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.FormComponent.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const f_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("mjc-fg--span", f_r3.span);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("FieldName", f_r3.name)("Type", f_r3.type)("EditMode", f_r3.readOnly ? false : ctx_r1.EditMode)("FormContext", ctx_r1.FormContext)("LinkType", f_r3.link ?? "None");
+} }
+function MJCContractPartiesPanel_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 3)(1, "mj-form-field", 4);
+    i0.ɵɵlistener("Navigate", function MJCContractPartiesPanel_For_3_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.FormComponent.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const f_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("mjc-fg--span", f_r3.span);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("FieldName", f_r3.name)("Type", f_r3.type)("EditMode", f_r3.readOnly ? false : ctx_r1.EditMode)("FormContext", ctx_r1.FormContext)("LinkType", f_r3.link ?? "None");
+} }
+const _c0 = "\n    .mjc-fields-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: var(--mj-space-4) var(--mj-space-5);\n        padding: var(--mj-space-4) var(--mj-space-5);\n    }\n    @media (max-width: 720px) { .mjc-fields-grid { grid-template-columns: 1fr; } }\n    .mjc-fg { min-width: 0; }\n    .mjc-fg--span { grid-column: 1 / -1; }\n    .mjc-fg .mj-forms-field {\n        display: flex; flex-direction: column; align-items: stretch; gap: 4px; padding: 0;\n    }\n    .mjc-fg .mj-forms-field-label {\n        font-size: var(--mj-text-xs); font-weight: 700; letter-spacing: .06em;\n        text-transform: uppercase; color: var(--mj-text-muted);\n    }\n    .mjc-fg .mj-forms-field--editing:hover { margin: 0; padding: 0; }\n";
+function MJCContractNotesPanel_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 3)(1, "mj-form-field", 4);
+    i0.ɵɵlistener("Navigate", function MJCContractNotesPanel_For_3_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.FormComponent.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const f_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("mjc-fg--span", f_r3.span);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("FieldName", f_r3.name)("Type", f_r3.type)("EditMode", f_r3.readOnly ? false : ctx_r1.EditMode)("FormContext", ctx_r1.FormContext)("LinkType", f_r3.link ?? "None");
+} }
+function MJCContractProvenanceFieldsPanel_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 3)(1, "mj-form-field", 4);
+    i0.ɵɵlistener("Navigate", function MJCContractProvenanceFieldsPanel_For_3_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.FormComponent.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const f_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("mjc-fg--span", f_r3.span);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("FieldName", f_r3.name)("Type", f_r3.type)("EditMode", f_r3.readOnly ? false : ctx_r1.EditMode)("FormContext", ctx_r1.FormContext)("LinkType", f_r3.link ?? "None");
+} }
+function MJCContractLifecyclePanel_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 3)(1, "mj-form-field", 4);
+    i0.ɵɵlistener("Navigate", function MJCContractLifecyclePanel_For_3_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.FormComponent.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const f_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("mjc-fg--span", f_r3.span);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("FieldName", f_r3.name)("Type", f_r3.type)("EditMode", f_r3.readOnly ? false : ctx_r1.EditMode)("FormContext", ctx_r1.FormContext)("LinkType", f_r3.link ?? "None");
+} }
+function MJCContractModificationsPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 2);
+    i0.ɵɵlistener("Navigate", function MJCContractModificationsPanel_Conditional_1_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.FormComponent.OnFormNavigate($event)); })("AfterDataLoad", function MJCContractModificationsPanel_Conditional_1_Template_mj_explorer_entity_data_grid_AfterDataLoad_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDataLoad($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Params", ctx_r1.FormComponent.BuildRelationshipViewParamsByEntityName(ctx_r1.Entity, "ContractID"))("NewRecordValues", ctx_r1.FormComponent.NewRecordValues(ctx_r1.Entity, "ContractID"))("AllowLoad", ctx_r1.FormComponent.IsSectionExpanded("modifications"))("ShowToolbar", true);
+} }
+const E = MJC_ENTITIES.Contract;
+const FIELD_STYLES = `
+    .mjc-fields-grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: var(--mj-space-4) var(--mj-space-5);
+        padding: var(--mj-space-4) var(--mj-space-5);
+    }
+    @media (max-width: 720px) { .mjc-fields-grid { grid-template-columns: 1fr; } }
+    .mjc-fg { min-width: 0; }
+    .mjc-fg--span { grid-column: 1 / -1; }
+    .mjc-fg .mj-forms-field {
+        display: flex; flex-direction: column; align-items: stretch; gap: 4px; padding: 0;
+    }
+    .mjc-fg .mj-forms-field-label {
+        font-size: var(--mj-text-xs); font-weight: 700; letter-spacing: .06em;
+        text-transform: uppercase; color: var(--mj-text-muted);
+    }
+    .mjc-fg .mj-forms-field--editing:hover { margin: 0; padding: 0; }
+`;
+function dateLabel(d) {
+    if (!d)
+        return '—';
+    return new Date(d).toLocaleDateString(undefined, { day: 'numeric', month: 'short', year: 'numeric', timeZone: 'UTC' });
+}
+function endsInText(days) {
+    if (days == null)
+        return '';
+    if (days < 0)
+        return `ended ${Math.abs(days)} days ago`;
+    if (days === 0)
+        return 'ends today';
+    if (days < 60)
+        return `in ${days} days`;
+    const months = Math.round(days / 30);
+    return `in ${months} month${months === 1 ? '' : 's'}`;
+}
+/**
+ * The whole clause, verb included, because the verb has to agree with the tense
+ * `endsInText` picks. Writing `Term ends ${endsInText(d)}` reads "Term ends ends
+ * today" on the day a term ends, and "Term ends ended 3 days ago" behind it.
+ */
+function termEndsText(days) {
+    if (days == null)
+        return '';
+    if (days < 0)
+        return `Term ${endsInText(days)}`;
+    if (days === 0)
+        return 'Term ends today';
+    return `Term ends ${endsInText(days)}`;
+}
+/* ── Overview ─────────────────────────────────────────────────────────────── */
+let MJCContractOverviewPanel = class MJCContractOverviewPanel extends BaseFormPanel {
+    dateLabel = dateLabel;
+    get State() { return this.Record?.State || 'Draft'; }
+    get TypeName() { return this.Record?.ContractType ?? ''; }
+    get CustomerName() { return this.Record?.CustomerOrganization ?? ''; }
+    get ContactName() { return this.Record?.PrimaryContactPerson ?? ''; }
+    get CompanyName() { return this.Record?.Company ?? ''; }
+    get TemplateName() { return this.Record?.ContractTemplate ?? ''; }
+    get IncreaseLabel() {
+        const n = this.Record?.AnnualIncreasePercent;
+        return n == null ? '—' : `${n}%`;
+    }
+    DaysLabel(n) {
+        return n == null ? '—' : `${n} days`;
+    }
+    get StateTone() {
+        switch (this.State) {
+            case 'Active':
+            case 'Executed': return 'success';
+            case 'Terminated': return 'warning';
+            default: return 'muted';
+        }
+    }
+    get EndClock() {
+        if (this.Record?.TerminatedDate)
+            return 'Terminated';
+        const d = this.Record?.DaysToEnd;
+        if (d == null)
+            return 'Undated';
+        return endsInText(d).replace(/^in /, '').replace(/^ended /, '') || '—';
+    }
+    get EndTone() {
+        const d = this.Record?.DaysToEnd;
+        if (this.State === 'Active' && (d == null || d <= 120))
+            return 'warning';
+        if (d != null && d < 0)
+            return 'warning';
+        if (this.State === 'Active')
+            return 'success';
+        return 'muted';
+    }
+    get NoticeClock() {
+        const d = this.Record?.RenewalNoticeDeadline;
+        if (!d)
+            return 'None';
+        const days = daysUntil(d);
+        if (days == null)
+            return dateLabel(d);
+        if (days < 0)
+            return `${Math.abs(days)}d past`;
+        if (days === 0)
+            return 'Today';
+        return `${days}d`;
+    }
+    get NoticeTone() {
+        const d = this.Record?.RenewalNoticeDeadline;
+        if (!d)
+            return 'muted';
+        const days = daysUntil(d);
+        if (days != null && days <= 30)
+            return 'warning';
+        return 'muted';
+    }
+    get HasSource() {
+        return !!this.Record?.CreatingEntity;
+    }
+    get CanOpenSource() {
+        return !!(this.Record?.CreatingEntity && this.Record?.CreatingRecordID);
+    }
+    get SourceLabel() {
+        return this.Record?.CreatingEntity ?? '';
+    }
+    get Health() {
+        const out = [];
+        if (!this.Record)
+            return out;
+        if (this.Record.IsAwaitingDocument) {
+            out.push('Executed agreement not attached.');
+        }
+        if (this.Record.IsInCancellationWindow) {
+            out.push('Cancellation window is open.');
+        }
+        const end = this.Record.DaysToEnd;
+        if (end != null && end < 0 && !this.Record.TerminatedDate) {
+            out.push('The term has ended and no termination date is recorded.');
+        }
+        else if (this.State === 'Active' && end != null && end <= 120) {
+            out.push(`${termEndsText(end)}.`);
+        }
+        const notice = daysUntil(this.Record.RenewalNoticeDeadline);
+        if (notice != null && notice < 0) {
+            out.push('Renewal notice deadline has already passed.');
+        }
+        else if (notice != null && notice <= 30) {
+            out.push(`Renewal notice due by ${dateLabel(this.Record.RenewalNoticeDeadline)}.`);
+        }
+        if (this.Record.HasModifications) {
+            out.push('Standard agreement was modified.');
+        }
+        if (this.State === 'Active' && !this.Record.EndDate) {
+            out.push('Active with no end date.');
+        }
+        return out;
+    }
+    get NextMove() {
+        if (this.Record?.IsAwaitingDocument)
+            return 'Attach the executed agreement.';
+        if (this.Record?.IsInCancellationWindow)
+            return 'Cancellation window is open. Confirm whether the customer is renewing.';
+        const notice = daysUntil(this.Record?.RenewalNoticeDeadline);
+        if (notice != null && notice <= 30) {
+            return `Send the renewal notice. Deadline ${dateLabel(this.Record?.RenewalNoticeDeadline)}.`;
+        }
+        const end = this.Record?.DaysToEnd;
+        if (this.State === 'Active' && end != null && end <= 120) {
+            return `Begin renewal discussion. ${termEndsText(end)}.`;
+        }
+        if (this.Record?.HasModifications)
+            return 'Review the modifications to the standard agreement.';
+        return null;
+    }
+    OpenCustomer(event) {
+        this.open(event, MJC_FOREIGN_ENTITIES.Organization, this.Record?.CustomerOrganizationID);
+    }
+    OpenContact(event) {
+        this.open(event, MJC_FOREIGN_ENTITIES.Person, this.Record?.PrimaryContactPersonID);
+    }
+    OpenSource(event) {
+        const entity = this.Record?.CreatingEntity;
+        const id = this.Record?.CreatingRecordID;
+        if (!entity || !id)
+            return;
+        this.open(event, entity, id);
+    }
+    open(event, entity, id) {
+        if (!id)
+            return;
+        event.preventDefault();
+        this.FormComponent.OnFormNavigate({
+            Kind: 'record',
+            EntityName: entity,
+            PrimaryKey: CompositeKey.FromID(id),
+            OpenInNewTab: event.ctrlKey || event.metaKey,
+        });
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMJCContractOverviewPanel_BaseFactory; return function MJCContractOverviewPanel_Factory(__ngFactoryType__) { return (ɵMJCContractOverviewPanel_BaseFactory || (ɵMJCContractOverviewPanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJCContractOverviewPanel)))(__ngFactoryType__ || MJCContractOverviewPanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJCContractOverviewPanel, selectors: [["mjc-contract-overview-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 96, vars: 25, consts: [["SectionKey", "overview", "SectionName", "Overview", "Icon", "fa-solid fa-chart-pie", 3, "Form", "FormContext", "DefaultExpanded"], [1, "mjc-ov"], [1, "mjc-ov-health"], [1, "mjc-ov-ok"], [1, "mjc-ov-strip"], [1, "mjc-ov-kpi"], [1, "l"], [1, "v"], [1, "s"], [1, "mjc-ov-grid"], [1, "mjc-ov-card"], [1, "fa-solid", "fa-building"], [1, "mjc-ov-facts"], ["type", "button", 1, "mjc-ov-link"], [1, "fa-solid", "fa-scale-balanced"], [1, "mjc-ov-card", "mjc-ov-card--wide"], [1, "fa-solid", "fa-person-walking"], [1, "mjc-ov-next"], [1, "mjc-ov-empty"], [1, "mjc-ov-alert"], ["aria-hidden", "true", 1, "fa-solid", "fa-triangle-exclamation"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-check"], ["type", "button", 1, "mjc-ov-link", 3, "click"]], template: function MJCContractOverviewPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0)(1, "div", 1);
+            i0.ɵɵconditionalCreate(2, MJCContractOverviewPanel_Conditional_2_Template, 3, 0, "div", 2)(3, MJCContractOverviewPanel_Conditional_3_Template, 3, 0, "div", 3);
+            i0.ɵɵelementStart(4, "div", 4)(5, "div", 5)(6, "div", 6);
+            i0.ɵɵtext(7, "State");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "div", 7);
+            i0.ɵɵtext(9);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "div", 8);
+            i0.ɵɵtext(11);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(12, "div", 5)(13, "div", 6);
+            i0.ɵɵtext(14, "Term ends");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(15, "div", 7);
+            i0.ɵɵtext(16);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(17, "div", 8);
+            i0.ɵɵtext(18);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(19, "div", 5)(20, "div", 6);
+            i0.ɵɵtext(21, "Notice");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(22, "div", 7);
+            i0.ɵɵtext(23);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(24, "div", 8);
+            i0.ɵɵtext(25);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(26, "div", 5)(27, "div", 6);
+            i0.ɵɵtext(28, "Auto-renew");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(29, "div", 7);
+            i0.ɵɵtext(30);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(31, "div", 9)(32, "article", 10)(33, "header");
+            i0.ɵɵelement(34, "i", 11);
+            i0.ɵɵtext(35, " Parties");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(36, "div", 12)(37, "div")(38, "div", 6);
+            i0.ɵɵtext(39, "Customer");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(40, "div", 7);
+            i0.ɵɵconditionalCreate(41, MJCContractOverviewPanel_Conditional_41_Template, 2, 1, "button", 13)(42, MJCContractOverviewPanel_Conditional_42_Template, 1, 1);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(43, "div")(44, "div", 6);
+            i0.ɵɵtext(45, "Contact");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(46, "div", 7);
+            i0.ɵɵconditionalCreate(47, MJCContractOverviewPanel_Conditional_47_Template, 2, 1, "button", 13)(48, MJCContractOverviewPanel_Conditional_48_Template, 1, 1);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(49, "div")(50, "div", 6);
+            i0.ɵɵtext(51, "Company");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(52, "div", 7);
+            i0.ɵɵtext(53);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(54, "div")(55, "div", 6);
+            i0.ɵɵtext(56, "Agreement");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(57, "div", 7);
+            i0.ɵɵtext(58);
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(59, "article", 10)(60, "header");
+            i0.ɵɵelement(61, "i", 14);
+            i0.ɵɵtext(62, " Obligation");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(63, "div", 12)(64, "div")(65, "div", 6);
+            i0.ɵɵtext(66, "Executed");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(67, "div", 7);
+            i0.ɵɵtext(68);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(69, "div")(70, "div", 6);
+            i0.ɵɵtext(71, "Effective");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(72, "div", 7);
+            i0.ɵɵtext(73);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(74, "div")(75, "div", 6);
+            i0.ɵɵtext(76, "Notice we owe");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(77, "div", 7);
+            i0.ɵɵtext(78);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(79, "div")(80, "div", 6);
+            i0.ɵɵtext(81, "Cancel window");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(82, "div", 7);
+            i0.ɵɵtext(83);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(84, "div")(85, "div", 6);
+            i0.ɵɵtext(86, "Annual increase");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(87, "div", 7);
+            i0.ɵɵtext(88);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(89, MJCContractOverviewPanel_Conditional_89_Template, 6, 1, "div");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(90, "article", 15)(91, "header");
+            i0.ɵɵelement(92, "i", 16);
+            i0.ɵɵtext(93, " Next step");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(94, MJCContractOverviewPanel_Conditional_94_Template, 2, 1, "p", 17)(95, MJCContractOverviewPanel_Conditional_95_Template, 2, 0, "p", 18);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.Health.length ? 2 : ctx.Record.IsSaved ? 3 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵattribute("data-tone", ctx.StateTone);
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(ctx.State);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.TypeName || "No type");
+            i0.ɵɵadvance();
+            i0.ɵɵattribute("data-tone", ctx.EndTone);
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(ctx.EndClock);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.dateLabel(ctx.Record.EndDate));
+            i0.ɵɵadvance();
+            i0.ɵɵattribute("data-tone", ctx.NoticeTone);
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(ctx.NoticeClock);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.dateLabel(ctx.Record.RenewalNoticeDeadline));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.Record.AutoRenew ? "Yes" : "No");
+            i0.ɵɵadvance(11);
+            i0.ɵɵconditional(ctx.Record.CustomerOrganizationID && ctx.CustomerName ? 41 : 42);
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(ctx.Record.PrimaryContactPersonID && ctx.ContactName ? 47 : 48);
+            i0.ɵɵadvance(6);
+            i0.ɵɵtextInterpolate(ctx.CompanyName || "\u2014");
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.TemplateName || "None");
+            i0.ɵɵadvance(10);
+            i0.ɵɵtextInterpolate(ctx.dateLabel(ctx.Record.ExecutedDate));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.dateLabel(ctx.Record.EffectiveDate));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.DaysLabel(ctx.Record.RenewalNoticeDays));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.DaysLabel(ctx.Record.CancellationWindowDays));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.IncreaseLabel);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.HasSource ? 89 : -1);
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.NextMove ? 94 : 95);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent], styles: ["\n        .mjc-ov { display: flex; flex-direction: column; gap: var(--mj-space-4); padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-5); }\n        .mjc-ov-health { display: flex; flex-direction: column; gap: var(--mj-space-2); }\n        .mjc-ov-alert {\n            display: flex; align-items: center; gap: var(--mj-space-2);\n            padding: var(--mj-space-2) var(--mj-space-3);\n            background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text);\n            border-radius: var(--mj-radius-md); font-size: var(--mj-text-sm); font-weight: 600;\n        }\n        .mjc-ov-ok {\n            display: flex; align-items: center; gap: var(--mj-space-2);\n            padding: var(--mj-space-2) var(--mj-space-3);\n            background: var(--mj-status-success-bg); color: var(--mj-status-success-text);\n            border-radius: var(--mj-radius-md); font-size: var(--mj-text-sm); font-weight: 600;\n        }\n        .mjc-ov-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--mj-space-3); }\n        @media (max-width: 900px) { .mjc-ov-strip { grid-template-columns: 1fr 1fr; } }\n        .mjc-ov-kpi {\n            background: var(--mj-bg-page); border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-md); padding: var(--mj-space-3) var(--mj-space-4);\n        }\n        .mjc-ov-kpi .l {\n            font-size: var(--mj-text-xs); text-transform: uppercase; letter-spacing: .04em;\n            color: var(--mj-text-muted); font-weight: 700;\n        }\n        .mjc-ov-kpi .v { font-size: 1.35rem; font-weight: 800; letter-spacing: -.02em; margin-top: 4px; line-height: 1.2; }\n        .mjc-ov-kpi .s { color: var(--mj-text-muted); font-size: var(--mj-text-sm); margin-top: 2px; }\n        .mjc-ov-kpi[data-tone='warning'] .v { color: var(--mj-status-warning-text); }\n        .mjc-ov-kpi[data-tone='success'] .v { color: var(--mj-status-success-text); }\n        .mjc-ov-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--mj-space-3); }\n        @media (max-width: 800px) { .mjc-ov-grid { grid-template-columns: 1fr; } }\n        .mjc-ov-card {\n            background: var(--mj-bg-page); border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-md); padding: var(--mj-space-3) var(--mj-space-4);\n        }\n        .mjc-ov-card--wide { grid-column: 1 / -1; }\n        .mjc-ov-card header {\n            display: flex; align-items: center; gap: 8px;\n            font-weight: 700; margin-bottom: var(--mj-space-3); color: var(--mj-text-primary);\n        }\n        .mjc-ov-card header i { color: var(--mj-brand-primary); width: 1.1rem; text-align: center; }\n        .mjc-ov-facts { display: grid; grid-template-columns: 1fr 1fr; gap: var(--mj-space-3); }\n        .mjc-ov-facts .l {\n            font-size: var(--mj-text-xs); text-transform: uppercase; letter-spacing: .04em;\n            color: var(--mj-text-muted); font-weight: 700;\n        }\n        .mjc-ov-facts .v { font-weight: 650; margin-top: 2px; }\n        .mjc-ov-link {\n            border: 0; padding: 0; background: transparent; color: var(--mj-text-link);\n            cursor: pointer; font: inherit; font-weight: 650; text-align: left;\n        }\n        .mjc-ov-link:hover { text-decoration: underline; }\n        .mjc-ov-next { margin: 0; font-size: 1.05rem; font-weight: 650; }\n        .mjc-ov-empty { color: var(--mj-text-muted); margin: 0; }\n    "], encapsulation: 2 });
+};
+MJCContractOverviewPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'contracts:overview',
+        skipNullKeyWarning: true,
+        metadata: {
+            entity: E,
+            slot: 'after-fields',
+            sortKey: 200,
+            contributionKey: 'overview',
+            inclusion: 'Primary',
+            replacesSectionKey: 'contractDetails',
+        },
+    })
+], MJCContractOverviewPanel);
+export { MJCContractOverviewPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJCContractOverviewPanel, [{
+        type: Component,
+        args: [{ selector: 'mjc-contract-overview-panel', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BaseFormsModule], template: `
+        <mj-collapsible-panel
+            SectionKey="overview"
+            SectionName="Overview"
+            Icon="fa-solid fa-chart-pie"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            <div class="mjc-ov">
+                @if (Health.length) {
+                    <div class="mjc-ov-health">
+                        @for (h of Health; track h) {
+                            <div class="mjc-ov-alert">
+                                <i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i>
+                                {{ h }}
+                            </div>
+                        }
+                    </div>
+                } @else if (Record.IsSaved) {
+                    <div class="mjc-ov-ok">
+                        <i class="fa-solid fa-circle-check" aria-hidden="true"></i>
+                        No issues.
+                    </div>
+                }
+
+                <div class="mjc-ov-strip">
+                    <div class="mjc-ov-kpi" [attr.data-tone]="StateTone">
+                        <div class="l">State</div>
+                        <div class="v">{{ State }}</div>
+                        <div class="s">{{ TypeName || 'No type' }}</div>
+                    </div>
+                    <div class="mjc-ov-kpi" [attr.data-tone]="EndTone">
+                        <div class="l">Term ends</div>
+                        <div class="v">{{ EndClock }}</div>
+                        <div class="s">{{ dateLabel(Record.EndDate) }}</div>
+                    </div>
+                    <div class="mjc-ov-kpi" [attr.data-tone]="NoticeTone">
+                        <div class="l">Notice</div>
+                        <div class="v">{{ NoticeClock }}</div>
+                        <div class="s">{{ dateLabel(Record.RenewalNoticeDeadline) }}</div>
+                    </div>
+                    <div class="mjc-ov-kpi">
+                        <div class="l">Auto-renew</div>
+                        <div class="v">{{ Record.AutoRenew ? 'Yes' : 'No' }}</div>
+                    </div>
+                </div>
+
+                <div class="mjc-ov-grid">
+                    <article class="mjc-ov-card">
+                        <header><i class="fa-solid fa-building"></i> Parties</header>
+                        <div class="mjc-ov-facts">
+                            <div>
+                                <div class="l">Customer</div>
+                                <div class="v">
+                                    @if (Record.CustomerOrganizationID && CustomerName) {
+                                        <button type="button" class="mjc-ov-link" (click)="OpenCustomer($event)">{{ CustomerName }}</button>
+                                    } @else { {{ CustomerName || '—' }} }
+                                </div>
+                            </div>
+                            <div>
+                                <div class="l">Contact</div>
+                                <div class="v">
+                                    @if (Record.PrimaryContactPersonID && ContactName) {
+                                        <button type="button" class="mjc-ov-link" (click)="OpenContact($event)">{{ ContactName }}</button>
+                                    } @else { {{ ContactName || '—' }} }
+                                </div>
+                            </div>
+                            <div><div class="l">Company</div><div class="v">{{ CompanyName || '—' }}</div></div>
+                            <div><div class="l">Agreement</div><div class="v">{{ TemplateName || 'None' }}</div></div>
+                        </div>
+                    </article>
+                    <article class="mjc-ov-card">
+                        <header><i class="fa-solid fa-scale-balanced"></i> Obligation</header>
+                        <div class="mjc-ov-facts">
+                            <div><div class="l">Executed</div><div class="v">{{ dateLabel(Record.ExecutedDate) }}</div></div>
+                            <div><div class="l">Effective</div><div class="v">{{ dateLabel(Record.EffectiveDate) }}</div></div>
+                            <div><div class="l">Notice we owe</div><div class="v">{{ DaysLabel(Record.RenewalNoticeDays) }}</div></div>
+                            <div><div class="l">Cancel window</div><div class="v">{{ DaysLabel(Record.CancellationWindowDays) }}</div></div>
+                            <div><div class="l">Annual increase</div><div class="v">{{ IncreaseLabel }}</div></div>
+                            @if (HasSource) {
+                                <div><div class="l">Created from</div>
+                                    <div class="v">
+                                        @if (CanOpenSource) {
+                                            <button type="button" class="mjc-ov-link" (click)="OpenSource($event)">{{ SourceLabel }}</button>
+                                        } @else { {{ SourceLabel }} }
+                                    </div>
+                                </div>
+                            }
+                        </div>
+                    </article>
+                    <article class="mjc-ov-card mjc-ov-card--wide">
+                        <header><i class="fa-solid fa-person-walking"></i> Next step</header>
+                        @if (NextMove) {
+                            <p class="mjc-ov-next">{{ NextMove }}</p>
+                        } @else {
+                            <p class="mjc-ov-empty">No action needed.</p>
+                        }
+                    </article>
+                </div>
+            </div>
+        </mj-collapsible-panel>
+    `, styles: ["\n        .mjc-ov { display: flex; flex-direction: column; gap: var(--mj-space-4); padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-5); }\n        .mjc-ov-health { display: flex; flex-direction: column; gap: var(--mj-space-2); }\n        .mjc-ov-alert {\n            display: flex; align-items: center; gap: var(--mj-space-2);\n            padding: var(--mj-space-2) var(--mj-space-3);\n            background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text);\n            border-radius: var(--mj-radius-md); font-size: var(--mj-text-sm); font-weight: 600;\n        }\n        .mjc-ov-ok {\n            display: flex; align-items: center; gap: var(--mj-space-2);\n            padding: var(--mj-space-2) var(--mj-space-3);\n            background: var(--mj-status-success-bg); color: var(--mj-status-success-text);\n            border-radius: var(--mj-radius-md); font-size: var(--mj-text-sm); font-weight: 600;\n        }\n        .mjc-ov-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--mj-space-3); }\n        @media (max-width: 900px) { .mjc-ov-strip { grid-template-columns: 1fr 1fr; } }\n        .mjc-ov-kpi {\n            background: var(--mj-bg-page); border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-md); padding: var(--mj-space-3) var(--mj-space-4);\n        }\n        .mjc-ov-kpi .l {\n            font-size: var(--mj-text-xs); text-transform: uppercase; letter-spacing: .04em;\n            color: var(--mj-text-muted); font-weight: 700;\n        }\n        .mjc-ov-kpi .v { font-size: 1.35rem; font-weight: 800; letter-spacing: -.02em; margin-top: 4px; line-height: 1.2; }\n        .mjc-ov-kpi .s { color: var(--mj-text-muted); font-size: var(--mj-text-sm); margin-top: 2px; }\n        .mjc-ov-kpi[data-tone='warning'] .v { color: var(--mj-status-warning-text); }\n        .mjc-ov-kpi[data-tone='success'] .v { color: var(--mj-status-success-text); }\n        .mjc-ov-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--mj-space-3); }\n        @media (max-width: 800px) { .mjc-ov-grid { grid-template-columns: 1fr; } }\n        .mjc-ov-card {\n            background: var(--mj-bg-page); border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-md); padding: var(--mj-space-3) var(--mj-space-4);\n        }\n        .mjc-ov-card--wide { grid-column: 1 / -1; }\n        .mjc-ov-card header {\n            display: flex; align-items: center; gap: 8px;\n            font-weight: 700; margin-bottom: var(--mj-space-3); color: var(--mj-text-primary);\n        }\n        .mjc-ov-card header i { color: var(--mj-brand-primary); width: 1.1rem; text-align: center; }\n        .mjc-ov-facts { display: grid; grid-template-columns: 1fr 1fr; gap: var(--mj-space-3); }\n        .mjc-ov-facts .l {\n            font-size: var(--mj-text-xs); text-transform: uppercase; letter-spacing: .04em;\n            color: var(--mj-text-muted); font-weight: 700;\n        }\n        .mjc-ov-facts .v { font-weight: 650; margin-top: 2px; }\n        .mjc-ov-link {\n            border: 0; padding: 0; background: transparent; color: var(--mj-text-link);\n            cursor: pointer; font: inherit; font-weight: 650; text-align: left;\n        }\n        .mjc-ov-link:hover { text-decoration: underline; }\n        .mjc-ov-next { margin: 0; font-size: 1.05rem; font-weight: 650; }\n        .mjc-ov-empty { color: var(--mj-text-muted); margin: 0; }\n    "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJCContractOverviewPanel, { className: "MJCContractOverviewPanel", filePath: "lib/form-panels/contract-form.panels.ts", lineNumber: 271 }); })();
+function daysUntil(d) {
+    if (!d)
+        return null;
+    const iso = d instanceof Date
+        ? `${d.getUTCFullYear()}-${String(d.getUTCMonth() + 1).padStart(2, '0')}-${String(d.getUTCDate()).padStart(2, '0')}`
+        : String(d).slice(0, 10);
+    const t = Date.parse(`${iso}T00:00:00Z`);
+    if (!Number.isFinite(t))
+        return null;
+    const now = new Date();
+    const today = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate());
+    return Math.round((t - today) / 86_400_000);
+}
+/* ── Field sections ───────────────────────────────────────────────────────── */
+let MJCContractAgreementPanel = class MJCContractAgreementPanel extends BaseFormPanel {
+    Fields = [
+        { name: 'ContractNumber', type: 'textbox', readOnly: true },
+        { name: 'ContractTypeID', type: 'textbox', link: 'Record' },
+        { name: 'ContractTemplateID', type: 'textbox', link: 'Record' },
+        { name: 'SigningProviderURL', type: 'textbox', link: 'URL' },
+        { name: 'HasModifications', type: 'checkbox', readOnly: true },
+        { name: 'Description', type: 'textarea', span: true },
+    ];
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMJCContractAgreementPanel_BaseFactory; return function MJCContractAgreementPanel_Factory(__ngFactoryType__) { return (ɵMJCContractAgreementPanel_BaseFactory || (ɵMJCContractAgreementPanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJCContractAgreementPanel)))(__ngFactoryType__ || MJCContractAgreementPanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJCContractAgreementPanel, selectors: [["mjc-contract-agreement-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["SectionKey", "agreement", "SectionName", "Agreement", "Icon", "fa-solid fa-file-contract", 3, "Form", "FormContext"], [1, "mjc-fields-grid"], [1, "mjc-fg", 3, "mjc-fg--span"], [1, "mjc-fg"], [3, "Navigate", "Record", "ShowLabel", "FieldName", "Type", "EditMode", "FormContext", "LinkType"]], template: function MJCContractAgreementPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0)(1, "div", 1);
+            i0.ɵɵrepeaterCreate(2, MJCContractAgreementPanel_For_3_Template, 2, 9, "div", 2, _forTrack0);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext);
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.Fields);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjFormFieldComponent, i1.MjCollapsiblePanelComponent], styles: [_c0], encapsulation: 2 });
+};
+MJCContractAgreementPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'contracts:agreement',
+        skipNullKeyWarning: true,
+        metadata: { entity: E, slot: 'after-fields', sortKey: 95, contributionKey: 'agreement' },
+    })
+], MJCContractAgreementPanel);
+export { MJCContractAgreementPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJCContractAgreementPanel, [{
+        type: Component,
+        args: [{ selector: 'mjc-contract-agreement-panel', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BaseFormsModule], template: `
+        <mj-collapsible-panel SectionKey="agreement" SectionName="Agreement" Icon="fa-solid fa-file-contract"
+            [Form]="FormComponent" [FormContext]="FormContext">
+            <div class="mjc-fields-grid">
+                @for (f of Fields; track f.name) {
+                    <div class="mjc-fg" [class.mjc-fg--span]="f.span">
+                        <mj-form-field [Record]="Record" [ShowLabel]="true" [FieldName]="f.name" [Type]="f.type"
+                            [EditMode]="f.readOnly ? false : EditMode" [FormContext]="FormContext"
+                            [LinkType]="f.link ?? 'None'"
+                            (Navigate)="FormComponent.OnFormNavigate($event)"></mj-form-field>
+                    </div>
+                }
+            </div>
+        </mj-collapsible-panel>
+    `, styles: ["\n    .mjc-fields-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: var(--mj-space-4) var(--mj-space-5);\n        padding: var(--mj-space-4) var(--mj-space-5);\n    }\n    @media (max-width: 720px) { .mjc-fields-grid { grid-template-columns: 1fr; } }\n    .mjc-fg { min-width: 0; }\n    .mjc-fg--span { grid-column: 1 / -1; }\n    .mjc-fg .mj-forms-field {\n        display: flex; flex-direction: column; align-items: stretch; gap: 4px; padding: 0;\n    }\n    .mjc-fg .mj-forms-field-label {\n        font-size: var(--mj-text-xs); font-weight: 700; letter-spacing: .06em;\n        text-transform: uppercase; color: var(--mj-text-muted);\n    }\n    .mjc-fg .mj-forms-field--editing:hover { margin: 0; padding: 0; }\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJCContractAgreementPanel, { className: "MJCContractAgreementPanel", filePath: "lib/form-panels/contract-form.panels.ts", lineNumber: 441 }); })();
+let MJCContractPartiesPanel = class MJCContractPartiesPanel extends BaseFormPanel {
+    /**
+     * Record links on these fields emit `Navigate` from `mj-form-field`. That output must be
+     * forwarded to `FormComponent.OnFormNavigate`, which Explorer maps onto
+     * `NavigationService.OpenEntityRecord`. Without the binding the cells look like links and
+     * do nothing — Overview's customer/contact buttons already go through this path.
+     */
+    Fields = [
+        { name: 'CustomerOrganizationID', type: 'textbox', link: 'Record' },
+        { name: 'PrimaryContactPersonID', type: 'textbox', link: 'Record' },
+        { name: 'CompanyID', type: 'textbox', link: 'Record' },
+    ];
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMJCContractPartiesPanel_BaseFactory; return function MJCContractPartiesPanel_Factory(__ngFactoryType__) { return (ɵMJCContractPartiesPanel_BaseFactory || (ɵMJCContractPartiesPanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJCContractPartiesPanel)))(__ngFactoryType__ || MJCContractPartiesPanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJCContractPartiesPanel, selectors: [["mjc-contract-parties-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["SectionKey", "parties", "SectionName", "Parties", "Icon", "fa-solid fa-building", 3, "Form", "FormContext"], [1, "mjc-fields-grid"], [1, "mjc-fg", 3, "mjc-fg--span"], [1, "mjc-fg"], [3, "Navigate", "Record", "ShowLabel", "FieldName", "Type", "EditMode", "FormContext", "LinkType"]], template: function MJCContractPartiesPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0)(1, "div", 1);
+            i0.ɵɵrepeaterCreate(2, MJCContractPartiesPanel_For_3_Template, 2, 9, "div", 2, _forTrack0);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext);
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.Fields);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjFormFieldComponent, i1.MjCollapsiblePanelComponent], styles: [_c0], encapsulation: 2 });
+};
+MJCContractPartiesPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'contracts:parties',
+        skipNullKeyWarning: true,
+        metadata: {
+            entity: E, slot: 'after-fields', sortKey: 92, contributionKey: 'parties',
+            replacesSectionKey: 'stakeholders',
+        },
+    })
+], MJCContractPartiesPanel);
+export { MJCContractPartiesPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJCContractPartiesPanel, [{
+        type: Component,
+        args: [{ selector: 'mjc-contract-parties-panel', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BaseFormsModule], template: `
+        <mj-collapsible-panel SectionKey="parties" SectionName="Parties" Icon="fa-solid fa-building"
+            [Form]="FormComponent" [FormContext]="FormContext">
+            <div class="mjc-fields-grid">
+                @for (f of Fields; track f.name) {
+                    <div class="mjc-fg" [class.mjc-fg--span]="f.span">
+                        <mj-form-field [Record]="Record" [ShowLabel]="true" [FieldName]="f.name" [Type]="f.type"
+                            [EditMode]="f.readOnly ? false : EditMode" [FormContext]="FormContext"
+                            [LinkType]="f.link ?? 'None'"
+                            (Navigate)="FormComponent.OnFormNavigate($event)"></mj-form-field>
+                    </div>
+                }
+            </div>
+        </mj-collapsible-panel>
+    `, styles: ["\n    .mjc-fields-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: var(--mj-space-4) var(--mj-space-5);\n        padding: var(--mj-space-4) var(--mj-space-5);\n    }\n    @media (max-width: 720px) { .mjc-fields-grid { grid-template-columns: 1fr; } }\n    .mjc-fg { min-width: 0; }\n    .mjc-fg--span { grid-column: 1 / -1; }\n    .mjc-fg .mj-forms-field {\n        display: flex; flex-direction: column; align-items: stretch; gap: 4px; padding: 0;\n    }\n    .mjc-fg .mj-forms-field-label {\n        font-size: var(--mj-text-xs); font-weight: 700; letter-spacing: .06em;\n        text-transform: uppercase; color: var(--mj-text-muted);\n    }\n    .mjc-fg .mj-forms-field--editing:hover { margin: 0; padding: 0; }\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJCContractPartiesPanel, { className: "MJCContractPartiesPanel", filePath: "lib/form-panels/contract-form.panels.ts", lineNumber: 482 }); })();
+let MJCContractNotesPanel = class MJCContractNotesPanel extends BaseFormPanel {
+    Fields = [
+        { name: 'Notes', type: 'textarea', span: true },
+    ];
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMJCContractNotesPanel_BaseFactory; return function MJCContractNotesPanel_Factory(__ngFactoryType__) { return (ɵMJCContractNotesPanel_BaseFactory || (ɵMJCContractNotesPanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJCContractNotesPanel)))(__ngFactoryType__ || MJCContractNotesPanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJCContractNotesPanel, selectors: [["mjc-contract-notes-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["SectionKey", "notes", "SectionName", "Notes", "Icon", "fa-solid fa-align-left", 3, "Form", "FormContext"], [1, "mjc-fields-grid"], [1, "mjc-fg", 3, "mjc-fg--span"], [1, "mjc-fg"], [3, "Navigate", "Record", "ShowLabel", "FieldName", "Type", "EditMode", "FormContext", "LinkType"]], template: function MJCContractNotesPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0)(1, "div", 1);
+            i0.ɵɵrepeaterCreate(2, MJCContractNotesPanel_For_3_Template, 2, 9, "div", 2, _forTrack0);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext);
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.Fields);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjFormFieldComponent, i1.MjCollapsiblePanelComponent], styles: [_c0], encapsulation: 2 });
+};
+MJCContractNotesPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'contracts:notes',
+        skipNullKeyWarning: true,
+        metadata: {
+            entity: E, slot: 'after-fields', sortKey: 80, contributionKey: 'notes',
+            replacesSectionKey: 'notesAndMetadata',
+        },
+    })
+], MJCContractNotesPanel);
+export { MJCContractNotesPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJCContractNotesPanel, [{
+        type: Component,
+        args: [{ selector: 'mjc-contract-notes-panel', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BaseFormsModule], template: `
+        <mj-collapsible-panel SectionKey="notes" SectionName="Notes" Icon="fa-solid fa-align-left"
+            [Form]="FormComponent" [FormContext]="FormContext">
+            <div class="mjc-fields-grid">
+                @for (f of Fields; track f.name) {
+                    <div class="mjc-fg" [class.mjc-fg--span]="f.span">
+                        <mj-form-field [Record]="Record" [ShowLabel]="true" [FieldName]="f.name" [Type]="f.type"
+                            [EditMode]="f.readOnly ? false : EditMode" [FormContext]="FormContext"
+                            [LinkType]="f.link ?? 'None'"
+                            (Navigate)="FormComponent.OnFormNavigate($event)"></mj-form-field>
+                    </div>
+                }
+            </div>
+        </mj-collapsible-panel>
+    `, styles: ["\n    .mjc-fields-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: var(--mj-space-4) var(--mj-space-5);\n        padding: var(--mj-space-4) var(--mj-space-5);\n    }\n    @media (max-width: 720px) { .mjc-fields-grid { grid-template-columns: 1fr; } }\n    .mjc-fg { min-width: 0; }\n    .mjc-fg--span { grid-column: 1 / -1; }\n    .mjc-fg .mj-forms-field {\n        display: flex; flex-direction: column; align-items: stretch; gap: 4px; padding: 0;\n    }\n    .mjc-fg .mj-forms-field-label {\n        font-size: var(--mj-text-xs); font-weight: 700; letter-spacing: .06em;\n        text-transform: uppercase; color: var(--mj-text-muted);\n    }\n    .mjc-fg .mj-forms-field--editing:hover { margin: 0; padding: 0; }\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJCContractNotesPanel, { className: "MJCContractNotesPanel", filePath: "lib/form-panels/contract-form.panels.ts", lineNumber: 526 }); })();
+let MJCContractProvenanceFieldsPanel = class MJCContractProvenanceFieldsPanel extends BaseFormPanel {
+    /**
+     * READ-ONLY, and the section KEPT — a deliberate departure from issue #28 item 18.
+     *
+     * Item 18 says to hide this section entirely, on the stated grounds that the hero's Source Deal
+     * link (item 1) replaces it. That premise does not hold yet. Item 1 renders the stat ONLY when
+     * `CreatingEntityID` and `CreatingRecordID` are both set, and on this database exactly one contract
+     * of eleven has them — `CTR-000026`, whose pair was typed in by hand: the entity is
+     * `MJ: Explorer Navigation Items` rather than Deals and the record id is not a valid UUID. So on
+     * every contract a person can currently open, the replacement is invisible. Hiding this section
+     * today would remove the only visible provenance for a stat that does not appear.
+     *
+     * WHAT ITEM 18 IS ACTUALLY ABOUT, and this half is not in doubt: these two fields rendered as
+     * ordinary inputs a person could type into, which is how that junk pair got there.
+     * `CreatingEntityID` is a real FK to `__mj.Entity` and `CreatingRecordID` is the row it names, and
+     * `CK_Contract_CreatingPairBothOrNeither` requires both or neither — so editing one field alone
+     * produces a save the constraint refuses, and editing both silently re-points a contract's
+     * provenance at an unrelated record, which is then what the hero's link displays. The server sets
+     * this pair (`LiveContractsSeam.setProvenance`, on Close-Won) and nothing else should.
+     *
+     * Read-only closes that defect and keeps the ids visible beneath the hero's human-readable name —
+     * complements rather than duplicates. Revisit hiding the section once a contract created by a real
+     * Close-Won deal exists to verify item 1 against.
+     */
+    Fields = [
+        { name: 'CreatingEntityID', type: 'textbox', link: 'Record', readOnly: true },
+        { name: 'CreatingRecordID', type: 'textbox', readOnly: true },
+    ];
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMJCContractProvenanceFieldsPanel_BaseFactory; return function MJCContractProvenanceFieldsPanel_Factory(__ngFactoryType__) { return (ɵMJCContractProvenanceFieldsPanel_BaseFactory || (ɵMJCContractProvenanceFieldsPanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJCContractProvenanceFieldsPanel)))(__ngFactoryType__ || MJCContractProvenanceFieldsPanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJCContractProvenanceFieldsPanel, selectors: [["mjc-contract-provenance-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["SectionKey", "origin", "SectionName", "Provenance", "Icon", "fa-solid fa-diagram-project", 3, "Form", "FormContext"], [1, "mjc-fields-grid"], [1, "mjc-fg", 3, "mjc-fg--span"], [1, "mjc-fg"], [3, "Navigate", "Record", "ShowLabel", "FieldName", "Type", "EditMode", "FormContext", "LinkType"]], template: function MJCContractProvenanceFieldsPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0)(1, "div", 1);
+            i0.ɵɵrepeaterCreate(2, MJCContractProvenanceFieldsPanel_For_3_Template, 2, 9, "div", 2, _forTrack0);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext);
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.Fields);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjFormFieldComponent, i1.MjCollapsiblePanelComponent], styles: [_c0], encapsulation: 2 });
+};
+MJCContractProvenanceFieldsPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'contracts:provenance',
+        skipNullKeyWarning: true,
+        metadata: {
+            entity: E, slot: 'after-fields', sortKey: 35, contributionKey: 'origin',
+            replacesSectionKey: 'provenance',
+        },
+    })
+], MJCContractProvenanceFieldsPanel);
+export { MJCContractProvenanceFieldsPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJCContractProvenanceFieldsPanel, [{
+        type: Component,
+        args: [{ selector: 'mjc-contract-provenance-panel', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BaseFormsModule], template: `
+        <mj-collapsible-panel SectionKey="origin" SectionName="Provenance" Icon="fa-solid fa-diagram-project"
+            [Form]="FormComponent" [FormContext]="FormContext">
+            <div class="mjc-fields-grid">
+                @for (f of Fields; track f.name) {
+                    <div class="mjc-fg" [class.mjc-fg--span]="f.span">
+                        <mj-form-field [Record]="Record" [ShowLabel]="true" [FieldName]="f.name" [Type]="f.type"
+                            [EditMode]="f.readOnly ? false : EditMode" [FormContext]="FormContext"
+                            [LinkType]="f.link ?? 'None'"
+                            (Navigate)="FormComponent.OnFormNavigate($event)"></mj-form-field>
+                    </div>
+                }
+            </div>
+        </mj-collapsible-panel>
+    `, styles: ["\n    .mjc-fields-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: var(--mj-space-4) var(--mj-space-5);\n        padding: var(--mj-space-4) var(--mj-space-5);\n    }\n    @media (max-width: 720px) { .mjc-fields-grid { grid-template-columns: 1fr; } }\n    .mjc-fg { min-width: 0; }\n    .mjc-fg--span { grid-column: 1 / -1; }\n    .mjc-fg .mj-forms-field {\n        display: flex; flex-direction: column; align-items: stretch; gap: 4px; padding: 0;\n    }\n    .mjc-fg .mj-forms-field-label {\n        font-size: var(--mj-text-xs); font-weight: 700; letter-spacing: .06em;\n        text-transform: uppercase; color: var(--mj-text-muted);\n    }\n    .mjc-fg .mj-forms-field--editing:hover { margin: 0; padding: 0; }\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJCContractProvenanceFieldsPanel, { className: "MJCContractProvenanceFieldsPanel", filePath: "lib/form-panels/contract-form.panels.ts", lineNumber: 562 }); })();
+let MJCContractLifecyclePanel = class MJCContractLifecyclePanel extends BaseFormPanel {
+    Fields = [
+        { name: 'ParentContractID', type: 'textbox', link: 'Record' },
+        { name: 'SupersededByContractID', type: 'textbox', link: 'Record', readOnly: true },
+    ];
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMJCContractLifecyclePanel_BaseFactory; return function MJCContractLifecyclePanel_Factory(__ngFactoryType__) { return (ɵMJCContractLifecyclePanel_BaseFactory || (ɵMJCContractLifecyclePanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJCContractLifecyclePanel)))(__ngFactoryType__ || MJCContractLifecyclePanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJCContractLifecyclePanel, selectors: [["mjc-contract-lifecycle-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["SectionKey", "lifecycle", "SectionName", "Change orders", "Icon", "fa-solid fa-code-branch", 3, "Form", "FormContext"], [1, "mjc-fields-grid"], [1, "mjc-fg", 3, "mjc-fg--span"], [1, "mjc-fg"], [3, "Navigate", "Record", "ShowLabel", "FieldName", "Type", "EditMode", "FormContext", "LinkType"]], template: function MJCContractLifecyclePanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0)(1, "div", 1);
+            i0.ɵɵrepeaterCreate(2, MJCContractLifecyclePanel_For_3_Template, 2, 9, "div", 2, _forTrack0);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext);
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.Fields);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjFormFieldComponent, i1.MjCollapsiblePanelComponent], styles: [_c0], encapsulation: 2 });
+};
+MJCContractLifecyclePanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'contracts:lifecycle-fields',
+        skipNullKeyWarning: true,
+        metadata: {
+            entity: E, slot: 'after-fields', sortKey: 50, contributionKey: 'lifecycle',
+            replacesSectionKey: 'contractLifecycle',
+        },
+    })
+], MJCContractLifecyclePanel);
+export { MJCContractLifecyclePanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJCContractLifecyclePanel, [{
+        type: Component,
+        args: [{ selector: 'mjc-contract-lifecycle-panel', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BaseFormsModule], template: `
+        <mj-collapsible-panel SectionKey="lifecycle" SectionName="Change orders" Icon="fa-solid fa-code-branch"
+            [Form]="FormComponent" [FormContext]="FormContext">
+            <div class="mjc-fields-grid">
+                @for (f of Fields; track f.name) {
+                    <div class="mjc-fg" [class.mjc-fg--span]="f.span">
+                        <mj-form-field [Record]="Record" [ShowLabel]="true" [FieldName]="f.name" [Type]="f.type"
+                            [EditMode]="f.readOnly ? false : EditMode" [FormContext]="FormContext"
+                            [LinkType]="f.link ?? 'None'"
+                            (Navigate)="FormComponent.OnFormNavigate($event)"></mj-form-field>
+                    </div>
+                }
+            </div>
+        </mj-collapsible-panel>
+    `, styles: ["\n    .mjc-fields-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: var(--mj-space-4) var(--mj-space-5);\n        padding: var(--mj-space-4) var(--mj-space-5);\n    }\n    @media (max-width: 720px) { .mjc-fields-grid { grid-template-columns: 1fr; } }\n    .mjc-fg { min-width: 0; }\n    .mjc-fg--span { grid-column: 1 / -1; }\n    .mjc-fg .mj-forms-field {\n        display: flex; flex-direction: column; align-items: stretch; gap: 4px; padding: 0;\n    }\n    .mjc-fg .mj-forms-field-label {\n        font-size: var(--mj-text-xs); font-weight: 700; letter-spacing: .06em;\n        text-transform: uppercase; color: var(--mj-text-muted);\n    }\n    .mjc-fg .mj-forms-field--editing:hover { margin: 0; padding: 0; }\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJCContractLifecyclePanel, { className: "MJCContractLifecyclePanel", filePath: "lib/form-panels/contract-form.panels.ts", lineNumber: 622 }); })();
+let MJCContractModificationsPanel = class MJCContractModificationsPanel extends BaseFormPanel {
+    Entity = MJC_ENTITIES.ContractTemplateModification;
+    OnDataLoad(event) {
+        this.FormComponent.SetSectionRowCount('modifications', event.totalRowCount);
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMJCContractModificationsPanel_BaseFactory; return function MJCContractModificationsPanel_Factory(__ngFactoryType__) { return (ɵMJCContractModificationsPanel_BaseFactory || (ɵMJCContractModificationsPanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJCContractModificationsPanel)))(__ngFactoryType__ || MJCContractModificationsPanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJCContractModificationsPanel, selectors: [["mjc-contract-modifications-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["SectionKey", "modifications", "SectionName", "Modifications", "Icon", "fa-solid fa-file-circle-exclamation", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded", "BadgeCount"], [3, "Params", "NewRecordValues", "AllowLoad", "ShowToolbar"], [3, "Navigate", "AfterDataLoad", "Params", "NewRecordValues", "AllowLoad", "ShowToolbar"]], template: function MJCContractModificationsPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, MJCContractModificationsPanel_Conditional_1_Template, 1, 4, "mj-explorer-entity-data-grid", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", false)("BadgeCount", ctx.FormComponent.GetSectionRowCount("modifications"));
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, i1.ExplorerEntityDataGridComponent], encapsulation: 2 });
+};
+MJCContractModificationsPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'contracts:related-modifications',
+        skipNullKeyWarning: true,
+        metadata: {
+            entity: E, slot: 'after-related', sortKey: 70, contributionKey: 'modifications',
+            relatedEntity: MJC_ENTITIES.ContractTemplateModification, relatedJoinField: 'ContractID',
+        },
+    })
+], MJCContractModificationsPanel);
+export { MJCContractModificationsPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJCContractModificationsPanel, [{
+        type: Component,
+        args: [{
+                selector: 'mjc-contract-modifications-panel',
+                standalone: true,
+                imports: [CommonModule, BaseFormsModule],
+                template: `
+        <mj-collapsible-panel SectionKey="modifications" SectionName="Modifications" Icon="fa-solid fa-file-circle-exclamation"
+            Variant="related-entity" [Form]="FormComponent" [FormContext]="FormContext" [DefaultExpanded]="false"
+            [BadgeCount]="FormComponent.GetSectionRowCount('modifications')">
+            @if (Record.IsSaved) {
+                <mj-explorer-entity-data-grid
+                    [Params]="FormComponent.BuildRelationshipViewParamsByEntityName(Entity, 'ContractID')"
+                    [NewRecordValues]="FormComponent.NewRecordValues(Entity, 'ContractID')"
+                    [AllowLoad]="FormComponent.IsSectionExpanded('modifications')"
+                    [ShowToolbar]="true"
+                    (Navigate)="FormComponent.OnFormNavigate($event)"
+                    (AfterDataLoad)="OnDataLoad($event)">
+                </mj-explorer-entity-data-grid>
+            }
+        </mj-collapsible-panel>
+    `,
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJCContractModificationsPanel, { className: "MJCContractModificationsPanel", filePath: "lib/form-panels/contract-form.panels.ts", lineNumber: 658 }); })();
+//# sourceMappingURL=contract-form.panels.js.map