@mj-biz-apps/common-ng 5.60.0 → 5.61.0

package/dist/lib/components/contact-method-list/contact-method-list.component.js

@@ -1,10 +1,14 @@
 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 { LogError, Metadata, RunView } from '@memberjunction/core';
+import { EscapeSQLString, UUIDsEqual } from '@memberjunction/global';
+import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
+import { ContactMethodConsentEntity } from '@mj-biz-apps/common-entities';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
+import * as i3 from "@memberjunction/ng-shared-generic";
 const _forTrack0 = ($index, $item) => $item.ID;
 function ContactMethodListComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 3);
@@ -40,6 +44,65 @@ function ContactMethodListComponent_Conditional_6_For_3_Conditional_0_For_7_Temp
 function ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 25);
 } }
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Conditional_26_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 15);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const s_r5 = ctx.$implicit;
+    i0.ɵɵproperty("value", s_r5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(s_r5);
+} }
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Conditional_26_For_8_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 15);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const s_r8 = ctx.$implicit;
+    i0.ɵɵproperty("value", s_r8);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(s_r8);
+} }
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Conditional_26_For_8_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28)(1, "label");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "select", 14);
+    i0.ɵɵtwoWayListener("ngModelChange", function ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Conditional_26_For_8_Template_select_ngModelChange_3_listener($event) { const p_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(5); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.Consents[p_r7.ID], $event) || (ctx_r0.EditForm.Consents[p_r7.ID] = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(4, ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Conditional_26_For_8_For_5_Template, 2, 2, "option", 15, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const p_r7 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(p_r7.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.Consents[p_r7.ID]);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.ConsentStatuses);
+} }
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 27)(1, "div", 28)(2, "label");
+    i0.ɵɵtext(3, "General");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "select", 14);
+    i0.ɵɵtwoWayListener("ngModelChange", function ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Conditional_26_Template_select_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r0.EditForm.Consents[ctx_r0.GeneralKey], $event) || (ctx_r0.EditForm.Consents[ctx_r0.GeneralKey] = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(5, ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Conditional_26_For_6_Template, 2, 2, "option", 15, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(7, ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Conditional_26_For_8_Template, 6, 2, "div", 28, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.Consents[ctx_r0.GeneralKey]);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.ConsentStatuses);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r0.ConsentPurposes);
+} }
 function ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 10)(1, "div", 12)(2, "div", 13)(3, "label");
@@ -75,9 +138,11 @@ function ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Template(r
     i0.ɵɵelementStart(24, "button", 26);
     i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Template_button_click_24_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onCancelEdit()); });
     i0.ɵɵtext(25, "Cancel");
-    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(26, ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Conditional_26_Template, 9, 1, "div", 27);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const cm_r4 = i0.ɵɵnextContext().$implicit;
+    const cm_r9 = i0.ɵɵnextContext().$implicit;
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(5);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.TypeID);
@@ -89,149 +154,332 @@ function ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Template(r
     i0.ɵɵadvance(4);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.Label);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("id", "primary-edit-" + cm_r4.ID);
+    i0.ɵɵproperty("id", "primary-edit-" + cm_r9.ID);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditForm.IsPrimary);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("for", "primary-edit-" + cm_r4.ID);
+    i0.ɵɵproperty("for", "primary-edit-" + cm_r9.ID);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("disabled", ctx_r0.Saving);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.Saving ? 22 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r0.isConsentType(ctx_r0.EditForm.TypeID) ? 26 : -1);
 } }
 function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 33);
-    i0.ɵɵelement(1, "i", 38);
+    i0.ɵɵelementStart(0, "span", 35);
+    i0.ɵɵelement(1, "i", 40);
     i0.ɵɵelementEnd();
 } }
-function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const cm_r4 = i0.ɵɵnextContext(2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSetPrimary(cm_r4)); });
-    i0.ɵɵelement(1, "i", 40);
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 42);
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵelementStart(2, "span", 45);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const c_r12 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("ngClass", ctx_r0.getConsentBadgeClass(c_r12.ConsentStatus));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r0.getConsentIcon(c_r12.ConsentStatus));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.getConsentBadgeText(c_r12));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", c_r12.ConsentStatus, " ");
+} }
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 43);
+    i0.ɵɵelement(1, "i", 46);
+    i0.ɵɵtext(2, " Not Specified ");
     i0.ɵɵelementEnd();
 } }
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 49);
+} }
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Conditional_4_For_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const h_r14 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" \u00B7 ", h_r14.RequestingOrganization);
+} }
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Conditional_4_For_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const h_r14 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" \u00B7 ", h_r14.ConsentDetails);
+} }
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Conditional_4_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 50)(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 53);
+    i0.ɵɵtext(5);
+    i0.ɵɵconditionalCreate(6, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Conditional_4_For_1_Conditional_6_Template, 1, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span");
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 54);
+    i0.ɵɵtext(10);
+    i0.ɵɵconditionalCreate(11, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Conditional_4_For_1_Conditional_11_Template, 1, 1);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const h_r14 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(3, 6, h_r14.ConsentStatusAt, "mediumDate"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(h_r14.Purpose);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(h_r14.RequestingOrganization ? 6 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(h_r14.NewConsentStatus);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(h_r14.ConsentSource);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(h_r14.ConsentDetails ? 11 : -1);
+} }
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Conditional_4_ForEmpty_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 51);
+    i0.ɵɵtext(1, "No consent recorded yet");
+    i0.ɵɵelementEnd();
+} }
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Conditional_4_For_1_Template, 12, 9, "div", 50, _forTrack0, false, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Conditional_4_ForEmpty_2_Template, 2, 0, "div", 51);
+    i0.ɵɵelementStart(3, "div", 52);
+    i0.ɵɵtext(4, "Newest first; the top row for each purpose is its current status");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(6);
+    i0.ɵɵrepeater(ctx_r0.ConsentHistory);
+} }
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵlistener("mouseenter", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Template_div_mouseenter_0_listener() { i0.ɵɵrestoreView(_r13); const cm_r9 = i0.ɵɵnextContext(3).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onShowConsentHistory(cm_r9)); })("mouseleave", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Template_div_mouseleave_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r0 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r0.onHideConsentHistory()); });
+    i0.ɵɵelementStart(1, "div", 48);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Conditional_3_Template, 1, 0, "mj-loading", 49)(4, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Conditional_4_Template, 5, 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const cm_r9 = i0.ɵɵnextContext(3).$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Consent history \u00B7 ", cm_r9.Value);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ConsentHistoryLoading ? 3 : 4);
+} }
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 41);
+    i0.ɵɵlistener("mouseenter", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Template_span_mouseenter_0_listener() { i0.ɵɵrestoreView(_r11); const cm_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onShowConsentHistory(cm_r9)); })("mouseleave", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Template_span_mouseleave_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.onHideConsentHistory()); });
+    i0.ɵɵrepeaterCreate(1, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_For_2_Template, 5, 5, "span", 42, _forTrack0, false, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_ForEmpty_3_Template, 3, 0, "span", 43);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Conditional_4_Template, 5, 2, "div", 44);
+} if (rf & 2) {
+    const cm_r9 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.getConsents(cm_r9));
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r0.ConsentHistoryFor === cm_r9.ID ? 4 : -1);
+} }
 function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 41);
-    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const cm_r4 = i0.ɵɵnextContext(2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onOpenLink(cm_r4.Value)); });
-    i0.ɵɵelement(1, "i", 42);
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 55);
+    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const cm_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSetPrimary(cm_r9)); });
+    i0.ɵɵelement(1, "i", 56);
     i0.ɵɵelementEnd();
 } }
 function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 43);
-    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const cm_r4 = i0.ɵɵnextContext(2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onCopyValue(cm_r4.Value)); });
-    i0.ɵɵelement(1, "i", 44);
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 57);
+    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const cm_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onOpenLink(cm_r9.Value)); });
+    i0.ɵɵelement(1, "i", 58);
     i0.ɵɵelementEnd();
 } }
 function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 45);
-    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_14_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const cm_r4 = i0.ɵɵnextContext(2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onEdit(cm_r4)); });
-    i0.ɵɵelement(1, "i", 46);
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 59);
+    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_14_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const cm_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onCopyValue(cm_r9.Value)); });
+    i0.ɵɵelement(1, "i", 60);
+    i0.ɵɵelementEnd();
+} }
+function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 61);
+    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_15_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const cm_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onEdit(cm_r9)); });
+    i0.ɵɵelement(1, "i", 62);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "button", 47);
-    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_14_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r9); const cm_r4 = i0.ɵɵnextContext(2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onDelete(cm_r4)); });
-    i0.ɵɵelement(3, "i", 48);
+    i0.ɵɵelementStart(2, "button", 63);
+    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_15_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r18); const cm_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onDelete(cm_r9)); });
+    i0.ɵɵelement(3, "i", 64);
     i0.ɵɵelementEnd();
 } }
 function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 27)(1, "div", 28);
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 29)(1, "div", 30);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 29)(4, "div", 30);
-    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r5); const cm_r4 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onCopyValue(cm_r4.Value)); });
+    i0.ɵɵelementStart(3, "div", 31)(4, "div", 32);
+    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r10); const cm_r9 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onCopyValue(cm_r9.Value)); });
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 31);
+    i0.ɵɵelementStart(6, "div", 33);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 32);
-    i0.ɵɵconditionalCreate(9, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_9_Template, 2, 0, "span", 33);
+    i0.ɵɵelementStart(8, "div", 34);
+    i0.ɵɵconditionalCreate(9, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_9_Template, 2, 0, "span", 35);
+    i0.ɵɵconditionalCreate(10, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_10_Template, 5, 2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 34);
-    i0.ɵɵconditionalCreate(11, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_11_Template, 2, 0, "button", 35);
-    i0.ɵɵconditionalCreate(12, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_12_Template, 2, 0, "button", 36)(13, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_13_Template, 2, 0, "button", 37);
-    i0.ɵɵconditionalCreate(14, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_14_Template, 4, 0);
+    i0.ɵɵelementStart(11, "div", 36);
+    i0.ɵɵconditionalCreate(12, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_12_Template, 2, 0, "button", 37);
+    i0.ɵɵconditionalCreate(13, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_13_Template, 2, 0, "button", 38)(14, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_14_Template, 2, 0, "button", 39);
+    i0.ɵɵconditionalCreate(15, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Conditional_15_Template, 4, 0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const cm_r4 = i0.ɵɵnextContext().$implicit;
+    const cm_r9 = i0.ɵɵnextContext().$implicit;
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("primary", cm_r4.IsPrimary);
+    i0.ɵɵclassProp("primary", cm_r9.IsPrimary);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.getIconColorClass(cm_r4.ContactTypeID));
+    i0.ɵɵproperty("ngClass", ctx_r0.getIconColorClass(cm_r9.ContactTypeID));
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r0.getContactTypeIcon(cm_r4.ContactTypeID));
+    i0.ɵɵclassMap(ctx_r0.getContactTypeIcon(cm_r9.ContactTypeID));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(cm_r4.Value);
+    i0.ɵɵtextInterpolate(cm_r9.Value);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.getContactMeta(cm_r4));
+    i0.ɵɵtextInterpolate(ctx_r0.getContactMeta(cm_r9));
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(cm_r4.IsPrimary ? 9 : -1);
+    i0.ɵɵconditional(cm_r9.IsPrimary ? 9 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.isConsentType(cm_r9.ContactTypeID) ? 10 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.EditMode && !cm_r4.IsPrimary ? 11 : -1);
+    i0.ɵɵconditional(ctx_r0.EditMode && !cm_r9.IsPrimary ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isLinkType(cm_r4.ContactTypeID) ? 12 : 13);
+    i0.ɵɵconditional(ctx_r0.isLinkType(cm_r9.ContactTypeID) ? 13 : 14);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.EditMode ? 14 : -1);
+    i0.ɵɵconditional(ctx_r0.EditMode ? 15 : -1);
 } }
 function ContactMethodListComponent_Conditional_6_For_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Template, 26, 9, "div", 10)(1, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Template, 15, 11, "div", 11);
