@mj-biz-apps/common-ng 5.33.2 → 5.35.0

package/dist/lib/components/address-editor/address-editor.component.js

@@ -21,47 +21,57 @@ function AddressEditorComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
 function AddressEditorComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4)(1, "div", 5);
     i0.ɵɵelement(2, "i", 6);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.LoadError, " ");
+} }
+function AddressEditorComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4)(1, "div", 7);
+    i0.ɵɵelement(2, "i", 8);
     i0.ɵɵtext(3, " Loading addresses... ");
     i0.ɵɵelementEnd()();
 } }
-function AddressEditorComponent_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7);
+function AddressEditorComponent_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
     i0.ɵɵelement(1, "i", 2);
     i0.ɵɵtext(2, " No addresses linked yet ");
     i0.ɵɵelementEnd();
 } }
-function AddressEditorComponent_Conditional_6_For_3_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 17);
-    i0.ɵɵelement(1, "i", 19);
+function AddressEditorComponent_Conditional_7_For_3_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
+    i0.ɵɵelement(1, "i", 21);
     i0.ɵɵtext(2, " Primary");
     i0.ɵɵelementEnd();
 } }
-function AddressEditorComponent_Conditional_6_For_3_Conditional_12_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function AddressEditorComponent_Conditional_7_For_3_Conditional_12_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 25);
-    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_6_For_3_Conditional_12_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ɵ$index_29_r4 = i0.ɵɵnextContext(2).$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSetPrimary(ɵ$index_29_r4)); });
-    i0.ɵɵelement(1, "i", 26);
+    i0.ɵɵelementStart(0, "button", 27);
+    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_7_For_3_Conditional_12_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ɵ$index_37_r4 = i0.ɵɵnextContext(2).$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSetPrimary(ɵ$index_37_r4)); });
+    i0.ɵɵelement(1, "i", 28);
     i0.ɵɵelementEnd();
 } }
-function AddressEditorComponent_Conditional_6_For_3_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function AddressEditorComponent_Conditional_7_For_3_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵconditionalCreate(1, AddressEditorComponent_Conditional_6_For_3_Conditional_12_Conditional_1_Template, 2, 0, "button", 20);
-    i0.ɵɵelementStart(2, "button", 21);
-    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_6_For_3_Conditional_12_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r2); const ɵ$index_29_r4 = i0.ɵɵnextContext().$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onEdit(ɵ$index_29_r4)); });
-    i0.ɵɵelement(3, "i", 22);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 23);
-    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_6_For_3_Conditional_12_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r2); const ɵ$index_29_r4 = i0.ɵɵnextContext().$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onDelete(ɵ$index_29_r4)); });
-    i0.ɵɵelement(5, "i", 24);
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵconditionalCreate(1, AddressEditorComponent_Conditional_7_For_3_Conditional_12_Conditional_1_Template, 2, 0, "button", 22);
+    i0.ɵɵelementStart(2, "button", 23);
+    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_7_For_3_Conditional_12_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r2); const ɵ$index_37_r4 = i0.ɵɵnextContext().$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onEdit(ɵ$index_37_r4)); });
+    i0.ɵɵelement(3, "i", 24);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 25);
+    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_7_For_3_Conditional_12_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r2); const ɵ$index_37_r4 = i0.ɵɵnextContext().$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onDelete(ɵ$index_37_r4)); });
+    i0.ɵɵelement(5, "i", 26);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r5 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
     i0.ɵɵconditional(!item_r5.Link.IsPrimary ? 1 : -1);
 } }
-function AddressEditorComponent_Conditional_6_For_3_Conditional_13_For_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 30);
+function AddressEditorComponent_Conditional_7_For_3_Conditional_13_For_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 32);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -70,16 +80,16 @@ function AddressEditorComponent_Conditional_6_For_3_Conditional_13_For_7_Templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(t_r7.Name);
 } }
-function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 35);
+function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 37);
 } }
-function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 36);
+function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 38);
     i0.ɵɵtext(1, "not found");
     i0.ɵɵelementEnd();
 } }
-function AddressEditorComponent_Conditional_6_For_3_Conditional_13_For_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 30);
+function AddressEditorComponent_Conditional_7_For_3_Conditional_13_For_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 32);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -88,75 +98,75 @@ function AddressEditorComponent_Conditional_6_For_3_Conditional_13_For_36_Templa
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate2("", c_r8.Code, " - ", c_r8.Name);
 } }
-function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Conditional_43_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 48);
+function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 50);
 } }
-function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 8)(1, "div", 27)(2, "div", 28)(3, "label");
+    i0.ɵɵelementStart(0, "div", 10)(1, "div", 29)(2, "div", 30)(3, "label");
     i0.ɵɵtext(4, "Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "select", 29);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template_select_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.TypeID, $event) || (ctx_r0.EditForm.TypeID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵrepeaterCreate(6, AddressEditorComponent_Conditional_6_For_3_Conditional_13_For_7_Template, 2, 2, "option", 30, _forTrack1);
+    i0.ɵɵelementStart(5, "select", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Template_select_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.TypeID, $event) || (ctx_r0.EditForm.TypeID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(6, AddressEditorComponent_Conditional_7_For_3_Conditional_13_For_7_Template, 2, 2, "option", 32, _forTrack1);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 31)(9, "label");
+    i0.ɵɵelementStart(8, "div", 33)(9, "label");
     i0.ɵɵtext(10, "Line 1");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "input", 32);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.Line1, $event) || (ctx_r0.EditForm.Line1 = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(11, "input", 34);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Template_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.Line1, $event) || (ctx_r0.EditForm.Line1 = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 33)(13, "label");
+    i0.ɵɵelementStart(12, "div", 35)(13, "label");
     i0.ɵɵtext(14, "Line 2");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "input", 34);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template_input_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.Line2, $event) || (ctx_r0.EditForm.Line2 = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(15, "input", 36);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Template_input_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.Line2, $event) || (ctx_r0.EditForm.Line2 = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(16, "div", 27)(17, "div", 31)(18, "label");
+    i0.ɵɵelementStart(16, "div", 29)(17, "div", 33)(18, "label");
     i0.ɵɵtext(19, " City ");
-    i0.ɵɵconditionalCreate(20, AddressEditorComponent_Conditional_6_For_3_Conditional_13_Conditional_20_Template, 1, 0, "i", 35);
-    i0.ɵɵconditionalCreate(21, AddressEditorComponent_Conditional_6_For_3_Conditional_13_Conditional_21_Template, 2, 0, "span", 36);
+    i0.ɵɵconditionalCreate(20, AddressEditorComponent_Conditional_7_For_3_Conditional_13_Conditional_20_Template, 1, 0, "i", 37);
+    i0.ɵɵconditionalCreate(21, AddressEditorComponent_Conditional_7_For_3_Conditional_13_Conditional_21_Template, 2, 0, "span", 38);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "input", 37);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template_input_ngModelChange_22_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.City, $event) || (ctx_r0.EditForm.City = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(22, "input", 39);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Template_input_ngModelChange_22_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.City, $event) || (ctx_r0.EditForm.City = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 38)(24, "label");
+    i0.ɵɵelementStart(23, "div", 40)(24, "label");
     i0.ɵɵtext(25, "State");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "input", 39);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template_input_ngModelChange_26_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.StateProvince, $event) || (ctx_r0.EditForm.StateProvince = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(26, "input", 41);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Template_input_ngModelChange_26_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.StateProvince, $event) || (ctx_r0.EditForm.StateProvince = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(27, "div", 40)(28, "label");
+    i0.ɵɵelementStart(27, "div", 42)(28, "label");
     i0.ɵɵtext(29, "Postal");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "input", 41);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template_input_ngModelChange_30_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.PostalCode, $event) || (ctx_r0.EditForm.PostalCode = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("blur", function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template_input_blur_30_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onPostalCodeBlur()); });
+    i0.ɵɵelementStart(30, "input", 43);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Template_input_ngModelChange_30_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.PostalCode, $event) || (ctx_r0.EditForm.PostalCode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("blur", function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Template_input_blur_30_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onPostalCodeBlur()); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "div", 42)(32, "label");
+    i0.ɵɵelementStart(31, "div", 44)(32, "label");
     i0.ɵɵtext(33, "Country");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "select", 29);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template_select_ngModelChange_34_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.Country, $event) || (ctx_r0.EditForm.Country = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵrepeaterCreate(35, AddressEditorComponent_Conditional_6_For_3_Conditional_13_For_36_Template, 2, 3, "option", 30, _forTrack2);
+    i0.ɵɵelementStart(34, "select", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Template_select_ngModelChange_34_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.Country, $event) || (ctx_r0.EditForm.Country = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(35, AddressEditorComponent_Conditional_7_For_3_Conditional_13_For_36_Template, 2, 3, "option", 32, _forTrack2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(37, "div", 43)(38, "input", 44);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template_input_ngModelChange_38_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.IsPrimary, $event) || (ctx_r0.EditForm.IsPrimary = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(37, "div", 45)(38, "input", 46);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Template_input_ngModelChange_38_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.IsPrimary, $event) || (ctx_r0.EditForm.IsPrimary = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "label", 45);
+    i0.ɵɵelementStart(39, "label", 47);
     i0.ɵɵtext(40, "Primary");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(41, "div", 46)(42, "button", 47);
-    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template_button_click_42_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onSave()); });
-    i0.ɵɵconditionalCreate(43, AddressEditorComponent_Conditional_6_For_3_Conditional_13_Conditional_43_Template, 1, 0, "i", 48);
+    i0.ɵɵelementStart(41, "div", 48)(42, "button", 49);
+    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Template_button_click_42_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onSave()); });
+    i0.ɵɵconditionalCreate(43, AddressEditorComponent_Conditional_7_For_3_Conditional_13_Conditional_43_Template, 1, 0, "i", 50);
     i0.ɵɵtext(44, " Save ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "button", 49);
-    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template_button_click_45_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onCancelEdit()); });
+    i0.ɵɵelementStart(45, "button", 51);
+    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_7_For_3_Conditional_13_Template_button_click_45_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onCancelEdit()); });
     i0.ɵɵtext(46, "Cancel");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ɵ$index_29_r4 = i0.ɵɵnextContext().$index;
