@memberjunction/ng-list-management 6.1.4 → 6.2.0-edge.1

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

@@ -330,27 +330,43 @@ export class ListShareDialogComponent extends BaseAngularComponent {
      */
     get EmptyShareMessage() {
         const base = "This list hasn't been shared with anyone yet.";
-        return this.canModifyShares
+        return this.CanModifyShares
             ? `${base} Use the search above to find users or roles to share with.`
             : base;
     }
     /**
      * Controls dialog visibility
      */
-    get visible() {
+    get Visible() {
         return this._visible;
     }
-    set visible(value) {
+    set Visible(value) {
         if (value && !this._visible) {
             this.initializeDialog();
         }
         this._visible = value;
     }
+    /** @deprecated Use {@link Visible}. */
+    get visible() {
+        return this.Visible;
+    }
+    /** @deprecated Use {@link Visible}. */
+    set visible(value) {
+        this.Visible = value;
+    }
     _visible = false;
     /**
      * Emitted when dialog is closed with results
      */
-    complete = new EventEmitter();
+    Complete = new EventEmitter();
+    /**
+     * @deprecated Use {@link Complete}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (complete) keeps working. Must stay AFTER Complete: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    complete = this.Complete;
     /**
      * Emitted when dialog is cancelled
      */
@@ -359,40 +375,160 @@ export class ListShareDialogComponent extends BaseAngularComponent {
      * Emitted when the user clicks "Manage Invitations" in the footer.
      * Phase 2: opens the invitations management UI for this list.
      */
-    manageInvitations = new EventEmitter();
+    ManageInvitations = new EventEmitter();
+    /**
+     * @deprecated Use {@link ManageInvitations}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (manageInvitations) keeps working. Must stay AFTER ManageInvitations: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    manageInvitations = this.ManageInvitations;
     /**
      * Emitted when the user clicks "View audit log" in the footer.
      * Phase 2: opens the per-list audit log view.
      */
-    viewAuditLog = new EventEmitter();
+    ViewAuditLog = new EventEmitter();
+    /**
+     * @deprecated Use {@link ViewAuditLog}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (viewAuditLog) keeps working. Must stay AFTER ViewAuditLog: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    viewAuditLog = this.ViewAuditLog;
     /**
      * When true (the default), newly-added shares fan out as notifications
      * to the recipient (email + in-app, depending on user preferences).
      * The state is captured on the dialog so consumers can read it back
      * via `ListShareDialogResult.notifyByEmail`.
      */
-    notifyByEmail = true;
+    NotifyByEmail = true;
+    /** @deprecated Use {@link NotifyByEmail}. */
+    get notifyByEmail() {
+        return this.NotifyByEmail;
+    }
+    /** @deprecated Use {@link NotifyByEmail}. */
+    set notifyByEmail(value) {
+        this.NotifyByEmail = value;
+    }
     // State
-    loading = false;
+    Loading = false;
+    /** @deprecated Use {@link Loading}. */
+    get loading() {
+        return this.Loading;
+    }
+    /** @deprecated Use {@link Loading}. */
+    set loading(value) {
+        this.Loading = value;
+    }
     saving = false;
-    searchText = '';
-    searchType = 'User';
-    showSearchResults = false;
+    SearchText = '';
+    /** @deprecated Use {@link SearchText}. */
+    get searchText() {
+        return this.SearchText;
+    }
+    /** @deprecated Use {@link SearchText}. */
+    set searchText(value) {
+        this.SearchText = value;
+    }
+    SearchType = 'User';
+    /** @deprecated Use {@link SearchType}. */
+    get searchType() {
+        return this.SearchType;
+    }
+    /** @deprecated Use {@link SearchType}. */
+    set searchType(value) {
+        this.SearchType = value;
+    }
+    ShowSearchResults = false;
+    /** @deprecated Use {@link ShowSearchResults}. */
+    get showSearchResults() {
+        return this.ShowSearchResults;
+    }
+    /** @deprecated Use {@link ShowSearchResults}. */
+    set showSearchResults(value) {
+        this.ShowSearchResults = value;
+    }
     // Data
-    currentShares = [];
-    searchResults = [];
-    selectedRecipient = null;
-    selectedPermission = 'View';
+    CurrentShares = [];
+    /** @deprecated Use {@link CurrentShares}. */
+    get currentShares() {
+        return this.CurrentShares;
+    }
+    /** @deprecated Use {@link CurrentShares}. */
+    set currentShares(value) {
+        this.CurrentShares = value;
+    }
+    SearchResults = [];
+    /** @deprecated Use {@link SearchResults}. */
+    get searchResults() {
+        return this.SearchResults;
+    }
+    /** @deprecated Use {@link SearchResults}. */
+    set searchResults(value) {
+        this.SearchResults = value;
+    }
+    SelectedRecipient = null;
+    /** @deprecated Use {@link SelectedRecipient}. */
+    get selectedRecipient() {
+        return this.SelectedRecipient;
+    }
+    /** @deprecated Use {@link SelectedRecipient}. */
+    set selectedRecipient(value) {
+        this.SelectedRecipient = value;
+    }
+    SelectedPermission = 'View';
+    /** @deprecated Use {@link SelectedPermission}. */
+    get selectedPermission() {
+        return this.SelectedPermission;
+    }
+    /** @deprecated Use {@link SelectedPermission}. */
+    set selectedPermission(value) {
+        this.SelectedPermission = value;
+    }
     // Track changes
-    sharesAdded = [];
-    sharesUpdated = [];
-    sharesRemoved = [];
+    SharesAdded = [];
+    /** @deprecated Use {@link SharesAdded}. */
+    get sharesAdded() {
+        return this.SharesAdded;
+    }
+    /** @deprecated Use {@link SharesAdded}. */
+    set sharesAdded(value) {
+        this.SharesAdded = value;
+    }
+    SharesUpdated = [];
+    /** @deprecated Use {@link SharesUpdated}. */
+    get sharesUpdated() {
+        return this.SharesUpdated;
+    }
+    /** @deprecated Use {@link SharesUpdated}. */
+    set sharesUpdated(value) {
+        this.SharesUpdated = value;
+    }
+    SharesRemoved = [];
+    /** @deprecated Use {@link SharesRemoved}. */
+    get sharesRemoved() {
+        return this.SharesRemoved;
+    }
+    /** @deprecated Use {@link SharesRemoved}. */
+    set sharesRemoved(value) {
+        this.SharesRemoved = value;
+    }
     // Permission options
-    permissionOptions = [
+    PermissionOptions = [
         { value: 'View', label: 'Viewer', description: 'Can view list contents' },
         { value: 'Edit', label: 'Editor', description: 'Can add/remove items' },
         { value: 'Owner', label: 'Co-owner', description: 'Full control including sharing' }
     ];
+    /** @deprecated Use {@link PermissionOptions}. */
+    get permissionOptions() {
+        return this.PermissionOptions;
+    }
+    /** @deprecated Use {@link PermissionOptions}. */
+    set permissionOptions(value) {
+        this.PermissionOptions = value;
+    }
     // Cleanup
     destroy$ = new Subject();
     searchSubject = new Subject();
@@ -411,16 +547,24 @@ export class ListShareDialogComponent extends BaseAngularComponent {
     /**
      * Get dialog title
      */
-    get dialogTitle() {
+    get DialogTitle() {
         return `Share "${this.config?.listName || 'List'}"`;
     }
+    /** @deprecated Use {@link DialogTitle}. */
+    get dialogTitle() {
+        return this.DialogTitle;
+    }
     /**
      * Check if there are pending changes
      */
+    get HasChanges() {
+        return this.SharesAdded.length > 0 ||
+            this.SharesUpdated.length > 0 ||
+            this.SharesRemoved.length > 0;
+    }
+    /** @deprecated Use {@link HasChanges}. */
     get hasChanges() {
-        return this.sharesAdded.length > 0 ||
-            this.sharesUpdated.length > 0 ||
-            this.sharesRemoved.length > 0;
+        return this.HasChanges;
     }
     /**
      * Setup search with debounce
@@ -431,8 +575,8 @@ export class ListShareDialogComponent extends BaseAngularComponent {
                 await this.performSearch(searchText);
             }
             else {
-                this.searchResults = [];
-                this.showSearchResults = false;
+                this.SearchResults = [];
+                this.ShowSearchResults = false;
             }
             this.cdr.detectChanges();
         });
@@ -448,15 +592,15 @@ export class ListShareDialogComponent extends BaseAngularComponent {
      * Reset all state
      */
     resetState() {
-        this.searchText = '';
-        this.searchType = 'User';
-        this.showSearchResults = false;
-        this.searchResults = [];
-        this.selectedRecipient = null;
-        this.selectedPermission = 'View';
-        this.sharesAdded = [];
-        this.sharesUpdated = [];
-        this.sharesRemoved = [];
+        this.SearchText = '';
+        this.SearchType = 'User';
+        this.ShowSearchResults = false;
+        this.SearchResults = [];
+        this.SelectedRecipient = null;
+        this.SelectedPermission = 'View';
+        this.SharesAdded = [];
+        this.SharesUpdated = [];
+        this.SharesRemoved = [];
     }
     /**
      * Load current shares for the list
@@ -464,111 +608,127 @@ export class ListShareDialogComponent extends BaseAngularComponent {
     async loadCurrentShares() {
         if (!this.config)
             return;
-        this.loading = true;
+        this.Loading = true;
         this.cdr.detectChanges();
         try {
-            this.currentShares = await this.sharingService.getListShares(this.config.listId);
+            this.CurrentShares = await this.sharingService.getListShares(this.config.listId);
         }
         catch (error) {
             console.error('Error loading shares:', error);
-            this.currentShares = [];
+            this.CurrentShares = [];
         }
         finally {
-            this.loading = false;
+            this.Loading = false;
             this.cdr.detectChanges();
         }
     }
     /**
      * Handle search input
      */
-    onSearchInput(event) {
+    OnSearchInput(event) {
         const value = event.target.value;
-        this.searchText = value;
+        this.SearchText = value;
         this.searchSubject.next(value);
     }
+    /** @deprecated Use {@link OnSearchInput}. */
+    onSearchInput(event) {
+        return this.OnSearchInput(event);
+    }
     /**
      * Clear search
      */
+    ClearSearch() {
+        this.SearchText = '';
+        this.SearchResults = [];
+        this.ShowSearchResults = false;
+        this.SelectedRecipient = null;
+    }
+    /** @deprecated Use {@link ClearSearch}. */
     clearSearch() {
-        this.searchText = '';
-        this.searchResults = [];
-        this.showSearchResults = false;
-        this.selectedRecipient = null;
+        return this.ClearSearch();
     }
     /**
      * Switch search type
      */
-    setSearchType(type) {
-        this.searchType = type;
-        if (this.searchText.trim().length >= 2) {
-            this.searchSubject.next(this.searchText);
+    SetSearchType(type) {
+        this.SearchType = type;
+        if (this.SearchText.trim().length >= 2) {
+            this.searchSubject.next(this.SearchText);
         }
     }
+    /** @deprecated Use {@link SetSearchType}. */
+    setSearchType(type) {
+        return this.SetSearchType(type);
+    }
     /**
      * Perform search
      */
     async performSearch(searchText) {
         try {
-            if (this.searchType === 'User') {
-                this.searchResults = await this.sharingService.searchUsers(searchText);
+            if (this.SearchType === 'User') {
+                this.SearchResults = await this.sharingService.searchUsers(searchText);
             }
             else {
-                this.searchResults = await this.sharingService.searchRoles(searchText);
+                this.SearchResults = await this.sharingService.searchRoles(searchText);
             }
             // Filter out recipients that already have access
-            const existingIds = new Set(this.currentShares.map(s => s.recipientId));
-            this.searchResults = this.searchResults.filter(r => !existingIds.has(r.id));
+            const existingIds = new Set(this.CurrentShares.map(s => s.recipientId));
+            this.SearchResults = this.SearchResults.filter(r => !existingIds.has(r.id));
             // Also filter out the list owner
-            this.searchResults = this.searchResults.filter(r => r.id !== this.config?.currentUserId);
-            this.showSearchResults = this.searchResults.length > 0;
+            this.SearchResults = this.SearchResults.filter(r => r.id !== this.config?.currentUserId);
+            this.ShowSearchResults = this.SearchResults.length > 0;
         }
         catch (error) {
             console.error('Error searching:', error);
-            this.searchResults = [];
+            this.SearchResults = [];
         }
     }
     /**
      * Select a recipient from search results
      */
-    selectRecipient(recipient) {
-        this.selectedRecipient = recipient;
-        this.searchText = recipient.name;
-        this.showSearchResults = false;
+    SelectRecipient(recipient) {
+        this.SelectedRecipient = recipient;
+        this.SearchText = recipient.name;
+        this.ShowSearchResults = false;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link SelectRecipient}. */
+    selectRecipient(recipient) {
+        return this.SelectRecipient(recipient);
+    }
     /**
      * Add the selected recipient as a share
      */
-    async addShare() {
-        if (!this.selectedRecipient || !this.config)
+    async AddShare() {
+        if (!this.SelectedRecipient || !this.config)
             return;
         this.saving = true;
         try {
             const md = this.ProviderToUse;
             let result;
-            if (this.selectedRecipient.type === 'User') {
-                result = await this.sharingService.shareListWithUser(this.config.listId, this.selectedRecipient.id, this.selectedPermission, this.config.currentUserId);
+            if (this.SelectedRecipient.type === 'User') {
+                result = await this.sharingService.shareListWithUser(this.config.listId, this.SelectedRecipient.id, this.SelectedPermission, this.config.currentUserId);
             }
             else {
-                result = await this.sharingService.shareListWithRole(this.config.listId, this.selectedRecipient.id, this.selectedPermission, this.config.currentUserId);
+                result = await this.sharingService.shareListWithRole(this.config.listId, this.SelectedRecipient.id, this.SelectedPermission, this.config.currentUserId);
             }
             if (result.success && result.shareId) {
                 // Create a ListShareInfo for tracking
                 const newShare = {
                     shareId: result.shareId,
                     listId: this.config.listId,
-                    type: this.selectedRecipient.type,
-                    recipientId: this.selectedRecipient.id,
-                    recipientName: this.selectedRecipient.name,
-                    recipientEmail: this.selectedRecipient.email,
-                    permissionLevel: this.selectedPermission,
+                    type: this.SelectedRecipient.type,
+                    recipientId: this.SelectedRecipient.id,
+                    recipientName: this.SelectedRecipient.name,
+                    recipientEmail: this.SelectedRecipient.email,
+                    permissionLevel: this.SelectedPermission,
                     status: 'Approved'
                 };
-                this.currentShares.push(newShare);
-                this.sharesAdded.push(newShare);
+                this.CurrentShares.push(newShare);
+                this.SharesAdded.push(newShare);
                 // Clear selection
-                this.clearSearch();
-                this.selectedPermission = 'View';
+                this.ClearSearch();
+                this.SelectedPermission = 'View';
             }
             else {
                 console.error('Failed to add share:', result.message);
@@ -582,10 +742,14 @@ export class ListShareDialogComponent extends BaseAngularComponent {
             this.cdr.detectChanges();
         }
     }
+    /** @deprecated Use {@link AddShare}. */
+    async addShare() {
+        return this.AddShare();
+    }
     /**
      * Update permission level for an existing share
      */
-    async updateSharePermission(share, newLevel) {
+    async UpdateSharePermission(share, newLevel) {
         if (share.permissionLevel === newLevel)
             return;
         this.saving = true;
@@ -594,9 +758,9 @@ export class ListShareDialogComponent extends BaseAngularComponent {
             if (result.success) {
                 share.permissionLevel = newLevel;
                 // Track the update if not already tracked
-                const existingUpdate = this.sharesUpdated.find(s => s.shareId === share.shareId);
+                const existingUpdate = this.SharesUpdated.find(s => s.shareId === share.shareId);
                 if (!existingUpdate) {
-                    this.sharesUpdated.push({ ...share });
+                    this.SharesUpdated.push({ ...share });
                 }
             }
             else {
@@ -611,20 +775,24 @@ export class ListShareDialogComponent extends BaseAngularComponent {
             this.cdr.detectChanges();
         }
     }
+    /** @deprecated Use {@link UpdateSharePermission}. */
+    async updateSharePermission(share, newLevel) {
+        return this.UpdateSharePermission(share, newLevel);
+    }
     /**
      * Remove a share
      */
-    async removeShare(share) {
+    async RemoveShare(share) {
         this.saving = true;
         try {
             const result = await this.sharingService.removeShare(share.shareId);
             if (result.success) {
                 // Remove from current shares
-                this.currentShares = this.currentShares.filter(s => s.shareId !== share.shareId);
+                this.CurrentShares = this.CurrentShares.filter(s => s.shareId !== share.shareId);
                 // Track the removal
-                this.sharesRemoved.push(share.shareId);
+                this.SharesRemoved.push(share.shareId);
                 // Remove from added if it was just added in this session
-                this.sharesAdded = this.sharesAdded.filter(s => s.shareId !== share.shareId);
+                this.SharesAdded = this.SharesAdded.filter(s => s.shareId !== share.shareId);
             }
             else {
                 console.error('Failed to remove share:', result.message);
@@ -638,32 +806,48 @@ export class ListShareDialogComponent extends BaseAngularComponent {
             this.cdr.detectChanges();
         }
     }
+    /** @deprecated Use {@link RemoveShare}. */
+    async removeShare(share) {
+        return this.RemoveShare(share);
+    }
     /**
      * Get icon for share type
      */
-    getShareTypeIcon(type) {
+    GetShareTypeIcon(type) {
         return type === 'User' ? 'fa-solid fa-user' : 'fa-solid fa-users';
     }
+    /** @deprecated Use {@link GetShareTypeIcon}. */
+    getShareTypeIcon(type) {
+        return this.GetShareTypeIcon(type);
+    }
     /**
      * Get permission label
      */
-    getPermissionLabel(level) {
-        const option = this.permissionOptions.find(o => o.value === level);
+    GetPermissionLabel(level) {
+        const option = this.PermissionOptions.find(o => o.value === level);
         return option?.label || level;
     }
+    /** @deprecated Use {@link GetPermissionLabel}. */
+    getPermissionLabel(level) {
+        return this.GetPermissionLabel(level);
+    }
     /**
      * Close dialog with results
      */
-    onDone() {
+    OnDone() {
         const result = {
             action: 'apply',
-            sharesAdded: this.sharesAdded,
-            sharesUpdated: this.sharesUpdated,
-            sharesRemoved: this.sharesRemoved,
-            notifyByEmail: this.notifyByEmail
+            sharesAdded: this.SharesAdded,
+            sharesUpdated: this.SharesUpdated,
+            sharesRemoved: this.SharesRemoved,
+            notifyByEmail: this.NotifyByEmail
         };
         this._visible = false;
-        this.complete.emit(result);
+        this.Complete.emit(result);
+    }
+    /** @deprecated Use {@link OnDone}. */
+    onDone() {
+        return this.OnDone();
     }
     /**
      * Cancel and close dialog
@@ -675,11 +859,15 @@ export class ListShareDialogComponent extends BaseAngularComponent {
     /**
      * Check if current user can modify shares
      */
-    get canModifyShares() {
+    get CanModifyShares() {
         return this.config?.isOwner === true;
     }
+    /** @deprecated Use {@link CanModifyShares}. */
+    get canModifyShares() {
+        return this.CanModifyShares;
+    }
     static ɵfac = function ListShareDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ListShareDialogComponent)(i0.ɵɵdirectiveInject(i1.ListSharingService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListShareDialogComponent, selectors: [["mj-list-share-dialog"]], inputs: { config: "config", visible: "visible" }, outputs: { complete: "complete", cancel: "cancel", manageInvitations: "manageInvitations", viewAuditLog: "viewAuditLog" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["mjDropdownItem", ""], [3, "Visible", "Title", "Width"], [3, "Close", "Visible", "Title", "Width"], [1, "share-dialog-content"], [1, "loading-container"], [1, "notify-toggle"], ["mjButton", "", "variant", "primary", 3, "click"], ["mjButton", "", "variant", "outline", 3, "click"], [1, "fa-solid", "fa-envelope-open-text"], ["mjButton", "", 3, "click"], ["href", "#", 1, "audit-log-link", 3, "click"], [1, "fa-solid", "fa-clock-rotate-left"], ["text", "Loading shares..."], [1, "add-share-section"], [1, "section-divider"], [1, "current-shares-section"], ["Icon", "fa-solid fa-share-nodes", "Title", "Not shared yet", "Size", "compact", 3, "Message"], [1, "readonly-notice"], [1, "section-title"], [1, "search-type-toggle"], ["mjButton", "", 3, "click", "variant"], [1, "fa-solid", "fa-user"], [1, "fa-solid", "fa-users"], [1, "search-container"], [1, "search-input-wrapper"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", 1, "mj-input", 3, "input", "blur", "value", "placeholder"], [1, "search-results"], [1, "selected-recipient"], [1, "search-result-item"], [1, "search-result-item", 3, "mousedown"], [1, "recipient-info"], [1, "recipient-name"], [1, "recipient-email"], [1, "recipient-chip"], ["mjButton", "", "variant", "flat", "size", "sm", 3, "click"], [1, "fa-solid", "fa-times"], ["TextField", "label", "ValueField", "value", 1, "permission-dropdown", 3, "ngModelChange", "Data", "ngModel", "ValuePrimitive"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], [1, "permission-option"], [1, "permission-label"], [1, "permission-desc"], [1, "share-list"], [1, "share-item"], [1, "share-info"], [1, "share-type-icon"], [1, "share-details"], [1, "share-name"], [1, "share-email"], [1, "share-type-label"], [1, "share-actions"], ["TextField", "label", "ValueField", "value", 1, "permission-dropdown-small", 3, "Data", "ngModel", "ValuePrimitive", "Disabled"], [1, "permission-badge"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove access", 3, "disabled"], ["TextField", "label", "ValueField", "value", 1, "permission-dropdown-small", 3, "ValueChange", "Data", "ngModel", "ValuePrimitive", "Disabled"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove access", 3, "click", "disabled"], [1, "fa-solid", "fa-trash"], [1, "fa-solid", "fa-info-circle"], ["id", "share-notify", "type", "checkbox", 3, "ngModelChange", "ngModel"], ["for", "share-notify"], [1, "fa-solid", "fa-envelope"]], template: function ListShareDialogComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListShareDialogComponent, selectors: [["mj-list-share-dialog"]], inputs: { config: "config", Visible: "Visible", visible: "visible" }, outputs: { Complete: "Complete", complete: "complete", cancel: "cancel", ManageInvitations: "ManageInvitations", manageInvitations: "manageInvitations", ViewAuditLog: "ViewAuditLog", viewAuditLog: "viewAuditLog" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["mjDropdownItem", ""], [3, "Visible", "Title", "Width"], [3, "Close", "Visible", "Title", "Width"], [1, "share-dialog-content"], [1, "loading-container"], [1, "notify-toggle"], ["mjButton", "", "variant", "primary", 3, "click"], ["mjButton", "", "variant", "outline", 3, "click"], [1, "fa-solid", "fa-envelope-open-text"], ["mjButton", "", 3, "click"], ["href", "#", 1, "audit-log-link", 3, "click"], [1, "fa-solid", "fa-clock-rotate-left"], ["text", "Loading shares..."], [1, "add-share-section"], [1, "section-divider"], [1, "current-shares-section"], ["Icon", "fa-solid fa-share-nodes", "Title", "Not shared yet", "Size", "compact", 3, "Message"], [1, "readonly-notice"], [1, "section-title"], [1, "search-type-toggle"], ["mjButton", "", 3, "click", "variant"], [1, "fa-solid", "fa-user"], [1, "fa-solid", "fa-users"], [1, "search-container"], [1, "search-input-wrapper"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", 1, "mj-input", 3, "input", "blur", "value", "placeholder"], [1, "search-results"], [1, "selected-recipient"], [1, "search-result-item"], [1, "search-result-item", 3, "mousedown"], [1, "recipient-info"], [1, "recipient-name"], [1, "recipient-email"], [1, "recipient-chip"], ["mjButton", "", "variant", "flat", "size", "sm", 3, "click"], [1, "fa-solid", "fa-times"], ["TextField", "label", "ValueField", "value", 1, "permission-dropdown", 3, "ngModelChange", "Data", "ngModel", "ValuePrimitive"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], [1, "permission-option"], [1, "permission-label"], [1, "permission-desc"], [1, "share-list"], [1, "share-item"], [1, "share-info"], [1, "share-type-icon"], [1, "share-details"], [1, "share-name"], [1, "share-email"], [1, "share-type-label"], [1, "share-actions"], ["TextField", "label", "ValueField", "value", 1, "permission-dropdown-small", 3, "Data", "ngModel", "ValuePrimitive", "Disabled"], [1, "permission-badge"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove access", 3, "disabled"], ["TextField", "label", "ValueField", "value", 1, "permission-dropdown-small", 3, "ValueChange", "Data", "ngModel", "ValuePrimitive", "Disabled"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove access", 3, "click", "disabled"], [1, "fa-solid", "fa-trash"], [1, "fa-solid", "fa-info-circle"], ["id", "share-notify", "type", "checkbox", 3, "ngModelChange", "ngModel"], ["for", "share-notify"], [1, "fa-solid", "fa-envelope"]], template: function ListShareDialogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, ListShareDialogComponent_Conditional_0_Template, 16, 6, "mj-dialog", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.visible ? 0 : -1);
@@ -690,14 +878,22 @@ export class ListShareDialogComponent extends BaseAngularComponent {
         args: [{ standalone: false, selector: 'mj-list-share-dialog', template: "@if (visible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Title]=\"dialogTitle\"\n    [Width]=\"500\"\n    (Close)=\"onCancel()\">\n    <div class=\"share-dialog-content\">\n      <!-- Loading state -->\n      @if (loading) {\n        <div class=\"loading-container\">\n          <mj-loading text=\"Loading shares...\"></mj-loading>\n        </div>\n      }\n      @if (!loading) {\n        <!-- Add new share section -->\n        @if (canModifyShares) {\n          <div class=\"add-share-section\">\n            <h4 class=\"section-title\">Add people or roles</h4>\n            <!-- Search type toggle -->\n            <div class=\"search-type-toggle\">\n              <button mjButton\n                [variant]=\"searchType === 'User' ? 'primary' : 'outline'\"\n                (click)=\"setSearchType('User')\">\n                <i class=\"fa-solid fa-user\"></i> Users\n              </button>\n              <button mjButton\n                [variant]=\"searchType === 'Role' ? 'primary' : 'outline'\"\n                (click)=\"setSearchType('Role')\">\n                <i class=\"fa-solid fa-users\"></i> Roles\n              </button>\n            </div>\n            <!-- Search input -->\n            <div class=\"search-container\">\n              <div class=\"search-input-wrapper\">\n                <i class=\"fa-solid fa-search search-icon\"></i>\n                <input type=\"text\"\n                  class=\"mj-input\"\n                  [value]=\"searchText\"\n                  (input)=\"onSearchInput($any($event.target).value)\"\n                  [placeholder]=\"'Search for ' + (searchType === 'User' ? 'users' : 'roles') + '...'\"\n                  (blur)=\"showSearchResults = false\" />\n              </div>\n              <!-- Search results dropdown -->\n              @if (showSearchResults && searchResults.length > 0) {\n                <div class=\"search-results\">\n                  @for (recipient of searchResults; track recipient) {\n                    <div class=\"search-result-item\"\n                      (mousedown)=\"selectRecipient(recipient)\">\n                      <i [class]=\"getShareTypeIcon(recipient.type)\"></i>\n                      <div class=\"recipient-info\">\n                        <span class=\"recipient-name\">{{ recipient.name }}</span>\n                        @if (recipient.email) {\n                          <span class=\"recipient-email\">{{ recipient.email }}</span>\n                        }\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n            <!-- Selected recipient and permission -->\n            @if (selectedRecipient) {\n              <div class=\"selected-recipient\">\n                <div class=\"recipient-chip\">\n                  <i [class]=\"getShareTypeIcon(selectedRecipient.type)\"></i>\n                  <span>{{ selectedRecipient.name }}</span>\n                  <button mjButton variant=\"flat\" size=\"sm\" (click)=\"clearSearch()\">\n                    <i class=\"fa-solid fa-times\"></i>\n                  </button>\n                </div>\n                <mj-dropdown\n                  [Data]=\"permissionOptions\"\n                  TextField=\"label\"\n                  ValueField=\"value\"\n                  [(ngModel)]=\"selectedPermission\"\n                  [ValuePrimitive]=\"true\"\n                  class=\"permission-dropdown\">\n                  <ng-template #mjDropdownItem let-dataItem>\n                    <div class=\"permission-option\">\n                      <span class=\"permission-label\">{{ dataItem.label }}</span>\n                      <span class=\"permission-desc\">{{ dataItem.description }}</span>\n                    </div>\n                  </ng-template>\n                </mj-dropdown>\n                <button mjButton\n                  variant=\"primary\"\n                  [disabled]=\"saving\"\n                  (click)=\"addShare()\">\n                  <i class=\"fa-solid fa-plus\"></i> Add\n                </button>\n              </div>\n            }\n          </div>\n        }\n        <!-- Divider -->\n        @if (currentShares.length > 0 && canModifyShares) {\n          <hr class=\"section-divider\">\n        }\n        <!-- Current shares section -->\n        @if (currentShares.length > 0) {\n          <div class=\"current-shares-section\">\n            <h4 class=\"section-title\">People with access</h4>\n            <div class=\"share-list\">\n              @for (share of currentShares; track share) {\n                <div class=\"share-item\">\n                  <div class=\"share-info\">\n                    <i [class]=\"getShareTypeIcon(share.type)\" class=\"share-type-icon\"></i>\n                    <div class=\"share-details\">\n                      <span class=\"share-name\">{{ share.recipientName }}</span>\n                      @if (share.recipientEmail) {\n                        <span class=\"share-email\">{{ share.recipientEmail }}</span>\n                      }\n                      @if (share.type === 'Role') {\n                        <span class=\"share-type-label\">Role</span>\n                      }\n                    </div>\n                  </div>\n                  <div class=\"share-actions\">\n                    @if (canModifyShares) {\n                      <mj-dropdown\n                        [Data]=\"permissionOptions\"\n                        TextField=\"label\"\n                        ValueField=\"value\"\n                        [ngModel]=\"share.permissionLevel\"\n                        [ValuePrimitive]=\"true\"\n                        (ValueChange)=\"updateSharePermission(share, $any($event))\"\n                        [Disabled]=\"saving\"\n                        class=\"permission-dropdown-small\">\n                      </mj-dropdown>\n                    }\n                    @if (!canModifyShares) {\n                      <span class=\"permission-badge\">\n                        {{ getPermissionLabel(share.permissionLevel) }}\n                      </span>\n                    }\n                    @if (canModifyShares) {\n                      <button mjButton\n                        variant=\"danger\"\n                        size=\"sm\"\n                        title=\"Remove access\"\n                        [disabled]=\"saving\"\n                        (click)=\"removeShare(share)\">\n                        <i class=\"fa-solid fa-trash\"></i>\n                      </button>\n                    }\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        }\n        <!-- Empty state -->\n        @if (currentShares.length === 0 && !loading) {\n          <mj-empty-state\n            Icon=\"fa-solid fa-share-nodes\"\n            Title=\"Not shared yet\"\n            [Message]=\"EmptyShareMessage\"\n            Size=\"compact\" />\n        }\n        <!-- Read-only notice -->\n        @if (!canModifyShares) {\n          <div class=\"readonly-notice\">\n            <i class=\"fa-solid fa-info-circle\"></i>\n            <span>Only the list owner can manage sharing.</span>\n          </div>\n        }\n      }\n    </div>\n    <!-- Notify-by-email toggle (mockup 15). Sits above the action footer so\n         the user can flip it after adding shares but before clicking Done. -->\n    @if (canModifyShares) {\n      <div class=\"notify-toggle\">\n        <input id=\"share-notify\" type=\"checkbox\" [(ngModel)]=\"notifyByEmail\" />\n        <label for=\"share-notify\">\n          <i class=\"fa-solid fa-envelope\"></i>\n          Send email notification to new shares\n        </label>\n      </div>\n    }\n    <mj-dialog-actions>\n      <button mjButton variant=\"primary\" (click)=\"onDone()\">Done</button>\n      <button mjButton variant=\"outline\" (click)=\"manageInvitations.emit()\">\n        <i class=\"fa-solid fa-envelope-open-text\"></i>\n        Manage Invitations\n      </button>\n      <button mjButton (click)=\"onCancel()\">Cancel</button>\n      <a class=\"audit-log-link\" (click)=\"viewAuditLog.emit(); $event.preventDefault()\" href=\"#\">\n        <i class=\"fa-solid fa-clock-rotate-left\"></i>\n        View audit log\n      </a>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n", styles: [".share-dialog-content {\n  padding: 0;\n  min-height: 200px;\n}\n\n.loading-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 200px;\n}\n\n/* Section styling */\n.section-title {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.section-divider {\n  margin: 16px 0;\n  border: none;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n/* Add share section */\n.add-share-section {\n  margin-bottom: 16px;\n}\n\n.search-type-toggle {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.search-type-toggle button {\n  flex: 1;\n}\n\n.search-type-toggle i {\n  margin-right: 6px;\n}\n\n/* Search container */\n.search-container {\n  position: relative;\n}\n\n.search-input-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.search-input-wrapper .search-icon {\n  position: absolute;\n  left: 12px;\n  color: var(--mj-text-muted);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.search-input-wrapper .mj-input {\n  padding-left: 36px;\n}\n\n.search-results {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  box-shadow: var(--mj-shadow-md);\n  max-height: 200px;\n  overflow-y: auto;\n  z-index: 1000;\n}\n\n.search-result-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 12px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n}\n\n.search-result-item:hover {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.search-result-item i {\n  color: var(--mj-text-secondary);\n  width: 20px;\n  text-align: center;\n}\n\n.recipient-info {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.recipient-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.recipient-email {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n/* Selected recipient */\n.selected-recipient {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 12px;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n}\n\n.recipient-chip {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 20px;\n  flex: 1;\n}\n\n.recipient-chip i {\n  color: var(--mj-brand-primary);\n}\n\n.recipient-chip span {\n  flex: 1;\n  font-weight: 500;\n}\n\n.permission-dropdown {\n  width: 150px;\n}\n\n/* Permission option template */\n.permission-option {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 4px 0;\n}\n\n.permission-label {\n  font-weight: 500;\n}\n\n.permission-desc {\n  font-size: 11px;\n  color: var(--mj-text-secondary);\n}\n\n/* Current shares section */\n.current-shares-section {\n  margin-top: 16px;\n}\n\n.share-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.share-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  transition: background-color 0.15s;\n}\n\n.share-item:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.share-info {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.share-type-icon {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 50%;\n}\n\n.share-details {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.share-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.share-email {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.share-type-label {\n  font-size: 11px;\n  color: var(--mj-text-secondary);\n  background: var(--mj-border-default);\n  padding: 2px 6px;\n  border-radius: 3px;\n  display: inline-block;\n  width: fit-content;\n}\n\n.share-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.permission-dropdown-small {\n  width: 110px;\n}\n\n.permission-badge {\n  padding: 4px 10px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n/* Read-only notice */\n.readonly-notice {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px;\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  border-radius: 6px;\n  margin-top: 16px;\n  color: var(--mj-status-warning);\n  font-size: 13px;\n}\n\n.readonly-notice i {\n  color: var(--mj-status-warning);\n}\n\n/* Notify-by-email toggle (Phase 2 \u2014 mockup 15) */\n.notify-toggle {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  border-top: 1px solid var(--mj-border-subtle);\n  font-size: 12.5px;\n  color: var(--mj-text-secondary);\n}\n\n.notify-toggle input {\n  cursor: pointer;\n}\n\n.notify-toggle label {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n/* Footer audit-log link \u2014 sits on the far right of the dialog footer */\n.audit-log-link {\n  margin-left: auto;\n  font-size: 12px;\n  color: var(--mj-text-link);\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  cursor: pointer;\n}\n\n.audit-log-link:hover {\n  text-decoration: underline;\n}\n\n"] }]
     }], () => [{ type: i1.ListSharingService }, { type: i0.ChangeDetectorRef }], { config: [{
             type: Input
+        }], Visible: [{
+            type: Input
         }], visible: [{
             type: Input
+        }], Complete: [{
+            type: Output
         }], complete: [{
             type: Output
         }], cancel: [{
             type: Output
+        }], ManageInvitations: [{
+            type: Output
         }], manageInvitations: [{
             type: Output
+        }], ViewAuditLog: [{
+            type: Output
         }], viewAuditLog: [{
             type: Output
         }] }); })();