+    i0.ɵɵconditionalCreate(0, ContactMethodListComponent_Conditional_6_For_3_Conditional_0_Template, 27, 10, "div", 10)(1, ContactMethodListComponent_Conditional_6_For_3_Conditional_1_Template, 16, 12, "div", 11);
 } if (rf & 2) {
-    const cm_r4 = ctx.$implicit;
+    const cm_r9 = ctx.$implicit;
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(ctx_r0.EditingId === cm_r4.ID ? 0 : 1);
+    i0.ɵɵconditional(ctx_r0.EditingId === cm_r9.ID ? 0 : 1);
 } }
 function ContactMethodListComponent_Conditional_6_Conditional_4_For_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 15);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const t_r11 = ctx.$implicit;
-    i0.ɵɵproperty("value", t_r11.ID);
+    const t_r20 = ctx.$implicit;
+    i0.ɵɵproperty("value", t_r20.ID);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(t_r11.Name);
+    i0.ɵɵtextInterpolate(t_r20.Name);
 } }
 function ContactMethodListComponent_Conditional_6_Conditional_4_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 25);
 } }
+function ContactMethodListComponent_Conditional_6_Conditional_4_Conditional_25_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 15);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const s_r22 = ctx.$implicit;
+    i0.ɵɵproperty("value", s_r22);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(s_r22);
+} }
+function ContactMethodListComponent_Conditional_6_Conditional_4_Conditional_25_For_8_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 15);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const s_r25 = ctx.$implicit;
+    i0.ɵɵproperty("value", s_r25);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(s_r25);
+} }
+function ContactMethodListComponent_Conditional_6_Conditional_4_Conditional_25_For_8_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28)(1, "label");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "select", 14);
+    i0.ɵɵtwoWayListener("ngModelChange", function ContactMethodListComponent_Conditional_6_Conditional_4_Conditional_25_For_8_Template_select_ngModelChange_3_listener($event) { const p_r24 = i0.ɵɵrestoreView(_r23).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r0.AddForm.Consents[p_r24.ID], $event) || (ctx_r0.AddForm.Consents[p_r24.ID] = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(4, ContactMethodListComponent_Conditional_6_Conditional_4_Conditional_25_For_8_For_5_Template, 2, 2, "option", 15, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const p_r24 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(p_r24.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.AddForm.Consents[p_r24.ID]);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.ConsentStatuses);
+} }
+function ContactMethodListComponent_Conditional_6_Conditional_4_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 27)(1, "div", 28)(2, "label");
+    i0.ɵɵtext(3, "General");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "select", 14);
+    i0.ɵɵtwoWayListener("ngModelChange", function ContactMethodListComponent_Conditional_6_Conditional_4_Conditional_25_Template_select_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.AddForm.Consents[ctx_r0.GeneralKey], $event) || (ctx_r0.AddForm.Consents[ctx_r0.GeneralKey] = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(5, ContactMethodListComponent_Conditional_6_Conditional_4_Conditional_25_For_6_Template, 2, 2, "option", 15, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(7, ContactMethodListComponent_Conditional_6_Conditional_4_Conditional_25_For_8_Template, 6, 2, "div", 28, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.AddForm.Consents[ctx_r0.GeneralKey]);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.ConsentStatuses);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r0.ConsentPurposes);
+} }
 function ContactMethodListComponent_Conditional_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
+    const _r19 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 8)(1, "div", 13)(2, "label");
     i0.ɵɵtext(3, "Type");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "select", 14);
-    i0.ɵɵtwoWayListener("ngModelChange", function ContactMethodListComponent_Conditional_6_Conditional_4_Template_select_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.AddForm.TypeID, $event) || (ctx_r0.AddForm.TypeID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtwoWayListener("ngModelChange", function ContactMethodListComponent_Conditional_6_Conditional_4_Template_select_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.AddForm.TypeID, $event) || (ctx_r0.AddForm.TypeID = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵrepeaterCreate(5, ContactMethodListComponent_Conditional_6_Conditional_4_For_6_Template, 2, 2, "option", 15, _forTrack0);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(7, "div", 16)(8, "label");
     i0.ɵɵtext(9, "Value");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(10, "input", 17);
-    i0.ɵɵtwoWayListener("ngModelChange", function ContactMethodListComponent_Conditional_6_Conditional_4_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.AddForm.Value, $event) || (ctx_r0.AddForm.Value = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtwoWayListener("ngModelChange", function ContactMethodListComponent_Conditional_6_Conditional_4_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.AddForm.Value, $event) || (ctx_r0.AddForm.Value = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(11, "div", 18)(12, "label");
     i0.ɵɵtext(13, "Label");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "input", 49);
-    i0.ɵɵtwoWayListener("ngModelChange", function ContactMethodListComponent_Conditional_6_Conditional_4_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.AddForm.Label, $event) || (ctx_r0.AddForm.Label = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(14, "input", 65);
+    i0.ɵɵtwoWayListener("ngModelChange", function ContactMethodListComponent_Conditional_6_Conditional_4_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.AddForm.Label, $event) || (ctx_r0.AddForm.Label = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 20)(16, "input", 50);
-    i0.ɵɵtwoWayListener("ngModelChange", function ContactMethodListComponent_Conditional_6_Conditional_4_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.AddForm.IsPrimary, $event) || (ctx_r0.AddForm.IsPrimary = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(15, "div", 20)(16, "input", 66);
+    i0.ɵɵtwoWayListener("ngModelChange", function ContactMethodListComponent_Conditional_6_Conditional_4_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.AddForm.IsPrimary, $event) || (ctx_r0.AddForm.IsPrimary = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "label", 51);
+    i0.ɵɵelementStart(17, "label", 67);
     i0.ɵɵtext(18, "Primary");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(19, "div", 23)(20, "button", 24);
-    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_Conditional_4_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSaveAdd()); });
+    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_Conditional_4_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r19); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSaveAdd()); });
     i0.ɵɵconditionalCreate(21, ContactMethodListComponent_Conditional_6_Conditional_4_Conditional_21_Template, 1, 0, "i", 25);
     i0.ɵɵtext(22, " Add ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(23, "button", 26);
-    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_Conditional_4_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onCancelAdd()); });
+    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_Conditional_4_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r19); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onCancelAdd()); });
     i0.ɵɵtext(24, "Cancel");
-    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(25, ContactMethodListComponent_Conditional_6_Conditional_4_Conditional_25_Template, 9, 1, "div", 27);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
@@ -249,12 +497,14 @@ function ContactMethodListComponent_Conditional_6_Conditional_4_Template(rf, ctx
     i0.ɵɵproperty("disabled", ctx_r0.Saving);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.Saving ? 21 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r0.isConsentType(ctx_r0.AddForm.TypeID) ? 25 : -1);
 } }
 function ContactMethodListComponent_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 ContactMethodListComponent_Conditional_6_Conditional_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onShowAdd()); });
-    i0.ɵɵelement(2, "i", 53);
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9)(1, "button", 68);
+    i0.ɵɵlistener("click", function ContactMethodListComponent_Conditional_6_Conditional_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r26); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onShowAdd()); });
+    i0.ɵɵelement(2, "i", 69);
     i0.ɵɵtext(3, " Add Contact ");
     i0.ɵɵelementEnd()();
 } }
@@ -262,7 +512,7 @@ function ContactMethodListComponent_Conditional_6_Template(rf, ctx) { if (rf & 1
     i0.ɵɵelementStart(0, "div", 4);
     i0.ɵɵconditionalCreate(1, ContactMethodListComponent_Conditional_6_Conditional_1_Template, 3, 0, "div", 7);
     i0.ɵɵrepeaterCreate(2, ContactMethodListComponent_Conditional_6_For_3_Template, 2, 1, null, null, _forTrack0);
-    i0.ɵɵconditionalCreate(4, ContactMethodListComponent_Conditional_6_Conditional_4_Template, 25, 7, "div", 8);
+    i0.ɵɵconditionalCreate(4, ContactMethodListComponent_Conditional_6_Conditional_4_Template, 26, 8, "div", 8);
     i0.ɵɵconditionalCreate(5, ContactMethodListComponent_Conditional_6_Conditional_5_Template, 4, 0, "div", 9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -276,9 +526,15 @@ function ContactMethodListComponent_Conditional_6_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r0.ShowAddForm && ctx_r0.EditingId === null && ctx_r0.EditMode ? 5 : -1);
 } }
