@memberjunction/ng-conversations 2.107.0 → 2.108.0

package/dist/lib/components/collection/collection-share-modal.component.js

@@ -0,0 +1,728 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { WindowModule } from '@progress/kendo-angular-dialog';
+import { ButtonModule } from '@progress/kendo-angular-buttons';
+import { UserPickerComponent } from '../shared/user-picker.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/collection-permission.service";
+import * as i2 from "@angular/forms";
+import * as i3 from "@progress/kendo-angular-dialog";
+import * as i4 from "@progress/kendo-angular-buttons";
+const _forTrack0 = ($index, $item) => $item.id;
+function CollectionShareModalComponent_Conditional_0_Conditional_7_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 26)(1, "input", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function CollectionShareModalComponent_Conditional_0_Conditional_7_Conditional_17_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.newPermissions.canShare, $event) || (ctx_r1.newPermissions.canShare = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span", 23);
+    i0.ɵɵelement(3, "i", 32);
+    i0.ɵɵtext(4, " Share ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 25);
+    i0.ɵɵtext(6, "Share with others");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.newPermissions.canShare);
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_7_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 26)(1, "input", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function CollectionShareModalComponent_Conditional_0_Conditional_7_Conditional_18_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.newPermissions.canEdit, $event) || (ctx_r1.newPermissions.canEdit = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span", 23);
+    i0.ɵɵelement(3, "i", 33);
+    i0.ɵɵtext(4, " Edit ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 25);
+    i0.ɵɵtext(6, "Add/remove artifacts");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.newPermissions.canEdit);
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_7_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 26)(1, "input", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function CollectionShareModalComponent_Conditional_0_Conditional_7_Conditional_19_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.newPermissions.canDelete, $event) || (ctx_r1.newPermissions.canDelete = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span", 23);
+    i0.ɵɵelement(3, "i", 34);
+    i0.ɵɵtext(4, " Delete ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 25);
+    i0.ɵɵtext(6, "Delete collection");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.newPermissions.canDelete);
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 7)(1, "div", 14)(2, "div", 15);
+    i0.ɵɵelement(3, "i", 16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 17)(5, "div", 18);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 19);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(9, "div", 20)(10, "label", 21);
+    i0.ɵɵelement(11, "input", 22);
+    i0.ɵɵelementStart(12, "span", 23);
+    i0.ɵɵelement(13, "i", 24);
+    i0.ɵɵtext(14, " Read ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "span", 25);
+    i0.ɵɵtext(16, "View collection and artifacts");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(17, CollectionShareModalComponent_Conditional_0_Conditional_7_Conditional_17_Template, 7, 1, "label", 26)(18, CollectionShareModalComponent_Conditional_0_Conditional_7_Conditional_18_Template, 7, 1, "label", 26)(19, CollectionShareModalComponent_Conditional_0_Conditional_7_Conditional_19_Template, 7, 1, "label", 26);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "div", 27)(21, "button", 28);
+    i0.ɵɵlistener("click", function CollectionShareModalComponent_Conditional_0_Conditional_7_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onAddUser()); });
+    i0.ɵɵelement(22, "i", 29);
+    i0.ɵɵtext(23, " Add User ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "button", 30);
+    i0.ɵɵlistener("click", function CollectionShareModalComponent_Conditional_0_Conditional_7_Template_button_click_24_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onClearSelection()); });
+    i0.ɵɵtext(25, " Cancel ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.selectedUser.name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.selectedUser.email);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("checked", true);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.availablePermissions.includes("Share") ? 17 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.availablePermissions.includes("Edit") ? 18 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.availablePermissions.includes("Delete") ? 19 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", !ctx_r1.selectedUser);
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "i", 35);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "Not shared with anyone yet");
+    i0.ɵɵelementEnd()();
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 39);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const permission_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("shared by ", permission_r7.sharedByUserName, "");
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 43);
+    i0.ɵɵelement(1, "i", 32);
+    i0.ɵɵtext(2, " Share ");
+    i0.ɵɵelementEnd();
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 43);
+    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵtext(2, " Edit ");
+    i0.ɵɵelementEnd();
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 43);
+    i0.ɵɵelement(1, "i", 34);
+    i0.ɵɵtext(2, " Delete ");
+    i0.ɵɵelementEnd();
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 40)(1, "span", 43);
+    i0.ɵɵelement(2, "i", 24);
+    i0.ɵɵtext(3, " Read ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_4_Template, 3, 0, "span", 43)(5, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_5_Template, 3, 0, "span", 43)(6, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_6_Template, 3, 0, "span", 43);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const permission_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(permission_r7.canShare ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(permission_r7.canEdit ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(permission_r7.canDelete ? 6 : -1);
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 45)(1, "input", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_5_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r8); const permission_r7 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(permission_r7.editingPermissions.canShare, $event) || (permission_r7.editingPermissions.canShare = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Share");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const permission_r7 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", permission_r7.editingPermissions.canShare);
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 45)(1, "input", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_6_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r9); const permission_r7 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(permission_r7.editingPermissions.canEdit, $event) || (permission_r7.editingPermissions.canEdit = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Edit");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const permission_r7 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", permission_r7.editingPermissions.canEdit);
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 45)(1, "input", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_7_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r10); const permission_r7 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(permission_r7.editingPermissions.canDelete, $event) || (permission_r7.editingPermissions.canDelete = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Delete");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const permission_r7 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", permission_r7.editingPermissions.canDelete);
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 41)(1, "label", 44);
+    i0.ɵɵelement(2, "input", 22);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "Read");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(5, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_5_Template, 4, 1, "label", 45)(6, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_6_Template, 4, 1, "label", 45)(7, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_7_Template, 4, 1, "label", 45);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("checked", true);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.availablePermissions.includes("Share") ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.availablePermissions.includes("Edit") ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.availablePermissions.includes("Delete") ? 7 : -1);
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 46);
+    i0.ɵɵlistener("click", function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const permission_r7 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onEditPermission(permission_r7)); });
+    i0.ɵɵelement(1, "i", 47);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "button", 48);
+    i0.ɵɵlistener("click", function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r11); const permission_r7 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onRevokePermission(permission_r7)); });
+    i0.ɵɵelement(3, "i", 49);
+    i0.ɵɵelementEnd();
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 50);
+    i0.ɵɵlistener("click", function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const permission_r7 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onSavePermission(permission_r7)); });
+    i0.ɵɵelement(1, "i", 51);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "button", 52);
+    i0.ɵɵlistener("click", function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_2_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r12); const permission_r7 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onCancelEdit(permission_r7)); });
+    i0.ɵɵelement(3, "i", 49);
+    i0.ɵɵelementEnd();
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 42);
+    i0.ɵɵtemplate(1, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_1_Template, 4, 0)(2, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_2_Template, 4, 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const permission_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!permission_r7.isEditing ? 1 : 2);
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36)(1, "div", 15);
+    i0.ɵɵelement(2, "i", 16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 37)(4, "div", 38)(5, "span", 18);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_7_Template, 2, 1, "span", 39);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Template, 7, 3, "div", 40)(9, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Template, 8, 4, "div", 41);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(10, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Template, 3, 1, "div", 42);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const permission_r7 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(permission_r7.userName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(permission_r7.sharedByUserName ? 7 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!permission_r7.isEditing ? 8 : 9);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.canModifyPermissions ? 10 : -1);
+} }
+function CollectionShareModalComponent_Conditional_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵrepeaterCreate(1, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Template, 11, 4, "div", 36, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.permissions);
+} }
+function CollectionShareModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-window", 1);
+    i0.ɵɵlistener("close", function CollectionShareModalComponent_Conditional_0_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵelementStart(1, "div", 2)(2, "div", 3)(3, "h3", 4);
+    i0.ɵɵelement(4, "i", 5);
+    i0.ɵɵtext(5, " Share with User ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "mj-user-picker", 6);
+    i0.ɵɵlistener("userSelected", function CollectionShareModalComponent_Conditional_0_Template_mj_user_picker_userSelected_6_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onUserSelected($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, CollectionShareModalComponent_Conditional_0_Conditional_7_Template, 26, 7, "div", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 8)(9, "h3", 4);
+    i0.ɵɵelement(10, "i", 9);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(12, CollectionShareModalComponent_Conditional_0_Conditional_12_Template, 4, 0, "div", 10)(13, CollectionShareModalComponent_Conditional_0_Conditional_13_Template, 3, 0, "div", 11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "div", 12)(15, "button", 13);
+    i0.ɵɵlistener("click", function CollectionShareModalComponent_Conditional_0_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵtext(16, "Close");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", "Share: " + ctx_r1.collection.Name)("width", 600)("height", 500)("minWidth", 400)("minHeight", 400);
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("currentUser", ctx_r1.currentUser)("excludeUserIds", ctx_r1.getExcludedUserIds());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.selectedUser ? 7 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" Shared With (", ctx_r1.permissions.length, ") ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.permissions.length === 0 ? 12 : 13);
+} }
+export class CollectionShareModalComponent {
+    permissionService;
+    cdr;
+    isOpen = false;
+    collection = null;
+    currentUser;
+    currentUserPermissions = null;
+    saved = new EventEmitter();
+    cancelled = new EventEmitter();
+    permissions = [];
+    selectedUser = null;
+    availablePermissions = [];
+    canModifyPermissions = false;
+    newPermissions = {
+        canRead: true,
+        canShare: false,
+        canEdit: false,
+        canDelete: false
+    };
+    constructor(permissionService, cdr) {
+        this.permissionService = permissionService;
+        this.cdr = cdr;
+    }
+    async ngOnInit() {
+        if (this.collection) {
+            await this.loadPermissions();
+            this.updateAvailablePermissions();
+        }
+    }
+    async ngOnChanges(changes) {
+        // Reload permissions when modal opens or collection/permissions change
+        const modalOpened = changes['isOpen']?.currentValue === true && changes['isOpen']?.previousValue === false;
+        const collectionChanged = changes['collection'] && !changes['collection'].isFirstChange();
+        const permissionsChanged = changes['currentUserPermissions'] && !changes['currentUserPermissions'].isFirstChange();
+        if ((modalOpened || collectionChanged || permissionsChanged) && this.collection) {
+            await this.loadPermissions();
+            this.updateAvailablePermissions();
+        }
+    }
+    async loadPermissions() {
+        if (!this.collection)
+            return;
+        const perms = await this.permissionService.loadPermissions(this.collection.ID, this.currentUser);
+        this.permissions = perms.map(p => ({
+            ...p,
+            isEditing: false,
+            editingPermissions: {
+                canRead: p.canRead,
+                canShare: p.canShare,
+                canEdit: p.canEdit,
+                canDelete: p.canDelete
+            }
+        }));
+        this.cdr.detectChanges();
+    }
+    updateAvailablePermissions() {
+        // User is owner if:
+        // 1. OwnerID is null/undefined (backwards compatibility with old collections)
+        // 2. OwnerID matches current user ID
+        const isOwner = !this.collection?.OwnerID || this.collection.OwnerID === this.currentUser.ID;
+        // Allow modification if user is owner OR has Share permission
+        this.canModifyPermissions = isOwner || (this.currentUserPermissions?.canShare || false);
+        const userPerms = this.currentUserPermissions || {
+            canRead: true,
+            canShare: false,
+            canEdit: false,
+            canDelete: false
+        };
+        this.availablePermissions = this.permissionService.getAvailablePermissions(userPerms, isOwner);
+        console.log('Share modal permissions:', {
+            collectionId: this.collection?.ID,
+            ownerId: this.collection?.OwnerID,
+            currentUserId: this.currentUser.ID,
+            isOwner,
+            availablePermissions: this.availablePermissions
+        });
+    }
+    getExcludedUserIds() {
+        const ids = this.permissions.map(p => p.userId);
+        ids.push(this.currentUser.ID); // Can't share with yourself
+        if (this.collection?.OwnerID) {
+            ids.push(this.collection.OwnerID); // Owner already has all permissions
+        }
+        return ids;
+    }
+    onUserSelected(user) {
+        this.selectedUser = user;
+        this.cdr.detectChanges();
+    }
+    onClearSelection() {
+        this.selectedUser = null;
+        this.newPermissions = {
+            canRead: true,
+            canShare: false,
+            canEdit: false,
+            canDelete: false
+        };
+        this.cdr.detectChanges();
+    }
+    async onAddUser() {
+        if (!this.selectedUser || !this.collection)
+            return;
+        try {
+            // User is owner if OwnerID is null (old collections) or matches current user
+            const isOwner = !this.collection.OwnerID || this.collection.OwnerID === this.currentUser.ID;
+            const userPerms = this.currentUserPermissions || {
+                canRead: true,
+                canShare: false,
+                canEdit: false,
+                canDelete: false
+            };
+            // Validate permissions
+            if (!this.permissionService.validatePermissions(this.newPermissions, userPerms, isOwner)) {
+                alert('You cannot grant permissions you do not have');
+                return;
+            }
+            // Use cascade grant to apply permissions to all child collections
+            await this.permissionService.grantPermissionCascade(this.collection.ID, this.selectedUser.id, this.newPermissions, this.currentUser.ID, this.currentUser);
+            await this.loadPermissions();
+            this.onClearSelection();
+            this.saved.emit();
+        }
+        catch (error) {
+            console.error('Error adding user:', error);
+            alert('Failed to add user. Please try again.');
+        }
+    }
+    onEditPermission(permission) {
+        permission.isEditing = true;
+        this.cdr.detectChanges();
+    }
+    onCancelEdit(permission) {
+        permission.isEditing = false;
+        permission.editingPermissions = {
+            canRead: permission.canRead,
+            canShare: permission.canShare,
+            canEdit: permission.canEdit,
+            canDelete: permission.canDelete
+        };
+        this.cdr.detectChanges();
+    }
+    async onSavePermission(permission) {
+        try {
+            // User is owner if OwnerID is null (old collections) or matches current user
+            const isOwner = !this.collection?.OwnerID || this.collection?.OwnerID === this.currentUser.ID;
+            const userPerms = this.currentUserPermissions || {
+                canRead: true,
+                canShare: false,
+                canEdit: false,
+                canDelete: false
+            };
+            // Validate permissions
+            if (!this.permissionService.validatePermissions(permission.editingPermissions, userPerms, isOwner)) {
+                alert('You cannot grant permissions you do not have');
+                return;
+            }
+            // Use cascade update to apply changes to all child collections
+            await this.permissionService.updatePermissionCascade(this.collection.ID, permission.userId, permission.editingPermissions, this.currentUser);
+            await this.loadPermissions();
+            this.saved.emit();
+        }
+        catch (error) {
+            console.error('Error updating permission:', error);
+            alert('Failed to update permissions. Please try again.');
+        }
+    }
+    async onRevokePermission(permission) {
+        if (!confirm(`Remove ${permission.userName}'s access to this collection and all its child collections?`)) {
+            return;
+        }
+        try {
+            // Use cascade revoke to remove access from all child collections
+            await this.permissionService.revokePermissionCascade(this.collection.ID, permission.userId, this.currentUser);
+            await this.loadPermissions();
+            this.saved.emit();
+        }
+        catch (error) {
+            console.error('Error revoking permission:', error);
+            alert('Failed to revoke permission. Please try again.');
+        }
+    }
+    onCancel() {
+        this.cancelled.emit();
+    }
+    static ɵfac = function CollectionShareModalComponent_Factory(t) { return new (t || CollectionShareModalComponent)(i0.ɵɵdirectiveInject(i1.CollectionPermissionService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollectionShareModalComponent, selectors: [["mj-collection-share-modal"]], inputs: { isOpen: "isOpen", collection: "collection", currentUser: "currentUser", currentUserPermissions: "currentUserPermissions" }, outputs: { saved: "saved", cancelled: "cancelled" }, standalone: true, features: [i0.ɵɵNgOnChangesFeature, i0.ɵɵStandaloneFeature], decls: 1, vars: 1, consts: [[3, "title", "width", "height", "minWidth", "minHeight"], [3, "close", "title", "width", "height", "minWidth", "minHeight"], [1, "share-modal-content"], [1, "add-user-section"], [1, "section-title"], [1, "fa-solid", "fa-user-plus"], [3, "userSelected", "currentUser", "excludeUserIds"], [1, "permissions-form"], [1, "permissions-list-section"], [1, "fa-solid", "fa-users"], [1, "empty-state"], [1, "permissions-list"], [1, "modal-actions"], ["kendoButton", "", 3, "click"], [1, "selected-user-info"], [1, "user-avatar"], [1, "fa-solid", "fa-user"], [1, "user-details"], [1, "user-name"], [1, "user-email"], [1, "permissions-grid"], [1, "permission-checkbox", "disabled"], ["type", "checkbox", "disabled", "", 3, "checked"], [1, "permission-label"], [1, "fa-solid", "fa-eye"], [1, "permission-desc"], [1, "permission-checkbox"], [1, "form-actions"], ["kendoButton", "", 1, "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], ["kendoButton", "", 1, "btn-secondary", 3, "click"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-share-nodes"], [1, "fa-solid", "fa-pen-to-square"], [1, "fa-solid", "fa-trash"], [1, "fa-solid", "fa-user-slash"], [1, "permission-item"], [1, "permission-details"], [1, "permission-user"], [1, "shared-by"], [1, "permission-badges"], [1, "permissions-edit-grid"], [1, "permission-actions"], [1, "permission-badge"], [1, "permission-checkbox-small", "disabled"], [1, "permission-checkbox-small"], ["kendoButton", "", "title", "Edit", 1, "btn-icon", 3, "click"], [1, "fa-solid", "fa-pen"], ["kendoButton", "", "title", "Remove", 1, "btn-icon", "btn-danger", 3, "click"], [1, "fa-solid", "fa-xmark"], ["kendoButton", "", "title", "Save", 1, "btn-icon", "btn-success", 3, "click"], [1, "fa-solid", "fa-check"], ["kendoButton", "", "title", "Cancel", 1, "btn-icon", 3, "click"]], template: function CollectionShareModalComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, CollectionShareModalComponent_Conditional_0_Template, 17, 10, "kendo-window", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.isOpen && ctx.collection ? 0 : -1);
+        } }, dependencies: [CommonModule, FormsModule, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, WindowModule, i3.WindowComponent, ButtonModule, i4.ButtonComponent, UserPickerComponent], styles: [".share-modal-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    padding: 20px;\n    height: 100%;\n    overflow-y: auto;\n}\n\n.section-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 16px;\n    font-weight: 600;\n    color: #1F2937;\n    margin: 0 0 16px 0;\n\n    i {\n        color: #6366F1;\n    }\n}\n\n//[_ngcontent-%COMP%]   Add[_ngcontent-%COMP%]   User[_ngcontent-%COMP%]   Section\n.add-user-section[_ngcontent-%COMP%] {\n    border-bottom: 1px solid #E5E7EB;\n    padding-bottom: 24px;\n}\n\n.selected-user-info[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 16px 0;\n    padding: 12px;\n    background: #F9FAFB;\n    border-radius: 8px;\n}\n\n.user-avatar[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 16px;\n    flex-shrink: 0;\n}\n\n.user-details[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n\n    .user-name {\n        font-size: 14px;\n        font-weight: 500;\n        color: #1F2937;\n    }\n\n    .user-email {\n        font-size: 12px;\n        color: #6B7280;\n        margin-top: 2px;\n    }\n}\n\n.permissions-form[_ngcontent-%COMP%] {\n    margin-top: 16px;\n}\n\n.permissions-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n    gap: 12px;\n    margin: 16px 0;\n}\n\n.permission-checkbox[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    padding: 12px;\n    border: 1px solid #E5E7EB;\n    border-radius: 6px;\n    cursor: pointer;\n    transition: all 0.2s;\n\n    &:hover:not(.disabled) {\n        border-color: #6366F1;\n        background: #F9FAFB;\n    }\n\n    &.disabled {\n        opacity: 0.6;\n        cursor: not-allowed;\n        background: #F3F4F6;\n    }\n\n    input[type=\"checkbox\"] {\n        margin-right: 8px;\n    }\n\n    .permission-label {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-weight: 500;\n        color: #1F2937;\n        font-size: 14px;\n\n        i {\n            color: #6366F1;\n            font-size: 12px;\n        }\n    }\n\n    .permission-desc {\n        font-size: 12px;\n        color: #6B7280;\n        margin-left: 28px;\n    }\n}\n\n.form-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    margin-top: 16px;\n}\n\n//[_ngcontent-%COMP%]   Permissions[_ngcontent-%COMP%]   List[_ngcontent-%COMP%]   Section\n.permissions-list-section[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n}\n\n.permissions-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.permission-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px;\n    border: 1px solid #E5E7EB;\n    border-radius: 8px;\n    transition: background 0.2s;\n\n    &:hover {\n        background: #F9FAFB;\n    }\n}\n\n.permission-details[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.permission-user[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 8px;\n\n    .user-name {\n        font-weight: 500;\n        color: #1F2937;\n        font-size: 14px;\n    }\n\n    .shared-by {\n        font-size: 12px;\n        color: #6B7280;\n    }\n}\n\n.permission-badges[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.permission-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 8px;\n    background: #EEF2FF;\n    color: #6366F1;\n    border-radius: 4px;\n    font-size: 12px;\n    font-weight: 500;\n\n    i {\n        font-size: 10px;\n    }\n}\n\n.permissions-edit-grid[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n\n.permission-checkbox-small[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    cursor: pointer;\n\n    &.disabled {\n        opacity: 0.6;\n        cursor: not-allowed;\n    }\n\n    input[type=\"checkbox\"] {\n        margin: 0;\n    }\n\n    span {\n        color: #1F2937;\n    }\n}\n\n.permission-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n//[_ngcontent-%COMP%]   Empty[_ngcontent-%COMP%]   State\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    color: #9CA3AF;\n\n    i {\n        font-size: 48px;\n        margin-bottom: 12px;\n    }\n\n    p {\n        margin: 0;\n        font-size: 14px;\n    }\n}\n\n//[_ngcontent-%COMP%]   Button[_ngcontent-%COMP%]   Styles\n.btn-primary[_ngcontent-%COMP%] {\n    background: #6366F1 !important;\n    color: white !important;\n    border: none !important;\n    padding: 8px 16px;\n    border-radius: 6px;\n    font-weight: 500;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n\n    &:hover:not(:disabled) {\n        background: #5558E3 !important;\n    }\n\n    &:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n    }\n\n    i {\n        font-size: 12px;\n    }\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n    background: white !important;\n    color: #6B7280 !important;\n    border: 1px solid #E5E7EB !important;\n    padding: 8px 16px;\n    border-radius: 6px;\n    font-weight: 500;\n    cursor: pointer;\n\n    &:hover {\n        background: #F9FAFB !important;\n        border-color: #D1D5DB !important;\n    }\n}\n\n.btn-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border-radius: 6px;\n    border: 1px solid #E5E7EB;\n    background: white;\n    color: #6B7280;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.2s;\n\n    &:hover {\n        background: #F9FAFB;\n        border-color: #D1D5DB;\n    }\n\n    &.btn-success {\n        color: #10B981;\n        border-color: #10B981;\n\n        &:hover {\n            background: #ECFDF5;\n        }\n    }\n\n    &.btn-danger {\n        color: #EF4444;\n        border-color: #EF4444;\n\n        &:hover {\n            background: #FEF2F2;\n        }\n    }\n\n    i {\n        font-size: 14px;\n    }\n}\n\n.modal-actions[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    padding: 16px 20px;\n    border-top: 1px solid #E5E7EB;\n    background: #F9FAFB;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollectionShareModalComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-collection-share-modal', standalone: true, imports: [CommonModule, FormsModule, WindowModule, ButtonModule, UserPickerComponent], template: `
+        @if (isOpen && collection) {
+            <kendo-window
+                [title]="'Share: ' + collection.Name"
+                [width]="600"
+                [height]="500"
+                [minWidth]="400"
+                [minHeight]="400"
+                (close)="onCancel()"
+            >
+                <div class="share-modal-content">
+                    <!-- Add User Section -->
+                    <div class="add-user-section">
+                        <h3 class="section-title">
+                            <i class="fa-solid fa-user-plus"></i>
+                            Share with User
+                        </h3>
+
+                        <mj-user-picker
+                            [currentUser]="currentUser"
+                            [excludeUserIds]="getExcludedUserIds()"
+                            (userSelected)="onUserSelected($event)"
+                        ></mj-user-picker>
+
+                        @if (selectedUser) {
+                            <div class="permissions-form">
+                                <div class="selected-user-info">
+                                    <div class="user-avatar">
+                                        <i class="fa-solid fa-user"></i>
+                                    </div>
+                                    <div class="user-details">
+                                        <div class="user-name">{{ selectedUser.name }}</div>
+                                        <div class="user-email">{{ selectedUser.email }}</div>
+                                    </div>
+                                </div>
+
+                                <div class="permissions-grid">
+                                    <label class="permission-checkbox disabled">
+                                        <input type="checkbox" [checked]="true" disabled>
+                                        <span class="permission-label">
+                                            <i class="fa-solid fa-eye"></i>
+                                            Read
+                                        </span>
+                                        <span class="permission-desc">View collection and artifacts</span>
+                                    </label>
+
+                                    @if (availablePermissions.includes('Share')) {
+                                        <label class="permission-checkbox">
+                                            <input type="checkbox" [(ngModel)]="newPermissions.canShare">
+                                            <span class="permission-label">
+                                                <i class="fa-solid fa-share-nodes"></i>
+                                                Share
+                                            </span>
+                                            <span class="permission-desc">Share with others</span>
+                                        </label>
+                                    }
+
+                                    @if (availablePermissions.includes('Edit')) {
+                                        <label class="permission-checkbox">
+                                            <input type="checkbox" [(ngModel)]="newPermissions.canEdit">
+                                            <span class="permission-label">
+                                                <i class="fa-solid fa-pen-to-square"></i>
+                                                Edit
+                                            </span>
+                                            <span class="permission-desc">Add/remove artifacts</span>
+                                        </label>
+                                    }
+
+                                    @if (availablePermissions.includes('Delete')) {
+                                        <label class="permission-checkbox">
+                                            <input type="checkbox" [(ngModel)]="newPermissions.canDelete">
+                                            <span class="permission-label">
+                                                <i class="fa-solid fa-trash"></i>
+                                                Delete
+                                            </span>
+                                            <span class="permission-desc">Delete collection</span>
+                                        </label>
+                                    }
+                                </div>
+
+                                <div class="form-actions">
+                                    <button kendoButton (click)="onAddUser()" [disabled]="!selectedUser" class="btn-primary">
+                                        <i class="fa-solid fa-plus"></i>
+                                        Add User
+                                    </button>
+                                    <button kendoButton (click)="onClearSelection()" class="btn-secondary">
+                                        Cancel
+                                    </button>
+                                </div>
+                            </div>
+                        }
+                    </div>
+
+                    <!-- Current Permissions Section -->
+                    <div class="permissions-list-section">
+                        <h3 class="section-title">
+                            <i class="fa-solid fa-users"></i>
+                            Shared With ({{ permissions.length }})
+                        </h3>
+
+                        @if (permissions.length === 0) {
+                            <div class="empty-state">
+                                <i class="fa-solid fa-user-slash"></i>
+                                <p>Not shared with anyone yet</p>
+                            </div>
+                        } @else {
+                            <div class="permissions-list">
+                                @for (permission of permissions; track permission.id) {
+                                    <div class="permission-item">
+                                        <div class="user-avatar">
+                                            <i class="fa-solid fa-user"></i>
+                                        </div>
+                                        <div class="permission-details">
+                                            <div class="permission-user">
+                                                <span class="user-name">{{ permission.userName }}</span>
+                                                @if (permission.sharedByUserName) {
+                                                    <span class="shared-by">shared by {{ permission.sharedByUserName }}</span>
+                                                }
+                                            </div>
+
+                                            @if (!permission.isEditing) {
+                                                <div class="permission-badges">
+                                                    <span class="permission-badge">
+                                                        <i class="fa-solid fa-eye"></i> Read
+                                                    </span>
+                                                    @if (permission.canShare) {
+                                                        <span class="permission-badge">
+                                                            <i class="fa-solid fa-share-nodes"></i> Share
+                                                        </span>
+                                                    }
+                                                    @if (permission.canEdit) {
+                                                        <span class="permission-badge">
+                                                            <i class="fa-solid fa-pen-to-square"></i> Edit
+                                                        </span>
+                                                    }
+                                                    @if (permission.canDelete) {
+                                                        <span class="permission-badge">
+                                                            <i class="fa-solid fa-trash"></i> Delete
+                                                        </span>
+                                                    }
+                                                </div>
+                                            } @else {
+                                                <div class="permissions-edit-grid">
+                                                    <label class="permission-checkbox-small disabled">
+                                                        <input type="checkbox" [checked]="true" disabled>
+                                                        <span>Read</span>
+                                                    </label>
+                                                    @if (availablePermissions.includes('Share')) {
+                                                        <label class="permission-checkbox-small">
+                                                            <input type="checkbox" [(ngModel)]="permission.editingPermissions.canShare">
+                                                            <span>Share</span>
+                                                        </label>
+                                                    }
+                                                    @if (availablePermissions.includes('Edit')) {
+                                                        <label class="permission-checkbox-small">
+                                                            <input type="checkbox" [(ngModel)]="permission.editingPermissions.canEdit">
+                                                            <span>Edit</span>
+                                                        </label>
+                                                    }
+                                                    @if (availablePermissions.includes('Delete')) {
+                                                        <label class="permission-checkbox-small">
+                                                            <input type="checkbox" [(ngModel)]="permission.editingPermissions.canDelete">
+                                                            <span>Delete</span>
+                                                        </label>
+                                                    }
+                                                </div>
+                                            }
+                                        </div>
+
+                                        @if (canModifyPermissions) {
+                                            <div class="permission-actions">
+                                                @if (!permission.isEditing) {
+                                                    <button kendoButton class="btn-icon" (click)="onEditPermission(permission)" title="Edit">
+                                                        <i class="fa-solid fa-pen"></i>
+                                                    </button>
+                                                    <button kendoButton class="btn-icon btn-danger" (click)="onRevokePermission(permission)" title="Remove">
+                                                        <i class="fa-solid fa-xmark"></i>
+                                                    </button>
+                                                } @else {
+                                                    <button kendoButton class="btn-icon btn-success" (click)="onSavePermission(permission)" title="Save">
+                                                        <i class="fa-solid fa-check"></i>
+                                                    </button>
+                                                    <button kendoButton class="btn-icon" (click)="onCancelEdit(permission)" title="Cancel">
+                                                        <i class="fa-solid fa-xmark"></i>
+                                                    </button>
+                                                }
+                                            </div>
+                                        }
+                                    </div>
+                                }
+                            </div>
+                        }
+                    </div>
+                </div>
+
+                <div class="modal-actions">
+                    <button kendoButton (click)="onCancel()">Close</button>
+                </div>
+            </kendo-window>
+        }
+    `, styles: [".share-modal-content {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    padding: 20px;\n    height: 100%;\n    overflow-y: auto;\n}\n\n.section-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 16px;\n    font-weight: 600;\n    color: #1F2937;\n    margin: 0 0 16px 0;\n\n    i {\n        color: #6366F1;\n    }\n}\n\n// Add User Section\n.add-user-section {\n    border-bottom: 1px solid #E5E7EB;\n    padding-bottom: 24px;\n}\n\n.selected-user-info {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 16px 0;\n    padding: 12px;\n    background: #F9FAFB;\n    border-radius: 8px;\n}\n\n.user-avatar {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 16px;\n    flex-shrink: 0;\n}\n\n.user-details {\n    flex: 1;\n    min-width: 0;\n\n    .user-name {\n        font-size: 14px;\n        font-weight: 500;\n        color: #1F2937;\n    }\n\n    .user-email {\n        font-size: 12px;\n        color: #6B7280;\n        margin-top: 2px;\n    }\n}\n\n.permissions-form {\n    margin-top: 16px;\n}\n\n.permissions-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n    gap: 12px;\n    margin: 16px 0;\n}\n\n.permission-checkbox {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    padding: 12px;\n    border: 1px solid #E5E7EB;\n    border-radius: 6px;\n    cursor: pointer;\n    transition: all 0.2s;\n\n    &:hover:not(.disabled) {\n        border-color: #6366F1;\n        background: #F9FAFB;\n    }\n\n    &.disabled {\n        opacity: 0.6;\n        cursor: not-allowed;\n        background: #F3F4F6;\n    }\n\n    input[type=\"checkbox\"] {\n        margin-right: 8px;\n    }\n\n    .permission-label {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-weight: 500;\n        color: #1F2937;\n        font-size: 14px;\n\n        i {\n            color: #6366F1;\n            font-size: 12px;\n        }\n    }\n\n    .permission-desc {\n        font-size: 12px;\n        color: #6B7280;\n        margin-left: 28px;\n    }\n}\n\n.form-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: 16px;\n}\n\n// Permissions List Section\n.permissions-list-section {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n}\n\n.permissions-list {\n    flex: 1;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.permission-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px;\n    border: 1px solid #E5E7EB;\n    border-radius: 8px;\n    transition: background 0.2s;\n\n    &:hover {\n        background: #F9FAFB;\n    }\n}\n\n.permission-details {\n    flex: 1;\n    min-width: 0;\n}\n\n.permission-user {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 8px;\n\n    .user-name {\n        font-weight: 500;\n        color: #1F2937;\n        font-size: 14px;\n    }\n\n    .shared-by {\n        font-size: 12px;\n        color: #6B7280;\n    }\n}\n\n.permission-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.permission-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 8px;\n    background: #EEF2FF;\n    color: #6366F1;\n    border-radius: 4px;\n    font-size: 12px;\n    font-weight: 500;\n\n    i {\n        font-size: 10px;\n    }\n}\n\n.permissions-edit-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n\n.permission-checkbox-small {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    cursor: pointer;\n\n    &.disabled {\n        opacity: 0.6;\n        cursor: not-allowed;\n    }\n\n    input[type=\"checkbox\"] {\n        margin: 0;\n    }\n\n    span {\n        color: #1F2937;\n    }\n}\n\n.permission-actions {\n    display: flex;\n    gap: 4px;\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    color: #9CA3AF;\n\n    i {\n        font-size: 48px;\n        margin-bottom: 12px;\n    }\n\n    p {\n        margin: 0;\n        font-size: 14px;\n    }\n}\n\n// Button Styles\n.btn-primary {\n    background: #6366F1 !important;\n    color: white !important;\n    border: none !important;\n    padding: 8px 16px;\n    border-radius: 6px;\n    font-weight: 500;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n\n    &:hover:not(:disabled) {\n        background: #5558E3 !important;\n    }\n\n    &:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n    }\n\n    i {\n        font-size: 12px;\n    }\n}\n\n.btn-secondary {\n    background: white !important;\n    color: #6B7280 !important;\n    border: 1px solid #E5E7EB !important;\n    padding: 8px 16px;\n    border-radius: 6px;\n    font-weight: 500;\n    cursor: pointer;\n\n    &:hover {\n        background: #F9FAFB !important;\n        border-color: #D1D5DB !important;\n    }\n}\n\n.btn-icon {\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border-radius: 6px;\n    border: 1px solid #E5E7EB;\n    background: white;\n    color: #6B7280;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.2s;\n\n    &:hover {\n        background: #F9FAFB;\n        border-color: #D1D5DB;\n    }\n\n    &.btn-success {\n        color: #10B981;\n        border-color: #10B981;\n\n        &:hover {\n            background: #ECFDF5;\n        }\n    }\n\n    &.btn-danger {\n        color: #EF4444;\n        border-color: #EF4444;\n\n        &:hover {\n            background: #FEF2F2;\n        }\n    }\n\n    i {\n        font-size: 14px;\n    }\n}\n\n.modal-actions {\n    display: flex;\n    justify-content: flex-end;\n    padding: 16px 20px;\n    border-top: 1px solid #E5E7EB;\n    background: #F9FAFB;\n}\n"] }]
+    }], () => [{ type: i1.CollectionPermissionService }, { type: i0.ChangeDetectorRef }], { isOpen: [{
+            type: Input
+        }], collection: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], currentUserPermissions: [{
+            type: Input
+        }], saved: [{
+            type: Output
+        }], cancelled: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionShareModalComponent, { className: "CollectionShareModalComponent", filePath: "src/lib/components/collection/collection-share-modal.component.ts", lineNumber: 223 }); })();
+//# sourceMappingURL=collection-share-modal.component.js.map