@memberjunction/ng-explorer-core 6.2.0-edge.0 → 6.2.0-edge.1

package/dist/lib/dashboard-preferences-dialog/dashboard-preferences-dialog.component.js

@@ -174,18 +174,98 @@ function DashboardPreferencesDialogComponent_Conditional_20_Template(rf, ctx) {
     i0.ɵɵtext(1, " Save Changes ");
 } }
 export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
-    applicationId = null;
-    scope = 'Global';
-    result = new EventEmitter();
-    availableDashboards = [];
-    configuredDashboards = [];
-    applicationName = '';
-    loading = true;
+    ApplicationId = null;
+    /** @deprecated Use {@link ApplicationId}. */
+    set applicationId(value) {
+        this.ApplicationId = value;
+    }
+    /** @deprecated Use {@link ApplicationId}. */
+    get applicationId() {
+        return this.ApplicationId;
+    }
+    Scope = 'Global';
+    /** @deprecated Use {@link Scope}. */
+    set scope(value) {
+        this.Scope = value;
+    }
+    /** @deprecated Use {@link Scope}. */
+    get scope() {
+        return this.Scope;
+    }
+    Result = new EventEmitter();
+    /**
+     * @deprecated Use {@link Result}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (result) keeps working. Must stay AFTER Result: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    result = this.Result;
+    AvailableDashboards = [];
+    /** @deprecated Use {@link AvailableDashboards}. */
+    get availableDashboards() {
+        return this.AvailableDashboards;
+    }
+    /** @deprecated Use {@link AvailableDashboards}. */
+    set availableDashboards(value) {
+        this.AvailableDashboards = value;
+    }
+    ConfiguredDashboards = [];
+    /** @deprecated Use {@link ConfiguredDashboards}. */
+    get configuredDashboards() {
+        return this.ConfiguredDashboards;
+    }
+    /** @deprecated Use {@link ConfiguredDashboards}. */
+    set configuredDashboards(value) {
+        this.ConfiguredDashboards = value;
+    }
+    ApplicationName = '';
+    /** @deprecated Use {@link ApplicationName}. */
+    get applicationName() {
+        return this.ApplicationName;
+    }
+    /** @deprecated Use {@link ApplicationName}. */
+    set applicationName(value) {
+        this.ApplicationName = value;
+    }
+    Loading = true;
+    /** @deprecated Use {@link Loading}. */
+    get loading() {
+        return this.Loading;
+    }
+    /** @deprecated Use {@link Loading}. */
+    set loading(value) {
+        this.Loading = value;
+    }
     saving = false;
     error = null;
-    hasChanges = false;
-    isSysAdmin = false;
-    preferenceMode = 'personal';
+    HasChanges = false;
+    /** @deprecated Use {@link HasChanges}. */
+    get hasChanges() {
+        return this.HasChanges;
+    }
+    /** @deprecated Use {@link HasChanges}. */
+    set hasChanges(value) {
+        this.HasChanges = value;
+    }
+    IsSysAdmin = false;
+    /** @deprecated Use {@link IsSysAdmin}. */
+    get isSysAdmin() {
+        return this.IsSysAdmin;
+    }
+    /** @deprecated Use {@link IsSysAdmin}. */
+    set isSysAdmin(value) {
+        this.IsSysAdmin = value;
+    }
+    PreferenceMode = 'personal';
+    /** @deprecated Use {@link PreferenceMode}. */
+    get preferenceMode() {
+        return this.PreferenceMode;
+    }
+    /** @deprecated Use {@link PreferenceMode}. */
+    set preferenceMode(value) {
+        this.PreferenceMode = value;
+    }
     originalConfiguredIds = [];
     currentUserPreferences = [];
     allAvailableDashboards = [];