+/** The form key for a method's general consent: the row with no purpose, which answers for anything. */
+export const GENERAL_CONSENT_KEY = 'general';
+/** True when a metadata provider also serves views, as every MJ provider does. */
+function isRunViewProvider(p) {
+    return typeof p.RunView === 'function';
+}
 /**
  * Displays and manages contact methods (email, phone, social, etc.) for a
- * Person or Organization record.
+ * Person or Organization record, with each method's consents.
  *
  * Contact methods are loaded from the `MJ_BizApps_Common: Contact Methods`
  * entity, filtered by either {@link PersonID}, {@link OrganizationID}, or
@@ -286,6 +542,10 @@ function ContactMethodListComponent_Conditional_6_Template(rf, ctx) { if (rf & 1
  * The component provides inline add, edit, delete, set-primary, copy-to-clipboard,
  * and open-link functionality.
  *
+ * Consent hangs off each method as `MJ_BizApps_Common: Contact Consents` rows, one per purpose
+ * and optional organization. Every channel type (email, phone) shows a badge per consent, with
+ * the method's consent history on hover, and the edit row offers a dropdown per active purpose.
+ *
  * Primary management is scoped per contact type -- setting a contact as primary
  * only demotes other primaries of the **same** type.
  *
@@ -306,6 +566,20 @@ export class ContactMethodListComponent {
      * Copy and open-link actions remain available regardless of this setting.
      */
     EditMode = false;
+    /**
+     * The metadata provider to read and write through. Defaults to the global provider, which is
+     * right for a single-server Explorer; a host on several providers passes its own.
+     */
+    Provider;
+    /** The provider this component reads and writes with. */
+    get ProviderToUse() {
+        return this.Provider ?? Metadata.Provider;
+    }
+    /** The same provider for RunView, when it serves views; otherwise RunView's own default. */
+    get runViewToUse() {
+        const p = this.ProviderToUse;
+        return isRunViewProvider(p) ? p : null;
+    }
     /** Emitted after any mutation (save, delete, set-primary) so the parent can refresh derived data. */
     DataChanged = new EventEmitter();
     _collection;
