@memberjunction/ng-list-management 5.34.1 → 5.36.0

package/dist/lib/components/list-share-dialog/list-share-dialog.component.js

@@ -9,11 +9,11 @@ import * as i3 from "@memberjunction/ng-ui-components";
 import * as i4 from "@memberjunction/ng-shared-generic";
 function ListShareDialogComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵelement(1, "mj-loading", 7);
+    i0.ɵɵelement(1, "mj-loading", 12);
     i0.ɵɵelementEnd();
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_14_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 28);
+    i0.ɵɵelementStart(0, "span", 33);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -23,13 +23,13 @@ function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Cond
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 25);
+    i0.ɵɵelementStart(0, "div", 30);
     i0.ɵɵlistener("mousedown", function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_14_For_2_Template_div_mousedown_0_listener() { const recipient_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.selectRecipient(recipient_r5)); });
     i0.ɵɵelement(1, "i");
-    i0.ɵɵelementStart(2, "div", 26)(3, "span", 27);
+    i0.ɵɵelementStart(2, "div", 31)(3, "span", 32);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_14_For_2_Conditional_5_Template, 2, 1, "span", 28);
+    i0.ɵɵconditionalCreate(5, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_14_For_2_Conditional_5_Template, 2, 1, "span", 33);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const recipient_r5 = ctx.$implicit;
@@ -42,8 +42,8 @@ function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Cond
     i0.ɵɵconditional(recipient_r5.email ? 5 : -1);
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵrepeaterCreate(1, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_14_For_2_Template, 6, 4, "div", 24, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵrepeaterCreate(1, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_14_For_2_Template, 6, 4, "div", 29, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -51,10 +51,10 @@ function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Cond
     i0.ɵɵrepeater(ctx_r1.searchResults);
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_15_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 35)(1, "span", 36);
+    i0.ɵɵelementStart(0, "div", 40)(1, "span", 41);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 37);
+    i0.ɵɵelementStart(3, "span", 42);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -66,22 +66,22 @@ function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Cond
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 23)(1, "div", 29);
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 34);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 30);
+    i0.ɵɵelementStart(5, "button", 35);
     i0.ɵɵlistener("click", function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_15_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.clearSearch()); });
-    i0.ɵɵelement(6, "i", 31);
+    i0.ɵɵelement(6, "i", 36);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "mj-dropdown", 32);
+    i0.ɵɵelementStart(7, "mj-dropdown", 37);
     i0.ɵɵtwoWayListener("ngModelChange", function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_15_Template_mj_dropdown_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedPermission, $event) || (ctx_r1.selectedPermission = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵtemplate(8, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_15_ng_template_8_Template, 5, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 33);
+    i0.ɵɵelementStart(10, "button", 38);
     i0.ɵɵlistener("click", function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_15_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.addShare()); });
-    i0.ɵɵelement(11, "i", 34);
+    i0.ɵɵelement(11, "i", 39);
     i0.ɵɵtext(12, " Add ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -99,27 +99,27 @@ function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Cond
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 8)(1, "h4", 13);
+    i0.ɵɵelementStart(0, "div", 13)(1, "h4", 18);
     i0.ɵɵtext(2, "Add people or roles");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 14)(4, "button", 15);
+    i0.ɵɵelementStart(3, "div", 19)(4, "button", 20);
     i0.ɵɵlistener("click", function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setSearchType("User")); });
-    i0.ɵɵelement(5, "i", 16);
+    i0.ɵɵelement(5, "i", 21);
     i0.ɵɵtext(6, " Users ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 15);
+    i0.ɵɵelementStart(7, "button", 20);
     i0.ɵɵlistener("click", function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setSearchType("Role")); });
-    i0.ɵɵelement(8, "i", 17);
+    i0.ɵɵelement(8, "i", 22);
     i0.ɵɵtext(9, " Roles ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 18)(11, "div", 19);
-    i0.ɵɵelement(12, "i", 20);
-    i0.ɵɵelementStart(13, "input", 21);
+    i0.ɵɵelementStart(10, "div", 23)(11, "div", 24);
+    i0.ɵɵelement(12, "i", 25);
+    i0.ɵɵelementStart(13, "input", 26);
     i0.ɵɵlistener("input", function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Template_input_input_13_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onSearchInput($event.target.value)); })("blur", function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Template_input_blur_13_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.showSearchResults = false); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(14, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_14_Template, 3, 0, "div", 22);
+    i0.ɵɵconditionalCreate(14, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_14_Template, 3, 0, "div", 27);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(15, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_15_Template, 13, 7, "div", 23);
+    i0.ɵɵconditionalCreate(15, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Conditional_15_Template, 13, 7, "div", 28);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -135,10 +135,10 @@ function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Temp
     i0.ɵɵconditional(ctx_r1.selectedRecipient ? 15 : -1);
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "hr", 9);
+    i0.ɵɵelement(0, "hr", 14);
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 44);
+    i0.ɵɵelementStart(0, "span", 49);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -147,13 +147,13 @@ function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_
     i0.ɵɵtextInterpolate(share_r8.recipientEmail);
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 45);
+    i0.ɵɵelementStart(0, "span", 50);
     i0.ɵɵtext(1, "Role");
     i0.ɵɵelementEnd();
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-dropdown", 50);
+    i0.ɵɵelementStart(0, "mj-dropdown", 55);
     i0.ɵɵlistener("ValueChange", function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_9_Template_mj_dropdown_ValueChange_0_listener($event) { i0.ɵɵrestoreView(_r9); const share_r8 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.updateSharePermission(share_r8, $event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -162,7 +162,7 @@ function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_
     i0.ɵɵproperty("Data", ctx_r1.permissionOptions)("ngModel", share_r8.permissionLevel)("ValuePrimitive", true)("Disabled", ctx_r1.saving);
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 48);
+    i0.ɵɵelementStart(0, "span", 53);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -173,27 +173,27 @@ function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 51);
+    i0.ɵɵelementStart(0, "button", 56);
     i0.ɵɵlistener("click", function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const share_r8 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.removeShare(share_r8)); });
