@mj-biz-apps/common-ng 5.4.0

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

@@ -0,0 +1,981 @@
+import { Component, Input, Output, EventEmitter, inject, ChangeDetectorRef } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { Metadata, RunView } from '@memberjunction/core';
+import { GraphQLActionClient } from '@memberjunction/graphql-dataprovider';
+import { ActionEngineBase } from '@memberjunction/actions-base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const _forTrack0 = ($index, $item) => $item.Link.ID;
+const _forTrack1 = ($index, $item) => $item.ID;
+const _forTrack2 = ($index, $item) => $item.Code;
+function AddressEditorComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("(", ctx_r0.AddressItems.length, ")");
+} }
+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, " Loading addresses... ");
+    i0.ɵɵelementEnd()();
+} }
+function AddressEditorComponent_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    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);
+    i0.ɵɵtext(2, " Primary");
+    i0.ɵɵelementEnd();
+} }
+function AddressEditorComponent_Conditional_6_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.ɵɵelementEnd();
+} }
+function AddressEditorComponent_Conditional_6_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.ɵɵ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);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const t_r7 = ctx.$implicit;
+    i0.ɵɵproperty("value", t_r7.ID);
+    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_6_For_3_Conditional_13_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 36);
+    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);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const c_r8 = ctx.$implicit;
+    i0.ɵɵproperty("value", c_r8.Code);
+    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_6_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.ɵɵ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.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 31)(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.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 33)(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.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(16, "div", 27)(17, "div", 31)(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.ɵɵ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.ɵɵelementEnd()();
+    i0.ɵɵelementStart(23, "div", 38)(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.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 40)(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.ɵɵelementEnd()();
+    i0.ɵɵelementStart(31, "div", 42)(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.ɵɵ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.ɵɵelementEnd();
+    i0.ɵɵelementStart(39, "label", 45);
+    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.ɵɵ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.ɵɵtext(46, "Cancel");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ɵ$index_29_r4 = i0.ɵɵnextContext().$index;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.TypeID);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.AddressTypes);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.Line1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.Line2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r0.LookingUpPostalCode ? 20 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.PostalCodeNotFound ? 21 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.City);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.StateProvince);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.PostalCode);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.Country);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.Countries);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("id", "primary-edit-" + ɵ$index_29_r4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.IsPrimary);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("for", "primary-edit-" + ɵ$index_29_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);
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 12)(4, "div", 13);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 14);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 15)(9, "span", 16);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(11, AddressEditorComponent_Conditional_6_For_3_Conditional_11_Template, 3, 0, "span", 17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(12, AddressEditorComponent_Conditional_6_For_3_Conditional_12_Template, 6, 1, "div", 18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(13, AddressEditorComponent_Conditional_6_For_3_Conditional_13_Template, 47, 14, "div", 8);
+} if (rf & 2) {
+    const item_r5 = ctx.$implicit;
+    const ɵ$index_29_r4 = ctx.$index;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("primary", item_r5.Link.IsPrimary);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r0.getAddressTypeIcon(item_r5.Link.AddressTypeID));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.formatAddressLine1(item_r5.Address));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.formatAddressLine2(item_r5.Address));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(item_r5.Link.AddressType);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r5.Link.IsPrimary ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.EditMode ? 12 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.EditingIndex === ɵ$index_29_r4 ? 13 : -1);
+} }
+function AddressEditorComponent_Conditional_6_Conditional_4_For_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 30);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const t_r10 = ctx.$implicit;
+    i0.ɵɵproperty("value", t_r10.ID);
+    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_6_Conditional_4_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 36);
+    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);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const c_r11 = ctx.$implicit;
+    i0.ɵɵproperty("value", c_r11.Code);
+    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_6_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.ɵɵ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.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 31)(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.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 33)(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.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(16, "div", 27)(17, "div", 31)(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.ɵɵ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.ɵɵelementEnd()();
+    i0.ɵɵelementStart(23, "div", 38)(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.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 40)(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.ɵɵelementEnd()();
+    i0.ɵɵelementStart(31, "div", 42)(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.ɵɵ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.ɵɵelementEnd();
+    i0.ɵɵelementStart(39, "label", 51);
+    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.ɵɵ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.ɵɵtext(46, "Cancel");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.TypeID);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.AddressTypes);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.Line1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.Line2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r0.LookingUpPostalCode ? 20 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.PostalCodeNotFound ? 21 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.City);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.StateProvince);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.PostalCode);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.Country);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.Countries);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.IsPrimary);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("disabled", ctx_r0.Saving);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.Saving ? 43 : -1);
+} }
+function AddressEditorComponent_Conditional_6_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.ɵɵtext(3, " Add Address ");
+    i0.ɵɵelementEnd()();
+} }
+function AddressEditorComponent_Conditional_6_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.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.AddressItems.length === 0 && ctx_r0.EditingIndex !== -1 ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.AddressItems);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.EditingIndex === -1 ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.EditingIndex === null && ctx_r0.EditMode ? 5 : -1);
+} }
+/**
+ * Manages CRUD operations for addresses linked to any MemberJunction entity record.
+ *
+ * This component implements the MJ two-table address pattern:
+ * - **Address** stores the physical location data (line 1, city, country, etc.).
+ * - **AddressLink** binds an address to a specific entity and record, and carries
+ *   the address type (Home, Work, etc.) and the primary flag.
+ *
+ * The component automatically loads addresses and address types when both
+ * {@link EntityName} and {@link RecordID} inputs are set, and provides
+ * inline add/edit/delete functionality with primary-address management.
+ *
+ * @example
+ * ```html
+ * <bizapps-address-editor
+ *     EntityName="MJ.BizApps.Common: People"
+ *     [RecordID]="personId">
+ * </bizapps-address-editor>
+ * ```
+ */
+export class AddressEditorComponent {
+    cdr = inject(ChangeDetectorRef);
+    constructor() {
+        // Fire-and-forget to prewarm the ActionEngine cache so postal code lookup is fast
+        ActionEngineBase.Instance.Config(false);
+    }
+    /** ISO 3166-1 alpha-2 country codes for the country dropdown. */
+    Countries = [
+        { Code: 'US', Name: 'United States' }, { Code: 'CA', Name: 'Canada' }, { Code: 'GB', Name: 'United Kingdom' },
+        { Code: 'AU', Name: 'Australia' }, { Code: 'DE', Name: 'Germany' }, { Code: 'FR', Name: 'France' },
+        { Code: 'ES', Name: 'Spain' }, { Code: 'IT', Name: 'Italy' }, { Code: 'NL', Name: 'Netherlands' },
+        { Code: 'BE', Name: 'Belgium' }, { Code: 'AT', Name: 'Austria' }, { Code: 'CH', Name: 'Switzerland' },
+        { Code: 'SE', Name: 'Sweden' }, { Code: 'NO', Name: 'Norway' }, { Code: 'DK', Name: 'Denmark' },
+        { Code: 'FI', Name: 'Finland' }, { Code: 'IE', Name: 'Ireland' }, { Code: 'PT', Name: 'Portugal' },
+        { Code: 'PL', Name: 'Poland' }, { Code: 'CZ', Name: 'Czech Republic' }, { Code: 'GR', Name: 'Greece' },
+        { Code: 'HU', Name: 'Hungary' }, { Code: 'RO', Name: 'Romania' }, { Code: 'BG', Name: 'Bulgaria' },
+        { Code: 'HR', Name: 'Croatia' }, { Code: 'SK', Name: 'Slovakia' }, { Code: 'SI', Name: 'Slovenia' },
+        { Code: 'LT', Name: 'Lithuania' }, { Code: 'LV', Name: 'Latvia' }, { Code: 'EE', Name: 'Estonia' },
+        { Code: 'LU', Name: 'Luxembourg' }, { Code: 'MT', Name: 'Malta' }, { Code: 'CY', Name: 'Cyprus' },
+        { Code: 'IS', Name: 'Iceland' }, { Code: 'JP', Name: 'Japan' }, { Code: 'KR', Name: 'South Korea' },
+        { Code: 'CN', Name: 'China' }, { Code: 'TW', Name: 'Taiwan' }, { Code: 'HK', Name: 'Hong Kong' },
+        { Code: 'SG', Name: 'Singapore' }, { Code: 'IN', Name: 'India' }, { Code: 'PK', Name: 'Pakistan' },
+        { Code: 'BD', Name: 'Bangladesh' }, { Code: 'PH', Name: 'Philippines' }, { Code: 'TH', Name: 'Thailand' },
+        { Code: 'VN', Name: 'Vietnam' }, { Code: 'MY', Name: 'Malaysia' }, { Code: 'ID', Name: 'Indonesia' },
+        { Code: 'NZ', Name: 'New Zealand' }, { Code: 'MX', Name: 'Mexico' }, { Code: 'BR', Name: 'Brazil' },
+        { Code: 'AR', Name: 'Argentina' }, { Code: 'CL', Name: 'Chile' }, { Code: 'CO', Name: 'Colombia' },
+        { Code: 'PE', Name: 'Peru' }, { Code: 'VE', Name: 'Venezuela' }, { Code: 'EC', Name: 'Ecuador' },
+        { Code: 'UY', Name: 'Uruguay' }, { Code: 'PY', Name: 'Paraguay' }, { Code: 'BO', Name: 'Bolivia' },
+        { Code: 'CR', Name: 'Costa Rica' }, { Code: 'PA', Name: 'Panama' }, { Code: 'DO', Name: 'Dominican Republic' },
+        { Code: 'GT', Name: 'Guatemala' }, { Code: 'HN', Name: 'Honduras' }, { Code: 'SV', Name: 'El Salvador' },
+        { Code: 'NI', Name: 'Nicaragua' }, { Code: 'CU', Name: 'Cuba' }, { Code: 'JM', Name: 'Jamaica' },
+        { Code: 'TT', Name: 'Trinidad and Tobago' }, { Code: 'PR', Name: 'Puerto Rico' },
+        { Code: 'ZA', Name: 'South Africa' }, { Code: 'NG', Name: 'Nigeria' }, { Code: 'KE', Name: 'Kenya' },
+        { Code: 'EG', Name: 'Egypt' }, { Code: 'MA', Name: 'Morocco' }, { Code: 'GH', Name: 'Ghana' },
+        { Code: 'TZ', Name: 'Tanzania' }, { Code: 'ET', Name: 'Ethiopia' }, { Code: 'UG', Name: 'Uganda' },
+        { Code: 'IL', Name: 'Israel' }, { Code: 'AE', Name: 'United Arab Emirates' }, { Code: 'SA', Name: 'Saudi Arabia' },
+        { Code: 'QA', Name: 'Qatar' }, { Code: 'KW', Name: 'Kuwait' }, { Code: 'BH', Name: 'Bahrain' },
+        { Code: 'OM', Name: 'Oman' }, { Code: 'JO', Name: 'Jordan' }, { Code: 'LB', Name: 'Lebanon' },
+        { Code: 'TR', Name: 'Turkey' }, { Code: 'RU', Name: 'Russia' }, { Code: 'UA', Name: 'Ukraine' },
+    ];
+    /**
+     * Controls whether add, edit, delete, and set-primary actions are available.
+     * When `false`, the component renders in read-only display mode.
+     * Typically bound to the parent form's `EditMode` property.
+     */
+    EditMode = false;
+    /** Emitted after any mutation (save, delete, set-primary) so the parent can refresh derived data. */
+    DataChanged = new EventEmitter();
+    _entityName = '';
+    _recordID = '';
+    /**
+     * The MemberJunction entity name (schema-qualified) of the parent record
+     * whose addresses are being managed.
+     *
+     * Setting this property triggers a data reload when {@link RecordID} is
+     * also available, unless the value has not changed.
+     *
+     * @example `'MJ.BizApps.Common: People'`
+     */
+    set EntityName(value) {
+        const prev = this._entityName;
+        this._entityName = value;
+        if (value && value !== prev && this._recordID) {
+            this.loadData();
+        }
+    }
+    get EntityName() { return this._entityName; }
+    /**
+     * The primary key (ID) of the parent record whose addresses are being managed.
+     *
+     * Setting this property triggers a data reload when {@link EntityName} is
+     * also available, unless the value has not changed.
+     *
+     * @example `'A1B2C3D4-E5F6-7890-ABCD-EF1234567890'`
+     */
+    set RecordID(value) {
+        const prev = this._recordID;
+        this._recordID = value;
+        if (value && value !== prev && this._entityName) {
+            this.loadData();
+        }
+    }
+    get RecordID() { return this._recordID; }
+    /**
+     * The list of address items currently displayed, each pairing an
+     * AddressLink with its corresponding Address entity. Sorted with
+     * primary addresses first.
+     */
+    AddressItems = [];
+    /**
+     * All active address types available for selection in the type dropdown.
+     * Loaded from the `MJ.BizApps.Common: Address Types` entity, sorted by
+     * `DefaultRank ASC`.
+     */
+    AddressTypes = [];
+    /**
+     * Tracks the current editing state:
+     * - `null` -- not editing (display mode)
+     * - `-1` -- adding a new address
+     * - `>= 0` -- editing the address at that array index
+     */
+    EditingIndex = null;
+    /**
+     * The form model bound to the inline add/edit panel via two-way binding.
+     * Reset to defaults when adding, or populated from the existing record
+     * when editing.
+     */
+    EditForm = this.createEmptyForm();
+    /**
+     * Indicates whether the component is performing the initial data load.
+     * The template shows a loading spinner while this is `true`.
+     */
+    Loading = false;
+    /**
+     * Indicates whether a save, delete, or set-primary operation is in progress.
+     * Used to disable action buttons and show spinner feedback while `true`.
+     */
+    Saving = false;
+    /** The resolved MJ EntityID for the current {@link EntityName}. */
+    resolvedEntityID = '';
+    /** Cached action ID for the Postal Code Lookup action. */
+    postalCodeLookupActionID = null;
+    /** Whether a postal code lookup is currently in progress. */
+    LookingUpPostalCode = false;
+    /** Whether the last postal code lookup returned no results. */
+    PostalCodeNotFound = false;
+    /** The postal code value when the form was opened, used to detect changes. */
+    originalPostalCode = '';
+    /** Creates a blank {@link AddressEditForm} with sensible defaults. */
+    createEmptyForm() {
+        return {
+            TypeID: '',
+            IsPrimary: false,
+            Line1: '',
+            Line2: '',
+            City: '',
+            StateProvince: '',
+            PostalCode: '',
+            Country: 'US'
+        };
+    }
+    /**
+     * Looks up city and state from a postal code using the Postal Code Lookup
+     * MJ Action (backed by Google Geocoding API). Called on blur of the postal
+     * code input field.
+     *
+     * For new addresses: triggers when City or State are empty.
+     * For edits: triggers when the postal code changed from the original value.
+     */
+    async onPostalCodeBlur() {
+        const postalCode = this.EditForm.PostalCode?.trim();
+        if (!postalCode || postalCode.length < 3)
+            return;
+        const postalCodeChanged = postalCode !== this.originalPostalCode.trim();
+        const cityOrStateEmpty = !this.EditForm.City || !this.EditForm.StateProvince;
+        // Skip if postal code hasn't changed and city/state are already filled
+        if (!postalCodeChanged && !cityOrStateEmpty)
+            return;
+        this.LookingUpPostalCode = true;
+        this.PostalCodeNotFound = false;
+        this.cdr.detectChanges();
+        try {
+            const actionID = await this.getPostalCodeLookupActionID();
+            if (!actionID)
+                return;
+            const provider = Metadata.Provider;
+            const actionClient = new GraphQLActionClient(provider);
+            const params = [
+                { Name: 'PostalCode', Value: postalCode, Type: 'Input' },
+                { Name: 'Country', Value: this.EditForm.Country || 'US', Type: 'Both' },
+            ];
+            const result = await actionClient.RunAction(actionID, params);
+            if (result.Success && result.Message) {
+                // The action returns JSON-stringified address in Message
+                const address = JSON.parse(result.Message);
+                const city = address.City || '';
+                const state = address.State || '';
+                if (!city && !state) {
+                    // Google resolved the country but not a specific city/state for this postal code
+                    this.PostalCodeNotFound = true;
+                }
+                else if (postalCodeChanged) {
+                    if (city)
+                        this.EditForm.City = city;
+                    if (state)
+                        this.EditForm.StateProvince = state;
+                    this.originalPostalCode = postalCode;
+                }
+                else {
+                    if (!this.EditForm.City && city)
+                        this.EditForm.City = city;
+                    if (!this.EditForm.StateProvince && state)
+                        this.EditForm.StateProvince = state;
+                }
+            }
+            else {
+                this.PostalCodeNotFound = true;
+            }
+        }
+        catch (err) {
+            console.error('AddressEditor: Postal code lookup failed', err);
+            this.PostalCodeNotFound = true;
+        }
+        finally {
+            this.LookingUpPostalCode = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Resolves and caches the Action ID for "Postal Code Lookup" using ActionEngineBase metadata. */
+    async getPostalCodeLookupActionID() {
+        if (this.postalCodeLookupActionID)
+            return this.postalCodeLookupActionID;
+        await ActionEngineBase.Instance.Config(false);
+        const action = ActionEngineBase.Instance.GetActionByName('Postal Code Lookup');
+        this.postalCodeLookupActionID = action?.ID ?? null;
+        return this.postalCodeLookupActionID;
+    }
+    /**
+     * Loads address links, their associated addresses, and available address
+     * types from the server. Resets editing state before loading.
+     */
+    async loadData() {
+        this.Loading = true;
+        this.EditingIndex = null;
+        this.cdr.detectChanges();
+        try {
+            const md = new Metadata();
+            // Resolve EntityName -> EntityID
+            const entity = md.Entities.find(e => e.Name === this._entityName);
+            if (!entity) {
+                console.error(`AddressEditor: Entity "${this._entityName}" not found`);
+                return;
+            }
+            this.resolvedEntityID = entity.ID;
+            const rv = new RunView();
+            // Load address links and address types in parallel
+            const [linksResult, typesResult] = await rv.RunViews([
+                {
+                    EntityName: 'MJ.BizApps.Common: Address Links',
+                    ExtraFilter: `EntityID='${this.resolvedEntityID}' AND RecordID='${this._recordID}'`,
+                    ResultType: 'entity_object'
+                },
+                {
+                    EntityName: 'MJ.BizApps.Common: Address Types',
+                    ExtraFilter: 'IsActive=1',
+                    OrderBy: 'DefaultRank ASC',
+                    ResultType: 'entity_object'
+                }
+            ]);
+            const links = linksResult.Success ? linksResult.Results : [];
+            this.AddressTypes = typesResult.Success ? typesResult.Results : [];
+            // Load all referenced addresses in one batch if we have links
+            if (links.length > 0) {
+                const addressIDs = links.map(l => `'${l.AddressID}'`).join(',');
+                const addressResult = await rv.RunView({
+                    EntityName: 'MJ.BizApps.Common: Addresses',
+                    ExtraFilter: `ID IN (${addressIDs})`,
+                    ResultType: 'entity_object'
+                });
+                const addressMap = new Map();
+                if (addressResult.Success) {
+                    for (const addr of addressResult.Results) {
+                        addressMap.set(addr.ID, addr);
+                    }
+                }
+                this.AddressItems = links
+                    .filter(link => addressMap.has(link.AddressID))
+                    .map(link => ({
+                    Link: link,
+                    Address: addressMap.get(link.AddressID)
+                }));
+                // Sort: primary first, then by rank/type
+                this.AddressItems.sort((a, b) => {
+                    if (a.Link.IsPrimary && !b.Link.IsPrimary)
+                        return -1;
+                    if (!a.Link.IsPrimary && b.Link.IsPrimary)
+                        return 1;
+                    return 0;
+                });
+            }
+            else {
+                this.AddressItems = [];
+            }
+            // Set default type for add form
+            if (this.AddressTypes.length > 0) {
+                this.EditForm.TypeID = this.AddressTypes[0].ID;
+            }
+        }
+        catch (err) {
+            console.error('AddressEditor: Error loading data', err);
+        }
+        finally {
+            this.Loading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Resolves the Font Awesome icon class for a given address type.
+     *
+     * Falls back to `'fa-solid fa-location-dot'` when the type is not found
+     * or has no icon configured.
+     *
+     * @param typeID - The AddressType record ID to look up
+     * @returns The CSS class string for the icon (e.g., `'fa-solid fa-home'`)
+     */
+    getAddressTypeIcon(typeID) {
+        const addrType = this.AddressTypes.find(t => t.ID === typeID);
+        return addrType?.IconClass || 'fa-solid fa-location-dot';
+    }
+    /**
+     * Formats the first line of an address display string.
+     *
+     * Combines Line1 and Line2 (if present) with a comma separator.
+     *
+     * @param address - The Address entity to format
+     * @returns A formatted string such as `'123 Main St, Suite 200'`
+     */
+    formatAddressLine1(address) {
+        const parts = [address.Line1];
+        if (address.Line2)
+            parts.push(address.Line2);
+        return parts.join(', ');
+    }
+    /**
+     * Formats the second line of an address display string.
+     *
+     * Combines City, StateProvince, PostalCode, and Country into a standard
+     * comma-separated format.
+     *
+     * @param address - The Address entity to format
+     * @returns A formatted string such as `'San Francisco, CA, 94105, US'`
+     */
+    formatAddressLine2(address) {
+        const parts = [];
+        if (address.City)
+            parts.push(address.City);
+        if (address.StateProvince)
+            parts.push(address.StateProvince);
+        if (address.PostalCode)
+            parts.push(address.PostalCode);
+        let line = parts.join(', ');
+        if (address.Country)
+            line += ', ' + address.Country;
+        return line;
+    }
+    /**
+     * Opens the inline add form for creating a new address.
+     *
+     * Resets the edit form to defaults, pre-selects the first available
+     * address type, and auto-checks the "Primary" flag when no addresses
+     * exist yet.
+     */
+    onAdd() {
+        this.EditForm = this.createEmptyForm();
+        if (this.AddressTypes.length > 0) {
+            this.EditForm.TypeID = this.AddressTypes[0].ID;
+        }
+        // Default to primary if no addresses exist
+        if (this.AddressItems.length === 0) {
+            this.EditForm.IsPrimary = true;
+        }
+        this.originalPostalCode = '';
+        this.EditingIndex = -1;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Opens the inline edit form for an existing address, populating the
+     * form fields from the current address and link data.
+     *
+     * @param index - The zero-based index of the address item in {@link AddressItems}
+     */
+    onEdit(index) {
+        const item = this.AddressItems[index];
+        this.EditForm = {
+            TypeID: item.Link.AddressTypeID,
+            IsPrimary: item.Link.IsPrimary,
+            Line1: item.Address.Line1,
+            Line2: item.Address.Line2 || '',
+            City: item.Address.City,
+            StateProvince: item.Address.StateProvince || '',
+            PostalCode: item.Address.PostalCode || '',
+            Country: item.Address.Country
+        };
+        this.originalPostalCode = this.EditForm.PostalCode;
+        this.EditingIndex = index;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Cancels the current add or edit operation and returns to display mode.
+     */
+    onCancelEdit() {
+        this.EditingIndex = null;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Persists the current form data, handling both new address creation and
+     * existing address updates.
+     *
+     * When the "Primary" flag is set, all other addresses for the same
+     * parent record are demoted. After saving, the address list is reloaded.
+     */
+    async onSave() {
+        if (!this.EditForm.Line1 || !this.EditForm.City)
+            return;
+        this.Saving = true;
+        this.cdr.detectChanges();
+        try {
+            const md = new Metadata();
+            if (this.EditingIndex !== null && this.EditingIndex >= 0) {
+                // Editing existing
+                await this.saveExisting(md);
+            }
+            else {
+                // Adding new
+                await this.saveNew(md);
+            }
+            // If setting as primary, clear other primaries
+            if (this.EditForm.IsPrimary) {
+                await this.clearOtherPrimaries();
+            }
+            // Reload data
+            await this.loadData();
+            this.DataChanged.emit();
+        }
+        catch (err) {
+            console.error('AddressEditor: Error saving', err);
+        }
+        finally {
+            this.Saving = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Updates an existing Address and its AddressLink with form data. */
+    async saveExisting(md) {
+        const item = this.AddressItems[this.EditingIndex];
+        // Update address
+        item.Address.Line1 = this.EditForm.Line1;
+        item.Address.Line2 = this.EditForm.Line2 || null;
+        item.Address.City = this.EditForm.City;
+        item.Address.StateProvince = this.EditForm.StateProvince || null;
+        item.Address.PostalCode = this.EditForm.PostalCode || null;
+        item.Address.Country = this.EditForm.Country;
+        await item.Address.Save();
+        // Update link
+        item.Link.AddressTypeID = this.EditForm.TypeID;
+        item.Link.IsPrimary = this.EditForm.IsPrimary;
+        await item.Link.Save();
+    }
+    /** Creates a new Address record and its associated AddressLink. */
+    async saveNew(md) {
+        // Create new Address
+        const address = await md.GetEntityObject('MJ.BizApps.Common: Addresses');
+        address.NewRecord();
+        address.Line1 = this.EditForm.Line1;
+        address.Line2 = this.EditForm.Line2 || null;
+        address.City = this.EditForm.City;
+        address.StateProvince = this.EditForm.StateProvince || null;
+        address.PostalCode = this.EditForm.PostalCode || null;
+        address.Country = this.EditForm.Country;
+        const addrSaved = await address.Save();
+        if (!addrSaved) {
+            console.error('AddressEditor: Failed to save address');
+            return;
+        }
+        // Create AddressLink
+        const link = await md.GetEntityObject('MJ.BizApps.Common: Address Links');
+        link.NewRecord();
+        link.AddressID = address.ID;
+        link.EntityID = this.resolvedEntityID;
+        link.RecordID = this._recordID;
+        link.AddressTypeID = this.EditForm.TypeID;
+        link.IsPrimary = this.EditForm.IsPrimary;
+        const linkSaved = await link.Save();
+        if (!linkSaved) {
+            console.error('AddressEditor: Failed to save address link');
+        }
+    }
+    /** Removes the primary flag from all other address links for this record. */
+    async clearOtherPrimaries() {
+        const currentEditingLinkID = this.EditingIndex !== null && this.EditingIndex >= 0
+            ? this.AddressItems[this.EditingIndex].Link.ID
+            : null;
+        for (const item of this.AddressItems) {
+            if (item.Link.IsPrimary && item.Link.ID !== currentEditingLinkID) {
+                item.Link.IsPrimary = false;
+                await item.Link.Save();
+            }
+        }
+    }
+    /**
+     * Promotes the address at the given index to primary, demoting all others.
+     *
+     * After the update, the address list is reloaded so that sort order
+     * reflects the new primary designation.
+     *
+     * @param index - The zero-based index of the address item in {@link AddressItems}
+     */
+    async onSetPrimary(index) {
+        this.Saving = true;
+        this.cdr.detectChanges();
+        try {
+            // Clear all primaries
+            for (const item of this.AddressItems) {
+                if (item.Link.IsPrimary) {
+                    item.Link.IsPrimary = false;
+                    await item.Link.Save();
+                }
+            }
+            // Set new primary
+            this.AddressItems[index].Link.IsPrimary = true;
+            await this.AddressItems[index].Link.Save();
+            await this.loadData();
+            this.DataChanged.emit();
+        }
+        catch (err) {
+            console.error('AddressEditor: Error setting primary', err);
+        }
+        finally {
+            this.Saving = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Deletes the address at the given index, removing both the AddressLink
+     * and the orphaned Address record.
+     *
+     * After deletion, the address list is reloaded.
+     *
+     * @param index - The zero-based index of the address item in {@link AddressItems}
+     */
+    async onDelete(index) {
+        const item = this.AddressItems[index];
+        this.Saving = true;
+        this.cdr.detectChanges();
+        try {
+            // Delete the link
+            await item.Link.Delete();
+            // Also delete the address record (it's orphaned now)
+            await item.Address.Delete();
+            await this.loadData();
+            this.DataChanged.emit();
+        }
+        catch (err) {
+            console.error('AddressEditor: Error deleting address', err);
+        }
+        finally {
+            this.Saving = false;
+            this.cdr.detectChanges();
+        }
+    }
+    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) {
+            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);
+        } 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}"] });
+}
+(() => { (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"] }]
+    }], () => [], { EditMode: [{
+            type: Input
+        }], DataChanged: [{
+            type: Output
+        }], EntityName: [{
+            type: Input
+        }], RecordID: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AddressEditorComponent, { className: "AddressEditorComponent", filePath: "lib/components/address-editor/address-editor.component.ts", lineNumber: 89 }); })();
+//# sourceMappingURL=address-editor.component.js.map