@memberjunction/ng-list-management 0.0.1 → 3.0.0

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

@@ -0,0 +1,658 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Subject } from 'rxjs';
+import { debounceTime, takeUntil } from 'rxjs/operators';
+import { Metadata } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/list-sharing.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@progress/kendo-angular-dialog";
+import * as i5 from "@progress/kendo-angular-buttons";
+import * as i6 from "@progress/kendo-angular-inputs";
+import * as i7 from "@progress/kendo-angular-dropdowns";
+import * as i8 from "@memberjunction/ng-shared-generic";
+function ListShareDialogComponent_kendo_dialog_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelement(1, "mj-loading", 8);
+    i0.ɵɵelementEnd();
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_ng_template_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 25);
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_div_13_div_1_span_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 32);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const recipient_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(recipient_r5.email);
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_div_13_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵlistener("mousedown", function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_div_13_div_1_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", 29)(3, "span", 30);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_div_13_div_1_span_5_Template, 2, 1, "span", 31);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const recipient_r5 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.getShareTypeIcon(recipient_r5.type));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(recipient_r5.name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", recipient_r5.email);
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_div_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵtemplate(1, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_div_13_div_1_Template, 6, 4, "div", 27);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.searchResults);
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_div_14_ng_template_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 40)(1, "span", 41);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 42);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const dataItem_r7 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(dataItem_r7.label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(dataItem_r7.description);
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_div_14_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 33)(1, "div", 34);
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 35);
+    i0.ɵɵlistener("click", function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_div_14_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.clearSearch()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "kendo-dropdownlist", 36);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_div_14_Template_kendo_dropdownlist_ngModelChange_6_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(7, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_div_14_ng_template_7_Template, 5, 2, "ng-template", 37);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "button", 38);
+    i0.ɵɵlistener("click", function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_div_14_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.addShare()); });
+    i0.ɵɵelement(9, "i", 39);
+    i0.ɵɵtext(10, " Add ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.getShareTypeIcon(ctx_r1.selectedRecipient.type));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.selectedRecipient.name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("look", "flat")("icon", "close");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("data", ctx_r1.permissionOptions)("textField", "label")("valueField", "value");
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedPermission);
+    i0.ɵɵproperty("valuePrimitive", true);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.saving);
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 14)(1, "h4", 15);
+    i0.ɵɵtext(2, "Add people or roles");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 16)(4, "button", 17);
+    i0.ɵɵlistener("click", function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_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", 18);
+    i0.ɵɵtext(6, " Users ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 17);
+    i0.ɵɵlistener("click", function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_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", 19);
+    i0.ɵɵtext(9, " Roles ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 20)(11, "kendo-textbox", 21);
+    i0.ɵɵlistener("valueChange", function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_Template_kendo_textbox_valueChange_11_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onSearchInput($event)); })("blur", function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_Template_kendo_textbox_blur_11_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.showSearchResults = false); });
+    i0.ɵɵtemplate(12, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_ng_template_12_Template, 1, 0, "ng-template", 22);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(13, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_div_13_Template, 2, 1, "div", 23);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(14, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_div_14_Template, 11, 11, "div", 24);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("fillMode", ctx_r1.searchType === "User" ? "solid" : "outline")("themeColor", ctx_r1.searchType === "User" ? "primary" : "base");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("fillMode", ctx_r1.searchType === "Role" ? "solid" : "outline")("themeColor", ctx_r1.searchType === "Role" ? "primary" : "base");
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r1.searchText)("placeholder", "Search for " + (ctx_r1.searchType === "User" ? "users" : "roles") + "...")("clearButton", true);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r1.showSearchResults && ctx_r1.searchResults.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.selectedRecipient);
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_hr_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "hr", 43);
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_div_4_span_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 58);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const share_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(share_r8.recipientEmail);
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_div_4_span_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 59);
+    i0.ɵɵtext(1, "Role");
+    i0.ɵɵelementEnd();
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_div_4_kendo_dropdownlist_9_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dropdownlist", 60);
+    i0.ɵɵlistener("valueChange", function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_div_4_kendo_dropdownlist_9_Template_kendo_dropdownlist_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) {
+    const share_r8 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("data", ctx_r1.permissionOptions)("textField", "label")("valueField", "value")("value", share_r8.permissionLevel)("valuePrimitive", true)("disabled", ctx_r1.saving);
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_div_4_span_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 61);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const share_r8 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getPermissionLabel(share_r8.permissionLevel), " ");
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_div_4_button_11_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 62);
+    i0.ɵɵlistener("click", function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_div_4_button_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.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("look", "flat")("icon", "trash")("disabled", ctx_r1.saving);
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 47)(1, "div", 48);
+    i0.ɵɵelement(2, "i", 49);
+    i0.ɵɵelementStart(3, "div", 50)(4, "span", 51);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_div_4_span_6_Template, 2, 1, "span", 52)(7, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_div_4_span_7_Template, 2, 0, "span", 53);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 54);
+    i0.ɵɵtemplate(9, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_div_4_kendo_dropdownlist_9_Template, 1, 6, "kendo-dropdownlist", 55)(10, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_div_4_span_10_Template, 2, 1, "span", 56)(11, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_div_4_button_11_Template, 1, 3, "button", 57);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const share_r8 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.getShareTypeIcon(share_r8.type));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(share_r8.recipientName);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", share_r8.recipientEmail);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", share_r8.type === "Role");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r1.canModifyShares);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.canModifyShares);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.canModifyShares);
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 44)(1, "h4", 15);
+    i0.ɵɵtext(2, "People with access");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 45);
+    i0.ɵɵtemplate(4, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_div_4_Template, 12, 8, "div", 46);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngForOf", ctx_r1.currentShares);
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_4_p_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 66);
+    i0.ɵɵtext(1, " Use the search above to find users or roles to share with. ");
+    i0.ɵɵelementEnd();
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 63);
+    i0.ɵɵelement(1, "i", 64);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "This list hasn't been shared with anyone yet.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_4_p_4_Template, 2, 0, "p", 65);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngIf", ctx_r1.canModifyShares);
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 67);
+    i0.ɵɵelement(1, "i", 68);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Only the list owner can manage sharing.");
+    i0.ɵɵelementEnd()();
+} }
+function ListShareDialogComponent_kendo_dialog_0_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_1_Template, 15, 9, "div", 9)(2, ListShareDialogComponent_kendo_dialog_0_ng_container_3_hr_2_Template, 1, 0, "hr", 10)(3, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_3_Template, 5, 1, "div", 11)(4, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_4_Template, 5, 1, "div", 12)(5, ListShareDialogComponent_kendo_dialog_0_ng_container_3_div_5_Template, 4, 0, "div", 13);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.canModifyShares);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.currentShares.length > 0 && ctx_r1.canModifyShares);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.currentShares.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.currentShares.length === 0 && !ctx_r1.loading);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.canModifyShares);
+} }
+function ListShareDialogComponent_kendo_dialog_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 1);
+    i0.ɵɵlistener("close", function ListShareDialogComponent_kendo_dialog_0_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵtemplate(2, ListShareDialogComponent_kendo_dialog_0_div_2_Template, 2, 0, "div", 3)(3, ListShareDialogComponent_kendo_dialog_0_ng_container_3_Template, 6, 5, "ng-container", 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "kendo-dialog-actions")(5, "button", 5);
+    i0.ɵɵlistener("click", function ListShareDialogComponent_kendo_dialog_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.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 6);
+    i0.ɵɵlistener("click", function ListShareDialogComponent_kendo_dialog_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.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", ctx_r1.dialogTitle)("width", 500)("minWidth", 400);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r1.loading);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.loading);
+} }
+/**
+ * Dialog component for managing list sharing.
+ * Allows users to share lists with other users or roles with different permission levels.
+ *
+ * Features:
+ * - User/role search with autocomplete
+ * - Permission level selection (View, Edit, Owner)
+ * - Current shares management
+ * - Remove access functionality
+ */
+export class ListShareDialogComponent {
+    sharingService;
+    cdr;
+    /**
+     * Configuration for the dialog
+     */
+    config;
+    /**
+     * Controls dialog visibility
+     */
+    get visible() {
+        return this._visible;
+    }
+    set visible(value) {
+        if (value && !this._visible) {
+            this.initializeDialog();
+        }
+        this._visible = value;
+    }
+    _visible = false;
+    /**
+     * Emitted when dialog is closed with results
+     */
+    complete = new EventEmitter();
+    /**
+     * Emitted when dialog is cancelled
+     */
+    cancel = new EventEmitter();
+    // State
+    loading = false;
+    saving = false;
+    searchText = '';
+    searchType = 'User';
+    showSearchResults = false;
+    // Data
+    currentShares = [];
+    searchResults = [];
+    selectedRecipient = null;
+    selectedPermission = 'View';
+    // Track changes
+    sharesAdded = [];
+    sharesUpdated = [];
+    sharesRemoved = [];
+    // Permission options
+    permissionOptions = [
+        { value: 'View', label: 'Viewer', description: 'Can view list contents' },
+        { value: 'Edit', label: 'Editor', description: 'Can add/remove items' },
+        { value: 'Owner', label: 'Co-owner', description: 'Full control including sharing' }
+    ];
+    // Cleanup
+    destroy$ = new Subject();
+    searchSubject = new Subject();
+    constructor(sharingService, cdr) {
+        this.sharingService = sharingService;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.setupSearchDebounce();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    /**
+     * Get dialog title
+     */
+    get dialogTitle() {
+        return `Share "${this.config?.listName || 'List'}"`;
+    }
+    /**
+     * Check if there are pending changes
+     */
+    get hasChanges() {
+        return this.sharesAdded.length > 0 ||
+            this.sharesUpdated.length > 0 ||
+            this.sharesRemoved.length > 0;
+    }
+    /**
+     * Setup search with debounce
+     */
+    setupSearchDebounce() {
+        this.searchSubject.pipe(debounceTime(300), takeUntil(this.destroy$)).subscribe(async (searchText) => {
+            if (searchText.trim().length >= 2) {
+                await this.performSearch(searchText);
+            }
+            else {
+                this.searchResults = [];
+                this.showSearchResults = false;
+            }
+            this.cdr.detectChanges();
+        });
+    }
+    /**
+     * Initialize dialog when opened
+     */
+    async initializeDialog() {
+        this.resetState();
+        await this.loadCurrentShares();
+    }
+    /**
+     * Reset all state
+     */
+    resetState() {
+        this.searchText = '';
+        this.searchType = 'User';
+        this.showSearchResults = false;
+        this.searchResults = [];
+        this.selectedRecipient = null;
+        this.selectedPermission = 'View';
+        this.sharesAdded = [];
+        this.sharesUpdated = [];
+        this.sharesRemoved = [];
+    }
+    /**
+     * Load current shares for the list
+     */
+    async loadCurrentShares() {
+        if (!this.config)
+            return;
+        this.loading = true;
+        this.cdr.detectChanges();
+        try {
+            this.currentShares = await this.sharingService.getListShares(this.config.listId);
+        }
+        catch (error) {
+            console.error('Error loading shares:', error);
+            this.currentShares = [];
+        }
+        finally {
+            this.loading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Handle search input
+     */
+    onSearchInput(event) {
+        const value = event.target.value;
+        this.searchText = value;
+        this.searchSubject.next(value);
+    }
+    /**
+     * Clear search
+     */
+    clearSearch() {
+        this.searchText = '';
+        this.searchResults = [];
+        this.showSearchResults = false;
+        this.selectedRecipient = null;
+    }
+    /**
+     * Switch search type
+     */
+    setSearchType(type) {
+        this.searchType = type;
+        if (this.searchText.trim().length >= 2) {
+            this.searchSubject.next(this.searchText);
+        }
+    }
+    /**
+     * Perform search
+     */
+    async performSearch(searchText) {
+        try {
+            if (this.searchType === 'User') {
+                this.searchResults = await this.sharingService.searchUsers(searchText);
+            }
+            else {
+                this.searchResults = await this.sharingService.searchRoles(searchText);
+            }
+            // Filter out recipients that already have access
+            const existingIds = new Set(this.currentShares.map(s => s.recipientId));
+            this.searchResults = this.searchResults.filter(r => !existingIds.has(r.id));
+            // Also filter out the list owner
+            this.searchResults = this.searchResults.filter(r => r.id !== this.config?.currentUserId);
+            this.showSearchResults = this.searchResults.length > 0;
+        }
+        catch (error) {
+            console.error('Error searching:', error);
+            this.searchResults = [];
+        }
+    }
+    /**
+     * Select a recipient from search results
+     */
+    selectRecipient(recipient) {
+        this.selectedRecipient = recipient;
+        this.searchText = recipient.name;
+        this.showSearchResults = false;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Add the selected recipient as a share
+     */
+    async addShare() {
+        if (!this.selectedRecipient || !this.config)
+            return;
+        this.saving = true;
+        try {
+            const md = new Metadata();
+            let result;
+            if (this.selectedRecipient.type === 'User') {
+                result = await this.sharingService.shareListWithUser(this.config.listId, this.selectedRecipient.id, this.selectedPermission, this.config.currentUserId);
+            }
+            else {
+                result = await this.sharingService.shareListWithRole(this.config.listId, this.selectedRecipient.id, this.selectedPermission, this.config.currentUserId);
+            }
+            if (result.success && result.shareId) {
+                // Create a ListShareInfo for tracking
+                const newShare = {
+                    shareId: result.shareId,
+                    listId: this.config.listId,
+                    type: this.selectedRecipient.type,
+                    recipientId: this.selectedRecipient.id,
+                    recipientName: this.selectedRecipient.name,
+                    recipientEmail: this.selectedRecipient.email,
+                    permissionLevel: this.selectedPermission,
+                    status: 'Approved'
+                };
+                this.currentShares.push(newShare);
+                this.sharesAdded.push(newShare);
+                // Clear selection
+                this.clearSearch();
+                this.selectedPermission = 'View';
+            }
+            else {
+                console.error('Failed to add share:', result.message);
+            }
+        }
+        catch (error) {
+            console.error('Error adding share:', error);
+        }
+        finally {
+            this.saving = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Update permission level for an existing share
+     */
+    async updateSharePermission(share, newLevel) {
+        if (share.permissionLevel === newLevel)
+            return;
+        this.saving = true;
+        try {
+            const result = await this.sharingService.updateSharePermission(share.shareId, newLevel);
+            if (result.success) {
+                share.permissionLevel = newLevel;
+                // Track the update if not already tracked
+                const existingUpdate = this.sharesUpdated.find(s => s.shareId === share.shareId);
+                if (!existingUpdate) {
+                    this.sharesUpdated.push({ ...share });
+                }
+            }
+            else {
+                console.error('Failed to update permission:', result.message);
+            }
+        }
+        catch (error) {
+            console.error('Error updating permission:', error);
+        }
+        finally {
+            this.saving = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Remove a share
+     */
+    async removeShare(share) {
+        this.saving = true;
+        try {
+            const result = await this.sharingService.removeShare(share.shareId);
+            if (result.success) {
+                // Remove from current shares
+                this.currentShares = this.currentShares.filter(s => s.shareId !== share.shareId);
+                // Track the removal
+                this.sharesRemoved.push(share.shareId);
+                // Remove from added if it was just added in this session
+                this.sharesAdded = this.sharesAdded.filter(s => s.shareId !== share.shareId);
+            }
+            else {
+                console.error('Failed to remove share:', result.message);
+            }
+        }
+        catch (error) {
+            console.error('Error removing share:', error);
+        }
+        finally {
+            this.saving = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Get icon for share type
+     */
+    getShareTypeIcon(type) {
+        return type === 'User' ? 'fa-solid fa-user' : 'fa-solid fa-users';
+    }
+    /**
+     * Get permission label
+     */
+    getPermissionLabel(level) {
+        const option = this.permissionOptions.find(o => o.value === level);
+        return option?.label || level;
+    }
+    /**
+     * Close dialog with results
+     */
+    onDone() {
+        const result = {
+            action: 'apply',
+            sharesAdded: this.sharesAdded,
+            sharesUpdated: this.sharesUpdated,
+            sharesRemoved: this.sharesRemoved
+        };
+        this._visible = false;
+        this.complete.emit(result);
+    }
+    /**
+     * Cancel and close dialog
+     */
+    onCancel() {
+        this._visible = false;
+        this.cancel.emit();
+    }
+    /**
+     * Check if current user can modify shares
+     */
+    get canModifyShares() {
+        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" }, decls: 1, vars: 1, consts: [[3, "title", "width", "minWidth", "close", 4, "ngIf"], [3, "close", "title", "width", "minWidth"], [1, "share-dialog-content"], ["class", "loading-container", 4, "ngIf"], [4, "ngIf"], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click"], [1, "loading-container"], ["text", "Loading shares..."], ["class", "add-share-section", 4, "ngIf"], ["class", "section-divider", 4, "ngIf"], ["class", "current-shares-section", 4, "ngIf"], ["class", "empty-state", 4, "ngIf"], ["class", "readonly-notice", 4, "ngIf"], [1, "add-share-section"], [1, "section-title"], [1, "search-type-toggle"], ["kendoButton", "", 3, "click", "fillMode", "themeColor"], [1, "fa-solid", "fa-user"], [1, "fa-solid", "fa-users"], [1, "search-container"], [3, "valueChange", "blur", "value", "placeholder", "clearButton"], ["kendoTextBoxPrefixTemplate", ""], ["class", "search-results", 4, "ngIf"], ["class", "selected-recipient", 4, "ngIf"], [1, "fa-solid", "fa-search", "search-icon"], [1, "search-results"], ["class", "search-result-item", 3, "mousedown", 4, "ngFor", "ngForOf"], [1, "search-result-item", 3, "mousedown"], [1, "recipient-info"], [1, "recipient-name"], ["class", "recipient-email", 4, "ngIf"], [1, "recipient-email"], [1, "selected-recipient"], [1, "recipient-chip"], ["kendoButton", "", 3, "click", "look", "icon"], [1, "permission-dropdown", 3, "ngModelChange", "data", "textField", "valueField", "ngModel", "valuePrimitive"], ["kendoDropDownListItemTemplate", ""], ["kendoButton", "", "themeColor", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], [1, "permission-option"], [1, "permission-label"], [1, "permission-desc"], [1, "section-divider"], [1, "current-shares-section"], [1, "share-list"], ["class", "share-item", 4, "ngFor", "ngForOf"], [1, "share-item"], [1, "share-info"], [1, "share-type-icon"], [1, "share-details"], [1, "share-name"], ["class", "share-email", 4, "ngIf"], ["class", "share-type-label", 4, "ngIf"], [1, "share-actions"], ["class", "permission-dropdown-small", 3, "data", "textField", "valueField", "value", "valuePrimitive", "disabled", "valueChange", 4, "ngIf"], ["class", "permission-badge", 4, "ngIf"], ["kendoButton", "", "title", "Remove access", 3, "look", "icon", "disabled", "click", 4, "ngIf"], [1, "share-email"], [1, "share-type-label"], [1, "permission-dropdown-small", 3, "valueChange", "data", "textField", "valueField", "value", "valuePrimitive", "disabled"], [1, "permission-badge"], ["kendoButton", "", "title", "Remove access", 3, "click", "look", "icon", "disabled"], [1, "empty-state"], [1, "fa-solid", "fa-share-nodes", "empty-icon"], ["class", "empty-hint", 4, "ngIf"], [1, "empty-hint"], [1, "readonly-notice"], [1, "fa-solid", "fa-info-circle"]], template: function ListShareDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ListShareDialogComponent_kendo_dialog_0_Template, 9, 5, "kendo-dialog", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.visible);
+        } }, dependencies: [i2.NgForOf, i2.NgIf, i3.NgControlStatus, i3.NgModel, i4.DialogComponent, i4.DialogActionsComponent, i5.ButtonComponent, i6.TextBoxComponent, i6.TextBoxPrefixTemplateDirective, i7.ItemTemplateDirective, i7.DropDownListComponent, i8.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, #333);\n}\n\n.section-divider[_ngcontent-%COMP%] {\n  margin: 16px 0;\n  border: none;\n  border-top: 1px solid var(--mj-border-color, #e0e0e0);\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-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary, #666);\n  margin-left: 8px;\n}\n\n.search-results[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background: white;\n  border: 1px solid var(--mj-border-color, #e0e0e0);\n  border-radius: 4px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\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-hover-bg, #f5f5f5);\n}\n\n.search-result-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary, #666);\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, #333);\n}\n\n.recipient-email[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary, #666);\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-secondary, #f8f9fa);\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: white;\n  border: 1px solid var(--mj-border-color, #e0e0e0);\n  border-radius: 20px;\n  flex: 1;\n}\n\n.recipient-chip[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-primary-color, #0078d4);\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, #666);\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-secondary, #f8f9fa);\n  border-radius: 6px;\n  transition: background-color 0.15s;\n}\n\n.share-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-hover-bg, #f0f0f0);\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: var(--mj-primary-color-light, #e6f2ff);\n  color: var(--mj-primary-color, #0078d4);\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, #333);\n}\n\n.share-email[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary, #666);\n}\n\n.share-type-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-secondary, #666);\n  background: var(--mj-border-color, #e0e0e0);\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: var(--mj-primary-color-light, #e6f2ff);\n  color: var(--mj-primary-color, #0078d4);\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-color, #e0e0e0);\n  margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  color: var(--mj-text-secondary, #666);\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: var(--mj-warning-bg, #fff8e1);\n  border-radius: 6px;\n  margin-top: 16px;\n  color: var(--mj-warning-color, #856404);\n  font-size: 13px;\n}\n\n.readonly-notice[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-warning-color, #ffc107);\n}\n\n\n\n[_nghost-%COMP%]     kendo-dialog-actions {\n  flex-direction: row;\n  justify-content: flex-start;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListShareDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-list-share-dialog', template: "<kendo-dialog\n  *ngIf=\"visible\"\n  [title]=\"dialogTitle\"\n  [width]=\"500\"\n  [minWidth]=\"400\"\n  (close)=\"onCancel()\">\n\n  <div class=\"share-dialog-content\">\n    <!-- Loading state -->\n    <div *ngIf=\"loading\" class=\"loading-container\">\n      <mj-loading text=\"Loading shares...\"></mj-loading>\n    </div>\n\n    <ng-container *ngIf=\"!loading\">\n      <!-- Add new share section -->\n      <div class=\"add-share-section\" *ngIf=\"canModifyShares\">\n        <h4 class=\"section-title\">Add people or roles</h4>\n\n        <!-- Search type toggle -->\n        <div class=\"search-type-toggle\">\n          <button kendoButton\n                  [fillMode]=\"searchType === 'User' ? 'solid' : 'outline'\"\n                  [themeColor]=\"searchType === 'User' ? 'primary' : 'base'\"\n                  (click)=\"setSearchType('User')\">\n            <i class=\"fa-solid fa-user\"></i> Users\n          </button>\n          <button kendoButton\n                  [fillMode]=\"searchType === 'Role' ? 'solid' : 'outline'\"\n                  [themeColor]=\"searchType === 'Role' ? 'primary' : 'base'\"\n                  (click)=\"setSearchType('Role')\">\n            <i class=\"fa-solid fa-users\"></i> Roles\n          </button>\n        </div>\n\n        <!-- Search input -->\n        <div class=\"search-container\">\n          <kendo-textbox\n            [value]=\"searchText\"\n            (valueChange)=\"onSearchInput($event)\"\n            [placeholder]=\"'Search for ' + (searchType === 'User' ? 'users' : 'roles') + '...'\"\n            [clearButton]=\"true\"\n            (blur)=\"showSearchResults = false\">\n            <ng-template kendoTextBoxPrefixTemplate>\n              <i class=\"fa-solid fa-search search-icon\"></i>\n            </ng-template>\n          </kendo-textbox>\n\n          <!-- Search results dropdown -->\n          <div class=\"search-results\" *ngIf=\"showSearchResults && searchResults.length > 0\">\n            <div class=\"search-result-item\"\n                 *ngFor=\"let recipient of searchResults\"\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                <span class=\"recipient-email\" *ngIf=\"recipient.email\">{{ recipient.email }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Selected recipient and permission -->\n        <div class=\"selected-recipient\" *ngIf=\"selectedRecipient\">\n          <div class=\"recipient-chip\">\n            <i [class]=\"getShareTypeIcon(selectedRecipient.type)\"></i>\n            <span>{{ selectedRecipient.name }}</span>\n            <button kendoButton [look]=\"'flat'\" [icon]=\"'close'\" (click)=\"clearSearch()\"></button>\n          </div>\n\n          <kendo-dropdownlist\n            [data]=\"permissionOptions\"\n            [textField]=\"'label'\"\n            [valueField]=\"'value'\"\n            [(ngModel)]=\"selectedPermission\"\n            [valuePrimitive]=\"true\"\n            class=\"permission-dropdown\">\n            <ng-template kendoDropDownListItemTemplate 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          </kendo-dropdownlist>\n\n          <button kendoButton\n                  themeColor=\"primary\"\n                  [disabled]=\"saving\"\n                  (click)=\"addShare()\">\n            <i class=\"fa-solid fa-plus\"></i> Add\n          </button>\n        </div>\n      </div>\n\n      <!-- Divider -->\n      <hr class=\"section-divider\" *ngIf=\"currentShares.length > 0 && canModifyShares\">\n\n      <!-- Current shares section -->\n      <div class=\"current-shares-section\" *ngIf=\"currentShares.length > 0\">\n        <h4 class=\"section-title\">People with access</h4>\n\n        <div class=\"share-list\">\n          <div class=\"share-item\" *ngFor=\"let share of currentShares\">\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                <span class=\"share-email\" *ngIf=\"share.recipientEmail\">{{ share.recipientEmail }}</span>\n                <span class=\"share-type-label\" *ngIf=\"share.type === 'Role'\">Role</span>\n              </div>\n            </div>\n\n            <div class=\"share-actions\">\n              <kendo-dropdownlist\n                *ngIf=\"canModifyShares\"\n                [data]=\"permissionOptions\"\n                [textField]=\"'label'\"\n                [valueField]=\"'value'\"\n                [value]=\"share.permissionLevel\"\n                [valuePrimitive]=\"true\"\n                (valueChange)=\"updateSharePermission(share, $event)\"\n                [disabled]=\"saving\"\n                class=\"permission-dropdown-small\">\n              </kendo-dropdownlist>\n\n              <span class=\"permission-badge\" *ngIf=\"!canModifyShares\">\n                {{ getPermissionLabel(share.permissionLevel) }}\n              </span>\n\n              <button kendoButton\n                      *ngIf=\"canModifyShares\"\n                      [look]=\"'flat'\"\n                      [icon]=\"'trash'\"\n                      title=\"Remove access\"\n                      [disabled]=\"saving\"\n                      (click)=\"removeShare(share)\">\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Empty state -->\n      <div class=\"empty-state\" *ngIf=\"currentShares.length === 0 && !loading\">\n        <i class=\"fa-solid fa-share-nodes empty-icon\"></i>\n        <p>This list hasn't been shared with anyone yet.</p>\n        <p *ngIf=\"canModifyShares\" class=\"empty-hint\">\n          Use the search above to find users or roles to share with.\n        </p>\n      </div>\n\n      <!-- Read-only notice -->\n      <div class=\"readonly-notice\" *ngIf=\"!canModifyShares\">\n        <i class=\"fa-solid fa-info-circle\"></i>\n        <span>Only the list owner can manage sharing.</span>\n      </div>\n    </ng-container>\n  </div>\n\n  <kendo-dialog-actions>\n    <button kendoButton themeColor=\"primary\" (click)=\"onDone()\">Done</button>\n    <button kendoButton (click)=\"onCancel()\">Cancel</button>\n  </kendo-dialog-actions>\n</kendo-dialog>\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, #333);\n}\n\n.section-divider {\n  margin: 16px 0;\n  border: none;\n  border-top: 1px solid var(--mj-border-color, #e0e0e0);\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-icon {\n  color: var(--mj-text-secondary, #666);\n  margin-left: 8px;\n}\n\n.search-results {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background: white;\n  border: 1px solid var(--mj-border-color, #e0e0e0);\n  border-radius: 4px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\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-hover-bg, #f5f5f5);\n}\n\n.search-result-item i {\n  color: var(--mj-text-secondary, #666);\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, #333);\n}\n\n.recipient-email {\n  font-size: 12px;\n  color: var(--mj-text-secondary, #666);\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-secondary, #f8f9fa);\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: white;\n  border: 1px solid var(--mj-border-color, #e0e0e0);\n  border-radius: 20px;\n  flex: 1;\n}\n\n.recipient-chip i {\n  color: var(--mj-primary-color, #0078d4);\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, #666);\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-secondary, #f8f9fa);\n  border-radius: 6px;\n  transition: background-color 0.15s;\n}\n\n.share-item:hover {\n  background: var(--mj-hover-bg, #f0f0f0);\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: var(--mj-primary-color-light, #e6f2ff);\n  color: var(--mj-primary-color, #0078d4);\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, #333);\n}\n\n.share-email {\n  font-size: 12px;\n  color: var(--mj-text-secondary, #666);\n}\n\n.share-type-label {\n  font-size: 11px;\n  color: var(--mj-text-secondary, #666);\n  background: var(--mj-border-color, #e0e0e0);\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: var(--mj-primary-color-light, #e6f2ff);\n  color: var(--mj-primary-color, #0078d4);\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-color, #e0e0e0);\n  margin-bottom: 16px;\n}\n\n.empty-state p {\n  margin: 0;\n  color: var(--mj-text-secondary, #666);\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: var(--mj-warning-bg, #fff8e1);\n  border-radius: 6px;\n  margin-top: 16px;\n  color: var(--mj-warning-color, #856404);\n  font-size: 13px;\n}\n\n.readonly-notice i {\n  color: var(--mj-warning-color, #ffc107);\n}\n\n/* Dialog actions - buttons on left */\n:host ::ng-deep kendo-dialog-actions {\n  flex-direction: row;\n  justify-content: flex-start;\n}\n"] }]
+    }], () => [{ type: i1.ListSharingService }, { type: i0.ChangeDetectorRef }], { config: [{
+            type: Input
+        }], visible: [{
+            type: Input
+        }], complete: [{
+            type: Output
+        }], cancel: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListShareDialogComponent, { className: "ListShareDialogComponent" }); })();
+//# sourceMappingURL=list-share-dialog.component.js.map