-    i0.ɵɵelement(1, "i", 52);
+    i0.ɵɵelement(1, "i", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵproperty("disabled", ctx_r1.saving);
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39)(1, "div", 40);
-    i0.ɵɵelement(2, "i", 41);
-    i0.ɵɵelementStart(3, "div", 42)(4, "span", 43);
+    i0.ɵɵelementStart(0, "div", 44)(1, "div", 45);
+    i0.ɵɵelement(2, "i", 46);
+    i0.ɵɵelementStart(3, "div", 47)(4, "span", 48);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_6_Template, 2, 1, "span", 44);
-    i0.ɵɵconditionalCreate(7, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_7_Template, 2, 0, "span", 45);
+    i0.ɵɵconditionalCreate(6, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_6_Template, 2, 1, "span", 49);
+    i0.ɵɵconditionalCreate(7, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_7_Template, 2, 0, "span", 50);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 46);
-    i0.ɵɵconditionalCreate(9, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_9_Template, 1, 4, "mj-dropdown", 47);
-    i0.ɵɵconditionalCreate(10, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_10_Template, 2, 1, "span", 48);
-    i0.ɵɵconditionalCreate(11, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_11_Template, 2, 1, "button", 49);
+    i0.ɵɵelementStart(8, "div", 51);
+    i0.ɵɵconditionalCreate(9, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_9_Template, 1, 4, "mj-dropdown", 52);
+    i0.ɵɵconditionalCreate(10, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_10_Template, 2, 1, "span", 53);
+    i0.ɵɵconditionalCreate(11, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Conditional_11_Template, 2, 1, "button", 54);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const share_r8 = ctx.$implicit;
@@ -214,11 +214,11 @@ function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_
     i0.ɵɵconditional(ctx_r1.canModifyShares ? 11 : -1);
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 10)(1, "h4", 13);
+    i0.ɵɵelementStart(0, "div", 15)(1, "h4", 18);
     i0.ɵɵtext(2, "People with access");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 38);
-    i0.ɵɵrepeaterCreate(4, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Template, 12, 8, "div", 39, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(3, "div", 43);
+    i0.ɵɵrepeaterCreate(4, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_For_5_Template, 12, 8, "div", 44, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -226,17 +226,17 @@ function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_Temp
     i0.ɵɵrepeater(ctx_r1.currentShares);
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 54);
+    i0.ɵɵelementStart(0, "p", 59);
     i0.ɵɵtext(1, " Use the search above to find users or roles to share with. ");
     i0.ɵɵelementEnd();
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵelement(1, "i", 53);
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelement(1, "i", 58);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "This list hasn't been shared with anyone yet.");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_3_Conditional_4_Template, 2, 0, "p", 54);
+    i0.ɵɵconditionalCreate(4, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_3_Conditional_4_Template, 2, 0, "p", 59);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -244,18 +244,18 @@ function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_3_Temp
     i0.ɵɵconditional(ctx_r1.canModifyShares ? 4 : -1);
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵelement(1, "i", 55);
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵelement(1, "i", 60);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Only the list owner can manage sharing.");
     i0.ɵɵelementEnd()();
 } }
 function ListShareDialogComponent_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Template, 16, 6, "div", 8);
-    i0.ɵɵconditionalCreate(1, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_1_Template, 1, 0, "hr", 9);
-    i0.ɵɵconditionalCreate(2, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_Template, 6, 0, "div", 10);
-    i0.ɵɵconditionalCreate(3, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_3_Template, 5, 1, "div", 11);
-    i0.ɵɵconditionalCreate(4, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_4_Template, 4, 0, "div", 12);
+    i0.ɵɵconditionalCreate(0, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_0_Template, 16, 6, "div", 13);
+    i0.ɵɵconditionalCreate(1, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_1_Template, 1, 0, "hr", 14);
+    i0.ɵɵconditionalCreate(2, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_2_Template, 6, 0, "div", 15);
+    i0.ɵɵconditionalCreate(3, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_3_Template, 5, 1, "div", 16);
+    i0.ɵɵconditionalCreate(4, ListShareDialogComponent_Conditional_0_Conditional_3_Conditional_4_Template, 4, 0, "div", 17);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(ctx_r1.canModifyShares ? 0 : -1);
@@ -268,6 +268,20 @@ function ListShareDialogComponent_Conditional_0_Conditional_3_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r1.canModifyShares ? 4 : -1);
 } }
+function ListShareDialogComponent_Conditional_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 5)(1, "input", 61);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListShareDialogComponent_Conditional_0_Conditional_4_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.notifyByEmail, $event) || (ctx_r1.notifyByEmail = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "label", 62);
+    i0.ɵɵelement(3, "i", 63);
+    i0.ɵɵtext(4, " Send email notification to new shares ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.notifyByEmail);
+} }
 function ListShareDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mj-dialog", 2);
@@ -276,13 +290,24 @@ function ListShareDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵconditionalCreate(2, ListShareDialogComponent_Conditional_0_Conditional_2_Template, 2, 0, "div", 4);
     i0.ɵɵconditionalCreate(3, ListShareDialogComponent_Conditional_0_Conditional_3_Template, 5, 5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "mj-dialog-actions")(5, "button", 5);
