@memberjunction/ng-dashboards 5.22.0 → 5.23.0

package/dist/DashboardBrowser/dashboard-share-dialog.component.js

@@ -4,7 +4,7 @@ import { DashboardEngine } from '@memberjunction/core-entities';
 import { UUIDsEqual } from '@memberjunction/global';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
-import * as i2 from "@progress/kendo-angular-dialog";
+import * as i2 from "@memberjunction/ng-ui-components";
 const _forTrack0 = ($index, $item) => $item.User.ID;
 const _forTrack1 = ($index, $item) => $item.ID;
 function DashboardShareDialogComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
@@ -189,9 +189,9 @@ function DashboardShareDialogComponent_Conditional_0_Conditional_36_Template(rf,
 } }
 function DashboardShareDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-window", 1);
-    i0.ɵɵlistener("close", function DashboardShareDialogComponent_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, "kendo-window-titlebar")(2, "div", 2);
+    i0.ɵɵelementStart(0, "mj-window", 1);
+    i0.ɵɵlistener("Close", function DashboardShareDialogComponent_Conditional_0_Template_mj_window_Close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵelementStart(1, "mj-window-titlebar")(2, "div", 2);
     i0.ɵɵelement(3, "i", 3);
     i0.ɵɵelementStart(4, "span");
     i0.ɵɵtext(5);
@@ -234,7 +234,7 @@ function DashboardShareDialogComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("width", 560)("minHeight", 200)("resizable", false)("draggable", true)("keepContent", true);
+    i0.ɵɵproperty("Visible", true)("Width", 560)("MinHeight", 200)("Resizable", false)("Draggable", true);
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1("Share \"", ctx_r1.Dashboard == null ? null : ctx_r1.Dashboard.Name, "\"");
     i0.ɵɵadvance(2);
@@ -531,15 +531,15 @@ export class DashboardShareDialogComponent {
         return name.substring(0, 2).toUpperCase();
     }
     static ɵfac = function DashboardShareDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashboardShareDialogComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardShareDialogComponent, selectors: [["mj-dashboard-share-dialog"]], inputs: { Visible: "Visible", Dashboard: "Dashboard" }, outputs: { Result: "Result" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["kendoWindowContainer", "", 1, "mj-share-dialog-window", 3, "width", "minHeight", "resizable", "draggable", "keepContent"], ["kendoWindowContainer", "", 1, "mj-share-dialog-window", 3, "close", "width", "minHeight", "resizable", "draggable", "keepContent"], [1, "share-dialog-header"], [1, "fa-solid", "fa-share-nodes"], [1, "share-dialog-body"], [1, "share-alert", "share-alert-error"], [1, "share-section"], [1, "share-search-box"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Add people by name or email...", 3, "ngModelChange", "ngModel", "disabled"], [1, "share-user-dropdown"], [1, "share-no-results"], [1, "share-section-label"], [1, "share-person", "share-owner"], [1, "share-avatar", "share-avatar-owner"], [1, "fa-solid", "fa-crown"], [1, "share-person-info"], [1, "share-person-name"], [1, "share-person-role"], [1, "share-person", 3, "share-person-new", "share-person-modified"], [1, "share-empty"], [1, "share-removed-section"], [1, "share-footer"], [1, "share-changes-hint"], [1, "share-footer-actions"], ["type", "button", 1, "share-btn", "share-btn-secondary", 3, "click"], ["type", "button", 1, "share-btn", "share-btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-exclamation-triangle"], ["type", "button", 1, "share-user-option", 3, "disabled"], ["type", "button", 1, "share-user-option", 3, "click", "disabled"], [1, "share-avatar"], [1, "share-user-name"], [1, "share-user-email"], [1, "fa-solid", "fa-plus"], [1, "share-person"], [1, "share-badge-new"], [1, "share-person-email"], [1, "share-permissions"], ["title", "Can view", 1, "share-perm"], ["type", "checkbox", "disabled", "", 3, "checked"], [1, "fa-solid", "fa-eye"], ["title", "Can edit", 1, "share-perm"], ["type", "checkbox", 3, "change", "checked"], [1, "fa-solid", "fa-edit"], ["title", "Can delete", 1, "share-perm"], [1, "fa-solid", "fa-trash"], ["title", "Can share", 1, "share-perm"], [1, "fa-solid", "fa-share"], ["type", "button", "title", "Remove", 1, "share-remove-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "fa-solid", "fa-user-lock"], [1, "share-removed-item"], [1, "share-avatar", "share-avatar-removed"], [1, "share-removed-name"], ["type", "button", 1, "share-undo-btn", 3, "click"], [1, "fa-solid", "fa-undo"], [1, "fa-solid", "fa-circle"], [1, "fa-solid", "fa-spinner", "fa-spin"]], template: function DashboardShareDialogComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, DashboardShareDialogComponent_Conditional_0_Template, 37, 17, "kendo-window", 0);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardShareDialogComponent, selectors: [["mj-dashboard-share-dialog"]], inputs: { Visible: "Visible", Dashboard: "Dashboard" }, outputs: { Result: "Result" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[1, "mj-share-dialog-window", 3, "Visible", "Width", "MinHeight", "Resizable", "Draggable"], [1, "mj-share-dialog-window", 3, "Close", "Visible", "Width", "MinHeight", "Resizable", "Draggable"], [1, "share-dialog-header"], [1, "fa-solid", "fa-share-nodes"], [1, "share-dialog-body"], [1, "share-alert", "share-alert-error"], [1, "share-section"], [1, "share-search-box"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Add people by name or email...", 3, "ngModelChange", "ngModel", "disabled"], [1, "share-user-dropdown"], [1, "share-no-results"], [1, "share-section-label"], [1, "share-person", "share-owner"], [1, "share-avatar", "share-avatar-owner"], [1, "fa-solid", "fa-crown"], [1, "share-person-info"], [1, "share-person-name"], [1, "share-person-role"], [1, "share-person", 3, "share-person-new", "share-person-modified"], [1, "share-empty"], [1, "share-removed-section"], [1, "share-footer"], [1, "share-changes-hint"], [1, "share-footer-actions"], ["type", "button", 1, "share-btn", "share-btn-secondary", 3, "click"], ["type", "button", 1, "share-btn", "share-btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-exclamation-triangle"], ["type", "button", 1, "share-user-option", 3, "disabled"], ["type", "button", 1, "share-user-option", 3, "click", "disabled"], [1, "share-avatar"], [1, "share-user-name"], [1, "share-user-email"], [1, "fa-solid", "fa-plus"], [1, "share-person"], [1, "share-badge-new"], [1, "share-person-email"], [1, "share-permissions"], ["title", "Can view", 1, "share-perm"], ["type", "checkbox", "disabled", "", 3, "checked"], [1, "fa-solid", "fa-eye"], ["title", "Can edit", 1, "share-perm"], ["type", "checkbox", 3, "change", "checked"], [1, "fa-solid", "fa-edit"], ["title", "Can delete", 1, "share-perm"], [1, "fa-solid", "fa-trash"], ["title", "Can share", 1, "share-perm"], [1, "fa-solid", "fa-share"], ["type", "button", "title", "Remove", 1, "share-remove-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "fa-solid", "fa-user-lock"], [1, "share-removed-item"], [1, "share-avatar", "share-avatar-removed"], [1, "share-removed-name"], ["type", "button", 1, "share-undo-btn", 3, "click"], [1, "fa-solid", "fa-undo"], [1, "fa-solid", "fa-circle"], [1, "fa-solid", "fa-spinner", "fa-spin"]], template: function DashboardShareDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, DashboardShareDialogComponent_Conditional_0_Template, 37, 17, "mj-window", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.Visible ? 0 : -1);