@@ -367,6 +641,14 @@ export class ContactMethodListComponent {
      * Loaded from `MJ_BizApps_Common: Contact Types`, sorted by `DisplayRank ASC`.
      */
     ContactTypes = [];
+    /** The active consent purposes, by display rank: one dropdown each on the add and edit rows. */
+    ConsentPurposes = [];
+    /** The consent choices offered per purpose, in the order the CHECK constraint lists them. */
+    ConsentStatuses = ContactMethodConsentEntity.Statuses;
+    /** The form key of the general (any purpose) consent, for the template. */
+    GeneralKey = GENERAL_CONSENT_KEY;
+    /** Each loaded method's consent rows (every purpose and organization), keyed by contact method ID. */
+    consentsByMethod = new Map();
     /**
      * The ID of the contact method currently being edited, or `null` when
      * not in edit mode.
@@ -397,6 +679,14 @@ export class ContactMethodListComponent {
      * Reset to defaults each time the add form is opened.
      */
     AddForm = this.createEmptyForm();
+    /** The contact method whose consent history is open under its badges, or `null`. */
+    ConsentHistoryFor = null;
+    /** The history lines shown for {@link ConsentHistoryFor}, newest first, across the method's consents. */
+    ConsentHistory = [];
+    /** True while the history for {@link ConsentHistoryFor} is being read. */
+    ConsentHistoryLoading = false;
+    /** History already read this session, by contact method ID; dropped for a row when it is saved. */
+    consentHistoryCache = new Map();
     /** Maps lowercase contact type names to CSS icon-color classes. */
     iconColorMap = {
         'email': 'icon-email',
@@ -414,10 +704,10 @@ export class ContactMethodListComponent {
     linkTypeNames = new Set(['linkedin', 'twitter', 'twitter / x', 'website']);
     /** Creates a blank {@link ContactFormData} with empty defaults. */
     createEmptyForm() {
-        return { TypeID: '', Value: '', Label: '', IsPrimary: false };
+        return { TypeID: '', Value: '', Label: '', IsPrimary: false, Consents: {} };
     }
     /**
-     * Loads contact methods and contact types from the server or collection.
+     * Loads contact methods, contact types, consent purposes and the methods' consents.
      * Resets editing state before loading.
      */
     async loadData() {
@@ -426,63 +716,100 @@ export class ContactMethodListComponent {
         this.ShowAddForm = false;
         this.cdr.detectChanges();
         try {
-            const rv = new RunView();
-            // Always ensure contact types are loaded
-            if (this.ContactTypes.length === 0) {
-                const typesResult = await rv.RunView({
-                    EntityName: 'MJ_BizApps_Common: Contact Types',
-                    ExtraFilter: 'IsActive=1',
-                    OrderBy: 'DisplayRank ASC',
-                    ResultType: 'entity_object'
-                });
-                if (typesResult.Success && typesResult.Results) {
-                    this.ContactTypes = typesResult.Results;
-                }
-            }
+            await this.loadLookups();
             if (this._collection) {
                 if (!this._collection.IsLoaded) {
                     await this._collection.Load();
                 }
                 this.ContactMethods = [...this._collection.Items];
-                this.sortContactMethods();
-                if (this.ContactTypes.length > 0 && !this.AddForm.TypeID) {
-                    this.AddForm.TypeID = this.ContactTypes[0].ID;
-                }
-                return;
-            }
-            // Build filter for standalone mode
-            let filter = '';
-            if (this._personID) {
-                filter = `PersonID='${this._personID}'`;
-            }
-            else if (this._organizationID) {
-                filter = `OrganizationID='${this._organizationID}'`;
             }
             else {
-                return;
+                this.ContactMethods = await this.loadStandaloneMethods();
             }
-            const methodsResult = await rv.RunView({
-                EntityName: 'MJ_BizApps_Common: Contact Methods',
-                ExtraFilter: filter,
-                ResultType: 'entity_object'
-            });
-            this.ContactMethods = methodsResult.Success
-                ? methodsResult.Results
-                : [];
             this.sortContactMethods();
-            // Set default type for add form
-            if (this.ContactTypes.length > 0) {
+            await this.loadConsents();
+            if (this.ContactTypes.length > 0 && !this.AddForm.TypeID) {
                 this.AddForm.TypeID = this.ContactTypes[0].ID;
             }
         }
         catch (err) {
-            console.error('ContactMethodList: Error loading data', err);
+            LogError(`ContactMethodList: Error loading data: ${String(err)}`);
         }
         finally {
             this.Loading = false;
             this.cdr.detectChanges();
         }
     }
+    /** Reads contact types and consent purposes once, in one round trip. */
+    async loadLookups() {
+        if (this.ContactTypes.length > 0 && this.ConsentPurposes.length > 0) {
+            return;
+        }
+        const rv = new RunView(this.runViewToUse);
+        const [types, purposes] = await rv.RunViews([
+            {
+                EntityName: 'MJ_BizApps_Common: Contact Types',
+                ExtraFilter: 'IsActive=1',
+                OrderBy: 'DisplayRank ASC',
+                ResultType: 'entity_object'
+            },
+            {
+                EntityName: 'MJ_BizApps_Common: Consent Purposes',
+                ExtraFilter: 'IsActive=1',
+                OrderBy: 'Sequence ASC',
+                ResultType: 'entity_object'
+            }
+        ]);
+        if (types.Success) {
+            this.ContactTypes = types.Results;
+        }
+        if (purposes.Success) {
+            this.ConsentPurposes = purposes.Results;
+        }
+    }
+    /** Reads the person's or organization's contact methods when no collection was bound. */
+    async loadStandaloneMethods() {
+        let filter = '';
+        if (this._personID) {
+            filter = `PersonID='${EscapeSQLString(this._personID)}'`;
+        }
+        else if (this._organizationID) {
+            filter = `OrganizationID='${EscapeSQLString(this._organizationID)}'`;
+        }
+        else {
+            return [];
+        }
+        const rv = new RunView(this.runViewToUse);
+        const result = await rv.RunView({
+            EntityName: 'MJ_BizApps_Common: Contact Methods',
+            ExtraFilter: filter,
+            ResultType: 'entity_object'
+        });
+        return result.Success ? result.Results : [];
+    }
+    /** Reads every consent row of the loaded (saved) methods in one query and groups them by method. */
+    async loadConsents() {
+        this.consentsByMethod.clear();
+        const ids = this.ContactMethods.filter((cm) => cm.IsSaved).map((cm) => `'${EscapeSQLString(cm.ID)}'`);
+        if (ids.length === 0) {
+            return;
+        }
+        const rv = new RunView(this.runViewToUse);
+        const result = await rv.RunView({
+            EntityName: 'MJ_BizApps_Common: Contact Method Consents',
+            ExtraFilter: `ContactMethodID IN (${ids.join(',')})`,
+            ResultType: 'entity_object'
+        });
+        if (!result.Success) {
+            LogError(`ContactMethodList: Error loading consents: ${result.ErrorMessage}`);
+            return;
+        }
+        for (const consent of result.Results) {
+            const list = this.consentsByMethod.get(consent.ContactMethodID) ?? [];
+            list.push(consent);
+            this.consentsByMethod.set(consent.ContactMethodID, list);
+        }
+    }
     sortContactMethods() {
         this.ContactMethods.sort((a, b) => {
             if (a.IsPrimary && !b.IsPrimary)
@@ -574,6 +901,135 @@ export class ContactMethodListComponent {
             return false;
         return this.linkTypeNames.has(ct.Name.toLowerCase());
     }
+    /**
+     * Whether a contact type carries consent: it maps to one of MJ's communication channels
+     * (Email, Phone, SMS). LinkedIn, Website and the like do not, so they show no badges.
+     *
+     * @param typeID - The ContactType record ID to check
+     */
+    isConsentType(typeID) {
+        const ct = this.ContactTypes.find(t => t.ID === typeID);
+        return !!ct?.CommunicationBaseMessageTypeID;
+    }
+    /** The consent rows a method has, in purpose order, general and installation-wide rows first. */
+    getConsents(cm) {
+        return [...this.consentRowsFor(cm)].sort((a, b) => {
+            const rank = this.getPurposeRank(a.ConsentPurposeID) - this.getPurposeRank(b.ConsentPurposeID);
+            if (rank !== 0)
+                return rank;
+            return (a.RequestingOrganizationID ? 1 : 0) - (b.RequestingOrganizationID ? 1 : 0);
+        });
+    }
+    /**
+     * Where a method's consents are read from. Once the method's own `Consents` collection holds
+     * rows, it is the source: inside a Person form an edit stays there, unsaved, until the form is
+     * saved, and the badges must show it rather than what was loaded when the list opened.
+     * Otherwise, the rows loaded with the list.
+     */
+    consentRowsFor(cm) {
+        if (cm.Consents.IsLoaded || cm.Consents.Items.length > 0) {
+            return cm.Consents.Items;
+        }
+        return this.consentsByMethod.get(cm.ID) ?? [];
+    }
+    /** Returns the Sequence for a consent purpose; the general row (no purpose) sorts first. */
+    getPurposeRank(purposeID) {
+        if (!purposeID)
+            return -1;
+        const p = this.ConsentPurposes.find(x => UUIDsEqual(x.ID, purposeID));
+        return p?.Sequence ?? 999;
+    }
+    /**
+     * A purpose's name, or General for the row with no purpose. Read from the purpose lookup, not
+     * the consent's own denormalized name, which an unsaved row does not have yet.
+     */
+    purposeName(purposeID) {
+        if (!purposeID)
+            return 'General';
+        return this.ConsentPurposes.find(x => UUIDsEqual(x.ID, purposeID))?.Name ?? 'Unknown purpose';
+    }
+    /** The badge text for a consent row: its purpose (or General), and the requesting organization when there is one. */
+    getConsentBadgeText(consent) {
+        const purpose = this.purposeName(consent.ConsentPurposeID);
+        return consent.RequestingOrganization ? `${purpose} · ${consent.RequestingOrganization}` : purpose;
+    }
+    /** The badge colour class for a consent status. */
+    getConsentBadgeClass(status) {
+        switch (status) {
+            case 'Opted In': return 'consent-in';
+            case 'Opted Out': return 'consent-out';
+            default: return 'consent-unknown';
+        }
+    }
+    /** The Font Awesome icon for a consent status. */
+    getConsentIcon(status) {
+        switch (status) {
+            case 'Opted In': return 'fa-solid fa-check';
+            case 'Opted Out': return 'fa-solid fa-ban';
+            default: return 'fa-regular fa-circle-question';
+        }
+    }
+    /**
+     * Opens the consent history under a row's badges, reading it on first hover and reusing it
+     * afterwards until that row is saved again.
+     *
+     * @param cm - The contact method whose badges are being hovered
+     */
+    async onShowConsentHistory(cm) {
+        this.ConsentHistoryFor = cm.ID;
+        const cached = this.consentHistoryCache.get(cm.ID);
+        if (cached) {
+            this.ConsentHistory = cached;
+            this.cdr.detectChanges();
+            return;
+        }
+        this.ConsentHistory = [];
+        this.ConsentHistoryLoading = true;
+        this.cdr.detectChanges();
+        const lines = await this.loadConsentHistory(cm);
+        this.consentHistoryCache.set(cm.ID, lines);
+        if (this.ConsentHistoryFor === cm.ID) {
+            this.ConsentHistory = lines;
+        }
+        this.ConsentHistoryLoading = false;
+        this.cdr.detectChanges();
+    }
+    /** Closes the consent history. */
+    onHideConsentHistory() {
+        this.ConsentHistoryFor = null;
+        this.cdr.detectChanges();
+    }
+    /** Reads the history of every saved consent a method has, newest change first, labelled with its purpose. */
+    async loadConsentHistory(cm) {
+        const consents = this.consentRowsFor(cm).filter((c) => c.IsSaved);
+        if (consents.length === 0) {
+            return [];
+        }
+        const ids = consents.map((c) => `'${EscapeSQLString(c.ID)}'`).join(',');
+        const rv = new RunView(this.runViewToUse);
+        const result = await rv.RunView({
+            EntityName: 'MJ_BizApps_Common: Contact Method Consent Histories',
+            ExtraFilter: `ContactMethodConsentID IN (${ids})`,
+            OrderBy: 'ConsentStatusAt DESC',
+            ResultType: 'entity_object'
+        });
+        if (!result.Success) {
+            LogError(`ContactMethodList: Error loading consent history: ${result.ErrorMessage}`);
+            return [];
+        }
+        return result.Results.map((h) => {
+            const consent = consents.find((c) => UUIDsEqual(c.ID, h.ContactMethodConsentID));
+            return {
+                ID: h.ID,
+                Purpose: this.purposeName(consent?.ConsentPurposeID ?? null),
+                RequestingOrganization: consent?.RequestingOrganization ?? null,
+                ConsentStatusAt: h.ConsentStatusAt,
+                NewConsentStatus: h.NewConsentStatus,
+                ConsentSource: h.ConsentSource,
+                ConsentDetails: h.ConsentDetails
+            };
+        });
+    }
     /**
      * Copies the given string value to the system clipboard.
      *
@@ -618,6 +1074,10 @@ export class ContactMethodListComponent {
         if (this.ContactTypes.length > 0) {
             this.AddForm.TypeID = this.ContactTypes[0].ID;
         }
+        this.AddForm.Consents[GENERAL_CONSENT_KEY] = ContactMethodConsentEntity.UnspecifiedStatus;
+        for (const p of this.ConsentPurposes) {
+            this.AddForm.Consents[p.ID] = ContactMethodConsentEntity.UnspecifiedStatus;
+        }
         this.ShowAddForm = true;
         this.cdr.detectChanges();
     }
@@ -629,7 +1089,7 @@ export class ContactMethodListComponent {
         this.cdr.detectChanges();
     }
     /**
-     * Persists the new contact method from the add form.
+     * Persists the new contact method from the add form, with any consents chosen for it.
      *
      * When the "Primary" flag is set, other primaries of the same contact
      * type are demoted first. The contact list is reloaded after saving.
@@ -640,44 +1100,41 @@ export class ContactMethodListComponent {
         this.Saving = true;
         this.cdr.detectChanges();
         try {
-            if (this._collection) {
-                const cm = await this._collection.Create();
-                cm.ContactTypeID = this.AddForm.TypeID;
-                cm.Value = this.AddForm.Value;
-                cm.Label = this.AddForm.Label || null;
-                cm.IsPrimary = this.AddForm.IsPrimary;
-                if (this.AddForm.IsPrimary) {
-                    await this.clearPrimariesForType(this.AddForm.TypeID);
+            const cm = this._collection
+                ? await this._collection.Create()
+                : await this.ProviderToUse.GetEntityObject('MJ_BizApps_Common: Contact Methods');
+            if (!this._collection) {
+                cm.NewRecord();
+                if (this._personID) {
+                    cm.PersonID = this._personID;
+                }
+                else if (this._organizationID) {
+                    cm.OrganizationID = this._organizationID;
                 }
-                this.ContactMethods = [...this._collection.Items];
-                this.sortContactMethods();
-                this.ShowAddForm = false;
-                this.DataChanged.emit();
-                return;
             }
-            const md = new Metadata();
-            const cm = await md.GetEntityObject('MJ_BizApps_Common: Contact Methods');
-            cm.NewRecord();
             cm.ContactTypeID = this.AddForm.TypeID;
             cm.Value = this.AddForm.Value;
             cm.Label = this.AddForm.Label || null;
             cm.IsPrimary = this.AddForm.IsPrimary;
-            if (this._personID) {
-                cm.PersonID = this._personID;
-            }
-            else if (this._organizationID) {
-                cm.OrganizationID = this._organizationID;
-            }
-            // If setting primary, clear other primaries of same type
+            await this.applyConsentsFromForm(cm, this.AddForm);
             if (this.AddForm.IsPrimary) {
                 await this.clearPrimariesForType(this.AddForm.TypeID);
             }
-            await cm.Save();
+            if (this._collection) {
+                this.ContactMethods = [...this._collection.Items];
+                this.sortContactMethods();
+                this.ShowAddForm = false;
+                this.DataChanged.emit();
+                return;
+            }
+            if (!(await cm.Save())) {
+                LogError(`ContactMethodList: Error adding contact: ${cm.LatestResult?.CompleteMessage ?? 'unknown error'}`);
+            }
             await this.loadData();
             this.DataChanged.emit();
         }
         catch (err) {
-            console.error('ContactMethodList: Error adding contact', err);
+            LogError(`ContactMethodList: Error adding contact: ${String(err)}`);
         }
         finally {
             this.Saving = false;
@@ -686,18 +1143,26 @@ export class ContactMethodListComponent {
     }
     /**
      * Opens the inline edit form for an existing contact method, populating
-     * the form fields from the current entity data.
+     * the form fields from the current entity data and its installation-wide consents.
      *
      * Closes the add form if it is currently open.
      *
      * @param cm - The contact method entity to edit
      */
     onEdit(cm) {
+        const consents = {};
+        const unspecified = ContactMethodConsentEntity.UnspecifiedStatus;
+        consents[GENERAL_CONSENT_KEY] = this.findUnscopedConsent(cm, null)?.ConsentStatus ?? unspecified;
+        for (const p of this.ConsentPurposes) {
+            const row = this.findUnscopedConsent(cm, p.ID);
+            consents[p.ID] = row?.ConsentStatus ?? unspecified;
+        }
         this.EditForm = {
             TypeID: cm.ContactTypeID,
             Value: cm.Value,
             Label: cm.Label || '',
-            IsPrimary: cm.IsPrimary
+            IsPrimary: cm.IsPrimary,
+            Consents: consents
         };
         this.EditingId = cm.ID;
         this.ShowAddForm = false;
@@ -711,7 +1176,7 @@ export class ContactMethodListComponent {
         this.cdr.detectChanges();
     }
     /**
-     * Persists the edited contact method from the edit form.
+     * Persists the edited contact method from the edit form, with its consents.
      *
      * When the "Primary" flag is newly set, other primaries of the same
      * contact type are demoted first. The contact list is reloaded after saving.
@@ -733,6 +1198,8 @@ export class ContactMethodListComponent {
             cm.Value = this.EditForm.Value;
             cm.Label = this.EditForm.Label || null;
             cm.IsPrimary = this.EditForm.IsPrimary;
+            await this.applyConsentsFromForm(cm, this.EditForm);
+            this.consentHistoryCache.delete(cm.ID);
             if (this._collection) {
                 this.ContactMethods = [...this._collection.Items];
                 this.sortContactMethods();
@@ -740,18 +1207,57 @@ export class ContactMethodListComponent {
                 this.DataChanged.emit();
                 return;
             }
-            await cm.Save();
+            if (!(await cm.Save())) {
+                LogError(`ContactMethodList: Error saving contact: ${cm.LatestResult?.CompleteMessage ?? 'unknown error'}`);
+            }
             await this.loadData();
             this.DataChanged.emit();
         }
         catch (err) {
-            console.error('ContactMethodList: Error saving contact', err);
+            LogError(`ContactMethodList: Error saving contact: ${String(err)}`);
         }
         finally {
             this.Saving = false;
             this.cdr.detectChanges();
         }
     }
+    /** The method's installation-wide consent row for a purpose (null = the general row), including an unsaved edit, or null. */
+    findUnscopedConsent(cm, purposeID) {
+        return this.consentRowsFor(cm).find((r) => r.RequestingOrganizationID == null && UUIDsEqual(r.ConsentPurposeID, purposeID)) ?? null;
+    }
+    /**
+     * Writes the form's per-purpose choices onto the method's `Consents` collection, so they save
+     * with the method: an existing installation-wide row is updated when its status changed, and
+     * a new row is created when a purpose was given a status for the first time. The consent
+     * entity's own Save adds the history row for each change.
+     */
+    async applyConsentsFromForm(cm, form) {
+        if (!this.isConsentType(form.TypeID)) {
+            return;
+        }
+        if (cm.IsSaved && !cm.Consents.IsLoaded) {
+            await cm.Consents.Load();
+        }
+        const keys = [
+            { key: GENERAL_CONSENT_KEY, purposeID: null },
+            ...this.ConsentPurposes.map((p) => ({ key: p.ID, purposeID: p.ID })),
+        ];
+        for (const { key, purposeID } of keys) {
+            const wanted = form.Consents[key] ?? ContactMethodConsentEntity.UnspecifiedStatus;
+            const existing = cm.Consents.Items.find((r) => r.RequestingOrganizationID == null && UUIDsEqual(r.ConsentPurposeID, purposeID));
+            if (existing) {
+                if (existing.ConsentStatus !== wanted) {
+                    existing.ConsentStatus = wanted;
+                }
+            }
+            else if (wanted !== ContactMethodConsentEntity.UnspecifiedStatus) {
+                const row = await cm.Consents.Create();
+                row.ConsentPurposeID = purposeID;
+                row.RequestingOrganizationID = null;
+                row.ConsentStatus = wanted;
+            }
+        }
+    }
     /**
      * Promotes the given contact method to primary for its contact type,
      * demoting all other primaries of the same type.
@@ -773,12 +1279,14 @@ export class ContactMethodListComponent {
                 this.DataChanged.emit();
                 return;
             }
-            await cm.Save();
+            if (!(await cm.Save())) {
+                LogError(`ContactMethodList: Error setting primary: ${cm.LatestResult?.CompleteMessage ?? 'unknown error'}`);
+            }
             await this.loadData();
             this.DataChanged.emit();
         }
         catch (err) {
-            console.error('ContactMethodList: Error setting primary', err);
+            LogError(`ContactMethodList: Error setting primary: ${String(err)}`);
         }
         finally {
             this.Saving = false;
@@ -803,12 +1311,14 @@ export class ContactMethodListComponent {
                 this.DataChanged.emit();
                 return;
             }
-            await cm.Delete();
+            if (!(await cm.Delete())) {
+                LogError(`ContactMethodList: Error deleting contact: ${cm.LatestResult?.CompleteMessage ?? 'unknown error'}`);
+            }
             await this.loadData();
             this.DataChanged.emit();
         }
         catch (err) {
-            console.error('ContactMethodList: Error deleting contact', err);
+            LogError(`ContactMethodList: Error deleting contact: ${String(err)}`);
         }
         finally {
             this.Saving = false;
@@ -826,7 +1336,7 @@ export class ContactMethodListComponent {
         }
     }
     static ɵfac = function ContactMethodListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ContactMethodListComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContactMethodListComponent, selectors: [["bizapps-contact-method-list"]], inputs: { EditMode: "EditMode", Collection: "Collection", PersonID: "PersonID", OrganizationID: "OrganizationID" }, outputs: { DataChanged: "DataChanged" }, decls: 7, vars: 2, consts: [[1, "section-header"], [1, "section-label"], [1, "fa-solid", "fa-address-card"], [1, "count"], [1, "cm-flat-list"], [1, "loading-row"], [1, "fa-solid", "fa-spinner"], [1, "empty-state"], [1, "cm-flat-add-form"], [1, "cm-flat-footer"], [1, "cm-flat-edit-row"], [1, "cm-flat-row", 3, "primary"], [1, "form-row"], [1, "form-field", "type-field"], [3, "ngModelChange", "ngModel"], [3, "value"], [1, "form-field", "flex-1"], ["type", "text", 3, "ngModelChange", "ngModel", "placeholder"], [1, "form-field", "label-field"], ["type", "text", "placeholder", "e.g., Work", 3, "ngModelChange", "ngModel"], [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"], [1, "cm-flat-row"], [1, "cm-flat-icon", 3, "ngClass"], [1, "cm-flat-content"], [1, "cm-flat-value", 3, "click"], [1, "cm-flat-meta"], [1, "cm-flat-badges"], [1, "badge", "badge-primary"], [1, "cm-flat-actions"], ["title", "Set Primary", 1, "btn-ghost"], ["title", "Open", 1, "btn-ghost"], ["title", "Copy", 1, "btn-ghost"], [1, "fa-solid", "fa-star"], ["title", "Set Primary", 1, "btn-ghost", 3, "click"], [1, "fa-regular", "fa-star"], ["title", "Open", 1, "btn-ghost", 3, "click"], [1, "fa-solid", "fa-external-link"], ["title", "Copy", 1, "btn-ghost", 3, "click"], [1, "fa-solid", "fa-copy"], ["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"], ["type", "text", "placeholder", "e.g., Direct Line", 3, "ngModelChange", "ngModel"], ["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 ContactMethodListComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContactMethodListComponent, selectors: [["bizapps-contact-method-list"]], inputs: { EditMode: "EditMode", Provider: "Provider", Collection: "Collection", PersonID: "PersonID", OrganizationID: "OrganizationID" }, outputs: { DataChanged: "DataChanged" }, decls: 7, vars: 2, consts: [[1, "section-header"], [1, "section-label"], [1, "fa-solid", "fa-address-card"], [1, "count"], [1, "cm-flat-list"], [1, "loading-row"], [1, "fa-solid", "fa-spinner"], [1, "empty-state"], [1, "cm-flat-add-form"], [1, "cm-flat-footer"], [1, "cm-flat-edit-row"], [1, "cm-flat-row", 3, "primary"], [1, "form-row"], [1, "form-field", "type-field"], [3, "ngModelChange", "ngModel"], [3, "value"], [1, "form-field", "flex-1"], ["type", "text", 3, "ngModelChange", "ngModel", "placeholder"], [1, "form-field", "label-field"], ["type", "text", "placeholder", "e.g., Work", 3, "ngModelChange", "ngModel"], [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"], [1, "form-row", "consent-row"], [1, "form-field", "consent-field"], [1, "cm-flat-row"], [1, "cm-flat-icon", 3, "ngClass"], [1, "cm-flat-content"], [1, "cm-flat-value", 3, "click"], [1, "cm-flat-meta"], [1, "cm-flat-badges"], [1, "badge", "badge-primary"], [1, "cm-flat-actions"], ["title", "Set Primary", 1, "btn-ghost"], ["title", "Open", 1, "btn-ghost"], ["title", "Copy", 1, "btn-ghost"], [1, "fa-solid", "fa-star"], [1, "consent-badges", 3, "mouseenter", "mouseleave"], [1, "badge", "badge-consent", 3, "ngClass"], [1, "badge", "badge-consent", "consent-unknown"], [1, "consent-history"], [1, "consent-purpose"], [1, "fa-regular", "fa-circle-question"], [1, "consent-history", 3, "mouseenter", "mouseleave"], [1, "consent-history-title"], ["Text", "Loading history...", "Size", "small"], [1, "consent-history-row"], [1, "consent-history-empty"], [1, "consent-history-note"], [1, "consent-history-purpose"], [1, "consent-history-source"], ["title", "Set Primary", 1, "btn-ghost", 3, "click"], [1, "fa-regular", "fa-star"], ["title", "Open", 1, "btn-ghost", 3, "click"], [1, "fa-solid", "fa-external-link"], ["title", "Copy", 1, "btn-ghost", 3, "click"], [1, "fa-solid", "fa-copy"], ["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"], ["type", "text", "placeholder", "e.g., Direct Line", 3, "ngModelChange", "ngModel"], ["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 ContactMethodListComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "span", 1);
             i0.ɵɵelement(2, "i", 2);
             i0.ɵɵtext(3, " Contact Methods ");
@@ -838,13 +1348,15 @@ export class ContactMethodListComponent {
             i0.ɵɵconditional(!ctx.Loading && ctx.ContactMethods.length > 0 ? 4 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Loading ? 5 : 6);
-        } }, dependencies: [CommonModule, i1.NgClass, FormsModule, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.CheckboxControlValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.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.cm-flat-list[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n\n\n.cm-flat-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    padding: 10px 16px;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n    gap: 12px;\n    transition: background 0.1s;\n}\n\n.cm-flat-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.cm-flat-row[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-card);\n}\n\n.cm-flat-row.primary[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n}\n\n\n\n.cm-flat-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    font-size: 15px;\n    flex-shrink: 0;\n}\n\n.cm-flat-icon.icon-email[_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.cm-flat-icon.icon-phone[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.cm-flat-icon.icon-mobile[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.cm-flat-icon.icon-linkedin[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.cm-flat-icon.icon-twitter[_ngcontent-%COMP%] {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.cm-flat-icon.icon-web[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.cm-flat-icon.icon-fax[_ngcontent-%COMP%] {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.cm-flat-icon.icon-default[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-secondary);\n}\n\n\n\n.cm-flat-content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.cm-flat-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n}\n\n.cm-flat-value[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary);\n}\n\n.cm-flat-meta[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin-top: 1px;\n}\n\n\n\n.cm-flat-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-primary[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n\n\n.cm-flat-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 2px;\n    flex-shrink: 0;\n    opacity: 0;\n    transition: opacity 0.15s;\n}\n\n.cm-flat-row[_ngcontent-%COMP%]:hover   .cm-flat-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.cm-flat-add-form[_ngcontent-%COMP%] {\n    padding: 14px 16px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n    border-top: 2px solid var(--mj-brand-primary);\n    display: flex;\n    gap: 10px;\n    align-items: flex-end;\n    flex-wrap: wrap;\n}\n\n\n\n.cm-flat-edit-row[_ngcontent-%COMP%] {\n    padding: 14px 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.cm-flat-edit-row[_ngcontent-%COMP%]   .form-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 10px;\n    align-items: flex-end;\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-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: 7px 14px;\n}\n\n\n\n.form-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.form-field.flex-1[_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: 160px;\n}\n\n.form-field.label-field[_ngcontent-%COMP%] {\n    max-width: 140px;\n}\n\n.checkbox-field[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-top: 20px;\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    padding-top: 18px;\n    display: flex;\n    gap: 6px;\n}\n\n\n\n.copy-toast[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: var(--mj-text-primary);\n    color: var(--mj-brand-on-primary);\n    border-radius: 4px;\n    font-size: 11px;\n    margin-left: 8px;\n    animation: _ngcontent-%COMP%_fadeInOut 1.5s ease-in-out;\n}\n\n@keyframes _ngcontent-%COMP%_fadeInOut {\n    0% { opacity: 0; }\n    15% { opacity: 1; }\n    70% { opacity: 1; }\n    100% { opacity: 0; }\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@keyframes _ngcontent-%COMP%_spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n\n\n.cm-flat-footer[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\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}"] });
+        } }, dependencies: [CommonModule, i1.NgClass, FormsModule, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.CheckboxControlValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgModel, SharedGenericModule, i3.LoadingComponent, i1.DatePipe], 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.cm-flat-list[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n\n\n.cm-flat-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    padding: 10px 16px;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n    gap: 12px;\n    transition: background 0.1s;\n}\n\n.cm-flat-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.cm-flat-row[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-card);\n}\n\n.cm-flat-row.primary[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n}\n\n\n\n.cm-flat-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    font-size: 15px;\n    flex-shrink: 0;\n}\n\n.cm-flat-icon.icon-email[_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.cm-flat-icon.icon-phone[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.cm-flat-icon.icon-mobile[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.cm-flat-icon.icon-linkedin[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.cm-flat-icon.icon-twitter[_ngcontent-%COMP%] {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.cm-flat-icon.icon-web[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.cm-flat-icon.icon-fax[_ngcontent-%COMP%] {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.cm-flat-icon.icon-default[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-secondary);\n}\n\n\n\n.cm-flat-content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.cm-flat-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n}\n\n.cm-flat-value[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary);\n}\n\n.cm-flat-meta[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin-top: 1px;\n}\n\n\n\n.cm-flat-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-primary[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n\n\n.cm-flat-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 2px;\n    flex-shrink: 0;\n    opacity: 0;\n    transition: opacity 0.15s;\n}\n\n.cm-flat-row[_ngcontent-%COMP%]:hover   .cm-flat-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.cm-flat-add-form[_ngcontent-%COMP%] {\n    padding: 14px 16px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n    border-top: 2px solid var(--mj-brand-primary);\n    display: flex;\n    gap: 10px;\n    align-items: flex-end;\n    flex-wrap: wrap;\n}\n\n\n\n.cm-flat-edit-row[_ngcontent-%COMP%] {\n    padding: 14px 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.cm-flat-edit-row[_ngcontent-%COMP%]   .form-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 10px;\n    align-items: flex-end;\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-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: 7px 14px;\n}\n\n\n\n.form-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.form-field.flex-1[_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: 160px;\n}\n\n.form-field.label-field[_ngcontent-%COMP%] {\n    max-width: 140px;\n}\n\n.checkbox-field[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-top: 20px;\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    padding-top: 18px;\n    display: flex;\n    gap: 6px;\n}\n\n\n\n.copy-toast[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: var(--mj-text-primary);\n    color: var(--mj-brand-on-primary);\n    border-radius: 4px;\n    font-size: 11px;\n    margin-left: 8px;\n    animation: _ngcontent-%COMP%_fadeInOut 1.5s ease-in-out;\n}\n\n@keyframes _ngcontent-%COMP%_fadeInOut {\n    0% { opacity: 0; }\n    15% { opacity: 1; }\n    70% { opacity: 1; }\n    100% { opacity: 0; }\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@keyframes _ngcontent-%COMP%_spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n\n\n.cm-flat-footer[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\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\n\n.badge-consent[_ngcontent-%COMP%] {\n    cursor: default;\n    text-transform: none;\n    letter-spacing: 0;\n}\n\n.badge-consent.consent-in[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.badge-consent.consent-out[_ngcontent-%COMP%] {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.badge-consent.consent-unknown[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n\n\n.cm-flat-badges[_ngcontent-%COMP%] {\n    position: relative;\n}\n\n.consent-history[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 100%;\n    right: 0;\n    z-index: 20;\n    min-width: 300px;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    box-shadow: 0 6px 18px color-mix(in srgb, var(--mj-text-primary) 14%, transparent);\n    font-size: 12px;\n    color: var(--mj-text-primary);\n}\n\n.consent-history-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    margin-bottom: 6px;\n    color: var(--mj-text-primary);\n}\n\n.consent-history-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 90px 90px 1fr;\n    gap: 8px;\n    padding: 3px 0;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.consent-history-row[_ngcontent-%COMP%]:first-of-type {\n    border-top: none;\n}\n\n.consent-history-row.current[_ngcontent-%COMP%] {\n    font-weight: 600;\n}\n\n.consent-history-source[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n\n.consent-history-empty[_ngcontent-%COMP%], \n.consent-history-note[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n    margin-top: 6px;\n}\n\n\n\n.form-field.consent-field[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n    min-width: 130px;\n}\n\n\n\n.consent-badges[_ngcontent-%COMP%] {\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    justify-content: flex-end;\n}\n\n.badge-consent[_ngcontent-%COMP%]   .consent-purpose[_ngcontent-%COMP%] {\n    font-weight: 500;\n    opacity: 0.8;\n}\n\n.badge-consent[_ngcontent-%COMP%]   .consent-purpose[_ngcontent-%COMP%]::after {\n    content: '\u00B7';\n    margin: 0 2px 0 4px;\n}\n\n.consent-history-row[_ngcontent-%COMP%] {\n    grid-template-columns: 90px 1fr 90px 1fr;\n}\n\n.consent-history-purpose[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n\n\n\n.cm-flat-add-form[_ngcontent-%COMP%], \n.cm-flat-edit-row[_ngcontent-%COMP%]   .form-row[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n}\n\n.form-row.consent-row[_ngcontent-%COMP%] {\n    flex-basis: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContactMethodListComponent, [{
         type: Component,
-        args: [{ standalone: true, imports: [CommonModule, FormsModule], selector: 'bizapps-contact-method-list', template: "<!-- ContactMethodList - Flat List with Icons Design (Option B) -->\n\n<div class=\"section-header\">\n    <span class=\"section-label\">\n        <i class=\"fa-solid fa-address-card\"></i>\n        Contact Methods\n        @if (!Loading && ContactMethods.length > 0) {\n            <span class=\"count\">({{ ContactMethods.length }})</span>\n        }\n    </span>\n</div>\n\n@if (Loading) {\n    <div class=\"cm-flat-list\">\n        <div class=\"loading-row\">\n            <i class=\"fa-solid fa-spinner\"></i> Loading contacts...\n        </div>\n    </div>\n} @else {\n    <div class=\"cm-flat-list\">\n        @if (ContactMethods.length === 0 && !ShowAddForm) {\n            <div class=\"empty-state\">\n                <i class=\"fa-solid fa-address-card\"></i>\n                No contact methods yet\n            </div>\n        }\n\n        @for (cm of ContactMethods; track cm.ID) {\n            <!-- Edit mode for this row -->\n            @if (EditingId === cm.ID) {\n                <div class=\"cm-flat-edit-row\">\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 ContactTypes; track t.ID) {\n                                    <option [value]=\"t.ID\">{{ t.Name }}</option>\n                                }\n                            </select>\n                        </div>\n                        <div class=\"form-field flex-1\">\n                            <label>Value</label>\n                            <input type=\"text\" [(ngModel)]=\"EditForm.Value\" [placeholder]=\"getPlaceholder(EditForm.TypeID)\">\n                        </div>\n                        <div class=\"form-field label-field\">\n                            <label>Label</label>\n                            <input type=\"text\" [(ngModel)]=\"EditForm.Label\" placeholder=\"e.g., Work\">\n                        </div>\n                        <div class=\"checkbox-field\">\n                            <input type=\"checkbox\" [id]=\"'primary-edit-' + cm.ID\" [(ngModel)]=\"EditForm.IsPrimary\">\n                            <label [for]=\"'primary-edit-' + cm.ID\">Primary</label>\n                        </div>\n                        <div class=\"form-actions\">\n                            <button class=\"btn btn-primary btn-sm\" (click)=\"onSaveEdit()\" [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                </div>\n            } @else {\n                <!-- Display row -->\n                <div class=\"cm-flat-row\" [class.primary]=\"cm.IsPrimary\">\n                    <div class=\"cm-flat-icon\" [ngClass]=\"getIconColorClass(cm.ContactTypeID)\">\n                        <i [class]=\"getContactTypeIcon(cm.ContactTypeID)\"></i>\n                    </div>\n                    <div class=\"cm-flat-content\">\n                        <div class=\"cm-flat-value\" (click)=\"onCopyValue(cm.Value)\">{{ cm.Value }}</div>\n                        <div class=\"cm-flat-meta\">{{ getContactMeta(cm) }}</div>\n                    </div>\n                    <div class=\"cm-flat-badges\">\n                        @if (cm.IsPrimary) {\n                            <span class=\"badge badge-primary\"><i class=\"fa-solid fa-star\"></i></span>\n                        }\n                    </div>\n                    <div class=\"cm-flat-actions\">\n                        @if (EditMode && !cm.IsPrimary) {\n                            <button class=\"btn-ghost\" title=\"Set Primary\" (click)=\"onSetPrimary(cm)\">\n                                <i class=\"fa-regular fa-star\"></i>\n                            </button>\n                        }\n                        @if (isLinkType(cm.ContactTypeID)) {\n                            <button class=\"btn-ghost\" title=\"Open\" (click)=\"onOpenLink(cm.Value)\">\n                                <i class=\"fa-solid fa-external-link\"></i>\n                            </button>\n                        } @else {\n                            <button class=\"btn-ghost\" title=\"Copy\" (click)=\"onCopyValue(cm.Value)\">\n                                <i class=\"fa-solid fa-copy\"></i>\n                            </button>\n                        }\n                        @if (EditMode) {\n                        <button class=\"btn-ghost\" title=\"Edit\" (click)=\"onEdit(cm)\">\n                            <i class=\"fa-solid fa-pen\"></i>\n                        </button>\n                        <button class=\"btn-ghost danger\" title=\"Remove\" (click)=\"onDelete(cm)\">\n                            <i class=\"fa-solid fa-trash\"></i>\n                        </button>\n                        }\n                    </div>\n                </div>\n            }\n        }\n\n        <!-- Add form -->\n        @if (ShowAddForm) {\n            <div class=\"cm-flat-add-form\">\n                <div class=\"form-field type-field\">\n                    <label>Type</label>\n                    <select [(ngModel)]=\"AddForm.TypeID\">\n                        @for (t of ContactTypes; track t.ID) {\n                            <option [value]=\"t.ID\">{{ t.Name }}</option>\n                        }\n                    </select>\n                </div>\n                <div class=\"form-field flex-1\">\n                    <label>Value</label>\n                    <input type=\"text\" [(ngModel)]=\"AddForm.Value\" [placeholder]=\"getPlaceholder(AddForm.TypeID)\">\n                </div>\n                <div class=\"form-field label-field\">\n                    <label>Label</label>\n                    <input type=\"text\" [(ngModel)]=\"AddForm.Label\" placeholder=\"e.g., Direct Line\">\n                </div>\n                <div class=\"checkbox-field\">\n                    <input type=\"checkbox\" id=\"primary-add\" [(ngModel)]=\"AddForm.IsPrimary\">\n                    <label for=\"primary-add\">Primary</label>\n                </div>\n                <div class=\"form-actions\">\n                    <button class=\"btn btn-primary btn-sm\" (click)=\"onSaveAdd()\" [disabled]=\"Saving\">\n                        @if (Saving) {\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        }\n                        Add\n                    </button>\n                    <button class=\"btn btn-cancel btn-sm\" (click)=\"onCancelAdd()\">Cancel</button>\n                </div>\n            </div>\n        }\n\n        <!-- Add button footer -->\n        @if (!ShowAddForm && EditingId === null && EditMode) {\n            <div class=\"cm-flat-footer\">\n                <button class=\"btn btn-outline full-width\" (click)=\"onShowAdd()\">\n                    <i class=\"fa-solid fa-plus\"></i>\n                    Add Contact\n                </button>\n            </div>\n        }\n    </div>\n}\n", styles: ["/* ============================================\n   ContactMethodList - Flat List with Icons 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/* Flat list container */\n.cm-flat-list {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n/* Row */\n.cm-flat-row {\n    display: flex;\n    align-items: center;\n    padding: 10px 16px;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n    gap: 12px;\n    transition: background 0.1s;\n}\n\n.cm-flat-row:last-child {\n    border-bottom: none;\n}\n\n.cm-flat-row:hover {\n    background: var(--mj-bg-surface-card);\n}\n\n.cm-flat-row.primary {\n    background: var(--mj-status-success-bg);\n}\n\n/* Icon */\n.cm-flat-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    font-size: 15px;\n    flex-shrink: 0;\n}\n\n.cm-flat-icon.icon-email {\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.cm-flat-icon.icon-phone {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.cm-flat-icon.icon-mobile {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.cm-flat-icon.icon-linkedin {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.cm-flat-icon.icon-twitter {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.cm-flat-icon.icon-web {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.cm-flat-icon.icon-fax {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.cm-flat-icon.icon-default {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-secondary);\n}\n\n/* Content */\n.cm-flat-content {\n    flex: 1;\n    min-width: 0;\n}\n\n.cm-flat-value {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n}\n\n.cm-flat-value:hover {\n    color: var(--mj-brand-primary);\n}\n\n.cm-flat-meta {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin-top: 1px;\n}\n\n/* Badges */\n.cm-flat-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-primary {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n/* Actions */\n.cm-flat-actions {\n    display: flex;\n    gap: 2px;\n    flex-shrink: 0;\n    opacity: 0;\n    transition: opacity 0.15s;\n}\n\n.cm-flat-row:hover .cm-flat-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/* Add form */\n.cm-flat-add-form {\n    padding: 14px 16px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n    border-top: 2px solid var(--mj-brand-primary);\n    display: flex;\n    gap: 10px;\n    align-items: flex-end;\n    flex-wrap: wrap;\n}\n\n/* Edit inline row */\n.cm-flat-edit-row {\n    padding: 14px 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.cm-flat-edit-row .form-row {\n    display: flex;\n    gap: 10px;\n    align-items: flex-end;\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-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: 7px 14px;\n}\n\n/* Form fields */\n.form-field {\n    display: flex;\n    flex-direction: column;\n}\n\n.form-field.flex-1 {\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: 160px;\n}\n\n.form-field.label-field {\n    max-width: 140px;\n}\n\n.checkbox-field {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-top: 20px;\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    padding-top: 18px;\n    display: flex;\n    gap: 6px;\n}\n\n/* Copy toast */\n.copy-toast {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: var(--mj-text-primary);\n    color: var(--mj-brand-on-primary);\n    border-radius: 4px;\n    font-size: 11px;\n    margin-left: 8px;\n    animation: fadeInOut 1.5s ease-in-out;\n}\n\n@keyframes fadeInOut {\n    0% { opacity: 0; }\n    15% { opacity: 1; }\n    70% { opacity: 1; }\n    100% { opacity: 0; }\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@keyframes spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n/* Footer add button area */\n.cm-flat-footer {\n    padding: 12px 16px;\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\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"] }]
+        args: [{ standalone: true, imports: [CommonModule, FormsModule, SharedGenericModule], selector: 'bizapps-contact-method-list', template: "<!-- ContactMethodList - Flat List with Icons Design (Option B) -->\n\n<div class=\"section-header\">\n    <span class=\"section-label\">\n        <i class=\"fa-solid fa-address-card\"></i>\n        Contact Methods\n        @if (!Loading && ContactMethods.length > 0) {\n            <span class=\"count\">({{ ContactMethods.length }})</span>\n        }\n    </span>\n</div>\n\n@if (Loading) {\n    <div class=\"cm-flat-list\">\n        <div class=\"loading-row\">\n            <i class=\"fa-solid fa-spinner\"></i> Loading contacts...\n        </div>\n    </div>\n} @else {\n    <div class=\"cm-flat-list\">\n        @if (ContactMethods.length === 0 && !ShowAddForm) {\n            <div class=\"empty-state\">\n                <i class=\"fa-solid fa-address-card\"></i>\n                No contact methods yet\n            </div>\n        }\n\n        @for (cm of ContactMethods; track cm.ID) {\n            <!-- Edit mode for this row -->\n            @if (EditingId === cm.ID) {\n                <div class=\"cm-flat-edit-row\">\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 ContactTypes; track t.ID) {\n                                    <option [value]=\"t.ID\">{{ t.Name }}</option>\n                                }\n                            </select>\n                        </div>\n                        <div class=\"form-field flex-1\">\n                            <label>Value</label>\n                            <input type=\"text\" [(ngModel)]=\"EditForm.Value\" [placeholder]=\"getPlaceholder(EditForm.TypeID)\">\n                        </div>\n                        <div class=\"form-field label-field\">\n                            <label>Label</label>\n                            <input type=\"text\" [(ngModel)]=\"EditForm.Label\" placeholder=\"e.g., Work\">\n                        </div>\n                        <div class=\"checkbox-field\">\n                            <input type=\"checkbox\" [id]=\"'primary-edit-' + cm.ID\" [(ngModel)]=\"EditForm.IsPrimary\">\n                            <label [for]=\"'primary-edit-' + cm.ID\">Primary</label>\n                        </div>\n                        <div class=\"form-actions\">\n                            <button class=\"btn btn-primary btn-sm\" (click)=\"onSaveEdit()\" [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                    @if (isConsentType(EditForm.TypeID)) {\n                        <div class=\"form-row consent-row\">\n                            <div class=\"form-field consent-field\">\n                                <label>General</label>\n                                <select [(ngModel)]=\"EditForm.Consents[GeneralKey]\">\n                                    @for (s of ConsentStatuses; track s) {\n                                        <option [value]=\"s\">{{ s }}</option>\n                                    }\n                                </select>\n                            </div>\n                            @for (p of ConsentPurposes; track p.ID) {\n                                <div class=\"form-field consent-field\">\n                                    <label>{{ p.Name }}</label>\n                                    <select [(ngModel)]=\"EditForm.Consents[p.ID]\">\n                                        @for (s of ConsentStatuses; track s) {\n                                            <option [value]=\"s\">{{ s }}</option>\n                                        }\n                                    </select>\n                                </div>\n                            }\n                        </div>\n                    }\n                </div>\n            } @else {\n                <!-- Display row -->\n                <div class=\"cm-flat-row\" [class.primary]=\"cm.IsPrimary\">\n                    <div class=\"cm-flat-icon\" [ngClass]=\"getIconColorClass(cm.ContactTypeID)\">\n                        <i [class]=\"getContactTypeIcon(cm.ContactTypeID)\"></i>\n                    </div>\n                    <div class=\"cm-flat-content\">\n                        <div class=\"cm-flat-value\" (click)=\"onCopyValue(cm.Value)\">{{ cm.Value }}</div>\n                        <div class=\"cm-flat-meta\">{{ getContactMeta(cm) }}</div>\n                    </div>\n                    <div class=\"cm-flat-badges\">\n                        @if (cm.IsPrimary) {\n                            <span class=\"badge badge-primary\"><i class=\"fa-solid fa-star\"></i></span>\n                        }\n                        @if (isConsentType(cm.ContactTypeID)) {\n                            <span class=\"consent-badges\" (mouseenter)=\"onShowConsentHistory(cm)\" (mouseleave)=\"onHideConsentHistory()\">\n                                @for (c of getConsents(cm); track c.ID) {\n                                    <span class=\"badge badge-consent\" [ngClass]=\"getConsentBadgeClass(c.ConsentStatus)\">\n                                        <i [class]=\"getConsentIcon(c.ConsentStatus)\"></i>\n                                        <span class=\"consent-purpose\">{{ getConsentBadgeText(c) }}</span>\n                                        {{ c.ConsentStatus }}\n                                    </span>\n                                } @empty {\n                                    <span class=\"badge badge-consent consent-unknown\">\n                                        <i class=\"fa-regular fa-circle-question\"></i>\n                                        Not Specified\n                                    </span>\n                                }\n                            </span>\n                            @if (ConsentHistoryFor === cm.ID) {\n                                <div class=\"consent-history\" (mouseenter)=\"onShowConsentHistory(cm)\" (mouseleave)=\"onHideConsentHistory()\">\n                                    <div class=\"consent-history-title\">Consent history \u00B7 {{ cm.Value }}</div>\n                                    @if (ConsentHistoryLoading) {\n                                        <mj-loading Text=\"Loading history...\" Size=\"small\"></mj-loading>\n                                    } @else {\n                                        @for (h of ConsentHistory; track h.ID) {\n                                            <div class=\"consent-history-row\">\n                                                <span>{{ h.ConsentStatusAt | date:'mediumDate' }}</span>\n                                                <span class=\"consent-history-purpose\">{{ h.Purpose }}@if (h.RequestingOrganization) { \u00B7 {{ h.RequestingOrganization }}}</span>\n                                                <span>{{ h.NewConsentStatus }}</span>\n                                                <span class=\"consent-history-source\">{{ h.ConsentSource }}@if (h.ConsentDetails) { \u00B7 {{ h.ConsentDetails }}}</span>\n                                            </div>\n                                        } @empty {\n                                            <div class=\"consent-history-empty\">No consent recorded yet</div>\n                                        }\n                                        <div class=\"consent-history-note\">Newest first; the top row for each purpose is its current status</div>\n                                    }\n                                </div>\n                            }\n                        }\n                    </div>\n                    <div class=\"cm-flat-actions\">\n                        @if (EditMode && !cm.IsPrimary) {\n                            <button class=\"btn-ghost\" title=\"Set Primary\" (click)=\"onSetPrimary(cm)\">\n                                <i class=\"fa-regular fa-star\"></i>\n                            </button>\n                        }\n                        @if (isLinkType(cm.ContactTypeID)) {\n                            <button class=\"btn-ghost\" title=\"Open\" (click)=\"onOpenLink(cm.Value)\">\n                                <i class=\"fa-solid fa-external-link\"></i>\n                            </button>\n                        } @else {\n                            <button class=\"btn-ghost\" title=\"Copy\" (click)=\"onCopyValue(cm.Value)\">\n                                <i class=\"fa-solid fa-copy\"></i>\n                            </button>\n                        }\n                        @if (EditMode) {\n                        <button class=\"btn-ghost\" title=\"Edit\" (click)=\"onEdit(cm)\">\n                            <i class=\"fa-solid fa-pen\"></i>\n                        </button>\n                        <button class=\"btn-ghost danger\" title=\"Remove\" (click)=\"onDelete(cm)\">\n                            <i class=\"fa-solid fa-trash\"></i>\n                        </button>\n                        }\n                    </div>\n                </div>\n            }\n        }\n\n        <!-- Add form -->\n        @if (ShowAddForm) {\n            <div class=\"cm-flat-add-form\">\n                <div class=\"form-field type-field\">\n                    <label>Type</label>\n                    <select [(ngModel)]=\"AddForm.TypeID\">\n                        @for (t of ContactTypes; track t.ID) {\n                            <option [value]=\"t.ID\">{{ t.Name }}</option>\n                        }\n                    </select>\n                </div>\n                <div class=\"form-field flex-1\">\n                    <label>Value</label>\n                    <input type=\"text\" [(ngModel)]=\"AddForm.Value\" [placeholder]=\"getPlaceholder(AddForm.TypeID)\">\n                </div>\n                <div class=\"form-field label-field\">\n                    <label>Label</label>\n                    <input type=\"text\" [(ngModel)]=\"AddForm.Label\" placeholder=\"e.g., Direct Line\">\n                </div>\n                <div class=\"checkbox-field\">\n                    <input type=\"checkbox\" id=\"primary-add\" [(ngModel)]=\"AddForm.IsPrimary\">\n                    <label for=\"primary-add\">Primary</label>\n                </div>\n                <div class=\"form-actions\">\n                    <button class=\"btn btn-primary btn-sm\" (click)=\"onSaveAdd()\" [disabled]=\"Saving\">\n                        @if (Saving) {\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        }\n                        Add\n                    </button>\n                    <button class=\"btn btn-cancel btn-sm\" (click)=\"onCancelAdd()\">Cancel</button>\n                </div>\n                @if (isConsentType(AddForm.TypeID)) {\n                    <div class=\"form-row consent-row\">\n                        <div class=\"form-field consent-field\">\n                            <label>General</label>\n                            <select [(ngModel)]=\"AddForm.Consents[GeneralKey]\">\n                                @for (s of ConsentStatuses; track s) {\n                                    <option [value]=\"s\">{{ s }}</option>\n                                }\n                            </select>\n                        </div>\n                        @for (p of ConsentPurposes; track p.ID) {\n                            <div class=\"form-field consent-field\">\n                                <label>{{ p.Name }}</label>\n                                <select [(ngModel)]=\"AddForm.Consents[p.ID]\">\n                                    @for (s of ConsentStatuses; track s) {\n                                        <option [value]=\"s\">{{ s }}</option>\n                                    }\n                                </select>\n                            </div>\n                        }\n                    </div>\n                }\n            </div>\n        }\n\n        <!-- Add button footer -->\n        @if (!ShowAddForm && EditingId === null && EditMode) {\n            <div class=\"cm-flat-footer\">\n                <button class=\"btn btn-outline full-width\" (click)=\"onShowAdd()\">\n                    <i class=\"fa-solid fa-plus\"></i>\n                    Add Contact\n                </button>\n            </div>\n        }\n    </div>\n}\n", styles: ["/* ============================================\n   ContactMethodList - Flat List with Icons 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/* Flat list container */\n.cm-flat-list {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n/* Row */\n.cm-flat-row {\n    display: flex;\n    align-items: center;\n    padding: 10px 16px;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n    gap: 12px;\n    transition: background 0.1s;\n}\n\n.cm-flat-row:last-child {\n    border-bottom: none;\n}\n\n.cm-flat-row:hover {\n    background: var(--mj-bg-surface-card);\n}\n\n.cm-flat-row.primary {\n    background: var(--mj-status-success-bg);\n}\n\n/* Icon */\n.cm-flat-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    font-size: 15px;\n    flex-shrink: 0;\n}\n\n.cm-flat-icon.icon-email {\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.cm-flat-icon.icon-phone {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.cm-flat-icon.icon-mobile {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.cm-flat-icon.icon-linkedin {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.cm-flat-icon.icon-twitter {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.cm-flat-icon.icon-web {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.cm-flat-icon.icon-fax {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.cm-flat-icon.icon-default {\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-secondary);\n}\n\n/* Content */\n.cm-flat-content {\n    flex: 1;\n    min-width: 0;\n}\n\n.cm-flat-value {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n}\n\n.cm-flat-value:hover {\n    color: var(--mj-brand-primary);\n}\n\n.cm-flat-meta {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin-top: 1px;\n}\n\n/* Badges */\n.cm-flat-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-primary {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n/* Actions */\n.cm-flat-actions {\n    display: flex;\n    gap: 2px;\n    flex-shrink: 0;\n    opacity: 0;\n    transition: opacity 0.15s;\n}\n\n.cm-flat-row:hover .cm-flat-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/* Add form */\n.cm-flat-add-form {\n    padding: 14px 16px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n    border-top: 2px solid var(--mj-brand-primary);\n    display: flex;\n    gap: 10px;\n    align-items: flex-end;\n    flex-wrap: wrap;\n}\n\n/* Edit inline row */\n.cm-flat-edit-row {\n    padding: 14px 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.cm-flat-edit-row .form-row {\n    display: flex;\n    gap: 10px;\n    align-items: flex-end;\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-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: 7px 14px;\n}\n\n/* Form fields */\n.form-field {\n    display: flex;\n    flex-direction: column;\n}\n\n.form-field.flex-1 {\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: 160px;\n}\n\n.form-field.label-field {\n    max-width: 140px;\n}\n\n.checkbox-field {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-top: 20px;\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    padding-top: 18px;\n    display: flex;\n    gap: 6px;\n}\n\n/* Copy toast */\n.copy-toast {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: var(--mj-text-primary);\n    color: var(--mj-brand-on-primary);\n    border-radius: 4px;\n    font-size: 11px;\n    margin-left: 8px;\n    animation: fadeInOut 1.5s ease-in-out;\n}\n\n@keyframes fadeInOut {\n    0% { opacity: 0; }\n    15% { opacity: 1; }\n    70% { opacity: 1; }\n    100% { opacity: 0; }\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@keyframes spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n/* Footer add button area */\n.cm-flat-footer {\n    padding: 12px 16px;\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\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/* Consent badge: one per contact method whose type maps to a channel */\n.badge-consent {\n    cursor: default;\n    text-transform: none;\n    letter-spacing: 0;\n}\n\n.badge-consent.consent-in {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.badge-consent.consent-out {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.badge-consent.consent-unknown {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n/* Consent history: shown while hovering a badge, newest change first */\n.cm-flat-badges {\n    position: relative;\n}\n\n.consent-history {\n    position: absolute;\n    top: 100%;\n    right: 0;\n    z-index: 20;\n    min-width: 300px;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    box-shadow: 0 6px 18px color-mix(in srgb, var(--mj-text-primary) 14%, transparent);\n    font-size: 12px;\n    color: var(--mj-text-primary);\n}\n\n.consent-history-title {\n    font-weight: 600;\n    margin-bottom: 6px;\n    color: var(--mj-text-primary);\n}\n\n.consent-history-row {\n    display: grid;\n    grid-template-columns: 90px 90px 1fr;\n    gap: 8px;\n    padding: 3px 0;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.consent-history-row:first-of-type {\n    border-top: none;\n}\n\n.consent-history-row.current {\n    font-weight: 600;\n}\n\n.consent-history-source {\n    color: var(--mj-text-secondary);\n}\n\n.consent-history-empty,\n.consent-history-note {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n    margin-top: 6px;\n}\n\n/* Consent dropdown on the add and edit rows */\n.form-field.consent-field select {\n    min-width: 130px;\n}\n\n/* A method's consents: one badge per purpose (and organization), hover for history */\n.consent-badges {\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    justify-content: flex-end;\n}\n\n.badge-consent .consent-purpose {\n    font-weight: 500;\n    opacity: 0.8;\n}\n\n.badge-consent .consent-purpose::after {\n    content: '\u00B7';\n    margin: 0 2px 0 4px;\n}\n\n.consent-history-row {\n    grid-template-columns: 90px 1fr 90px 1fr;\n}\n\n.consent-history-purpose {\n    color: var(--mj-text-secondary);\n}\n\n/* One dropdown per purpose under the add and edit rows */\n.cm-flat-add-form,\n.cm-flat-edit-row .form-row {\n    flex-wrap: wrap;\n}\n\n.form-row.consent-row {\n    flex-basis: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n"] }]
     }], null, { EditMode: [{
             type: Input
+        }], Provider: [{
+            type: Input
         }], DataChanged: [{
             type: Output
         }], Collection: [{
@@ -854,5 +1366,5 @@ export class ContactMethodListComponent {
         }], OrganizationID: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContactMethodListComponent, { className: "ContactMethodListComponent", filePath: "lib/components/contact-method-list/contact-method-list.component.ts", lineNumber: 62 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContactMethodListComponent, { className: "ContactMethodListComponent", filePath: "lib/components/contact-method-list/contact-method-list.component.ts", lineNumber: 102 }); })();
 //# sourceMappingURL=contact-method-list.component.js.map