@memberjunction/ng-conversations 2.110.0 → 2.111.0

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

@@ -0,0 +1,659 @@
+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/artifact-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 ArtifactShareModalComponent_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 ArtifactShareModalComponent_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 ArtifactShareModalComponent_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 ArtifactShareModalComponent_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, "Edit and delete artifact");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.newPermissions.canEdit);
+} }
+function ArtifactShareModalComponent_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 artifact content");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(17, ArtifactShareModalComponent_Conditional_0_Conditional_7_Conditional_17_Template, 7, 1, "label", 26)(18, ArtifactShareModalComponent_Conditional_0_Conditional_7_Conditional_18_Template, 7, 1, "label", 26);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "div", 27)(20, "button", 28);
+    i0.ɵɵlistener("click", function ArtifactShareModalComponent_Conditional_0_Conditional_7_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onAddUser()); });
+    i0.ɵɵelement(21, "i", 29);
+    i0.ɵɵtext(22, " Add User ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "button", 30);
+    i0.ɵɵlistener("click", function ArtifactShareModalComponent_Conditional_0_Conditional_7_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onClearSelection()); });
+    i0.ɵɵtext(24, " 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(2);
+    i0.ɵɵproperty("disabled", !ctx_r1.selectedUser);
+} }
+function ArtifactShareModalComponent_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "i", 34);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "Not shared with anyone yet");
+    i0.ɵɵelementEnd()();
+} }
+function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 38);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const permission_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("shared by ", permission_r6.sharedByUserName, "");
+} }
+function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 42);
+    i0.ɵɵelement(1, "i", 32);
+    i0.ɵɵtext(2, " Share ");
+    i0.ɵɵelementEnd();
+} }
+function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 42);
+    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵtext(2, " Edit ");
+    i0.ɵɵelementEnd();
+} }
+function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39)(1, "span", 42);
+    i0.ɵɵelement(2, "i", 24);
+    i0.ɵɵtext(3, " Read ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_4_Template, 3, 0, "span", 42)(5, ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_5_Template, 3, 0, "span", 42);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const permission_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(permission_r6.canShare ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(permission_r6.canEdit ? 5 : -1);
+} }
+function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 44)(1, "input", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_5_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const permission_r6 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(permission_r6.editingPermissions.canShare, $event) || (permission_r6.editingPermissions.canShare = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Share");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const permission_r6 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", permission_r6.editingPermissions.canShare);
+} }
+function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 44)(1, "input", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_6_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r8); const permission_r6 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(permission_r6.editingPermissions.canEdit, $event) || (permission_r6.editingPermissions.canEdit = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Edit");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const permission_r6 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", permission_r6.editingPermissions.canEdit);
+} }
+function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 40)(1, "label", 43);
+    i0.ɵɵelement(2, "input", 22);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "Read");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(5, ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_5_Template, 4, 1, "label", 44)(6, ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_6_Template, 4, 1, "label", 44);
+    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);
+} }
+function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 45);
+    i0.ɵɵlistener("click", function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const permission_r6 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onEditPermission(permission_r6)); });
+    i0.ɵɵelement(1, "i", 46);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "button", 47);
+    i0.ɵɵlistener("click", function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r9); const permission_r6 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onRevokePermission(permission_r6)); });
+    i0.ɵɵelement(3, "i", 48);
+    i0.ɵɵelementEnd();
+} }
+function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 49);
+    i0.ɵɵlistener("click", function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const permission_r6 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onSavePermission(permission_r6)); });
+    i0.ɵɵelement(1, "i", 50);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "button", 51);
+    i0.ɵɵlistener("click", function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_2_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r10); const permission_r6 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onCancelEdit(permission_r6)); });
+    i0.ɵɵelement(3, "i", 48);
+    i0.ɵɵelementEnd();
+} }
+function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 41);
+    i0.ɵɵtemplate(1, ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_1_Template, 4, 0)(2, ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_2_Template, 4, 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const permission_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!permission_r6.isEditing ? 1 : 2);
+} }
+function ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35)(1, "div", 15);
+    i0.ɵɵelement(2, "i", 16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 36)(4, "div", 37)(5, "span", 18);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_7_Template, 2, 1, "span", 38);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Template, 6, 2, "div", 39)(9, ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Template, 7, 3, "div", 40);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(10, ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Template, 3, 1, "div", 41);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const permission_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(permission_r6.userName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(permission_r6.sharedByUserName ? 7 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!permission_r6.isEditing ? 8 : 9);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.canModifyPermissions ? 10 : -1);
+} }
+function ArtifactShareModalComponent_Conditional_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵrepeaterCreate(1, ArtifactShareModalComponent_Conditional_0_Conditional_13_For_2_Template, 11, 4, "div", 35, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.permissions);
+} }
+function ArtifactShareModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-window", 1);
+    i0.ɵɵlistener("close", function ArtifactShareModalComponent_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 ArtifactShareModalComponent_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, ArtifactShareModalComponent_Conditional_0_Conditional_7_Template, 25, 6, "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, ArtifactShareModalComponent_Conditional_0_Conditional_12_Template, 4, 0, "div", 10)(13, ArtifactShareModalComponent_Conditional_0_Conditional_13_Template, 3, 0, "div", 11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "div", 12)(15, "button", 13);
+    i0.ɵɵlistener("click", function ArtifactShareModalComponent_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.artifact.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 ArtifactShareModalComponent {
+    permissionService;
+    cdr;
+    isOpen = false;
+    artifact = null;
+    currentUser;
+    saved = new EventEmitter();
+    cancelled = new EventEmitter();
+    permissions = [];
+    selectedUser = null;
+    availablePermissions = [];
+    canModifyPermissions = false;
+    newPermissions = {
+        canRead: true,
+        canShare: false,
+        canEdit: false
+    };
+    constructor(permissionService, cdr) {
+        this.permissionService = permissionService;
+        this.cdr = cdr;
+    }
+    async ngOnInit() {
+        if (this.artifact) {
+            await this.loadPermissions();
+            await this.updateAvailablePermissions();
+        }
+    }
+    async ngOnChanges(changes) {
+        // Reload permissions when modal opens or artifact changes
+        const modalOpened = changes['isOpen']?.currentValue === true && changes['isOpen']?.previousValue === false;
+        const artifactChanged = changes['artifact'] && !changes['artifact'].isFirstChange();
+        if ((modalOpened || artifactChanged) && this.artifact) {
+            await this.loadPermissions();
+            await this.updateAvailablePermissions();
+        }
+    }
+    async loadPermissions() {
+        if (!this.artifact)
+            return;
+        const perms = await this.permissionService.loadPermissions(this.artifact.ID, this.currentUser);
+        this.permissions = perms.map(p => ({
+            ...p,
+            isEditing: false,
+            editingPermissions: {
+                canRead: p.canRead,
+                canShare: p.canShare,
+                canEdit: p.canEdit
+            }
+        }));
+        this.cdr.detectChanges();
+    }
+    async updateAvailablePermissions() {
+        if (!this.artifact)
+            return;
+        // Check if current user is owner
+        const isOwner = await this.permissionService.isOwner(this.artifact.ID, this.currentUser.ID, this.currentUser);
+        // Check if user has share permission
+        const hasSharePermission = await this.permissionService.checkPermission(this.artifact.ID, this.currentUser.ID, 'share', this.currentUser);
+        // Allow modification if user is owner OR has Share permission
+        this.canModifyPermissions = isOwner || hasSharePermission;
+        // Get user's current permissions
+        const userPerms = {
+            canRead: true,
+            canShare: hasSharePermission,
+            canEdit: await this.permissionService.checkPermission(this.artifact.ID, this.currentUser.ID, 'edit', this.currentUser)
+        };
+        this.availablePermissions = this.permissionService.getAvailablePermissions(userPerms, isOwner);
+        console.log('Share modal permissions:', {
+            artifactId: this.artifact?.ID,
+            userId: this.artifact?.UserID,
+            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.artifact?.UserID) {
+            ids.push(this.artifact.UserID); // 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
+        };
+        this.cdr.detectChanges();
+    }
+    async onAddUser() {
+        if (!this.selectedUser || !this.artifact)
+            return;
+        try {
+            // Check if user is owner
+            const isOwner = await this.permissionService.isOwner(this.artifact.ID, this.currentUser.ID, this.currentUser);
+            // Get current user's permissions
+            const userPerms = {
+                canRead: true,
+                canShare: await this.permissionService.checkPermission(this.artifact.ID, this.currentUser.ID, 'share', this.currentUser),
+                canEdit: await this.permissionService.checkPermission(this.artifact.ID, this.currentUser.ID, 'edit', this.currentUser)
+            };
+            // Validate permissions
+            if (!this.permissionService.validatePermissions(this.newPermissions, userPerms, isOwner)) {
+                alert('You cannot grant permissions you do not have');
+                return;
+            }
+            // Grant permission
+            await this.permissionService.grantPermission(this.artifact.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
+        };
+        this.cdr.detectChanges();
+    }
+    async onSavePermission(permission) {
+        if (!this.artifact)
+            return;
+        try {
+            // Check if user is owner
+            const isOwner = await this.permissionService.isOwner(this.artifact.ID, this.currentUser.ID, this.currentUser);
+            // Get current user's permissions
+            const userPerms = {
+                canRead: true,
+                canShare: await this.permissionService.checkPermission(this.artifact.ID, this.currentUser.ID, 'share', this.currentUser),
+                canEdit: await this.permissionService.checkPermission(this.artifact.ID, this.currentUser.ID, 'edit', this.currentUser)
+            };
+            // Validate permissions
+            if (!this.permissionService.validatePermissions(permission.editingPermissions, userPerms, isOwner)) {
+                alert('You cannot grant permissions you do not have');
+                return;
+            }
+            // Update permission
+            await this.permissionService.updatePermission(permission.id, 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 artifact?`)) {
+            return;
+        }
+        try {
+            await this.permissionService.revokePermission(permission.id, 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 ArtifactShareModalComponent_Factory(t) { return new (t || ArtifactShareModalComponent)(i0.ɵɵdirectiveInject(i1.ArtifactPermissionService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ArtifactShareModalComponent, selectors: [["mj-artifact-share-modal"]], inputs: { isOpen: "isOpen", artifact: "artifact", currentUser: "currentUser" }, 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-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 ArtifactShareModalComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ArtifactShareModalComponent_Conditional_0_Template, 17, 10, "kendo-window", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.isOpen && ctx.artifact ? 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(ArtifactShareModalComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-artifact-share-modal', standalone: true, imports: [CommonModule, FormsModule, WindowModule, ButtonModule, UserPickerComponent], template: `
+        @if (isOpen && artifact) {
+            <kendo-window
+                [title]="'Share: ' + artifact.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 artifact content</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">Edit and delete artifact</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>
+                                                    }
+                                                </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>
+                                                    }
+                                                </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.ArtifactPermissionService }, { type: i0.ChangeDetectorRef }], { isOpen: [{
+            type: Input
+        }], artifact: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], saved: [{
+            type: Output
+        }], cancelled: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ArtifactShareModalComponent, { className: "ArtifactShareModalComponent", filePath: "src/lib/components/artifact/artifact-share-modal.component.ts", lineNumber: 201 }); })();
+//# sourceMappingURL=artifact-share-modal.component.js.map