-    i0.ɵɵlistener("click", function ListShareDialogComponent_Conditional_0_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDone()); });
-    i0.ɵɵtext(6, "Done");
+    i0.ɵɵconditionalCreate(4, ListShareDialogComponent_Conditional_0_Conditional_4_Template, 5, 1, "div", 5);
+    i0.ɵɵelementStart(5, "mj-dialog-actions")(6, "button", 6);
+    i0.ɵɵlistener("click", function ListShareDialogComponent_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDone()); });
+    i0.ɵɵtext(7, "Done");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "button", 7);
+    i0.ɵɵlistener("click", function ListShareDialogComponent_Conditional_0_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.manageInvitations.emit()); });
+    i0.ɵɵelement(9, "i", 8);
+    i0.ɵɵtext(10, " Manage Invitations ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 6);
-    i0.ɵɵlistener("click", function ListShareDialogComponent_Conditional_0_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
-    i0.ɵɵtext(8, "Cancel");
+    i0.ɵɵelementStart(11, "button", 9);
+    i0.ɵɵlistener("click", function ListShareDialogComponent_Conditional_0_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵtext(12, "Cancel");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "a", 10);
+    i0.ɵɵlistener("click", function ListShareDialogComponent_Conditional_0_Template_a_click_13_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.viewAuditLog.emit(); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵelement(14, "i", 11);
+    i0.ɵɵtext(15, " View audit log ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -291,6 +316,8 @@ function ListShareDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵconditional(ctx_r1.loading ? 2 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r1.loading ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.canModifyShares ? 4 : -1);
 } }
 /**
  * Dialog component for managing list sharing.
@@ -330,6 +357,23 @@ export class ListShareDialogComponent extends BaseAngularComponent {
      * Emitted when dialog is cancelled
      */
     cancel = new EventEmitter();
+    /**
+     * Emitted when the user clicks "Manage Invitations" in the footer.
+     * Phase 2: opens the invitations management UI for this list.
+     */
+    manageInvitations = new EventEmitter();
+    /**
+     * Emitted when the user clicks "View audit log" in the footer.
+     * Phase 2: opens the per-list audit log view.
+     */
+    viewAuditLog = new EventEmitter();
+    /**
+     * When true (the default), newly-added shares fan out as notifications
+     * to the recipient (email + in-app, depending on user preferences).
+     * The state is captured on the dialog so consumers can read it back
+     * via `ListShareDialogResult.notifyByEmail`.
+     */
+    notifyByEmail = true;
     // State
     loading = false;
     saving = false;
@@ -617,7 +661,8 @@ export class ListShareDialogComponent extends BaseAngularComponent {
             action: 'apply',
             sharesAdded: this.sharesAdded,
             sharesUpdated: this.sharesUpdated,
-            sharesRemoved: this.sharesRemoved
+            sharesRemoved: this.sharesRemoved,
+            notifyByEmail: this.notifyByEmail
         };
         this._visible = false;
         this.complete.emit(result);
@@ -636,15 +681,15 @@ export class ListShareDialogComponent extends BaseAngularComponent {
         return this.config?.isOwner === true;
     }
     static ɵfac = function ListShareDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ListShareDialogComponent)(i0.ɵɵdirectiveInject(i1.ListSharingService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListShareDialogComponent, selectors: [["mj-list-share-dialog"]], inputs: { config: "config", visible: "visible" }, outputs: { complete: "complete", cancel: "cancel" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["mjDropdownItem", ""], [3, "Visible", "Title", "Width"], [3, "Close", "Visible", "Title", "Width"], [1, "share-dialog-content"], [1, "loading-container"], ["mjButton", "", "variant", "primary", 3, "click"], ["mjButton", "", 3, "click"], ["text", "Loading shares..."], [1, "add-share-section"], [1, "section-divider"], [1, "current-shares-section"], [1, "empty-state"], [1, "readonly-notice"], [1, "section-title"], [1, "search-type-toggle"], ["mjButton", "", 3, "click", "variant"], [1, "fa-solid", "fa-user"], [1, "fa-solid", "fa-users"], [1, "search-container"], [1, "search-input-wrapper"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", 1, "mj-input", 3, "input", "blur", "value", "placeholder"], [1, "search-results"], [1, "selected-recipient"], [1, "search-result-item"], [1, "search-result-item", 3, "mousedown"], [1, "recipient-info"], [1, "recipient-name"], [1, "recipient-email"], [1, "recipient-chip"], ["mjButton", "", "variant", "flat", "size", "sm", 3, "click"], [1, "fa-solid", "fa-times"], ["TextField", "label", "ValueField", "value", 1, "permission-dropdown", 3, "ngModelChange", "Data", "ngModel", "ValuePrimitive"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], [1, "permission-option"], [1, "permission-label"], [1, "permission-desc"], [1, "share-list"], [1, "share-item"], [1, "share-info"], [1, "share-type-icon"], [1, "share-details"], [1, "share-name"], [1, "share-email"], [1, "share-type-label"], [1, "share-actions"], ["TextField", "label", "ValueField", "value", 1, "permission-dropdown-small", 3, "Data", "ngModel", "ValuePrimitive", "Disabled"], [1, "permission-badge"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove access", 3, "disabled"], ["TextField", "label", "ValueField", "value", 1, "permission-dropdown-small", 3, "ValueChange", "Data", "ngModel", "ValuePrimitive", "Disabled"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove access", 3, "click", "disabled"], [1, "fa-solid", "fa-trash"], [1, "fa-solid", "fa-share-nodes", "empty-icon"], [1, "empty-hint"], [1, "fa-solid", "fa-info-circle"]], template: function ListShareDialogComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, ListShareDialogComponent_Conditional_0_Template, 9, 5, "mj-dialog", 1);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListShareDialogComponent, selectors: [["mj-list-share-dialog"]], inputs: { config: "config", visible: "visible" }, outputs: { complete: "complete", cancel: "cancel", manageInvitations: "manageInvitations", viewAuditLog: "viewAuditLog" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["mjDropdownItem", ""], [3, "Visible", "Title", "Width"], [3, "Close", "Visible", "Title", "Width"], [1, "share-dialog-content"], [1, "loading-container"], [1, "notify-toggle"], ["mjButton", "", "variant", "primary", 3, "click"], ["mjButton", "", "variant", "outline", 3, "click"], [1, "fa-solid", "fa-envelope-open-text"], ["mjButton", "", 3, "click"], ["href", "#", 1, "audit-log-link", 3, "click"], [1, "fa-solid", "fa-clock-rotate-left"], ["text", "Loading shares..."], [1, "add-share-section"], [1, "section-divider"], [1, "current-shares-section"], [1, "empty-state"], [1, "readonly-notice"], [1, "section-title"], [1, "search-type-toggle"], ["mjButton", "", 3, "click", "variant"], [1, "fa-solid", "fa-user"], [1, "fa-solid", "fa-users"], [1, "search-container"], [1, "search-input-wrapper"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", 1, "mj-input", 3, "input", "blur", "value", "placeholder"], [1, "search-results"], [1, "selected-recipient"], [1, "search-result-item"], [1, "search-result-item", 3, "mousedown"], [1, "recipient-info"], [1, "recipient-name"], [1, "recipient-email"], [1, "recipient-chip"], ["mjButton", "", "variant", "flat", "size", "sm", 3, "click"], [1, "fa-solid", "fa-times"], ["TextField", "label", "ValueField", "value", 1, "permission-dropdown", 3, "ngModelChange", "Data", "ngModel", "ValuePrimitive"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], [1, "permission-option"], [1, "permission-label"], [1, "permission-desc"], [1, "share-list"], [1, "share-item"], [1, "share-info"], [1, "share-type-icon"], [1, "share-details"], [1, "share-name"], [1, "share-email"], [1, "share-type-label"], [1, "share-actions"], ["TextField", "label", "ValueField", "value", 1, "permission-dropdown-small", 3, "Data", "ngModel", "ValuePrimitive", "Disabled"], [1, "permission-badge"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove access", 3, "disabled"], ["TextField", "label", "ValueField", "value", 1, "permission-dropdown-small", 3, "ValueChange", "Data", "ngModel", "ValuePrimitive", "Disabled"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove access", 3, "click", "disabled"], [1, "fa-solid", "fa-trash"], [1, "fa-solid", "fa-share-nodes", "empty-icon"], [1, "empty-hint"], [1, "fa-solid", "fa-info-circle"], ["id", "share-notify", "type", "checkbox", 3, "ngModelChange", "ngModel"], ["for", "share-notify"], [1, "fa-solid", "fa-envelope"]], template: function ListShareDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, ListShareDialogComponent_Conditional_0_Template, 16, 6, "mj-dialog", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.visible ? 0 : -1);
-        } }, dependencies: [i2.NgControlStatus, i2.NgModel, i3.MJButtonDirective, i3.MJDialogComponent, i3.MJDialogActionsComponent, i3.MJDropdownComponent, i4.LoadingComponent], styles: [".share-dialog-content[_ngcontent-%COMP%] {\n  padding: 0;\n  min-height: 200px;\n}\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 200px;\n}\n\n\n\n.section-title[_ngcontent-%COMP%] {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.section-divider[_ngcontent-%COMP%] {\n  margin: 16px 0;\n  border: none;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n\n\n.add-share-section[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n}\n\n.search-type-toggle[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.search-type-toggle[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.search-type-toggle[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n\n\n.search-container[_ngcontent-%COMP%] {\n  position: relative;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%]   .search-icon[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 12px;\n  color: var(--mj-text-muted);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%] {\n  padding-left: 36px;\n}\n\n.search-results[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  box-shadow: var(--mj-shadow-md);\n  max-height: 200px;\n  overflow-y: auto;\n  z-index: 1000;\n}\n\n.search-result-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 12px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n}\n\n.search-result-item[_ngcontent-%COMP%]:hover {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.search-result-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  width: 20px;\n  text-align: center;\n}\n\n.recipient-info[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.recipient-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.recipient-email[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n\n\n.selected-recipient[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 12px;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n}\n\n.recipient-chip[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 20px;\n  flex: 1;\n}\n\n.recipient-chip[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.recipient-chip[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  flex: 1;\n  font-weight: 500;\n}\n\n.permission-dropdown[_ngcontent-%COMP%] {\n  width: 150px;\n}\n\n\n\n.permission-option[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 4px 0;\n}\n\n.permission-label[_ngcontent-%COMP%] {\n  font-weight: 500;\n}\n\n.permission-desc[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-secondary);\n}\n\n\n\n.current-shares-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.share-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.share-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  transition: background-color 0.15s;\n}\n\n.share-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.share-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.share-type-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 50%;\n}\n\n.share-details[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.share-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.share-email[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.share-type-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-secondary);\n  background: var(--mj-border-default);\n  padding: 2px 6px;\n  border-radius: 3px;\n  display: inline-block;\n  width: fit-content;\n}\n\n.share-actions[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.permission-dropdown-small[_ngcontent-%COMP%] {\n  width: 110px;\n}\n\n.permission-badge[_ngcontent-%COMP%] {\n  padding: 4px 10px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  text-align: center;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  font-size: 48px;\n  color: var(--mj-border-default);\n  margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  color: var(--mj-text-secondary);\n}\n\n.empty-hint[_ngcontent-%COMP%] {\n  font-size: 13px;\n  margin-top: 8px !important;\n}\n\n\n\n.readonly-notice[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px;\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  border-radius: 6px;\n  margin-top: 16px;\n  color: var(--mj-status-warning);\n  font-size: 13px;\n}\n\n.readonly-notice[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-warning);\n}"] });
+        } }, dependencies: [i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.MJButtonDirective, i3.MJDialogComponent, i3.MJDialogActionsComponent, i3.MJDropdownComponent, i4.LoadingComponent], styles: [".share-dialog-content[_ngcontent-%COMP%] {\n  padding: 0;\n  min-height: 200px;\n}\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 200px;\n}\n\n\n\n.section-title[_ngcontent-%COMP%] {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.section-divider[_ngcontent-%COMP%] {\n  margin: 16px 0;\n  border: none;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n\n\n.add-share-section[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n}\n\n.search-type-toggle[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.search-type-toggle[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.search-type-toggle[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n\n\n.search-container[_ngcontent-%COMP%] {\n  position: relative;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%]   .search-icon[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 12px;\n  color: var(--mj-text-muted);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%] {\n  padding-left: 36px;\n}\n\n.search-results[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  box-shadow: var(--mj-shadow-md);\n  max-height: 200px;\n  overflow-y: auto;\n  z-index: 1000;\n}\n\n.search-result-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 12px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n}\n\n.search-result-item[_ngcontent-%COMP%]:hover {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.search-result-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  width: 20px;\n  text-align: center;\n}\n\n.recipient-info[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.recipient-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.recipient-email[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n\n\n.selected-recipient[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 12px;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n}\n\n.recipient-chip[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 20px;\n  flex: 1;\n}\n\n.recipient-chip[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.recipient-chip[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  flex: 1;\n  font-weight: 500;\n}\n\n.permission-dropdown[_ngcontent-%COMP%] {\n  width: 150px;\n}\n\n\n\n.permission-option[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 4px 0;\n}\n\n.permission-label[_ngcontent-%COMP%] {\n  font-weight: 500;\n}\n\n.permission-desc[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-secondary);\n}\n\n\n\n.current-shares-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.share-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.share-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  transition: background-color 0.15s;\n}\n\n.share-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.share-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.share-type-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 50%;\n}\n\n.share-details[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.share-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.share-email[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.share-type-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-secondary);\n  background: var(--mj-border-default);\n  padding: 2px 6px;\n  border-radius: 3px;\n  display: inline-block;\n  width: fit-content;\n}\n\n.share-actions[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.permission-dropdown-small[_ngcontent-%COMP%] {\n  width: 110px;\n}\n\n.permission-badge[_ngcontent-%COMP%] {\n  padding: 4px 10px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  text-align: center;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  font-size: 48px;\n  color: var(--mj-border-default);\n  margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  color: var(--mj-text-secondary);\n}\n\n.empty-hint[_ngcontent-%COMP%] {\n  font-size: 13px;\n  margin-top: 8px !important;\n}\n\n\n\n.readonly-notice[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px;\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  border-radius: 6px;\n  margin-top: 16px;\n  color: var(--mj-status-warning);\n  font-size: 13px;\n}\n\n.readonly-notice[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-warning);\n}\n\n\n\n.notify-toggle[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  border-top: 1px solid var(--mj-border-subtle);\n  font-size: 12.5px;\n  color: var(--mj-text-secondary);\n}\n\n.notify-toggle[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n\n.notify-toggle[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n\n\n.audit-log-link[_ngcontent-%COMP%] {\n  margin-left: auto;\n  font-size: 12px;\n  color: var(--mj-text-link);\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  cursor: pointer;\n}\n\n.audit-log-link[_ngcontent-%COMP%]:hover {\n  text-decoration: underline;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListShareDialogComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-list-share-dialog', template: "@if (visible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Title]=\"dialogTitle\"\n    [Width]=\"500\"\n    (Close)=\"onCancel()\">\n    <div class=\"share-dialog-content\">\n      <!-- Loading state -->\n      @if (loading) {\n        <div class=\"loading-container\">\n          <mj-loading text=\"Loading shares...\"></mj-loading>\n        </div>\n      }\n      @if (!loading) {\n        <!-- Add new share section -->\n        @if (canModifyShares) {\n          <div class=\"add-share-section\">\n            <h4 class=\"section-title\">Add people or roles</h4>\n            <!-- Search type toggle -->\n            <div class=\"search-type-toggle\">\n              <button mjButton\n                [variant]=\"searchType === 'User' ? 'primary' : 'outline'\"\n                (click)=\"setSearchType('User')\">\n                <i class=\"fa-solid fa-user\"></i> Users\n              </button>\n              <button mjButton\n                [variant]=\"searchType === 'Role' ? 'primary' : 'outline'\"\n                (click)=\"setSearchType('Role')\">\n                <i class=\"fa-solid fa-users\"></i> Roles\n              </button>\n            </div>\n            <!-- Search input -->\n            <div class=\"search-container\">\n              <div class=\"search-input-wrapper\">\n                <i class=\"fa-solid fa-search search-icon\"></i>\n                <input type=\"text\"\n                  class=\"mj-input\"\n                  [value]=\"searchText\"\n                  (input)=\"onSearchInput($any($event.target).value)\"\n                  [placeholder]=\"'Search for ' + (searchType === 'User' ? 'users' : 'roles') + '...'\"\n                  (blur)=\"showSearchResults = false\" />\n              </div>\n              <!-- Search results dropdown -->\n              @if (showSearchResults && searchResults.length > 0) {\n                <div class=\"search-results\">\n                  @for (recipient of searchResults; track recipient) {\n                    <div class=\"search-result-item\"\n                      (mousedown)=\"selectRecipient(recipient)\">\n                      <i [class]=\"getShareTypeIcon(recipient.type)\"></i>\n                      <div class=\"recipient-info\">\n                        <span class=\"recipient-name\">{{ recipient.name }}</span>\n                        @if (recipient.email) {\n                          <span class=\"recipient-email\">{{ recipient.email }}</span>\n                        }\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n            <!-- Selected recipient and permission -->\n            @if (selectedRecipient) {\n              <div class=\"selected-recipient\">\n                <div class=\"recipient-chip\">\n                  <i [class]=\"getShareTypeIcon(selectedRecipient.type)\"></i>\n                  <span>{{ selectedRecipient.name }}</span>\n                  <button mjButton variant=\"flat\" size=\"sm\" (click)=\"clearSearch()\">\n                    <i class=\"fa-solid fa-times\"></i>\n                  </button>\n                </div>\n                <mj-dropdown\n                  [Data]=\"permissionOptions\"\n                  TextField=\"label\"\n                  ValueField=\"value\"\n                  [(ngModel)]=\"selectedPermission\"\n                  [ValuePrimitive]=\"true\"\n                  class=\"permission-dropdown\">\n                  <ng-template #mjDropdownItem let-dataItem>\n                    <div class=\"permission-option\">\n                      <span class=\"permission-label\">{{ dataItem.label }}</span>\n                      <span class=\"permission-desc\">{{ dataItem.description }}</span>\n                    </div>\n                  </ng-template>\n                </mj-dropdown>\n                <button mjButton\n                  variant=\"primary\"\n                  [disabled]=\"saving\"\n                  (click)=\"addShare()\">\n                  <i class=\"fa-solid fa-plus\"></i> Add\n                </button>\n              </div>\n            }\n          </div>\n        }\n        <!-- Divider -->\n        @if (currentShares.length > 0 && canModifyShares) {\n          <hr class=\"section-divider\">\n        }\n        <!-- Current shares section -->\n        @if (currentShares.length > 0) {\n          <div class=\"current-shares-section\">\n            <h4 class=\"section-title\">People with access</h4>\n            <div class=\"share-list\">\n              @for (share of currentShares; track share) {\n                <div class=\"share-item\">\n                  <div class=\"share-info\">\n                    <i [class]=\"getShareTypeIcon(share.type)\" class=\"share-type-icon\"></i>\n                    <div class=\"share-details\">\n                      <span class=\"share-name\">{{ share.recipientName }}</span>\n                      @if (share.recipientEmail) {\n                        <span class=\"share-email\">{{ share.recipientEmail }}</span>\n                      }\n                      @if (share.type === 'Role') {\n                        <span class=\"share-type-label\">Role</span>\n                      }\n                    </div>\n                  </div>\n                  <div class=\"share-actions\">\n                    @if (canModifyShares) {\n                      <mj-dropdown\n                        [Data]=\"permissionOptions\"\n                        TextField=\"label\"\n                        ValueField=\"value\"\n                        [ngModel]=\"share.permissionLevel\"\n                        [ValuePrimitive]=\"true\"\n                        (ValueChange)=\"updateSharePermission(share, $any($event))\"\n                        [Disabled]=\"saving\"\n                        class=\"permission-dropdown-small\">\n                      </mj-dropdown>\n                    }\n                    @if (!canModifyShares) {\n                      <span class=\"permission-badge\">\n                        {{ getPermissionLabel(share.permissionLevel) }}\n                      </span>\n                    }\n                    @if (canModifyShares) {\n                      <button mjButton\n                        variant=\"danger\"\n                        size=\"sm\"\n                        title=\"Remove access\"\n                        [disabled]=\"saving\"\n                        (click)=\"removeShare(share)\">\n                        <i class=\"fa-solid fa-trash\"></i>\n                      </button>\n                    }\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        }\n        <!-- Empty state -->\n        @if (currentShares.length === 0 && !loading) {\n          <div class=\"empty-state\">\n            <i class=\"fa-solid fa-share-nodes empty-icon\"></i>\n            <p>This list hasn't been shared with anyone yet.</p>\n            @if (canModifyShares) {\n              <p class=\"empty-hint\">\n                Use the search above to find users or roles to share with.\n              </p>\n            }\n          </div>\n        }\n        <!-- Read-only notice -->\n        @if (!canModifyShares) {\n          <div class=\"readonly-notice\">\n            <i class=\"fa-solid fa-info-circle\"></i>\n            <span>Only the list owner can manage sharing.</span>\n          </div>\n        }\n      }\n    </div>\n    <mj-dialog-actions>\n      <button mjButton variant=\"primary\" (click)=\"onDone()\">Done</button>\n      <button mjButton (click)=\"onCancel()\">Cancel</button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n", styles: [".share-dialog-content {\n  padding: 0;\n  min-height: 200px;\n}\n\n.loading-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 200px;\n}\n\n/* Section styling */\n.section-title {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.section-divider {\n  margin: 16px 0;\n  border: none;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n/* Add share section */\n.add-share-section {\n  margin-bottom: 16px;\n}\n\n.search-type-toggle {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.search-type-toggle button {\n  flex: 1;\n}\n\n.search-type-toggle i {\n  margin-right: 6px;\n}\n\n/* Search container */\n.search-container {\n  position: relative;\n}\n\n.search-input-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.search-input-wrapper .search-icon {\n  position: absolute;\n  left: 12px;\n  color: var(--mj-text-muted);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.search-input-wrapper .mj-input {\n  padding-left: 36px;\n}\n\n.search-results {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  box-shadow: var(--mj-shadow-md);\n  max-height: 200px;\n  overflow-y: auto;\n  z-index: 1000;\n}\n\n.search-result-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 12px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n}\n\n.search-result-item:hover {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.search-result-item i {\n  color: var(--mj-text-secondary);\n  width: 20px;\n  text-align: center;\n}\n\n.recipient-info {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.recipient-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.recipient-email {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n/* Selected recipient */\n.selected-recipient {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 12px;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n}\n\n.recipient-chip {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 20px;\n  flex: 1;\n}\n\n.recipient-chip i {\n  color: var(--mj-brand-primary);\n}\n\n.recipient-chip span {\n  flex: 1;\n  font-weight: 500;\n}\n\n.permission-dropdown {\n  width: 150px;\n}\n\n/* Permission option template */\n.permission-option {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 4px 0;\n}\n\n.permission-label {\n  font-weight: 500;\n}\n\n.permission-desc {\n  font-size: 11px;\n  color: var(--mj-text-secondary);\n}\n\n/* Current shares section */\n.current-shares-section {\n  margin-top: 16px;\n}\n\n.share-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.share-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  transition: background-color 0.15s;\n}\n\n.share-item:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.share-info {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.share-type-icon {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 50%;\n}\n\n.share-details {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.share-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.share-email {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.share-type-label {\n  font-size: 11px;\n  color: var(--mj-text-secondary);\n  background: var(--mj-border-default);\n  padding: 2px 6px;\n  border-radius: 3px;\n  display: inline-block;\n  width: fit-content;\n}\n\n.share-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.permission-dropdown-small {\n  width: 110px;\n}\n\n.permission-badge {\n  padding: 4px 10px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n/* Empty state */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  text-align: center;\n}\n\n.empty-icon {\n  font-size: 48px;\n  color: var(--mj-border-default);\n  margin-bottom: 16px;\n}\n\n.empty-state p {\n  margin: 0;\n  color: var(--mj-text-secondary);\n}\n\n.empty-hint {\n  font-size: 13px;\n  margin-top: 8px !important;\n}\n\n/* Read-only notice */\n.readonly-notice {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px;\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  border-radius: 6px;\n  margin-top: 16px;\n  color: var(--mj-status-warning);\n  font-size: 13px;\n}\n\n.readonly-notice i {\n  color: var(--mj-status-warning);\n}\n\n"] }]
+        args: [{ standalone: false, selector: 'mj-list-share-dialog', template: "@if (visible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Title]=\"dialogTitle\"\n    [Width]=\"500\"\n    (Close)=\"onCancel()\">\n    <div class=\"share-dialog-content\">\n      <!-- Loading state -->\n      @if (loading) {\n        <div class=\"loading-container\">\n          <mj-loading text=\"Loading shares...\"></mj-loading>\n        </div>\n      }\n      @if (!loading) {\n        <!-- Add new share section -->\n        @if (canModifyShares) {\n          <div class=\"add-share-section\">\n            <h4 class=\"section-title\">Add people or roles</h4>\n            <!-- Search type toggle -->\n            <div class=\"search-type-toggle\">\n              <button mjButton\n                [variant]=\"searchType === 'User' ? 'primary' : 'outline'\"\n                (click)=\"setSearchType('User')\">\n                <i class=\"fa-solid fa-user\"></i> Users\n              </button>\n              <button mjButton\n                [variant]=\"searchType === 'Role' ? 'primary' : 'outline'\"\n                (click)=\"setSearchType('Role')\">\n                <i class=\"fa-solid fa-users\"></i> Roles\n              </button>\n            </div>\n            <!-- Search input -->\n            <div class=\"search-container\">\n              <div class=\"search-input-wrapper\">\n                <i class=\"fa-solid fa-search search-icon\"></i>\n                <input type=\"text\"\n                  class=\"mj-input\"\n                  [value]=\"searchText\"\n                  (input)=\"onSearchInput($any($event.target).value)\"\n                  [placeholder]=\"'Search for ' + (searchType === 'User' ? 'users' : 'roles') + '...'\"\n                  (blur)=\"showSearchResults = false\" />\n              </div>\n              <!-- Search results dropdown -->\n              @if (showSearchResults && searchResults.length > 0) {\n                <div class=\"search-results\">\n                  @for (recipient of searchResults; track recipient) {\n                    <div class=\"search-result-item\"\n                      (mousedown)=\"selectRecipient(recipient)\">\n                      <i [class]=\"getShareTypeIcon(recipient.type)\"></i>\n                      <div class=\"recipient-info\">\n                        <span class=\"recipient-name\">{{ recipient.name }}</span>\n                        @if (recipient.email) {\n                          <span class=\"recipient-email\">{{ recipient.email }}</span>\n                        }\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n            <!-- Selected recipient and permission -->\n            @if (selectedRecipient) {\n              <div class=\"selected-recipient\">\n                <div class=\"recipient-chip\">\n                  <i [class]=\"getShareTypeIcon(selectedRecipient.type)\"></i>\n                  <span>{{ selectedRecipient.name }}</span>\n                  <button mjButton variant=\"flat\" size=\"sm\" (click)=\"clearSearch()\">\n                    <i class=\"fa-solid fa-times\"></i>\n                  </button>\n                </div>\n                <mj-dropdown\n                  [Data]=\"permissionOptions\"\n                  TextField=\"label\"\n                  ValueField=\"value\"\n                  [(ngModel)]=\"selectedPermission\"\n                  [ValuePrimitive]=\"true\"\n                  class=\"permission-dropdown\">\n                  <ng-template #mjDropdownItem let-dataItem>\n                    <div class=\"permission-option\">\n                      <span class=\"permission-label\">{{ dataItem.label }}</span>\n                      <span class=\"permission-desc\">{{ dataItem.description }}</span>\n                    </div>\n                  </ng-template>\n                </mj-dropdown>\n                <button mjButton\n                  variant=\"primary\"\n                  [disabled]=\"saving\"\n                  (click)=\"addShare()\">\n                  <i class=\"fa-solid fa-plus\"></i> Add\n                </button>\n              </div>\n            }\n          </div>\n        }\n        <!-- Divider -->\n        @if (currentShares.length > 0 && canModifyShares) {\n          <hr class=\"section-divider\">\n        }\n        <!-- Current shares section -->\n        @if (currentShares.length > 0) {\n          <div class=\"current-shares-section\">\n            <h4 class=\"section-title\">People with access</h4>\n            <div class=\"share-list\">\n              @for (share of currentShares; track share) {\n                <div class=\"share-item\">\n                  <div class=\"share-info\">\n                    <i [class]=\"getShareTypeIcon(share.type)\" class=\"share-type-icon\"></i>\n                    <div class=\"share-details\">\n                      <span class=\"share-name\">{{ share.recipientName }}</span>\n                      @if (share.recipientEmail) {\n                        <span class=\"share-email\">{{ share.recipientEmail }}</span>\n                      }\n                      @if (share.type === 'Role') {\n                        <span class=\"share-type-label\">Role</span>\n                      }\n                    </div>\n                  </div>\n                  <div class=\"share-actions\">\n                    @if (canModifyShares) {\n                      <mj-dropdown\n                        [Data]=\"permissionOptions\"\n                        TextField=\"label\"\n                        ValueField=\"value\"\n                        [ngModel]=\"share.permissionLevel\"\n                        [ValuePrimitive]=\"true\"\n                        (ValueChange)=\"updateSharePermission(share, $any($event))\"\n                        [Disabled]=\"saving\"\n                        class=\"permission-dropdown-small\">\n                      </mj-dropdown>\n                    }\n                    @if (!canModifyShares) {\n                      <span class=\"permission-badge\">\n                        {{ getPermissionLabel(share.permissionLevel) }}\n                      </span>\n                    }\n                    @if (canModifyShares) {\n                      <button mjButton\n                        variant=\"danger\"\n                        size=\"sm\"\n                        title=\"Remove access\"\n                        [disabled]=\"saving\"\n                        (click)=\"removeShare(share)\">\n                        <i class=\"fa-solid fa-trash\"></i>\n                      </button>\n                    }\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        }\n        <!-- Empty state -->\n        @if (currentShares.length === 0 && !loading) {\n          <div class=\"empty-state\">\n            <i class=\"fa-solid fa-share-nodes empty-icon\"></i>\n            <p>This list hasn't been shared with anyone yet.</p>\n            @if (canModifyShares) {\n              <p class=\"empty-hint\">\n                Use the search above to find users or roles to share with.\n              </p>\n            }\n          </div>\n        }\n        <!-- Read-only notice -->\n        @if (!canModifyShares) {\n          <div class=\"readonly-notice\">\n            <i class=\"fa-solid fa-info-circle\"></i>\n            <span>Only the list owner can manage sharing.</span>\n          </div>\n        }\n      }\n    </div>\n    <!-- Notify-by-email toggle (mockup 15). Sits above the action footer so\n         the user can flip it after adding shares but before clicking Done. -->\n    @if (canModifyShares) {\n      <div class=\"notify-toggle\">\n        <input id=\"share-notify\" type=\"checkbox\" [(ngModel)]=\"notifyByEmail\" />\n        <label for=\"share-notify\">\n          <i class=\"fa-solid fa-envelope\"></i>\n          Send email notification to new shares\n        </label>\n      </div>\n    }\n    <mj-dialog-actions>\n      <button mjButton variant=\"primary\" (click)=\"onDone()\">Done</button>\n      <button mjButton variant=\"outline\" (click)=\"manageInvitations.emit()\">\n        <i class=\"fa-solid fa-envelope-open-text\"></i>\n        Manage Invitations\n      </button>\n      <button mjButton (click)=\"onCancel()\">Cancel</button>\n      <a class=\"audit-log-link\" (click)=\"viewAuditLog.emit(); $event.preventDefault()\" href=\"#\">\n        <i class=\"fa-solid fa-clock-rotate-left\"></i>\n        View audit log\n      </a>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n", styles: [".share-dialog-content {\n  padding: 0;\n  min-height: 200px;\n}\n\n.loading-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 200px;\n}\n\n/* Section styling */\n.section-title {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.section-divider {\n  margin: 16px 0;\n  border: none;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n/* Add share section */\n.add-share-section {\n  margin-bottom: 16px;\n}\n\n.search-type-toggle {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.search-type-toggle button {\n  flex: 1;\n}\n\n.search-type-toggle i {\n  margin-right: 6px;\n}\n\n/* Search container */\n.search-container {\n  position: relative;\n}\n\n.search-input-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.search-input-wrapper .search-icon {\n  position: absolute;\n  left: 12px;\n  color: var(--mj-text-muted);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.search-input-wrapper .mj-input {\n  padding-left: 36px;\n}\n\n.search-results {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  box-shadow: var(--mj-shadow-md);\n  max-height: 200px;\n  overflow-y: auto;\n  z-index: 1000;\n}\n\n.search-result-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 12px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n}\n\n.search-result-item:hover {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.search-result-item i {\n  color: var(--mj-text-secondary);\n  width: 20px;\n  text-align: center;\n}\n\n.recipient-info {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.recipient-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.recipient-email {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n/* Selected recipient */\n.selected-recipient {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 12px;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n}\n\n.recipient-chip {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 20px;\n  flex: 1;\n}\n\n.recipient-chip i {\n  color: var(--mj-brand-primary);\n}\n\n.recipient-chip span {\n  flex: 1;\n  font-weight: 500;\n}\n\n.permission-dropdown {\n  width: 150px;\n}\n\n/* Permission option template */\n.permission-option {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 4px 0;\n}\n\n.permission-label {\n  font-weight: 500;\n}\n\n.permission-desc {\n  font-size: 11px;\n  color: var(--mj-text-secondary);\n}\n\n/* Current shares section */\n.current-shares-section {\n  margin-top: 16px;\n}\n\n.share-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.share-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  transition: background-color 0.15s;\n}\n\n.share-item:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.share-info {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.share-type-icon {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 50%;\n}\n\n.share-details {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.share-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.share-email {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.share-type-label {\n  font-size: 11px;\n  color: var(--mj-text-secondary);\n  background: var(--mj-border-default);\n  padding: 2px 6px;\n  border-radius: 3px;\n  display: inline-block;\n  width: fit-content;\n}\n\n.share-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.permission-dropdown-small {\n  width: 110px;\n}\n\n.permission-badge {\n  padding: 4px 10px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n/* Empty state */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  text-align: center;\n}\n\n.empty-icon {\n  font-size: 48px;\n  color: var(--mj-border-default);\n  margin-bottom: 16px;\n}\n\n.empty-state p {\n  margin: 0;\n  color: var(--mj-text-secondary);\n}\n\n.empty-hint {\n  font-size: 13px;\n  margin-top: 8px !important;\n}\n\n/* Read-only notice */\n.readonly-notice {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px;\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  border-radius: 6px;\n  margin-top: 16px;\n  color: var(--mj-status-warning);\n  font-size: 13px;\n}\n\n.readonly-notice i {\n  color: var(--mj-status-warning);\n}\n\n/* Notify-by-email toggle (Phase 2 \u2014 mockup 15) */\n.notify-toggle {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  border-top: 1px solid var(--mj-border-subtle);\n  font-size: 12.5px;\n  color: var(--mj-text-secondary);\n}\n\n.notify-toggle input {\n  cursor: pointer;\n}\n\n.notify-toggle label {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n/* Footer audit-log link \u2014 sits on the far right of the dialog footer */\n.audit-log-link {\n  margin-left: auto;\n  font-size: 12px;\n  color: var(--mj-text-link);\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  cursor: pointer;\n}\n\n.audit-log-link:hover {\n  text-decoration: underline;\n}\n\n"] }]
     }], () => [{ type: i1.ListSharingService }, { type: i0.ChangeDetectorRef }], { config: [{
             type: Input
         }], visible: [{
@@ -653,6 +698,10 @@ export class ListShareDialogComponent extends BaseAngularComponent {
             type: Output
         }], cancel: [{
             type: Output
+        }], manageInvitations: [{
+            type: Output
+        }], viewAuditLog: [{
+            type: Output
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListShareDialogComponent, { className: "ListShareDialogComponent", filePath: "src/lib/components/list-share-dialog/list-share-dialog.component.ts", lineNumber: 39 }); })();
 //# sourceMappingURL=list-share-dialog.component.js.map