-        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.WindowComponent, i2.WindowTitleBarComponent, i2.WindowContainerDirective], styles: ["/* Dashboard Share Dialog - Compact Design */\n\n/* Window Styling - use specific class to override Kendo defaults */\n.mj-share-dialog-window.k-window {\n    border-radius: 12px !important;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;\n    overflow: hidden !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar {\n    background: var(--mj-brand-primary) !important;\n    border: none !important;\n    padding: 16px 20px !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar .k-window-title {\n    display: none !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar .k-window-actions .k-button {\n    background: color-mix(in srgb, var(--mj-bg-surface) 15%, transparent) !important;\n    border: none !important;\n    color: var(--mj-text-inverse) !important;\n    border-radius: 4px !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar .k-window-actions .k-button:hover {\n    background: color-mix(in srgb, var(--mj-bg-surface) 25%, transparent) !important;\n}\n\n.mj-share-dialog-window .k-window-content {\n    padding: 0 !important;\n    background: var(--mj-bg-surface) !important;\n}\n\n/* Header */\n.share-dialog-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--mj-text-inverse);\n    font-size: 16px;\n    font-weight: 500;\n}\n\n.share-dialog-header i {\n    font-size: 18px;\n    opacity: 0.9;\n}\n\n/* Body */\n.share-dialog-body {\n    padding: 0;\n}\n\n/* Alert */\n.share-alert {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 20px;\n    font-size: 13px;\n}\n\n.share-alert-error {\n    background: var(--mj-bg-error);\n    color: var(--mj-status-error);\n    border-bottom: 1px solid var(--mj-border-error);\n}\n\n/* Sections */\n.share-section {\n    padding: 16px 20px;\n}\n\n.share-section:not(:last-child) {\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.share-section-label {\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 12px;\n}\n\n/* Search Box */\n.share-search-box {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    border: 1px solid transparent;\n    transition: all 0.15s;\n}\n\n.share-search-box:focus-within {\n    background: var(--mj-bg-surface);\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.share-search-box i {\n    color: var(--mj-text-disabled);\n    font-size: 14px;\n}\n\n.share-search-box input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    outline: none;\n}\n\n.share-search-box input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n/* User Dropdown */\n.share-user-dropdown {\n    margin-top: 8px;\n    max-height: 180px;\n    overflow-y: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface-card);\n}\n\n/* User Option */\n.share-user-option {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    width: 100%;\n    padding: 10px 12px;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    text-align: left;\n    transition: background 0.1s;\n}\n\n.share-user-option:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.share-user-option:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.share-user-option .share-user-name {\n    flex: 1;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.share-user-option .share-user-email {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    margin-right: auto;\n}\n\n.share-user-option i.fa-plus {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    opacity: 0;\n    transition: opacity 0.1s;\n}\n\n.share-user-option:hover i.fa-plus {\n    opacity: 1;\n}\n\n.share-no-results {\n    padding: 16px;\n    text-align: center;\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n}\n\n/* Avatar */\n.share-avatar {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 12px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.share-avatar-owner {\n    background: var(--mj-status-warning);\n    font-size: 14px;\n}\n\n.share-avatar-removed {\n    background: var(--mj-border-strong);\n}\n\n/* Person Row */\n.share-person {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 0;\n}\n\n.share-person:not(:last-child) {\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.share-person-new {\n    background: color-mix(in srgb, var(--mj-status-success) 5%, transparent);\n    margin: 0 -20px;\n    padding: 10px 20px;\n}\n\n.share-person-modified {\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n    margin: 0 -20px;\n    padding: 10px 20px;\n}\n\n.share-person-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.share-person-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.share-person-email {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.share-person-role {\n    font-size: 12px;\n    color: var(--mj-status-warning);\n    font-weight: 500;\n}\n\n.share-badge-new {\n    padding: 2px 6px;\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n    font-size: 10px;\n    font-weight: 600;\n    border-radius: 4px;\n}\n\n/* Permissions */\n.share-permissions {\n    display: flex;\n    gap: 4px;\n}\n\n.share-perm {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.1s;\n    position: relative;\n}\n\n.share-perm input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n}\n\n.share-perm i {\n    font-size: 12px;\n    color: var(--mj-border-strong);\n    transition: color 0.1s;\n}\n\n.share-perm:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.share-perm input:checked + i {\n    color: var(--mj-brand-primary);\n}\n\n.share-perm input:disabled + i {\n    color: var(--mj-brand-primary);\n    opacity: 0.7;\n}\n\n/* Remove Button */\n.share-remove-btn {\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: transparent;\n    color: var(--mj-border-strong);\n    border-radius: 4px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.1s;\n}\n\n.share-remove-btn:hover {\n    background: var(--mj-bg-error);\n    color: var(--mj-status-error);\n}\n\n/* Empty State */\n.share-empty {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 20px;\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    justify-content: center;\n}\n\n.share-empty i {\n    font-size: 16px;\n}\n\n/* Removed Section */\n.share-removed-section {\n    margin-top: 12px;\n    padding: 12px;\n    background: var(--mj-bg-warning);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-warning);\n}\n\n.share-removed-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 0;\n}\n\n.share-removed-name {\n    flex: 1;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    text-decoration: line-through;\n}\n\n.share-undo-btn {\n    padding: 4px 10px;\n    border: none;\n    background: transparent;\n    color: var(--mj-status-warning);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.share-undo-btn:hover {\n    text-decoration: underline;\n}\n\n/* Footer */\n.share-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    background: var(--mj-bg-surface-card);\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.share-changes-hint {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-brand-primary);\n}\n\n.share-changes-hint i {\n    font-size: 6px;\n}\n\n.share-footer-actions {\n    display: flex;\n    gap: 10px;\n    margin-left: auto;\n}\n\n.share-btn {\n    padding: 8px 18px;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.share-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.share-btn-secondary {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    color: var(--mj-text-secondary);\n}\n\n.share-btn-secondary:hover:not(:disabled) {\n    background: var(--mj-bg-surface-card);\n    border-color: var(--mj-border-strong);\n}\n\n.share-btn-primary {\n    background: var(--mj-brand-primary);\n    border: none;\n    color: var(--mj-text-inverse);\n}\n\n.share-btn-primary:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n/* Owner row specific styling */\n.share-owner {\n    background: var(--mj-bg-warning);\n    margin: 0 -20px;\n    padding: 10px 20px;\n    border-radius: 0;\n}\n"], encapsulation: 2 });
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJWindowComponent, i2.MJWindowTitlebarComponent], styles: ["/* Dashboard Share Dialog - Compact Design */\n\n/* Window Styling - use specific class to override Kendo defaults */\n.mj-share-dialog-window.k-window {\n    border-radius: 12px !important;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;\n    overflow: hidden !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar {\n    background: var(--mj-brand-primary) !important;\n    border: none !important;\n    padding: 16px 20px !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar .k-window-title {\n    display: none !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar .k-window-actions .k-button {\n    background: color-mix(in srgb, var(--mj-bg-surface) 15%, transparent) !important;\n    border: none !important;\n    color: var(--mj-text-inverse) !important;\n    border-radius: 4px !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar .k-window-actions .k-button:hover {\n    background: color-mix(in srgb, var(--mj-bg-surface) 25%, transparent) !important;\n}\n\n.mj-share-dialog-window .k-window-content {\n    padding: 0 !important;\n    background: var(--mj-bg-surface) !important;\n}\n\n/* Header */\n.share-dialog-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--mj-text-inverse);\n    font-size: 16px;\n    font-weight: 500;\n}\n\n.share-dialog-header i {\n    font-size: 18px;\n    opacity: 0.9;\n}\n\n/* Body */\n.share-dialog-body {\n    padding: 0;\n}\n\n/* Alert */\n.share-alert {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 20px;\n    font-size: 13px;\n}\n\n.share-alert-error {\n    background: var(--mj-bg-error);\n    color: var(--mj-status-error);\n    border-bottom: 1px solid var(--mj-border-error);\n}\n\n/* Sections */\n.share-section {\n    padding: 16px 20px;\n}\n\n.share-section:not(:last-child) {\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.share-section-label {\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 12px;\n}\n\n/* Search Box */\n.share-search-box {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    border: 1px solid transparent;\n    transition: all 0.15s;\n}\n\n.share-search-box:focus-within {\n    background: var(--mj-bg-surface);\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.share-search-box i {\n    color: var(--mj-text-disabled);\n    font-size: 14px;\n}\n\n.share-search-box input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    outline: none;\n}\n\n.share-search-box input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n/* User Dropdown */\n.share-user-dropdown {\n    margin-top: 8px;\n    max-height: 180px;\n    overflow-y: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface-card);\n}\n\n/* User Option */\n.share-user-option {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    width: 100%;\n    padding: 10px 12px;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    text-align: left;\n    transition: background 0.1s;\n}\n\n.share-user-option:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.share-user-option:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.share-user-option .share-user-name {\n    flex: 1;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.share-user-option .share-user-email {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    margin-right: auto;\n}\n\n.share-user-option i.fa-plus {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    opacity: 0;\n    transition: opacity 0.1s;\n}\n\n.share-user-option:hover i.fa-plus {\n    opacity: 1;\n}\n\n.share-no-results {\n    padding: 16px;\n    text-align: center;\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n}\n\n/* Avatar */\n.share-avatar {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 12px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.share-avatar-owner {\n    background: var(--mj-status-warning);\n    font-size: 14px;\n}\n\n.share-avatar-removed {\n    background: var(--mj-border-strong);\n}\n\n/* Person Row */\n.share-person {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 0;\n}\n\n.share-person:not(:last-child) {\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.share-person-new {\n    background: color-mix(in srgb, var(--mj-status-success) 5%, transparent);\n    margin: 0 -20px;\n    padding: 10px 20px;\n}\n\n.share-person-modified {\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n    margin: 0 -20px;\n    padding: 10px 20px;\n}\n\n.share-person-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.share-person-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.share-person-email {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.share-person-role {\n    font-size: 12px;\n    color: var(--mj-status-warning);\n    font-weight: 500;\n}\n\n.share-badge-new {\n    padding: 2px 6px;\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n    font-size: 10px;\n    font-weight: 600;\n    border-radius: 4px;\n}\n\n/* Permissions */\n.share-permissions {\n    display: flex;\n    gap: 4px;\n}\n\n.share-perm {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.1s;\n    position: relative;\n}\n\n.share-perm input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n}\n\n.share-perm i {\n    font-size: 12px;\n    color: var(--mj-border-strong);\n    transition: color 0.1s;\n}\n\n.share-perm:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.share-perm input:checked + i {\n    color: var(--mj-brand-primary);\n}\n\n.share-perm input:disabled + i {\n    color: var(--mj-brand-primary);\n    opacity: 0.7;\n}\n\n/* Remove Button */\n.share-remove-btn {\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: transparent;\n    color: var(--mj-border-strong);\n    border-radius: 4px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.1s;\n}\n\n.share-remove-btn:hover {\n    background: var(--mj-bg-error);\n    color: var(--mj-status-error);\n}\n\n/* Empty State */\n.share-empty {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 20px;\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    justify-content: center;\n}\n\n.share-empty i {\n    font-size: 16px;\n}\n\n/* Removed Section */\n.share-removed-section {\n    margin-top: 12px;\n    padding: 12px;\n    background: var(--mj-bg-warning);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-warning);\n}\n\n.share-removed-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 0;\n}\n\n.share-removed-name {\n    flex: 1;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    text-decoration: line-through;\n}\n\n.share-undo-btn {\n    padding: 4px 10px;\n    border: none;\n    background: transparent;\n    color: var(--mj-status-warning);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.share-undo-btn:hover {\n    text-decoration: underline;\n}\n\n/* Footer */\n.share-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    background: var(--mj-bg-surface-card);\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.share-changes-hint {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-brand-primary);\n}\n\n.share-changes-hint i {\n    font-size: 6px;\n}\n\n.share-footer-actions {\n    display: flex;\n    gap: 10px;\n    margin-left: auto;\n}\n\n.share-btn {\n    padding: 8px 18px;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.share-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.share-btn-secondary {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    color: var(--mj-text-secondary);\n}\n\n.share-btn-secondary:hover:not(:disabled) {\n    background: var(--mj-bg-surface-card);\n    border-color: var(--mj-border-strong);\n}\n\n.share-btn-primary {\n    background: var(--mj-brand-primary);\n    border: none;\n    color: var(--mj-text-inverse);\n}\n\n.share-btn-primary:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n/* Owner row specific styling */\n.share-owner {\n    background: var(--mj-bg-warning);\n    margin: 0 -20px;\n    padding: 10px 20px;\n    border-radius: 0;\n}\n"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardShareDialogComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-dashboard-share-dialog', encapsulation: ViewEncapsulation.None, template: "@if (Visible) {\n  <kendo-window\n    [width]=\"560\"\n    [minHeight]=\"200\"\n    [resizable]=\"false\"\n    [draggable]=\"true\"\n    [keepContent]=\"true\"\n    (close)=\"onCancel()\"\n    class=\"mj-share-dialog-window\"\n    kendoWindowContainer>\n    <kendo-window-titlebar>\n      <div class=\"share-dialog-header\">\n        <i class=\"fa-solid fa-share-nodes\"></i>\n        <span>Share \"{{ Dashboard?.Name }}\"</span>\n      </div>\n    </kendo-window-titlebar>\n    <div class=\"share-dialog-body\">\n      <!-- Error Alert -->\n      @if (Error) {\n        <div class=\"share-alert share-alert-error\">\n          <i class=\"fa-solid fa-exclamation-triangle\"></i>\n          <span>{{ Error }}</span>\n        </div>\n      }\n      <!-- Add Users Section -->\n      <div class=\"share-section\">\n        <div class=\"share-search-box\">\n          <i class=\"fa-solid fa-search\"></i>\n          <input\n            type=\"text\"\n            placeholder=\"Add people by name or email...\"\n            [(ngModel)]=\"UserSearchFilter\"\n            [disabled]=\"IsLoading\">\n        </div>\n        <!-- Available Users Dropdown -->\n        @if (FilteredAvailableUsers.length > 0) {\n          <div class=\"share-user-dropdown\">\n            @for (user of FilteredAvailableUsers; track user.ID) {\n              <button type=\"button\" class=\"share-user-option\" (click)=\"addUserShare(user)\" [disabled]=\"IsLoading\">\n                <span class=\"share-avatar\">{{ getUserInitials(user) }}</span>\n                <span class=\"share-user-name\">{{ user.Name }}</span>\n                @if (user.Email) {\n                  <span class=\"share-user-email\">{{ user.Email }}</span>\n                }\n                <i class=\"fa-solid fa-plus\"></i>\n              </button>\n            }\n          </div>\n        }\n        @if (UserSearchFilter && FilteredAvailableUsers.length === 0) {\n          <div class=\"share-no-results\">\n            No users found matching \"{{ UserSearchFilter }}\"\n          </div>\n        }\n      </div>\n      <!-- People with Access -->\n      <div class=\"share-section\">\n        <div class=\"share-section-label\">People with access</div>\n        <!-- Owner -->\n        <div class=\"share-person share-owner\">\n          <span class=\"share-avatar share-avatar-owner\">\n            <i class=\"fa-solid fa-crown\"></i>\n          </span>\n          <div class=\"share-person-info\">\n            <span class=\"share-person-name\">{{ Dashboard?.User || 'You' }}</span>\n            <span class=\"share-person-role\">Owner</span>\n          </div>\n        </div>\n        <!-- Shared Users -->\n        @for (share of ActiveShares; track share.User.ID) {\n          <div class=\"share-person\" [class.share-person-new]=\"share.IsNew\" [class.share-person-modified]=\"share.Permission.Dirty\">\n            <span class=\"share-avatar\">{{ getUserInitials(share.User) }}</span>\n            <div class=\"share-person-info\">\n              <span class=\"share-person-name\">\n                {{ share.User.Name }}\n                @if (share.IsNew) {\n                  <span class=\"share-badge-new\">New</span>\n                }\n              </span>\n              @if (share.User.Email) {\n                <span class=\"share-person-email\">{{ share.User.Email }}</span>\n              }\n            </div>\n            <div class=\"share-permissions\">\n              <label class=\"share-perm\" title=\"Can view\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanRead\" disabled>\n                <i class=\"fa-solid fa-eye\"></i>\n              </label>\n              <label class=\"share-perm\" title=\"Can edit\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanEdit\" (change)=\"toggleCanEdit(share)\">\n                <i class=\"fa-solid fa-edit\"></i>\n              </label>\n              <label class=\"share-perm\" title=\"Can delete\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanDelete\" (change)=\"toggleCanDelete(share)\">\n                <i class=\"fa-solid fa-trash\"></i>\n              </label>\n              <label class=\"share-perm\" title=\"Can share\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanShare\" (change)=\"toggleCanShare(share)\">\n                <i class=\"fa-solid fa-share\"></i>\n              </label>\n            </div>\n            <button type=\"button\" class=\"share-remove-btn\" (click)=\"removeUserShare(share)\" title=\"Remove\">\n              <i class=\"fa-solid fa-times\"></i>\n            </button>\n          </div>\n        }\n        @if (ActiveShares.length === 0) {\n          <div class=\"share-empty\">\n            <i class=\"fa-solid fa-user-lock\"></i>\n            <span>Not shared with anyone yet</span>\n          </div>\n        }\n        <!-- Pending Removals -->\n        @if (RemovedShares.length > 0) {\n          <div class=\"share-removed-section\">\n            @for (share of RemovedShares; track share.User.ID) {\n              <div class=\"share-removed-item\">\n                <span class=\"share-avatar share-avatar-removed\">{{ getUserInitials(share.User) }}</span>\n                <span class=\"share-removed-name\">{{ share.User.Name }}</span>\n                <button type=\"button\" class=\"share-undo-btn\" (click)=\"undoRemove(share)\">\n                  <i class=\"fa-solid fa-undo\"></i> Undo\n                </button>\n              </div>\n            }\n          </div>\n        }\n      </div>\n      <!-- Footer -->\n      <div class=\"share-footer\">\n        @if (HasChanges) {\n          <span class=\"share-changes-hint\">\n            <i class=\"fa-solid fa-circle\"></i> Unsaved changes\n          </span>\n        }\n        <div class=\"share-footer-actions\">\n          <button type=\"button\" class=\"share-btn share-btn-secondary\" (click)=\"onCancel()\">\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            class=\"share-btn share-btn-primary\"\n            (click)=\"onSave()\"\n            [disabled]=\"!HasChanges || IsLoading\">\n            @if (IsLoading) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n            } @else {\n              Save\n            }\n          </button>\n        </div>\n      </div>\n    </div>\n  </kendo-window>\n}\n", styles: ["/* Dashboard Share Dialog - Compact Design */\n\n/* Window Styling - use specific class to override Kendo defaults */\n.mj-share-dialog-window.k-window {\n    border-radius: 12px !important;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;\n    overflow: hidden !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar {\n    background: var(--mj-brand-primary) !important;\n    border: none !important;\n    padding: 16px 20px !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar .k-window-title {\n    display: none !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar .k-window-actions .k-button {\n    background: color-mix(in srgb, var(--mj-bg-surface) 15%, transparent) !important;\n    border: none !important;\n    color: var(--mj-text-inverse) !important;\n    border-radius: 4px !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar .k-window-actions .k-button:hover {\n    background: color-mix(in srgb, var(--mj-bg-surface) 25%, transparent) !important;\n}\n\n.mj-share-dialog-window .k-window-content {\n    padding: 0 !important;\n    background: var(--mj-bg-surface) !important;\n}\n\n/* Header */\n.share-dialog-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--mj-text-inverse);\n    font-size: 16px;\n    font-weight: 500;\n}\n\n.share-dialog-header i {\n    font-size: 18px;\n    opacity: 0.9;\n}\n\n/* Body */\n.share-dialog-body {\n    padding: 0;\n}\n\n/* Alert */\n.share-alert {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 20px;\n    font-size: 13px;\n}\n\n.share-alert-error {\n    background: var(--mj-bg-error);\n    color: var(--mj-status-error);\n    border-bottom: 1px solid var(--mj-border-error);\n}\n\n/* Sections */\n.share-section {\n    padding: 16px 20px;\n}\n\n.share-section:not(:last-child) {\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.share-section-label {\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 12px;\n}\n\n/* Search Box */\n.share-search-box {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    border: 1px solid transparent;\n    transition: all 0.15s;\n}\n\n.share-search-box:focus-within {\n    background: var(--mj-bg-surface);\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.share-search-box i {\n    color: var(--mj-text-disabled);\n    font-size: 14px;\n}\n\n.share-search-box input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    outline: none;\n}\n\n.share-search-box input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n/* User Dropdown */\n.share-user-dropdown {\n    margin-top: 8px;\n    max-height: 180px;\n    overflow-y: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface-card);\n}\n\n/* User Option */\n.share-user-option {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    width: 100%;\n    padding: 10px 12px;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    text-align: left;\n    transition: background 0.1s;\n}\n\n.share-user-option:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.share-user-option:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.share-user-option .share-user-name {\n    flex: 1;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.share-user-option .share-user-email {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    margin-right: auto;\n}\n\n.share-user-option i.fa-plus {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    opacity: 0;\n    transition: opacity 0.1s;\n}\n\n.share-user-option:hover i.fa-plus {\n    opacity: 1;\n}\n\n.share-no-results {\n    padding: 16px;\n    text-align: center;\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n}\n\n/* Avatar */\n.share-avatar {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 12px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.share-avatar-owner {\n    background: var(--mj-status-warning);\n    font-size: 14px;\n}\n\n.share-avatar-removed {\n    background: var(--mj-border-strong);\n}\n\n/* Person Row */\n.share-person {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 0;\n}\n\n.share-person:not(:last-child) {\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.share-person-new {\n    background: color-mix(in srgb, var(--mj-status-success) 5%, transparent);\n    margin: 0 -20px;\n    padding: 10px 20px;\n}\n\n.share-person-modified {\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n    margin: 0 -20px;\n    padding: 10px 20px;\n}\n\n.share-person-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.share-person-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.share-person-email {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.share-person-role {\n    font-size: 12px;\n    color: var(--mj-status-warning);\n    font-weight: 500;\n}\n\n.share-badge-new {\n    padding: 2px 6px;\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n    font-size: 10px;\n    font-weight: 600;\n    border-radius: 4px;\n}\n\n/* Permissions */\n.share-permissions {\n    display: flex;\n    gap: 4px;\n}\n\n.share-perm {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.1s;\n    position: relative;\n}\n\n.share-perm input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n}\n\n.share-perm i {\n    font-size: 12px;\n    color: var(--mj-border-strong);\n    transition: color 0.1s;\n}\n\n.share-perm:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.share-perm input:checked + i {\n    color: var(--mj-brand-primary);\n}\n\n.share-perm input:disabled + i {\n    color: var(--mj-brand-primary);\n    opacity: 0.7;\n}\n\n/* Remove Button */\n.share-remove-btn {\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: transparent;\n    color: var(--mj-border-strong);\n    border-radius: 4px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.1s;\n}\n\n.share-remove-btn:hover {\n    background: var(--mj-bg-error);\n    color: var(--mj-status-error);\n}\n\n/* Empty State */\n.share-empty {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 20px;\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    justify-content: center;\n}\n\n.share-empty i {\n    font-size: 16px;\n}\n\n/* Removed Section */\n.share-removed-section {\n    margin-top: 12px;\n    padding: 12px;\n    background: var(--mj-bg-warning);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-warning);\n}\n\n.share-removed-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 0;\n}\n\n.share-removed-name {\n    flex: 1;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    text-decoration: line-through;\n}\n\n.share-undo-btn {\n    padding: 4px 10px;\n    border: none;\n    background: transparent;\n    color: var(--mj-status-warning);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.share-undo-btn:hover {\n    text-decoration: underline;\n}\n\n/* Footer */\n.share-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    background: var(--mj-bg-surface-card);\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.share-changes-hint {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-brand-primary);\n}\n\n.share-changes-hint i {\n    font-size: 6px;\n}\n\n.share-footer-actions {\n    display: flex;\n    gap: 10px;\n    margin-left: auto;\n}\n\n.share-btn {\n    padding: 8px 18px;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.share-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.share-btn-secondary {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    color: var(--mj-text-secondary);\n}\n\n.share-btn-secondary:hover:not(:disabled) {\n    background: var(--mj-bg-surface-card);\n    border-color: var(--mj-border-strong);\n}\n\n.share-btn-primary {\n    background: var(--mj-brand-primary);\n    border: none;\n    color: var(--mj-text-inverse);\n}\n\n.share-btn-primary:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n/* Owner row specific styling */\n.share-owner {\n    background: var(--mj-bg-warning);\n    margin: 0 -20px;\n    padding: 10px 20px;\n    border-radius: 0;\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-dashboard-share-dialog', encapsulation: ViewEncapsulation.None, template: "@if (Visible) {\n  <mj-window\n    [Visible]=\"true\"\n    [Width]=\"560\"\n    [MinHeight]=\"200\"\n    [Resizable]=\"false\"\n    [Draggable]=\"true\"\n    (Close)=\"onCancel()\"\n    class=\"mj-share-dialog-window\">\n    <mj-window-titlebar>\n      <div class=\"share-dialog-header\">\n        <i class=\"fa-solid fa-share-nodes\"></i>\n        <span>Share \"{{ Dashboard?.Name }}\"</span>\n      </div>\n    </mj-window-titlebar>\n    <div class=\"share-dialog-body\">\n      <!-- Error Alert -->\n      @if (Error) {\n        <div class=\"share-alert share-alert-error\">\n          <i class=\"fa-solid fa-exclamation-triangle\"></i>\n          <span>{{ Error }}</span>\n        </div>\n      }\n      <!-- Add Users Section -->\n      <div class=\"share-section\">\n        <div class=\"share-search-box\">\n          <i class=\"fa-solid fa-search\"></i>\n          <input\n            type=\"text\"\n            placeholder=\"Add people by name or email...\"\n            [(ngModel)]=\"UserSearchFilter\"\n            [disabled]=\"IsLoading\">\n        </div>\n        <!-- Available Users Dropdown -->\n        @if (FilteredAvailableUsers.length > 0) {\n          <div class=\"share-user-dropdown\">\n            @for (user of FilteredAvailableUsers; track user.ID) {\n              <button type=\"button\" class=\"share-user-option\" (click)=\"addUserShare(user)\" [disabled]=\"IsLoading\">\n                <span class=\"share-avatar\">{{ getUserInitials(user) }}</span>\n                <span class=\"share-user-name\">{{ user.Name }}</span>\n                @if (user.Email) {\n                  <span class=\"share-user-email\">{{ user.Email }}</span>\n                }\n                <i class=\"fa-solid fa-plus\"></i>\n              </button>\n            }\n          </div>\n        }\n        @if (UserSearchFilter && FilteredAvailableUsers.length === 0) {\n          <div class=\"share-no-results\">\n            No users found matching \"{{ UserSearchFilter }}\"\n          </div>\n        }\n      </div>\n      <!-- People with Access -->\n      <div class=\"share-section\">\n        <div class=\"share-section-label\">People with access</div>\n        <!-- Owner -->\n        <div class=\"share-person share-owner\">\n          <span class=\"share-avatar share-avatar-owner\">\n            <i class=\"fa-solid fa-crown\"></i>\n          </span>\n          <div class=\"share-person-info\">\n            <span class=\"share-person-name\">{{ Dashboard?.User || 'You' }}</span>\n            <span class=\"share-person-role\">Owner</span>\n          </div>\n        </div>\n        <!-- Shared Users -->\n        @for (share of ActiveShares; track share.User.ID) {\n          <div class=\"share-person\" [class.share-person-new]=\"share.IsNew\" [class.share-person-modified]=\"share.Permission.Dirty\">\n            <span class=\"share-avatar\">{{ getUserInitials(share.User) }}</span>\n            <div class=\"share-person-info\">\n              <span class=\"share-person-name\">\n                {{ share.User.Name }}\n                @if (share.IsNew) {\n                  <span class=\"share-badge-new\">New</span>\n                }\n              </span>\n              @if (share.User.Email) {\n                <span class=\"share-person-email\">{{ share.User.Email }}</span>\n              }\n            </div>\n            <div class=\"share-permissions\">\n              <label class=\"share-perm\" title=\"Can view\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanRead\" disabled>\n                <i class=\"fa-solid fa-eye\"></i>\n              </label>\n              <label class=\"share-perm\" title=\"Can edit\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanEdit\" (change)=\"toggleCanEdit(share)\">\n                <i class=\"fa-solid fa-edit\"></i>\n              </label>\n              <label class=\"share-perm\" title=\"Can delete\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanDelete\" (change)=\"toggleCanDelete(share)\">\n                <i class=\"fa-solid fa-trash\"></i>\n              </label>\n              <label class=\"share-perm\" title=\"Can share\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanShare\" (change)=\"toggleCanShare(share)\">\n                <i class=\"fa-solid fa-share\"></i>\n              </label>\n            </div>\n            <button type=\"button\" class=\"share-remove-btn\" (click)=\"removeUserShare(share)\" title=\"Remove\">\n              <i class=\"fa-solid fa-times\"></i>\n            </button>\n          </div>\n        }\n        @if (ActiveShares.length === 0) {\n          <div class=\"share-empty\">\n            <i class=\"fa-solid fa-user-lock\"></i>\n            <span>Not shared with anyone yet</span>\n          </div>\n        }\n        <!-- Pending Removals -->\n        @if (RemovedShares.length > 0) {\n          <div class=\"share-removed-section\">\n            @for (share of RemovedShares; track share.User.ID) {\n              <div class=\"share-removed-item\">\n                <span class=\"share-avatar share-avatar-removed\">{{ getUserInitials(share.User) }}</span>\n                <span class=\"share-removed-name\">{{ share.User.Name }}</span>\n                <button type=\"button\" class=\"share-undo-btn\" (click)=\"undoRemove(share)\">\n                  <i class=\"fa-solid fa-undo\"></i> Undo\n                </button>\n              </div>\n            }\n          </div>\n        }\n      </div>\n      <!-- Footer -->\n      <div class=\"share-footer\">\n        @if (HasChanges) {\n          <span class=\"share-changes-hint\">\n            <i class=\"fa-solid fa-circle\"></i> Unsaved changes\n          </span>\n        }\n        <div class=\"share-footer-actions\">\n          <button type=\"button\" class=\"share-btn share-btn-secondary\" (click)=\"onCancel()\">\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            class=\"share-btn share-btn-primary\"\n            (click)=\"onSave()\"\n            [disabled]=\"!HasChanges || IsLoading\">\n            @if (IsLoading) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n            } @else {\n              Save\n            }\n          </button>\n        </div>\n      </div>\n    </div>\n  </mj-window>\n}\n", styles: ["/* Dashboard Share Dialog - Compact Design */\n\n/* Window Styling - use specific class to override Kendo defaults */\n.mj-share-dialog-window.k-window {\n    border-radius: 12px !important;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;\n    overflow: hidden !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar {\n    background: var(--mj-brand-primary) !important;\n    border: none !important;\n    padding: 16px 20px !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar .k-window-title {\n    display: none !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar .k-window-actions .k-button {\n    background: color-mix(in srgb, var(--mj-bg-surface) 15%, transparent) !important;\n    border: none !important;\n    color: var(--mj-text-inverse) !important;\n    border-radius: 4px !important;\n}\n\n.mj-share-dialog-window .k-window-titlebar .k-window-actions .k-button:hover {\n    background: color-mix(in srgb, var(--mj-bg-surface) 25%, transparent) !important;\n}\n\n.mj-share-dialog-window .k-window-content {\n    padding: 0 !important;\n    background: var(--mj-bg-surface) !important;\n}\n\n/* Header */\n.share-dialog-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--mj-text-inverse);\n    font-size: 16px;\n    font-weight: 500;\n}\n\n.share-dialog-header i {\n    font-size: 18px;\n    opacity: 0.9;\n}\n\n/* Body */\n.share-dialog-body {\n    padding: 0;\n}\n\n/* Alert */\n.share-alert {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 20px;\n    font-size: 13px;\n}\n\n.share-alert-error {\n    background: var(--mj-bg-error);\n    color: var(--mj-status-error);\n    border-bottom: 1px solid var(--mj-border-error);\n}\n\n/* Sections */\n.share-section {\n    padding: 16px 20px;\n}\n\n.share-section:not(:last-child) {\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.share-section-label {\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 12px;\n}\n\n/* Search Box */\n.share-search-box {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    border: 1px solid transparent;\n    transition: all 0.15s;\n}\n\n.share-search-box:focus-within {\n    background: var(--mj-bg-surface);\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.share-search-box i {\n    color: var(--mj-text-disabled);\n    font-size: 14px;\n}\n\n.share-search-box input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    outline: none;\n}\n\n.share-search-box input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n/* User Dropdown */\n.share-user-dropdown {\n    margin-top: 8px;\n    max-height: 180px;\n    overflow-y: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface-card);\n}\n\n/* User Option */\n.share-user-option {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    width: 100%;\n    padding: 10px 12px;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    text-align: left;\n    transition: background 0.1s;\n}\n\n.share-user-option:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.share-user-option:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.share-user-option .share-user-name {\n    flex: 1;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.share-user-option .share-user-email {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    margin-right: auto;\n}\n\n.share-user-option i.fa-plus {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    opacity: 0;\n    transition: opacity 0.1s;\n}\n\n.share-user-option:hover i.fa-plus {\n    opacity: 1;\n}\n\n.share-no-results {\n    padding: 16px;\n    text-align: center;\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n}\n\n/* Avatar */\n.share-avatar {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 12px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.share-avatar-owner {\n    background: var(--mj-status-warning);\n    font-size: 14px;\n}\n\n.share-avatar-removed {\n    background: var(--mj-border-strong);\n}\n\n/* Person Row */\n.share-person {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 0;\n}\n\n.share-person:not(:last-child) {\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.share-person-new {\n    background: color-mix(in srgb, var(--mj-status-success) 5%, transparent);\n    margin: 0 -20px;\n    padding: 10px 20px;\n}\n\n.share-person-modified {\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n    margin: 0 -20px;\n    padding: 10px 20px;\n}\n\n.share-person-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.share-person-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.share-person-email {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.share-person-role {\n    font-size: 12px;\n    color: var(--mj-status-warning);\n    font-weight: 500;\n}\n\n.share-badge-new {\n    padding: 2px 6px;\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n    font-size: 10px;\n    font-weight: 600;\n    border-radius: 4px;\n}\n\n/* Permissions */\n.share-permissions {\n    display: flex;\n    gap: 4px;\n}\n\n.share-perm {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.1s;\n    position: relative;\n}\n\n.share-perm input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n}\n\n.share-perm i {\n    font-size: 12px;\n    color: var(--mj-border-strong);\n    transition: color 0.1s;\n}\n\n.share-perm:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.share-perm input:checked + i {\n    color: var(--mj-brand-primary);\n}\n\n.share-perm input:disabled + i {\n    color: var(--mj-brand-primary);\n    opacity: 0.7;\n}\n\n/* Remove Button */\n.share-remove-btn {\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: transparent;\n    color: var(--mj-border-strong);\n    border-radius: 4px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.1s;\n}\n\n.share-remove-btn:hover {\n    background: var(--mj-bg-error);\n    color: var(--mj-status-error);\n}\n\n/* Empty State */\n.share-empty {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 20px;\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    justify-content: center;\n}\n\n.share-empty i {\n    font-size: 16px;\n}\n\n/* Removed Section */\n.share-removed-section {\n    margin-top: 12px;\n    padding: 12px;\n    background: var(--mj-bg-warning);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-warning);\n}\n\n.share-removed-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 0;\n}\n\n.share-removed-name {\n    flex: 1;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    text-decoration: line-through;\n}\n\n.share-undo-btn {\n    padding: 4px 10px;\n    border: none;\n    background: transparent;\n    color: var(--mj-status-warning);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.share-undo-btn:hover {\n    text-decoration: underline;\n}\n\n/* Footer */\n.share-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    background: var(--mj-bg-surface-card);\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.share-changes-hint {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-brand-primary);\n}\n\n.share-changes-hint i {\n    font-size: 6px;\n}\n\n.share-footer-actions {\n    display: flex;\n    gap: 10px;\n    margin-left: auto;\n}\n\n.share-btn {\n    padding: 8px 18px;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.share-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.share-btn-secondary {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    color: var(--mj-text-secondary);\n}\n\n.share-btn-secondary:hover:not(:disabled) {\n    background: var(--mj-bg-surface-card);\n    border-color: var(--mj-border-strong);\n}\n\n.share-btn-primary {\n    background: var(--mj-brand-primary);\n    border: none;\n    color: var(--mj-text-inverse);\n}\n\n.share-btn-primary:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n/* Owner row specific styling */\n.share-owner {\n    background: var(--mj-bg-warning);\n    margin: 0 -20px;\n    padding: 10px 20px;\n    border-radius: 0;\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }], { Visible: [{
             type: Input
         }], Dashboard: [{

package/dist/DashboardBrowser/dashboard-share-dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-share-dialog.component.js","sourceRoot":"","sources":["../../src/DashboardBrowser/dashboard-share-dialog.component.ts","../../src/DashboardBrowser/dashboard-share-dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnChanges, SimpleChanges, ChangeDetectorRef, ViewEncapsulation } from '@angular/core';\nimport { Metadata, RunView } from '@memberjunction/core';\nimport { MJDashboardEntity, MJDashboardPermissionEntity, DashboardEngine, MJUserEntity } from '@memberjunction/core-entities';\nimport { UUIDsEqual } from '@memberjunction/global';\n\n/**\n * Represents a user share with their permissions\n */\nexport interface UserSharePermission {\n    /** The permission entity (may be new or existing) */\n    Permission: MJDashboardPermissionEntity;\n    /** The user being shared with */\n    User: MJUserEntity;\n    /** Whether this is a newly added share */\n    IsNew: boolean;\n    /** Whether this share has been marked for removal */\n    MarkedForRemoval: boolean;\n}\n\n/**\n * Result emitted when the dialog is closed\n */\nexport interface ShareDialogResult {\n    /** The action taken: 'save' or 'cancel' */\n    Action: 'save' | 'cancel';\n    /** The dashboard that was shared (only on save) */\n    Dashboard?: MJDashboardEntity;\n}\n\n/**\n * Dialog component for sharing dashboards with other users.\n * Allows setting granular permissions (CanRead, CanEdit, CanDelete, CanShare).\n */\n@Component({\n  standalone: false,\n    selector: 'mj-dashboard-share-dialog',\n    templateUrl: './dashboard-share-dialog.component.html',\n    styleUrls: ['./dashboard-share-dialog.component.css'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class DashboardShareDialogComponent implements OnChanges {\n    @Input() Visible = false;\n    @Input() Dashboard: MJDashboardEntity | null = null;\n    @Output() Result = new EventEmitter<ShareDialogResult>();\n\n    /** Current shares for this dashboard */\n    public UserShares: UserSharePermission[] = [];\n\n    /** All available users for sharing (excludes owner and already shared) */\n    public AvailableUsers: MJUserEntity[] = [];\n\n    /** All users in the system */\n    private allUsers: MJUserEntity[] = [];\n\n    /** Loading state */\n    public IsLoading = false;\n\n    /** Error message to display */\n    public Error: string | null = null;\n\n    /** Search filter for available users */\n    public UserSearchFilter = '';\n\n    constructor(private cdr: ChangeDetectorRef) {}\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['Visible'] && this.Visible && this.Dashboard) {\n            this.resetDialog();\n            this.loadData();\n        }\n    }\n\n    /**\n     * Reset dialog state\n     */\n    private resetDialog(): void {\n        this.Error = null;\n        this.IsLoading = false;\n        this.UserShares = [];\n        this.AvailableUsers = [];\n        this.UserSearchFilter = '';\n    }\n\n    /**\n     * Load existing shares and available users\n     */\n    private async loadData(): Promise<void> {\n        if (!this.Dashboard) return;\n\n        this.IsLoading = true;\n        this.cdr.detectChanges();\n\n        try {\n            const md = new Metadata();\n            const rv = new RunView();\n\n            // Load all users\n            const usersResult = await rv.RunView<MJUserEntity>({\n                EntityName: 'MJ: Users',\n                ExtraFilter: \"IsActive = 1\",\n                OrderBy: 'Name',\n                ResultType: 'entity_object'\n            });\n\n            if (usersResult.Success) {\n                this.allUsers = usersResult.Results;\n            }\n\n            // Get existing shares from DashboardEngine\n            const existingShares = DashboardEngine.Instance.GetDashboardShares(this.Dashboard.ID);\n\n            // Build user shares list\n            this.UserShares = [];\n            for (const permission of existingShares) {\n                const user = this.allUsers.find(u => UUIDsEqual(u.ID, permission.UserID));\n                if (user) {\n                    this.UserShares.push({\n                        Permission: permission,\n                        User: user,\n                        IsNew: false,\n                        MarkedForRemoval: false\n                    });\n                }\n            }\n\n            // Update available users\n            this.updateAvailableUsers();\n\n        } catch (error) {\n            console.error('Error loading share data:', error);\n            this.Error = 'Failed to load sharing data. Please try again.';\n        } finally {\n            this.IsLoading = false;\n            this.cdr.detectChanges();\n        }\n    }\n\n    /**\n     * Update the list of available users (excludes owner and already shared)\n     */\n    private updateAvailableUsers(): void {\n        if (!this.Dashboard) return;\n\n        const sharedUserIds = new Set(\n            this.UserShares\n                .filter(s => !s.MarkedForRemoval)\n                .map(s => s.User.ID)\n        );\n\n        // Exclude dashboard owner and already shared users\n        this.AvailableUsers = this.allUsers.filter(user =>\n            !UUIDsEqual(user.ID, this.Dashboard!.UserID) && !sharedUserIds.has(user.ID)\n        );\n    }\n\n    /**\n     * Get filtered available users based on search\n     */\n    public get FilteredAvailableUsers(): MJUserEntity[] {\n        if (!this.UserSearchFilter.trim()) {\n            return this.AvailableUsers.slice(0, 10); // Show first 10 by default\n        }\n\n        const filter = this.UserSearchFilter.toLowerCase();\n        return this.AvailableUsers\n            .filter(user =>\n                user.Name.toLowerCase().includes(filter) ||\n                (user.Email && user.Email.toLowerCase().includes(filter))\n            )\n            .slice(0, 10);\n    }\n\n    /**\n     * Check if there are unsaved changes\n     */\n    public get HasChanges(): boolean {\n        return this.UserShares.some(s => s.IsNew || s.MarkedForRemoval || s.Permission.Dirty);\n    }\n\n    /**\n     * Add a user to the share list\n     */\n    public async addUserShare(user: MJUserEntity): Promise<void> {\n        if (!this.Dashboard) return;\n\n        const md = new Metadata();\n        const permission = await md.GetEntityObject<MJDashboardPermissionEntity>('MJ: Dashboard Permissions');\n        permission.NewRecord();\n        permission.DashboardID = this.Dashboard.ID;\n        permission.UserID = user.ID;\n        permission.CanRead = true;  // Default to read access\n        permission.CanEdit = false;\n        permission.CanDelete = false;\n        permission.CanShare = false;\n\n        this.UserShares.push({\n            Permission: permission,\n            User: user,\n            IsNew: true,\n            MarkedForRemoval: false\n        });\n\n        this.updateAvailableUsers();\n        this.UserSearchFilter = '';\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Mark a share for removal\n     */\n    public removeUserShare(share: UserSharePermission): void {\n        if (share.IsNew) {\n            // If it's new, just remove from the array\n            this.UserShares = this.UserShares.filter(s => s !== share);\n        } else {\n            // Otherwise mark for removal\n            share.MarkedForRemoval = true;\n        }\n\n        this.updateAvailableUsers();\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Undo removal of a share\n     */\n    public undoRemove(share: UserSharePermission): void {\n        share.MarkedForRemoval = false;\n        this.updateAvailableUsers();\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Get shares that are not marked for removal\n     */\n    public get ActiveShares(): UserSharePermission[] {\n        return this.UserShares.filter(s => !s.MarkedForRemoval);\n    }\n\n    /**\n     * Get shares marked for removal\n     */\n    public get RemovedShares(): UserSharePermission[] {\n        return this.UserShares.filter(s => s.MarkedForRemoval);\n    }\n\n    /**\n     * Toggle CanEdit permission (also enables CanRead)\n     */\n    public toggleCanEdit(share: UserSharePermission): void {\n        share.Permission.CanEdit = !share.Permission.CanEdit;\n        if (share.Permission.CanEdit) {\n            share.Permission.CanRead = true;\n        }\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Toggle CanDelete permission (also enables CanRead and CanEdit)\n     */\n    public toggleCanDelete(share: UserSharePermission): void {\n        share.Permission.CanDelete = !share.Permission.CanDelete;\n        if (share.Permission.CanDelete) {\n            share.Permission.CanRead = true;\n            share.Permission.CanEdit = true;\n        }\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Toggle CanShare permission (also enables CanRead)\n     */\n    public toggleCanShare(share: UserSharePermission): void {\n        share.Permission.CanShare = !share.Permission.CanShare;\n        if (share.Permission.CanShare) {\n            share.Permission.CanRead = true;\n        }\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Save all permission changes\n     */\n    public async onSave(): Promise<void> {\n        if (!this.HasChanges) {\n            this.onCancel();\n            return;\n        }\n\n        this.IsLoading = true;\n        this.Error = null;\n        this.cdr.detectChanges();\n\n        try {\n            // Process removals first\n            for (const share of this.UserShares.filter(s => s.MarkedForRemoval && !s.IsNew)) {\n                const deleted = await share.Permission.Delete();\n                if (!deleted) {\n                    throw new Error(`Failed to remove share for ${share.User.Name}`);\n                }\n            }\n\n            // Process new and modified shares\n            for (const share of this.UserShares.filter(s => !s.MarkedForRemoval && (s.IsNew || s.Permission.Dirty))) {\n                const saved = await share.Permission.Save();\n                if (!saved) {\n                    throw new Error(`Failed to save share for ${share.User.Name}: ${share.Permission.LatestResult?.Message}`);\n                }\n            }\n\n            // Refresh the engine cache\n            await DashboardEngine.Instance.Config(true);\n\n            this.Result.emit({\n                Action: 'save',\n                Dashboard: this.Dashboard!\n            });\n\n        } catch (error) {\n            console.error('Error saving shares:', error);\n            this.Error = error instanceof Error ? error.message : 'Failed to save sharing settings.';\n        } finally {\n            this.IsLoading = false;\n            this.cdr.detectChanges();\n        }\n    }\n\n    /**\n     * Cancel and close the dialog\n     */\n    public onCancel(): void {\n        this.Result.emit({ Action: 'cancel' });\n    }\n\n    /**\n     * Get initials for a user (for avatar display)\n     */\n    public getUserInitials(user: MJUserEntity): string {\n        const name = user.Name || user.Email || '?';\n        const parts = name.split(' ');\n        if (parts.length >= 2) {\n            return (parts[0][0] + parts[1][0]).toUpperCase();\n        }\n        return name.substring(0, 2).toUpperCase();\n    }\n}\n","@if (Visible) {\n  <kendo-window\n    [width]=\"560\"\n    [minHeight]=\"200\"\n    [resizable]=\"false\"\n    [draggable]=\"true\"\n    [keepContent]=\"true\"\n    (close)=\"onCancel()\"\n    class=\"mj-share-dialog-window\"\n    kendoWindowContainer>\n    <kendo-window-titlebar>\n      <div class=\"share-dialog-header\">\n        <i class=\"fa-solid fa-share-nodes\"></i>\n        <span>Share \"{{ Dashboard?.Name }}\"</span>\n      </div>\n    </kendo-window-titlebar>\n    <div class=\"share-dialog-body\">\n      <!-- Error Alert -->\n      @if (Error) {\n        <div class=\"share-alert share-alert-error\">\n          <i class=\"fa-solid fa-exclamation-triangle\"></i>\n          <span>{{ Error }}</span>\n        </div>\n      }\n      <!-- Add Users Section -->\n      <div class=\"share-section\">\n        <div class=\"share-search-box\">\n          <i class=\"fa-solid fa-search\"></i>\n          <input\n            type=\"text\"\n            placeholder=\"Add people by name or email...\"\n            [(ngModel)]=\"UserSearchFilter\"\n            [disabled]=\"IsLoading\">\n        </div>\n        <!-- Available Users Dropdown -->\n        @if (FilteredAvailableUsers.length > 0) {\n          <div class=\"share-user-dropdown\">\n            @for (user of FilteredAvailableUsers; track user.ID) {\n              <button type=\"button\" class=\"share-user-option\" (click)=\"addUserShare(user)\" [disabled]=\"IsLoading\">\n                <span class=\"share-avatar\">{{ getUserInitials(user) }}</span>\n                <span class=\"share-user-name\">{{ user.Name }}</span>\n                @if (user.Email) {\n                  <span class=\"share-user-email\">{{ user.Email }}</span>\n                }\n                <i class=\"fa-solid fa-plus\"></i>\n              </button>\n            }\n          </div>\n        }\n        @if (UserSearchFilter && FilteredAvailableUsers.length === 0) {\n          <div class=\"share-no-results\">\n            No users found matching \"{{ UserSearchFilter }}\"\n          </div>\n        }\n      </div>\n      <!-- People with Access -->\n      <div class=\"share-section\">\n        <div class=\"share-section-label\">People with access</div>\n        <!-- Owner -->\n        <div class=\"share-person share-owner\">\n          <span class=\"share-avatar share-avatar-owner\">\n            <i class=\"fa-solid fa-crown\"></i>\n          </span>\n          <div class=\"share-person-info\">\n            <span class=\"share-person-name\">{{ Dashboard?.User || 'You' }}</span>\n            <span class=\"share-person-role\">Owner</span>\n          </div>\n        </div>\n        <!-- Shared Users -->\n        @for (share of ActiveShares; track share.User.ID) {\n          <div class=\"share-person\" [class.share-person-new]=\"share.IsNew\" [class.share-person-modified]=\"share.Permission.Dirty\">\n            <span class=\"share-avatar\">{{ getUserInitials(share.User) }}</span>\n            <div class=\"share-person-info\">\n              <span class=\"share-person-name\">\n                {{ share.User.Name }}\n                @if (share.IsNew) {\n                  <span class=\"share-badge-new\">New</span>\n                }\n              </span>\n              @if (share.User.Email) {\n                <span class=\"share-person-email\">{{ share.User.Email }}</span>\n              }\n            </div>\n            <div class=\"share-permissions\">\n              <label class=\"share-perm\" title=\"Can view\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanRead\" disabled>\n                <i class=\"fa-solid fa-eye\"></i>\n              </label>\n              <label class=\"share-perm\" title=\"Can edit\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanEdit\" (change)=\"toggleCanEdit(share)\">\n                <i class=\"fa-solid fa-edit\"></i>\n              </label>\n              <label class=\"share-perm\" title=\"Can delete\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanDelete\" (change)=\"toggleCanDelete(share)\">\n                <i class=\"fa-solid fa-trash\"></i>\n              </label>\n              <label class=\"share-perm\" title=\"Can share\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanShare\" (change)=\"toggleCanShare(share)\">\n                <i class=\"fa-solid fa-share\"></i>\n              </label>\n            </div>\n            <button type=\"button\" class=\"share-remove-btn\" (click)=\"removeUserShare(share)\" title=\"Remove\">\n              <i class=\"fa-solid fa-times\"></i>\n            </button>\n          </div>\n        }\n        @if (ActiveShares.length === 0) {\n          <div class=\"share-empty\">\n            <i class=\"fa-solid fa-user-lock\"></i>\n            <span>Not shared with anyone yet</span>\n          </div>\n        }\n        <!-- Pending Removals -->\n        @if (RemovedShares.length > 0) {\n          <div class=\"share-removed-section\">\n            @for (share of RemovedShares; track share.User.ID) {\n              <div class=\"share-removed-item\">\n                <span class=\"share-avatar share-avatar-removed\">{{ getUserInitials(share.User) }}</span>\n                <span class=\"share-removed-name\">{{ share.User.Name }}</span>\n                <button type=\"button\" class=\"share-undo-btn\" (click)=\"undoRemove(share)\">\n                  <i class=\"fa-solid fa-undo\"></i> Undo\n                </button>\n              </div>\n            }\n          </div>\n        }\n      </div>\n      <!-- Footer -->\n      <div class=\"share-footer\">\n        @if (HasChanges) {\n          <span class=\"share-changes-hint\">\n            <i class=\"fa-solid fa-circle\"></i> Unsaved changes\n          </span>\n        }\n        <div class=\"share-footer-actions\">\n          <button type=\"button\" class=\"share-btn share-btn-secondary\" (click)=\"onCancel()\">\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            class=\"share-btn share-btn-primary\"\n            (click)=\"onSave()\"\n            [disabled]=\"!HasChanges || IsLoading\">\n            @if (IsLoading) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n            } @else {\n              Save\n            }\n          </button>\n        </div>\n      </div>\n    </div>\n  </kendo-window>\n}\n"]}
+{"version":3,"file":"dashboard-share-dialog.component.js","sourceRoot":"","sources":["../../src/DashboardBrowser/dashboard-share-dialog.component.ts","../../src/DashboardBrowser/dashboard-share-dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAA+C,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvI,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAkD,eAAe,EAAgB,MAAM,+BAA+B,CAAC;AAC9H,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;;;;;;;ICe5C,8BAA2C;IACzC,wBAAgD;IAChD,4BAAM;IAAA,YAAW;IACnB,AADmB,iBAAO,EACpB;;;IADE,eAAW;IAAX,kCAAW;;;IAqBT,gCAA+B;IAAA,YAAgB;IAAA,iBAAO;;;IAAvB,cAAgB;IAAhB,mCAAgB;;;;IAJnD,kCAAoG;IAApD,iPAAS,4BAAkB,KAAC;IAC1E,gCAA2B;IAAA,YAA2B;IAAA,iBAAO;IAC7D,gCAA8B;IAAA,YAAe;IAAA,iBAAO;IACpD,oIAAkB;IAGlB,wBAAgC;IAClC,iBAAS;;;;IAPoE,2CAAsB;IACtE,eAA2B;IAA3B,qDAA2B;IACxB,eAAe;IAAf,kCAAe;IAC7C,cAEC;IAFD,wCAEC;;;IAPP,+BAAiC;IAC/B,iIASC;IACH,iBAAM;;;IAVJ,cASC;IATD,4CASC;;;IAIH,+BAA8B;IAC5B,YACF;IAAA,iBAAM;;;IADJ,cACF;IADE,oFACF;;;IAwBQ,gCAA8B;IAAA,mBAAG;IAAA,iBAAO;;;IAI1C,gCAAiC;IAAA,YAAsB;IAAA,iBAAO;;;IAA7B,cAAsB;IAAtB,yCAAsB;;;;IAT3D,AADF,+BAAwH,eAC3F;IAAA,YAAiC;IAAA,iBAAO;IAEjE,AADF,+BAA+B,eACG;IAC9B,YACA;IAAA,sHAAmB;IAGrB,iBAAO;IACP,sHAAwB;IAG1B,iBAAM;IAEJ,AADF,+BAA+B,gBACc;IAEzC,AADA,6BAAqE,aACtC;IACjC,iBAAQ;IAEN,AADF,kCAA2C,iBACmD;IAAhC,sOAAU,8BAAoB,KAAC;IAA3F,iBAA4F;IAC5F,yBAAgC;IAClC,iBAAQ;IAEN,AADF,kCAA6C,iBACqD;IAAlC,sOAAU,gCAAsB,KAAC;IAA/F,iBAAgG;IAChG,yBAAiC;IACnC,iBAAQ;IAEN,AADF,kCAA4C,iBACoD;IAAjC,sOAAU,+BAAqB,KAAC;IAA7F,iBAA8F;IAC9F,yBAAiC;IAErC,AADE,iBAAQ,EACJ;IACN,mCAA+F;IAAhD,qOAAS,gCAAsB,KAAC;IAC7E,yBAAiC;IAErC,AADE,iBAAS,EACL;;;;IAlC2D,AAAvC,kDAAsC,oDAAuD;IAC1F,eAAiC;IAAjC,2DAAiC;IAGxD,eACA;IADA,mDACA;IAAA,cAEC;IAFD,yCAEC;IAEH,cAEC;IAFD,8CAEC;IAIwB,eAAoC;IAApC,qDAAoC;IAIpC,eAAoC;IAApC,qDAAoC;IAIpC,eAAsC;IAAtC,uDAAsC;IAItC,eAAqC;IAArC,sDAAqC;;;IAUlE,+BAAyB;IACvB,wBAAqC;IACrC,4BAAM;IAAA,0CAA0B;IAClC,AADkC,iBAAO,EACnC;;;;IAOA,AADF,+BAAgC,eACkB;IAAA,YAAiC;IAAA,iBAAO;IACxF,gCAAiC;IAAA,YAAqB;IAAA,iBAAO;IAC7D,kCAAyE;IAA5B,kPAAS,2BAAiB,KAAC;IACtE,wBAAgC;IAAC,sBACnC;IACF,AADE,iBAAS,EACL;;;;IAL4C,eAAiC;IAAjC,2DAAiC;IAChD,eAAqB;IAArB,wCAAqB;;;IAJ5D,+BAAmC;IACjC,8HAQC;IACH,iBAAM;;;IATJ,cAQC;IARD,mCAQC;;;IAOH,gCAAiC;IAC/B,wBAAkC;IAAC,iCACrC;IAAA,iBAAO;;;IAYH,wBAA2C;IAAC,2BAC9C;;;IACE,sBACF;;;;IAjJV,oCAOiC;IAD/B,oMAAS,iBAAU,KAAC;IAGlB,AADF,0CAAoB,aACe;IAC/B,uBAAuC;IACvC,4BAAM;IAAA,YAA6B;IAEvC,AADE,AADqC,iBAAO,EACtC,EACa;IACrB,8BAA+B;IAE7B,6GAAa;IAQX,AADF,8BAA2B,aACK;IAC5B,wBAAkC;IAClC,iCAIyB;IADvB,sUAA8B;IAElC,AALE,iBAIyB,EACrB;IAEN,gHAAyC;IAczC,gHAA+D;IAKjE,iBAAM;IAGJ,AADF,+BAA2B,eACQ;IAAA,mCAAkB;IAAA,iBAAM;IAGvD,AADF,gCAAsC,gBACU;IAC5C,yBAAiC;IACnC,iBAAO;IAEL,AADF,gCAA+B,gBACG;IAAA,aAA8B;IAAA,iBAAO;IACrE,iCAAgC;IAAA,sBAAK;IAEzC,AADE,AADuC,iBAAO,EACxC,EACF;IAEN,mHAoCC;IACD,gHAAiC;IAOjC,gHAAgC;IAalC,iBAAM;IAEN,gCAA0B;IACxB,iHAAkB;IAMhB,AADF,gCAAkC,kBACiD;IAArB,kMAAS,iBAAU,KAAC;IAC9E,yBACF;IAAA,iBAAS;IACT,mCAIwC;IADtC,kMAAS,eAAQ,KAAC;IAIhB,AAFF,qGAAiB,+EAER;IAOnB,AADE,AADE,AADE,AADE,iBAAS,EACL,EACF,EACF,EACI;;;IAjJV,AADA,AADA,AADA,AADA,8BAAgB,cACH,kBACI,oBACE,mBACD;IAMR,eAA6B;IAA7B,gGAA6B;IAKrC,eAKC;IALD,uCAKC;IAQK,eAA8B;IAA9B,uDAA8B;IAC9B,2CAAsB;IAG1B,cAaC;IAbD,oEAaC;IACD,cAIC;IAJD,iGAIC;IAWmC,eAA8B;IAA9B,wFAA8B;IAKlE,eAoCC;IApCD,kCAoCC;IACD,eAKC;IALD,4DAKC;IAED,cAYC;IAZD,2DAYC;IAID,eAIC;IAJD,6CAIC;IASG,eAAqC;IAArC,iEAAqC;IACrC,cAIC;IAJD,4CAIC;;ADrHb;;;GAGG;AAQH,MAAM,OAAO,6BAA6B;IAuBlB;IAtBX,OAAO,GAAG,KAAK,CAAC;IAChB,SAAS,GAA6B,IAAI,CAAC;IAC1C,MAAM,GAAG,IAAI,YAAY,EAAqB,CAAC;IAEzD,wCAAwC;IACjC,UAAU,GAA0B,EAAE,CAAC;IAE9C,0EAA0E;IACnE,cAAc,GAAmB,EAAE,CAAC;IAE3C,8BAA8B;IACtB,QAAQ,GAAmB,EAAE,CAAC;IAEtC,oBAAoB;IACb,SAAS,GAAG,KAAK,CAAC;IAEzB,+BAA+B;IACxB,KAAK,GAAkB,IAAI,CAAC;IAEnC,wCAAwC;IACjC,gBAAgB,GAAG,EAAE,CAAC;IAE7B,YAAoB,GAAsB;QAAtB,QAAG,GAAH,GAAG,CAAmB;IAAG,CAAC;IAE9C,WAAW,CAAC,OAAsB;QAC9B,IAAI,OAAO,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACvD,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;QACpB,CAAC;IACL,CAAC;IAED;;OAEG;IACK,WAAW;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;QACzB,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;IAC/B,CAAC;IAED;;OAEG;IACK,KAAK,CAAC,QAAQ;QAClB,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO;QAE5B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAEzB,IAAI,CAAC;YACD,MAAM,EAAE,GAAG,IAAI,QAAQ,EAAE,CAAC;YAC1B,MAAM,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;YAEzB,iBAAiB;YACjB,MAAM,WAAW,GAAG,MAAM,EAAE,CAAC,OAAO,CAAe;gBAC/C,UAAU,EAAE,WAAW;gBACvB,WAAW,EAAE,cAAc;gBAC3B,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,eAAe;aAC9B,CAAC,CAAC;YAEH,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;gBACtB,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;YACxC,CAAC;YAED,2CAA2C;YAC3C,MAAM,cAAc,GAAG,eAAe,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;YAEtF,yBAAyB;YACzB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;YACrB,KAAK,MAAM,UAAU,IAAI,cAAc,EAAE,CAAC;gBACtC,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;gBAC1E,IAAI,IAAI,EAAE,CAAC;oBACP,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;wBACjB,UAAU,EAAE,UAAU;wBACtB,IAAI,EAAE,IAAI;wBACV,KAAK,EAAE,KAAK;wBACZ,gBAAgB,EAAE,KAAK;qBAC1B,CAAC,CAAC;gBACP,CAAC;YACL,CAAC;YAED,yBAAyB;YACzB,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAEhC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAC;YAClD,IAAI,CAAC,KAAK,GAAG,gDAAgD,CAAC;QAClE,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC;IAED;;OAEG;IACK,oBAAoB;QACxB,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO;QAE5B,MAAM,aAAa,GAAG,IAAI,GAAG,CACzB,IAAI,CAAC,UAAU;aACV,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC;aAChC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAC3B,CAAC;QAEF,mDAAmD;QACnD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAC9C,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,SAAU,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC9E,CAAC;IACN,CAAC;IAED;;OAEG;IACH,IAAW,sBAAsB;QAC7B,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,EAAE,CAAC;YAChC,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,2BAA2B;QACxE,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC;QACnD,OAAO,IAAI,CAAC,cAAc;aACrB,MAAM,CAAC,IAAI,CAAC,EAAE,CACX,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC;YACxC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAC5D;aACA,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACtB,CAAC;IAED;;OAEG;IACH,IAAW,UAAU;QACjB,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,gBAAgB,IAAI,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1F,CAAC;IAED;;OAEG;IACI,KAAK,CAAC,YAAY,CAAC,IAAkB;QACxC,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO;QAE5B,MAAM,EAAE,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC1B,MAAM,UAAU,GAAG,MAAM,EAAE,CAAC,eAAe,CAA8B,2BAA2B,CAAC,CAAC;QACtG,UAAU,CAAC,SAAS,EAAE,CAAC;QACvB,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;QAC3C,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;QAC5B,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,CAAE,yBAAyB;QACrD,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;QAC3B,UAAU,CAAC,SAAS,GAAG,KAAK,CAAC;QAC7B,UAAU,CAAC,QAAQ,GAAG,KAAK,CAAC;QAE5B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;YACjB,UAAU,EAAE,UAAU;YACtB,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,IAAI;YACX,gBAAgB,EAAE,KAAK;SAC1B,CAAC,CAAC;QAEH,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED;;OAEG;IACI,eAAe,CAAC,KAA0B;QAC7C,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YACd,0CAA0C;YAC1C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QAC/D,CAAC;aAAM,CAAC;YACJ,6BAA6B;YAC7B,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAClC,CAAC;QAED,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED;;OAEG;IACI,UAAU,CAAC,KAA0B;QACxC,KAAK,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED;;OAEG;IACH,IAAW,YAAY;QACnB,OAAO,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC5D,CAAC;IAED;;OAEG;IACH,IAAW,aAAa;QACpB,OAAO,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC3D,CAAC;IAED;;OAEG;IACI,aAAa,CAAC,KAA0B;QAC3C,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC;QACrD,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YAC3B,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QACpC,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED;;OAEG;IACI,eAAe,CAAC,KAA0B;QAC7C,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;QACzD,IAAI,KAAK,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7B,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QACpC,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,KAA0B;QAC5C,KAAK,CAAC,UAAU,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;QACvD,IAAI,KAAK,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;YAC5B,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QACpC,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED;;OAEG;IACI,KAAK,CAAC,MAAM;QACf,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,OAAO;QACX,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAEzB,IAAI,CAAC;YACD,yBAAyB;YACzB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC9E,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;gBAChD,IAAI,CAAC,OAAO,EAAE,CAAC;oBACX,MAAM,IAAI,KAAK,CAAC,8BAA8B,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;gBACrE,CAAC;YACL,CAAC;YAED,kCAAkC;YAClC,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,gBAAgB,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;gBACtG,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;gBAC5C,IAAI,CAAC,KAAK,EAAE,CAAC;oBACT,MAAM,IAAI,KAAK,CAAC,4BAA4B,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,UAAU,CAAC,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC;gBAC9G,CAAC;YACL,CAAC;YAED,2BAA2B;YAC3B,MAAM,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAE5C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,IAAI,CAAC,SAAU;aAC7B,CAAC,CAAC;QAEP,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;YAC7C,IAAI,CAAC,KAAK,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,kCAAkC,CAAC;QAC7F,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC;IAED;;OAEG;IACI,QAAQ;QACX,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED;;OAEG;IACI,eAAe,CAAC,IAAkB;QACrC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC;QAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC9B,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YACpB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACrD,CAAC;QACD,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC9C,CAAC;uHAhTQ,6BAA6B;6DAA7B,6BAA6B;YCxC1C,uGAAe;;YAAf,sCAwJC;;;iFDhHY,6BAA6B;cAPzC,SAAS;6BACI,KAAK,YACL,2BAA2B,iBAGtB,iBAAiB,CAAC,IAAI;;kBAGpC,KAAK;;kBACL,KAAK;;kBACL,MAAM;;kFAHE,6BAA6B","sourcesContent":["import { Component, Input, Output, EventEmitter, OnChanges, SimpleChanges, ChangeDetectorRef, ViewEncapsulation } from '@angular/core';\nimport { Metadata, RunView } from '@memberjunction/core';\nimport { MJDashboardEntity, MJDashboardPermissionEntity, DashboardEngine, MJUserEntity } from '@memberjunction/core-entities';\nimport { UUIDsEqual } from '@memberjunction/global';\n\n/**\n * Represents a user share with their permissions\n */\nexport interface UserSharePermission {\n    /** The permission entity (may be new or existing) */\n    Permission: MJDashboardPermissionEntity;\n    /** The user being shared with */\n    User: MJUserEntity;\n    /** Whether this is a newly added share */\n    IsNew: boolean;\n    /** Whether this share has been marked for removal */\n    MarkedForRemoval: boolean;\n}\n\n/**\n * Result emitted when the dialog is closed\n */\nexport interface ShareDialogResult {\n    /** The action taken: 'save' or 'cancel' */\n    Action: 'save' | 'cancel';\n    /** The dashboard that was shared (only on save) */\n    Dashboard?: MJDashboardEntity;\n}\n\n/**\n * Dialog component for sharing dashboards with other users.\n * Allows setting granular permissions (CanRead, CanEdit, CanDelete, CanShare).\n */\n@Component({\n  standalone: false,\n    selector: 'mj-dashboard-share-dialog',\n    templateUrl: './dashboard-share-dialog.component.html',\n    styleUrls: ['./dashboard-share-dialog.component.css'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class DashboardShareDialogComponent implements OnChanges {\n    @Input() Visible = false;\n    @Input() Dashboard: MJDashboardEntity | null = null;\n    @Output() Result = new EventEmitter<ShareDialogResult>();\n\n    /** Current shares for this dashboard */\n    public UserShares: UserSharePermission[] = [];\n\n    /** All available users for sharing (excludes owner and already shared) */\n    public AvailableUsers: MJUserEntity[] = [];\n\n    /** All users in the system */\n    private allUsers: MJUserEntity[] = [];\n\n    /** Loading state */\n    public IsLoading = false;\n\n    /** Error message to display */\n    public Error: string | null = null;\n\n    /** Search filter for available users */\n    public UserSearchFilter = '';\n\n    constructor(private cdr: ChangeDetectorRef) {}\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['Visible'] && this.Visible && this.Dashboard) {\n            this.resetDialog();\n            this.loadData();\n        }\n    }\n\n    /**\n     * Reset dialog state\n     */\n    private resetDialog(): void {\n        this.Error = null;\n        this.IsLoading = false;\n        this.UserShares = [];\n        this.AvailableUsers = [];\n        this.UserSearchFilter = '';\n    }\n\n    /**\n     * Load existing shares and available users\n     */\n    private async loadData(): Promise<void> {\n        if (!this.Dashboard) return;\n\n        this.IsLoading = true;\n        this.cdr.detectChanges();\n\n        try {\n            const md = new Metadata();\n            const rv = new RunView();\n\n            // Load all users\n            const usersResult = await rv.RunView<MJUserEntity>({\n                EntityName: 'MJ: Users',\n                ExtraFilter: \"IsActive = 1\",\n                OrderBy: 'Name',\n                ResultType: 'entity_object'\n            });\n\n            if (usersResult.Success) {\n                this.allUsers = usersResult.Results;\n            }\n\n            // Get existing shares from DashboardEngine\n            const existingShares = DashboardEngine.Instance.GetDashboardShares(this.Dashboard.ID);\n\n            // Build user shares list\n            this.UserShares = [];\n            for (const permission of existingShares) {\n                const user = this.allUsers.find(u => UUIDsEqual(u.ID, permission.UserID));\n                if (user) {\n                    this.UserShares.push({\n                        Permission: permission,\n                        User: user,\n                        IsNew: false,\n                        MarkedForRemoval: false\n                    });\n                }\n            }\n\n            // Update available users\n            this.updateAvailableUsers();\n\n        } catch (error) {\n            console.error('Error loading share data:', error);\n            this.Error = 'Failed to load sharing data. Please try again.';\n        } finally {\n            this.IsLoading = false;\n            this.cdr.detectChanges();\n        }\n    }\n\n    /**\n     * Update the list of available users (excludes owner and already shared)\n     */\n    private updateAvailableUsers(): void {\n        if (!this.Dashboard) return;\n\n        const sharedUserIds = new Set(\n            this.UserShares\n                .filter(s => !s.MarkedForRemoval)\n                .map(s => s.User.ID)\n        );\n\n        // Exclude dashboard owner and already shared users\n        this.AvailableUsers = this.allUsers.filter(user =>\n            !UUIDsEqual(user.ID, this.Dashboard!.UserID) && !sharedUserIds.has(user.ID)\n        );\n    }\n\n    /**\n     * Get filtered available users based on search\n     */\n    public get FilteredAvailableUsers(): MJUserEntity[] {\n        if (!this.UserSearchFilter.trim()) {\n            return this.AvailableUsers.slice(0, 10); // Show first 10 by default\n        }\n\n        const filter = this.UserSearchFilter.toLowerCase();\n        return this.AvailableUsers\n            .filter(user =>\n                user.Name.toLowerCase().includes(filter) ||\n                (user.Email && user.Email.toLowerCase().includes(filter))\n            )\n            .slice(0, 10);\n    }\n\n    /**\n     * Check if there are unsaved changes\n     */\n    public get HasChanges(): boolean {\n        return this.UserShares.some(s => s.IsNew || s.MarkedForRemoval || s.Permission.Dirty);\n    }\n\n    /**\n     * Add a user to the share list\n     */\n    public async addUserShare(user: MJUserEntity): Promise<void> {\n        if (!this.Dashboard) return;\n\n        const md = new Metadata();\n        const permission = await md.GetEntityObject<MJDashboardPermissionEntity>('MJ: Dashboard Permissions');\n        permission.NewRecord();\n        permission.DashboardID = this.Dashboard.ID;\n        permission.UserID = user.ID;\n        permission.CanRead = true;  // Default to read access\n        permission.CanEdit = false;\n        permission.CanDelete = false;\n        permission.CanShare = false;\n\n        this.UserShares.push({\n            Permission: permission,\n            User: user,\n            IsNew: true,\n            MarkedForRemoval: false\n        });\n\n        this.updateAvailableUsers();\n        this.UserSearchFilter = '';\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Mark a share for removal\n     */\n    public removeUserShare(share: UserSharePermission): void {\n        if (share.IsNew) {\n            // If it's new, just remove from the array\n            this.UserShares = this.UserShares.filter(s => s !== share);\n        } else {\n            // Otherwise mark for removal\n            share.MarkedForRemoval = true;\n        }\n\n        this.updateAvailableUsers();\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Undo removal of a share\n     */\n    public undoRemove(share: UserSharePermission): void {\n        share.MarkedForRemoval = false;\n        this.updateAvailableUsers();\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Get shares that are not marked for removal\n     */\n    public get ActiveShares(): UserSharePermission[] {\n        return this.UserShares.filter(s => !s.MarkedForRemoval);\n    }\n\n    /**\n     * Get shares marked for removal\n     */\n    public get RemovedShares(): UserSharePermission[] {\n        return this.UserShares.filter(s => s.MarkedForRemoval);\n    }\n\n    /**\n     * Toggle CanEdit permission (also enables CanRead)\n     */\n    public toggleCanEdit(share: UserSharePermission): void {\n        share.Permission.CanEdit = !share.Permission.CanEdit;\n        if (share.Permission.CanEdit) {\n            share.Permission.CanRead = true;\n        }\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Toggle CanDelete permission (also enables CanRead and CanEdit)\n     */\n    public toggleCanDelete(share: UserSharePermission): void {\n        share.Permission.CanDelete = !share.Permission.CanDelete;\n        if (share.Permission.CanDelete) {\n            share.Permission.CanRead = true;\n            share.Permission.CanEdit = true;\n        }\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Toggle CanShare permission (also enables CanRead)\n     */\n    public toggleCanShare(share: UserSharePermission): void {\n        share.Permission.CanShare = !share.Permission.CanShare;\n        if (share.Permission.CanShare) {\n            share.Permission.CanRead = true;\n        }\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Save all permission changes\n     */\n    public async onSave(): Promise<void> {\n        if (!this.HasChanges) {\n            this.onCancel();\n            return;\n        }\n\n        this.IsLoading = true;\n        this.Error = null;\n        this.cdr.detectChanges();\n\n        try {\n            // Process removals first\n            for (const share of this.UserShares.filter(s => s.MarkedForRemoval && !s.IsNew)) {\n                const deleted = await share.Permission.Delete();\n                if (!deleted) {\n                    throw new Error(`Failed to remove share for ${share.User.Name}`);\n                }\n            }\n\n            // Process new and modified shares\n            for (const share of this.UserShares.filter(s => !s.MarkedForRemoval && (s.IsNew || s.Permission.Dirty))) {\n                const saved = await share.Permission.Save();\n                if (!saved) {\n                    throw new Error(`Failed to save share for ${share.User.Name}: ${share.Permission.LatestResult?.Message}`);\n                }\n            }\n\n            // Refresh the engine cache\n            await DashboardEngine.Instance.Config(true);\n\n            this.Result.emit({\n                Action: 'save',\n                Dashboard: this.Dashboard!\n            });\n\n        } catch (error) {\n            console.error('Error saving shares:', error);\n            this.Error = error instanceof Error ? error.message : 'Failed to save sharing settings.';\n        } finally {\n            this.IsLoading = false;\n            this.cdr.detectChanges();\n        }\n    }\n\n    /**\n     * Cancel and close the dialog\n     */\n    public onCancel(): void {\n        this.Result.emit({ Action: 'cancel' });\n    }\n\n    /**\n     * Get initials for a user (for avatar display)\n     */\n    public getUserInitials(user: MJUserEntity): string {\n        const name = user.Name || user.Email || '?';\n        const parts = name.split(' ');\n        if (parts.length >= 2) {\n            return (parts[0][0] + parts[1][0]).toUpperCase();\n        }\n        return name.substring(0, 2).toUpperCase();\n    }\n}\n","@if (Visible) {\n  <mj-window\n    [Visible]=\"true\"\n    [Width]=\"560\"\n    [MinHeight]=\"200\"\n    [Resizable]=\"false\"\n    [Draggable]=\"true\"\n    (Close)=\"onCancel()\"\n    class=\"mj-share-dialog-window\">\n    <mj-window-titlebar>\n      <div class=\"share-dialog-header\">\n        <i class=\"fa-solid fa-share-nodes\"></i>\n        <span>Share \"{{ Dashboard?.Name }}\"</span>\n      </div>\n    </mj-window-titlebar>\n    <div class=\"share-dialog-body\">\n      <!-- Error Alert -->\n      @if (Error) {\n        <div class=\"share-alert share-alert-error\">\n          <i class=\"fa-solid fa-exclamation-triangle\"></i>\n          <span>{{ Error }}</span>\n        </div>\n      }\n      <!-- Add Users Section -->\n      <div class=\"share-section\">\n        <div class=\"share-search-box\">\n          <i class=\"fa-solid fa-search\"></i>\n          <input\n            type=\"text\"\n            placeholder=\"Add people by name or email...\"\n            [(ngModel)]=\"UserSearchFilter\"\n            [disabled]=\"IsLoading\">\n        </div>\n        <!-- Available Users Dropdown -->\n        @if (FilteredAvailableUsers.length > 0) {\n          <div class=\"share-user-dropdown\">\n            @for (user of FilteredAvailableUsers; track user.ID) {\n              <button type=\"button\" class=\"share-user-option\" (click)=\"addUserShare(user)\" [disabled]=\"IsLoading\">\n                <span class=\"share-avatar\">{{ getUserInitials(user) }}</span>\n                <span class=\"share-user-name\">{{ user.Name }}</span>\n                @if (user.Email) {\n                  <span class=\"share-user-email\">{{ user.Email }}</span>\n                }\n                <i class=\"fa-solid fa-plus\"></i>\n              </button>\n            }\n          </div>\n        }\n        @if (UserSearchFilter && FilteredAvailableUsers.length === 0) {\n          <div class=\"share-no-results\">\n            No users found matching \"{{ UserSearchFilter }}\"\n          </div>\n        }\n      </div>\n      <!-- People with Access -->\n      <div class=\"share-section\">\n        <div class=\"share-section-label\">People with access</div>\n        <!-- Owner -->\n        <div class=\"share-person share-owner\">\n          <span class=\"share-avatar share-avatar-owner\">\n            <i class=\"fa-solid fa-crown\"></i>\n          </span>\n          <div class=\"share-person-info\">\n            <span class=\"share-person-name\">{{ Dashboard?.User || 'You' }}</span>\n            <span class=\"share-person-role\">Owner</span>\n          </div>\n        </div>\n        <!-- Shared Users -->\n        @for (share of ActiveShares; track share.User.ID) {\n          <div class=\"share-person\" [class.share-person-new]=\"share.IsNew\" [class.share-person-modified]=\"share.Permission.Dirty\">\n            <span class=\"share-avatar\">{{ getUserInitials(share.User) }}</span>\n            <div class=\"share-person-info\">\n              <span class=\"share-person-name\">\n                {{ share.User.Name }}\n                @if (share.IsNew) {\n                  <span class=\"share-badge-new\">New</span>\n                }\n              </span>\n              @if (share.User.Email) {\n                <span class=\"share-person-email\">{{ share.User.Email }}</span>\n              }\n            </div>\n            <div class=\"share-permissions\">\n              <label class=\"share-perm\" title=\"Can view\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanRead\" disabled>\n                <i class=\"fa-solid fa-eye\"></i>\n              </label>\n              <label class=\"share-perm\" title=\"Can edit\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanEdit\" (change)=\"toggleCanEdit(share)\">\n                <i class=\"fa-solid fa-edit\"></i>\n              </label>\n              <label class=\"share-perm\" title=\"Can delete\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanDelete\" (change)=\"toggleCanDelete(share)\">\n                <i class=\"fa-solid fa-trash\"></i>\n              </label>\n              <label class=\"share-perm\" title=\"Can share\">\n                <input type=\"checkbox\" [checked]=\"share.Permission.CanShare\" (change)=\"toggleCanShare(share)\">\n                <i class=\"fa-solid fa-share\"></i>\n              </label>\n            </div>\n            <button type=\"button\" class=\"share-remove-btn\" (click)=\"removeUserShare(share)\" title=\"Remove\">\n              <i class=\"fa-solid fa-times\"></i>\n            </button>\n          </div>\n        }\n        @if (ActiveShares.length === 0) {\n          <div class=\"share-empty\">\n            <i class=\"fa-solid fa-user-lock\"></i>\n            <span>Not shared with anyone yet</span>\n          </div>\n        }\n        <!-- Pending Removals -->\n        @if (RemovedShares.length > 0) {\n          <div class=\"share-removed-section\">\n            @for (share of RemovedShares; track share.User.ID) {\n              <div class=\"share-removed-item\">\n                <span class=\"share-avatar share-avatar-removed\">{{ getUserInitials(share.User) }}</span>\n                <span class=\"share-removed-name\">{{ share.User.Name }}</span>\n                <button type=\"button\" class=\"share-undo-btn\" (click)=\"undoRemove(share)\">\n                  <i class=\"fa-solid fa-undo\"></i> Undo\n                </button>\n              </div>\n            }\n          </div>\n        }\n      </div>\n      <!-- Footer -->\n      <div class=\"share-footer\">\n        @if (HasChanges) {\n          <span class=\"share-changes-hint\">\n            <i class=\"fa-solid fa-circle\"></i> Unsaved changes\n          </span>\n        }\n        <div class=\"share-footer-actions\">\n          <button type=\"button\" class=\"share-btn share-btn-secondary\" (click)=\"onCancel()\">\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            class=\"share-btn share-btn-primary\"\n            (click)=\"onSave()\"\n            [disabled]=\"!HasChanges || IsLoading\">\n            @if (IsLoading) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n            } @else {\n              Save\n            }\n          </button>\n        </div>\n      </div>\n    </div>\n  </mj-window>\n}\n"]}