+    const ɵ$index_37_r4 = i0.ɵɵnextContext().$index;
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(5);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.TypeID);
@@ -181,36 +191,36 @@ function AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r0.Countries);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("id", "primary-edit-" + ɵ$index_29_r4);
+    i0.ɵɵproperty("id", "primary-edit-" + ɵ$index_37_r4);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.IsPrimary);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("for", "primary-edit-" + ɵ$index_29_r4);
+    i0.ɵɵproperty("for", "primary-edit-" + ɵ$index_37_r4);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("disabled", ctx_r0.Saving);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.Saving ? 43 : -1);
 } }
-function AddressEditorComponent_Conditional_6_For_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 10)(1, "div", 11);
+function AddressEditorComponent_Conditional_7_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 13);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 12)(4, "div", 13);
+    i0.ɵɵelementStart(3, "div", 14)(4, "div", 15);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 14);
+    i0.ɵɵelementStart(6, "div", 16);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 15)(9, "span", 16);
+    i0.ɵɵelementStart(8, "div", 17)(9, "span", 18);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, AddressEditorComponent_Conditional_6_For_3_Conditional_11_Template, 3, 0, "span", 17);
+    i0.ɵɵconditionalCreate(11, AddressEditorComponent_Conditional_7_For_3_Conditional_11_Template, 3, 0, "span", 19);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(12, AddressEditorComponent_Conditional_6_For_3_Conditional_12_Template, 6, 1, "div", 18);
+    i0.ɵɵconditionalCreate(12, AddressEditorComponent_Conditional_7_For_3_Conditional_12_Template, 6, 1, "div", 20);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(13, AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template, 47, 14, "div", 8);
+    i0.ɵɵconditionalCreate(13, AddressEditorComponent_Conditional_7_For_3_Conditional_13_Template, 47, 14, "div", 10);
 } if (rf & 2) {
     const item_r5 = ctx.$implicit;
-    const ɵ$index_29_r4 = ctx.$index;
+    const ɵ$index_37_r4 = ctx.$index;
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵclassProp("primary", item_r5.Link.IsPrimary);
     i0.ɵɵadvance(2);
@@ -226,10 +236,10 @@ function AddressEditorComponent_Conditional_6_For_3_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.EditMode ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.EditingIndex === ɵ$index_29_r4 ? 13 : -1);
+    i0.ɵɵconditional(ctx_r0.EditingIndex === ɵ$index_37_r4 ? 13 : -1);
 } }
-function AddressEditorComponent_Conditional_6_Conditional_4_For_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 30);
+function AddressEditorComponent_Conditional_7_Conditional_4_For_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 32);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -238,16 +248,16 @@ function AddressEditorComponent_Conditional_6_Conditional_4_For_7_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(t_r10.Name);
 } }
-function AddressEditorComponent_Conditional_6_Conditional_4_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 35);
+function AddressEditorComponent_Conditional_7_Conditional_4_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 37);
 } }
-function AddressEditorComponent_Conditional_6_Conditional_4_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 36);
+function AddressEditorComponent_Conditional_7_Conditional_4_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 38);
     i0.ɵɵtext(1, "not found");
     i0.ɵɵelementEnd();
 } }
-function AddressEditorComponent_Conditional_6_Conditional_4_For_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 30);
+function AddressEditorComponent_Conditional_7_Conditional_4_For_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 32);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -256,71 +266,71 @@ function AddressEditorComponent_Conditional_6_Conditional_4_For_36_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate2("", c_r11.Code, " - ", c_r11.Name);
 } }
-function AddressEditorComponent_Conditional_6_Conditional_4_Conditional_43_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 48);
+function AddressEditorComponent_Conditional_7_Conditional_4_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 50);
 } }
-function AddressEditorComponent_Conditional_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function AddressEditorComponent_Conditional_7_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 8)(1, "div", 27)(2, "div", 28)(3, "label");
+    i0.ɵɵelementStart(0, "div", 10)(1, "div", 29)(2, "div", 30)(3, "label");
     i0.ɵɵtext(4, "Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "select", 29);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_Conditional_4_Template_select_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.TypeID, $event) || (ctx_r0.EditForm.TypeID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵrepeaterCreate(6, AddressEditorComponent_Conditional_6_Conditional_4_For_7_Template, 2, 2, "option", 30, _forTrack1);
+    i0.ɵɵelementStart(5, "select", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_Conditional_4_Template_select_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.TypeID, $event) || (ctx_r0.EditForm.TypeID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(6, AddressEditorComponent_Conditional_7_Conditional_4_For_7_Template, 2, 2, "option", 32, _forTrack1);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 31)(9, "label");
+    i0.ɵɵelementStart(8, "div", 33)(9, "label");
     i0.ɵɵtext(10, "Line 1");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "input", 32);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_Conditional_4_Template_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.Line1, $event) || (ctx_r0.EditForm.Line1 = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(11, "input", 34);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_Conditional_4_Template_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.Line1, $event) || (ctx_r0.EditForm.Line1 = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 33)(13, "label");
+    i0.ɵɵelementStart(12, "div", 35)(13, "label");
     i0.ɵɵtext(14, "Line 2");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "input", 34);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_Conditional_4_Template_input_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.Line2, $event) || (ctx_r0.EditForm.Line2 = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(15, "input", 36);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_Conditional_4_Template_input_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.Line2, $event) || (ctx_r0.EditForm.Line2 = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(16, "div", 27)(17, "div", 31)(18, "label");
+    i0.ɵɵelementStart(16, "div", 29)(17, "div", 33)(18, "label");
     i0.ɵɵtext(19, " City ");
-    i0.ɵɵconditionalCreate(20, AddressEditorComponent_Conditional_6_Conditional_4_Conditional_20_Template, 1, 0, "i", 35);
-    i0.ɵɵconditionalCreate(21, AddressEditorComponent_Conditional_6_Conditional_4_Conditional_21_Template, 2, 0, "span", 36);
+    i0.ɵɵconditionalCreate(20, AddressEditorComponent_Conditional_7_Conditional_4_Conditional_20_Template, 1, 0, "i", 37);
+    i0.ɵɵconditionalCreate(21, AddressEditorComponent_Conditional_7_Conditional_4_Conditional_21_Template, 2, 0, "span", 38);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "input", 37);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_Conditional_4_Template_input_ngModelChange_22_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.City, $event) || (ctx_r0.EditForm.City = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(22, "input", 39);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_Conditional_4_Template_input_ngModelChange_22_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.City, $event) || (ctx_r0.EditForm.City = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 38)(24, "label");
+    i0.ɵɵelementStart(23, "div", 40)(24, "label");
     i0.ɵɵtext(25, "State");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "input", 39);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_Conditional_4_Template_input_ngModelChange_26_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.StateProvince, $event) || (ctx_r0.EditForm.StateProvince = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(26, "input", 41);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_Conditional_4_Template_input_ngModelChange_26_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.StateProvince, $event) || (ctx_r0.EditForm.StateProvince = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(27, "div", 40)(28, "label");
+    i0.ɵɵelementStart(27, "div", 42)(28, "label");
     i0.ɵɵtext(29, "Postal");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "input", 41);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_Conditional_4_Template_input_ngModelChange_30_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.PostalCode, $event) || (ctx_r0.EditForm.PostalCode = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("blur", function AddressEditorComponent_Conditional_6_Conditional_4_Template_input_blur_30_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onPostalCodeBlur()); });