@@ -198,18 +278,18 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
             this.error = 'Failed to load dashboard preferences';
         }
         finally {
-            this.loading = false;
+            this.Loading = false;
         }
     }
     async loadData() {
         const md = this.ProviderToUse;
         // Check if current user is sysadmin
-        this.isSysAdmin = md.CurrentUser.Type.trim().toLowerCase() === 'owner';
-        console.log('User is sysadmin:', this.isSysAdmin);
+        this.IsSysAdmin = md.CurrentUser.Type.trim().toLowerCase() === 'owner';
+        console.log('User is sysadmin:', this.IsSysAdmin);
         // Default to personal preferences for all users (including sysadmin)
-        this.preferenceMode = 'personal';
+        this.PreferenceMode = 'personal';
         // Load application name if we're in app scope
-        if (this.scope === 'App' && this.applicationId) {
+        if (this.Scope === 'App' && this.ApplicationId) {
             await this.loadApplicationName();
         }
         // Get cached dashboards from MJ_Metadata dataset
@@ -222,13 +302,13 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
             throw new Error('Dashboards dataset not found');
         }
         // Filter dashboards by scope
-        const appFilter = this.applicationId ? ` AND ApplicationID='${this.applicationId}'` : ' AND ApplicationID IS NULL';
+        const appFilter = this.ApplicationId ? ` AND ApplicationID='${this.ApplicationId}'` : ' AND ApplicationID IS NULL';
         this.allAvailableDashboards = dashList.Results.filter((d) => {
-            if (this.scope === 'Global') {
+            if (this.Scope === 'Global') {
                 return d.Scope === 'Global' && !d.ApplicationID;
             }
             else {
-                return UUIDsEqual(d.ApplicationID, this.applicationId); // ignore scope for dashboards that match app id, sometimes they have a global scope as they can be shown globally as well as app specific
+                return UUIDsEqual(d.ApplicationID, this.ApplicationId); // ignore scope for dashboards that match app id, sometimes they have a global scope as they can be shown globally as well as app specific
             }
         });
         // Load current user preferences
@@ -236,32 +316,32 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
         // Split dashboards into available and configured
         this.splitDashboards();
         // Store original state to detect changes
-        this.originalConfiguredIds = this.configuredDashboards.map(d => d.ID);
+        this.originalConfiguredIds = this.ConfiguredDashboards.map(d => d.ID);
     }
     async loadApplicationName() {
-        if (!this.applicationId)
+        if (!this.ApplicationId)
             return;
         try {
             const md = this.ProviderToUse;
             const ds = await md.GetAndCacheDatasetByName("MJ_Metadata");
             const appList = ds.Results.find(r => r.Code === 'Applications');
             if (appList) {
-                const app = appList.Results.find((a) => UUIDsEqual(a.ID, this.applicationId));
-                this.applicationName = app?.Name || 'Unknown Application';
+                const app = appList.Results.find((a) => UUIDsEqual(a.ID, this.ApplicationId));
+                this.ApplicationName = app?.Name || 'Unknown Application';
             }
         }
         catch (error) {
             LogError('Error loading application name', null, error);
-            this.applicationName = 'Unknown Application';
+            this.ApplicationName = 'Unknown Application';
         }
     }
     async loadCurrentPreferences() {
         const rv = RunView.FromMetadataProvider(this.ProviderToUse);
         const md = this.ProviderToUse;
-        const appFilter = this.applicationId ? ` AND ApplicationID='${this.applicationId}'` : '';
-        const baseCondition = `Scope='${this.scope}'${appFilter}`;
+        const appFilter = this.ApplicationId ? ` AND ApplicationID='${this.ApplicationId}'` : '';
+        const baseCondition = `Scope='${this.Scope}'${appFilter}`;
         let filter;
-        if (this.isSysAdmin && this.scope === 'Global' && this.preferenceMode === 'system') {
+        if (this.IsSysAdmin && this.Scope === 'Global' && this.PreferenceMode === 'system') {
             // Load system defaults only (UserID IS NULL)
             filter = `UserID IS NULL AND ${baseCondition}`;
         }
@@ -284,15 +364,15 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
     splitDashboards() {
         const configuredIds = new Set(this.currentUserPreferences.map(p => p.DashboardID));
         // Get configured dashboards in the right order
-        this.configuredDashboards = this.currentUserPreferences
+        this.ConfiguredDashboards = this.currentUserPreferences
             .map(pref => this.allAvailableDashboards.find(d => UUIDsEqual(d.ID, pref.DashboardID)))
             .filter((d) => d !== undefined);
         // Get available dashboards (not configured)
-        this.availableDashboards = this.allAvailableDashboards
+        this.AvailableDashboards = this.allAvailableDashboards
             .filter(d => !configuredIds.has(d.ID))
             .sort((a, b) => a.Name.localeCompare(b.Name));
     }
-    onDrop(event) {
+    OnDrop(event) {
         try {
             if (event.previousContainer === event.container) {
                 // Reordering within the same list
@@ -302,8 +382,8 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
                 // Moving between lists
                 transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
                 // If moving to configured dashboards, sort the available list
-                if (event.container.data === this.configuredDashboards) {
-                    this.availableDashboards.sort((a, b) => a.Name.localeCompare(b.Name));
+                if (event.container.data === this.ConfiguredDashboards) {
+                    this.AvailableDashboards.sort((a, b) => a.Name.localeCompare(b.Name));
                 }
             }
             this.checkForChanges();
@@ -317,12 +397,16 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
             }, 3000);
         }
     }
-    addDashboard(dashboard) {
+    /** @deprecated Use {@link OnDrop}. */
+    onDrop(event) {
+        return this.OnDrop(event);
+    }
+    AddDashboard(dashboard) {
         try {
-            const index = this.availableDashboards.findIndex(d => UUIDsEqual(d.ID, dashboard.ID));
+            const index = this.AvailableDashboards.findIndex(d => UUIDsEqual(d.ID, dashboard.ID));
             if (index !== -1) {
-                this.availableDashboards.splice(index, 1);
-                this.configuredDashboards.push(dashboard);
+                this.AvailableDashboards.splice(index, 1);
+                this.ConfiguredDashboards.push(dashboard);
                 this.checkForChanges();
             }
         }
@@ -335,13 +419,17 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
             }, 3000);
         }
     }
-    removeDashboard(dashboard) {
+    /** @deprecated Use {@link AddDashboard}. */
+    addDashboard(dashboard) {
+        return this.AddDashboard(dashboard);
+    }
+    RemoveDashboard(dashboard) {
         try {
-            const index = this.configuredDashboards.findIndex(d => UUIDsEqual(d.ID, dashboard.ID));
+            const index = this.ConfiguredDashboards.findIndex(d => UUIDsEqual(d.ID, dashboard.ID));
             if (index !== -1) {
-                this.configuredDashboards.splice(index, 1);
-                this.availableDashboards.push(dashboard);
-                this.availableDashboards.sort((a, b) => a.Name.localeCompare(b.Name));
+                this.ConfiguredDashboards.splice(index, 1);
+                this.AvailableDashboards.push(dashboard);
+                this.AvailableDashboards.sort((a, b) => a.Name.localeCompare(b.Name));
                 this.checkForChanges();
             }
         }
@@ -354,58 +442,66 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
             }, 3000);
         }
     }
