@mj-biz-apps/orders-ng 0.0.1 → 5.2.0

package/dist/lib/custom/Subscription/subscription-form.component.js

@@ -0,0 +1,885 @@
+import { Component } from '@angular/core';
+import { CompositeKey, Metadata, RunView } from '@memberjunction/core';
+import { NavigationService } from '@memberjunction/ng-shared';
+import { UserInfoEngine } from '@memberjunction/core-entities';
+import { inject } from '@angular/core';
+import { DispatchFormNavigation } from '../form-navigation-helper.js';
+import { mjBizAppsOrdersSubscriptionFormComponent } from '../../generated/Entities/mjBizAppsOrdersSubscription/mjbizappsorderssubscription.form.component.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@memberjunction/ng-base-forms";
+import * as i3 from "@mj-biz-apps/accounting-ng";
+const _forTrack0 = ($index, $item) => $item.ID;
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 12);
+    i0.ɵɵelement(1, "i", 35);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Company || ctx_r1.record.CompanyID, " ");
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 12);
+    i0.ɵɵelement(1, "i", 29);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Product || ctx_r1.record.ProductID, " ");
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 24);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.SubscriptionTerms.length);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_54_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 26);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.RevRecJournalEntries.length);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 45);
+    i0.ɵɵelement(1, "i", 47);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "No coverage terms materialized yet for this subscription.");
+    i0.ɵɵelementEnd()();
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_15_Conditional_1_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 53);
+    i0.ɵɵelement(1, "i", 60);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const term_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", term_r5.ProrationFactor ? (term_r5.ProrationFactor * 100).toFixed(0) + "%" : "Prorated", " ");
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_15_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 48)(1, "div", 49)(2, "div", 50);
+    i0.ɵɵelement(3, "i", 51);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 52)(6, "span");
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(8, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_15_Conditional_1_For_2_Conditional_8_Template, 3, 1, "span", 53);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 54);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "div", 55);
+    i0.ɵɵelement(12, "i", 56);
+    i0.ɵɵelementStart(13, "span");
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 57)(16, "button", 58);
+    i0.ɵɵlistener("click", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_15_Conditional_1_For_2_Template_button_click_16_listener() { const term_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.OnOpenTerm(term_r5)); });
+    i0.ɵɵelementStart(17, "span");
+    i0.ɵɵtext(18, "View Term Details & Waterfall");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(19, "i", 59);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const term_r5 = ctx.$implicit;
+    const ɵ$index_211_r6 = ctx.$index;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.GetTermBadgeClass(ɵ$index_211_r6));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Term ", term_r5.TermNumber || ɵ$index_211_r6 + 1, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.GetTermStatusClass(term_r5.Status));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(term_r5.Status || "Active");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(term_r5.IsProrated ? 8 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.FormatMoney(term_r5.Amount), " ");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatDateRange(term_r5.StartDate, term_r5.EndDate));
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46);
+    i0.ɵɵrepeaterCreate(1, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_15_Conditional_1_For_2_Template, 20, 8, "div", 48, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.SubscriptionTerms);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_15_Conditional_0_Template, 4, 0, "div", 45)(1, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_15_Conditional_1_Template, 3, 0, "div", 46);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r1.SubscriptionTerms.length === 0 ? 0 : 1);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 44)(1, "mj-explorer-entity-data-grid", 61);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_16_Template_mj_explorer_entity_data_grid_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); })("AfterDataLoad", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_16_Template_mj_explorer_entity_data_grid_AfterDataLoad_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetSectionRowCount("mJBizAppsOrdersSubscriptionTerms", $event.totalRowCount)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ_BizApps_Orders: Subscription Terms", "SubscriptionID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ_BizApps_Orders: Subscription Terms"))("AllowLoad", true)("ShowToolbar", false);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 33)(1, "div", 36)(2, "div", 37)(3, "h2", 38);
+    i0.ɵɵelement(4, "i", 23);
+    i0.ɵɵtext(5, " Terms");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 39);
+    i0.ɵɵtext(7, "Contiguous subscription coverage periods, renewal milestones, term pricing, and proration.");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 40)(9, "button", 41);
+    i0.ɵɵlistener("click", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.TermsViewMode = "cards"); });
+    i0.ɵɵelement(10, "i", 42);
+    i0.ɵɵtext(11, " Visual Deck ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "button", 41);
+    i0.ɵɵlistener("click", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.TermsViewMode = "grid"); });
+    i0.ɵɵelement(13, "i", 43);
+    i0.ɵɵtext(14, " Data Grid ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(15, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_15_Template, 2, 1)(16, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Conditional_16_Template, 2, 4, "div", 44);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵclassProp("mjo-toggle-btn--active", ctx_r1.TermsViewMode === "cards");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("mjo-toggle-btn--active", ctx_r1.TermsViewMode === "grid");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.TermsViewMode === "cards" ? 15 : 16);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_91_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-deferred-revenue-waterfall", 64);
+    i0.ɵɵlistener("JournalEntrySelected", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_91_Conditional_15_Template_mj_deferred_revenue_waterfall_JournalEntrySelected_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnJournalEntrySelected($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("JournalEntries", ctx_r1.RevRecJournalEntries)("Title", "Subscription Deferred Revenue Waterfall")("TermLookup", ctx_r1.SubscriptionTermLookup);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_91_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 44)(1, "mj-explorer-entity-data-grid", 65);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_91_Conditional_16_Template_mj_explorer_entity_data_grid_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Params", ctx_r1.SubscriptionJournalEntryParams)("AllowLoad", true)("ShowToolbar", false);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_91_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 33)(1, "div", 36)(2, "div", 37)(3, "h2", 38);
+    i0.ɵɵelement(4, "i", 25);
+    i0.ɵɵtext(5, " Deferred Revenue & Rev-Rec Schedule");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 39);
+    i0.ɵɵtext(7, "ASC 606 recognition rollforward schedules across all active and historical terms.");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 40)(9, "button", 41);
+    i0.ɵɵlistener("click", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_91_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ActiveAccountingView = "waterfall"); });
+    i0.ɵɵelement(10, "i", 62);
+    i0.ɵɵtext(11, " Waterfall Schedule ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "button", 41);
+    i0.ɵɵlistener("click", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_91_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ActiveAccountingView = "grid"); });
+    i0.ɵɵelement(13, "i", 43);
+    i0.ɵɵtext(14, " All Journal Entries ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(15, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_91_Conditional_15_Template, 1, 3, "mj-deferred-revenue-waterfall", 63)(16, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_91_Conditional_16_Template, 2, 3, "div", 44);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵclassProp("mjo-toggle-btn--active", ctx_r1.ActiveAccountingView === "waterfall");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("mjo-toggle-btn--active", ctx_r1.ActiveAccountingView === "grid");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.ActiveAccountingView === "waterfall" ? 15 : ctx_r1.SubscriptionJournalEntryParams ? 16 : -1);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_92_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 33)(1, "div", 36)(2, "div", 37)(3, "h2", 38);
+    i0.ɵɵelement(4, "i", 27);
+    i0.ɵɵtext(5, " Stakeholders & Benefit Assignment");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 39);
+    i0.ɵɵtext(7, "Separation between paying owner entity and beneficiary end-user.");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(8, "div", 66);
+    i0.ɵɵelement(9, "i", 67);
+    i0.ɵɵelementStart(10, "div")(11, "strong");
+    i0.ɵɵtext(12, "Holder and Beneficiary are separated by design:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(13, " The ");
+    i0.ɵɵelementStart(14, "em");
+    i0.ɵɵtext(15, "Holder");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(16, " owns and finances the subscription, while the ");
+    i0.ɵɵelementStart(17, "em");
+    i0.ɵɵtext(18, "Beneficiary");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(19, " holds the entitlement rights. This distinction governs duplicate prevention and concurrency checks. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(20, "div", 68)(21, "mj-form-field", 69);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_92_Template_mj_form_field_Navigate_21_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "mj-form-field", 70);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_92_Template_mj_form_field_Navigate_22_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(21);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_93_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 33)(1, "div", 36)(2, "div", 37)(3, "h2", 38);
+    i0.ɵɵelement(4, "i", 10);
+    i0.ɵɵtext(5, " Renewal & Lifecycle Settings");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 39);
+    i0.ɵɵtext(7, "Automatic renewal rules, lead days, migration chaining, and cancellation dates.");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(8, "div", 68)(9, "mj-form-field", 71);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_93_Template_mj_form_field_Navigate_9_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "mj-form-field", 72);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_93_Template_mj_form_field_Navigate_10_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "mj-form-field", 73);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_93_Template_mj_form_field_Navigate_11_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "mj-form-field", 74);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_93_Template_mj_form_field_Navigate_12_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "mj-form-field", 75);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_93_Template_mj_form_field_Navigate_13_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "mj-form-field", 76);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_93_Template_mj_form_field_Navigate_14_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "mj-form-field", 77);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_93_Template_mj_form_field_Navigate_15_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_94_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 33)(1, "div", 36)(2, "div", 37)(3, "h2", 38);
+    i0.ɵɵelement(4, "i", 28);
+    i0.ɵɵtext(5, " Granted Entitlements");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 39);
+    i0.ɵɵtext(7, "Software permissions, license keys, and seats granted by this subscription.");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(8, "div", 44)(9, "mj-explorer-entity-data-grid", 78);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_94_Template_mj_explorer_entity_data_grid_Navigate_9_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ_BizApps_Orders: Entitlement Grants", "SubscriptionID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ_BizApps_Orders: Entitlement Grants"))("AllowLoad", true)("ShowToolbar", false);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_95_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 33)(1, "div", 36)(2, "div", 37)(3, "h2", 38);
+    i0.ɵɵelement(4, "i", 29);
+    i0.ɵɵtext(5, " Subscription Details & Entity Links");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 39);
+    i0.ɵɵtext(7, "Product catalog link, Company owner, and originating Order Line ID.");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(8, "div", 68)(9, "mj-form-field", 79);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_95_Template_mj_form_field_Navigate_9_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "mj-form-field", 80);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_95_Template_mj_form_field_Navigate_10_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "mj-form-field", 81);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_95_Template_mj_form_field_Navigate_11_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "mj-form-field", 82);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_95_Template_mj_form_field_Navigate_12_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "mj-form-field", 83);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_95_Template_mj_form_field_Navigate_13_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_96_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 33)(1, "div", 36)(2, "div", 37)(3, "h2", 38);
+    i0.ɵɵelement(4, "i", 30);
+    i0.ɵɵtext(5, " Subscription Events Log");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 39);
+    i0.ɵɵtext(7, "Complete immutable audit trail of subscription transitions, renewals, and lifecycle events.");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(8, "div", 44)(9, "mj-explorer-entity-data-grid", 78);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_96_Template_mj_explorer_entity_data_grid_Navigate_9_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ_BizApps_Orders: Subscription Events", "SubscriptionID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ_BizApps_Orders: Subscription Events"))("AllowLoad", true)("ShowToolbar", false);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_97_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 33)(1, "div", 36)(2, "div", 37)(3, "h2", 38);
+    i0.ɵɵelement(4, "i", 31);
+    i0.ɵɵtext(5, " System Metadata");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 39);
+    i0.ɵɵtext(7, "System identifiers, schema integrity, and database timestamps.");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(8, "div", 68)(9, "mj-form-field", 84);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_97_Template_mj_form_field_Navigate_9_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "mj-form-field", 85);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_97_Template_mj_form_field_Navigate_10_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "mj-form-field", 86);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Conditional_97_Template_mj_form_field_Navigate_11_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+} }
+function BizAppsSubscriptionFormComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-record-form-container", 1);
+    i0.ɵɵlistener("Navigate", function BizAppsSubscriptionFormComponent_Conditional_0_Template_mj_record_form_container_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); })("DeleteRequested", function BizAppsSubscriptionFormComponent_Conditional_0_Template_mj_record_form_container_DeleteRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteRequested()); })("FavoriteToggled", function BizAppsSubscriptionFormComponent_Conditional_0_Template_mj_record_form_container_FavoriteToggled_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFavoriteToggled()); })("HistoryRequested", function BizAppsSubscriptionFormComponent_Conditional_0_Template_mj_record_form_container_HistoryRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnHistoryRequested()); })("ListManagementRequested", function BizAppsSubscriptionFormComponent_Conditional_0_Template_mj_record_form_container_ListManagementRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnListManagementRequested()); });
+    i0.ɵɵelement(1, "mj-form-panel-slot", 2);
+    i0.ɵɵelementStart(2, "div", 3)(3, "div", 4)(4, "div", 5);
+    i0.ɵɵelement(5, "i", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 7)(7, "div", 8)(8, "span", 9);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "span");
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "span");
+    i0.ɵɵelement(13, "i", 10);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 11)(16, "span", 12);
+    i0.ɵɵelement(17, "i", 13);
+    i0.ɵɵtext(18, " Coverage: ");
+    i0.ɵɵelementStart(19, "strong");
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(21, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_21_Template, 3, 1, "span", 12);
+    i0.ɵɵconditionalCreate(22, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_22_Template, 3, 1, "span", 12);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(23, "div", 14)(24, "div", 15)(25, "span", 16);
+    i0.ɵɵtext(26, "Holder (Payer)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "span", 17);
+    i0.ɵɵtext(28);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(29, "div", 15)(30, "span", 16);
+    i0.ɵɵtext(31, "Beneficiary (User)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(32, "span", 17);
+    i0.ɵɵtext(33);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(34, "div", 15)(35, "span", 16);
+    i0.ɵɵtext(36, "Terms");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "span", 17);
+    i0.ɵɵtext(38);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(39, "div", 18)(40, "aside", 19)(41, "div", 20);
+    i0.ɵɵtext(42, "Subscription Cycles");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(43, "button", 21);
+    i0.ɵɵlistener("click", function BizAppsSubscriptionFormComponent_Conditional_0_Template_button_click_43_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SelectPane("terms")); });
+    i0.ɵɵelementStart(44, "div", 22);
+    i0.ɵɵelement(45, "i", 23);
+    i0.ɵɵelementStart(46, "span");
+    i0.ɵɵtext(47, "Terms");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(48, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_48_Template, 2, 1, "span", 24);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(49, "button", 21);
+    i0.ɵɵlistener("click", function BizAppsSubscriptionFormComponent_Conditional_0_Template_button_click_49_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SelectPane("revRec")); });
+    i0.ɵɵelementStart(50, "div", 22);
+    i0.ɵɵelement(51, "i", 25);
+    i0.ɵɵelementStart(52, "span");
+    i0.ɵɵtext(53, "Deferred Revenue & Rev-Rec");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(54, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_54_Template, 2, 1, "span", 26);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(55, "div", 20);
+    i0.ɵɵtext(56, "Contract & Stakeholders");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(57, "button", 21);
+    i0.ɵɵlistener("click", function BizAppsSubscriptionFormComponent_Conditional_0_Template_button_click_57_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SelectPane("stakeholders")); });
+    i0.ɵɵelementStart(58, "div", 22);
+    i0.ɵɵelement(59, "i", 27);
+    i0.ɵɵelementStart(60, "span");
+    i0.ɵɵtext(61, "Stakeholders & Assignment");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(62, "button", 21);
+    i0.ɵɵlistener("click", function BizAppsSubscriptionFormComponent_Conditional_0_Template_button_click_62_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SelectPane("renewal")); });
+    i0.ɵɵelementStart(63, "div", 22);
+    i0.ɵɵelement(64, "i", 10);
+    i0.ɵɵelementStart(65, "span");
+    i0.ɵɵtext(66, "Renewal & Lifecycle");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(67, "button", 21);
+    i0.ɵɵlistener("click", function BizAppsSubscriptionFormComponent_Conditional_0_Template_button_click_67_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SelectPane("entitlements")); });
+    i0.ɵɵelementStart(68, "div", 22);
+    i0.ɵɵelement(69, "i", 28);
+    i0.ɵɵelementStart(70, "span");
+    i0.ɵɵtext(71, "Granted Entitlements");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(72, "div", 20);
+    i0.ɵɵtext(73, "Context & Audit");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(74, "button", 21);
+    i0.ɵɵlistener("click", function BizAppsSubscriptionFormComponent_Conditional_0_Template_button_click_74_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SelectPane("details")); });
+    i0.ɵɵelementStart(75, "div", 22);
+    i0.ɵɵelement(76, "i", 29);
+    i0.ɵɵelementStart(77, "span");
+    i0.ɵɵtext(78, "Subscription Details");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(79, "button", 21);
+    i0.ɵɵlistener("click", function BizAppsSubscriptionFormComponent_Conditional_0_Template_button_click_79_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SelectPane("events")); });
+    i0.ɵɵelementStart(80, "div", 22);
+    i0.ɵɵelement(81, "i", 30);
+    i0.ɵɵelementStart(82, "span");
+    i0.ɵɵtext(83, "Subscription Events Log");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(84, "button", 21);
+    i0.ɵɵlistener("click", function BizAppsSubscriptionFormComponent_Conditional_0_Template_button_click_84_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SelectPane("systemMetadata")); });
+    i0.ɵɵelementStart(85, "div", 22);
+    i0.ɵɵelement(86, "i", 31);
+    i0.ɵɵelementStart(87, "span");
+    i0.ɵɵtext(88, "System Metadata");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(89, "main", 32);
+    i0.ɵɵconditionalCreate(90, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_90_Template, 17, 5, "div", 33);
+    i0.ɵɵconditionalCreate(91, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_91_Template, 17, 5, "div", 33);
+    i0.ɵɵconditionalCreate(92, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_92_Template, 23, 8, "div", 33);
+    i0.ɵɵconditionalCreate(93, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_93_Template, 16, 28, "div", 33);
+    i0.ɵɵconditionalCreate(94, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_94_Template, 10, 4, "div", 33);
+    i0.ɵɵconditionalCreate(95, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_95_Template, 14, 20, "div", 33);
+    i0.ɵɵconditionalCreate(96, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_96_Template, 10, 4, "div", 33);
+    i0.ɵɵconditionalCreate(97, BizAppsSubscriptionFormComponent_Conditional_0_Conditional_97_Template, 12, 12, "div", 33);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(98, "mj-form-panel-slot", 34);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Record", ctx_r1.record)("FormComponent", ctx_r1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Entity", i0.ɵɵinterpolate(ctx_r1.record.EntityInfo.Name))("Record", ctx_r1.record)("FormComponent", ctx_r1)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassMap(ctx_r1.SubscriptionAvatarIcon);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.record.SubscriptionNumber || "New Subscription");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.StatusBadgeClass);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.record.Status || "Active");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.AutoRenewBadgeClass);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.AutoRenew ? "Auto-Renews" : "Manual Renewal", " ");
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.FormattedCoverageWindow);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.CompanyID ? 21 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.ProductID ? 22 : -1);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.HolderDisplayName);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.BeneficiaryDisplayName);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("", ctx_r1.SubscriptionTerms.length || ctx_r1.GetSectionRowCount("mJBizAppsOrdersSubscriptionTerms") || 0, " Cycles Appended");
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("active", ctx_r1.ActivePane === "terms");
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.SubscriptionTerms.length > 0 ? 48 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("active", ctx_r1.ActivePane === "revRec");
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.RevRecJournalEntries.length > 0 ? 54 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("active", ctx_r1.ActivePane === "stakeholders");
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("active", ctx_r1.ActivePane === "renewal");
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("active", ctx_r1.ActivePane === "entitlements");
+    i0.ɵɵadvance(7);
+    i0.ɵɵclassProp("active", ctx_r1.ActivePane === "details");
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("active", ctx_r1.ActivePane === "events");
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("active", ctx_r1.ActivePane === "systemMetadata");
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.ActivePane === "terms" ? 90 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ActivePane === "revRec" ? 91 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ActivePane === "stakeholders" ? 92 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ActivePane === "renewal" ? 93 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ActivePane === "entitlements" ? 94 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ActivePane === "details" ? 95 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ActivePane === "events" ? 96 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ActivePane === "systemMetadata" ? 97 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Entity", i0.ɵɵinterpolate(ctx_r1.record.EntityInfo.Name))("Record", ctx_r1.record)("FormComponent", ctx_r1)("FormContext", ctx_r1.formContext);
+} }
+const ACTIVE_PANE_SETTING = 'mj.orders.subscriptionForm.activePane';
+/**
+ * Custom Subscription form component with Responsive Left Navigation Workspace.
+ *
+ * Replaces standard stacked accordion forms with a streamlined left nav layout:
+ * 1. Subscription Hero Header: Number, Status, Auto-Renew, Coverage window, Product, Stakeholders.
+ * 2. Left Navigation Workspace Rail: Instant switching between Terms, Deferred Revenue Waterfall,
+ *    Stakeholders, Renewal Rules, Entitlement Grants, Details, and Events.
+ * 3. Interactive Term Deck: Color-coded cards for each term cycle with direct drill-downs.
+ * 4. Multi-Term Deferred Revenue Waterfall: ASC 606 forward schedule with year dividers.
+ */
+export class BizAppsSubscriptionFormComponent extends mjBizAppsOrdersSubscriptionFormComponent {
+    record;
+    ActivePane = 'terms';
+    SubscriptionTerms = [];
+    SubscriptionTermLookup = {};
+    TermsViewMode = 'cards';
+    RevRecJournalEntries = [];
+    RevRecLoading = false;
+    ActiveAccountingView = 'waterfall';
+    SubscriptionTermIDs = [];
+    _lastLoadedRecordId = null;
+    navigationService = inject(NavigationService, { optional: true });
+    OnFormNavigate(event) {
+        this.Navigate.emit(event);
+        DispatchFormNavigation(event, this.navigationService);
+    }
+    async ngOnInit() {
+        await super.ngOnInit();
+        this.initSections([
+            { sectionKey: 'mJBizAppsOrdersSubscriptionTerms', sectionName: 'Terms', isExpanded: true },
+            { sectionKey: 'stakeholders', sectionName: 'Stakeholders & Benefit Assignment', isExpanded: true },
+            { sectionKey: 'renewalAndLifecycle', sectionName: 'Renewal & Lifecycle Settings', isExpanded: true },
+            { sectionKey: 'mJBizAppsOrdersEntitlementGrants', sectionName: 'Granted Entitlements', isExpanded: true },
+            { sectionKey: 'accountingAndJournalEntries', sectionName: 'Deferred Revenue & Rev-Rec Schedule', isExpanded: true },
+            { sectionKey: 'subscriptionDetails', sectionName: 'Subscription Details & Entity Links', isExpanded: false },
+            { sectionKey: 'mJBizAppsOrdersSubscriptionEvents', sectionName: 'Subscription Events Log', isExpanded: false },
+            { sectionKey: 'systemMetadata', sectionName: 'System Metadata', isExpanded: false },
+        ]);
+        const savedPane = UserInfoEngine.Instance.GetSetting(ACTIVE_PANE_SETTING);
+        if (savedPane && this.isValidPane(savedPane)) {
+            this.ActivePane = savedPane;
+        }
+        if (this.record?.IsSaved && this.record?.ID && this.record.ID !== this._lastLoadedRecordId) {
+            this._lastLoadedRecordId = this.record.ID;
+            await this.LoadRevRecJournalEntries();
+        }
+    }
+    async ngOnChanges(changes) {
+        if (this.record?.IsSaved && this.record?.ID && this.record.ID !== this._lastLoadedRecordId) {
+            this._lastLoadedRecordId = this.record.ID;
+            await this.LoadRevRecJournalEntries();
+        }
+    }
+    SelectPane(pane) {
+        this.ActivePane = pane;
+        UserInfoEngine.Instance.SetSettingDebounced(ACTIVE_PANE_SETTING, pane);
+    }
+    isValidPane(val) {
+        return ['terms', 'revRec', 'stakeholders', 'renewal', 'entitlements', 'details', 'events', 'systemMetadata'].includes(val);
+    }
+    /**
+     * Loads full coverage terms and revenue recognition Journal Entries.
+     */
+    async LoadRevRecJournalEntries() {
+        if (!this.record?.ID)
+            return;
+        this.RevRecLoading = true;
+        try {
+            const rv = new RunView();
+            const md = new Metadata();
+            // 1. Fetch child SubscriptionTerm records
+            const termsRes = await rv.RunView({
+                EntityName: 'MJ_BizApps_Orders: Subscription Terms',
+                ExtraFilter: `SubscriptionID = '${this.record.ID}'`,
+                OrderBy: 'TermNumber ASC',
+                ResultType: 'entity_object',
+                MaxRows: 200,
+            }, md.CurrentUser);
+            const terms = (termsRes.Success && termsRes.Results) ? termsRes.Results : [];
+            this.SubscriptionTerms = terms;
+            this.SetSectionRowCount('mJBizAppsOrdersSubscriptionTerms', terms.length);
+            const termIds = terms.map(t => t.ID);
+            this.SubscriptionTermIDs = termIds;
+            // Build term lookup for color-coding in waterfall
+            const lookup = {};
+            terms.forEach((t, idx) => {
+                const termNum = t.TermNumber ?? (idx + 1);
+                lookup[t.ID.toLowerCase()] = { TermNumber: termNum, Label: `Term ${termNum}` };
+                lookup[t.ID.toUpperCase()] = { TermNumber: termNum, Label: `Term ${termNum}` };
+            });
+            this.SubscriptionTermLookup = lookup;
+            const targetIds = [...termIds];
+            if (this.record.OrderLineID) {
+                targetIds.push(this.record.OrderLineID);
+            }
+            targetIds.push(this.record.ID);
+            const quotedTargets = targetIds.map(id => `'${id}'`).join(',');
+            const res = await rv.RunView({
+                EntityName: 'MJ_BizApps_Accounting: Journal Entries',
+                ExtraFilter: `LinkedRecordID IN (${quotedTargets})`,
+                OrderBy: 'EffectiveDate ASC',
+                MaxRows: 500,
+                ResultType: 'entity_object',
+                IncludeRelatedRecords: ['Lines'],
+            }, md.CurrentUser);
+            if (res.Success && res.Results) {
+                // Eagerly load lines for each JournalEntry so amounts & GL accounts are known
+                await Promise.all(res.Results.map(async (je) => {
+                    try {
+                        if (je.Lines && typeof je.Lines.Load === 'function') {
+                            await je.Lines.Load();
+                        }
+                    }
+                    catch {
+                        // ignore line load error
+                    }
+                }));
+                // Filter for revenue recognition schedule entries (anchored to subscription terms)
+                const recognitionEntries = res.Results.filter((je) => {
+                    const desc = (je.Description || '').toLowerCase();
+                    const typeStr = (je.EntryType || '').toLowerCase();
+                    const isTerm = termIds.some((tid) => tid.toLowerCase() === String(je.LinkedRecordID).toLowerCase());
+                    return isTerm || desc.includes('recognize') || typeStr.includes('recognition');
+                });
+                this.RevRecJournalEntries = recognitionEntries.length > 0 ? recognitionEntries : res.Results;
+            }
+        }
+        finally {
+            this.RevRecLoading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * FontAwesome icon representing recurring subscription service.
+     */
+    get SubscriptionAvatarIcon() {
+        return 'fa-solid fa-arrows-rotate';
+    }
+    /**
+     * Returns the status chip CSS class reflecting subscription state.
+     */
+    get StatusBadgeClass() {
+        const status = this.record?.Status;
+        switch (status) {
+            case 'Active':
+                return 'mjo-status-chip mjo-status-chip--active';
+            case 'Trialing':
+                return 'mjo-status-chip mjo-status-chip--info';
+            case 'Paused':
+                return 'mjo-status-chip mjo-status-chip--warning';
+            case 'Canceled':
+            case 'Migrated':
+                return 'mjo-status-chip mjo-status-chip--inactive';
+            default:
+                return 'mjo-status-chip';
+        }
+    }
+    /**
+     * Returns term status badge class.
+     */
+    GetTermStatusClass(status) {
+        switch (status) {
+            case 'Active':
+                return 'mjo-status-chip mjo-status-chip--active';
+            case 'Scheduled':
+                return 'mjo-status-chip mjo-status-chip--info';
+            case 'Completed':
+                return 'mjo-status-chip mjo-status-chip--secondary';
+            case 'Canceled':
+            case 'Lapsed':
+                return 'mjo-status-chip mjo-status-chip--inactive';
+            default:
+                return 'mjo-status-chip';
+        }
+    }
+    /**
+     * Returns color class for term index.
+     */
+    GetTermBadgeClass(index) {
+        const mod = (index % 5) + 1;
+        return `mjo-term-color--t${mod}`;
+    }
+    /**
+     * Formats the active coverage date range.
+     */
+    get FormattedCoverageWindow() {
+        if (!this.record?.StartDate && !this.record?.EndDate)
+            return '—';
+        const startStr = this.record.StartDate ? new Date(this.record.StartDate).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' }) : '—';
+        const endStr = this.record.EndDate ? new Date(this.record.EndDate).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' }) : 'Indefinite';
+        return `${startStr} – ${endStr}`;
+    }
+    FormatDateRange(start, end) {
+        if (!start && !end)
+            return '—';
+        const startStr = start ? new Date(start).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' }) : '—';
+        const endStr = end ? new Date(end).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' }) : 'Open-ended';
+        return `${startStr} – ${endStr}`;
+    }
+    FormatMoney(amt) {
+        return new Intl.NumberFormat('en-US', {
+            style: 'currency',
+            currency: 'USD',
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+        }).format(amt ?? 0);
+    }
+    /**
+     * Resolves the primary holder organization or individual.
+     */
+    get HolderDisplayName() {
+        return this.record?.HolderOrganization || this.record?.HolderOrganizationID || '—';
+    }
+    /**
+     * Resolves the beneficiary individual or group.
+     */
+    get BeneficiaryDisplayName() {
+        return this.record?.BeneficiaryPerson || this.record?.BeneficiaryPersonID || '—';
+    }
+    /**
+     * Auto-renew pill class.
+     */
+    get AutoRenewBadgeClass() {
+        return this.record?.AutoRenew
+            ? 'mjo-renew-chip mjo-renew-chip--on'
+            : 'mjo-renew-chip mjo-renew-chip--off';
+    }
+    /**
+     * View parameters for the linked Journal Entries grid.
+     * Links by child SubscriptionTerm IDs, originating OrderLineID, or Subscription ID.
+     */
+    get SubscriptionJournalEntryParams() {
+        if (!this.record?.IsSaved || !this.record?.ID)
+            return null;
+        const targetIds = [...this.SubscriptionTermIDs];
+        if (this.record.OrderLineID) {
+            targetIds.push(this.record.OrderLineID);
+        }
+        targetIds.push(this.record.ID);
+        const quotedTargets = targetIds.map(id => `'${id}'`).join(',');
+        return {
+            EntityName: 'MJ_BizApps_Accounting: Journal Entries',
+            ExtraFilter: `LinkedRecordID IN (${quotedTargets})`,
+            OrderBy: 'EffectiveDate ASC',
+            ResultType: 'entity_object',
+        };
+    }
+    OnJournalEntrySelected(je) {
+        const pk = new CompositeKey();
+        pk.LoadFromSingleKeyValuePair('ID', je.ID);
+        this.OnFormNavigate({
+            Kind: 'record',
+            EntityName: 'MJ_BizApps_Accounting: Journal Entries',
+            PrimaryKey: pk,
+        });
+    }
+    OnOpenTerm(term) {
+        const pk = new CompositeKey();
+        pk.LoadFromSingleKeyValuePair('ID', term.ID);
+        this.OnFormNavigate({
+            Kind: 'record',
+            EntityName: 'MJ_BizApps_Orders: Subscription Terms',
+            PrimaryKey: pk,
+        });
+    }
+    /**
+     * Called when a child record or related widget mutates data.
+     */
+    async OnWidgetDataChanged() {
+        if (!this.record.Dirty) {
+            await this.record.InnerLoad(this.record.PrimaryKey);
+            await this.LoadRevRecJournalEntries();
+            this.cdr.detectChanges();
+        }
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵBizAppsSubscriptionFormComponent_BaseFactory; return function BizAppsSubscriptionFormComponent_Factory(__ngFactoryType__) { return (ɵBizAppsSubscriptionFormComponent_BaseFactory || (ɵBizAppsSubscriptionFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BizAppsSubscriptionFormComponent)))(__ngFactoryType__ || BizAppsSubscriptionFormComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BizAppsSubscriptionFormComponent, selectors: [["bizapps-subscription-form"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "Record", "FormComponent"], [3, "Navigate", "DeleteRequested", "FavoriteToggled", "HistoryRequested", "ListManagementRequested", "Record", "FormComponent"], ["Slot", "before-fields", 3, "Entity", "Record", "FormComponent", "FormContext"], [1, "mjo-sub-hero-card"], [1, "mjo-sub-hero-main"], [1, "mjo-sub-avatar"], ["aria-hidden", "true"], [1, "mjo-sub-hero-info"], [1, "mjo-sub-hero-title-row"], [1, "mjo-sub-number"], [1, "fa-solid", "fa-arrows-rotate"], [1, "mjo-sub-hero-sub-row"], [1, "mjo-sub-meta-item"], [1, "fa-solid", "fa-calendar-days"], [1, "mjo-sub-hero-stats"], [1, "mjo-stat-block"], [1, "mjo-stat-label"], [1, "mjo-stat-val"], [1, "mjo-sub-workspace"], ["role", "navigation", "aria-label", "Subscription workspace sections", 1, "mjo-sub-left-nav"], [1, "mjo-nav-group-title"], ["type", "button", 1, "mjo-nav-btn", 3, "click"], [1, "mjo-nav-btn-left"], [1, "fa-solid", "fa-calendar-check"], [1, "mjo-nav-badge"], [1, "fa-solid", "fa-chart-waterfall"], [1, "mjo-nav-badge", "mjo-nav-badge--info"], [1, "fa-solid", "fa-users"], [1, "fa-solid", "fa-key"], [1, "fa-solid", "fa-cube"], [1, "fa-solid", "fa-history"], [1, "fa-solid", "fa-shield-alt"], [1, "mjo-sub-workspace-content"], [1, "mjo-pane-card"], ["Slot", "after-fields", 3, "Entity", "Record", "FormComponent", "FormContext"], [1, "fa-solid", "fa-building"], [1, "mjo-pane-header"], [1, "mjo-pane-title-area"], [1, "mjo-pane-title"], [1, "mjo-pane-desc"], [1, "mjo-toggle-strip"], ["type", "button", 1, "mjo-toggle-btn", 3, "click"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-table"], [1, "mjo-grid-pane"], [1, "mjo-empty-state"], [1, "mjo-terms-deck-grid"], [1, "fa-solid", "fa-calendar-xmark"], [1, "mjo-term-card"], [1, "mjo-term-card-head"], [1, "mjo-term-pill", 3, "ngClass"], [1, "fa-solid", "fa-circle-dot"], [1, "mjo-term-badges"], [1, "mjo-prorated-chip"], [1, "mjo-term-amount"], [1, "mjo-term-dates"], [1, "fa-regular", "fa-calendar"], [1, "mjo-term-actions"], ["type", "button", 1, "mjo-open-term-btn", 3, "click"], [1, "fa-solid", "fa-arrow-right"], [1, "fa-solid", "fa-percent"], [3, "Navigate", "AfterDataLoad", "Params", "NewRecordValues", "AllowLoad", "ShowToolbar"], [1, "fa-solid", "fa-chart-line"], [3, "JournalEntries", "Title", "TermLookup"], [3, "JournalEntrySelected", "JournalEntries", "Title", "TermLookup"], [3, "Navigate", "Params", "AllowLoad", "ShowToolbar"], [1, "mjo-info-banner"], ["aria-hidden", "true", 1, "fa-solid", "fa-user-group"], [1, "mjo-fields-grid"], ["FieldName", "HolderOrganizationID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "BeneficiaryPersonID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "AutoRenew", "Type", "checkbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "RenewalLeadDays", "Type", "number", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "StartDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "EndDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "CanceledAt", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "MigratesFromSubscriptionID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "MigratesToSubscriptionID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [3, "Navigate", "Params", "NewRecordValues", "AllowLoad", "ShowToolbar"], ["FieldName", "ProductID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "CompanyID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "OrderLineID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Status", "Type", "textbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "SubscriptionNumber", "Type", "textbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "ID", "Type", "textbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "__mj_CreatedAt", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "__mj_UpdatedAt", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"]], template: function BizAppsSubscriptionFormComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, BizAppsSubscriptionFormComponent_Conditional_0_Template, 99, 53, "mj-record-form-container", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.record ? 0 : -1);
+        } }, dependencies: [i1.NgClass, i2.MjFormFieldComponent, i2.MjRecordFormContainerComponent, i2.ExplorerEntityDataGridComponent, i2.FormPanelSlotComponent, i3.DeferredRevenueWaterfallComponent], styles: ["\n\n\n\n\n\n\n.mjo-sub-hero-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-lg, 12px);\n    padding: var(--mj-space-4, 16px) var(--mj-space-5, 20px);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n    margin-bottom: var(--mj-space-4, 16px);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-3, 14px);\n}\n\n.mjo-sub-hero-main[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4, 16px);\n}\n\n.mjo-sub-avatar[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    border-radius: var(--mj-radius-md, 8px);\n    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    box-shadow: 0 4px 10px rgba(2, 132, 199, 0.25);\n    flex-shrink: 0;\n}\n\n.mjo-sub-hero-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    flex: 1;\n}\n\n.mjo-sub-hero-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.mjo-sub-number[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-lg, 18px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n    font-family: var(--mj-font-mono, monospace);\n}\n\n.mjo-sub-hero-sub-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    font-size: var(--mj-text-xs, 12px);\n    color: var(--mj-text-muted, #64748b);\n}\n\n.mjo-sub-meta-item[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n}\n\n.mjo-sub-hero-stats[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n    gap: var(--mj-space-3, 12px);\n    padding-top: var(--mj-space-3, 12px);\n    border-top: 1px solid var(--mj-border-default, #e2e8f0);\n}\n\n.mjo-stat-block[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.mjo-stat-label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs, 11px);\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-text-muted, #64748b);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.mjo-stat-val[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm, 14px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n}\n\n\n\n.mjo-status-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 11px;\n    font-weight: var(--mj-font-semibold, 600);\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-full, 9999px);\n    border: 1px solid var(--mj-border-default, #cbd5e1);\n    color: var(--mj-text-secondary, #475569);\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.04));\n}\n\n.mjo-status-chip--active[_ngcontent-%COMP%] {\n    color: var(--mj-status-success-text, #15803d);\n    background: var(--mj-status-success-bg, rgba(34, 197, 94, 0.12));\n    border-color: var(--mj-status-success-border, rgba(34, 197, 94, 0.35));\n}\n\n.mjo-status-chip--info[_ngcontent-%COMP%] {\n    color: #0284c7;\n    background: rgba(2, 132, 199, 0.12);\n    border-color: rgba(2, 132, 199, 0.35);\n}\n\n.mjo-status-chip--warning[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning-text, #b45309);\n    background: var(--mj-status-warning-bg, rgba(245, 158, 11, 0.12));\n    border-color: var(--mj-status-warning-border, rgba(245, 158, 11, 0.35));\n}\n\n.mjo-status-chip--secondary[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary, #475569);\n    background: rgba(100, 116, 139, 0.12);\n    border-color: rgba(100, 116, 139, 0.35);\n}\n\n.mjo-status-chip--inactive[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted, #64748b);\n    background: rgba(0, 0, 0, 0.04);\n}\n\n.mjo-renew-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 11px;\n    font-weight: var(--mj-font-semibold, 600);\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-full, 9999px);\n    border: 1px solid var(--mj-border-default, #cbd5e1);\n}\n\n.mjo-renew-chip--on[_ngcontent-%COMP%] {\n    color: #16a34a;\n    background: rgba(34, 197, 94, 0.12);\n    border-color: rgba(34, 197, 94, 0.35);\n}\n\n.mjo-renew-chip--off[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted, #64748b);\n    background: rgba(0, 0, 0, 0.04);\n}\n\n.mjo-prorated-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 10.5px;\n    font-weight: var(--mj-font-bold, 700);\n    padding: 1px 6px;\n    border-radius: 4px;\n    color: #d97706;\n    background: rgba(245, 158, 11, 0.15);\n    border: 1px solid rgba(245, 158, 11, 0.35);\n}\n\n\n\n.mjo-sub-workspace[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 240px minmax(0, 1fr);\n    gap: var(--mj-space-4, 16px);\n    align-items: start;\n}\n\n\n\n.mjo-sub-left-nav[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-lg, 10px);\n    padding: 8px;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    position: sticky;\n    top: 16px;\n}\n\n.mjo-nav-group-title[_ngcontent-%COMP%] {\n    font-size: 10px;\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-muted, #64748b);\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    padding: 6px 10px 2px;\n}\n\n.mjo-nav-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding: 8px 12px;\n    background: transparent;\n    border: none;\n    border-radius: var(--mj-radius-md, 6px);\n    font-family: inherit;\n    font-size: var(--mj-text-xs, 12.5px);\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-text-secondary, #475569);\n    cursor: pointer;\n    text-align: left;\n    transition: all 0.15s ease;\n    box-sizing: border-box;\n}\n\n.mjo-nav-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken, #f1f5f9);\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-nav-btn.active[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary, #0076b6);\n    color: #ffffff;\n    box-shadow: 0 2px 4px rgba(0, 118, 182, 0.25);\n}\n\n.mjo-nav-btn-left[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n}\n\n.mjo-nav-btn-left[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.mjo-nav-badge[_ngcontent-%COMP%] {\n    font-size: 10px;\n    font-weight: var(--mj-font-bold, 700);\n    padding: 1px 6px;\n    border-radius: var(--mj-radius-full, 9999px);\n    background: var(--mj-bg-surface-sunken, #e2e8f0);\n    color: var(--mj-text-secondary, #475569);\n}\n\n.mjo-nav-btn.active[_ngcontent-%COMP%]   .mjo-nav-badge[_ngcontent-%COMP%] {\n    background: rgba(255, 255, 255, 0.25);\n    color: #ffffff;\n}\n\n.mjo-nav-badge--info[_ngcontent-%COMP%] {\n    background: rgba(2, 132, 199, 0.15);\n    color: #0284c7;\n}\n\n\n\n.mjo-sub-workspace-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4, 16px);\n    min-width: 0;\n}\n\n.mjo-pane-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-lg, 10px);\n    padding: 18px 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n}\n\n.mjo-pane-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 12px;\n    border-bottom: 1px solid var(--mj-border-default, #f1f5f9);\n    padding-bottom: 12px;\n    flex-wrap: wrap;\n}\n\n.mjo-pane-title-area[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.mjo-pane-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-md, 15px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n    display: flex;\n    align-items: center;\n    gap: 7px;\n}\n\n.mjo-pane-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary, #0076b6);\n}\n\n.mjo-pane-desc[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-xs, 12px);\n    color: var(--mj-text-muted, #64748b);\n}\n\n.mjo-toggle-strip[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-toggle-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 5px 12px;\n    font-size: 12px;\n    font-weight: var(--mj-font-semibold, 600);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-default, #cbd5e1);\n    background: var(--mj-bg-surface-card, #ffffff);\n    color: var(--mj-text-secondary, #475569);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    white-space: nowrap;\n}\n\n.mjo-toggle-btn[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary, #0076b6);\n    color: var(--mj-brand-primary, #0076b6);\n}\n\n.mjo-toggle-btn--active[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary, #0076b6);\n    color: #ffffff !important;\n    border-color: var(--mj-brand-primary, #0076b6);\n}\n\n\n\n.mjo-terms-deck-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: var(--mj-space-3, 12px);\n}\n\n.mjo-term-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken, #f8fafc);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-md, 8px);\n    padding: 14px 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    transition: all 0.15s ease;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);\n}\n\n.mjo-term-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary, #0076b6);\n    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);\n}\n\n.mjo-term-card-head[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n}\n\n.mjo-term-pill[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 11px;\n    font-weight: var(--mj-font-bold, 700);\n    padding: 2px 8px;\n    border-radius: 4px;\n    letter-spacing: 0.03em;\n    text-transform: uppercase;\n}\n\n.mjo-term-color--t1[_ngcontent-%COMP%] {\n    background: rgba(6, 182, 212, 0.15);\n    color: #0284c7;\n    border: 1px solid rgba(6, 182, 212, 0.35);\n}\n.mjo-term-color--t2[_ngcontent-%COMP%] {\n    background: rgba(168, 85, 247, 0.15);\n    color: #9333ea;\n    border: 1px solid rgba(168, 85, 247, 0.35);\n}\n.mjo-term-color--t3[_ngcontent-%COMP%] {\n    background: rgba(34, 197, 94, 0.15);\n    color: #16a34a;\n    border: 1px solid rgba(34, 197, 94, 0.35);\n}\n.mjo-term-color--t4[_ngcontent-%COMP%] {\n    background: rgba(245, 158, 11, 0.15);\n    color: #d97706;\n    border: 1px solid rgba(245, 158, 11, 0.35);\n}\n.mjo-term-color--t5[_ngcontent-%COMP%] {\n    background: rgba(244, 63, 94, 0.15);\n    color: #e11d48;\n    border: 1px solid rgba(244, 63, 94, 0.35);\n}\n\n.mjo-term-badges[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-term-amount[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: var(--mj-font-bold, 700);\n    font-family: var(--mj-font-mono, monospace);\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-term-dates[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted, #64748b);\n}\n\n.mjo-term-dates[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary, #0076b6);\n}\n\n.mjo-term-actions[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    padding-top: 8px;\n    border-top: 1px dashed var(--mj-border-default, #e2e8f0);\n}\n\n.mjo-open-term-btn[_ngcontent-%COMP%] {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #cbd5e1);\n    border-radius: var(--mj-radius-sm, 6px);\n    padding: 6px 10px;\n    font-size: 11.5px;\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-brand-primary, #0076b6);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mjo-open-term-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-brand-primary, #0076b6);\n    color: #ffffff;\n    border-color: var(--mj-brand-primary, #0076b6);\n}\n\n.mjo-empty-state[_ngcontent-%COMP%] {\n    padding: 32px;\n    text-align: center;\n    color: var(--mj-text-muted, #64748b);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n}\n\n.mjo-fields-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 14px;\n}\n\n.mjo-grid-pane[_ngcontent-%COMP%] {\n    width: 100%;\n    min-width: 0;\n}\n\n\n\n.mjo-info-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--mj-space-3, 12px);\n    background: rgba(2, 132, 199, 0.08);\n    border: 1px solid rgba(2, 132, 199, 0.25);\n    border-radius: var(--mj-radius-md, 8px);\n    padding: var(--mj-space-3, 12px) var(--mj-space-4, 16px);\n    font-size: 13px;\n    color: var(--mj-text-primary, #0f172a);\n    line-height: 1.45;\n}\n\n.mjo-info-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 16px;\n    margin-top: 2px;\n    color: #0284c7;\n    flex-shrink: 0;\n}\n\n\n\n@media (max-width: 900px) {\n    .mjo-sub-workspace[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n    .mjo-sub-left-nav[_ngcontent-%COMP%] {\n        position: static;\n        flex-direction: row;\n        overflow-x: auto;\n        padding: 6px;\n    }\n    .mjo-nav-group-title[_ngcontent-%COMP%] {\n        display: none;\n    }\n    .mjo-nav-btn[_ngcontent-%COMP%] {\n        width: auto;\n        white-space: nowrap;\n    }\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BizAppsSubscriptionFormComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'bizapps-subscription-form', template: "@if (record) {\n<mj-record-form-container [Record]=\"record\" [FormComponent]=\"this\"\n    (Navigate)=\"OnFormNavigate($event)\"\n    (DeleteRequested)=\"OnDeleteRequested()\"\n    (FavoriteToggled)=\"OnFavoriteToggled()\"\n    (HistoryRequested)=\"OnHistoryRequested()\"\n    (ListManagementRequested)=\"OnListManagementRequested()\">\n\n    <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"before-fields\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n\n    <!-- ================================================================\n         SUBSCRIPTION HERO IDENTITY HEADER CARD\n         ================================================================ -->\n    <div class=\"mjo-sub-hero-card\">\n        <div class=\"mjo-sub-hero-main\">\n            <div class=\"mjo-sub-avatar\">\n                <i [class]=\"SubscriptionAvatarIcon\" aria-hidden=\"true\"></i>\n            </div>\n            <div class=\"mjo-sub-hero-info\">\n                <div class=\"mjo-sub-hero-title-row\">\n                    <span class=\"mjo-sub-number\">{{ record.SubscriptionNumber || 'New Subscription' }}</span>\n                    <span [class]=\"StatusBadgeClass\">{{ record.Status || 'Active' }}</span>\n                    <span [class]=\"AutoRenewBadgeClass\">\n                        <i class=\"fa-solid fa-arrows-rotate\"></i> {{ record.AutoRenew ? 'Auto-Renews' : 'Manual Renewal' }}\n                    </span>\n                </div>\n                <div class=\"mjo-sub-hero-sub-row\">\n                    <span class=\"mjo-sub-meta-item\">\n                        <i class=\"fa-solid fa-calendar-days\"></i> Coverage: <strong>{{ FormattedCoverageWindow }}</strong>\n                    </span>\n                    @if (record.CompanyID) {\n                        <span class=\"mjo-sub-meta-item\">\n                            <i class=\"fa-solid fa-building\"></i> {{ record.Company || record.CompanyID }}\n                        </span>\n                    }\n                    @if (record.ProductID) {\n                        <span class=\"mjo-sub-meta-item\">\n                            <i class=\"fa-solid fa-cube\"></i> {{ record.Product || record.ProductID }}\n                        </span>\n                    }\n                </div>\n            </div>\n        </div>\n\n        <!-- Stakeholders Strip -->\n        <div class=\"mjo-sub-hero-stats\">\n            <div class=\"mjo-stat-block\">\n                <span class=\"mjo-stat-label\">Holder (Payer)</span>\n                <span class=\"mjo-stat-val\">{{ HolderDisplayName }}</span>\n            </div>\n            <div class=\"mjo-stat-block\">\n                <span class=\"mjo-stat-label\">Beneficiary (User)</span>\n                <span class=\"mjo-stat-val\">{{ BeneficiaryDisplayName }}</span>\n            </div>\n            <div class=\"mjo-stat-block\">\n                <span class=\"mjo-stat-label\">Terms</span>\n                <span class=\"mjo-stat-val\">{{ SubscriptionTerms.length || GetSectionRowCount('mJBizAppsOrdersSubscriptionTerms') || 0 }} Cycles Appended</span>\n            </div>\n        </div>\n    </div>\n\n    <!-- ================================================================\n         TWO-COLUMN RESPONSIVE WORKSPACE: LEFT NAV + ACTIVE PANE\n         ================================================================ -->\n    <div class=\"mjo-sub-workspace\">\n\n        <!-- RESPONSIVE LEFT NAVIGATION RAIL -->\n        <aside class=\"mjo-sub-left-nav\" role=\"navigation\" aria-label=\"Subscription workspace sections\">\n            <div class=\"mjo-nav-group-title\">Subscription Cycles</div>\n\n            <button type=\"button\" class=\"mjo-nav-btn\" [class.active]=\"ActivePane === 'terms'\" (click)=\"SelectPane('terms')\">\n                <div class=\"mjo-nav-btn-left\">\n                    <i class=\"fa-solid fa-calendar-check\"></i>\n                    <span>Terms</span>\n                </div>\n                @if (SubscriptionTerms.length > 0) {\n                    <span class=\"mjo-nav-badge\">{{ SubscriptionTerms.length }}</span>\n                }\n            </button>\n\n            <button type=\"button\" class=\"mjo-nav-btn\" [class.active]=\"ActivePane === 'revRec'\" (click)=\"SelectPane('revRec')\">\n                <div class=\"mjo-nav-btn-left\">\n                    <i class=\"fa-solid fa-chart-waterfall\"></i>\n                    <span>Deferred Revenue &amp; Rev-Rec</span>\n                </div>\n                @if (RevRecJournalEntries.length > 0) {\n                    <span class=\"mjo-nav-badge mjo-nav-badge--info\">{{ RevRecJournalEntries.length }}</span>\n                }\n            </button>\n\n            <div class=\"mjo-nav-group-title\">Contract &amp; Stakeholders</div>\n\n            <button type=\"button\" class=\"mjo-nav-btn\" [class.active]=\"ActivePane === 'stakeholders'\" (click)=\"SelectPane('stakeholders')\">\n                <div class=\"mjo-nav-btn-left\">\n                    <i class=\"fa-solid fa-users\"></i>\n                    <span>Stakeholders &amp; Assignment</span>\n                </div>\n            </button>\n\n            <button type=\"button\" class=\"mjo-nav-btn\" [class.active]=\"ActivePane === 'renewal'\" (click)=\"SelectPane('renewal')\">\n                <div class=\"mjo-nav-btn-left\">\n                    <i class=\"fa-solid fa-arrows-rotate\"></i>\n                    <span>Renewal &amp; Lifecycle</span>\n                </div>\n            </button>\n\n            <button type=\"button\" class=\"mjo-nav-btn\" [class.active]=\"ActivePane === 'entitlements'\" (click)=\"SelectPane('entitlements')\">\n                <div class=\"mjo-nav-btn-left\">\n                    <i class=\"fa-solid fa-key\"></i>\n                    <span>Granted Entitlements</span>\n                </div>\n            </button>\n\n            <div class=\"mjo-nav-group-title\">Context &amp; Audit</div>\n\n            <button type=\"button\" class=\"mjo-nav-btn\" [class.active]=\"ActivePane === 'details'\" (click)=\"SelectPane('details')\">\n                <div class=\"mjo-nav-btn-left\">\n                    <i class=\"fa-solid fa-cube\"></i>\n                    <span>Subscription Details</span>\n                </div>\n            </button>\n\n            <button type=\"button\" class=\"mjo-nav-btn\" [class.active]=\"ActivePane === 'events'\" (click)=\"SelectPane('events')\">\n                <div class=\"mjo-nav-btn-left\">\n                    <i class=\"fa-solid fa-history\"></i>\n                    <span>Subscription Events Log</span>\n                </div>\n            </button>\n\n            <button type=\"button\" class=\"mjo-nav-btn\" [class.active]=\"ActivePane === 'systemMetadata'\" (click)=\"SelectPane('systemMetadata')\">\n                <div class=\"mjo-nav-btn-left\">\n                    <i class=\"fa-solid fa-shield-alt\"></i>\n                    <span>System Metadata</span>\n                </div>\n            </button>\n        </aside>\n\n        <!-- MAIN WORKSPACE CONTENT PANE -->\n        <main class=\"mjo-sub-workspace-content\">\n\n            <!-- PANE 1: TERMS -->\n            @if (ActivePane === 'terms') {\n                <div class=\"mjo-pane-card\">\n                    <div class=\"mjo-pane-header\">\n                        <div class=\"mjo-pane-title-area\">\n                            <h2 class=\"mjo-pane-title\"><i class=\"fa-solid fa-calendar-check\"></i> Terms</h2>\n                            <p class=\"mjo-pane-desc\">Contiguous subscription coverage periods, renewal milestones, term pricing, and proration.</p>\n                        </div>\n                        <div class=\"mjo-toggle-strip\">\n                            <button type=\"button\" class=\"mjo-toggle-btn\" [class.mjo-toggle-btn--active]=\"TermsViewMode === 'cards'\" (click)=\"TermsViewMode = 'cards'\">\n                                <i class=\"fa-solid fa-layer-group\"></i> Visual Deck\n                            </button>\n                            <button type=\"button\" class=\"mjo-toggle-btn\" [class.mjo-toggle-btn--active]=\"TermsViewMode === 'grid'\" (click)=\"TermsViewMode = 'grid'\">\n                                <i class=\"fa-solid fa-table\"></i> Data Grid\n                            </button>\n                        </div>\n                    </div>\n\n                    @if (TermsViewMode === 'cards') {\n                        @if (SubscriptionTerms.length === 0) {\n                            <div class=\"mjo-empty-state\">\n                                <i class=\"fa-solid fa-calendar-xmark\"></i>\n                                <span>No coverage terms materialized yet for this subscription.</span>\n                            </div>\n                        } @else {\n                            <div class=\"mjo-terms-deck-grid\">\n                                @for (term of SubscriptionTerms; track term.ID; let i = $index) {\n                                    <div class=\"mjo-term-card\">\n                                        <div class=\"mjo-term-card-head\">\n                                            <div class=\"mjo-term-pill\" [ngClass]=\"GetTermBadgeClass(i)\">\n                                                <i class=\"fa-solid fa-circle-dot\"></i> Term {{ term.TermNumber || (i + 1) }}\n                                            </div>\n                                            <div class=\"mjo-term-badges\">\n                                                <span [class]=\"GetTermStatusClass(term.Status)\">{{ term.Status || 'Active' }}</span>\n                                                @if (term.IsProrated) {\n                                                    <span class=\"mjo-prorated-chip\">\n                                                        <i class=\"fa-solid fa-percent\"></i> {{ term.ProrationFactor ? (term.ProrationFactor * 100).toFixed(0) + '%' : 'Prorated' }}\n                                                    </span>\n                                                }\n                                            </div>\n                                        </div>\n\n                                        <div class=\"mjo-term-amount\">\n                                            {{ FormatMoney(term.Amount) }}\n                                        </div>\n\n                                        <div class=\"mjo-term-dates\">\n                                            <i class=\"fa-regular fa-calendar\"></i>\n                                            <span>{{ FormatDateRange(term.StartDate, term.EndDate) }}</span>\n                                        </div>\n\n                                        <div class=\"mjo-term-actions\">\n                                            <button type=\"button\" class=\"mjo-open-term-btn\" (click)=\"OnOpenTerm(term)\">\n                                                <span>View Term Details &amp; Waterfall</span>\n                                                <i class=\"fa-solid fa-arrow-right\"></i>\n                                            </button>\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        }\n                    } @else {\n                        <div class=\"mjo-grid-pane\">\n                            <mj-explorer-entity-data-grid\n                                [Params]=\"BuildRelationshipViewParamsByEntityName('MJ_BizApps_Orders: Subscription Terms','SubscriptionID')\"\n                                [NewRecordValues]=\"NewRecordValues('MJ_BizApps_Orders: Subscription Terms')\"\n                                [AllowLoad]=\"true\"\n                                [ShowToolbar]=\"false\"\n                                (Navigate)=\"OnFormNavigate($event)\"\n                                (AfterDataLoad)=\"SetSectionRowCount('mJBizAppsOrdersSubscriptionTerms', $event.totalRowCount)\">\n                            </mj-explorer-entity-data-grid>\n                        </div>\n                    }\n                </div>\n            }\n\n            <!-- PANE 2: DEFERRED REVENUE & REV-REC SCHEDULE -->\n            @if (ActivePane === 'revRec') {\n                <div class=\"mjo-pane-card\">\n                    <div class=\"mjo-pane-header\">\n                        <div class=\"mjo-pane-title-area\">\n                            <h2 class=\"mjo-pane-title\"><i class=\"fa-solid fa-chart-waterfall\"></i> Deferred Revenue &amp; Rev-Rec Schedule</h2>\n                            <p class=\"mjo-pane-desc\">ASC 606 recognition rollforward schedules across all active and historical terms.</p>\n                        </div>\n                        <div class=\"mjo-toggle-strip\">\n                            <button type=\"button\" class=\"mjo-toggle-btn\" [class.mjo-toggle-btn--active]=\"ActiveAccountingView === 'waterfall'\" (click)=\"ActiveAccountingView = 'waterfall'\">\n                                <i class=\"fa-solid fa-chart-line\"></i> Waterfall Schedule\n                            </button>\n                            <button type=\"button\" class=\"mjo-toggle-btn\" [class.mjo-toggle-btn--active]=\"ActiveAccountingView === 'grid'\" (click)=\"ActiveAccountingView = 'grid'\">\n                                <i class=\"fa-solid fa-table\"></i> All Journal Entries\n                            </button>\n                        </div>\n                    </div>\n\n                    @if (ActiveAccountingView === 'waterfall') {\n                        <mj-deferred-revenue-waterfall\n                            [JournalEntries]=\"RevRecJournalEntries\"\n                            [Title]=\"'Subscription Deferred Revenue Waterfall'\"\n                            [TermLookup]=\"SubscriptionTermLookup\"\n                            (JournalEntrySelected)=\"OnJournalEntrySelected($event)\">\n                        </mj-deferred-revenue-waterfall>\n                    } @else if (SubscriptionJournalEntryParams) {\n                        <div class=\"mjo-grid-pane\">\n                            <mj-explorer-entity-data-grid\n                                [Params]=\"SubscriptionJournalEntryParams\"\n                                [AllowLoad]=\"true\"\n                                [ShowToolbar]=\"false\"\n                                (Navigate)=\"OnFormNavigate($event)\">\n                            </mj-explorer-entity-data-grid>\n                        </div>\n                    }\n                </div>\n            }\n\n            <!-- PANE 3: STAKEHOLDERS & BENEFIT ASSIGNMENT -->\n            @if (ActivePane === 'stakeholders') {\n                <div class=\"mjo-pane-card\">\n                    <div class=\"mjo-pane-header\">\n                        <div class=\"mjo-pane-title-area\">\n                            <h2 class=\"mjo-pane-title\"><i class=\"fa-solid fa-users\"></i> Stakeholders &amp; Benefit Assignment</h2>\n                            <p class=\"mjo-pane-desc\">Separation between paying owner entity and beneficiary end-user.</p>\n                        </div>\n                    </div>\n\n                    <div class=\"mjo-info-banner\">\n                        <i class=\"fa-solid fa-user-group\" aria-hidden=\"true\"></i>\n                        <div>\n                            <strong>Holder and Beneficiary are separated by design:</strong> The <em>Holder</em> owns and finances the subscription, while the <em>Beneficiary</em> holds the entitlement rights. This distinction governs duplicate prevention and concurrency checks.\n                        </div>\n                    </div>\n\n                    <div class=\"mjo-fields-grid\">\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"HolderOrganizationID\"\n                            Type=\"textbox\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            LinkType=\"Record\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"BeneficiaryPersonID\"\n                            Type=\"textbox\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            LinkType=\"Record\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                    </div>\n                </div>\n            }\n\n            <!-- PANE 4: RENEWAL & LIFECYCLE SETTINGS -->\n            @if (ActivePane === 'renewal') {\n                <div class=\"mjo-pane-card\">\n                    <div class=\"mjo-pane-header\">\n                        <div class=\"mjo-pane-title-area\">\n                            <h2 class=\"mjo-pane-title\"><i class=\"fa-solid fa-arrows-rotate\"></i> Renewal &amp; Lifecycle Settings</h2>\n                            <p class=\"mjo-pane-desc\">Automatic renewal rules, lead days, migration chaining, and cancellation dates.</p>\n                        </div>\n                    </div>\n\n                    <div class=\"mjo-fields-grid\">\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"AutoRenew\"\n                            Type=\"checkbox\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"RenewalLeadDays\"\n                            Type=\"number\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"StartDate\"\n                            Type=\"datepicker\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"EndDate\"\n                            Type=\"datepicker\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"CanceledAt\"\n                            Type=\"datepicker\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"MigratesFromSubscriptionID\"\n                            Type=\"textbox\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            LinkType=\"Record\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"MigratesToSubscriptionID\"\n                            Type=\"textbox\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            LinkType=\"Record\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                    </div>\n                </div>\n            }\n\n            <!-- PANE 5: GRANTED ENTITLEMENTS -->\n            @if (ActivePane === 'entitlements') {\n                <div class=\"mjo-pane-card\">\n                    <div class=\"mjo-pane-header\">\n                        <div class=\"mjo-pane-title-area\">\n                            <h2 class=\"mjo-pane-title\"><i class=\"fa-solid fa-key\"></i> Granted Entitlements</h2>\n                            <p class=\"mjo-pane-desc\">Software permissions, license keys, and seats granted by this subscription.</p>\n                        </div>\n                    </div>\n\n                    <div class=\"mjo-grid-pane\">\n                        <mj-explorer-entity-data-grid\n                            [Params]=\"BuildRelationshipViewParamsByEntityName('MJ_BizApps_Orders: Entitlement Grants','SubscriptionID')\"\n                            [NewRecordValues]=\"NewRecordValues('MJ_BizApps_Orders: Entitlement Grants')\"\n                            [AllowLoad]=\"true\"\n                            [ShowToolbar]=\"false\"\n                            (Navigate)=\"OnFormNavigate($event)\">\n                        </mj-explorer-entity-data-grid>\n                    </div>\n                </div>\n            }\n\n            <!-- PANE 6: SUBSCRIPTION DETAILS & ENTITY LINKS -->\n            @if (ActivePane === 'details') {\n                <div class=\"mjo-pane-card\">\n                    <div class=\"mjo-pane-header\">\n                        <div class=\"mjo-pane-title-area\">\n                            <h2 class=\"mjo-pane-title\"><i class=\"fa-solid fa-cube\"></i> Subscription Details &amp; Entity Links</h2>\n                            <p class=\"mjo-pane-desc\">Product catalog link, Company owner, and originating Order Line ID.</p>\n                        </div>\n                    </div>\n\n                    <div class=\"mjo-fields-grid\">\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"ProductID\"\n                            Type=\"textbox\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            LinkType=\"Record\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"CompanyID\"\n                            Type=\"textbox\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            LinkType=\"Record\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"OrderLineID\"\n                            Type=\"textbox\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            LinkType=\"Record\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"Status\"\n                            Type=\"textbox\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"SubscriptionNumber\"\n                            Type=\"textbox\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                    </div>\n                </div>\n            }\n\n            <!-- PANE 7: SUBSCRIPTION EVENTS LOG -->\n            @if (ActivePane === 'events') {\n                <div class=\"mjo-pane-card\">\n                    <div class=\"mjo-pane-header\">\n                        <div class=\"mjo-pane-title-area\">\n                            <h2 class=\"mjo-pane-title\"><i class=\"fa-solid fa-history\"></i> Subscription Events Log</h2>\n                            <p class=\"mjo-pane-desc\">Complete immutable audit trail of subscription transitions, renewals, and lifecycle events.</p>\n                        </div>\n                    </div>\n\n                    <div class=\"mjo-grid-pane\">\n                        <mj-explorer-entity-data-grid\n                            [Params]=\"BuildRelationshipViewParamsByEntityName('MJ_BizApps_Orders: Subscription Events','SubscriptionID')\"\n                            [NewRecordValues]=\"NewRecordValues('MJ_BizApps_Orders: Subscription Events')\"\n                            [AllowLoad]=\"true\"\n                            [ShowToolbar]=\"false\"\n                            (Navigate)=\"OnFormNavigate($event)\">\n                        </mj-explorer-entity-data-grid>\n                    </div>\n                </div>\n            }\n\n            <!-- PANE 8: SYSTEM METADATA -->\n            @if (ActivePane === 'systemMetadata') {\n                <div class=\"mjo-pane-card\">\n                    <div class=\"mjo-pane-header\">\n                        <div class=\"mjo-pane-title-area\">\n                            <h2 class=\"mjo-pane-title\"><i class=\"fa-solid fa-shield-alt\"></i> System Metadata</h2>\n                            <p class=\"mjo-pane-desc\">System identifiers, schema integrity, and database timestamps.</p>\n                        </div>\n                    </div>\n\n                    <div class=\"mjo-fields-grid\">\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"ID\"\n                            Type=\"textbox\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"__mj_CreatedAt\"\n                            Type=\"datepicker\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                        <mj-form-field \n                            [Record]=\"record\"\n                            [ShowLabel]=\"true\"\n                            FieldName=\"__mj_UpdatedAt\"\n                            Type=\"datepicker\"\n                            [EditMode]=\"EditMode\"\n                            [FormContext]=\"formContext\"\n                            (Navigate)=\"OnFormNavigate($event)\"\n                        ></mj-form-field>\n                    </div>\n                </div>\n            }\n\n        </main>\n    </div>\n\n    <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"after-fields\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n</mj-record-form-container>\n}\n", styles: ["/* ============================================================================\n   BizApps Orders \u2014 Custom Subscription Form Component (Responsive Left-Nav Layout)\n   ============================================================================ */\n\n/* \u2500\u2500 1. Hero Identity Header Card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-sub-hero-card {\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-lg, 12px);\n    padding: var(--mj-space-4, 16px) var(--mj-space-5, 20px);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n    margin-bottom: var(--mj-space-4, 16px);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-3, 14px);\n}\n\n.mjo-sub-hero-main {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4, 16px);\n}\n\n.mjo-sub-avatar {\n    width: 48px;\n    height: 48px;\n    border-radius: var(--mj-radius-md, 8px);\n    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    box-shadow: 0 4px 10px rgba(2, 132, 199, 0.25);\n    flex-shrink: 0;\n}\n\n.mjo-sub-hero-info {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    flex: 1;\n}\n\n.mjo-sub-hero-title-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.mjo-sub-number {\n    font-size: var(--mj-text-lg, 18px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n    font-family: var(--mj-font-mono, monospace);\n}\n\n.mjo-sub-hero-sub-row {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    font-size: var(--mj-text-xs, 12px);\n    color: var(--mj-text-muted, #64748b);\n}\n\n.mjo-sub-meta-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n}\n\n.mjo-sub-hero-stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n    gap: var(--mj-space-3, 12px);\n    padding-top: var(--mj-space-3, 12px);\n    border-top: 1px solid var(--mj-border-default, #e2e8f0);\n}\n\n.mjo-stat-block {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.mjo-stat-label {\n    font-size: var(--mj-text-xs, 11px);\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-text-muted, #64748b);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.mjo-stat-val {\n    font-size: var(--mj-text-sm, 14px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n}\n\n/* \u2500\u2500 2. Badges & Chips \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-status-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 11px;\n    font-weight: var(--mj-font-semibold, 600);\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-full, 9999px);\n    border: 1px solid var(--mj-border-default, #cbd5e1);\n    color: var(--mj-text-secondary, #475569);\n    background: var(--mj-bg-surface-sunken, rgba(0, 0, 0, 0.04));\n}\n\n.mjo-status-chip--active {\n    color: var(--mj-status-success-text, #15803d);\n    background: var(--mj-status-success-bg, rgba(34, 197, 94, 0.12));\n    border-color: var(--mj-status-success-border, rgba(34, 197, 94, 0.35));\n}\n\n.mjo-status-chip--info {\n    color: #0284c7;\n    background: rgba(2, 132, 199, 0.12);\n    border-color: rgba(2, 132, 199, 0.35);\n}\n\n.mjo-status-chip--warning {\n    color: var(--mj-status-warning-text, #b45309);\n    background: var(--mj-status-warning-bg, rgba(245, 158, 11, 0.12));\n    border-color: var(--mj-status-warning-border, rgba(245, 158, 11, 0.35));\n}\n\n.mjo-status-chip--secondary {\n    color: var(--mj-text-secondary, #475569);\n    background: rgba(100, 116, 139, 0.12);\n    border-color: rgba(100, 116, 139, 0.35);\n}\n\n.mjo-status-chip--inactive {\n    color: var(--mj-text-muted, #64748b);\n    background: rgba(0, 0, 0, 0.04);\n}\n\n.mjo-renew-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 11px;\n    font-weight: var(--mj-font-semibold, 600);\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-full, 9999px);\n    border: 1px solid var(--mj-border-default, #cbd5e1);\n}\n\n.mjo-renew-chip--on {\n    color: #16a34a;\n    background: rgba(34, 197, 94, 0.12);\n    border-color: rgba(34, 197, 94, 0.35);\n}\n\n.mjo-renew-chip--off {\n    color: var(--mj-text-muted, #64748b);\n    background: rgba(0, 0, 0, 0.04);\n}\n\n.mjo-prorated-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 10.5px;\n    font-weight: var(--mj-font-bold, 700);\n    padding: 1px 6px;\n    border-radius: 4px;\n    color: #d97706;\n    background: rgba(245, 158, 11, 0.15);\n    border: 1px solid rgba(245, 158, 11, 0.35);\n}\n\n/* \u2500\u2500 3. Two-Column Workspace Layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-sub-workspace {\n    display: grid;\n    grid-template-columns: 240px minmax(0, 1fr);\n    gap: var(--mj-space-4, 16px);\n    align-items: start;\n}\n\n/* Left Navigation Rail */\n.mjo-sub-left-nav {\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-lg, 10px);\n    padding: 8px;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    position: sticky;\n    top: 16px;\n}\n\n.mjo-nav-group-title {\n    font-size: 10px;\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-muted, #64748b);\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    padding: 6px 10px 2px;\n}\n\n.mjo-nav-btn {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding: 8px 12px;\n    background: transparent;\n    border: none;\n    border-radius: var(--mj-radius-md, 6px);\n    font-family: inherit;\n    font-size: var(--mj-text-xs, 12.5px);\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-text-secondary, #475569);\n    cursor: pointer;\n    text-align: left;\n    transition: all 0.15s ease;\n    box-sizing: border-box;\n}\n\n.mjo-nav-btn:hover {\n    background: var(--mj-bg-surface-sunken, #f1f5f9);\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-nav-btn.active {\n    background: var(--mj-brand-primary, #0076b6);\n    color: #ffffff;\n    box-shadow: 0 2px 4px rgba(0, 118, 182, 0.25);\n}\n\n.mjo-nav-btn-left {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n}\n\n.mjo-nav-btn-left span {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.mjo-nav-badge {\n    font-size: 10px;\n    font-weight: var(--mj-font-bold, 700);\n    padding: 1px 6px;\n    border-radius: var(--mj-radius-full, 9999px);\n    background: var(--mj-bg-surface-sunken, #e2e8f0);\n    color: var(--mj-text-secondary, #475569);\n}\n\n.mjo-nav-btn.active .mjo-nav-badge {\n    background: rgba(255, 255, 255, 0.25);\n    color: #ffffff;\n}\n\n.mjo-nav-badge--info {\n    background: rgba(2, 132, 199, 0.15);\n    color: #0284c7;\n}\n\n/* \u2500\u2500 4. Main Workspace Content Pane \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-sub-workspace-content {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4, 16px);\n    min-width: 0;\n}\n\n.mjo-pane-card {\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-lg, 10px);\n    padding: 18px 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n}\n\n.mjo-pane-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 12px;\n    border-bottom: 1px solid var(--mj-border-default, #f1f5f9);\n    padding-bottom: 12px;\n    flex-wrap: wrap;\n}\n\n.mjo-pane-title-area {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.mjo-pane-title {\n    margin: 0;\n    font-size: var(--mj-text-md, 15px);\n    font-weight: var(--mj-font-bold, 700);\n    color: var(--mj-text-primary, #0f172a);\n    display: flex;\n    align-items: center;\n    gap: 7px;\n}\n\n.mjo-pane-title i {\n    color: var(--mj-brand-primary, #0076b6);\n}\n\n.mjo-pane-desc {\n    margin: 0;\n    font-size: var(--mj-text-xs, 12px);\n    color: var(--mj-text-muted, #64748b);\n}\n\n.mjo-toggle-strip {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-toggle-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 5px 12px;\n    font-size: 12px;\n    font-weight: var(--mj-font-semibold, 600);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-default, #cbd5e1);\n    background: var(--mj-bg-surface-card, #ffffff);\n    color: var(--mj-text-secondary, #475569);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    white-space: nowrap;\n}\n\n.mjo-toggle-btn:hover {\n    border-color: var(--mj-brand-primary, #0076b6);\n    color: var(--mj-brand-primary, #0076b6);\n}\n\n.mjo-toggle-btn--active {\n    background: var(--mj-brand-primary, #0076b6);\n    color: #ffffff !important;\n    border-color: var(--mj-brand-primary, #0076b6);\n}\n\n/* \u2500\u2500 5. Visual Terms Deck Cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-terms-deck-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: var(--mj-space-3, 12px);\n}\n\n.mjo-term-card {\n    background: var(--mj-bg-surface-sunken, #f8fafc);\n    border: 1px solid var(--mj-border-default, #e2e8f0);\n    border-radius: var(--mj-radius-md, 8px);\n    padding: 14px 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    transition: all 0.15s ease;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);\n}\n\n.mjo-term-card:hover {\n    border-color: var(--mj-brand-primary, #0076b6);\n    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);\n}\n\n.mjo-term-card-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n}\n\n.mjo-term-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 11px;\n    font-weight: var(--mj-font-bold, 700);\n    padding: 2px 8px;\n    border-radius: 4px;\n    letter-spacing: 0.03em;\n    text-transform: uppercase;\n}\n\n.mjo-term-color--t1 {\n    background: rgba(6, 182, 212, 0.15);\n    color: #0284c7;\n    border: 1px solid rgba(6, 182, 212, 0.35);\n}\n.mjo-term-color--t2 {\n    background: rgba(168, 85, 247, 0.15);\n    color: #9333ea;\n    border: 1px solid rgba(168, 85, 247, 0.35);\n}\n.mjo-term-color--t3 {\n    background: rgba(34, 197, 94, 0.15);\n    color: #16a34a;\n    border: 1px solid rgba(34, 197, 94, 0.35);\n}\n.mjo-term-color--t4 {\n    background: rgba(245, 158, 11, 0.15);\n    color: #d97706;\n    border: 1px solid rgba(245, 158, 11, 0.35);\n}\n.mjo-term-color--t5 {\n    background: rgba(244, 63, 94, 0.15);\n    color: #e11d48;\n    border: 1px solid rgba(244, 63, 94, 0.35);\n}\n\n.mjo-term-badges {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-term-amount {\n    font-size: 16px;\n    font-weight: var(--mj-font-bold, 700);\n    font-family: var(--mj-font-mono, monospace);\n    color: var(--mj-text-primary, #0f172a);\n}\n\n.mjo-term-dates {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted, #64748b);\n}\n\n.mjo-term-dates i {\n    color: var(--mj-brand-primary, #0076b6);\n}\n\n.mjo-term-actions {\n    margin-top: 4px;\n    padding-top: 8px;\n    border-top: 1px dashed var(--mj-border-default, #e2e8f0);\n}\n\n.mjo-open-term-btn {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--mj-bg-surface-card, #ffffff);\n    border: 1px solid var(--mj-border-default, #cbd5e1);\n    border-radius: var(--mj-radius-sm, 6px);\n    padding: 6px 10px;\n    font-size: 11.5px;\n    font-weight: var(--mj-font-semibold, 600);\n    color: var(--mj-brand-primary, #0076b6);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mjo-open-term-btn:hover {\n    background: var(--mj-brand-primary, #0076b6);\n    color: #ffffff;\n    border-color: var(--mj-brand-primary, #0076b6);\n}\n\n.mjo-empty-state {\n    padding: 32px;\n    text-align: center;\n    color: var(--mj-text-muted, #64748b);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n}\n\n.mjo-fields-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 14px;\n}\n\n.mjo-grid-pane {\n    width: 100%;\n    min-width: 0;\n}\n\n/* \u2500\u2500 6. Explanatory Banner \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.mjo-info-banner {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--mj-space-3, 12px);\n    background: rgba(2, 132, 199, 0.08);\n    border: 1px solid rgba(2, 132, 199, 0.25);\n    border-radius: var(--mj-radius-md, 8px);\n    padding: var(--mj-space-3, 12px) var(--mj-space-4, 16px);\n    font-size: 13px;\n    color: var(--mj-text-primary, #0f172a);\n    line-height: 1.45;\n}\n\n.mjo-info-banner i {\n    font-size: 16px;\n    margin-top: 2px;\n    color: #0284c7;\n    flex-shrink: 0;\n}\n\n/* \u2500\u2500 7. Responsive Breakpoints \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@media (max-width: 900px) {\n    .mjo-sub-workspace {\n        grid-template-columns: 1fr;\n    }\n    .mjo-sub-left-nav {\n        position: static;\n        flex-direction: row;\n        overflow-x: auto;\n        padding: 6px;\n    }\n    .mjo-nav-group-title {\n        display: none;\n    }\n    .mjo-nav-btn {\n        width: auto;\n        white-space: nowrap;\n    }\n}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BizAppsSubscriptionFormComponent, { className: "BizAppsSubscriptionFormComponent", filePath: "lib/custom/Subscription/subscription-form.component.ts", lineNumber: 36 }); })();
+/** Tree-shaking prevention anchor function */
+export function LoadSubscriptionFormComponent() {
+    // Anchors BizAppsSubscriptionFormComponent in bundlers
+}
+//# sourceMappingURL=subscription-form.component.js.map