+    i0.ɵɵelementStart(30, "input", 43);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_Conditional_4_Template_input_ngModelChange_30_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.PostalCode, $event) || (ctx_r0.EditForm.PostalCode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("blur", function AddressEditorComponent_Conditional_7_Conditional_4_Template_input_blur_30_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onPostalCodeBlur()); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "div", 42)(32, "label");
+    i0.ɵɵelementStart(31, "div", 44)(32, "label");
     i0.ɵɵtext(33, "Country");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "select", 29);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_Conditional_4_Template_select_ngModelChange_34_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.Country, $event) || (ctx_r0.EditForm.Country = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵrepeaterCreate(35, AddressEditorComponent_Conditional_6_Conditional_4_For_36_Template, 2, 3, "option", 30, _forTrack2);
+    i0.ɵɵelementStart(34, "select", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_Conditional_4_Template_select_ngModelChange_34_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.Country, $event) || (ctx_r0.EditForm.Country = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(35, AddressEditorComponent_Conditional_7_Conditional_4_For_36_Template, 2, 3, "option", 32, _forTrack2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(37, "div", 43)(38, "input", 50);
-    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_6_Conditional_4_Template_input_ngModelChange_38_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.IsPrimary, $event) || (ctx_r0.EditForm.IsPrimary = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(37, "div", 45)(38, "input", 52);
+    i0.ɵɵtwoWayListener("ngModelChange", function AddressEditorComponent_Conditional_7_Conditional_4_Template_input_ngModelChange_38_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.IsPrimary, $event) || (ctx_r0.EditForm.IsPrimary = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "label", 51);
+    i0.ɵɵelementStart(39, "label", 53);
     i0.ɵɵtext(40, "Primary");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(41, "div", 46)(42, "button", 47);
-    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_6_Conditional_4_Template_button_click_42_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSave()); });
-    i0.ɵɵconditionalCreate(43, AddressEditorComponent_Conditional_6_Conditional_4_Conditional_43_Template, 1, 0, "i", 48);
+    i0.ɵɵelementStart(41, "div", 48)(42, "button", 49);
+    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_7_Conditional_4_Template_button_click_42_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSave()); });
+    i0.ɵɵconditionalCreate(43, AddressEditorComponent_Conditional_7_Conditional_4_Conditional_43_Template, 1, 0, "i", 50);
     i0.ɵɵtext(44, " Save ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "button", 49);
-    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_6_Conditional_4_Template_button_click_45_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onCancelEdit()); });
+    i0.ɵɵelementStart(45, "button", 51);
+    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_7_Conditional_4_Template_button_click_45_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onCancelEdit()); });
     i0.ɵɵtext(46, "Cancel");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -354,20 +364,20 @@ function AddressEditorComponent_Conditional_6_Conditional_4_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.Saving ? 43 : -1);
 } }
-function AddressEditorComponent_Conditional_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function AddressEditorComponent_Conditional_7_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 9)(1, "button", 52);
-    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_6_Conditional_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onAdd()); });
-    i0.ɵɵelement(2, "i", 53);
+    i0.ɵɵelementStart(0, "div", 11)(1, "button", 54);
+    i0.ɵɵlistener("click", function AddressEditorComponent_Conditional_7_Conditional_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onAdd()); });
+    i0.ɵɵelement(2, "i", 55);
     i0.ɵɵtext(3, " Add Address ");
     i0.ɵɵelementEnd()();
 } }