-    async onPreferenceModeChange() {
+    /** @deprecated Use {@link RemoveDashboard}. */
+    removeDashboard(dashboard) {
+        return this.RemoveDashboard(dashboard);
+    }
+    async OnPreferenceModeChange() {
         try {
-            this.loading = true;
+            this.Loading = true;
             this.error = null;
             // Reload preferences with new mode
             await this.loadCurrentPreferences();
             this.splitDashboards();
-            this.originalConfiguredIds = this.configuredDashboards.map(d => d.ID);
-            this.hasChanges = false;
+            this.originalConfiguredIds = this.ConfiguredDashboards.map(d => d.ID);
+            this.HasChanges = false;
         }
         catch (error) {
             LogError('Error changing preference mode', null, error);
             this.error = 'Error loading preferences. Please try again.';
         }
         finally {
-            this.loading = false;
+            this.Loading = false;
         }
     }
+    /** @deprecated Use {@link OnPreferenceModeChange}. */
+    async onPreferenceModeChange() {
+        return this.OnPreferenceModeChange();
+    }
     checkForChanges() {
         try {
-            const currentConfiguredIds = this.configuredDashboards.map(d => d.ID);
+            const currentConfiguredIds = this.ConfiguredDashboards.map(d => d.ID);
             // Check if the order or selection has changed
-            this.hasChanges = currentConfiguredIds.length !== this.originalConfiguredIds.length ||
+            this.HasChanges = currentConfiguredIds.length !== this.originalConfiguredIds.length ||
                 currentConfiguredIds.some((id, index) => id !== this.originalConfiguredIds[index]);
             // Debug logging
             console.log('Dashboard preferences change check:', {
                 original: this.originalConfiguredIds,
                 current: currentConfiguredIds,
-                hasChanges: this.hasChanges
+                hasChanges: this.HasChanges
             });
         }
         catch (error) {
             LogError('Error checking for changes', null, error);
-            this.hasChanges = false;
+            this.HasChanges = false;
         }
     }
-    async onSave() {
-        if (this.saving || !this.hasChanges) {
-            console.log('Save cancelled:', { saving: this.saving, hasChanges: this.hasChanges });
+    async OnSave() {
+        if (this.saving || !this.HasChanges) {
+            console.log('Save cancelled:', { saving: this.saving, hasChanges: this.HasChanges });
             return;
         }
         try {
             this.saving = true;
-            console.log('Starting save process with configured dashboards:', this.configuredDashboards.map(d => ({ id: d.ID, name: d.Name })));
+            console.log('Starting save process with configured dashboards:', this.ConfiguredDashboards.map(d => ({ id: d.ID, name: d.Name })));
             const md = this.ProviderToUse;
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
             // Get existing preferences for this scope
-            const baseCondition = this.scope === 'Global'
+            const baseCondition = this.Scope === 'Global'
                 ? `Scope='Global' AND ApplicationID IS NULL`
-                : `Scope='App' AND ApplicationID='${this.applicationId}'`;
+                : `Scope='App' AND ApplicationID='${this.ApplicationId}'`;
             let userFilter;
-            if (this.isSysAdmin && this.scope === 'Global' && this.preferenceMode === 'system') {
+            if (this.IsSysAdmin && this.Scope === 'Global' && this.PreferenceMode === 'system') {
                 // Managing system defaults
                 userFilter = `UserID IS NULL AND ${baseCondition}`;
             }
@@ -426,7 +522,7 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
             existingPreferences.forEach(pref => {
                 existingByDashboardId.set(pref.DashboardID, pref);
             });
-            const configuredDashboardIds = new Set(this.configuredDashboards.map(d => d.ID));
+            const configuredDashboardIds = new Set(this.ConfiguredDashboards.map(d => d.ID));
             // Step 1: Delete preferences that are no longer configured
             const prefsToDelete = existingPreferences.filter(pref => !configuredDashboardIds.has(pref.DashboardID));
             console.log('Preferences to delete:', prefsToDelete.length);
@@ -439,8 +535,8 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
             }
             // Step 2: Update existing preferences or create new ones
             const newPreferences = [];
-            for (let i = 0; i < this.configuredDashboards.length; i++) {
-                const dashboard = this.configuredDashboards[i];
+            for (let i = 0; i < this.ConfiguredDashboards.length; i++) {
+                const dashboard = this.ConfiguredDashboards[i];
                 const newDisplayOrder = i + 1;
                 let prefEntity = existingByDashboardId.get(dashboard.ID);
                 if (prefEntity) {
@@ -457,7 +553,7 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
                     console.log(`Creating new preference for dashboard ${dashboard.Name}, order: ${newDisplayOrder}`);
                     prefEntity = await md.GetEntityObject('MJ: Dashboard User Preferences');
                     // Set UserID based on preference mode
-                    if (this.isSysAdmin && this.scope === 'Global' && this.preferenceMode === 'system') {
+                    if (this.IsSysAdmin && this.Scope === 'Global' && this.PreferenceMode === 'system') {
                         prefEntity.UserID = null; // System default
                     }
                     else {
@@ -465,8 +561,8 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
                     }
                     prefEntity.DashboardID = dashboard.ID;
                     prefEntity.DisplayOrder = newDisplayOrder;
-                    prefEntity.Scope = this.scope;
-                    prefEntity.ApplicationID = this.applicationId;
+                    prefEntity.Scope = this.Scope;
+                    prefEntity.ApplicationID = this.ApplicationId;
                     console.log('Creating preference entity:', {
                         UserID: prefEntity.UserID,
                         DashboardID: prefEntity.DashboardID,
@@ -483,7 +579,7 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
             }
             console.log('Successfully processed', newPreferences.length, 'preferences');
             // Emit success result
-            this.result.emit({
+            this.Result.emit({
                 saved: true,
                 preferences: newPreferences
             });
@@ -501,11 +597,15 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
             this.saving = false;
         }
     }
+    /** @deprecated Use {@link OnSave}. */
+    async onSave() {
+        return this.OnSave();
+    }
     onCancel() {
-        this.result.emit({ saved: false });
+        this.Result.emit({ saved: false });
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵDashboardPreferencesDialogComponent_BaseFactory; return function DashboardPreferencesDialogComponent_Factory(__ngFactoryType__) { return (ɵDashboardPreferencesDialogComponent_BaseFactory || (ɵDashboardPreferencesDialogComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DashboardPreferencesDialogComponent)))(__ngFactoryType__ || DashboardPreferencesDialogComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardPreferencesDialogComponent, selectors: [["mj-dashboard-preferences-dialog"]], inputs: { applicationId: "applicationId", scope: "scope" }, outputs: { result: "result" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 21, vars: 11, consts: [["availableList", "cdkDropList"], ["configuredList", "cdkDropList"], ["Title", "Dashboard Preferences", 3, "Close", "Visible", "Width", "Height", "MinWidth"], [1, "dashboard-preferences-dialog"], [1, "dialog-header"], [1, "fa-solid", "fa-sliders"], [1, "scope-indicator"], [1, "preference-mode-selector"], [1, "dialog-content"], [1, "loading-overlay"], ["Variant", "error", "Size", "compact", "Icon", "fa-solid fa-triangle-exclamation", 3, "Title"], [1, "preferences-panels"], ["type", "button", 1, "btn", "btn-secondary", 3, "click"], [1, "fa-solid", "fa-times"], ["type", "button", 1, "btn", "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-globe"], [1, "fa-solid", "fa-layer-group"], ["type", "radio", "name", "preferenceMode", "value", "personal", 3, "ngModelChange", "change", "ngModel"], ["type", "radio", "name", "preferenceMode", "value", "system", 3, "ngModelChange", "change", "ngModel"], ["text", "Loading preferences...", "size", "large"], [1, "panel", "available-panel"], [1, "fa-solid", "fa-list"], ["cdkDropList", "", 1, "dashboard-list", 3, "cdkDropListDropped", "cdkDropListData", "cdkDropListConnectedTo"], ["Variant", "success", "Size", "compact", "Icon", "fa-solid fa-circle-check", "Title", "All dashboards are configured"], ["cdkDrag", "", 1, "dashboard-item", "available-item", 3, "cdkDragData"], [1, "panel", "configured-panel"], [1, "fa-solid", "fa-list-ol"], ["Size", "compact", "Icon", "fa-solid fa-circle-info", "Title", "No dashboards configured"], ["cdkDrag", "", 1, "dashboard-item", "configured-item", 3, "cdkDragData"], [1, "dashboard-item-content"], [1, "fa-solid", "fa-grip-vertical", "drag-handle"], [1, "dashboard-info"], [1, "dashboard-name"], [1, "dashboard-description"], ["type", "button", "title", "Add to configured dashboards", 1, "add-button", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "order-number"], ["type", "button", "title", "Remove from configured dashboards", 1, "remove-button", 3, "click"], ["size", "small", 3, "showText"], [1, "fa-solid", "fa-check"]], template: function DashboardPreferencesDialogComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardPreferencesDialogComponent, selectors: [["mj-dashboard-preferences-dialog"]], inputs: { ApplicationId: "ApplicationId", applicationId: "applicationId", Scope: "Scope", scope: "scope" }, outputs: { Result: "Result", result: "result" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 21, vars: 11, consts: [["availableList", "cdkDropList"], ["configuredList", "cdkDropList"], ["Title", "Dashboard Preferences", 3, "Close", "Visible", "Width", "Height", "MinWidth"], [1, "dashboard-preferences-dialog"], [1, "dialog-header"], [1, "fa-solid", "fa-sliders"], [1, "scope-indicator"], [1, "preference-mode-selector"], [1, "dialog-content"], [1, "loading-overlay"], ["Variant", "error", "Size", "compact", "Icon", "fa-solid fa-triangle-exclamation", 3, "Title"], [1, "preferences-panels"], ["type", "button", 1, "btn", "btn-secondary", 3, "click"], [1, "fa-solid", "fa-times"], ["type", "button", 1, "btn", "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-globe"], [1, "fa-solid", "fa-layer-group"], ["type", "radio", "name", "preferenceMode", "value", "personal", 3, "ngModelChange", "change", "ngModel"], ["type", "radio", "name", "preferenceMode", "value", "system", 3, "ngModelChange", "change", "ngModel"], ["text", "Loading preferences...", "size", "large"], [1, "panel", "available-panel"], [1, "fa-solid", "fa-list"], ["cdkDropList", "", 1, "dashboard-list", 3, "cdkDropListDropped", "cdkDropListData", "cdkDropListConnectedTo"], ["Variant", "success", "Size", "compact", "Icon", "fa-solid fa-circle-check", "Title", "All dashboards are configured"], ["cdkDrag", "", 1, "dashboard-item", "available-item", 3, "cdkDragData"], [1, "panel", "configured-panel"], [1, "fa-solid", "fa-list-ol"], ["Size", "compact", "Icon", "fa-solid fa-circle-info", "Title", "No dashboards configured"], ["cdkDrag", "", 1, "dashboard-item", "configured-item", 3, "cdkDragData"], [1, "dashboard-item-content"], [1, "fa-solid", "fa-grip-vertical", "drag-handle"], [1, "dashboard-info"], [1, "dashboard-name"], [1, "dashboard-description"], ["type", "button", "title", "Add to configured dashboards", 1, "add-button", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "order-number"], ["type", "button", "title", "Remove from configured dashboards", 1, "remove-button", 3, "click"], ["size", "small", 3, "showText"], [1, "fa-solid", "fa-check"]], template: function DashboardPreferencesDialogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-dialog", 2);
             i0.ɵɵlistener("Close", function DashboardPreferencesDialogComponent_Template_mj_dialog_Close_0_listener() { return ctx.onCancel(); });
             i0.ɵɵelementStart(1, "div", 3)(2, "div", 4)(3, "h3");
@@ -552,10 +652,16 @@ export class DashboardPreferencesDialogComponent extends BaseAngularComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardPreferencesDialogComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-dashboard-preferences-dialog', template: "<mj-dialog [Visible]=\"true\" Title=\"Dashboard Preferences\"\n              [Width]=\"800\"\n              [Height]=\"600\"\n              [MinWidth]=\"600\"\n              (Close)=\"onCancel()\">\n<div class=\"dashboard-preferences-dialog\">\n  <div class=\"dialog-header\">\n    <h3><i class=\"fa-solid fa-sliders\"></i> Dashboard Preferences</h3>\n    <p class=\"scope-indicator\">\n      @if (scope === 'Global') {\n        <i class=\"fa-solid fa-globe\"></i> Global Scope\n      } @else {\n        <i class=\"fa-solid fa-layer-group\"></i> Application: {{ applicationName }}\n      }\n    </p>\n    @if (isSysAdmin && scope === 'Global') {\n      <div class=\"preference-mode-selector\">\n        <label>\n          <input type=\"radio\"\n                 name=\"preferenceMode\"\n                 value=\"personal\"\n                 [(ngModel)]=\"preferenceMode\"\n                 (change)=\"onPreferenceModeChange()\">\n          Personal Preferences\n        </label>\n        <label>\n          <input type=\"radio\"\n                 name=\"preferenceMode\"\n                 value=\"system\"\n                 [(ngModel)]=\"preferenceMode\"\n                 (change)=\"onPreferenceModeChange()\">\n          System Defaults\n        </label>\n      </div>\n    }\n  </div>\n\n  <div class=\"dialog-content\">\n    @if (loading) {\n      <div class=\"loading-overlay\">\n        <mj-loading text=\"Loading preferences...\" size=\"large\"></mj-loading>\n      </div>\n    }\n\n    @if (error) {\n      <mj-empty-state\n        Variant=\"error\"\n        Size=\"compact\"\n        Icon=\"fa-solid fa-triangle-exclamation\"\n        [Title]=\"error\" />\n    }\n\n    @if (!loading && !error) {\n      <div class=\"preferences-panels\">\n        <!-- Available Dashboards Panel -->\n        <div class=\"panel available-panel\">\n          <h4><i class=\"fa-solid fa-list\"></i> Available Dashboards</h4>\n          <div class=\"dashboard-list\"\n               cdkDropList\n               #availableList=\"cdkDropList\"\n               [cdkDropListData]=\"availableDashboards\"\n               [cdkDropListConnectedTo]=\"[configuredList]\"\n               (cdkDropListDropped)=\"onDrop($event)\">\n\n            @if (availableDashboards.length === 0) {\n              <mj-empty-state\n                Variant=\"success\"\n                Size=\"compact\"\n                Icon=\"fa-solid fa-circle-check\"\n                Title=\"All dashboards are configured\" />\n            }\n\n            @for (dashboard of availableDashboards; track dashboard.ID) {\n              <div class=\"dashboard-item available-item\"\n                   cdkDrag\n                   [cdkDragData]=\"dashboard\">\n                <div class=\"dashboard-item-content\">\n                  <i class=\"fa-solid fa-grip-vertical drag-handle\"></i>\n                  <div class=\"dashboard-info\">\n                    <span class=\"dashboard-name\">{{ dashboard.Name }}</span>\n                    @if (dashboard.Description) {\n                      <span class=\"dashboard-description\">{{ dashboard.Description }}</span>\n                    }\n                  </div>\n                  <button type=\"button\"\n                          class=\"add-button\"\n                          (click)=\"addDashboard(dashboard)\"\n                          title=\"Add to configured dashboards\">\n                    <i class=\"fa-solid fa-plus\"></i>\n                  </button>\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n\n        <!-- Configured Dashboards Panel -->\n        <div class=\"panel configured-panel\">\n          <h4><i class=\"fa-solid fa-list-ol\"></i> Configured Dashboards</h4>\n          <div class=\"dashboard-list\"\n               cdkDropList\n               #configuredList=\"cdkDropList\"\n               [cdkDropListData]=\"configuredDashboards\"\n               [cdkDropListConnectedTo]=\"[availableList]\"\n               (cdkDropListDropped)=\"onDrop($event)\">\n\n            @if (configuredDashboards.length === 0) {\n              <mj-empty-state\n                Size=\"compact\"\n                Icon=\"fa-solid fa-circle-info\"\n                Title=\"No dashboards configured\" />\n            }\n\n            @for (dashboard of configuredDashboards; track dashboard.ID; let i = $index) {\n              <div class=\"dashboard-item configured-item\"\n                   cdkDrag\n                   [cdkDragData]=\"dashboard\">\n                <div class=\"dashboard-item-content\">\n                  <i class=\"fa-solid fa-grip-vertical drag-handle\"></i>\n                  <span class=\"order-number\">{{ i + 1 }}</span>\n                  <div class=\"dashboard-info\">\n                    <span class=\"dashboard-name\">{{ dashboard.Name }}</span>\n                    @if (dashboard.Description) {\n                      <span class=\"dashboard-description\">{{ dashboard.Description }}</span>\n                    }\n                  </div>\n                  <button type=\"button\"\n                          class=\"remove-button\"\n                          (click)=\"removeDashboard(dashboard)\"\n                          title=\"Remove from configured dashboards\">\n                    <i class=\"fa-solid fa-times\"></i>\n                  </button>\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n\n  <mj-dialog-actions>\n    <button type=\"button\"\n            class=\"btn btn-secondary\"\n            (click)=\"onCancel()\">\n      <i class=\"fa-solid fa-times\"></i> Cancel\n    </button>\n    <button type=\"button\"\n            class=\"btn btn-primary\"\n            [disabled]=\"!hasChanges || saving\"\n            (click)=\"onSave()\">\n      @if (saving) {\n        <mj-loading [showText]=\"false\" size=\"small\"></mj-loading>\n        Saving...\n      } @else {\n        <i class=\"fa-solid fa-check\"></i> Save Changes\n      }\n    </button>\n  </mj-dialog-actions>\n</div>\n</mj-dialog>\n", styles: [".dashboard-preferences-dialog {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.dialog-header {\n  padding: 20px 24px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.dialog-header h3 {\n  margin: 0 0 8px 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.dialog-header h3 i {\n  margin-right: 8px;\n  color: var(--mj-text-secondary);\n}\n\n.scope-indicator {\n  margin: 0;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.scope-indicator i {\n  margin-right: 6px;\n}\n\n.preference-mode-selector {\n  margin-top: 12px;\n  display: flex;\n  gap: 20px;\n}\n\n.preference-mode-selector label {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.preference-mode-selector input[type=\"radio\"] {\n  margin: 0;\n}\n\n.dialog-content {\n  flex: 1;\n  overflow: hidden;\n  padding: 20px 24px;\n}\n\n.loading-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 200px;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.preferences-panels {\n  display: flex;\n  gap: 20px;\n  height: 100%;\n}\n\n.panel {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.panel h4 {\n  margin: 0;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.panel h4 i {\n  margin-right: 8px;\n  color: var(--mj-text-muted);\n}\n\n.dashboard-list {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px;\n}\n\n.dashboard-item {\n  margin-bottom: 8px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  transition: all 0.2s ease;\n  cursor: move;\n}\n\n.dashboard-item:hover {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 2px 4px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.dashboard-item.cdk-drag-preview {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  transform: rotate(2deg);\n}\n\n.dashboard-item.cdk-drag-placeholder {\n  opacity: 0.3;\n  border-style: dashed;\n}\n\n.dashboard-item-content {\n  display: flex;\n  align-items: center;\n  padding: 12px;\n  gap: 12px;\n}\n\n.drag-handle {\n  color: var(--mj-text-disabled);\n  cursor: move;\n  font-size: 14px;\n}\n\n.order-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background: var(--mj-brand-primary);\n  color: white;\n  border-radius: 50%;\n  font-size: 12px;\n  font-weight: 600;\n  flex-shrink: 0;\n}\n\n.dashboard-info {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.dashboard-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n\n.dashboard-description {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  line-height: 1.3;\n}\n\n.add-button {\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  color: var(--mj-status-success);\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  opacity: 0.7;\n}\n\n.add-button:hover {\n  background-color: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n  opacity: 1;\n}\n\n.remove-button {\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  color: var(--mj-status-error);\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n}\n\n.remove-button:hover {\n  background-color: color-mix(in srgb, var(--mj-status-error) 10%, transparent);\n}\n\n.cdk-drop-list-dragging .dashboard-item:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.dialog-footer {\n  padding: 16px 24px;\n  border-top: 1px solid var(--mj-border-default);\n  display: flex;\n  justify-content: flex-end;\n  gap: 12px;\n  background: var(--mj-bg-surface-card);\n}\n\n.btn {\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  border: 1px solid transparent;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.btn:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.btn-secondary {\n  background: var(--mj-bg-surface);\n  border-color: var(--mj-text-muted);\n  color: var(--mj-text-muted);\n}\n\n.btn-secondary:hover:not(:disabled) {\n  background: var(--mj-text-muted);\n  color: white;\n}\n\n.btn-primary {\n  background: var(--mj-brand-primary);\n  color: white;\n  border-color: var(--mj-brand-primary);\n}\n\n.btn-primary:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover);\n  border-color: var(--mj-brand-primary-hover);\n}\n\n/* Responsive design */\n@media (max-width: 768px) {\n  .dashboard-preferences-dialog {\n    width: 95vw;\n    max-height: 90vh;\n  }\n\n  .preferences-panels {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .panel {\n    min-height: 200px;\n  }\n\n  .dashboard-list {\n    min-height: 150px;\n  }\n}\n"] }]
-    }], null, { applicationId: [{
+    }], null, { ApplicationId: [{
+            type: Input
+        }], applicationId: [{
+            type: Input
+        }], Scope: [{
             type: Input
         }], scope: [{
             type: Input
+        }], Result: [{
+            type: Output
         }], result: [{
             type: Output
         }] }); })();