@mj-biz-apps/orders-ng 5.6.0 → 5.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/custom/OrderHeader/order-header-form.component.d.ts +0 -4
- package/dist/lib/custom/OrderHeader/order-header-form.component.d.ts.map +1 -1
- package/dist/lib/custom/OrderHeader/order-header-form.component.js +139 -284
- package/dist/lib/custom/OrderHeader/order-header-form.component.js.map +1 -1
- package/dist/lib/custom/OrderHeader/order-lines-editor.component.d.ts +38 -1
- package/dist/lib/custom/OrderHeader/order-lines-editor.component.d.ts.map +1 -1
- package/dist/lib/custom/OrderHeader/order-lines-editor.component.js +526 -112
- package/dist/lib/custom/OrderHeader/order-lines-editor.component.js.map +1 -1
- package/dist/lib/custom/OrderHeader/party-address-picker.component.d.ts +67 -0
- package/dist/lib/custom/OrderHeader/party-address-picker.component.d.ts.map +1 -0
- package/dist/lib/custom/OrderHeader/party-address-picker.component.js +430 -0
- package/dist/lib/custom/OrderHeader/party-address-picker.component.js.map +1 -0
- package/dist/lib/custom/Product/product-form.component.d.ts +1 -3
- package/dist/lib/custom/Product/product-form.component.d.ts.map +1 -1
- package/dist/lib/custom/Product/product-form.component.js +6 -7
- package/dist/lib/custom/Product/product-form.component.js.map +1 -1
- package/dist/lib/custom/Product/widgets/product-accounting-widget.component.js +4 -9
- package/dist/lib/custom/Product/widgets/product-accounting-widget.component.js.map +1 -1
- package/dist/lib/custom/Product/widgets/product-pricing-widget.component.d.ts +69 -4
- package/dist/lib/custom/Product/widgets/product-pricing-widget.component.d.ts.map +1 -1
- package/dist/lib/custom/Product/widgets/product-pricing-widget.component.js +845 -314
- package/dist/lib/custom/Product/widgets/product-pricing-widget.component.js.map +1 -1
- package/dist/lib/custom/custom-forms.module.d.ts +10 -7
- package/dist/lib/custom/custom-forms.module.d.ts.map +1 -1
- package/dist/lib/custom/custom-forms.module.js +12 -0
- package/dist/lib/custom/custom-forms.module.js.map +1 -1
- package/dist/lib/data/entity-names.d.ts +2 -0
- package/dist/lib/data/entity-names.d.ts.map +1 -1
- package/dist/lib/data/entity-names.js +2 -0
- package/dist/lib/data/entity-names.js.map +1 -1
- package/dist/lib/data/orders-queries.d.ts +11 -2
- package/dist/lib/data/orders-queries.d.ts.map +1 -1
- package/dist/lib/data/orders-queries.js +29 -41
- package/dist/lib/data/orders-queries.js.map +1 -1
- package/dist/lib/form-panels/catalog-overviews.panels.d.ts.map +1 -1
- package/dist/lib/form-panels/catalog-overviews.panels.js +7 -6
- package/dist/lib/form-panels/catalog-overviews.panels.js.map +1 -1
- package/dist/lib/form-panels/commercial-overviews.panels.js +1 -1
- package/dist/lib/form-panels/commercial-overviews.panels.js.map +1 -1
- package/dist/lib/form-panels/product-header.panel.d.ts +4 -0
- package/dist/lib/form-panels/product-header.panel.d.ts.map +1 -1
- package/dist/lib/form-panels/product-header.panel.js +17 -4
- package/dist/lib/form-panels/product-header.panel.js.map +1 -1
- package/dist/lib/form-panels/product-widget.panels.d.ts.map +1 -1
- package/dist/lib/form-panels/product-widget.panels.js +8 -5
- package/dist/lib/form-panels/product-widget.panels.js.map +1 -1
- package/dist/lib/generated/Entities/mjBizAppsOrdersProduct/mjbizappsordersproduct.form.component.js +4 -4
- package/dist/lib/generated/Entities/mjBizAppsOrdersProduct/mjbizappsordersproduct.form.component.js.map +1 -1
- package/dist/lib/generated/Entities/mjBizAppsOrdersProductPrice/mjbizappsordersproductprice.form.component.d.ts.map +1 -1
- package/dist/lib/generated/Entities/mjBizAppsOrdersProductPrice/mjbizappsordersproductprice.form.component.js +39 -27
- package/dist/lib/generated/Entities/mjBizAppsOrdersProductPrice/mjbizappsordersproductprice.form.component.js.map +1 -1
- package/dist/lib/panels/catalog-list-price.d.ts +4 -0
- package/dist/lib/panels/catalog-list-price.d.ts.map +1 -0
- package/dist/lib/panels/catalog-list-price.js +23 -0
- package/dist/lib/panels/catalog-list-price.js.map +1 -0
- package/dist/lib/services/pricing-scheduler.service.d.ts.map +1 -1
- package/dist/lib/services/pricing-scheduler.service.js +6 -3
- package/dist/lib/services/pricing-scheduler.service.js.map +1 -1
- package/package.json +6 -4
|
@@ -21,7 +21,8 @@ import * as i1 from "@angular/forms";
|
|
|
21
21
|
import * as i2 from "@memberjunction/ng-base-forms";
|
|
22
22
|
import * as i3 from "@memberjunction/ng-ui-components";
|
|
23
23
|
import * as i4 from "./order-lines-editor.component.js";
|
|
24
|
-
import * as i5 from "
|
|
24
|
+
import * as i5 from "./party-address-picker.component.js";
|
|
25
|
+
import * as i6 from "@mj-biz-apps/accounting-ng";
|
|
25
26
|
const _forTrack0 = ($index, $item) => $item.CompanyID;
|
|
26
27
|
const _forTrack1 = ($index, $item) => $item.Key;
|
|
27
28
|
const _forTrack2 = ($index, $item) => $item.Name + $item.Value;
|
|
@@ -55,61 +56,6 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
55
56
|
i0.ɵɵadvance();
|
|
56
57
|
i0.ɵɵtextInterpolate(ctx_r1.ShipToName);
|
|
57
58
|
} }
|
|
58
|
-
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
59
|
-
const _r6 = i0.ɵɵgetCurrentView();
|
|
60
|
-
i0.ɵɵelementStart(0, "button", 52);
|
|
61
|
-
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.ClearShipToAddress($event)); });
|
|
62
|
-
i0.ɵɵtext(1, "Clear");
|
|
63
|
-
i0.ɵɵelementEnd();
|
|
64
|
-
} if (rf & 2) {
|
|
65
|
-
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
66
|
-
i0.ɵɵproperty("disabled", !ctx_r1.EditMode);
|
|
67
|
-
} }
|
|
68
|
-
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
69
|
-
const _r7 = i0.ɵɵgetCurrentView();
|
|
70
|
-
i0.ɵɵelementStart(0, "button", 52);
|
|
71
|
-
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.EnsureShipToAddress($event)); });
|
|
72
|
-
i0.ɵɵtext(1, "Add address");
|
|
73
|
-
i0.ɵɵelementEnd();
|
|
74
|
-
} if (rf & 2) {
|
|
75
|
-
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
76
|
-
i0.ɵɵproperty("disabled", !ctx_r1.EditMode);
|
|
77
|
-
} }
|
|
78
|
-
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
79
|
-
const _r8 = i0.ɵɵgetCurrentView();
|
|
80
|
-
i0.ɵɵelementStart(0, "mj-form-field", 53);
|
|
81
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template_mj_form_field_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
82
|
-
i0.ɵɵelementEnd();
|
|
83
|
-
i0.ɵɵelementStart(1, "mj-form-field", 54);
|
|
84
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
85
|
-
i0.ɵɵelementEnd();
|
|
86
|
-
i0.ɵɵelementStart(2, "div", 55)(3, "mj-form-field", 56);
|
|
87
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
88
|
-
i0.ɵɵelementEnd();
|
|
89
|
-
i0.ɵɵelementStart(4, "mj-form-field", 57);
|
|
90
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template_mj_form_field_Navigate_4_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
91
|
-
i0.ɵɵelementEnd();
|
|
92
|
-
i0.ɵɵelementStart(5, "mj-form-field", 58);
|
|
93
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template_mj_form_field_Navigate_5_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
94
|
-
i0.ɵɵelementEnd()();
|
|
95
|
-
i0.ɵɵelementStart(6, "mj-form-field", 59);
|
|
96
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template_mj_form_field_Navigate_6_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
97
|
-
i0.ɵɵelementEnd();
|
|
98
|
-
} if (rf & 2) {
|
|
99
|
-
const shipAddr_r9 = ctx;
|
|
100
|
-
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
101
|
-
i0.ɵɵproperty("Record", shipAddr_r9)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
102
|
-
i0.ɵɵadvance();
|
|
103
|
-
i0.ɵɵproperty("Record", shipAddr_r9)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
104
|
-
i0.ɵɵadvance(2);
|
|
105
|
-
i0.ɵɵproperty("Record", shipAddr_r9)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
106
|
-
i0.ɵɵadvance();
|
|
107
|
-
i0.ɵɵproperty("Record", shipAddr_r9)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
108
|
-
i0.ɵɵadvance();
|
|
109
|
-
i0.ɵɵproperty("Record", shipAddr_r9)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
110
|
-
i0.ɵɵadvance();
|
|
111
|
-
i0.ɵɵproperty("Record", shipAddr_r9)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
112
|
-
} }
|
|
113
59
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
114
60
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
115
61
|
i0.ɵɵelementStart(0, "div", 39)(1, "mj-form-field", 45);
|
|
@@ -118,34 +64,21 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
118
64
|
i0.ɵɵelementStart(2, "mj-form-field", 46);
|
|
119
65
|
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); })("ValueChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Template_mj_form_field_ValueChange_2_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnPartyPersonChange("ShipTo")); });
|
|
120
66
|
i0.ɵɵelementEnd();
|
|
121
|
-
i0.ɵɵ
|
|
122
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
123
|
-
i0.ɵɵelementEnd();
|
|
124
|
-
i0.ɵɵelementStart(4, "div", 48)(5, "div", 49)(6, "span", 50);
|
|
125
|
-
i0.ɵɵtext(7, "Address");
|
|
67
|
+
i0.ɵɵelement(3, "mjo-party-address-picker", 47);
|
|
126
68
|
i0.ɵɵelementEnd();
|
|
127
|
-
i0.ɵɵconditionalCreate(8, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_8_Template, 2, 1, "button", 51)(9, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_9_Template, 2, 1, "button", 51);
|
|
128
|
-
i0.ɵɵelementEnd();
|
|
129
|
-
i0.ɵɵconditionalCreate(10, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template, 7, 24);
|
|
130
|
-
i0.ɵɵelementEnd()();
|
|
131
69
|
} if (rf & 2) {
|
|
132
|
-
let tmp_16_0;
|
|
133
70
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
134
71
|
i0.ɵɵadvance();
|
|
135
72
|
i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
136
73
|
i0.ɵɵadvance();
|
|
137
74
|
i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
138
75
|
i0.ɵɵadvance();
|
|
139
|
-
i0.ɵɵproperty("
|
|
140
|
-
i0.ɵɵadvance(5);
|
|
141
|
-
i0.ɵɵconditional(ctx_r1.record.ShipToAddressID_Object ? 8 : 9);
|
|
142
|
-
i0.ɵɵadvance(2);
|
|
143
|
-
i0.ɵɵconditional((tmp_16_0 = ctx_r1.record.ShipToAddressID_Object) ? 10 : -1, tmp_16_0);
|
|
76
|
+
i0.ɵɵproperty("Order", ctx_r1.record)("EditMode", ctx_r1.EditMode)("PersonName", ctx_r1.record.ShipToPerson)("OrganizationName", ctx_r1.record.ShipToOrganization);
|
|
144
77
|
} }
|
|
145
78
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_28_Template(rf, ctx) { if (rf & 1) {
|
|
146
|
-
const
|
|
79
|
+
const _r6 = i0.ɵɵgetCurrentView();
|
|
147
80
|
i0.ɵɵelementStart(0, "button", 44);
|
|
148
|
-
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_28_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(
|
|
81
|
+
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_28_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenBillTo($event)); });
|
|
149
82
|
i0.ɵɵtext(1);
|
|
150
83
|
i0.ɵɵelementEnd();
|
|
151
84
|
} if (rf & 2) {
|
|
@@ -162,81 +95,20 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
162
95
|
i0.ɵɵadvance();
|
|
163
96
|
i0.ɵɵtextInterpolate(ctx_r1.BillToName);
|
|
164
97
|
} }
|
|
165
|
-
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
166
|
-
const _r12 = i0.ɵɵgetCurrentView();
|
|
167
|
-
i0.ɵɵelementStart(0, "button", 52);
|
|
168
|
-
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.ClearBillToAddress($event)); });
|
|
169
|
-
i0.ɵɵtext(1, "Clear");
|
|
170
|
-
i0.ɵɵelementEnd();
|
|
171
|
-
} if (rf & 2) {
|
|
172
|
-
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
173
|
-
i0.ɵɵproperty("disabled", !ctx_r1.EditMode);
|
|
174
|
-
} }
|
|
175
|
-
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
176
|
-
const _r13 = i0.ɵɵgetCurrentView();
|
|
177
|
-
i0.ɵɵelementStart(0, "button", 52);
|
|
178
|
-
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.EnsureBillToAddress($event)); });
|
|
179
|
-
i0.ɵɵtext(1, "Add address");
|
|
180
|
-
i0.ɵɵelementEnd();
|
|
181
|
-
} if (rf & 2) {
|
|
182
|
-
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
183
|
-
i0.ɵɵproperty("disabled", !ctx_r1.EditMode);
|
|
184
|
-
} }
|
|
185
|
-
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
186
|
-
const _r14 = i0.ɵɵgetCurrentView();
|
|
187
|
-
i0.ɵɵelementStart(0, "mj-form-field", 53);
|
|
188
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template_mj_form_field_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
189
|
-
i0.ɵɵelementEnd();
|
|
190
|
-
i0.ɵɵelementStart(1, "mj-form-field", 54);
|
|
191
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
192
|
-
i0.ɵɵelementEnd();
|
|
193
|
-
i0.ɵɵelementStart(2, "div", 55)(3, "mj-form-field", 56);
|
|
194
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
195
|
-
i0.ɵɵelementEnd();
|
|
196
|
-
i0.ɵɵelementStart(4, "mj-form-field", 57);
|
|
197
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template_mj_form_field_Navigate_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
198
|
-
i0.ɵɵelementEnd();
|
|
199
|
-
i0.ɵɵelementStart(5, "mj-form-field", 58);
|
|
200
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template_mj_form_field_Navigate_5_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
201
|
-
i0.ɵɵelementEnd()();
|
|
202
|
-
i0.ɵɵelementStart(6, "mj-form-field", 59);
|
|
203
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template_mj_form_field_Navigate_6_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
204
|
-
i0.ɵɵelementEnd();
|
|
205
|
-
} if (rf & 2) {
|
|
206
|
-
const billAddr_r15 = ctx;
|
|
207
|
-
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
208
|
-
i0.ɵɵproperty("Record", billAddr_r15)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
209
|
-
i0.ɵɵadvance();
|
|
210
|
-
i0.ɵɵproperty("Record", billAddr_r15)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
211
|
-
i0.ɵɵadvance(2);
|
|
212
|
-
i0.ɵɵproperty("Record", billAddr_r15)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
213
|
-
i0.ɵɵadvance();
|
|
214
|
-
i0.ɵɵproperty("Record", billAddr_r15)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
215
|
-
i0.ɵɵadvance();
|
|
216
|
-
i0.ɵɵproperty("Record", billAddr_r15)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
217
|
-
i0.ɵɵadvance();
|
|
218
|
-
i0.ɵɵproperty("Record", billAddr_r15)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
219
|
-
} }
|
|
220
98
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template(rf, ctx) { if (rf & 1) {
|
|
221
|
-
const
|
|
222
|
-
i0.ɵɵelementStart(0, "div", 39)(1, "mj-form-field",
|
|
223
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(
|
|
224
|
-
i0.ɵɵelementEnd();
|
|
225
|
-
i0.ɵɵelementStart(2, "mj-form-field", 61);
|
|
226
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); })("ValueChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_ValueChange_2_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnPartyPersonChange("BillTo")); });
|
|
99
|
+
const _r7 = i0.ɵɵgetCurrentView();
|
|
100
|
+
i0.ɵɵelementStart(0, "div", 39)(1, "mj-form-field", 48);
|
|
101
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
227
102
|
i0.ɵɵelementEnd();
|
|
228
|
-
i0.ɵɵelementStart(
|
|
229
|
-
i0.ɵɵlistener("Navigate", function
|
|
103
|
+
i0.ɵɵelementStart(2, "mj-form-field", 49);
|
|
104
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); })("ValueChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_ValueChange_2_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnPartyPersonChange("BillTo")); });
|
|
230
105
|
i0.ɵɵelementEnd();
|
|
231
|
-
i0.ɵɵelementStart(
|
|
232
|
-
i0.ɵɵ
|
|
106
|
+
i0.ɵɵelementStart(3, "mj-form-field", 50);
|
|
107
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
233
108
|
i0.ɵɵelementEnd();
|
|
234
|
-
i0.ɵɵ
|
|
109
|
+
i0.ɵɵelement(4, "mjo-party-address-picker", 51);
|
|
235
110
|
i0.ɵɵelementEnd();
|
|
236
|
-
i0.ɵɵconditionalCreate(10, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template, 7, 24);
|
|
237
|
-
i0.ɵɵelementEnd()();
|
|
238
111
|
} if (rf & 2) {
|
|
239
|
-
let tmp_16_0;
|
|
240
112
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
241
113
|
i0.ɵɵadvance();
|
|
242
114
|
i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
@@ -244,27 +116,25 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
244
116
|
i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
245
117
|
i0.ɵɵadvance();
|
|
246
118
|
i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
247
|
-
i0.ɵɵadvance(
|
|
248
|
-
i0.ɵɵ
|
|
249
|
-
i0.ɵɵadvance(2);
|
|
250
|
-
i0.ɵɵconditional((tmp_16_0 = ctx_r1.record.BillToAddressID_Object) ? 10 : -1, tmp_16_0);
|
|
119
|
+
i0.ɵɵadvance();
|
|
120
|
+
i0.ɵɵproperty("Order", ctx_r1.record)("EditMode", ctx_r1.EditMode)("PersonName", ctx_r1.record.BillToPerson)("OrganizationName", ctx_r1.record.BillToOrganization);
|
|
251
121
|
} }
|
|
252
122
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
253
|
-
const
|
|
254
|
-
i0.ɵɵelementStart(0, "button",
|
|
255
|
-
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
123
|
+
const _r8 = i0.ɵɵgetCurrentView();
|
|
124
|
+
i0.ɵɵelementStart(0, "button", 55);
|
|
125
|
+
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.JumpToBill()); });
|
|
256
126
|
i0.ɵɵtext(1, "Need a bill-to party");
|
|
257
127
|
i0.ɵɵelementEnd();
|
|
258
128
|
} }
|
|
259
129
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
260
|
-
const
|
|
261
|
-
i0.ɵɵelementStart(0, "button",
|
|
262
|
-
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
130
|
+
const _r9 = i0.ɵɵgetCurrentView();
|
|
131
|
+
i0.ɵɵelementStart(0, "button", 55);
|
|
132
|
+
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.JumpToPayment()); });
|
|
263
133
|
i0.ɵɵtext(1, "Need a check / ACH reference");
|
|
264
134
|
i0.ɵɵelementEnd();
|
|
265
135
|
} }
|
|
266
136
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
267
|
-
i0.ɵɵelementStart(0, "span",
|
|
137
|
+
i0.ɵɵelementStart(0, "span", 54);
|
|
268
138
|
i0.ɵɵtext(1);
|
|
269
139
|
i0.ɵɵelementEnd();
|
|
270
140
|
} if (rf & 2) {
|
|
@@ -274,11 +144,11 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
274
144
|
} }
|
|
275
145
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Template(rf, ctx) { if (rf & 1) {
|
|
276
146
|
i0.ɵɵelementStart(0, "div", 40);
|
|
277
|
-
i0.ɵɵelement(1, "i",
|
|
147
|
+
i0.ɵɵelement(1, "i", 52);
|
|
278
148
|
i0.ɵɵelementStart(2, "span");
|
|
279
149
|
i0.ɵɵtext(3, "Before this can be confirmed");
|
|
280
150
|
i0.ɵɵelementEnd();
|
|
281
|
-
i0.ɵɵconditionalCreate(4, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_4_Template, 2, 0, "button",
|
|
151
|
+
i0.ɵɵconditionalCreate(4, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_4_Template, 2, 0, "button", 53)(5, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_5_Template, 2, 0, "button", 53)(6, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_6_Template, 2, 1, "span", 54);
|
|
282
152
|
i0.ɵɵelementEnd();
|
|
283
153
|
} if (rf & 2) {
|
|
284
154
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -287,7 +157,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
287
157
|
} }
|
|
288
158
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_35_Template(rf, ctx) { if (rf & 1) {
|
|
289
159
|
i0.ɵɵelementStart(0, "div", 41);
|
|
290
|
-
i0.ɵɵelement(1, "i",
|
|
160
|
+
i0.ɵɵelement(1, "i", 56);
|
|
291
161
|
i0.ɵɵelementStart(2, "span");
|
|
292
162
|
i0.ɵɵtext(3);
|
|
293
163
|
i0.ɵɵelementEnd()();
|
|
@@ -297,12 +167,12 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
297
167
|
i0.ɵɵtextInterpolate(ctx_r1.ConfirmError);
|
|
298
168
|
} }
|
|
299
169
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
300
|
-
const
|
|
301
|
-
i0.ɵɵelementStart(0, "label",
|
|
170
|
+
const _r11 = i0.ɵɵgetCurrentView();
|
|
171
|
+
i0.ɵɵelementStart(0, "label", 60)(1, "span", 63);
|
|
302
172
|
i0.ɵɵtext(2, "Check / ACH reference");
|
|
303
173
|
i0.ɵɵelementEnd();
|
|
304
|
-
i0.ɵɵelementStart(3, "input",
|
|
305
|
-
i0.ɵɵlistener("ngModelChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_4_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(
|
|
174
|
+
i0.ɵɵelementStart(3, "input", 64);
|
|
175
|
+
i0.ɵɵlistener("ngModelChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_4_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SetPaymentReference($event)); });
|
|
306
176
|
i0.ɵɵelementEnd()();
|
|
307
177
|
} if (rf & 2) {
|
|
308
178
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
@@ -310,30 +180,30 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
310
180
|
i0.ɵɵproperty("ngModel", ctx_r1.PaymentReference)("disabled", !ctx_r1.ComposeMode);
|
|
311
181
|
} }
|
|
312
182
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
313
|
-
const
|
|
314
|
-
i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid",
|
|
315
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_5_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(
|
|
183
|
+
const _r12 = i0.ɵɵgetCurrentView();
|
|
184
|
+
i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 65);
|
|
185
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_5_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
316
186
|
i0.ɵɵelementEnd();
|
|
317
187
|
} if (rf & 2) {
|
|
318
188
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
319
189
|
i0.ɵɵproperty("Params", ctx_r1.PaymentParams)("AllowLoad", true)("ShowToolbar", true)("ShowNewButton", false)("ShowDeleteButton", false)("Height", "fit-content")("MaxHeight", ctx_r1.RelatedGridHeight);
|
|
320
190
|
} }
|
|
321
191
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
322
|
-
i0.ɵɵelementStart(0, "div",
|
|
192
|
+
i0.ɵɵelementStart(0, "div", 62);
|
|
323
193
|
i0.ɵɵtext(1, "Intent only \u2014 the payment is created when the order is confirmed.");
|
|
324
194
|
i0.ɵɵelementEnd();
|
|
325
195
|
} }
|
|
326
196
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Template(rf, ctx) { if (rf & 1) {
|
|
327
|
-
const
|
|
328
|
-
i0.ɵɵelementStart(0, "div", 43)(1, "div",
|
|
329
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(
|
|
197
|
+
const _r10 = i0.ɵɵgetCurrentView();
|
|
198
|
+
i0.ɵɵelementStart(0, "div", 43)(1, "div", 57)(2, "mj-form-field", 58);
|
|
199
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
330
200
|
i0.ɵɵelementEnd();
|
|
331
|
-
i0.ɵɵelementStart(3, "mj-form-field",
|
|
332
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(
|
|
201
|
+
i0.ɵɵelementStart(3, "mj-form-field", 59);
|
|
202
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
333
203
|
i0.ɵɵelementEnd();
|
|
334
|
-
i0.ɵɵconditionalCreate(4, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_4_Template, 4, 2, "label",
|
|
204
|
+
i0.ɵɵconditionalCreate(4, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_4_Template, 4, 2, "label", 60);
|
|
335
205
|
i0.ɵɵelementEnd();
|
|
336
|
-
i0.ɵɵconditionalCreate(5, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_5_Template, 1, 7, "mj-explorer-entity-data-grid",
|
|
206
|
+
i0.ɵɵconditionalCreate(5, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_5_Template, 1, 7, "mj-explorer-entity-data-grid", 61)(6, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_6_Template, 2, 0, "div", 62);
|
|
337
207
|
i0.ɵɵelementEnd();
|
|
338
208
|
} if (rf & 2) {
|
|
339
209
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -347,27 +217,30 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
347
217
|
i0.ɵɵconditional(ctx_r1.record.IsSaved && ctx_r1.PaymentParams ? 5 : 6);
|
|
348
218
|
} }
|
|
349
219
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template(rf, ctx) { if (rf & 1) {
|
|
350
|
-
const
|
|
351
|
-
i0.ɵɵelementStart(0, "div", 43)(1, "div",
|
|
352
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(
|
|
220
|
+
const _r13 = i0.ɵɵgetCurrentView();
|
|
221
|
+
i0.ɵɵelementStart(0, "div", 43)(1, "div", 57)(2, "mj-form-field", 66);
|
|
222
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
223
|
+
i0.ɵɵelementEnd();
|
|
224
|
+
i0.ɵɵelementStart(3, "mj-form-field", 67);
|
|
225
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
353
226
|
i0.ɵɵelementEnd();
|
|
354
|
-
i0.ɵɵelementStart(
|
|
355
|
-
i0.ɵɵlistener("Navigate", function
|
|
227
|
+
i0.ɵɵelementStart(4, "mj-form-field", 68);
|
|
228
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_4_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
356
229
|
i0.ɵɵelementEnd();
|
|
357
|
-
i0.ɵɵelementStart(
|
|
358
|
-
i0.ɵɵlistener("Navigate", function
|
|
230
|
+
i0.ɵɵelementStart(5, "mj-form-field", 69);
|
|
231
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_5_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
359
232
|
i0.ɵɵelementEnd();
|
|
360
|
-
i0.ɵɵelementStart(
|
|
361
|
-
i0.ɵɵlistener("Navigate", function
|
|
233
|
+
i0.ɵɵelementStart(6, "mj-form-field", 70);
|
|
234
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_6_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
362
235
|
i0.ɵɵelementEnd();
|
|
363
|
-
i0.ɵɵelementStart(
|
|
364
|
-
i0.ɵɵlistener("Navigate", function
|
|
236
|
+
i0.ɵɵelementStart(7, "mj-form-field", 71);
|
|
237
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_7_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
365
238
|
i0.ɵɵelementEnd();
|
|
366
|
-
i0.ɵɵelementStart(
|
|
367
|
-
i0.ɵɵlistener("Navigate", function
|
|
239
|
+
i0.ɵɵelementStart(8, "mj-form-field", 72);
|
|
240
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_8_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
368
241
|
i0.ɵɵelementEnd();
|
|
369
|
-
i0.ɵɵelementStart(
|
|
370
|
-
i0.ɵɵlistener("Navigate", function
|
|
242
|
+
i0.ɵɵelementStart(9, "mj-form-field", 73);
|
|
243
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_9_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
371
244
|
i0.ɵɵelementEnd()()();
|
|
372
245
|
} if (rf & 2) {
|
|
373
246
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -376,6 +249,8 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
376
249
|
i0.ɵɵadvance();
|
|
377
250
|
i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
378
251
|
i0.ɵɵadvance();
|
|
252
|
+
i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
253
|
+
i0.ɵɵadvance();
|
|
379
254
|
i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", false)("FormContext", ctx_r1.formContext);
|
|
380
255
|
i0.ɵɵadvance();
|
|
381
256
|
i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", false)("FormContext", ctx_r1.formContext);
|
|
@@ -387,16 +262,16 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
387
262
|
i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
|
|
388
263
|
} }
|
|
389
264
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
390
|
-
i0.ɵɵelementStart(0, "div",
|
|
265
|
+
i0.ɵɵelementStart(0, "div", 62);
|
|
391
266
|
i0.ɵɵtext(1, "Charges were booked with the order and cannot be edited.");
|
|
392
267
|
i0.ɵɵelementEnd();
|
|
393
268
|
} }
|
|
394
269
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
395
|
-
const
|
|
396
|
-
i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid",
|
|
397
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_1_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(
|
|
270
|
+
const _r14 = i0.ɵɵgetCurrentView();
|
|
271
|
+
i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 65);
|
|
272
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_1_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
398
273
|
i0.ɵɵelementEnd();
|
|
399
|
-
i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_1_Conditional_1_Template, 2, 0, "div",
|
|
274
|
+
i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_1_Conditional_1_Template, 2, 0, "div", 62);
|
|
400
275
|
} if (rf & 2) {
|
|
401
276
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
402
277
|
i0.ɵɵproperty("Params", ctx_r1.ChargeParams)("AllowLoad", true)("ShowToolbar", true)("ShowNewButton", false)("ShowDeleteButton", false)("Height", "fit-content")("MaxHeight", ctx_r1.RelatedGridHeight);
|
|
@@ -419,7 +294,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
419
294
|
i0.ɵɵtext(0, " One stored journal per order line \u2014 open a row to drill in ");
|
|
420
295
|
} }
|
|
421
296
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
422
|
-
i0.ɵɵelementStart(0, "span",
|
|
297
|
+
i0.ɵɵelementStart(0, "span", 76);
|
|
423
298
|
i0.ɵɵtext(1);
|
|
424
299
|
i0.ɵɵelementEnd();
|
|
425
300
|
} if (rf & 2) {
|
|
@@ -428,9 +303,9 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
428
303
|
i0.ɵɵtextInterpolate(ctx_r1.RollupJournalCount);
|
|
429
304
|
} }
|
|
430
305
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
431
|
-
const
|
|
432
|
-
i0.ɵɵelementStart(0, "div",
|
|
433
|
-
i0.ɵɵlistener("JournalEntrySelected", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_17_Template_mj_deferred_revenue_waterfall_JournalEntrySelected_1_listener($event) { i0.ɵɵrestoreView(
|
|
306
|
+
const _r16 = i0.ɵɵgetCurrentView();
|
|
307
|
+
i0.ɵɵelementStart(0, "div", 78)(1, "mj-deferred-revenue-waterfall", 80);
|
|
308
|
+
i0.ɵɵlistener("JournalEntrySelected", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_17_Template_mj_deferred_revenue_waterfall_JournalEntrySelected_1_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnJournalEntrySelected($event)); });
|
|
434
309
|
i0.ɵɵelementEnd()();
|
|
435
310
|
} if (rf & 2) {
|
|
436
311
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
@@ -438,12 +313,12 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
438
313
|
i0.ɵɵproperty("JournalEntries", ctx_r1.RevRecJournalEntries)("Title", "Order Rev-Rec & Deferred Revenue Schedule");
|
|
439
314
|
} }
|
|
440
315
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
441
|
-
i0.ɵɵelementStart(0, "div",
|
|
316
|
+
i0.ɵɵelementStart(0, "div", 62);
|
|
442
317
|
i0.ɵɵtext(1, "Rolling up journals\u2026");
|
|
443
318
|
i0.ɵɵelementEnd();
|
|
444
319
|
} }
|
|
445
320
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
446
|
-
i0.ɵɵelementStart(0, "div",
|
|
321
|
+
i0.ɵɵelementStart(0, "div", 62);
|
|
447
322
|
i0.ɵɵtext(1);
|
|
448
323
|
i0.ɵɵelementEnd();
|
|
449
324
|
} if (rf & 2) {
|
|
@@ -452,82 +327,82 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
452
327
|
i0.ɵɵtextInterpolate(ctx_r1.RollupError);
|
|
453
328
|
} }
|
|
454
329
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
455
|
-
i0.ɵɵelementStart(0, "div",
|
|
330
|
+
i0.ɵɵelementStart(0, "div", 62);
|
|
456
331
|
i0.ɵɵtext(1, "No journals yet \u2014 they appear when the order is confirmed.");
|
|
457
332
|
i0.ɵɵelementEnd();
|
|
458
333
|
} }
|
|
459
334
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_For_20_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
460
|
-
i0.ɵɵelementStart(0, "span",
|
|
335
|
+
i0.ɵɵelementStart(0, "span", 89);
|
|
461
336
|
i0.ɵɵtext(1);
|
|
462
337
|
i0.ɵɵelementEnd();
|
|
463
338
|
} if (rf & 2) {
|
|
464
|
-
const
|
|
339
|
+
const row_r17 = i0.ɵɵnextContext().$implicit;
|
|
465
340
|
i0.ɵɵadvance();
|
|
466
|
-
i0.ɵɵtextInterpolate(
|
|
341
|
+
i0.ɵɵtextInterpolate(row_r17.AccountCode);
|
|
467
342
|
} }
|
|
468
343
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_For_20_For_8_Template(rf, ctx) { if (rf & 1) {
|
|
469
|
-
i0.ɵɵelementStart(0, "span",
|
|
344
|
+
i0.ɵɵelementStart(0, "span", 92);
|
|
470
345
|
i0.ɵɵtext(1);
|
|
471
346
|
i0.ɵɵelementEnd();
|
|
472
347
|
} if (rf & 2) {
|
|
473
|
-
const
|
|
348
|
+
const dim_r18 = ctx.$implicit;
|
|
474
349
|
i0.ɵɵadvance();
|
|
475
|
-
i0.ɵɵtextInterpolate2("",
|
|
350
|
+
i0.ɵɵtextInterpolate2("", dim_r18.Name, " \u00B7 ", dim_r18.Value);
|
|
476
351
|
} }
|
|
477
352
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_For_20_Template(rf, ctx) { if (rf & 1) {
|
|
478
|
-
i0.ɵɵelementStart(0, "tr")(1, "td")(2, "div",
|
|
479
|
-
i0.ɵɵconditionalCreate(3, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_For_20_Conditional_3_Template, 2, 1, "span",
|
|
480
|
-
i0.ɵɵelementStart(4, "span",
|
|
353
|
+
i0.ɵɵelementStart(0, "tr")(1, "td")(2, "div", 88);
|
|
354
|
+
i0.ɵɵconditionalCreate(3, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_For_20_Conditional_3_Template, 2, 1, "span", 89);
|
|
355
|
+
i0.ɵɵelementStart(4, "span", 90);
|
|
481
356
|
i0.ɵɵtext(5);
|
|
482
357
|
i0.ɵɵelementEnd()();
|
|
483
|
-
i0.ɵɵelementStart(6, "div",
|
|
484
|
-
i0.ɵɵrepeaterCreate(7, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_For_20_For_8_Template, 2, 2, "span",
|
|
485
|
-
i0.ɵɵelementStart(9, "span",
|
|
358
|
+
i0.ɵɵelementStart(6, "div", 91);
|
|
359
|
+
i0.ɵɵrepeaterCreate(7, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_For_20_For_8_Template, 2, 2, "span", 92, _forTrack2);
|
|
360
|
+
i0.ɵɵelementStart(9, "span", 93);
|
|
486
361
|
i0.ɵɵtext(10);
|
|
487
362
|
i0.ɵɵelementEnd()()();
|
|
488
|
-
i0.ɵɵelementStart(11, "td",
|
|
363
|
+
i0.ɵɵelementStart(11, "td", 87);
|
|
489
364
|
i0.ɵɵtext(12);
|
|
490
365
|
i0.ɵɵelementEnd();
|
|
491
|
-
i0.ɵɵelementStart(13, "td",
|
|
366
|
+
i0.ɵɵelementStart(13, "td", 87);
|
|
492
367
|
i0.ɵɵtext(14);
|
|
493
368
|
i0.ɵɵelementEnd()();
|
|
494
369
|
} if (rf & 2) {
|
|
495
|
-
const
|
|
370
|
+
const row_r17 = ctx.$implicit;
|
|
496
371
|
const ctx_r1 = i0.ɵɵnextContext(7);
|
|
497
372
|
i0.ɵɵadvance(3);
|
|
498
|
-
i0.ɵɵconditional(
|
|
373
|
+
i0.ɵɵconditional(row_r17.AccountCode ? 3 : -1);
|
|
499
374
|
i0.ɵɵadvance(2);
|
|
500
|
-
i0.ɵɵtextInterpolate(
|
|
375
|
+
i0.ɵɵtextInterpolate(row_r17.AccountName);
|
|
501
376
|
i0.ɵɵadvance(2);
|
|
502
|
-
i0.ɵɵrepeater(
|
|
377
|
+
i0.ɵɵrepeater(row_r17.Dimensions);
|
|
503
378
|
i0.ɵɵadvance(3);
|
|
504
|
-
i0.ɵɵtextInterpolate(ctx_r1.SourceLineLabel(
|
|
379
|
+
i0.ɵɵtextInterpolate(ctx_r1.SourceLineLabel(row_r17.SourceLineCount));
|
|
505
380
|
i0.ɵɵadvance();
|
|
506
|
-
i0.ɵɵclassProp("is-quiet", !
|
|
381
|
+
i0.ɵɵclassProp("is-quiet", !row_r17.Debit);
|
|
507
382
|
i0.ɵɵadvance();
|
|
508
|
-
i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(
|
|
383
|
+
i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(row_r17.Debit));
|
|
509
384
|
i0.ɵɵadvance();
|
|
510
|
-
i0.ɵɵclassProp("is-quiet", !
|
|
385
|
+
i0.ɵɵclassProp("is-quiet", !row_r17.Credit);
|
|
511
386
|
i0.ɵɵadvance();
|
|
512
|
-
i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(
|
|
387
|
+
i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(row_r17.Credit));
|
|
513
388
|
} }
|
|
514
389
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
515
|
-
i0.ɵɵelementStart(0, "article",
|
|
390
|
+
i0.ɵɵelementStart(0, "article", 81)(1, "header", 82)(2, "div")(3, "span", 83);
|
|
516
391
|
i0.ɵɵtext(4);
|
|
517
392
|
i0.ɵɵelementEnd();
|
|
518
|
-
i0.ɵɵelementStart(5, "span",
|
|
393
|
+
i0.ɵɵelementStart(5, "span", 84);
|
|
519
394
|
i0.ɵɵtext(6);
|
|
520
395
|
i0.ɵɵelementEnd()();
|
|
521
|
-
i0.ɵɵelementStart(7, "span",
|
|
396
|
+
i0.ɵɵelementStart(7, "span", 85);
|
|
522
397
|
i0.ɵɵtext(8);
|
|
523
398
|
i0.ɵɵelementEnd()();
|
|
524
|
-
i0.ɵɵelementStart(9, "table",
|
|
399
|
+
i0.ɵɵelementStart(9, "table", 86)(10, "thead")(11, "tr")(12, "th");
|
|
525
400
|
i0.ɵɵtext(13, "Account");
|
|
526
401
|
i0.ɵɵelementEnd();
|
|
527
|
-
i0.ɵɵelementStart(14, "th",
|
|
402
|
+
i0.ɵɵelementStart(14, "th", 87);
|
|
528
403
|
i0.ɵɵtext(15, "Debit");
|
|
529
404
|
i0.ɵɵelementEnd();
|
|
530
|
-
i0.ɵɵelementStart(16, "th",
|
|
405
|
+
i0.ɵɵelementStart(16, "th", 87);
|
|
531
406
|
i0.ɵɵtext(17, "Credit");
|
|
532
407
|
i0.ɵɵelementEnd()()();
|
|
533
408
|
i0.ɵɵelementStart(18, "tbody");
|
|
@@ -536,79 +411,79 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
536
411
|
i0.ɵɵelementStart(21, "tfoot")(22, "tr")(23, "th");
|
|
537
412
|
i0.ɵɵtext(24, "Total");
|
|
538
413
|
i0.ɵɵelementEnd();
|
|
539
|
-
i0.ɵɵelementStart(25, "td",
|
|
414
|
+
i0.ɵɵelementStart(25, "td", 87);
|
|
540
415
|
i0.ɵɵtext(26);
|
|
541
416
|
i0.ɵɵelementEnd();
|
|
542
|
-
i0.ɵɵelementStart(27, "td",
|
|
417
|
+
i0.ɵɵelementStart(27, "td", 87);
|
|
543
418
|
i0.ɵɵtext(28);
|
|
544
419
|
i0.ɵɵelementEnd()()()()();
|
|
545
420
|
} if (rf & 2) {
|
|
546
|
-
const
|
|
421
|
+
const card_r19 = ctx.$implicit;
|
|
547
422
|
const ctx_r1 = i0.ɵɵnextContext(6);
|
|
548
423
|
i0.ɵɵadvance(4);
|
|
549
|
-
i0.ɵɵtextInterpolate(
|
|
424
|
+
i0.ɵɵtextInterpolate(card_r19.Company);
|
|
550
425
|
i0.ɵɵadvance(2);
|
|
551
|
-
i0.ɵɵtextInterpolate2("",
|
|
426
|
+
i0.ɵɵtextInterpolate2("", card_r19.Rows.length, " ", card_r19.Rows.length === 1 ? "line" : "lines");
|
|
552
427
|
i0.ɵɵadvance();
|
|
553
|
-
i0.ɵɵclassProp("mjo-oh-chip--ok", ctx_r1.CardIsBalanced(
|
|
428
|
+
i0.ɵɵclassProp("mjo-oh-chip--ok", ctx_r1.CardIsBalanced(card_r19));
|
|
554
429
|
i0.ɵɵadvance();
|
|
555
|
-
i0.ɵɵtextInterpolate1(" ", ctx_r1.CardIsBalanced(
|
|
430
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r1.CardIsBalanced(card_r19) ? "Balanced" : "Out of balance", " ");
|
|
556
431
|
i0.ɵɵadvance(11);
|
|
557
|
-
i0.ɵɵrepeater(
|
|
432
|
+
i0.ɵɵrepeater(card_r19.Rows);
|
|
558
433
|
i0.ɵɵadvance(7);
|
|
559
|
-
i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(
|
|
434
|
+
i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(card_r19.TotalDebit));
|
|
560
435
|
i0.ɵɵadvance(2);
|
|
561
|
-
i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(
|
|
436
|
+
i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(card_r19.TotalCredit));
|
|
562
437
|
} }
|
|
563
438
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
564
|
-
i0.ɵɵrepeaterCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_Template, 29, 8, "article",
|
|
439
|
+
i0.ɵɵrepeaterCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_Template, 29, 8, "article", 81, _forTrack0);
|
|
565
440
|
} if (rf & 2) {
|
|
566
441
|
const ctx_r1 = i0.ɵɵnextContext(5);
|
|
567
442
|
i0.ɵɵrepeater(ctx_r1.RollupCards);
|
|
568
443
|
} }
|
|
569
444
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
570
|
-
i0.ɵɵconditionalCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_0_Template, 2, 0, "div",
|
|
445
|
+
i0.ɵɵconditionalCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_0_Template, 2, 0, "div", 62)(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_1_Template, 2, 1, "div", 62)(2, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_2_Template, 2, 0, "div", 62)(3, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_Template, 2, 0);
|
|
571
446
|
} if (rf & 2) {
|
|
572
447
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
573
448
|
i0.ɵɵconditional(ctx_r1.RollupLoading ? 0 : ctx_r1.RollupError ? 1 : ctx_r1.RollupCards.length === 0 ? 2 : 3);
|
|
574
449
|
} }
|
|
575
450
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_19_Template(rf, ctx) { if (rf & 1) {
|
|
576
|
-
const
|
|
577
|
-
i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid",
|
|
578
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_19_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(
|
|
451
|
+
const _r20 = i0.ɵɵgetCurrentView();
|
|
452
|
+
i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 94);
|
|
453
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_19_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
579
454
|
i0.ɵɵelementEnd();
|
|
580
455
|
} if (rf & 2) {
|
|
581
456
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
582
457
|
i0.ɵɵproperty("Params", ctx_r1.JournalParams)("AllowLoad", true)("ShowToolbar", true)("ShowNewButton", false)("Height", "fit-content")("MaxHeight", ctx_r1.RelatedGridHeight);
|
|
583
458
|
} }
|
|
584
459
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
585
|
-
i0.ɵɵelementStart(0, "div",
|
|
460
|
+
i0.ɵɵelementStart(0, "div", 62);
|
|
586
461
|
i0.ɵɵtext(1, "No line journals until this order has saved lines.");
|
|
587
462
|
i0.ɵɵelementEnd();
|
|
588
463
|
} }
|
|
589
464
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template(rf, ctx) { if (rf & 1) {
|
|
590
|
-
const
|
|
591
|
-
i0.ɵɵelementStart(0, "div", 43)(1, "div",
|
|
465
|
+
const _r15 = i0.ɵɵgetCurrentView();
|
|
466
|
+
i0.ɵɵelementStart(0, "div", 43)(1, "div", 74)(2, "div")(3, "h2");
|
|
592
467
|
i0.ɵɵtext(4);
|
|
593
468
|
i0.ɵɵelementEnd();
|
|
594
469
|
i0.ɵɵelementStart(5, "p");
|
|
595
470
|
i0.ɵɵconditionalCreate(6, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_6_Template, 1, 0)(7, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_7_Template, 1, 0);
|
|
596
471
|
i0.ɵɵelementEnd()();
|
|
597
|
-
i0.ɵɵelementStart(8, "div",
|
|
598
|
-
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_button_click_9_listener() { i0.ɵɵrestoreView(
|
|
472
|
+
i0.ɵɵelementStart(8, "div", 75)(9, "button", 55);
|
|
473
|
+
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetAccountingView("summary")); });
|
|
599
474
|
i0.ɵɵtext(10, "Rolled up");
|
|
600
475
|
i0.ɵɵelementEnd();
|
|
601
|
-
i0.ɵɵelementStart(11, "button",
|
|
602
|
-
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_button_click_11_listener() { i0.ɵɵrestoreView(
|
|
476
|
+
i0.ɵɵelementStart(11, "button", 55);
|
|
477
|
+
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetAccountingView("detail")); });
|
|
603
478
|
i0.ɵɵtext(12, " By line ");
|
|
604
|
-
i0.ɵɵconditionalCreate(13, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_13_Template, 2, 1, "span",
|
|
479
|
+
i0.ɵɵconditionalCreate(13, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_13_Template, 2, 1, "span", 76);
|
|
605
480
|
i0.ɵɵelementEnd();
|
|
606
|
-
i0.ɵɵelementStart(14, "button",
|
|
607
|
-
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_button_click_14_listener() { i0.ɵɵrestoreView(
|
|
608
|
-
i0.ɵɵelement(15, "i",
|
|
481
|
+
i0.ɵɵelementStart(14, "button", 55);
|
|
482
|
+
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetAccountingView("waterfall")); });
|
|
483
|
+
i0.ɵɵelement(15, "i", 77);
|
|
609
484
|
i0.ɵɵtext(16, " Rev-Rec Waterfall ");
|
|
610
485
|
i0.ɵɵelementEnd()()();
|
|
611
|
-
i0.ɵɵconditionalCreate(17, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_17_Template, 2, 2, "div",
|
|
486
|
+
i0.ɵɵconditionalCreate(17, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_17_Template, 2, 2, "div", 78)(18, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Template, 4, 1)(19, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_19_Template, 1, 6, "mj-explorer-entity-data-grid", 79)(20, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_20_Template, 2, 0, "div", 62);
|
|
612
487
|
i0.ɵɵelementEnd();
|
|
613
488
|
} if (rf & 2) {
|
|
614
489
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -628,9 +503,9 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
628
503
|
i0.ɵɵconditional(ctx_r1.AccountingView === "waterfall" ? 17 : ctx_r1.AccountingView === "summary" ? 18 : ctx_r1.JournalParams ? 19 : 20);
|
|
629
504
|
} }
|
|
630
505
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
631
|
-
const
|
|
632
|
-
i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid",
|
|
633
|
-
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_1_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(
|
|
506
|
+
const _r21 = i0.ɵɵgetCurrentView();
|
|
507
|
+
i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 94);
|
|
508
|
+
i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_1_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
|
|
634
509
|
i0.ɵɵelementEnd();
|
|
635
510
|
} if (rf & 2) {
|
|
636
511
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
@@ -638,7 +513,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
|
|
|
638
513
|
} }
|
|
639
514
|
function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Template(rf, ctx) { if (rf & 1) {
|
|
640
515
|
i0.ɵɵelementStart(0, "div", 43);
|
|
641
|
-
i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_1_Template, 1, 6, "mj-explorer-entity-data-grid",
|
|
516
|
+
i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_1_Template, 1, 6, "mj-explorer-entity-data-grid", 79);
|
|
642
517
|
i0.ɵɵelementEnd();
|
|
643
518
|
} if (rf & 2) {
|
|
644
519
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -670,7 +545,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template(r
|
|
|
670
545
|
i0.ɵɵelementEnd()();
|
|
671
546
|
i0.ɵɵelement(19, "i", 38);
|
|
672
547
|
i0.ɵɵelementEnd();
|
|
673
|
-
i0.ɵɵconditionalCreate(20, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Template,
|
|
548
|
+
i0.ɵɵconditionalCreate(20, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Template, 4, 12, "div", 39);
|
|
674
549
|
i0.ɵɵelementEnd();
|
|
675
550
|
i0.ɵɵelementStart(21, "div", 29)(22, "div", 30);
|
|
676
551
|
i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template_div_click_22_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectParty("bill")); })("keydown.enter", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template_div_keydown_enter_22_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectParty("bill")); })("keydown.space", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template_div_keydown_space_22_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.SelectParty("bill"); return i0.ɵɵresetView($event.preventDefault()); });
|
|
@@ -686,7 +561,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template(r
|
|
|
686
561
|
i0.ɵɵelementEnd()();
|
|
687
562
|
i0.ɵɵelement(32, "i", 38);
|
|
688
563
|
i0.ɵɵelementEnd();
|
|
689
|
-
i0.ɵɵconditionalCreate(33, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template,
|
|
564
|
+
i0.ɵɵconditionalCreate(33, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template, 5, 16, "div", 39);
|
|
690
565
|
i0.ɵɵelementEnd()();
|
|
691
566
|
i0.ɵɵconditionalCreate(34, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Template, 7, 1, "div", 40);
|
|
692
567
|
i0.ɵɵconditionalCreate(35, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_35_Template, 4, 1, "div", 41);
|
|
@@ -694,7 +569,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template(r
|
|
|
694
569
|
i0.ɵɵlistener("TabChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template_mj_tab_nav_TabChange_36_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectTab($event)); });
|
|
695
570
|
i0.ɵɵelementEnd();
|
|
696
571
|
i0.ɵɵconditionalCreate(37, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Template, 7, 10, "div", 43);
|
|
697
|
-
i0.ɵɵconditionalCreate(38, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template,
|
|
572
|
+
i0.ɵɵconditionalCreate(38, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template, 10, 32, "div", 43);
|
|
698
573
|
i0.ɵɵconditionalCreate(39, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Template, 2, 1, "div", 43);
|
|
699
574
|
i0.ɵɵconditionalCreate(40, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template, 21, 10, "div", 43);
|
|
700
575
|
i0.ɵɵconditionalCreate(41, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Template, 2, 1, "div", 43);
|
|
@@ -1128,26 +1003,6 @@ let BizAppsOrderHeaderFormComponent = class BizAppsOrderHeaderFormComponent exte
|
|
|
1128
1003
|
|| this.record?.ShipToAddress
|
|
1129
1004
|
|| 'Header default — override when it ships elsewhere';
|
|
1130
1005
|
}
|
|
1131
|
-
EnsureBillToAddress(event) {
|
|
1132
|
-
event.stopPropagation();
|
|
1133
|
-
this.record?.BillToAddressID_EnsureObject();
|
|
1134
|
-
this.cdr.detectChanges();
|
|
1135
|
-
}
|
|
1136
|
-
ClearBillToAddress(event) {
|
|
1137
|
-
event.stopPropagation();
|
|
1138
|
-
this.record?.ClearBillToAddress();
|
|
1139
|
-
this.cdr.detectChanges();
|
|
1140
|
-
}
|
|
1141
|
-
EnsureShipToAddress(event) {
|
|
1142
|
-
event.stopPropagation();
|
|
1143
|
-
this.record?.ShipToAddressID_EnsureObject();
|
|
1144
|
-
this.cdr.detectChanges();
|
|
1145
|
-
}
|
|
1146
|
-
ClearShipToAddress(event) {
|
|
1147
|
-
event.stopPropagation();
|
|
1148
|
-
this.record?.ClearShipToAddress();
|
|
1149
|
-
this.cdr.detectChanges();
|
|
1150
|
-
}
|
|
1151
1006
|
FormatEmbeddedAddress(address) {
|
|
1152
1007
|
return address ? FormatPartyAddress(address) : '';
|
|
1153
1008
|
}
|
|
@@ -1440,11 +1295,11 @@ let BizAppsOrderHeaderFormComponent = class BizAppsOrderHeaderFormComponent exte
|
|
|
1440
1295
|
});
|
|
1441
1296
|
}
|
|
1442
1297
|
static ɵfac = /*@__PURE__*/ (() => { let ɵBizAppsOrderHeaderFormComponent_BaseFactory; return function BizAppsOrderHeaderFormComponent_Factory(__ngFactoryType__) { return (ɵBizAppsOrderHeaderFormComponent_BaseFactory || (ɵBizAppsOrderHeaderFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BizAppsOrderHeaderFormComponent)))(__ngFactoryType__ || BizAppsOrderHeaderFormComponent); }; })();
|
|
1443
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BizAppsOrderHeaderFormComponent, selectors: [["bizapps-order-header-form"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], 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-oh-hero"], [1, "mjo-oh-hero__top"], [1, "mjo-oh-who"], [1, "mjo-oh-avatar"], [1, "fa-solid", "fa-file-invoice-dollar"], [1, "mjo-oh-title-row"], [1, "mjo-oh-title"], [3, "class"], [1, "mjo-oh-sub"], [1, "mjo-oh-hero__aside"], [1, "mjo-oh-money"], [1, "mjo-oh-kicker"], [1, "mjo-oh-amt"], ["type", "button", 1, "mjo-oh-hero__toggle", 3, "click", "title"], ["aria-hidden", "true", 1, "fa-solid"], ["Slot", "after-fields", 3, "Entity", "Record", "FormComponent", "FormContext"], ["SectionKey", "mJBizAppsOrdersOrderLines", "SectionName", "Lines", "Icon", "fa fa-list-ol", 3, "Form", "FormContext", "BadgeCount", "DefaultExpanded"], [3, "PricingChanged", "Navigate", "Order", "EditMode"], ["Slot", "after-related", 3, "Entity", "Record", "FormComponent", "FormContext"], ["Slot", "after-everything", 3, "Entity", "Record", "FormComponent", "FormContext"], [1, "mjo-oh-facts"], [1, "mjo-oh-fact"], ["FieldName", "OrderType", "Type", "select", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "CompanyID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "OrderDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-oh-parties"], [1, "mjo-oh-bubble"], ["role", "button", "tabindex", "0", 1, "mjo-oh-bubble__hit", 3, "click", "keydown.enter", "keydown.space"], [1, "mjo-oh-bubble__ic"], [1, "fa-solid", "fa-truck-fast"], [1, "mjo-oh-bubble__copy"], [1, "mjo-oh-bubble__role"], [1, "mjo-oh-bubble__name"], ["type", "button", 1, "mjo-oh-link", "mjo-oh-bubble__name"], [1, "mjo-oh-bubble__detail"], [1, "fa-solid", "mjo-oh-bubble__chev"], [1, "mjo-oh-bubble__edit"], [1, "mjo-oh-todo"], ["role", "alert", 1, "mjo-oh-todo", "mjo-oh-todo--err"], [1, "mjo-oh-tabs", 3, "TabChange", "Tabs", "ActiveKey"], [1, "mjo-oh-tabpane"], ["type", "button", 1, "mjo-oh-link", "mjo-oh-bubble__name", 3, "click"], ["FieldName", "ShipToOrganizationID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "ShipToPersonID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "ValueChange", "Record", "ShowLabel", "EditMode", "FormContext"], ["
|
|
1298
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BizAppsOrderHeaderFormComponent, selectors: [["bizapps-order-header-form"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], 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-oh-hero"], [1, "mjo-oh-hero__top"], [1, "mjo-oh-who"], [1, "mjo-oh-avatar"], [1, "fa-solid", "fa-file-invoice-dollar"], [1, "mjo-oh-title-row"], [1, "mjo-oh-title"], [3, "class"], [1, "mjo-oh-sub"], [1, "mjo-oh-hero__aside"], [1, "mjo-oh-money"], [1, "mjo-oh-kicker"], [1, "mjo-oh-amt"], ["type", "button", 1, "mjo-oh-hero__toggle", 3, "click", "title"], ["aria-hidden", "true", 1, "fa-solid"], ["Slot", "after-fields", 3, "Entity", "Record", "FormComponent", "FormContext"], ["SectionKey", "mJBizAppsOrdersOrderLines", "SectionName", "Lines", "Icon", "fa fa-list-ol", 3, "Form", "FormContext", "BadgeCount", "DefaultExpanded"], [3, "PricingChanged", "Navigate", "Order", "EditMode"], ["Slot", "after-related", 3, "Entity", "Record", "FormComponent", "FormContext"], ["Slot", "after-everything", 3, "Entity", "Record", "FormComponent", "FormContext"], [1, "mjo-oh-facts"], [1, "mjo-oh-fact"], ["FieldName", "OrderType", "Type", "select", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "CompanyID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "OrderDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-oh-parties"], [1, "mjo-oh-bubble"], ["role", "button", "tabindex", "0", 1, "mjo-oh-bubble__hit", 3, "click", "keydown.enter", "keydown.space"], [1, "mjo-oh-bubble__ic"], [1, "fa-solid", "fa-truck-fast"], [1, "mjo-oh-bubble__copy"], [1, "mjo-oh-bubble__role"], [1, "mjo-oh-bubble__name"], ["type", "button", 1, "mjo-oh-link", "mjo-oh-bubble__name"], [1, "mjo-oh-bubble__detail"], [1, "fa-solid", "mjo-oh-bubble__chev"], [1, "mjo-oh-bubble__edit"], [1, "mjo-oh-todo"], ["role", "alert", 1, "mjo-oh-todo", "mjo-oh-todo--err"], [1, "mjo-oh-tabs", 3, "TabChange", "Tabs", "ActiveKey"], [1, "mjo-oh-tabpane"], ["type", "button", 1, "mjo-oh-link", "mjo-oh-bubble__name", 3, "click"], ["FieldName", "ShipToOrganizationID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "ShipToPersonID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "ValueChange", "Record", "ShowLabel", "EditMode", "FormContext"], ["Side", "ship", 3, "Order", "EditMode", "PersonName", "OrganizationName"], ["FieldName", "BillToOrganizationID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "BillToPersonID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "ValueChange", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "PaymentTermsTypeID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["Side", "bill", 3, "Order", "EditMode", "PersonName", "OrganizationName"], [1, "fa-solid", "fa-circle-exclamation"], ["type", "button"], [1, "mjo-oh-todo__hint"], ["type", "button", 3, "click"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "mjo-oh-fields"], ["FieldName", "InitialPaymentTypeID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "InitialPaymentAmount", "Type", "number", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-oh-ref"], [3, "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "ShowDeleteButton", "Height", "MaxHeight"], [1, "mjo-oh-hint"], [1, "mjo-oh-ref__label"], ["placeholder", "Check number or confirmation ID", "autocomplete", "off", "aria-label", "Check or ACH reference", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], [3, "Navigate", "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "ShowDeleteButton", "Height", "MaxHeight"], ["FieldName", "RequestedDeliveryDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "DueDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "ExternalDocumentNumber", "Type", "textbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "FulfillmentStatus", "Type", "select", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Status", "Type", "select", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "SalesRepUserID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Description", "Type", "textarea", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Notes", "Type", "textarea", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-oh-acct__bar"], ["role", "group", "aria-label", "Accounting view", 1, "mjo-oh-switch"], [1, "mjo-oh-switch__n"], [1, "fa-solid", "fa-chart-line"], [2, "padding", "12px 0"], [3, "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "Height", "MaxHeight"], [3, "JournalEntrySelected", "JournalEntries", "Title"], [1, "mjo-oh-jecard"], [1, "mjo-oh-jecard__head"], [1, "mjo-oh-jecard__co"], [1, "mjo-oh-jecard__sub"], [1, "mjo-oh-chip"], [1, "mjo-oh-je__table"], [1, "is-num"], [1, "mjo-oh-acctline"], [1, "mjo-oh-acctline__code"], [1, "mjo-oh-acctline__name"], [1, "mjo-oh-acctline__meta"], [1, "mjo-oh-dim"], [1, "mjo-oh-je__src"], [3, "Navigate", "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "Height", "MaxHeight"]], template: function BizAppsOrderHeaderFormComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1444
1299
|
i0.ɵɵconditionalCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Template, 39, 45, "mj-record-form-container", 0);
|
|
1445
1300
|
} if (rf & 2) {
|
|
1446
1301
|
i0.ɵɵconditional(ctx.record ? 0 : -1);
|
|
1447
|
-
} }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MjFormFieldComponent, i2.MjCollapsiblePanelComponent, i2.MjRecordFormContainerComponent, i2.ExplorerEntityDataGridComponent, i2.FormPanelSlotComponent, i3.MJTabNavComponent, i4.MJOOrderLinesEditorComponent, i5.DeferredRevenueWaterfallComponent], styles: ["\n\n\n\n[_nghost-%COMP%] .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n max-height: none;\n}\n\n[_nghost-%COMP%] .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) .mj-forms-panel-content {\n max-height: none;\n overflow: visible;\n}\n\n\n\n\n\n\n\n[_nghost-%COMP%] mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel {\n overflow: visible;\n}\n\n[_nghost-%COMP%] mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n overflow: visible;\n}\n\n[_nghost-%COMP%] mj-collapsible-panel:has(.mj-typeahead-list.is-open) {\n position: relative;\n z-index: 30;\n}\n\n.mjo-oh-hero[_ngcontent-%COMP%] {\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-lg);\n padding: var(--mj-space-4) var(--mj-space-5);\n margin-bottom: var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%] {\n padding: var(--mj-space-2) var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%] .mjo-oh-hero__top[_ngcontent-%COMP%] {\n align-items: center;\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%] .mjo-oh-avatar[_ngcontent-%COMP%] {\n width: 32px;\n height: 32px;\n font-size: 14px;\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%] .mjo-oh-title[_ngcontent-%COMP%] {\n font-size: var(--mj-text-base);\n}\n\n.mjo-oh-hero__toggle[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n flex: 0 0 auto;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface);\n color: var(--mj-text-secondary);\n cursor: pointer;\n}\n\n.mjo-oh-hero__toggle[_ngcontent-%COMP%]:hover {\n background: var(--mj-bg-surface-hover);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-hero__top[_ngcontent-%COMP%] {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: var(--mj-space-4);\n flex-wrap: wrap;\n}\n\n.mjo-oh-hero__aside[_ngcontent-%COMP%] {\n display: flex;\n align-items: flex-start;\n gap: var(--mj-space-4);\n flex-wrap: wrap;\n}\n\n.mjo-oh-confirm[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: var(--mj-space-1);\n min-width: 11rem;\n}\n\n.mjo-oh-confirm__hint[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n text-align: right;\n max-width: 14rem;\n line-height: 1.35;\n}\n\n.mjo-oh-who[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: var(--mj-space-3);\n min-width: 0;\n}\n\n.mjo-oh-avatar[_ngcontent-%COMP%] {\n width: 44px;\n height: 44px;\n border-radius: var(--mj-radius-md);\n display: grid;\n place-items: center;\n flex: 0 0 auto;\n background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n color: var(--mj-brand-primary);\n font-size: 18px;\n}\n\n.mjo-oh-title-row[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: var(--mj-space-2);\n flex-wrap: wrap;\n}\n\n.mjo-oh-title[_ngcontent-%COMP%] {\n margin: 0;\n font-size: var(--mj-text-lg);\n font-weight: var(--mj-font-bold);\n color: var(--mj-text-primary);\n letter-spacing: -0.02em;\n}\n\n.mjo-oh-sub[_ngcontent-%COMP%] {\n margin-top: 2px;\n font-size: var(--mj-text-sm);\n color: var(--mj-text-secondary);\n}\n\n.mjo-oh-kicker[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-chip[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n padding: 2px 10px;\n border-radius: var(--mj-radius-full);\n border: 1px solid var(--mj-border-default);\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-chip--ok[_ngcontent-%COMP%] {\n color: var(--mj-status-success-text);\n background: var(--mj-status-success-bg);\n border-color: var(--mj-status-success-border);\n}\n\n.mjo-oh-chip--void[_ngcontent-%COMP%] {\n color: var(--mj-status-error-text);\n background: var(--mj-status-error-bg);\n border-color: var(--mj-status-error-border);\n}\n\n.mjo-oh-money[_ngcontent-%COMP%] {\n display: flex;\n gap: var(--mj-space-5);\n padding: var(--mj-space-2) var(--mj-space-3);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface-sunken);\n border: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-money[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.mjo-oh-amt[_ngcontent-%COMP%] {\n font-variant-numeric: tabular-nums;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-facts[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: var(--mj-space-3) var(--mj-space-4);\n margin-top: var(--mj-space-4);\n padding: var(--mj-space-3);\n border: 1px solid var(--mj-border-subtle);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-fact[_ngcontent-%COMP%] .mj-forms-field {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 4px;\n padding: 0;\n}\n\n.mjo-oh-fact[_ngcontent-%COMP%] .mj-forms-field-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n\n\n\n.mjo-oh-fact[_ngcontent-%COMP%] .mj-forms-field--editing:hover {\n margin: 0;\n padding: 0;\n}\n\n.mjo-oh-fields[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n\n.mjo-oh-parties[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: var(--mj-space-3);\n align-items: start;\n margin: var(--mj-space-4) 0 var(--mj-space-3);\n}\n\n.mjo-oh-parties.is-bill[_ngcontent-%COMP%] {\n grid-template-columns: auto minmax(0, 1fr);\n}\n\n.mjo-oh-parties.is-none[_ngcontent-%COMP%] {\n grid-template-columns: 1fr 1fr;\n}\n\n.mjo-oh-bubble[_ngcontent-%COMP%] {\n border: 1px solid var(--mj-border-default);\n background: var(--mj-bg-surface);\n border-radius: var(--mj-radius-md);\n overflow: hidden;\n min-width: 0;\n}\n\n.mjo-oh-bubble.is-open[_ngcontent-%COMP%] {\n border-color: color-mix(in srgb, var(--mj-brand-primary) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] {\n width: 3.25rem;\n flex: 0 0 auto;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__hit[_ngcontent-%COMP%] {\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n gap: var(--mj-space-2);\n padding: var(--mj-space-2);\n min-height: 5.5rem;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__copy[_ngcontent-%COMP%] {\n flex: 0 0 auto;\n align-items: center;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__role[_ngcontent-%COMP%] {\n writing-mode: vertical-rl;\n transform: rotate(180deg);\n letter-spacing: 0.08em;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__name[_ngcontent-%COMP%], \n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__detail[_ngcontent-%COMP%], \n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__chev[_ngcontent-%COMP%] {\n display: none;\n}\n\n@media (max-width: 720px) {\n .mjo-oh-parties[_ngcontent-%COMP%], \n .mjo-oh-parties.is-bill[_ngcontent-%COMP%], \n .mjo-oh-parties.is-none[_ngcontent-%COMP%] {\n grid-template-columns: 1fr;\n }\n\n .mjo-oh-bubble.is-rail[_ngcontent-%COMP%] {\n width: auto;\n }\n\n .mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__hit[_ngcontent-%COMP%] {\n flex-direction: row;\n min-height: 0;\n padding: var(--mj-space-2) var(--mj-space-3);\n }\n\n .mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__copy[_ngcontent-%COMP%] {\n align-items: flex-start;\n }\n\n .mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__role[_ngcontent-%COMP%] {\n writing-mode: horizontal-tb;\n transform: none;\n }\n}\n\n.mjo-oh-bubble.is-needed[_ngcontent-%COMP%] {\n border-color: color-mix(in srgb, var(--mj-status-warning) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble__hit[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: var(--mj-space-3);\n width: 100%;\n padding: var(--mj-space-3);\n border: 0;\n background: transparent;\n color: inherit;\n text-align: left;\n cursor: pointer;\n}\n\n.mjo-oh-bubble__name.mjo-oh-link[_ngcontent-%COMP%] {\n display: inline;\n padding: 0;\n border: 0;\n background: transparent;\n font: inherit;\n font-size: inherit;\n font-weight: inherit;\n text-align: left;\n cursor: pointer;\n}\n\n.mjo-oh-bubble__hit[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); }\n\n.mjo-oh-bubble__ic[_ngcontent-%COMP%] {\n width: var(--mj-space-8);\n height: var(--mj-space-8);\n border-radius: var(--mj-radius-sm);\n display: grid;\n place-items: center;\n flex: 0 0 auto;\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-brand-primary);\n}\n\n.mjo-oh-bubble__copy[_ngcontent-%COMP%] {\n min-width: 0;\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.mjo-oh-bubble__role[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-bubble__name[_ngcontent-%COMP%] {\n font-size: var(--mj-text-sm);\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-bubble__detail[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.mjo-oh-bubble__chev[_ngcontent-%COMP%] {\n color: var(--mj-text-muted);\n font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-bubble__edit[_ngcontent-%COMP%] {\n padding: var(--mj-space-3);\n border-top: 1px solid var(--mj-border-subtle);\n display: flex;\n flex-direction: column;\n}\n\n.mjo-oh-addr[_ngcontent-%COMP%] {\n margin-top: var(--mj-space-2);\n padding-top: var(--mj-space-2);\n border-top: 1px dashed var(--mj-border-subtle);\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-1);\n}\n\n.mjo-oh-addr__bar[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--mj-space-2);\n}\n\n.mjo-oh-addr__label[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-addr__btn[_ngcontent-%COMP%] {\n border: 0;\n background: transparent;\n color: var(--mj-text-link);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n cursor: pointer;\n padding: 0;\n}\n\n.mjo-oh-addr__btn[_ngcontent-%COMP%]:disabled {\n color: var(--mj-text-disabled);\n cursor: default;\n}\n\n.mjo-oh-addr__row[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr) minmax(0, 0.8fr);\n gap: var(--mj-space-2);\n}\n\n.mjo-oh-link[_ngcontent-%COMP%] {\n color: var(--mj-text-link);\n text-decoration: none;\n}\n\n.mjo-oh-link[_ngcontent-%COMP%]:hover { text-decoration: underline; }\n\n.mjo-oh-todo[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: var(--mj-space-2);\n flex-wrap: wrap;\n margin-bottom: var(--mj-space-3);\n font-size: var(--mj-text-sm);\n color: var(--mj-status-warning-text);\n}\n\n.mjo-oh-todo[_ngcontent-%COMP%] button[_ngcontent-%COMP%], \n.mjo-oh-todo__hint[_ngcontent-%COMP%] {\n background: var(--mj-status-warning-bg);\n border: 1px solid var(--mj-status-warning-border);\n color: var(--mj-status-warning-text);\n border-radius: var(--mj-radius-full);\n padding: 2px 8px;\n font: inherit;\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-todo[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { cursor: pointer; }\n\n.mjo-oh-todo--err[_ngcontent-%COMP%] {\n color: var(--mj-status-error-text);\n}\n\n.mjo-oh-ref[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-ref__label[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-ref[_ngcontent-%COMP%] .mj-input[_ngcontent-%COMP%] {\n max-width: 22rem;\n}\n\n.mjo-oh-tabs[_ngcontent-%COMP%] {\n display: block;\n margin-top: var(--mj-space-2);\n}\n\n.mjo-oh-tabpane[_ngcontent-%COMP%] { margin-top: var(--mj-space-3); }\n\n.mjo-oh-tabpane[_ngcontent-%COMP%] mj-explorer-entity-data-grid[_ngcontent-%COMP%] {\n display: block;\n}\n\n.mjo-oh-hint[_ngcontent-%COMP%] {\n margin-top: var(--mj-space-2);\n font-size: var(--mj-text-sm);\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-acct__bar[_ngcontent-%COMP%] {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: var(--mj-space-3);\n flex-wrap: wrap;\n margin-bottom: var(--mj-space-3);\n}\n\n.mjo-oh-acct__bar[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\n margin: 0;\n font-size: var(--mj-text-sm);\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-acct__bar[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 2px 0 0;\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-switch[_ngcontent-%COMP%] {\n display: inline-flex;\n padding: 2px;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-full);\n background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-switch[_ngcontent-%COMP%] button[_ngcontent-%COMP%] {\n appearance: none;\n border: 0;\n background: transparent;\n color: var(--mj-text-secondary);\n font: inherit;\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n padding: 5px 12px;\n border-radius: var(--mj-radius-full);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.mjo-oh-switch[_ngcontent-%COMP%] button.is-on[_ngcontent-%COMP%] {\n background: var(--mj-bg-surface);\n color: var(--mj-text-primary);\n box-shadow: 0 0 0 1px var(--mj-border-subtle);\n}\n\n.mjo-oh-switch__n[_ngcontent-%COMP%] {\n min-width: 1.25em;\n padding: 0 5px;\n border-radius: var(--mj-radius-full);\n background: color-mix(in srgb, var(--mj-brand-primary) 14%, var(--mj-bg-surface));\n color: var(--mj-brand-primary);\n font-variant-numeric: tabular-nums;\n text-align: center;\n}\n\n.mjo-oh-jecard[_ngcontent-%COMP%] {\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface);\n overflow: hidden;\n}\n\n.mjo-oh-jecard[_ngcontent-%COMP%] + .mjo-oh-jecard[_ngcontent-%COMP%] {\n margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-jecard__head[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--mj-space-2);\n padding: var(--mj-space-2) var(--mj-space-3);\n background: var(--mj-bg-surface-card);\n border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-jecard__co[_ngcontent-%COMP%] {\n font-size: var(--mj-text-sm);\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-jecard__sub[_ngcontent-%COMP%] {\n margin-left: var(--mj-space-2);\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%] {\n width: 100%;\n border-collapse: collapse;\n font-size: var(--mj-text-sm);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%] th[_ngcontent-%COMP%], \n.mjo-oh-je__table[_ngcontent-%COMP%] td[_ngcontent-%COMP%] {\n padding: var(--mj-space-2) var(--mj-space-3);\n border-bottom: 1px solid var(--mj-border-subtle);\n text-align: left;\n vertical-align: top;\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%] tfoot[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n border-bottom: 0;\n background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%] .is-num[_ngcontent-%COMP%] {\n text-align: right;\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%] .is-quiet[_ngcontent-%COMP%] {\n color: var(--mj-text-disabled);\n}\n\n.mjo-oh-acctline[_ngcontent-%COMP%] {\n display: flex;\n align-items: baseline;\n gap: var(--mj-space-2);\n flex-wrap: wrap;\n}\n\n.mjo-oh-acctline__code[_ngcontent-%COMP%] {\n font-variant-numeric: tabular-nums;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-secondary);\n letter-spacing: 0.02em;\n}\n\n.mjo-oh-acctline__name[_ngcontent-%COMP%] {\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-acctline__meta[_ngcontent-%COMP%] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 6px;\n margin-top: 4px;\n}\n\n.mjo-oh-dim[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n padding: 1px 8px;\n border-radius: var(--mj-radius-full);\n border: 1px solid var(--mj-border-subtle);\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-je__src[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n@media (max-width: 760px) {\n .mjo-oh-parties[_ngcontent-%COMP%], \n .mjo-oh-facts[_ngcontent-%COMP%] {\n grid-template-columns: 1fr;\n }\n .mjo-oh-money[_ngcontent-%COMP%] { margin-left: 0; }\n}"] });
|
|
1302
|
+
} }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MjFormFieldComponent, i2.MjCollapsiblePanelComponent, i2.MjRecordFormContainerComponent, i2.ExplorerEntityDataGridComponent, i2.FormPanelSlotComponent, i3.MJTabNavComponent, i4.MJOOrderLinesEditorComponent, i5.MJOPartyAddressPickerComponent, i6.DeferredRevenueWaterfallComponent], styles: ["\n\n\n\n[_nghost-%COMP%] .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n max-height: none;\n}\n\n[_nghost-%COMP%] .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) .mj-forms-panel-content {\n max-height: none;\n overflow: visible;\n}\n\n\n\n\n\n\n\n[_nghost-%COMP%] mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel {\n overflow: visible;\n}\n\n[_nghost-%COMP%] mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n overflow: visible;\n}\n\n[_nghost-%COMP%] mj-collapsible-panel:has(.mj-typeahead-list.is-open) {\n position: relative;\n z-index: 30;\n}\n\n.mjo-oh-hero[_ngcontent-%COMP%] {\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-lg);\n padding: var(--mj-space-4) var(--mj-space-5);\n margin-bottom: var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%] {\n padding: var(--mj-space-2) var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%] .mjo-oh-hero__top[_ngcontent-%COMP%] {\n align-items: center;\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%] .mjo-oh-avatar[_ngcontent-%COMP%] {\n width: 32px;\n height: 32px;\n font-size: 14px;\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%] .mjo-oh-title[_ngcontent-%COMP%] {\n font-size: var(--mj-text-base);\n}\n\n.mjo-oh-hero__toggle[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n flex: 0 0 auto;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface);\n color: var(--mj-text-secondary);\n cursor: pointer;\n}\n\n.mjo-oh-hero__toggle[_ngcontent-%COMP%]:hover {\n background: var(--mj-bg-surface-hover);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-hero__top[_ngcontent-%COMP%] {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: var(--mj-space-4);\n flex-wrap: wrap;\n}\n\n.mjo-oh-hero__aside[_ngcontent-%COMP%] {\n display: flex;\n align-items: flex-start;\n gap: var(--mj-space-4);\n flex-wrap: wrap;\n}\n\n.mjo-oh-confirm[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: var(--mj-space-1);\n min-width: 11rem;\n}\n\n.mjo-oh-confirm__hint[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n text-align: right;\n max-width: 14rem;\n line-height: 1.35;\n}\n\n.mjo-oh-who[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: var(--mj-space-3);\n min-width: 0;\n}\n\n.mjo-oh-avatar[_ngcontent-%COMP%] {\n width: 44px;\n height: 44px;\n border-radius: var(--mj-radius-md);\n display: grid;\n place-items: center;\n flex: 0 0 auto;\n background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n color: var(--mj-brand-primary);\n font-size: 18px;\n}\n\n.mjo-oh-title-row[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: var(--mj-space-2);\n flex-wrap: wrap;\n}\n\n.mjo-oh-title[_ngcontent-%COMP%] {\n margin: 0;\n font-size: var(--mj-text-lg);\n font-weight: var(--mj-font-bold);\n color: var(--mj-text-primary);\n letter-spacing: -0.02em;\n}\n\n.mjo-oh-sub[_ngcontent-%COMP%] {\n margin-top: 2px;\n font-size: var(--mj-text-sm);\n color: var(--mj-text-secondary);\n}\n\n.mjo-oh-kicker[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-chip[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n padding: 2px 10px;\n border-radius: var(--mj-radius-full);\n border: 1px solid var(--mj-border-default);\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-chip--ok[_ngcontent-%COMP%] {\n color: var(--mj-status-success-text);\n background: var(--mj-status-success-bg);\n border-color: var(--mj-status-success-border);\n}\n\n.mjo-oh-chip--void[_ngcontent-%COMP%] {\n color: var(--mj-status-error-text);\n background: var(--mj-status-error-bg);\n border-color: var(--mj-status-error-border);\n}\n\n.mjo-oh-money[_ngcontent-%COMP%] {\n display: flex;\n gap: var(--mj-space-5);\n padding: var(--mj-space-2) var(--mj-space-3);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface-sunken);\n border: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-money[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.mjo-oh-amt[_ngcontent-%COMP%] {\n font-variant-numeric: tabular-nums;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-facts[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: var(--mj-space-3) var(--mj-space-4);\n margin-top: var(--mj-space-4);\n padding: var(--mj-space-3);\n border: 1px solid var(--mj-border-subtle);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-fact[_ngcontent-%COMP%] .mj-forms-field {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 4px;\n padding: 0;\n}\n\n.mjo-oh-fact[_ngcontent-%COMP%] .mj-forms-field-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n\n\n\n.mjo-oh-fact[_ngcontent-%COMP%] .mj-forms-field--editing:hover {\n margin: 0;\n padding: 0;\n}\n\n.mjo-oh-fields[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n\n.mjo-oh-parties[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: var(--mj-space-3);\n align-items: start;\n margin: var(--mj-space-4) 0 var(--mj-space-3);\n}\n\n.mjo-oh-parties.is-bill[_ngcontent-%COMP%] {\n grid-template-columns: auto minmax(0, 1fr);\n}\n\n.mjo-oh-parties.is-none[_ngcontent-%COMP%] {\n grid-template-columns: 1fr 1fr;\n}\n\n.mjo-oh-bubble[_ngcontent-%COMP%] {\n border: 1px solid var(--mj-border-default);\n background: var(--mj-bg-surface);\n border-radius: var(--mj-radius-md);\n overflow: hidden;\n min-width: 0;\n}\n\n.mjo-oh-bubble.is-open[_ngcontent-%COMP%] {\n border-color: color-mix(in srgb, var(--mj-brand-primary) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] {\n width: 3.25rem;\n flex: 0 0 auto;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__hit[_ngcontent-%COMP%] {\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n gap: var(--mj-space-2);\n padding: var(--mj-space-2);\n min-height: 5.5rem;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__copy[_ngcontent-%COMP%] {\n flex: 0 0 auto;\n align-items: center;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__role[_ngcontent-%COMP%] {\n writing-mode: vertical-rl;\n transform: rotate(180deg);\n letter-spacing: 0.08em;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__name[_ngcontent-%COMP%], \n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__detail[_ngcontent-%COMP%], \n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__chev[_ngcontent-%COMP%] {\n display: none;\n}\n\n@media (max-width: 720px) {\n .mjo-oh-parties[_ngcontent-%COMP%], \n .mjo-oh-parties.is-bill[_ngcontent-%COMP%], \n .mjo-oh-parties.is-none[_ngcontent-%COMP%] {\n grid-template-columns: 1fr;\n }\n\n .mjo-oh-bubble.is-rail[_ngcontent-%COMP%] {\n width: auto;\n }\n\n .mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__hit[_ngcontent-%COMP%] {\n flex-direction: row;\n min-height: 0;\n padding: var(--mj-space-2) var(--mj-space-3);\n }\n\n .mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__copy[_ngcontent-%COMP%] {\n align-items: flex-start;\n }\n\n .mjo-oh-bubble.is-rail[_ngcontent-%COMP%] .mjo-oh-bubble__role[_ngcontent-%COMP%] {\n writing-mode: horizontal-tb;\n transform: none;\n }\n}\n\n.mjo-oh-bubble.is-needed[_ngcontent-%COMP%] {\n border-color: color-mix(in srgb, var(--mj-status-warning) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble__hit[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: var(--mj-space-3);\n width: 100%;\n padding: var(--mj-space-3);\n border: 0;\n background: transparent;\n color: inherit;\n text-align: left;\n cursor: pointer;\n}\n\n.mjo-oh-bubble__name.mjo-oh-link[_ngcontent-%COMP%] {\n display: inline;\n padding: 0;\n border: 0;\n background: transparent;\n font: inherit;\n font-size: inherit;\n font-weight: inherit;\n text-align: left;\n cursor: pointer;\n}\n\n.mjo-oh-bubble__hit[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); }\n\n.mjo-oh-bubble__ic[_ngcontent-%COMP%] {\n width: var(--mj-space-8);\n height: var(--mj-space-8);\n border-radius: var(--mj-radius-sm);\n display: grid;\n place-items: center;\n flex: 0 0 auto;\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-brand-primary);\n}\n\n.mjo-oh-bubble__copy[_ngcontent-%COMP%] {\n min-width: 0;\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.mjo-oh-bubble__role[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-bubble__name[_ngcontent-%COMP%] {\n font-size: var(--mj-text-sm);\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-bubble__detail[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.mjo-oh-bubble__chev[_ngcontent-%COMP%] {\n color: var(--mj-text-muted);\n font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-bubble__edit[_ngcontent-%COMP%] {\n padding: var(--mj-space-3);\n border-top: 1px solid var(--mj-border-subtle);\n display: flex;\n flex-direction: column;\n}\n\n.mjo-oh-addr[_ngcontent-%COMP%] {\n margin-top: var(--mj-space-2);\n padding-top: var(--mj-space-2);\n border-top: 1px dashed var(--mj-border-subtle);\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-1);\n}\n\n.mjo-oh-addr__bar[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--mj-space-2);\n}\n\n.mjo-oh-addr__label[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-addr__btn[_ngcontent-%COMP%] {\n border: 0;\n background: transparent;\n color: var(--mj-text-link);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n cursor: pointer;\n padding: 0;\n}\n\n.mjo-oh-addr__btn[_ngcontent-%COMP%]:disabled {\n color: var(--mj-text-disabled);\n cursor: default;\n}\n\n.mjo-oh-addr__row[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr) minmax(0, 0.8fr);\n gap: var(--mj-space-2);\n}\n\n.mjo-oh-link[_ngcontent-%COMP%] {\n color: var(--mj-text-link);\n text-decoration: none;\n}\n\n.mjo-oh-link[_ngcontent-%COMP%]:hover { text-decoration: underline; }\n\n.mjo-oh-todo[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: var(--mj-space-2);\n flex-wrap: wrap;\n margin-bottom: var(--mj-space-3);\n font-size: var(--mj-text-sm);\n color: var(--mj-status-warning-text);\n}\n\n.mjo-oh-todo[_ngcontent-%COMP%] button[_ngcontent-%COMP%], \n.mjo-oh-todo__hint[_ngcontent-%COMP%] {\n background: var(--mj-status-warning-bg);\n border: 1px solid var(--mj-status-warning-border);\n color: var(--mj-status-warning-text);\n border-radius: var(--mj-radius-full);\n padding: 2px 8px;\n font: inherit;\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-todo[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { cursor: pointer; }\n\n.mjo-oh-todo--err[_ngcontent-%COMP%] {\n color: var(--mj-status-error-text);\n}\n\n.mjo-oh-ref[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-ref__label[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-ref[_ngcontent-%COMP%] .mj-input[_ngcontent-%COMP%] {\n max-width: 22rem;\n}\n\n.mjo-oh-tabs[_ngcontent-%COMP%] {\n display: block;\n margin-top: var(--mj-space-2);\n}\n\n.mjo-oh-tabpane[_ngcontent-%COMP%] { margin-top: var(--mj-space-3); }\n\n.mjo-oh-tabpane[_ngcontent-%COMP%] mj-explorer-entity-data-grid[_ngcontent-%COMP%] {\n display: block;\n}\n\n.mjo-oh-hint[_ngcontent-%COMP%] {\n margin-top: var(--mj-space-2);\n font-size: var(--mj-text-sm);\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-acct__bar[_ngcontent-%COMP%] {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: var(--mj-space-3);\n flex-wrap: wrap;\n margin-bottom: var(--mj-space-3);\n}\n\n.mjo-oh-acct__bar[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\n margin: 0;\n font-size: var(--mj-text-sm);\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-acct__bar[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 2px 0 0;\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-switch[_ngcontent-%COMP%] {\n display: inline-flex;\n padding: 2px;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-full);\n background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-switch[_ngcontent-%COMP%] button[_ngcontent-%COMP%] {\n appearance: none;\n border: 0;\n background: transparent;\n color: var(--mj-text-secondary);\n font: inherit;\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n padding: 5px 12px;\n border-radius: var(--mj-radius-full);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.mjo-oh-switch[_ngcontent-%COMP%] button.is-on[_ngcontent-%COMP%] {\n background: var(--mj-bg-surface);\n color: var(--mj-text-primary);\n box-shadow: 0 0 0 1px var(--mj-border-subtle);\n}\n\n.mjo-oh-switch__n[_ngcontent-%COMP%] {\n min-width: 1.25em;\n padding: 0 5px;\n border-radius: var(--mj-radius-full);\n background: color-mix(in srgb, var(--mj-brand-primary) 14%, var(--mj-bg-surface));\n color: var(--mj-brand-primary);\n font-variant-numeric: tabular-nums;\n text-align: center;\n}\n\n.mjo-oh-jecard[_ngcontent-%COMP%] {\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface);\n overflow: hidden;\n}\n\n.mjo-oh-jecard[_ngcontent-%COMP%] + .mjo-oh-jecard[_ngcontent-%COMP%] {\n margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-jecard__head[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--mj-space-2);\n padding: var(--mj-space-2) var(--mj-space-3);\n background: var(--mj-bg-surface-card);\n border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-jecard__co[_ngcontent-%COMP%] {\n font-size: var(--mj-text-sm);\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-jecard__sub[_ngcontent-%COMP%] {\n margin-left: var(--mj-space-2);\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%] {\n width: 100%;\n border-collapse: collapse;\n font-size: var(--mj-text-sm);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%] th[_ngcontent-%COMP%], \n.mjo-oh-je__table[_ngcontent-%COMP%] td[_ngcontent-%COMP%] {\n padding: var(--mj-space-2) var(--mj-space-3);\n border-bottom: 1px solid var(--mj-border-subtle);\n text-align: left;\n vertical-align: top;\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%] tfoot[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n border-bottom: 0;\n background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%] .is-num[_ngcontent-%COMP%] {\n text-align: right;\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%] .is-quiet[_ngcontent-%COMP%] {\n color: var(--mj-text-disabled);\n}\n\n.mjo-oh-acctline[_ngcontent-%COMP%] {\n display: flex;\n align-items: baseline;\n gap: var(--mj-space-2);\n flex-wrap: wrap;\n}\n\n.mjo-oh-acctline__code[_ngcontent-%COMP%] {\n font-variant-numeric: tabular-nums;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-secondary);\n letter-spacing: 0.02em;\n}\n\n.mjo-oh-acctline__name[_ngcontent-%COMP%] {\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-acctline__meta[_ngcontent-%COMP%] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 6px;\n margin-top: 4px;\n}\n\n.mjo-oh-dim[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n padding: 1px 8px;\n border-radius: var(--mj-radius-full);\n border: 1px solid var(--mj-border-subtle);\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-je__src[_ngcontent-%COMP%] {\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n@media (max-width: 760px) {\n .mjo-oh-parties[_ngcontent-%COMP%], \n .mjo-oh-facts[_ngcontent-%COMP%] {\n grid-template-columns: 1fr;\n }\n .mjo-oh-money[_ngcontent-%COMP%] { margin-left: 0; }\n}"] });
|
|
1448
1303
|
};
|
|
1449
1304
|
BizAppsOrderHeaderFormComponent = __decorate([
|
|
1450
1305
|
RegisterClass(BaseFormComponent, 'MJ_BizApps_Orders: Order Headers', 2)
|
|
@@ -1452,7 +1307,7 @@ BizAppsOrderHeaderFormComponent = __decorate([
|
|
|
1452
1307
|
export { BizAppsOrderHeaderFormComponent };
|
|
1453
1308
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BizAppsOrderHeaderFormComponent, [{
|
|
1454
1309
|
type: Component,
|
|
1455
|
-
args: [{ standalone: false, selector: 'bizapps-order-header-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 <div class=\"mjo-oh-hero\" [class.is-collapsed]=\"!HeaderExpanded\">\n <div class=\"mjo-oh-hero__top\">\n <div class=\"mjo-oh-who\">\n <div class=\"mjo-oh-avatar\"><i class=\"fa-solid fa-file-invoice-dollar\"></i></div>\n <div>\n <div class=\"mjo-oh-title-row\">\n <h1 class=\"mjo-oh-title\">{{ HeaderTitle }}</h1>\n @if (ShowStatusChip) {\n <span [class]=\"StatusChipClass\">{{ record.Status }}</span>\n }\n </div>\n <div class=\"mjo-oh-sub\">{{ HeaderExpanded ? HeaderSubtitle : HeaderCollapsedMeta }}</div>\n </div>\n </div>\n <div class=\"mjo-oh-hero__aside\">\n <div class=\"mjo-oh-money\">\n <div>\n <span class=\"mjo-oh-kicker\">{{ TotalLabel }}</span>\n <span class=\"mjo-oh-amt\">{{ Money('total') }}</span>\n </div>\n <div>\n <span class=\"mjo-oh-kicker\">Paid</span>\n <span class=\"mjo-oh-amt\">{{ Money('paid') }}</span>\n </div>\n <div>\n <span class=\"mjo-oh-kicker\">Balance</span>\n <span class=\"mjo-oh-amt\">{{ Money('balance') }}</span>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"mjo-oh-hero__toggle\"\n (click)=\"ToggleHeader()\"\n [attr.aria-expanded]=\"HeaderExpanded\"\n [attr.aria-label]=\"HeaderExpanded ? 'Collapse header' : 'Expand header'\"\n [title]=\"HeaderExpanded ? 'Collapse header' : 'Expand header'\">\n <i class=\"fa-solid\" [class.fa-chevron-up]=\"HeaderExpanded\" [class.fa-chevron-down]=\"!HeaderExpanded\" aria-hidden=\"true\"></i>\n </button>\n </div>\n </div>\n\n @if (HeaderExpanded) {\n <div class=\"mjo-oh-facts\">\n <div class=\"mjo-oh-fact\">\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"OrderType\" Type=\"select\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n </div>\n <div class=\"mjo-oh-fact\">\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"CompanyID\" Type=\"textbox\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n </div>\n <div class=\"mjo-oh-fact\">\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"OrderDate\" Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n </div>\n </div>\n\n <div class=\"mjo-oh-parties\" [class.is-ship]=\"ExpandedParty === 'ship'\" [class.is-bill]=\"ExpandedParty === 'bill'\" [class.is-none]=\"ExpandedParty === null\">\n <div class=\"mjo-oh-bubble\" [class.is-open]=\"ExpandedParty === 'ship'\" [class.is-rail]=\"ExpandedParty === 'bill'\">\n <div\n class=\"mjo-oh-bubble__hit\"\n role=\"button\"\n tabindex=\"0\"\n [attr.aria-expanded]=\"ExpandedParty === 'ship'\"\n (click)=\"SelectParty('ship')\"\n (keydown.enter)=\"SelectParty('ship')\"\n (keydown.space)=\"SelectParty('ship'); $event.preventDefault()\">\n <span class=\"mjo-oh-bubble__ic\"><i class=\"fa-solid fa-truck-fast\"></i></span>\n <span class=\"mjo-oh-bubble__copy\">\n <span class=\"mjo-oh-bubble__role\">Ship to</span>\n @if (ShipToIsSame) {\n <span class=\"mjo-oh-bubble__name\">{{ ShipToName }}</span>\n } @else {\n <button type=\"button\" class=\"mjo-oh-link mjo-oh-bubble__name\" (click)=\"OpenShipTo($event)\">{{ ShipToName }}</button>\n }\n <span class=\"mjo-oh-bubble__detail\">{{ ShipToDetail }}</span>\n </span>\n <i class=\"fa-solid mjo-oh-bubble__chev\" [class.fa-chevron-up]=\"ExpandedParty === 'ship'\" [class.fa-chevron-down]=\"ExpandedParty !== 'ship'\"></i>\n </div>\n @if (ExpandedParty === 'ship') {\n <div class=\"mjo-oh-bubble__edit\">\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ShipToOrganizationID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ShipToPersonID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\" (ValueChange)=\"OnPartyPersonChange('ShipTo')\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"RequestedDeliveryDate\" Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <div class=\"mjo-oh-addr\">\n <div class=\"mjo-oh-addr__bar\">\n <span class=\"mjo-oh-addr__label\">Address</span>\n @if (record.ShipToAddressID_Object) {\n <button type=\"button\" class=\"mjo-oh-addr__btn\" (click)=\"ClearShipToAddress($event)\" [disabled]=\"!EditMode\">Clear</button>\n } @else {\n <button type=\"button\" class=\"mjo-oh-addr__btn\" (click)=\"EnsureShipToAddress($event)\" [disabled]=\"!EditMode\">Add address</button>\n }\n </div>\n @if (record.ShipToAddressID_Object; as shipAddr) {\n <mj-form-field [Record]=\"shipAddr\" [ShowLabel]=\"true\" FieldName=\"Line1\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"shipAddr\" [ShowLabel]=\"true\" FieldName=\"Line2\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <div class=\"mjo-oh-addr__row\">\n <mj-form-field [Record]=\"shipAddr\" [ShowLabel]=\"true\" FieldName=\"City\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"shipAddr\" [ShowLabel]=\"true\" FieldName=\"StateProvince\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"shipAddr\" [ShowLabel]=\"true\" FieldName=\"PostalCode\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n </div>\n <mj-form-field [Record]=\"shipAddr\" [ShowLabel]=\"true\" FieldName=\"Country\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n }\n </div>\n </div>\n }\n </div>\n\n <div class=\"mjo-oh-bubble\" [class.is-open]=\"ExpandedParty === 'bill'\" [class.is-rail]=\"ExpandedParty === 'ship'\" [class.is-needed]=\"NeedsBillTo\">\n <div\n class=\"mjo-oh-bubble__hit\"\n role=\"button\"\n tabindex=\"0\"\n [attr.aria-expanded]=\"ExpandedParty === 'bill'\"\n (click)=\"SelectParty('bill')\"\n (keydown.enter)=\"SelectParty('bill')\"\n (keydown.space)=\"SelectParty('bill'); $event.preventDefault()\">\n <span class=\"mjo-oh-bubble__ic\"><i class=\"fa-solid fa-file-invoice-dollar\"></i></span>\n <span class=\"mjo-oh-bubble__copy\">\n <span class=\"mjo-oh-bubble__role\">Bill to</span>\n @if (hasBillTo) {\n <button type=\"button\" class=\"mjo-oh-link mjo-oh-bubble__name\" (click)=\"OpenBillTo($event)\">{{ BillToName }}</button>\n } @else {\n <span class=\"mjo-oh-bubble__name\">{{ BillToName }}</span>\n }\n <span class=\"mjo-oh-bubble__detail\">{{ BillToDetail }}</span>\n </span>\n <i class=\"fa-solid mjo-oh-bubble__chev\" [class.fa-chevron-up]=\"ExpandedParty === 'bill'\" [class.fa-chevron-down]=\"ExpandedParty !== 'bill'\"></i>\n </div>\n @if (ExpandedParty === 'bill') {\n <div class=\"mjo-oh-bubble__edit\">\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"BillToOrganizationID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"BillToPersonID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\" (ValueChange)=\"OnPartyPersonChange('BillTo')\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"PaymentTermsTypeID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <div class=\"mjo-oh-addr\">\n <div class=\"mjo-oh-addr__bar\">\n <span class=\"mjo-oh-addr__label\">Address</span>\n @if (record.BillToAddressID_Object) {\n <button type=\"button\" class=\"mjo-oh-addr__btn\" (click)=\"ClearBillToAddress($event)\" [disabled]=\"!EditMode\">Clear</button>\n } @else {\n <button type=\"button\" class=\"mjo-oh-addr__btn\" (click)=\"EnsureBillToAddress($event)\" [disabled]=\"!EditMode\">Add address</button>\n }\n </div>\n @if (record.BillToAddressID_Object; as billAddr) {\n <mj-form-field [Record]=\"billAddr\" [ShowLabel]=\"true\" FieldName=\"Line1\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"billAddr\" [ShowLabel]=\"true\" FieldName=\"Line2\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <div class=\"mjo-oh-addr__row\">\n <mj-form-field [Record]=\"billAddr\" [ShowLabel]=\"true\" FieldName=\"City\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"billAddr\" [ShowLabel]=\"true\" FieldName=\"StateProvince\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"billAddr\" [ShowLabel]=\"true\" FieldName=\"PostalCode\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n </div>\n <mj-form-field [Record]=\"billAddr\" [ShowLabel]=\"true\" FieldName=\"Country\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n }\n </div>\n </div>\n }\n </div>\n </div>\n\n @if (ConfirmBlockedReason) {\n <div class=\"mjo-oh-todo\">\n <i class=\"fa-solid fa-circle-exclamation\"></i>\n <span>Before this can be confirmed</span>\n @if (NeedsBillTo) {\n <button type=\"button\" (click)=\"JumpToBill()\">Need a bill-to party</button>\n } @else if (NeedsPaymentReference) {\n <button type=\"button\" (click)=\"JumpToPayment()\">Need a check / ACH reference</button>\n } @else {\n <span class=\"mjo-oh-todo__hint\">{{ ConfirmBlockedReason }}</span>\n }\n </div>\n }\n\n @if (ConfirmError) {\n <div class=\"mjo-oh-todo mjo-oh-todo--err\" role=\"alert\">\n <i class=\"fa-solid fa-triangle-exclamation\"></i>\n <span>{{ ConfirmError }}</span>\n </div>\n }\n\n <mj-tab-nav\n class=\"mjo-oh-tabs\"\n [Tabs]=\"ContextTabs\"\n [ActiveKey]=\"ActiveTab ?? ''\"\n (TabChange)=\"SelectTab($event)\">\n </mj-tab-nav>\n\n @if (ActiveTab === 'payment') {\n <div class=\"mjo-oh-tabpane\">\n <div class=\"mjo-oh-fields\">\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"InitialPaymentTypeID\" Type=\"textbox\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"InitialPaymentAmount\" Type=\"number\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n @if (PaymentRequiresReference) {\n <label class=\"mjo-oh-ref\">\n <span class=\"mjo-oh-ref__label\">Check / ACH reference</span>\n <input\n class=\"mj-input\"\n [ngModel]=\"PaymentReference\"\n (ngModelChange)=\"SetPaymentReference($event)\"\n [disabled]=\"!ComposeMode\"\n placeholder=\"Check number or confirmation ID\"\n autocomplete=\"off\"\n aria-label=\"Check or ACH reference\">\n </label>\n }\n </div>\n @if (record.IsSaved && PaymentParams) {\n <mj-explorer-entity-data-grid\n [Params]=\"PaymentParams\"\n [AllowLoad]=\"true\"\n [ShowToolbar]=\"true\"\n [ShowNewButton]=\"false\"\n [ShowDeleteButton]=\"false\"\n [Height]=\"'fit-content'\"\n [MaxHeight]=\"RelatedGridHeight\"\n (Navigate)=\"OnFormNavigate($event)\">\n </mj-explorer-entity-data-grid>\n } @else {\n <div class=\"mjo-oh-hint\">Intent only \u2014 the payment is created when the order is confirmed.</div>\n }\n </div>\n }\n\n @if (ActiveTab === 'details') {\n <div class=\"mjo-oh-tabpane\">\n <div class=\"mjo-oh-fields\">\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"DueDate\" Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ExternalDocumentNumber\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"FulfillmentStatus\" Type=\"select\" [EditMode]=\"false\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"Status\" Type=\"select\" [EditMode]=\"false\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"SalesRepUserID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"Description\" Type=\"textarea\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"Notes\" Type=\"textarea\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n </div>\n </div>\n }\n\n @if (ActiveTab === 'charges' && record.IsSaved) {\n <div class=\"mjo-oh-tabpane\">\n @if (ChargeParams) {\n <mj-explorer-entity-data-grid\n [Params]=\"ChargeParams\"\n [AllowLoad]=\"true\"\n [ShowToolbar]=\"true\"\n [ShowNewButton]=\"false\"\n [ShowDeleteButton]=\"false\"\n [Height]=\"'fit-content'\"\n [MaxHeight]=\"RelatedGridHeight\"\n (Navigate)=\"OnFormNavigate($event)\">\n </mj-explorer-entity-data-grid>\n @if (record.MoneyLocked) {\n <div class=\"mjo-oh-hint\">Charges were booked with the order and cannot be edited.</div>\n }\n }\n </div>\n }\n\n @if (ActiveTab === 'accounting' && record.IsSaved) {\n <div class=\"mjo-oh-tabpane\">\n <div class=\"mjo-oh-acct__bar\">\n <div>\n <h2>{{ AccountingView === 'summary' ? 'Order journal' : 'Line journals' }}</h2>\n <p>\n @if (AccountingView === 'summary') {\n What this order booked, as one entry per company \u2014 not a stored row\n } @else {\n One stored journal per order line \u2014 open a row to drill in\n }\n </p>\n </div>\n <div class=\"mjo-oh-switch\" role=\"group\" aria-label=\"Accounting view\">\n <button type=\"button\" [class.is-on]=\"AccountingView === 'summary'\" (click)=\"SetAccountingView('summary')\">Rolled up</button>\n <button type=\"button\" [class.is-on]=\"AccountingView === 'detail'\" (click)=\"SetAccountingView('detail')\">\n By line\n @if (RollupJournalCount) {\n <span class=\"mjo-oh-switch__n\">{{ RollupJournalCount }}</span>\n }\n </button>\n <button type=\"button\" [class.is-on]=\"AccountingView === 'waterfall'\" (click)=\"SetAccountingView('waterfall')\">\n <i class=\"fa-solid fa-chart-line\"></i> Rev-Rec Waterfall\n </button>\n </div>\n </div>\n\n @if (AccountingView === 'waterfall') {\n <div style=\"padding: 12px 0;\">\n <mj-deferred-revenue-waterfall\n [JournalEntries]=\"RevRecJournalEntries\"\n [Title]=\"'Order Rev-Rec & Deferred Revenue Schedule'\"\n (JournalEntrySelected)=\"OnJournalEntrySelected($event)\">\n </mj-deferred-revenue-waterfall>\n </div>\n } @else if (AccountingView === 'summary') {\n @if (RollupLoading) {\n <div class=\"mjo-oh-hint\">Rolling up journals\u2026</div>\n } @else if (RollupError) {\n <div class=\"mjo-oh-hint\">{{ RollupError }}</div>\n } @else if (RollupCards.length === 0) {\n <div class=\"mjo-oh-hint\">No journals yet \u2014 they appear when the order is confirmed.</div>\n } @else {\n @for (card of RollupCards; track card.CompanyID) {\n <article class=\"mjo-oh-jecard\">\n <header class=\"mjo-oh-jecard__head\">\n <div>\n <span class=\"mjo-oh-jecard__co\">{{ card.Company }}</span>\n <span class=\"mjo-oh-jecard__sub\">{{ card.Rows.length }} {{ card.Rows.length === 1 ? 'line' : 'lines' }}</span>\n </div>\n <span class=\"mjo-oh-chip\" [class.mjo-oh-chip--ok]=\"CardIsBalanced(card)\">\n {{ CardIsBalanced(card) ? 'Balanced' : 'Out of balance' }}\n </span>\n </header>\n <table class=\"mjo-oh-je__table\">\n <thead>\n <tr>\n <th>Account</th>\n <th class=\"is-num\">Debit</th>\n <th class=\"is-num\">Credit</th>\n </tr>\n </thead>\n <tbody>\n @for (row of card.Rows; track row.Key) {\n <tr>\n <td>\n <div class=\"mjo-oh-acctline\">\n @if (row.AccountCode) {\n <span class=\"mjo-oh-acctline__code\">{{ row.AccountCode }}</span>\n }\n <span class=\"mjo-oh-acctline__name\">{{ row.AccountName }}</span>\n </div>\n <div class=\"mjo-oh-acctline__meta\">\n @for (dim of row.Dimensions; track dim.Name + dim.Value) {\n <span class=\"mjo-oh-dim\">{{ dim.Name }} \u00B7 {{ dim.Value }}</span>\n }\n <span class=\"mjo-oh-je__src\">{{ SourceLineLabel(row.SourceLineCount) }}</span>\n </div>\n </td>\n <td class=\"is-num\" [class.is-quiet]=\"!row.Debit\">{{ RollupAmount(row.Debit) }}</td>\n <td class=\"is-num\" [class.is-quiet]=\"!row.Credit\">{{ RollupAmount(row.Credit) }}</td>\n </tr>\n }\n </tbody>\n <tfoot>\n <tr>\n <th>Total</th>\n <td class=\"is-num\">{{ RollupAmount(card.TotalDebit) }}</td>\n <td class=\"is-num\">{{ RollupAmount(card.TotalCredit) }}</td>\n </tr>\n </tfoot>\n </table>\n </article>\n }\n }\n } @else if (JournalParams) {\n <mj-explorer-entity-data-grid\n [Params]=\"JournalParams\"\n [AllowLoad]=\"true\"\n [ShowToolbar]=\"true\"\n [ShowNewButton]=\"false\"\n [Height]=\"'fit-content'\"\n [MaxHeight]=\"RelatedGridHeight\"\n (Navigate)=\"OnFormNavigate($event)\">\n </mj-explorer-entity-data-grid>\n } @else {\n <div class=\"mjo-oh-hint\">No line journals until this order has saved lines.</div>\n }\n </div>\n }\n\n @if (ActiveTab === 'subs' && record.IsSaved) {\n <div class=\"mjo-oh-tabpane\">\n @if (SubscriptionParams) {\n <mj-explorer-entity-data-grid\n [Params]=\"SubscriptionParams\"\n [AllowLoad]=\"true\"\n [ShowToolbar]=\"true\"\n [ShowNewButton]=\"false\"\n [Height]=\"'fit-content'\"\n [MaxHeight]=\"RelatedGridHeight\"\n (Navigate)=\"OnFormNavigate($event)\">\n </mj-explorer-entity-data-grid>\n }\n </div>\n }\n }\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\n <mj-collapsible-panel\n SectionKey=\"mJBizAppsOrdersOrderLines\"\n SectionName=\"Lines\"\n Icon=\"fa fa-list-ol\"\n [Form]=\"this\"\n [FormContext]=\"formContext\"\n [BadgeCount]=\"LineBadge\"\n [DefaultExpanded]=\"true\">\n <mjo-order-lines-editor\n [Order]=\"record\"\n [EditMode]=\"ComposeMode\"\n (PricingChanged)=\"OnPricingChanged($event)\"\n (Navigate)=\"OnFormNavigate($event)\">\n </mjo-order-lines-editor>\n </mj-collapsible-panel>\n\n <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"after-related\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"after-everything\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n\n</mj-record-form-container>\n}\n", styles: ["/* mj-form-field uses display:contents + a 200px|1fr internal grid.\n Wrap each field; never place the host as a CSS-grid item. */\n\n:host ::ng-deep .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n max-height: none;\n}\n\n:host ::ng-deep .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) .mj-forms-panel-content {\n max-height: none;\n overflow: visible;\n}\n\n/* Product search results sit `position: absolute` under the add-product\n input at the bottom of Lines. The panel card and body both use\n overflow:hidden (rounded-corner clip + collapse animation), which\n shears the list off at the section edge. Collapse still forces\n overflow:hidden on the collapsed body. */\n:host ::ng-deep mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel {\n overflow: visible;\n}\n\n:host ::ng-deep mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n overflow: visible;\n}\n\n:host ::ng-deep mj-collapsible-panel:has(.mj-typeahead-list.is-open) {\n position: relative;\n z-index: 30;\n}\n\n.mjo-oh-hero {\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-lg);\n padding: var(--mj-space-4) var(--mj-space-5);\n margin-bottom: var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed {\n padding: var(--mj-space-2) var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed .mjo-oh-hero__top {\n align-items: center;\n}\n\n.mjo-oh-hero.is-collapsed .mjo-oh-avatar {\n width: 32px;\n height: 32px;\n font-size: 14px;\n}\n\n.mjo-oh-hero.is-collapsed .mjo-oh-title {\n font-size: var(--mj-text-base);\n}\n\n.mjo-oh-hero__toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n flex: 0 0 auto;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface);\n color: var(--mj-text-secondary);\n cursor: pointer;\n}\n\n.mjo-oh-hero__toggle:hover {\n background: var(--mj-bg-surface-hover);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-hero__top {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: var(--mj-space-4);\n flex-wrap: wrap;\n}\n\n.mjo-oh-hero__aside {\n display: flex;\n align-items: flex-start;\n gap: var(--mj-space-4);\n flex-wrap: wrap;\n}\n\n.mjo-oh-confirm {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: var(--mj-space-1);\n min-width: 11rem;\n}\n\n.mjo-oh-confirm__hint {\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n text-align: right;\n max-width: 14rem;\n line-height: 1.35;\n}\n\n.mjo-oh-who {\n display: flex;\n align-items: center;\n gap: var(--mj-space-3);\n min-width: 0;\n}\n\n.mjo-oh-avatar {\n width: 44px;\n height: 44px;\n border-radius: var(--mj-radius-md);\n display: grid;\n place-items: center;\n flex: 0 0 auto;\n background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n color: var(--mj-brand-primary);\n font-size: 18px;\n}\n\n.mjo-oh-title-row {\n display: flex;\n align-items: center;\n gap: var(--mj-space-2);\n flex-wrap: wrap;\n}\n\n.mjo-oh-title {\n margin: 0;\n font-size: var(--mj-text-lg);\n font-weight: var(--mj-font-bold);\n color: var(--mj-text-primary);\n letter-spacing: -0.02em;\n}\n\n.mjo-oh-sub {\n margin-top: 2px;\n font-size: var(--mj-text-sm);\n color: var(--mj-text-secondary);\n}\n\n.mjo-oh-kicker {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-chip {\n display: inline-flex;\n align-items: center;\n padding: 2px 10px;\n border-radius: var(--mj-radius-full);\n border: 1px solid var(--mj-border-default);\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-chip--ok {\n color: var(--mj-status-success-text);\n background: var(--mj-status-success-bg);\n border-color: var(--mj-status-success-border);\n}\n\n.mjo-oh-chip--void {\n color: var(--mj-status-error-text);\n background: var(--mj-status-error-bg);\n border-color: var(--mj-status-error-border);\n}\n\n.mjo-oh-money {\n display: flex;\n gap: var(--mj-space-5);\n padding: var(--mj-space-2) var(--mj-space-3);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface-sunken);\n border: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-money > div {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.mjo-oh-amt {\n font-variant-numeric: tabular-nums;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-facts {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: var(--mj-space-3) var(--mj-space-4);\n margin-top: var(--mj-space-4);\n padding: var(--mj-space-3);\n border: 1px solid var(--mj-border-subtle);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-fact ::ng-deep .mj-forms-field {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 4px;\n padding: 0;\n}\n\n.mjo-oh-fact ::ng-deep .mj-forms-field-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n/* The shared field hover adds negative margin + extra padding, which shoves\n the three header facts down. Keep the tint, drop the layout shift. */\n.mjo-oh-fact ::ng-deep .mj-forms-field--editing:hover {\n margin: 0;\n padding: 0;\n}\n\n.mjo-oh-fields {\n display: flex;\n flex-direction: column;\n}\n\n.mjo-oh-parties {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: var(--mj-space-3);\n align-items: start;\n margin: var(--mj-space-4) 0 var(--mj-space-3);\n}\n\n.mjo-oh-parties.is-bill {\n grid-template-columns: auto minmax(0, 1fr);\n}\n\n.mjo-oh-parties.is-none {\n grid-template-columns: 1fr 1fr;\n}\n\n.mjo-oh-bubble {\n border: 1px solid var(--mj-border-default);\n background: var(--mj-bg-surface);\n border-radius: var(--mj-radius-md);\n overflow: hidden;\n min-width: 0;\n}\n\n.mjo-oh-bubble.is-open {\n border-color: color-mix(in srgb, var(--mj-brand-primary) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble.is-rail {\n width: 3.25rem;\n flex: 0 0 auto;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__hit {\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n gap: var(--mj-space-2);\n padding: var(--mj-space-2);\n min-height: 5.5rem;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__copy {\n flex: 0 0 auto;\n align-items: center;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__role {\n writing-mode: vertical-rl;\n transform: rotate(180deg);\n letter-spacing: 0.08em;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__name,\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__detail,\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__chev {\n display: none;\n}\n\n@media (max-width: 720px) {\n .mjo-oh-parties,\n .mjo-oh-parties.is-bill,\n .mjo-oh-parties.is-none {\n grid-template-columns: 1fr;\n }\n\n .mjo-oh-bubble.is-rail {\n width: auto;\n }\n\n .mjo-oh-bubble.is-rail .mjo-oh-bubble__hit {\n flex-direction: row;\n min-height: 0;\n padding: var(--mj-space-2) var(--mj-space-3);\n }\n\n .mjo-oh-bubble.is-rail .mjo-oh-bubble__copy {\n align-items: flex-start;\n }\n\n .mjo-oh-bubble.is-rail .mjo-oh-bubble__role {\n writing-mode: horizontal-tb;\n transform: none;\n }\n}\n\n.mjo-oh-bubble.is-needed {\n border-color: color-mix(in srgb, var(--mj-status-warning) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble__hit {\n display: flex;\n align-items: center;\n gap: var(--mj-space-3);\n width: 100%;\n padding: var(--mj-space-3);\n border: 0;\n background: transparent;\n color: inherit;\n text-align: left;\n cursor: pointer;\n}\n\n.mjo-oh-bubble__name.mjo-oh-link {\n display: inline;\n padding: 0;\n border: 0;\n background: transparent;\n font: inherit;\n font-size: inherit;\n font-weight: inherit;\n text-align: left;\n cursor: pointer;\n}\n\n.mjo-oh-bubble__hit:hover { background: var(--mj-bg-surface-hover); }\n\n.mjo-oh-bubble__ic {\n width: var(--mj-space-8);\n height: var(--mj-space-8);\n border-radius: var(--mj-radius-sm);\n display: grid;\n place-items: center;\n flex: 0 0 auto;\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-brand-primary);\n}\n\n.mjo-oh-bubble__copy {\n min-width: 0;\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.mjo-oh-bubble__role {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-bubble__name {\n font-size: var(--mj-text-sm);\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-bubble__detail {\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.mjo-oh-bubble__chev {\n color: var(--mj-text-muted);\n font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-bubble__edit {\n padding: var(--mj-space-3);\n border-top: 1px solid var(--mj-border-subtle);\n display: flex;\n flex-direction: column;\n}\n\n.mjo-oh-addr {\n margin-top: var(--mj-space-2);\n padding-top: var(--mj-space-2);\n border-top: 1px dashed var(--mj-border-subtle);\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-1);\n}\n\n.mjo-oh-addr__bar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--mj-space-2);\n}\n\n.mjo-oh-addr__label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-addr__btn {\n border: 0;\n background: transparent;\n color: var(--mj-text-link);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n cursor: pointer;\n padding: 0;\n}\n\n.mjo-oh-addr__btn:disabled {\n color: var(--mj-text-disabled);\n cursor: default;\n}\n\n.mjo-oh-addr__row {\n display: grid;\n grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr) minmax(0, 0.8fr);\n gap: var(--mj-space-2);\n}\n\n.mjo-oh-link {\n color: var(--mj-text-link);\n text-decoration: none;\n}\n\n.mjo-oh-link:hover { text-decoration: underline; }\n\n.mjo-oh-todo {\n display: flex;\n align-items: center;\n gap: var(--mj-space-2);\n flex-wrap: wrap;\n margin-bottom: var(--mj-space-3);\n font-size: var(--mj-text-sm);\n color: var(--mj-status-warning-text);\n}\n\n.mjo-oh-todo button,\n.mjo-oh-todo__hint {\n background: var(--mj-status-warning-bg);\n border: 1px solid var(--mj-status-warning-border);\n color: var(--mj-status-warning-text);\n border-radius: var(--mj-radius-full);\n padding: 2px 8px;\n font: inherit;\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-todo button { cursor: pointer; }\n\n.mjo-oh-todo--err {\n color: var(--mj-status-error-text);\n}\n\n.mjo-oh-ref {\n display: flex;\n flex-direction: column;\n gap: 4px;\n margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-ref__label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-ref .mj-input {\n max-width: 22rem;\n}\n\n.mjo-oh-tabs {\n display: block;\n margin-top: var(--mj-space-2);\n}\n\n.mjo-oh-tabpane { margin-top: var(--mj-space-3); }\n\n.mjo-oh-tabpane mj-explorer-entity-data-grid {\n display: block;\n}\n\n.mjo-oh-hint {\n margin-top: var(--mj-space-2);\n font-size: var(--mj-text-sm);\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-acct__bar {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: var(--mj-space-3);\n flex-wrap: wrap;\n margin-bottom: var(--mj-space-3);\n}\n\n.mjo-oh-acct__bar h2 {\n margin: 0;\n font-size: var(--mj-text-sm);\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-acct__bar p {\n margin: 2px 0 0;\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-switch {\n display: inline-flex;\n padding: 2px;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-full);\n background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-switch button {\n appearance: none;\n border: 0;\n background: transparent;\n color: var(--mj-text-secondary);\n font: inherit;\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n padding: 5px 12px;\n border-radius: var(--mj-radius-full);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.mjo-oh-switch button.is-on {\n background: var(--mj-bg-surface);\n color: var(--mj-text-primary);\n box-shadow: 0 0 0 1px var(--mj-border-subtle);\n}\n\n.mjo-oh-switch__n {\n min-width: 1.25em;\n padding: 0 5px;\n border-radius: var(--mj-radius-full);\n background: color-mix(in srgb, var(--mj-brand-primary) 14%, var(--mj-bg-surface));\n color: var(--mj-brand-primary);\n font-variant-numeric: tabular-nums;\n text-align: center;\n}\n\n.mjo-oh-jecard {\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface);\n overflow: hidden;\n}\n\n.mjo-oh-jecard + .mjo-oh-jecard {\n margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-jecard__head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--mj-space-2);\n padding: var(--mj-space-2) var(--mj-space-3);\n background: var(--mj-bg-surface-card);\n border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-jecard__co {\n font-size: var(--mj-text-sm);\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-jecard__sub {\n margin-left: var(--mj-space-2);\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table {\n width: 100%;\n border-collapse: collapse;\n font-size: var(--mj-text-sm);\n}\n\n.mjo-oh-je__table th,\n.mjo-oh-je__table td {\n padding: var(--mj-space-2) var(--mj-space-3);\n border-bottom: 1px solid var(--mj-border-subtle);\n text-align: left;\n vertical-align: top;\n}\n\n.mjo-oh-je__table thead th {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table tfoot th {\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n border-bottom: 0;\n background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-je__table .is-num {\n text-align: right;\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n}\n\n.mjo-oh-je__table .is-quiet {\n color: var(--mj-text-disabled);\n}\n\n.mjo-oh-acctline {\n display: flex;\n align-items: baseline;\n gap: var(--mj-space-2);\n flex-wrap: wrap;\n}\n\n.mjo-oh-acctline__code {\n font-variant-numeric: tabular-nums;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-secondary);\n letter-spacing: 0.02em;\n}\n\n.mjo-oh-acctline__name {\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-acctline__meta {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 6px;\n margin-top: 4px;\n}\n\n.mjo-oh-dim {\n display: inline-flex;\n align-items: center;\n padding: 1px 8px;\n border-radius: var(--mj-radius-full);\n border: 1px solid var(--mj-border-subtle);\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-je__src {\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n@media (max-width: 760px) {\n .mjo-oh-parties,\n .mjo-oh-facts {\n grid-template-columns: 1fr;\n }\n .mjo-oh-money { margin-left: 0; }\n}\n"] }]
|
|
1310
|
+
args: [{ standalone: false, selector: 'bizapps-order-header-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 <div class=\"mjo-oh-hero\" [class.is-collapsed]=\"!HeaderExpanded\">\n <div class=\"mjo-oh-hero__top\">\n <div class=\"mjo-oh-who\">\n <div class=\"mjo-oh-avatar\"><i class=\"fa-solid fa-file-invoice-dollar\"></i></div>\n <div>\n <div class=\"mjo-oh-title-row\">\n <h1 class=\"mjo-oh-title\">{{ HeaderTitle }}</h1>\n @if (ShowStatusChip) {\n <span [class]=\"StatusChipClass\">{{ record.Status }}</span>\n }\n </div>\n <div class=\"mjo-oh-sub\">{{ HeaderExpanded ? HeaderSubtitle : HeaderCollapsedMeta }}</div>\n </div>\n </div>\n <div class=\"mjo-oh-hero__aside\">\n <div class=\"mjo-oh-money\">\n <div>\n <span class=\"mjo-oh-kicker\">{{ TotalLabel }}</span>\n <span class=\"mjo-oh-amt\">{{ Money('total') }}</span>\n </div>\n <div>\n <span class=\"mjo-oh-kicker\">Paid</span>\n <span class=\"mjo-oh-amt\">{{ Money('paid') }}</span>\n </div>\n <div>\n <span class=\"mjo-oh-kicker\">Balance</span>\n <span class=\"mjo-oh-amt\">{{ Money('balance') }}</span>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"mjo-oh-hero__toggle\"\n (click)=\"ToggleHeader()\"\n [attr.aria-expanded]=\"HeaderExpanded\"\n [attr.aria-label]=\"HeaderExpanded ? 'Collapse header' : 'Expand header'\"\n [title]=\"HeaderExpanded ? 'Collapse header' : 'Expand header'\">\n <i class=\"fa-solid\" [class.fa-chevron-up]=\"HeaderExpanded\" [class.fa-chevron-down]=\"!HeaderExpanded\" aria-hidden=\"true\"></i>\n </button>\n </div>\n </div>\n\n @if (HeaderExpanded) {\n <div class=\"mjo-oh-facts\">\n <div class=\"mjo-oh-fact\">\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"OrderType\" Type=\"select\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n </div>\n <div class=\"mjo-oh-fact\">\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"CompanyID\" Type=\"textbox\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n </div>\n <div class=\"mjo-oh-fact\">\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"OrderDate\" Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n </div>\n </div>\n\n <div class=\"mjo-oh-parties\" [class.is-ship]=\"ExpandedParty === 'ship'\" [class.is-bill]=\"ExpandedParty === 'bill'\" [class.is-none]=\"ExpandedParty === null\">\n <div class=\"mjo-oh-bubble\" [class.is-open]=\"ExpandedParty === 'ship'\" [class.is-rail]=\"ExpandedParty === 'bill'\">\n <div\n class=\"mjo-oh-bubble__hit\"\n role=\"button\"\n tabindex=\"0\"\n [attr.aria-expanded]=\"ExpandedParty === 'ship'\"\n (click)=\"SelectParty('ship')\"\n (keydown.enter)=\"SelectParty('ship')\"\n (keydown.space)=\"SelectParty('ship'); $event.preventDefault()\">\n <span class=\"mjo-oh-bubble__ic\"><i class=\"fa-solid fa-truck-fast\"></i></span>\n <span class=\"mjo-oh-bubble__copy\">\n <span class=\"mjo-oh-bubble__role\">Ship to</span>\n @if (ShipToIsSame) {\n <span class=\"mjo-oh-bubble__name\">{{ ShipToName }}</span>\n } @else {\n <button type=\"button\" class=\"mjo-oh-link mjo-oh-bubble__name\" (click)=\"OpenShipTo($event)\">{{ ShipToName }}</button>\n }\n <span class=\"mjo-oh-bubble__detail\">{{ ShipToDetail }}</span>\n </span>\n <i class=\"fa-solid mjo-oh-bubble__chev\" [class.fa-chevron-up]=\"ExpandedParty === 'ship'\" [class.fa-chevron-down]=\"ExpandedParty !== 'ship'\"></i>\n </div>\n @if (ExpandedParty === 'ship') {\n <div class=\"mjo-oh-bubble__edit\">\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ShipToOrganizationID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ShipToPersonID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\" (ValueChange)=\"OnPartyPersonChange('ShipTo')\"></mj-form-field>\n <mjo-party-address-picker\n [Order]=\"record\"\n Side=\"ship\"\n [EditMode]=\"EditMode\"\n [PersonName]=\"record.ShipToPerson\"\n [OrganizationName]=\"record.ShipToOrganization\">\n </mjo-party-address-picker>\n </div>\n }\n </div>\n\n <div class=\"mjo-oh-bubble\" [class.is-open]=\"ExpandedParty === 'bill'\" [class.is-rail]=\"ExpandedParty === 'ship'\" [class.is-needed]=\"NeedsBillTo\">\n <div\n class=\"mjo-oh-bubble__hit\"\n role=\"button\"\n tabindex=\"0\"\n [attr.aria-expanded]=\"ExpandedParty === 'bill'\"\n (click)=\"SelectParty('bill')\"\n (keydown.enter)=\"SelectParty('bill')\"\n (keydown.space)=\"SelectParty('bill'); $event.preventDefault()\">\n <span class=\"mjo-oh-bubble__ic\"><i class=\"fa-solid fa-file-invoice-dollar\"></i></span>\n <span class=\"mjo-oh-bubble__copy\">\n <span class=\"mjo-oh-bubble__role\">Bill to</span>\n @if (hasBillTo) {\n <button type=\"button\" class=\"mjo-oh-link mjo-oh-bubble__name\" (click)=\"OpenBillTo($event)\">{{ BillToName }}</button>\n } @else {\n <span class=\"mjo-oh-bubble__name\">{{ BillToName }}</span>\n }\n <span class=\"mjo-oh-bubble__detail\">{{ BillToDetail }}</span>\n </span>\n <i class=\"fa-solid mjo-oh-bubble__chev\" [class.fa-chevron-up]=\"ExpandedParty === 'bill'\" [class.fa-chevron-down]=\"ExpandedParty !== 'bill'\"></i>\n </div>\n @if (ExpandedParty === 'bill') {\n <div class=\"mjo-oh-bubble__edit\">\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"BillToOrganizationID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"BillToPersonID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\" (ValueChange)=\"OnPartyPersonChange('BillTo')\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"PaymentTermsTypeID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mjo-party-address-picker\n [Order]=\"record\"\n Side=\"bill\"\n [EditMode]=\"EditMode\"\n [PersonName]=\"record.BillToPerson\"\n [OrganizationName]=\"record.BillToOrganization\">\n </mjo-party-address-picker>\n </div>\n }\n </div>\n </div>\n\n @if (ConfirmBlockedReason) {\n <div class=\"mjo-oh-todo\">\n <i class=\"fa-solid fa-circle-exclamation\"></i>\n <span>Before this can be confirmed</span>\n @if (NeedsBillTo) {\n <button type=\"button\" (click)=\"JumpToBill()\">Need a bill-to party</button>\n } @else if (NeedsPaymentReference) {\n <button type=\"button\" (click)=\"JumpToPayment()\">Need a check / ACH reference</button>\n } @else {\n <span class=\"mjo-oh-todo__hint\">{{ ConfirmBlockedReason }}</span>\n }\n </div>\n }\n\n @if (ConfirmError) {\n <div class=\"mjo-oh-todo mjo-oh-todo--err\" role=\"alert\">\n <i class=\"fa-solid fa-triangle-exclamation\"></i>\n <span>{{ ConfirmError }}</span>\n </div>\n }\n\n <mj-tab-nav\n class=\"mjo-oh-tabs\"\n [Tabs]=\"ContextTabs\"\n [ActiveKey]=\"ActiveTab ?? ''\"\n (TabChange)=\"SelectTab($event)\">\n </mj-tab-nav>\n\n @if (ActiveTab === 'payment') {\n <div class=\"mjo-oh-tabpane\">\n <div class=\"mjo-oh-fields\">\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"InitialPaymentTypeID\" Type=\"textbox\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"InitialPaymentAmount\" Type=\"number\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n @if (PaymentRequiresReference) {\n <label class=\"mjo-oh-ref\">\n <span class=\"mjo-oh-ref__label\">Check / ACH reference</span>\n <input\n class=\"mj-input\"\n [ngModel]=\"PaymentReference\"\n (ngModelChange)=\"SetPaymentReference($event)\"\n [disabled]=\"!ComposeMode\"\n placeholder=\"Check number or confirmation ID\"\n autocomplete=\"off\"\n aria-label=\"Check or ACH reference\">\n </label>\n }\n </div>\n @if (record.IsSaved && PaymentParams) {\n <mj-explorer-entity-data-grid\n [Params]=\"PaymentParams\"\n [AllowLoad]=\"true\"\n [ShowToolbar]=\"true\"\n [ShowNewButton]=\"false\"\n [ShowDeleteButton]=\"false\"\n [Height]=\"'fit-content'\"\n [MaxHeight]=\"RelatedGridHeight\"\n (Navigate)=\"OnFormNavigate($event)\">\n </mj-explorer-entity-data-grid>\n } @else {\n <div class=\"mjo-oh-hint\">Intent only \u2014 the payment is created when the order is confirmed.</div>\n }\n </div>\n }\n\n @if (ActiveTab === 'details') {\n <div class=\"mjo-oh-tabpane\">\n <div class=\"mjo-oh-fields\">\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"RequestedDeliveryDate\" Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"DueDate\" Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ExternalDocumentNumber\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"FulfillmentStatus\" Type=\"select\" [EditMode]=\"false\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"Status\" Type=\"select\" [EditMode]=\"false\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"SalesRepUserID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"Description\" Type=\"textarea\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"Notes\" Type=\"textarea\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n </div>\n </div>\n }\n\n @if (ActiveTab === 'charges' && record.IsSaved) {\n <div class=\"mjo-oh-tabpane\">\n @if (ChargeParams) {\n <mj-explorer-entity-data-grid\n [Params]=\"ChargeParams\"\n [AllowLoad]=\"true\"\n [ShowToolbar]=\"true\"\n [ShowNewButton]=\"false\"\n [ShowDeleteButton]=\"false\"\n [Height]=\"'fit-content'\"\n [MaxHeight]=\"RelatedGridHeight\"\n (Navigate)=\"OnFormNavigate($event)\">\n </mj-explorer-entity-data-grid>\n @if (record.MoneyLocked) {\n <div class=\"mjo-oh-hint\">Charges were booked with the order and cannot be edited.</div>\n }\n }\n </div>\n }\n\n @if (ActiveTab === 'accounting' && record.IsSaved) {\n <div class=\"mjo-oh-tabpane\">\n <div class=\"mjo-oh-acct__bar\">\n <div>\n <h2>{{ AccountingView === 'summary' ? 'Order journal' : 'Line journals' }}</h2>\n <p>\n @if (AccountingView === 'summary') {\n What this order booked, as one entry per company \u2014 not a stored row\n } @else {\n One stored journal per order line \u2014 open a row to drill in\n }\n </p>\n </div>\n <div class=\"mjo-oh-switch\" role=\"group\" aria-label=\"Accounting view\">\n <button type=\"button\" [class.is-on]=\"AccountingView === 'summary'\" (click)=\"SetAccountingView('summary')\">Rolled up</button>\n <button type=\"button\" [class.is-on]=\"AccountingView === 'detail'\" (click)=\"SetAccountingView('detail')\">\n By line\n @if (RollupJournalCount) {\n <span class=\"mjo-oh-switch__n\">{{ RollupJournalCount }}</span>\n }\n </button>\n <button type=\"button\" [class.is-on]=\"AccountingView === 'waterfall'\" (click)=\"SetAccountingView('waterfall')\">\n <i class=\"fa-solid fa-chart-line\"></i> Rev-Rec Waterfall\n </button>\n </div>\n </div>\n\n @if (AccountingView === 'waterfall') {\n <div style=\"padding: 12px 0;\">\n <mj-deferred-revenue-waterfall\n [JournalEntries]=\"RevRecJournalEntries\"\n [Title]=\"'Order Rev-Rec & Deferred Revenue Schedule'\"\n (JournalEntrySelected)=\"OnJournalEntrySelected($event)\">\n </mj-deferred-revenue-waterfall>\n </div>\n } @else if (AccountingView === 'summary') {\n @if (RollupLoading) {\n <div class=\"mjo-oh-hint\">Rolling up journals\u2026</div>\n } @else if (RollupError) {\n <div class=\"mjo-oh-hint\">{{ RollupError }}</div>\n } @else if (RollupCards.length === 0) {\n <div class=\"mjo-oh-hint\">No journals yet \u2014 they appear when the order is confirmed.</div>\n } @else {\n @for (card of RollupCards; track card.CompanyID) {\n <article class=\"mjo-oh-jecard\">\n <header class=\"mjo-oh-jecard__head\">\n <div>\n <span class=\"mjo-oh-jecard__co\">{{ card.Company }}</span>\n <span class=\"mjo-oh-jecard__sub\">{{ card.Rows.length }} {{ card.Rows.length === 1 ? 'line' : 'lines' }}</span>\n </div>\n <span class=\"mjo-oh-chip\" [class.mjo-oh-chip--ok]=\"CardIsBalanced(card)\">\n {{ CardIsBalanced(card) ? 'Balanced' : 'Out of balance' }}\n </span>\n </header>\n <table class=\"mjo-oh-je__table\">\n <thead>\n <tr>\n <th>Account</th>\n <th class=\"is-num\">Debit</th>\n <th class=\"is-num\">Credit</th>\n </tr>\n </thead>\n <tbody>\n @for (row of card.Rows; track row.Key) {\n <tr>\n <td>\n <div class=\"mjo-oh-acctline\">\n @if (row.AccountCode) {\n <span class=\"mjo-oh-acctline__code\">{{ row.AccountCode }}</span>\n }\n <span class=\"mjo-oh-acctline__name\">{{ row.AccountName }}</span>\n </div>\n <div class=\"mjo-oh-acctline__meta\">\n @for (dim of row.Dimensions; track dim.Name + dim.Value) {\n <span class=\"mjo-oh-dim\">{{ dim.Name }} \u00B7 {{ dim.Value }}</span>\n }\n <span class=\"mjo-oh-je__src\">{{ SourceLineLabel(row.SourceLineCount) }}</span>\n </div>\n </td>\n <td class=\"is-num\" [class.is-quiet]=\"!row.Debit\">{{ RollupAmount(row.Debit) }}</td>\n <td class=\"is-num\" [class.is-quiet]=\"!row.Credit\">{{ RollupAmount(row.Credit) }}</td>\n </tr>\n }\n </tbody>\n <tfoot>\n <tr>\n <th>Total</th>\n <td class=\"is-num\">{{ RollupAmount(card.TotalDebit) }}</td>\n <td class=\"is-num\">{{ RollupAmount(card.TotalCredit) }}</td>\n </tr>\n </tfoot>\n </table>\n </article>\n }\n }\n } @else if (JournalParams) {\n <mj-explorer-entity-data-grid\n [Params]=\"JournalParams\"\n [AllowLoad]=\"true\"\n [ShowToolbar]=\"true\"\n [ShowNewButton]=\"false\"\n [Height]=\"'fit-content'\"\n [MaxHeight]=\"RelatedGridHeight\"\n (Navigate)=\"OnFormNavigate($event)\">\n </mj-explorer-entity-data-grid>\n } @else {\n <div class=\"mjo-oh-hint\">No line journals until this order has saved lines.</div>\n }\n </div>\n }\n\n @if (ActiveTab === 'subs' && record.IsSaved) {\n <div class=\"mjo-oh-tabpane\">\n @if (SubscriptionParams) {\n <mj-explorer-entity-data-grid\n [Params]=\"SubscriptionParams\"\n [AllowLoad]=\"true\"\n [ShowToolbar]=\"true\"\n [ShowNewButton]=\"false\"\n [Height]=\"'fit-content'\"\n [MaxHeight]=\"RelatedGridHeight\"\n (Navigate)=\"OnFormNavigate($event)\">\n </mj-explorer-entity-data-grid>\n }\n </div>\n }\n }\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\n <mj-collapsible-panel\n SectionKey=\"mJBizAppsOrdersOrderLines\"\n SectionName=\"Lines\"\n Icon=\"fa fa-list-ol\"\n [Form]=\"this\"\n [FormContext]=\"formContext\"\n [BadgeCount]=\"LineBadge\"\n [DefaultExpanded]=\"true\">\n <mjo-order-lines-editor\n [Order]=\"record\"\n [EditMode]=\"ComposeMode\"\n (PricingChanged)=\"OnPricingChanged($event)\"\n (Navigate)=\"OnFormNavigate($event)\">\n </mjo-order-lines-editor>\n </mj-collapsible-panel>\n\n <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"after-related\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"after-everything\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n\n</mj-record-form-container>\n}\n", styles: ["/* mj-form-field uses display:contents + a 200px|1fr internal grid.\n Wrap each field; never place the host as a CSS-grid item. */\n\n:host ::ng-deep .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n max-height: none;\n}\n\n:host ::ng-deep .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) .mj-forms-panel-content {\n max-height: none;\n overflow: visible;\n}\n\n/* Product search results sit `position: absolute` under the add-product\n input at the bottom of Lines. The panel card and body both use\n overflow:hidden (rounded-corner clip + collapse animation), which\n shears the list off at the section edge. Collapse still forces\n overflow:hidden on the collapsed body. */\n:host ::ng-deep mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel {\n overflow: visible;\n}\n\n:host ::ng-deep mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n overflow: visible;\n}\n\n:host ::ng-deep mj-collapsible-panel:has(.mj-typeahead-list.is-open) {\n position: relative;\n z-index: 30;\n}\n\n.mjo-oh-hero {\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-lg);\n padding: var(--mj-space-4) var(--mj-space-5);\n margin-bottom: var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed {\n padding: var(--mj-space-2) var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed .mjo-oh-hero__top {\n align-items: center;\n}\n\n.mjo-oh-hero.is-collapsed .mjo-oh-avatar {\n width: 32px;\n height: 32px;\n font-size: 14px;\n}\n\n.mjo-oh-hero.is-collapsed .mjo-oh-title {\n font-size: var(--mj-text-base);\n}\n\n.mjo-oh-hero__toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n flex: 0 0 auto;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface);\n color: var(--mj-text-secondary);\n cursor: pointer;\n}\n\n.mjo-oh-hero__toggle:hover {\n background: var(--mj-bg-surface-hover);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-hero__top {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: var(--mj-space-4);\n flex-wrap: wrap;\n}\n\n.mjo-oh-hero__aside {\n display: flex;\n align-items: flex-start;\n gap: var(--mj-space-4);\n flex-wrap: wrap;\n}\n\n.mjo-oh-confirm {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: var(--mj-space-1);\n min-width: 11rem;\n}\n\n.mjo-oh-confirm__hint {\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n text-align: right;\n max-width: 14rem;\n line-height: 1.35;\n}\n\n.mjo-oh-who {\n display: flex;\n align-items: center;\n gap: var(--mj-space-3);\n min-width: 0;\n}\n\n.mjo-oh-avatar {\n width: 44px;\n height: 44px;\n border-radius: var(--mj-radius-md);\n display: grid;\n place-items: center;\n flex: 0 0 auto;\n background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n color: var(--mj-brand-primary);\n font-size: 18px;\n}\n\n.mjo-oh-title-row {\n display: flex;\n align-items: center;\n gap: var(--mj-space-2);\n flex-wrap: wrap;\n}\n\n.mjo-oh-title {\n margin: 0;\n font-size: var(--mj-text-lg);\n font-weight: var(--mj-font-bold);\n color: var(--mj-text-primary);\n letter-spacing: -0.02em;\n}\n\n.mjo-oh-sub {\n margin-top: 2px;\n font-size: var(--mj-text-sm);\n color: var(--mj-text-secondary);\n}\n\n.mjo-oh-kicker {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-chip {\n display: inline-flex;\n align-items: center;\n padding: 2px 10px;\n border-radius: var(--mj-radius-full);\n border: 1px solid var(--mj-border-default);\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-chip--ok {\n color: var(--mj-status-success-text);\n background: var(--mj-status-success-bg);\n border-color: var(--mj-status-success-border);\n}\n\n.mjo-oh-chip--void {\n color: var(--mj-status-error-text);\n background: var(--mj-status-error-bg);\n border-color: var(--mj-status-error-border);\n}\n\n.mjo-oh-money {\n display: flex;\n gap: var(--mj-space-5);\n padding: var(--mj-space-2) var(--mj-space-3);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface-sunken);\n border: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-money > div {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.mjo-oh-amt {\n font-variant-numeric: tabular-nums;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-facts {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: var(--mj-space-3) var(--mj-space-4);\n margin-top: var(--mj-space-4);\n padding: var(--mj-space-3);\n border: 1px solid var(--mj-border-subtle);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-fact ::ng-deep .mj-forms-field {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 4px;\n padding: 0;\n}\n\n.mjo-oh-fact ::ng-deep .mj-forms-field-label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n/* The shared field hover adds negative margin + extra padding, which shoves\n the three header facts down. Keep the tint, drop the layout shift. */\n.mjo-oh-fact ::ng-deep .mj-forms-field--editing:hover {\n margin: 0;\n padding: 0;\n}\n\n.mjo-oh-fields {\n display: flex;\n flex-direction: column;\n}\n\n.mjo-oh-parties {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: var(--mj-space-3);\n align-items: start;\n margin: var(--mj-space-4) 0 var(--mj-space-3);\n}\n\n.mjo-oh-parties.is-bill {\n grid-template-columns: auto minmax(0, 1fr);\n}\n\n.mjo-oh-parties.is-none {\n grid-template-columns: 1fr 1fr;\n}\n\n.mjo-oh-bubble {\n border: 1px solid var(--mj-border-default);\n background: var(--mj-bg-surface);\n border-radius: var(--mj-radius-md);\n overflow: hidden;\n min-width: 0;\n}\n\n.mjo-oh-bubble.is-open {\n border-color: color-mix(in srgb, var(--mj-brand-primary) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble.is-rail {\n width: 3.25rem;\n flex: 0 0 auto;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__hit {\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n gap: var(--mj-space-2);\n padding: var(--mj-space-2);\n min-height: 5.5rem;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__copy {\n flex: 0 0 auto;\n align-items: center;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__role {\n writing-mode: vertical-rl;\n transform: rotate(180deg);\n letter-spacing: 0.08em;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__name,\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__detail,\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__chev {\n display: none;\n}\n\n@media (max-width: 720px) {\n .mjo-oh-parties,\n .mjo-oh-parties.is-bill,\n .mjo-oh-parties.is-none {\n grid-template-columns: 1fr;\n }\n\n .mjo-oh-bubble.is-rail {\n width: auto;\n }\n\n .mjo-oh-bubble.is-rail .mjo-oh-bubble__hit {\n flex-direction: row;\n min-height: 0;\n padding: var(--mj-space-2) var(--mj-space-3);\n }\n\n .mjo-oh-bubble.is-rail .mjo-oh-bubble__copy {\n align-items: flex-start;\n }\n\n .mjo-oh-bubble.is-rail .mjo-oh-bubble__role {\n writing-mode: horizontal-tb;\n transform: none;\n }\n}\n\n.mjo-oh-bubble.is-needed {\n border-color: color-mix(in srgb, var(--mj-status-warning) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble__hit {\n display: flex;\n align-items: center;\n gap: var(--mj-space-3);\n width: 100%;\n padding: var(--mj-space-3);\n border: 0;\n background: transparent;\n color: inherit;\n text-align: left;\n cursor: pointer;\n}\n\n.mjo-oh-bubble__name.mjo-oh-link {\n display: inline;\n padding: 0;\n border: 0;\n background: transparent;\n font: inherit;\n font-size: inherit;\n font-weight: inherit;\n text-align: left;\n cursor: pointer;\n}\n\n.mjo-oh-bubble__hit:hover { background: var(--mj-bg-surface-hover); }\n\n.mjo-oh-bubble__ic {\n width: var(--mj-space-8);\n height: var(--mj-space-8);\n border-radius: var(--mj-radius-sm);\n display: grid;\n place-items: center;\n flex: 0 0 auto;\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-brand-primary);\n}\n\n.mjo-oh-bubble__copy {\n min-width: 0;\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.mjo-oh-bubble__role {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-bubble__name {\n font-size: var(--mj-text-sm);\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-bubble__detail {\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.mjo-oh-bubble__chev {\n color: var(--mj-text-muted);\n font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-bubble__edit {\n padding: var(--mj-space-3);\n border-top: 1px solid var(--mj-border-subtle);\n display: flex;\n flex-direction: column;\n}\n\n.mjo-oh-addr {\n margin-top: var(--mj-space-2);\n padding-top: var(--mj-space-2);\n border-top: 1px dashed var(--mj-border-subtle);\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-1);\n}\n\n.mjo-oh-addr__bar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--mj-space-2);\n}\n\n.mjo-oh-addr__label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-addr__btn {\n border: 0;\n background: transparent;\n color: var(--mj-text-link);\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n cursor: pointer;\n padding: 0;\n}\n\n.mjo-oh-addr__btn:disabled {\n color: var(--mj-text-disabled);\n cursor: default;\n}\n\n.mjo-oh-addr__row {\n display: grid;\n grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr) minmax(0, 0.8fr);\n gap: var(--mj-space-2);\n}\n\n.mjo-oh-link {\n color: var(--mj-text-link);\n text-decoration: none;\n}\n\n.mjo-oh-link:hover { text-decoration: underline; }\n\n.mjo-oh-todo {\n display: flex;\n align-items: center;\n gap: var(--mj-space-2);\n flex-wrap: wrap;\n margin-bottom: var(--mj-space-3);\n font-size: var(--mj-text-sm);\n color: var(--mj-status-warning-text);\n}\n\n.mjo-oh-todo button,\n.mjo-oh-todo__hint {\n background: var(--mj-status-warning-bg);\n border: 1px solid var(--mj-status-warning-border);\n color: var(--mj-status-warning-text);\n border-radius: var(--mj-radius-full);\n padding: 2px 8px;\n font: inherit;\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-todo button { cursor: pointer; }\n\n.mjo-oh-todo--err {\n color: var(--mj-status-error-text);\n}\n\n.mjo-oh-ref {\n display: flex;\n flex-direction: column;\n gap: 4px;\n margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-ref__label {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-ref .mj-input {\n max-width: 22rem;\n}\n\n.mjo-oh-tabs {\n display: block;\n margin-top: var(--mj-space-2);\n}\n\n.mjo-oh-tabpane { margin-top: var(--mj-space-3); }\n\n.mjo-oh-tabpane mj-explorer-entity-data-grid {\n display: block;\n}\n\n.mjo-oh-hint {\n margin-top: var(--mj-space-2);\n font-size: var(--mj-text-sm);\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-acct__bar {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: var(--mj-space-3);\n flex-wrap: wrap;\n margin-bottom: var(--mj-space-3);\n}\n\n.mjo-oh-acct__bar h2 {\n margin: 0;\n font-size: var(--mj-text-sm);\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-acct__bar p {\n margin: 2px 0 0;\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-switch {\n display: inline-flex;\n padding: 2px;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-full);\n background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-switch button {\n appearance: none;\n border: 0;\n background: transparent;\n color: var(--mj-text-secondary);\n font: inherit;\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n padding: 5px 12px;\n border-radius: var(--mj-radius-full);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.mjo-oh-switch button.is-on {\n background: var(--mj-bg-surface);\n color: var(--mj-text-primary);\n box-shadow: 0 0 0 1px var(--mj-border-subtle);\n}\n\n.mjo-oh-switch__n {\n min-width: 1.25em;\n padding: 0 5px;\n border-radius: var(--mj-radius-full);\n background: color-mix(in srgb, var(--mj-brand-primary) 14%, var(--mj-bg-surface));\n color: var(--mj-brand-primary);\n font-variant-numeric: tabular-nums;\n text-align: center;\n}\n\n.mjo-oh-jecard {\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface);\n overflow: hidden;\n}\n\n.mjo-oh-jecard + .mjo-oh-jecard {\n margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-jecard__head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--mj-space-2);\n padding: var(--mj-space-2) var(--mj-space-3);\n background: var(--mj-bg-surface-card);\n border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-jecard__co {\n font-size: var(--mj-text-sm);\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-jecard__sub {\n margin-left: var(--mj-space-2);\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table {\n width: 100%;\n border-collapse: collapse;\n font-size: var(--mj-text-sm);\n}\n\n.mjo-oh-je__table th,\n.mjo-oh-je__table td {\n padding: var(--mj-space-2) var(--mj-space-3);\n border-bottom: 1px solid var(--mj-border-subtle);\n text-align: left;\n vertical-align: top;\n}\n\n.mjo-oh-je__table thead th {\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-bold);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table tfoot th {\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-primary);\n border-bottom: 0;\n background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-je__table .is-num {\n text-align: right;\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n}\n\n.mjo-oh-je__table .is-quiet {\n color: var(--mj-text-disabled);\n}\n\n.mjo-oh-acctline {\n display: flex;\n align-items: baseline;\n gap: var(--mj-space-2);\n flex-wrap: wrap;\n}\n\n.mjo-oh-acctline__code {\n font-variant-numeric: tabular-nums;\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-secondary);\n letter-spacing: 0.02em;\n}\n\n.mjo-oh-acctline__name {\n color: var(--mj-text-primary);\n}\n\n.mjo-oh-acctline__meta {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 6px;\n margin-top: 4px;\n}\n\n.mjo-oh-dim {\n display: inline-flex;\n align-items: center;\n padding: 1px 8px;\n border-radius: var(--mj-radius-full);\n border: 1px solid var(--mj-border-subtle);\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-secondary);\n font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-je__src {\n font-size: var(--mj-text-xs);\n color: var(--mj-text-muted);\n}\n\n@media (max-width: 760px) {\n .mjo-oh-parties,\n .mjo-oh-facts {\n grid-template-columns: 1fr;\n }\n .mjo-oh-money { margin-left: 0; }\n}\n"] }]
|
|
1456
1311
|
}], null, null); })();
|
|
1457
1312
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BizAppsOrderHeaderFormComponent, { className: "BizAppsOrderHeaderFormComponent", filePath: "lib/custom/OrderHeader/order-header-form.component.ts", lineNumber: 80 }); })();
|
|
1458
1313
|
/** Tree-shaking prevention anchor. */
|