-function AddressEditorComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function AddressEditorComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵconditionalCreate(1, AddressEditorComponent_Conditional_6_Conditional_1_Template, 3, 0, "div", 7);
-    i0.ɵɵrepeaterCreate(2, AddressEditorComponent_Conditional_6_For_3_Template, 14, 10, null, null, _forTrack0);
-    i0.ɵɵconditionalCreate(4, AddressEditorComponent_Conditional_6_Conditional_4_Template, 47, 12, "div", 8);
-    i0.ɵɵconditionalCreate(5, AddressEditorComponent_Conditional_6_Conditional_5_Template, 4, 0, "div", 9);
+    i0.ɵɵconditionalCreate(1, AddressEditorComponent_Conditional_7_Conditional_1_Template, 3, 0, "div", 9);
+    i0.ɵɵrepeaterCreate(2, AddressEditorComponent_Conditional_7_For_3_Template, 14, 10, null, null, _forTrack0);
+    i0.ɵɵconditionalCreate(4, AddressEditorComponent_Conditional_7_Conditional_4_Template, 47, 12, "div", 10);
+    i0.ɵɵconditionalCreate(5, AddressEditorComponent_Conditional_7_Conditional_5_Template, 4, 0, "div", 11);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -520,6 +530,12 @@ export class AddressEditorComponent {
     Saving = false;
     /** The resolved MJ EntityID for the current {@link EntityName}. */
     resolvedEntityID = '';
+    /**
+     * Set when the component cannot operate — currently only when {@link EntityName}
+     * does not resolve to an entity. Rendered in the template and used to block saving,
+     * so a misconfiguration surfaces as a visible message instead of a failed INSERT.
+     */
+    LoadError = null;
     /** Cached action ID for the Postal Code Lookup action. */
     postalCodeLookupActionID = null;
     /** Whether a postal code lookup is currently in progress. */
@@ -576,7 +592,11 @@ export class AddressEditorComponent {
                 // The action returns JSON-stringified address in Message
                 const address = JSON.parse(result.Message);
                 const city = address.City || '';
-                const state = address.State || '';
+                // The action's Message is the RAW ProviderGeocodeResult, which names the field
+                // StateProvinceCode/StateProvinceName — there is no `State` on it. (`State` exists
+                // only as a separate Output param.) Reading `address.State` was always undefined,
+                // which is why the postal lookup filled City but never the state box.
+                const state = address.StateProvinceCode || address.StateProvinceName || address.State || '';
                 if (!city && !state) {
                     // Google resolved the country but not a specific city/state for this postal code
                     this.PostalCodeNotFound = true;
@@ -627,12 +647,17 @@ export class AddressEditorComponent {
         this.cdr.detectChanges();
         try {
             const md = new Metadata();
-            // Resolve EntityName -> EntityID
-            const entity = md.Entities.find(e => e.Name === this._entityName);
+            // Resolve EntityName -> EntityID. EntityByName is case- and whitespace-insensitive and
+            // O(1); `Entities.find(e => e.Name === ...)` is neither, and its miss used to leave
+            // resolvedEntityID empty while still rendering an editable form — which then wrote
+            // empty-string GUIDs into AddressLink.EntityID and failed at the database.
+            const entity = md.EntityByName(this._entityName);
             if (!entity) {
+                this.LoadError = `Address editor misconfigured: entity "${this._entityName}" is not in metadata.`;
                 console.error(`AddressEditor: Entity "${this._entityName}" not found`);
                 return;
             }
+            this.LoadError = null;
             this.resolvedEntityID = entity.ID;
             const rv = new RunView();
             // Load address links and address types in parallel
@@ -707,7 +732,39 @@ export class AddressEditorComponent {
      */
     getAddressTypeIcon(typeID) {
         const addrType = this.AddressTypes.find(t => t.ID === typeID);
-        return addrType?.IconClass || 'fa-solid fa-location-dot';
+        return AddressEditorComponent.resolveIconClass(addrType?.IconClass);
+    }
+    /**
+     * Resolves an IconClass to something that will actually render, falling back to a
+     * generic location pin.
+     *
+     * A `?? fallback` is not enough on its own: the failure seen in the field was
+     * `fa-solid fa-mailbox`, a NON-EMPTY class that is Font Awesome **Pro**-only, so it
+     * passed every emptiness check and then rendered as a blank square (the browser
+     * reports `content: none` for its ::before — no rule matched). Since a component
+     * cannot ask the font whether a glyph exists, this verifies the icon is one the
+     * bundled Free set provides and substitutes the pin otherwise. Blank, whitespace-only
+     * and modifier-only values fall back too.
+     *
+     * The Pro list is deliberately small and explicit — only icons this app's seed data
+     * has actually used. It is a safety net; the real fix is correcting the seed
+     * (`metadata/address-types/.address-types.json`), which this change also does.
+     */
+    static resolveIconClass(iconClass) {
+        const FALLBACK = 'fa-solid fa-location-dot';
+        const cls = (iconClass ?? '').trim();
+        if (!cls)
+            return FALLBACK;
+        // Must name an actual icon, not just a style/modifier such as `fa-solid`.
+        const STYLE_ONLY = new Set(['fa-solid', 'fa-regular', 'fa-light', 'fa-thin', 'fa-duotone', 'fa-brands', 'fa', 'fas', 'far', 'fab']);
+        const names = cls.split(/\s+/).filter(t => t.startsWith('fa-') && !STYLE_ONLY.has(t));
+        if (names.length === 0)
+            return FALLBACK;
+        // Font Awesome Pro-only icons seen in this app's seed data — they render blank on Free.
+        const PRO_ONLY = new Set(['fa-mailbox']);
+        if (names.some(n => PRO_ONLY.has(n)))
+            return FALLBACK;
+        return cls;
     }
     /**
      * Formats the first line of an address display string.
@@ -804,6 +861,16 @@ export class AddressEditorComponent {
     async onSave() {
         if (!this.EditForm.Line1 || !this.EditForm.City)
             return;
+        // Both are NOT NULL uniqueidentifier columns on AddressLink; saving without them
+        // produced "Conversion failed when converting from a character string to
+        // uniqueidentifier" at the database instead of anything actionable.
+        if (!this.resolvedEntityID || !this.EditForm.TypeID) {
+            this.LoadError = !this.resolvedEntityID
+                ? `Cannot save: entity "${this._entityName}" is not in metadata.`
+                : 'Cannot save: no address type is selected.';
+            this.cdr.detectChanges();
+            return;
+        }
         this.Saving = true;
         this.cdr.detectChanges();
         try {
@@ -951,23 +1018,23 @@ export class AddressEditorComponent {
         }
     }
     static ɵfac = function AddressEditorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AddressEditorComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddressEditorComponent, selectors: [["bizapps-address-editor"]], inputs: { EditMode: "EditMode", EntityName: "EntityName", RecordID: "RecordID" }, outputs: { DataChanged: "DataChanged" }, decls: 7, vars: 2, consts: [[1, "section-header"], [1, "section-label"], [1, "fa-solid", "fa-map-marker-alt"], [1, "count"], [1, "addr-table"], [1, "loading-row"], [1, "fa-solid", "fa-spinner"], [1, "empty-state"], [1, "addr-table-edit-panel"], [1, "addr-table-footer"], [1, "addr-table-row"], [1, "addr-table-icon"], [1, "addr-table-content"], [1, "addr-table-main"], [1, "addr-table-sub"], [1, "addr-table-badges"], [1, "badge", "badge-type"], [1, "badge", "badge-primary"], [1, "addr-table-actions"], [1, "fa-solid", "fa-star"], ["title", "Set as Primary", 1, "btn-ghost"], ["title", "Edit", 1, "btn-ghost", 3, "click"], [1, "fa-solid", "fa-pen"], ["title", "Remove", 1, "btn-ghost", "danger", 3, "click"], [1, "fa-solid", "fa-trash"], ["title", "Set as Primary", 1, "btn-ghost", 3, "click"], [1, "fa-regular", "fa-star"], [1, "form-row"], [1, "form-field", "type-field"], [3, "ngModelChange", "ngModel"], [3, "value"], [1, "form-field"], ["type", "text", "placeholder", "Street address", 3, "ngModelChange", "ngModel"], [1, "form-field", "line2-field"], ["type", "text", "placeholder", "Apt, suite", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-spinner", "fa-spin", "lookup-spinner"], [1, "lookup-not-found"], ["type", "text", "placeholder", "City", 3, "ngModelChange", "ngModel"], [1, "form-field", "state-field"], ["type", "text", "placeholder", "ST", 3, "ngModelChange", "ngModel"], [1, "form-field", "postal-field"], ["type", "text", "placeholder", "Zip", 3, "ngModelChange", "blur", "ngModel"], [1, "form-field", "country-field"], [1, "checkbox-field"], ["type", "checkbox", 3, "ngModelChange", "id", "ngModel"], [3, "for"], [1, "form-actions"], [1, "btn", "btn-primary", "btn-sm", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "btn", "btn-cancel", "btn-sm", 3, "click"], ["type", "checkbox", "id", "primary-add", 3, "ngModelChange", "ngModel"], ["for", "primary-add"], [1, "btn", "btn-outline", "full-width", 3, "click"], [1, "fa-solid", "fa-plus"]], template: function AddressEditorComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddressEditorComponent, selectors: [["bizapps-address-editor"]], inputs: { EditMode: "EditMode", EntityName: "EntityName", RecordID: "RecordID" }, outputs: { DataChanged: "DataChanged" }, decls: 8, vars: 2, consts: [[1, "section-header"], [1, "section-label"], [1, "fa-solid", "fa-map-marker-alt"], [1, "count"], [1, "addr-table"], [1, "load-error-row"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "loading-row"], [1, "fa-solid", "fa-spinner"], [1, "empty-state"], [1, "addr-table-edit-panel"], [1, "addr-table-footer"], [1, "addr-table-row"], [1, "addr-table-icon"], [1, "addr-table-content"], [1, "addr-table-main"], [1, "addr-table-sub"], [1, "addr-table-badges"], [1, "badge", "badge-type"], [1, "badge", "badge-primary"], [1, "addr-table-actions"], [1, "fa-solid", "fa-star"], ["title", "Set as Primary", 1, "btn-ghost"], ["title", "Edit", 1, "btn-ghost", 3, "click"], [1, "fa-solid", "fa-pen"], ["title", "Remove", 1, "btn-ghost", "danger", 3, "click"], [1, "fa-solid", "fa-trash"], ["title", "Set as Primary", 1, "btn-ghost", 3, "click"], [1, "fa-regular", "fa-star"], [1, "form-row"], [1, "form-field", "type-field"], [3, "ngModelChange", "ngModel"], [3, "value"], [1, "form-field"], ["type", "text", "placeholder", "Street address", 3, "ngModelChange", "ngModel"], [1, "form-field", "line2-field"], ["type", "text", "placeholder", "Apt, suite", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-spinner", "fa-spin", "lookup-spinner"], [1, "lookup-not-found"], ["type", "text", "placeholder", "City", 3, "ngModelChange", "ngModel"], [1, "form-field", "state-field"], ["type", "text", "placeholder", "ST", 3, "ngModelChange", "ngModel"], [1, "form-field", "postal-field"], ["type", "text", "placeholder", "Zip", 3, "ngModelChange", "blur", "ngModel"], [1, "form-field", "country-field"], [1, "checkbox-field"], ["type", "checkbox", 3, "ngModelChange", "id", "ngModel"], [3, "for"], [1, "form-actions"], [1, "btn", "btn-primary", "btn-sm", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "btn", "btn-cancel", "btn-sm", 3, "click"], ["type", "checkbox", "id", "primary-add", 3, "ngModelChange", "ngModel"], ["for", "primary-add"], [1, "btn", "btn-outline", "full-width", 3, "click"], [1, "fa-solid", "fa-plus"]], template: function AddressEditorComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "span", 1);
             i0.ɵɵelement(2, "i", 2);
             i0.ɵɵtext(3, " Addresses ");
             i0.ɵɵconditionalCreate(4, AddressEditorComponent_Conditional_4_Template, 2, 1, "span", 3);
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(5, AddressEditorComponent_Conditional_5_Template, 4, 0, "div", 4)(6, AddressEditorComponent_Conditional_6_Template, 6, 3, "div", 4);
+            i0.ɵɵconditionalCreate(5, AddressEditorComponent_Conditional_5_Template, 4, 1, "div", 4)(6, AddressEditorComponent_Conditional_6_Template, 4, 0, "div", 4)(7, AddressEditorComponent_Conditional_7_Template, 6, 3, "div", 4);
         } if (rf & 2) {
             i0.ɵɵadvance(4);
             i0.ɵɵconditional(!ctx.Loading && ctx.AddressItems.length > 0 ? 4 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.Loading ? 5 : 6);
-        } }, dependencies: [CommonModule, FormsModule, i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.CheckboxControlValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel], styles: ["\n\n\n\n\n\n[_nghost-%COMP%] {\n    display: block;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n    color: #333;\n}\n\n.section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 16px;\n}\n\n.section-label[_ngcontent-%COMP%] {\n    font-size: 15px;\n    font-weight: 600;\n    color: #333;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.section-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #1976d2;\n}\n\n.count[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: #888;\n    font-weight: 400;\n}\n\n\n\n.addr-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n\n\n.addr-table-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid #f0f0f0;\n    gap: 12px;\n    transition: background 0.1s ease;\n}\n\n.addr-table-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.addr-table-row[_ngcontent-%COMP%]:hover {\n    background: #fafafa;\n}\n\n.addr-table-row.primary[_ngcontent-%COMP%] {\n    background: #f1f8e9;\n}\n\n\n\n.addr-table-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: #e3f2fd;\n    color: #1565c0;\n    font-size: 14px;\n    flex-shrink: 0;\n}\n\n\n\n.addr-table-content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.addr-table-main[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: #333;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.addr-table-sub[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: #888;\n    margin-top: 2px;\n}\n\n\n\n.addr-table-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 10px;\n    border-radius: 12px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.badge-type[_ngcontent-%COMP%] {\n    background: #e3f2fd;\n    color: #1565c0;\n}\n\n.badge-primary[_ngcontent-%COMP%] {\n    background: #e8f5e9;\n    color: #2e7d32;\n}\n\n\n\n.addr-table-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n    opacity: 0;\n    transition: opacity 0.15s ease;\n}\n\n.addr-table-row[_ngcontent-%COMP%]:hover   .addr-table-actions[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n\n\n.btn-ghost[_ngcontent-%COMP%] {\n    background: transparent;\n    color: #999;\n    padding: 6px 8px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 13px;\n    transition: all 0.15s ease;\n}\n\n.btn-ghost[_ngcontent-%COMP%]:hover {\n    color: #333;\n    background: #f5f5f5;\n}\n\n.btn-ghost.danger[_ngcontent-%COMP%]:hover {\n    color: #c62828;\n    background: #ffebee;\n}\n\n\n\n.addr-table-edit-panel[_ngcontent-%COMP%] {\n    padding: 16px;\n    background: #f8f9ff;\n    border-bottom: 2px solid #1976d2;\n}\n\n\n\n.addr-table-footer[_ngcontent-%COMP%] {\n    padding: 10px 16px;\n    border-top: 1px solid #e0e0e0;\n    background: #fafafa;\n}\n\n\n\n.btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: none;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n    background: #1976d2;\n    color: white;\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover {\n    background: #1565c0;\n}\n\n.btn-outline[_ngcontent-%COMP%] {\n    background: transparent;\n    border: 1px dashed #ccc;\n    color: #666;\n}\n\n.btn-outline[_ngcontent-%COMP%]:hover {\n    border-color: #1976d2;\n    color: #1976d2;\n    background: #f5f9ff;\n}\n\n.btn-outline.full-width[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: center;\n}\n\n.btn-cancel[_ngcontent-%COMP%] {\n    background: #f5f5f5;\n    color: #666;\n    border: 1px solid #e0e0e0;\n}\n\n.btn-cancel[_ngcontent-%COMP%]:hover {\n    background: #eeeeee;\n}\n\n.btn-sm[_ngcontent-%COMP%] {\n    padding: 6px 14px;\n    font-size: 12px;\n}\n\n\n\n.form-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 12px;\n}\n\n.form-field[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.form-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: block;\n    font-size: 12px;\n    font-weight: 600;\n    color: #666;\n    margin-bottom: 4px;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.form-field[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], \n.form-field[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 8px 12px;\n    border: 1px solid #e0e0e0;\n    border-radius: 6px;\n    font-size: 14px;\n    font-family: inherit;\n    background: white;\n}\n\n.form-field[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus, \n.form-field[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: #1976d2;\n    box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);\n}\n\n.form-field.type-field[_ngcontent-%COMP%] {\n    max-width: 150px;\n}\n\n.form-field.line2-field[_ngcontent-%COMP%] {\n    max-width: 150px;\n}\n\n.form-field.state-field[_ngcontent-%COMP%] {\n    max-width: 80px;\n}\n\n.form-field.postal-field[_ngcontent-%COMP%] {\n    max-width: 130px;\n}\n\n.form-field.country-field[_ngcontent-%COMP%] {\n    max-width: 180px;\n}\n\n.checkbox-field[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-top: 22px;\n}\n\n.checkbox-field[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n    width: 16px;\n    height: 16px;\n    cursor: pointer;\n}\n\n.checkbox-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: #555;\n    cursor: pointer;\n}\n\n.form-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    margin-top: 8px;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 32px 16px;\n    color: #888;\n    font-size: 14px;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: #ccc;\n    margin-bottom: 8px;\n    display: block;\n}\n\n\n\n.loading-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n    color: #888;\n    font-size: 13px;\n    gap: 8px;\n}\n\n.loading-row[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    animation: _ngcontent-%COMP%_spin 1s linear infinite;\n}\n\n@keyframes _ngcontent-%COMP%_spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n.lookup-spinner[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: #1976d2;\n    margin-left: 4px;\n}\n\n.lookup-not-found[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: #e65100;\n    margin-left: 4px;\n    font-weight: 600;\n}"] });
+            i0.ɵɵconditional(ctx.LoadError ? 5 : ctx.Loading ? 6 : 7);
+        } }, dependencies: [CommonModule, FormsModule, i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.CheckboxControlValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel], styles: ["\n\n\n\n\n\n[_nghost-%COMP%] {\n    display: block;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n    color: var(--mj-text-primary);\n}\n\n.section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 16px;\n}\n\n.section-label[_ngcontent-%COMP%] {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.section-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.count[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n}\n\n\n\n.addr-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n\n\n.addr-table-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n    gap: 12px;\n    transition: background 0.1s ease;\n}\n\n.addr-table-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.addr-table-row[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-card);\n}\n\n.addr-table-row.primary[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n}\n\n\n\n.addr-table-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary-hover);\n    font-size: 14px;\n    flex-shrink: 0;\n}\n\n\n\n.addr-table-content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.addr-table-main[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.addr-table-sub[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n\n\n.addr-table-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 10px;\n    border-radius: 12px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.badge-type[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary-hover);\n}\n\n.badge-primary[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n\n\n.addr-table-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n    opacity: 0;\n    transition: opacity 0.15s ease;\n}\n\n.addr-table-row[_ngcontent-%COMP%]:hover   .addr-table-actions[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n\n\n.btn-ghost[_ngcontent-%COMP%] {\n    background: transparent;\n    color: var(--mj-text-disabled);\n    padding: 6px 8px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 13px;\n    transition: all 0.15s ease;\n}\n\n.btn-ghost[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-card);\n}\n\n.btn-ghost.danger[_ngcontent-%COMP%]:hover {\n    color: var(--mj-status-error-text);\n    background: var(--mj-status-error-bg);\n}\n\n\n\n.addr-table-edit-panel[_ngcontent-%COMP%] {\n    padding: 16px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n    border-bottom: 2px solid var(--mj-brand-primary);\n}\n\n\n\n.addr-table-footer[_ngcontent-%COMP%] {\n    padding: 10px 16px;\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n\n\n.btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: none;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: var(--mj-brand-on-primary);\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.btn-outline[_ngcontent-%COMP%] {\n    background: transparent;\n    border: 1px dashed var(--mj-border-strong);\n    color: var(--mj-text-secondary);\n}\n\n.btn-outline[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n}\n\n.btn-outline.full-width[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: center;\n}\n\n.btn-cancel[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-default);\n}\n\n.btn-cancel[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-subtle);\n}\n\n.btn-sm[_ngcontent-%COMP%] {\n    padding: 6px 14px;\n    font-size: 12px;\n}\n\n\n\n.form-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 12px;\n}\n\n.form-field[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.form-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: block;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    margin-bottom: 4px;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.form-field[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], \n.form-field[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 14px;\n    font-family: inherit;\n    background: var(--mj-bg-surface);\n}\n\n.form-field[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus, \n.form-field[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-field.type-field[_ngcontent-%COMP%] {\n    max-width: 150px;\n}\n\n.form-field.line2-field[_ngcontent-%COMP%] {\n    max-width: 150px;\n}\n\n.form-field.state-field[_ngcontent-%COMP%] {\n    max-width: 80px;\n}\n\n.form-field.postal-field[_ngcontent-%COMP%] {\n    max-width: 130px;\n}\n\n.form-field.country-field[_ngcontent-%COMP%] {\n    max-width: 180px;\n}\n\n.checkbox-field[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-top: 22px;\n}\n\n.checkbox-field[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n    width: 16px;\n    height: 16px;\n    cursor: pointer;\n}\n\n.checkbox-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n}\n\n.form-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    margin-top: 8px;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 32px 16px;\n    color: var(--mj-text-muted);\n    font-size: 14px;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--mj-border-strong);\n    margin-bottom: 8px;\n    display: block;\n}\n\n\n\n.loading-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n    gap: 8px;\n}\n\n.loading-row[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    animation: _ngcontent-%COMP%_spin 1s linear infinite;\n}\n\n\n\n\n.load-error-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    padding: 24px;\n    color: var(--mj-status-error-text);\n    font-size: 13px;\n    gap: 8px;\n}\n\n@keyframes _ngcontent-%COMP%_spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n.lookup-spinner[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--mj-brand-primary);\n    margin-left: 4px;\n}\n\n.lookup-not-found[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--mj-status-warning-text);\n    margin-left: 4px;\n    font-weight: 600;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddressEditorComponent, [{
         type: Component,
-        args: [{ standalone: true, imports: [CommonModule, FormsModule], selector: 'bizapps-address-editor', template: "<!-- AddressEditor - Compact Table Design (Option B) -->\n\n<div class=\"section-header\">\n    <span class=\"section-label\">\n        <i class=\"fa-solid fa-map-marker-alt\"></i>\n        Addresses\n        @if (!Loading && AddressItems.length > 0) {\n            <span class=\"count\">({{ AddressItems.length }})</span>\n        }\n    </span>\n</div>\n\n@if (Loading) {\n    <div class=\"addr-table\">\n        <div class=\"loading-row\">\n            <i class=\"fa-solid fa-spinner\"></i> Loading addresses...\n        </div>\n    </div>\n} @else {\n    <div class=\"addr-table\">\n        @if (AddressItems.length === 0 && EditingIndex !== -1) {\n            <div class=\"empty-state\">\n                <i class=\"fa-solid fa-map-marker-alt\"></i>\n                No addresses linked yet\n            </div>\n        }\n\n        @for (item of AddressItems; track item.Link.ID; let i = $index) {\n            <!-- Address Row -->\n            <div class=\"addr-table-row\" [class.primary]=\"item.Link.IsPrimary\">\n                <div class=\"addr-table-icon\">\n                    <i [class]=\"getAddressTypeIcon(item.Link.AddressTypeID)\"></i>\n                </div>\n                <div class=\"addr-table-content\">\n                    <div class=\"addr-table-main\">{{ formatAddressLine1(item.Address) }}</div>\n                    <div class=\"addr-table-sub\">{{ formatAddressLine2(item.Address) }}</div>\n                </div>\n                <div class=\"addr-table-badges\">\n                    <span class=\"badge badge-type\">{{ item.Link.AddressType }}</span>\n                    @if (item.Link.IsPrimary) {\n                        <span class=\"badge badge-primary\"><i class=\"fa-solid fa-star\"></i> Primary</span>\n                    }\n                </div>\n                @if (EditMode) {\n                <div class=\"addr-table-actions\">\n                    @if (!item.Link.IsPrimary) {\n                        <button class=\"btn-ghost\" title=\"Set as Primary\" (click)=\"onSetPrimary(i)\">\n                            <i class=\"fa-regular fa-star\"></i>\n                        </button>\n                    }\n                    <button class=\"btn-ghost\" title=\"Edit\" (click)=\"onEdit(i)\">\n                        <i class=\"fa-solid fa-pen\"></i>\n                    </button>\n                    <button class=\"btn-ghost danger\" title=\"Remove\" (click)=\"onDelete(i)\">\n                        <i class=\"fa-solid fa-trash\"></i>\n                    </button>\n                </div>\n                }\n            </div>\n\n            <!-- Inline Edit Panel (shown when editing this row) -->\n            @if (EditingIndex === i) {\n                <div class=\"addr-table-edit-panel\">\n                    <div class=\"form-row\">\n                        <div class=\"form-field type-field\">\n                            <label>Type</label>\n                            <select [(ngModel)]=\"EditForm.TypeID\">\n                                @for (t of AddressTypes; track t.ID) {\n                                    <option [value]=\"t.ID\">{{ t.Name }}</option>\n                                }\n                            </select>\n                        </div>\n                        <div class=\"form-field\">\n                            <label>Line 1</label>\n                            <input type=\"text\" [(ngModel)]=\"EditForm.Line1\" placeholder=\"Street address\">\n                        </div>\n                        <div class=\"form-field line2-field\">\n                            <label>Line 2</label>\n                            <input type=\"text\" [(ngModel)]=\"EditForm.Line2\" placeholder=\"Apt, suite\">\n                        </div>\n                    </div>\n                    <div class=\"form-row\">\n                        <div class=\"form-field\">\n                            <label>\n                                City\n                                @if (LookingUpPostalCode) { <i class=\"fa-solid fa-spinner fa-spin lookup-spinner\"></i> }\n                                @if (PostalCodeNotFound) { <span class=\"lookup-not-found\">not found</span> }\n                            </label>\n                            <input type=\"text\" [(ngModel)]=\"EditForm.City\" placeholder=\"City\">\n                        </div>\n                        <div class=\"form-field state-field\">\n                            <label>State</label>\n                            <input type=\"text\" [(ngModel)]=\"EditForm.StateProvince\" placeholder=\"ST\">\n                        </div>\n                        <div class=\"form-field postal-field\">\n                            <label>Postal</label>\n                            <input type=\"text\" [(ngModel)]=\"EditForm.PostalCode\" placeholder=\"Zip\" (blur)=\"onPostalCodeBlur()\">\n                        </div>\n                        <div class=\"form-field country-field\">\n                            <label>Country</label>\n                            <select [(ngModel)]=\"EditForm.Country\">\n                                @for (c of Countries; track c.Code) {\n                                    <option [value]=\"c.Code\">{{ c.Code }} - {{ c.Name }}</option>\n                                }\n                            </select>\n                        </div>\n                        <div class=\"checkbox-field\">\n                            <input type=\"checkbox\" [id]=\"'primary-edit-' + i\" [(ngModel)]=\"EditForm.IsPrimary\">\n                            <label [for]=\"'primary-edit-' + i\">Primary</label>\n                        </div>\n                    </div>\n                    <div class=\"form-actions\">\n                        <button class=\"btn btn-primary btn-sm\" (click)=\"onSave()\" [disabled]=\"Saving\">\n                            @if (Saving) {\n                                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                            }\n                            Save\n                        </button>\n                        <button class=\"btn btn-cancel btn-sm\" (click)=\"onCancelEdit()\">Cancel</button>\n                    </div>\n                </div>\n            }\n        }\n\n        <!-- Add New Panel (shown when EditingIndex === -1) -->\n        @if (EditingIndex === -1) {\n            <div class=\"addr-table-edit-panel\">\n                <div class=\"form-row\">\n                    <div class=\"form-field type-field\">\n                        <label>Type</label>\n                        <select [(ngModel)]=\"EditForm.TypeID\">\n                            @for (t of AddressTypes; track t.ID) {\n                                <option [value]=\"t.ID\">{{ t.Name }}</option>\n                            }\n                        </select>\n                    </div>\n                    <div class=\"form-field\">\n                        <label>Line 1</label>\n                        <input type=\"text\" [(ngModel)]=\"EditForm.Line1\" placeholder=\"Street address\">\n                    </div>\n                    <div class=\"form-field line2-field\">\n                        <label>Line 2</label>\n                        <input type=\"text\" [(ngModel)]=\"EditForm.Line2\" placeholder=\"Apt, suite\">\n                    </div>\n                </div>\n                <div class=\"form-row\">\n                    <div class=\"form-field\">\n                        <label>\n                            City\n                            @if (LookingUpPostalCode) { <i class=\"fa-solid fa-spinner fa-spin lookup-spinner\"></i> }\n                            @if (PostalCodeNotFound) { <span class=\"lookup-not-found\">not found</span> }\n                        </label>\n                        <input type=\"text\" [(ngModel)]=\"EditForm.City\" placeholder=\"City\">\n                    </div>\n                    <div class=\"form-field state-field\">\n                        <label>State</label>\n                        <input type=\"text\" [(ngModel)]=\"EditForm.StateProvince\" placeholder=\"ST\">\n                    </div>\n                    <div class=\"form-field postal-field\">\n                        <label>Postal</label>\n                        <input type=\"text\" [(ngModel)]=\"EditForm.PostalCode\" placeholder=\"Zip\" (blur)=\"onPostalCodeBlur()\">\n                    </div>\n                    <div class=\"form-field country-field\">\n                        <label>Country</label>\n                        <select [(ngModel)]=\"EditForm.Country\">\n                            @for (c of Countries; track c.Code) {\n                                <option [value]=\"c.Code\">{{ c.Code }} - {{ c.Name }}</option>\n                            }\n                        </select>\n                    </div>\n                    <div class=\"checkbox-field\">\n                        <input type=\"checkbox\" id=\"primary-add\" [(ngModel)]=\"EditForm.IsPrimary\">\n                        <label for=\"primary-add\">Primary</label>\n                    </div>\n                </div>\n                <div class=\"form-actions\">\n                    <button class=\"btn btn-primary btn-sm\" (click)=\"onSave()\" [disabled]=\"Saving\">\n                        @if (Saving) {\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        }\n                        Save\n                    </button>\n                    <button class=\"btn btn-cancel btn-sm\" (click)=\"onCancelEdit()\">Cancel</button>\n                </div>\n            </div>\n        }\n\n        <!-- Add Button Footer -->\n        @if (EditingIndex === null && EditMode) {\n            <div class=\"addr-table-footer\">\n                <button class=\"btn btn-outline full-width\" (click)=\"onAdd()\">\n                    <i class=\"fa-solid fa-plus\"></i>\n                    Add Address\n                </button>\n            </div>\n        }\n    </div>\n}\n", styles: ["/* ============================================\n   AddressEditor - Compact Table Design\n   Pixel-perfect match to Option B mockup\n   ============================================ */\n\n:host {\n    display: block;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n    color: #333;\n}\n\n.section-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 16px;\n}\n\n.section-label {\n    font-size: 15px;\n    font-weight: 600;\n    color: #333;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.section-label i {\n    color: #1976d2;\n}\n\n.count {\n    font-size: 12px;\n    color: #888;\n    font-weight: 400;\n}\n\n/* Table container */\n.addr-table {\n    width: 100%;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n/* Table rows */\n.addr-table-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid #f0f0f0;\n    gap: 12px;\n    transition: background 0.1s ease;\n}\n\n.addr-table-row:last-child {\n    border-bottom: none;\n}\n\n.addr-table-row:hover {\n    background: #fafafa;\n}\n\n.addr-table-row.primary {\n    background: #f1f8e9;\n}\n\n/* Icon */\n.addr-table-icon {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: #e3f2fd;\n    color: #1565c0;\n    font-size: 14px;\n    flex-shrink: 0;\n}\n\n/* Content */\n.addr-table-content {\n    flex: 1;\n    min-width: 0;\n}\n\n.addr-table-main {\n    font-size: 14px;\n    color: #333;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.addr-table-sub {\n    font-size: 12px;\n    color: #888;\n    margin-top: 2px;\n}\n\n/* Badges */\n.addr-table-badges {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 10px;\n    border-radius: 12px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.badge-type {\n    background: #e3f2fd;\n    color: #1565c0;\n}\n\n.badge-primary {\n    background: #e8f5e9;\n    color: #2e7d32;\n}\n\n/* Actions */\n.addr-table-actions {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n    opacity: 0;\n    transition: opacity 0.15s ease;\n}\n\n.addr-table-row:hover .addr-table-actions {\n    opacity: 1;\n}\n\n/* Ghost buttons */\n.btn-ghost {\n    background: transparent;\n    color: #999;\n    padding: 6px 8px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 13px;\n    transition: all 0.15s ease;\n}\n\n.btn-ghost:hover {\n    color: #333;\n    background: #f5f5f5;\n}\n\n.btn-ghost.danger:hover {\n    color: #c62828;\n    background: #ffebee;\n}\n\n/* Edit panel */\n.addr-table-edit-panel {\n    padding: 16px;\n    background: #f8f9ff;\n    border-bottom: 2px solid #1976d2;\n}\n\n/* Footer */\n.addr-table-footer {\n    padding: 10px 16px;\n    border-top: 1px solid #e0e0e0;\n    background: #fafafa;\n}\n\n/* Buttons */\n.btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: none;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.btn-primary {\n    background: #1976d2;\n    color: white;\n}\n\n.btn-primary:hover {\n    background: #1565c0;\n}\n\n.btn-outline {\n    background: transparent;\n    border: 1px dashed #ccc;\n    color: #666;\n}\n\n.btn-outline:hover {\n    border-color: #1976d2;\n    color: #1976d2;\n    background: #f5f9ff;\n}\n\n.btn-outline.full-width {\n    width: 100%;\n    justify-content: center;\n}\n\n.btn-cancel {\n    background: #f5f5f5;\n    color: #666;\n    border: 1px solid #e0e0e0;\n}\n\n.btn-cancel:hover {\n    background: #eeeeee;\n}\n\n.btn-sm {\n    padding: 6px 14px;\n    font-size: 12px;\n}\n\n/* Form */\n.form-row {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 12px;\n}\n\n.form-field {\n    flex: 1;\n}\n\n.form-field label {\n    display: block;\n    font-size: 12px;\n    font-weight: 600;\n    color: #666;\n    margin-bottom: 4px;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.form-field input,\n.form-field select {\n    width: 100%;\n    padding: 8px 12px;\n    border: 1px solid #e0e0e0;\n    border-radius: 6px;\n    font-size: 14px;\n    font-family: inherit;\n    background: white;\n}\n\n.form-field input:focus,\n.form-field select:focus {\n    outline: none;\n    border-color: #1976d2;\n    box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);\n}\n\n.form-field.type-field {\n    max-width: 150px;\n}\n\n.form-field.line2-field {\n    max-width: 150px;\n}\n\n.form-field.state-field {\n    max-width: 80px;\n}\n\n.form-field.postal-field {\n    max-width: 130px;\n}\n\n.form-field.country-field {\n    max-width: 180px;\n}\n\n.checkbox-field {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-top: 22px;\n}\n\n.checkbox-field input[type=\"checkbox\"] {\n    width: 16px;\n    height: 16px;\n    cursor: pointer;\n}\n\n.checkbox-field label {\n    font-size: 13px;\n    color: #555;\n    cursor: pointer;\n}\n\n.form-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: 8px;\n}\n\n/* Empty state */\n.empty-state {\n    text-align: center;\n    padding: 32px 16px;\n    color: #888;\n    font-size: 14px;\n}\n\n.empty-state i {\n    font-size: 24px;\n    color: #ccc;\n    margin-bottom: 8px;\n    display: block;\n}\n\n/* Loading */\n.loading-row {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n    color: #888;\n    font-size: 13px;\n    gap: 8px;\n}\n\n.loading-row i {\n    animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n.lookup-spinner {\n    font-size: 10px;\n    color: #1976d2;\n    margin-left: 4px;\n}\n\n.lookup-not-found {\n    font-size: 10px;\n    color: #e65100;\n    margin-left: 4px;\n    font-weight: 600;\n}\n"] }]
+        args: [{ standalone: true, imports: [CommonModule, FormsModule], selector: 'bizapps-address-editor', template: "<!-- AddressEditor - Compact Table Design (Option B) -->\n\n<div class=\"section-header\">\n    <span class=\"section-label\">\n        <i class=\"fa-solid fa-map-marker-alt\"></i>\n        Addresses\n        @if (!Loading && AddressItems.length > 0) {\n            <span class=\"count\">({{ AddressItems.length }})</span>\n        }\n    </span>\n</div>\n\n@if (LoadError) {\n    <div class=\"addr-table\">\n        <div class=\"load-error-row\">\n            <i class=\"fa-solid fa-triangle-exclamation\"></i> {{ LoadError }}\n        </div>\n    </div>\n} @else if (Loading) {\n    <div class=\"addr-table\">\n        <div class=\"loading-row\">\n            <i class=\"fa-solid fa-spinner\"></i> Loading addresses...\n        </div>\n    </div>\n} @else {\n    <div class=\"addr-table\">\n        @if (AddressItems.length === 0 && EditingIndex !== -1) {\n            <div class=\"empty-state\">\n                <i class=\"fa-solid fa-map-marker-alt\"></i>\n                No addresses linked yet\n            </div>\n        }\n\n        @for (item of AddressItems; track item.Link.ID; let i = $index) {\n            <!-- Address Row -->\n            <div class=\"addr-table-row\" [class.primary]=\"item.Link.IsPrimary\">\n                <div class=\"addr-table-icon\">\n                    <i [class]=\"getAddressTypeIcon(item.Link.AddressTypeID)\"></i>\n                </div>\n                <div class=\"addr-table-content\">\n                    <div class=\"addr-table-main\">{{ formatAddressLine1(item.Address) }}</div>\n                    <div class=\"addr-table-sub\">{{ formatAddressLine2(item.Address) }}</div>\n                </div>\n                <div class=\"addr-table-badges\">\n                    <span class=\"badge badge-type\">{{ item.Link.AddressType }}</span>\n                    @if (item.Link.IsPrimary) {\n                        <span class=\"badge badge-primary\"><i class=\"fa-solid fa-star\"></i> Primary</span>\n                    }\n                </div>\n                @if (EditMode) {\n                <div class=\"addr-table-actions\">\n                    @if (!item.Link.IsPrimary) {\n                        <button class=\"btn-ghost\" title=\"Set as Primary\" (click)=\"onSetPrimary(i)\">\n                            <i class=\"fa-regular fa-star\"></i>\n                        </button>\n                    }\n                    <button class=\"btn-ghost\" title=\"Edit\" (click)=\"onEdit(i)\">\n                        <i class=\"fa-solid fa-pen\"></i>\n                    </button>\n                    <button class=\"btn-ghost danger\" title=\"Remove\" (click)=\"onDelete(i)\">\n                        <i class=\"fa-solid fa-trash\"></i>\n                    </button>\n                </div>\n                }\n            </div>\n\n            <!-- Inline Edit Panel (shown when editing this row) -->\n            @if (EditingIndex === i) {\n                <div class=\"addr-table-edit-panel\">\n                    <div class=\"form-row\">\n                        <div class=\"form-field type-field\">\n                            <label>Type</label>\n                            <select [(ngModel)]=\"EditForm.TypeID\">\n                                @for (t of AddressTypes; track t.ID) {\n                                    <option [value]=\"t.ID\">{{ t.Name }}</option>\n                                }\n                            </select>\n                        </div>\n                        <div class=\"form-field\">\n                            <label>Line 1</label>\n                            <input type=\"text\" [(ngModel)]=\"EditForm.Line1\" placeholder=\"Street address\">\n                        </div>\n                        <div class=\"form-field line2-field\">\n                            <label>Line 2</label>\n                            <input type=\"text\" [(ngModel)]=\"EditForm.Line2\" placeholder=\"Apt, suite\">\n                        </div>\n                    </div>\n                    <div class=\"form-row\">\n                        <div class=\"form-field\">\n                            <label>\n                                City\n                                @if (LookingUpPostalCode) { <i class=\"fa-solid fa-spinner fa-spin lookup-spinner\"></i> }\n                                @if (PostalCodeNotFound) { <span class=\"lookup-not-found\">not found</span> }\n                            </label>\n                            <input type=\"text\" [(ngModel)]=\"EditForm.City\" placeholder=\"City\">\n                        </div>\n                        <div class=\"form-field state-field\">\n                            <label>State</label>\n                            <input type=\"text\" [(ngModel)]=\"EditForm.StateProvince\" placeholder=\"ST\">\n                        </div>\n                        <div class=\"form-field postal-field\">\n                            <label>Postal</label>\n                            <input type=\"text\" [(ngModel)]=\"EditForm.PostalCode\" placeholder=\"Zip\" (blur)=\"onPostalCodeBlur()\">\n                        </div>\n                        <div class=\"form-field country-field\">\n                            <label>Country</label>\n                            <select [(ngModel)]=\"EditForm.Country\">\n                                @for (c of Countries; track c.Code) {\n                                    <option [value]=\"c.Code\">{{ c.Code }} - {{ c.Name }}</option>\n                                }\n                            </select>\n                        </div>\n                        <div class=\"checkbox-field\">\n                            <input type=\"checkbox\" [id]=\"'primary-edit-' + i\" [(ngModel)]=\"EditForm.IsPrimary\">\n                            <label [for]=\"'primary-edit-' + i\">Primary</label>\n                        </div>\n                    </div>\n                    <div class=\"form-actions\">\n                        <button class=\"btn btn-primary btn-sm\" (click)=\"onSave()\" [disabled]=\"Saving\">\n                            @if (Saving) {\n                                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                            }\n                            Save\n                        </button>\n                        <button class=\"btn btn-cancel btn-sm\" (click)=\"onCancelEdit()\">Cancel</button>\n                    </div>\n                </div>\n            }\n        }\n\n        <!-- Add New Panel (shown when EditingIndex === -1) -->\n        @if (EditingIndex === -1) {\n            <div class=\"addr-table-edit-panel\">\n                <div class=\"form-row\">\n                    <div class=\"form-field type-field\">\n                        <label>Type</label>\n                        <select [(ngModel)]=\"EditForm.TypeID\">\n                            @for (t of AddressTypes; track t.ID) {\n                                <option [value]=\"t.ID\">{{ t.Name }}</option>\n                            }\n                        </select>\n                    </div>\n                    <div class=\"form-field\">\n                        <label>Line 1</label>\n                        <input type=\"text\" [(ngModel)]=\"EditForm.Line1\" placeholder=\"Street address\">\n                    </div>\n                    <div class=\"form-field line2-field\">\n                        <label>Line 2</label>\n                        <input type=\"text\" [(ngModel)]=\"EditForm.Line2\" placeholder=\"Apt, suite\">\n                    </div>\n                </div>\n                <div class=\"form-row\">\n                    <div class=\"form-field\">\n                        <label>\n                            City\n                            @if (LookingUpPostalCode) { <i class=\"fa-solid fa-spinner fa-spin lookup-spinner\"></i> }\n                            @if (PostalCodeNotFound) { <span class=\"lookup-not-found\">not found</span> }\n                        </label>\n                        <input type=\"text\" [(ngModel)]=\"EditForm.City\" placeholder=\"City\">\n                    </div>\n                    <div class=\"form-field state-field\">\n                        <label>State</label>\n                        <input type=\"text\" [(ngModel)]=\"EditForm.StateProvince\" placeholder=\"ST\">\n                    </div>\n                    <div class=\"form-field postal-field\">\n                        <label>Postal</label>\n                        <input type=\"text\" [(ngModel)]=\"EditForm.PostalCode\" placeholder=\"Zip\" (blur)=\"onPostalCodeBlur()\">\n                    </div>\n                    <div class=\"form-field country-field\">\n                        <label>Country</label>\n                        <select [(ngModel)]=\"EditForm.Country\">\n                            @for (c of Countries; track c.Code) {\n                                <option [value]=\"c.Code\">{{ c.Code }} - {{ c.Name }}</option>\n                            }\n                        </select>\n                    </div>\n                    <div class=\"checkbox-field\">\n                        <input type=\"checkbox\" id=\"primary-add\" [(ngModel)]=\"EditForm.IsPrimary\">\n                        <label for=\"primary-add\">Primary</label>\n                    </div>\n                </div>\n                <div class=\"form-actions\">\n                    <button class=\"btn btn-primary btn-sm\" (click)=\"onSave()\" [disabled]=\"Saving\">\n                        @if (Saving) {\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        }\n                        Save\n                    </button>\n                    <button class=\"btn btn-cancel btn-sm\" (click)=\"onCancelEdit()\">Cancel</button>\n                </div>\n            </div>\n        }\n\n        <!-- Add Button Footer -->\n        @if (EditingIndex === null && EditMode) {\n            <div class=\"addr-table-footer\">\n                <button class=\"btn btn-outline full-width\" (click)=\"onAdd()\">\n                    <i class=\"fa-solid fa-plus\"></i>\n                    Add Address\n                </button>\n            </div>\n        }\n    </div>\n}\n", styles: ["/* ============================================\n   AddressEditor - Compact Table Design\n   Pixel-perfect match to Option B mockup\n   ============================================ */\n\n:host {\n    display: block;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n    color: var(--mj-text-primary);\n}\n\n.section-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 16px;\n}\n\n.section-label {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.section-label i {\n    color: var(--mj-brand-primary);\n}\n\n.count {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n}\n\n/* Table container */\n.addr-table {\n    width: 100%;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n/* Table rows */\n.addr-table-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n    gap: 12px;\n    transition: background 0.1s ease;\n}\n\n.addr-table-row:last-child {\n    border-bottom: none;\n}\n\n.addr-table-row:hover {\n    background: var(--mj-bg-surface-card);\n}\n\n.addr-table-row.primary {\n    background: var(--mj-status-success-bg);\n}\n\n/* Icon */\n.addr-table-icon {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary-hover);\n    font-size: 14px;\n    flex-shrink: 0;\n}\n\n/* Content */\n.addr-table-content {\n    flex: 1;\n    min-width: 0;\n}\n\n.addr-table-main {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.addr-table-sub {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* Badges */\n.addr-table-badges {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 10px;\n    border-radius: 12px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.badge-type {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary-hover);\n}\n\n.badge-primary {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n/* Actions */\n.addr-table-actions {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n    opacity: 0;\n    transition: opacity 0.15s ease;\n}\n\n.addr-table-row:hover .addr-table-actions {\n    opacity: 1;\n}\n\n/* Ghost buttons */\n.btn-ghost {\n    background: transparent;\n    color: var(--mj-text-disabled);\n    padding: 6px 8px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 13px;\n    transition: all 0.15s ease;\n}\n\n.btn-ghost:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-card);\n}\n\n.btn-ghost.danger:hover {\n    color: var(--mj-status-error-text);\n    background: var(--mj-status-error-bg);\n}\n\n/* Edit panel */\n.addr-table-edit-panel {\n    padding: 16px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n    border-bottom: 2px solid var(--mj-brand-primary);\n}\n\n/* Footer */\n.addr-table-footer {\n    padding: 10px 16px;\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n/* Buttons */\n.btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: none;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.btn-primary {\n    background: var(--mj-brand-primary);\n    color: var(--mj-brand-on-primary);\n}\n\n.btn-primary:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.btn-outline {\n    background: transparent;\n    border: 1px dashed var(--mj-border-strong);\n    color: var(--mj-text-secondary);\n}\n\n.btn-outline:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n}\n\n.btn-outline.full-width {\n    width: 100%;\n    justify-content: center;\n}\n\n.btn-cancel {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-default);\n}\n\n.btn-cancel:hover {\n    background: var(--mj-border-subtle);\n}\n\n.btn-sm {\n    padding: 6px 14px;\n    font-size: 12px;\n}\n\n/* Form */\n.form-row {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 12px;\n}\n\n.form-field {\n    flex: 1;\n}\n\n.form-field label {\n    display: block;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    margin-bottom: 4px;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.form-field input,\n.form-field select {\n    width: 100%;\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 14px;\n    font-family: inherit;\n    background: var(--mj-bg-surface);\n}\n\n.form-field input:focus,\n.form-field select:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-field.type-field {\n    max-width: 150px;\n}\n\n.form-field.line2-field {\n    max-width: 150px;\n}\n\n.form-field.state-field {\n    max-width: 80px;\n}\n\n.form-field.postal-field {\n    max-width: 130px;\n}\n\n.form-field.country-field {\n    max-width: 180px;\n}\n\n.checkbox-field {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-top: 22px;\n}\n\n.checkbox-field input[type=\"checkbox\"] {\n    width: 16px;\n    height: 16px;\n    cursor: pointer;\n}\n\n.checkbox-field label {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n}\n\n.form-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: 8px;\n}\n\n/* Empty state */\n.empty-state {\n    text-align: center;\n    padding: 32px 16px;\n    color: var(--mj-text-muted);\n    font-size: 14px;\n}\n\n.empty-state i {\n    font-size: 24px;\n    color: var(--mj-border-strong);\n    margin-bottom: 8px;\n    display: block;\n}\n\n/* Loading */\n.loading-row {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n    gap: 8px;\n}\n\n.loading-row i {\n    animation: spin 1s linear infinite;\n}\n\n/* Misconfiguration (e.g. an EntityName that is not in metadata). Styled like .loading-row\n   so it sits in the same slot, but in the danger colour and left-aligned for readability. */\n.load-error-row {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    padding: 24px;\n    color: var(--mj-status-error-text);\n    font-size: 13px;\n    gap: 8px;\n}\n\n@keyframes spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n.lookup-spinner {\n    font-size: 10px;\n    color: var(--mj-brand-primary);\n    margin-left: 4px;\n}\n\n.lookup-not-found {\n    font-size: 10px;\n    color: var(--mj-status-warning-text);\n    margin-left: 4px;\n    font-weight: 600;\n}\n"] }]
     }], () => [], { EditMode: [{
             type: Input
         }], DataChanged: [{