@memberjunction/ng-explorer-core 2.48.0 → 2.50.0

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

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 import { moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
 import { LogError, Metadata, RunView } from '@memberjunction/core';
@@ -190,122 +181,112 @@ function DashboardPreferencesDialogComponent_Conditional_20_Template(rf, ctx) {
     i0.ɵɵtext(1, " Save Changes ");
 } }
 export class DashboardPreferencesDialogComponent {
-    constructor() {
-        this.applicationId = null;
-        this.scope = 'Global';
-        this.result = new EventEmitter();
-        this.availableDashboards = [];
-        this.configuredDashboards = [];
-        this.applicationName = '';
-        this.loading = true;
-        this.saving = false;
-        this.error = null;
-        this.hasChanges = false;
-        this.isSysAdmin = false;
-        this.preferenceMode = 'personal';
-        this.originalConfiguredIds = [];
-        this.currentUserPreferences = [];
-        this.allAvailableDashboards = [];
+    applicationId = null;
+    scope = 'Global';
+    result = new EventEmitter();
+    availableDashboards = [];
+    configuredDashboards = [];
+    applicationName = '';
+    loading = true;
+    saving = false;
+    error = null;
+    hasChanges = false;
+    isSysAdmin = false;
+    preferenceMode = 'personal';
+    originalConfiguredIds = [];
+    currentUserPreferences = [];
+    allAvailableDashboards = [];
+    async ngOnInit() {
+        try {
+            await this.loadData();
+        }
+        catch (error) {
+            LogError('Error initializing dashboard preferences dialog', null, error);
+            this.error = 'Failed to load dashboard preferences';
+        }
+        finally {
+            this.loading = false;
+        }
     }
-    ngOnInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                yield this.loadData();
-            }
-            catch (error) {
-                LogError('Error initializing dashboard preferences dialog', null, error);
-                this.error = 'Failed to load dashboard preferences';
+    async loadData() {
+        const md = new Metadata();
+        // Check if current user is sysadmin
+        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';
+        // Load application name if we're in app scope
+        if (this.scope === 'App' && this.applicationId) {
+            await this.loadApplicationName();
+        }
+        // Get cached dashboards from MJ_Metadata dataset
+        const ds = await md.GetAndCacheDatasetByName("MJ_Metadata");
+        if (!ds || !ds.Success) {
+            throw new Error(ds?.Status || 'Failed to load metadata dataset');
+        }
+        const dashList = ds.Results.find(r => r.Code === 'Dashboards');
+        if (!dashList) {
+            throw new Error('Dashboards dataset not found');
+        }
+        // Filter dashboards by scope
+        const appFilter = this.applicationId ? ` AND ApplicationID='${this.applicationId}'` : ' AND ApplicationID IS NULL';
+        this.allAvailableDashboards = dashList.Results.filter((d) => {
+            if (this.scope === 'Global') {
+                return d.Scope === 'Global' && !d.ApplicationID;
             }
-            finally {
-                this.loading = false;
+            else {
+                return 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
+        await this.loadCurrentPreferences();
+        // Split dashboards into available and configured
+        this.splitDashboards();
+        // Store original state to detect changes
+        this.originalConfiguredIds = this.configuredDashboards.map(d => d.ID);
     }
-    loadData() {
-        return __awaiter(this, void 0, void 0, function* () {
+    async loadApplicationName() {
+        if (!this.applicationId)
+            return;
+        try {
             const md = new Metadata();
-            // Check if current user is sysadmin
-            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';
-            // Load application name if we're in app scope
-            if (this.scope === 'App' && this.applicationId) {
-                yield this.loadApplicationName();
-            }
-            // Get cached dashboards from MJ_Metadata dataset
-            const ds = yield md.GetAndCacheDatasetByName("MJ_Metadata");
-            if (!ds || !ds.Success) {
-                throw new Error((ds === null || ds === void 0 ? void 0 : ds.Status) || 'Failed to load metadata dataset');
-            }
-            const dashList = ds.Results.find(r => r.Code === 'Dashboards');
-            if (!dashList) {
-                throw new Error('Dashboards dataset not found');
-            }
-            // Filter dashboards by scope
-            const appFilter = this.applicationId ? ` AND ApplicationID='${this.applicationId}'` : ' AND ApplicationID IS NULL';
-            this.allAvailableDashboards = dashList.Results.filter((d) => {
-                if (this.scope === 'Global') {
-                    return d.Scope === 'Global' && !d.ApplicationID;
-                }
-                else {
-                    return 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
-            yield this.loadCurrentPreferences();
-            // Split dashboards into available and configured
-            this.splitDashboards();
-            // Store original state to detect changes
-            this.originalConfiguredIds = this.configuredDashboards.map(d => d.ID);
-        });
-    }
-    loadApplicationName() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.applicationId)
-                return;
-            try {
-                const md = new Metadata();
-                const ds = yield md.GetAndCacheDatasetByName("MJ_Metadata");
-                const appList = ds.Results.find(r => r.Code === 'Applications');
-                if (appList) {
-                    const app = appList.Results.find((a) => a.ID === this.applicationId);
-                    this.applicationName = (app === null || app === void 0 ? void 0 : app.Name) || 'Unknown Application';
-                }
+            const ds = await md.GetAndCacheDatasetByName("MJ_Metadata");
+            const appList = ds.Results.find(r => r.Code === 'Applications');
+            if (appList) {
+                const app = appList.Results.find((a) => a.ID === this.applicationId);
+                this.applicationName = app?.Name || 'Unknown Application';
             }
-            catch (error) {
-                LogError('Error loading application name', null, error);
-                this.applicationName = 'Unknown Application';
-            }
-        });
+        }
+        catch (error) {
+            LogError('Error loading application name', null, error);
+            this.applicationName = 'Unknown Application';
+        }
     }
-    loadCurrentPreferences() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const rv = new RunView();
-            const md = new Metadata();
-            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') {
-                // Load system defaults only (UserID IS NULL)
-                filter = `UserID IS NULL AND ${baseCondition}`;
-            }
-            else {
-                // Load personal user preferences (including for sysadmin when in personal mode)
-                // For personal mode, we ONLY load the user's specific preferences, no fallback to system defaults
-                // This allows sysadmin to see their actual personal preferences vs system defaults
-                filter = `UserID='${md.CurrentUser.ID}' AND ${baseCondition}`;
-            }
-            console.log('Loading preferences with filter:', filter);
-            const prefsResult = yield rv.RunView({
-                EntityName: 'MJ: Dashboard User Preferences',
-                ExtraFilter: filter,
-                ResultType: 'entity_object',
-                OrderBy: 'DisplayOrder',
-            });
-            this.currentUserPreferences = (prefsResult === null || prefsResult === void 0 ? void 0 : prefsResult.Results) || [];
-            console.log('Loaded preferences:', this.currentUserPreferences.length);
+    async loadCurrentPreferences() {
+        const rv = new RunView();
+        const md = new Metadata();
+        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') {
+            // Load system defaults only (UserID IS NULL)
+            filter = `UserID IS NULL AND ${baseCondition}`;
+        }
+        else {
+            // Load personal user preferences (including for sysadmin when in personal mode)
+            // For personal mode, we ONLY load the user's specific preferences, no fallback to system defaults
+            // This allows sysadmin to see their actual personal preferences vs system defaults
+            filter = `UserID='${md.CurrentUser.ID}' AND ${baseCondition}`;
+        }
+        console.log('Loading preferences with filter:', filter);
+        const prefsResult = await rv.RunView({
+            EntityName: 'MJ: Dashboard User Preferences',
+            ExtraFilter: filter,
+            ResultType: 'entity_object',
+            OrderBy: 'DisplayOrder',
         });
+        this.currentUserPreferences = prefsResult?.Results || [];
+        console.log('Loaded preferences:', this.currentUserPreferences.length);
     }
     splitDashboards() {
         const configuredIds = new Set(this.currentUserPreferences.map(p => p.DashboardID));
@@ -380,25 +361,23 @@ export class DashboardPreferencesDialogComponent {
             }, 3000);
         }
     }
-    onPreferenceModeChange() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                this.loading = true;
-                this.error = null;
-                // Reload preferences with new mode
-                yield this.loadCurrentPreferences();
-                this.splitDashboards();
-                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;
-            }
-        });
+    async onPreferenceModeChange() {
+        try {
+            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;
+        }
+        catch (error) {
+            LogError('Error changing preference mode', null, error);
+            this.error = 'Error loading preferences. Please try again.';
+        }
+        finally {
+            this.loading = false;
+        }
     }
     checkForChanges() {
         try {
@@ -418,166 +397,163 @@ export class DashboardPreferencesDialogComponent {
             this.hasChanges = false;
         }
     }
-    onSave() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a, _b, _c, _d, _e, _f;
-            if (this.saving || !this.hasChanges) {
-                console.log('Save cancelled:', { saving: this.saving, hasChanges: this.hasChanges });
-                return;
+    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 })));
+            const md = new Metadata();
+            const rv = new RunView();
+            // Get existing preferences for this scope
+            const baseCondition = this.scope === 'Global'
+                ? `Scope='Global' AND ApplicationID IS NULL`
+                : `Scope='App' AND ApplicationID='${this.applicationId}'`;
+            let userFilter;
+            if (this.isSysAdmin && this.scope === 'Global' && this.preferenceMode === 'system') {
+                // Managing system defaults
+                userFilter = `UserID IS NULL AND ${baseCondition}`;
             }
-            try {
-                this.saving = true;
-                console.log('Starting save process with configured dashboards:', this.configuredDashboards.map(d => ({ id: d.ID, name: d.Name })));
-                const md = new Metadata();
-                const rv = new RunView();
-                // Get existing preferences for this scope
-                const baseCondition = this.scope === 'Global'
-                    ? `Scope='Global' AND ApplicationID IS NULL`
-                    : `Scope='App' AND ApplicationID='${this.applicationId}'`;
-                let userFilter;
-                if (this.isSysAdmin && this.scope === 'Global' && this.preferenceMode === 'system') {
-                    // Managing system defaults
-                    userFilter = `UserID IS NULL AND ${baseCondition}`;
-                }
-                else {
-                    // Managing personal preferences
-                    userFilter = `UserID='${md.CurrentUser.ID}' AND ${baseCondition}`;
+            else {
+                // Managing personal preferences
+                userFilter = `UserID='${md.CurrentUser.ID}' AND ${baseCondition}`;
+            }
+            console.log('Loading existing preferences with filter:', userFilter);
+            const existingPrefs = await rv.RunView({
+                EntityName: 'MJ: Dashboard User Preferences',
+                ExtraFilter: userFilter,
+                ResultType: 'entity_object',
+            });
+            const existingPreferences = existingPrefs?.Results || [];
+            console.log('Found existing preferences:', existingPreferences.length);
+            // Create maps for efficient lookups
+            const existingByDashboardId = new Map();
+            existingPreferences.forEach(pref => {
+                existingByDashboardId.set(pref.DashboardID, pref);
+            });
+            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);
+            for (const pref of prefsToDelete) {
+                console.log('Deleting preference for dashboard:', pref.DashboardID);
+                if (!await pref.Delete()) {
+                    const errorMsg = pref.LatestResult?.Error || pref.LatestResult?.Message || 'Unknown error';
+                    throw new Error(`Failed to delete preference: ${errorMsg}`);
                 }
-                console.log('Loading existing preferences with filter:', userFilter);
-                const existingPrefs = yield rv.RunView({
-                    EntityName: 'MJ: Dashboard User Preferences',
-                    ExtraFilter: userFilter,
-                    ResultType: 'entity_object',
-                });
-                const existingPreferences = (existingPrefs === null || existingPrefs === void 0 ? void 0 : existingPrefs.Results) || [];
-                console.log('Found existing preferences:', existingPreferences.length);
-                // Create maps for efficient lookups
-                const existingByDashboardId = new Map();
-                existingPreferences.forEach(pref => {
-                    existingByDashboardId.set(pref.DashboardID, pref);
-                });
-                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);
-                for (const pref of prefsToDelete) {
-                    console.log('Deleting preference for dashboard:', pref.DashboardID);
-                    if (!(yield pref.Delete())) {
-                        const errorMsg = ((_a = pref.LatestResult) === null || _a === void 0 ? void 0 : _a.Error) || ((_b = pref.LatestResult) === null || _b === void 0 ? void 0 : _b.Message) || 'Unknown error';
-                        throw new Error(`Failed to delete preference: ${errorMsg}`);
+            }
+            // 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];
+                const newDisplayOrder = i + 1;
+                let prefEntity = existingByDashboardId.get(dashboard.ID);
+                if (prefEntity) {
+                    // Update existing preference
+                    console.log(`Updating existing preference for dashboard ${dashboard.Name}, new order: ${newDisplayOrder}`);
+                    prefEntity.DisplayOrder = newDisplayOrder;
+                    if (!await prefEntity.Save()) {
+                        const errorMsg = prefEntity.LatestResult?.Error || prefEntity.LatestResult?.Message || 'Unknown error';
+                        throw new Error(`Failed to update preference for dashboard ${dashboard.Name}: ${errorMsg}`);
                     }
                 }
-                // 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];
-                    const newDisplayOrder = i + 1;
-                    let prefEntity = existingByDashboardId.get(dashboard.ID);
-                    if (prefEntity) {
-                        // Update existing preference
-                        console.log(`Updating existing preference for dashboard ${dashboard.Name}, new order: ${newDisplayOrder}`);
-                        prefEntity.DisplayOrder = newDisplayOrder;
-                        if (!(yield prefEntity.Save())) {
-                            const errorMsg = ((_c = prefEntity.LatestResult) === null || _c === void 0 ? void 0 : _c.Error) || ((_d = prefEntity.LatestResult) === null || _d === void 0 ? void 0 : _d.Message) || 'Unknown error';
-                            throw new Error(`Failed to update preference for dashboard ${dashboard.Name}: ${errorMsg}`);
-                        }
+                else {
+                    // Create new preference
+                    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') {
+                        prefEntity.UserID = null; // System default
                     }
                     else {
-                        // Create new preference
-                        console.log(`Creating new preference for dashboard ${dashboard.Name}, order: ${newDisplayOrder}`);
-                        prefEntity = yield md.GetEntityObject('MJ: Dashboard User Preferences');
-                        // Set UserID based on preference mode
-                        if (this.isSysAdmin && this.scope === 'Global' && this.preferenceMode === 'system') {
-                            prefEntity.UserID = null; // System default
-                        }
-                        else {
-                            prefEntity.UserID = md.CurrentUser.ID; // Personal preference
-                        }
-                        prefEntity.DashboardID = dashboard.ID;
-                        prefEntity.DisplayOrder = newDisplayOrder;
-                        prefEntity.Scope = this.scope;
-                        prefEntity.ApplicationID = this.applicationId;
-                        console.log('Creating preference entity:', {
-                            UserID: prefEntity.UserID,
-                            DashboardID: prefEntity.DashboardID,
-                            DisplayOrder: prefEntity.DisplayOrder,
-                            Scope: prefEntity.Scope,
-                            ApplicationID: prefEntity.ApplicationID
-                        });
-                        if (!(yield prefEntity.Save())) {
-                            const errorMsg = ((_e = prefEntity.LatestResult) === null || _e === void 0 ? void 0 : _e.Error) || ((_f = prefEntity.LatestResult) === null || _f === void 0 ? void 0 : _f.Message) || 'Unknown error';
-                            throw new Error(`Failed to create preference for dashboard ${dashboard.Name}: ${errorMsg}`);
-                        }
+                        prefEntity.UserID = md.CurrentUser.ID; // Personal preference
+                    }
+                    prefEntity.DashboardID = dashboard.ID;
+                    prefEntity.DisplayOrder = newDisplayOrder;
+                    prefEntity.Scope = this.scope;
+                    prefEntity.ApplicationID = this.applicationId;
+                    console.log('Creating preference entity:', {
+                        UserID: prefEntity.UserID,
+                        DashboardID: prefEntity.DashboardID,
+                        DisplayOrder: prefEntity.DisplayOrder,
+                        Scope: prefEntity.Scope,
+                        ApplicationID: prefEntity.ApplicationID
+                    });
+                    if (!await prefEntity.Save()) {
+                        const errorMsg = prefEntity.LatestResult?.Error || prefEntity.LatestResult?.Message || 'Unknown error';
+                        throw new Error(`Failed to create preference for dashboard ${dashboard.Name}: ${errorMsg}`);
                     }
-                    newPreferences.push(prefEntity);
                 }
-                console.log('Successfully processed', newPreferences.length, 'preferences');
-                // Emit success result
-                this.result.emit({
-                    saved: true,
-                    preferences: newPreferences
-                });
+                newPreferences.push(prefEntity);
             }
-            catch (error) {
-                console.error('Save error:', error);
-                LogError('Error saving dashboard preferences', null, error);
-                this.error = `Failed to save preferences: ${error instanceof Error ? error.message : 'Unknown error'}`;
-                // Clear error after 5 seconds
-                setTimeout(() => {
-                    this.error = null;
-                }, 5000);
-            }
-            finally {
-                this.saving = false;
-            }
-        });
+            console.log('Successfully processed', newPreferences.length, 'preferences');
+            // Emit success result
+            this.result.emit({
+                saved: true,
+                preferences: newPreferences
+            });
+        }
+        catch (error) {
+            console.error('Save error:', error);
+            LogError('Error saving dashboard preferences', null, error);
+            this.error = `Failed to save preferences: ${error instanceof Error ? error.message : 'Unknown error'}`;
+            // Clear error after 5 seconds
+            setTimeout(() => {
+                this.error = null;
+            }, 5000);
+        }
+        finally {
+            this.saving = false;
+        }
     }
     onCancel() {
         this.result.emit({ saved: false });
     }
+    static ɵfac = function DashboardPreferencesDialogComponent_Factory(t) { return new (t || DashboardPreferencesDialogComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardPreferencesDialogComponent, selectors: [["mj-dashboard-preferences-dialog"]], inputs: { applicationId: "applicationId", scope: "scope" }, outputs: { result: "result" }, decls: 21, vars: 11, consts: [["availableList", "cdkDropList"], ["configuredList", "cdkDropList"], ["title", "Dashboard Preferences", 3, "close", "width", "height", "minWidth", "minHeight"], [1, "dashboard-preferences-dialog"], [1, "dialog-header"], [1, "fa-solid", "fa-sliders"], [1, "scope-indicator"], [1, "preference-mode-selector"], [1, "dialog-content"], [1, "loading-container"], [1, "error-container"], [1, "preferences-panels"], [1, "dialog-footer"], ["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"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "panel", "available-panel"], [1, "fa-solid", "fa-list"], ["cdkDropList", "", 1, "dashboard-list", 3, "cdkDropListDropped", "cdkDropListData", "cdkDropListConnectedTo"], [1, "empty-state"], ["cdkDrag", "", 1, "dashboard-item", "available-item", 3, "cdkDragData"], [1, "panel", "configured-panel"], [1, "fa-solid", "fa-list-ol"], ["cdkDrag", "", 1, "dashboard-item", "configured-item", 3, "cdkDragData"], [1, "fa-solid", "fa-info-circle"], [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"], [1, "fa-solid", "fa-check"]], template: function DashboardPreferencesDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "kendo-dialog", 2);
+            i0.ɵɵlistener("close", function DashboardPreferencesDialogComponent_Template_kendo_dialog_close_0_listener() { return ctx.onCancel(); });
+            i0.ɵɵelementStart(1, "div", 3)(2, "div", 4)(3, "h3");
+            i0.ɵɵelement(4, "i", 5);
+            i0.ɵɵtext(5, " Dashboard Preferences");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "p", 6);
+            i0.ɵɵtemplate(7, DashboardPreferencesDialogComponent_Conditional_7_Template, 2, 0)(8, DashboardPreferencesDialogComponent_Conditional_8_Template, 2, 1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(9, DashboardPreferencesDialogComponent_Conditional_9_Template, 7, 2, "div", 7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "div", 8);
+            i0.ɵɵtemplate(11, DashboardPreferencesDialogComponent_Conditional_11_Template, 3, 0, "div", 9)(12, DashboardPreferencesDialogComponent_Conditional_12_Template, 3, 1, "div", 10)(13, DashboardPreferencesDialogComponent_Conditional_13_Template, 19, 10, "div", 11);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(14, "div", 12)(15, "button", 13);
+            i0.ɵɵlistener("click", function DashboardPreferencesDialogComponent_Template_button_click_15_listener() { return ctx.onCancel(); });
+            i0.ɵɵelement(16, "i", 14);
+            i0.ɵɵtext(17, " Cancel ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(18, "button", 15);
+            i0.ɵɵlistener("click", function DashboardPreferencesDialogComponent_Template_button_click_18_listener() { return ctx.onSave(); });
+            i0.ɵɵtemplate(19, DashboardPreferencesDialogComponent_Conditional_19_Template, 2, 0)(20, DashboardPreferencesDialogComponent_Conditional_20_Template, 2, 0);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("width", 800)("height", 600)("minWidth", 600)("minHeight", 400);
+            i0.ɵɵadvance(7);
+            i0.ɵɵconditional(ctx.scope === "Global" ? 7 : 8);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.isSysAdmin && ctx.scope === "Global" ? 9 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.loading ? 11 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.error ? 12 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.loading && !ctx.error ? 13 : -1);
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("disabled", !ctx.hasChanges || ctx.saving);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.saving ? 19 : 20);
+        } }, dependencies: [i1.DefaultValueAccessor, i1.RadioControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.DialogComponent, i3.LoaderComponent, i4.CdkDropList, i4.CdkDrag], styles: [".dashboard-preferences-dialog[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.dialog-header[_ngcontent-%COMP%] {\n  padding: 20px 24px 16px;\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.dialog-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #333;\n}\n\n.dialog-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 8px;\n  color: #666;\n}\n\n.scope-indicator[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  color: #666;\n}\n\n.scope-indicator[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n.preference-mode-selector[_ngcontent-%COMP%] {\n  margin-top: 12px;\n  display: flex;\n  gap: 20px;\n}\n\n.preference-mode-selector[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  font-size: 14px;\n  color: #495057;\n}\n\n.preference-mode-selector[_ngcontent-%COMP%]   input[type=\"radio\"][_ngcontent-%COMP%] {\n  margin: 0;\n}\n\n.dialog-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n  padding: 20px 24px;\n}\n\n.loading-container[_ngcontent-%COMP%], .error-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 200px;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.error-container[_ngcontent-%COMP%] {\n  color: #dc3545;\n}\n\n.error-container[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 24px;\n  margin-bottom: 8px;\n}\n\n.preferences-panels[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 20px;\n  height: 100%;\n}\n\n.panel[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.panel[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 12px 16px;\n  background: #f8f9fa;\n  border-bottom: 1px solid #e0e0e0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #495057;\n}\n\n.panel[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 8px;\n  color: #6c757d;\n}\n\n.dashboard-list[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px;\n  min-height: 300px;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100px;\n  color: #6c757d;\n  font-style: italic;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 24px;\n  opacity: 0.5;\n}\n\n.dashboard-item[_ngcontent-%COMP%] {\n  margin-bottom: 8px;\n  border: 1px solid #e0e0e0;\n  border-radius: 6px;\n  background: white;\n  transition: all 0.2s ease;\n  cursor: move;\n}\n\n.dashboard-item[_ngcontent-%COMP%]:hover {\n  border-color: #007bff;\n  box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);\n}\n\n.dashboard-item.cdk-drag-preview[_ngcontent-%COMP%] {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  transform: rotate(2deg);\n}\n\n.dashboard-item.cdk-drag-placeholder[_ngcontent-%COMP%] {\n  opacity: 0.3;\n  border-style: dashed;\n}\n\n.dashboard-item-content[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  padding: 12px;\n  gap: 12px;\n}\n\n.drag-handle[_ngcontent-%COMP%] {\n  color: #adb5bd;\n  cursor: move;\n  font-size: 14px;\n}\n\n.order-number[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background: #007bff;\n  color: white;\n  border-radius: 50%;\n  font-size: 12px;\n  font-weight: 600;\n  flex-shrink: 0;\n}\n\n.dashboard-info[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.dashboard-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #333;\n  font-size: 14px;\n}\n\n.dashboard-description[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #6c757d;\n  line-height: 1.3;\n}\n\n.add-button[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  color: #28a745;\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[_ngcontent-%COMP%]:hover {\n  background-color: rgba(40, 167, 69, 0.1);\n  opacity: 1;\n}\n\n.remove-button[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  color: #dc3545;\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[_ngcontent-%COMP%]:hover {\n  background-color: rgba(220, 53, 69, 0.1);\n}\n\n.cdk-drop-list-dragging[_ngcontent-%COMP%]   .dashboard-item[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.dialog-footer[_ngcontent-%COMP%] {\n  padding: 16px 24px;\n  border-top: 1px solid #e0e0e0;\n  display: flex;\n  justify-content: flex-end;\n  gap: 12px;\n  background: #f8f9fa;\n}\n\n.btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n  background: white;\n  border-color: #6c757d;\n  color: #6c757d;\n}\n\n.btn-secondary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #6c757d;\n  color: white;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n  background: #007bff;\n  color: white;\n  border-color: #007bff;\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #0056b3;\n  border-color: #0056b3;\n}\n\n\n\n@media (max-width: 768px) {\n  .dashboard-preferences-dialog[_ngcontent-%COMP%] {\n    width: 95vw;\n    max-height: 90vh;\n  }\n  \n  .preferences-panels[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n  }\n  \n  .panel[_ngcontent-%COMP%] {\n    min-height: 200px;\n  }\n  \n  .dashboard-list[_ngcontent-%COMP%] {\n    min-height: 150px;\n  }\n}"] });
 }
-DashboardPreferencesDialogComponent.ɵfac = function DashboardPreferencesDialogComponent_Factory(t) { return new (t || DashboardPreferencesDialogComponent)(); };
-DashboardPreferencesDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardPreferencesDialogComponent, selectors: [["mj-dashboard-preferences-dialog"]], inputs: { applicationId: "applicationId", scope: "scope" }, outputs: { result: "result" }, decls: 21, vars: 11, consts: [["availableList", "cdkDropList"], ["configuredList", "cdkDropList"], ["title", "Dashboard Preferences", 3, "close", "width", "height", "minWidth", "minHeight"], [1, "dashboard-preferences-dialog"], [1, "dialog-header"], [1, "fa-solid", "fa-sliders"], [1, "scope-indicator"], [1, "preference-mode-selector"], [1, "dialog-content"], [1, "loading-container"], [1, "error-container"], [1, "preferences-panels"], [1, "dialog-footer"], ["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"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "panel", "available-panel"], [1, "fa-solid", "fa-list"], ["cdkDropList", "", 1, "dashboard-list", 3, "cdkDropListDropped", "cdkDropListData", "cdkDropListConnectedTo"], [1, "empty-state"], ["cdkDrag", "", 1, "dashboard-item", "available-item", 3, "cdkDragData"], [1, "panel", "configured-panel"], [1, "fa-solid", "fa-list-ol"], ["cdkDrag", "", 1, "dashboard-item", "configured-item", 3, "cdkDragData"], [1, "fa-solid", "fa-info-circle"], [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"], [1, "fa-solid", "fa-check"]], template: function DashboardPreferencesDialogComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "kendo-dialog", 2);
-        i0.ɵɵlistener("close", function DashboardPreferencesDialogComponent_Template_kendo_dialog_close_0_listener() { return ctx.onCancel(); });
-        i0.ɵɵelementStart(1, "div", 3)(2, "div", 4)(3, "h3");
-        i0.ɵɵelement(4, "i", 5);
-        i0.ɵɵtext(5, " Dashboard Preferences");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(6, "p", 6);
-        i0.ɵɵtemplate(7, DashboardPreferencesDialogComponent_Conditional_7_Template, 2, 0)(8, DashboardPreferencesDialogComponent_Conditional_8_Template, 2, 1);
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(9, DashboardPreferencesDialogComponent_Conditional_9_Template, 7, 2, "div", 7);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(10, "div", 8);
-        i0.ɵɵtemplate(11, DashboardPreferencesDialogComponent_Conditional_11_Template, 3, 0, "div", 9)(12, DashboardPreferencesDialogComponent_Conditional_12_Template, 3, 1, "div", 10)(13, DashboardPreferencesDialogComponent_Conditional_13_Template, 19, 10, "div", 11);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(14, "div", 12)(15, "button", 13);
-        i0.ɵɵlistener("click", function DashboardPreferencesDialogComponent_Template_button_click_15_listener() { return ctx.onCancel(); });
-        i0.ɵɵelement(16, "i", 14);
-        i0.ɵɵtext(17, " Cancel ");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(18, "button", 15);
-        i0.ɵɵlistener("click", function DashboardPreferencesDialogComponent_Template_button_click_18_listener() { return ctx.onSave(); });
-        i0.ɵɵtemplate(19, DashboardPreferencesDialogComponent_Conditional_19_Template, 2, 0)(20, DashboardPreferencesDialogComponent_Conditional_20_Template, 2, 0);
-        i0.ɵɵelementEnd()()()();
-    } if (rf & 2) {
-        i0.ɵɵproperty("width", 800)("height", 600)("minWidth", 600)("minHeight", 400);
-        i0.ɵɵadvance(7);
-        i0.ɵɵconditional(ctx.scope === "Global" ? 7 : 8);
-        i0.ɵɵadvance(2);
-        i0.ɵɵconditional(ctx.isSysAdmin && ctx.scope === "Global" ? 9 : -1);
-        i0.ɵɵadvance(2);
-        i0.ɵɵconditional(ctx.loading ? 11 : -1);
-        i0.ɵɵadvance();
-        i0.ɵɵconditional(ctx.error ? 12 : -1);
-        i0.ɵɵadvance();
-        i0.ɵɵconditional(!ctx.loading && !ctx.error ? 13 : -1);
-        i0.ɵɵadvance(5);
-        i0.ɵɵproperty("disabled", !ctx.hasChanges || ctx.saving);
-        i0.ɵɵadvance();
-        i0.ɵɵconditional(ctx.saving ? 19 : 20);
-    } }, dependencies: [i1.DefaultValueAccessor, i1.RadioControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.DialogComponent, i3.LoaderComponent, i4.CdkDropList, i4.CdkDrag], styles: [".dashboard-preferences-dialog[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.dialog-header[_ngcontent-%COMP%] {\n  padding: 20px 24px 16px;\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.dialog-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #333;\n}\n\n.dialog-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 8px;\n  color: #666;\n}\n\n.scope-indicator[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  color: #666;\n}\n\n.scope-indicator[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n.preference-mode-selector[_ngcontent-%COMP%] {\n  margin-top: 12px;\n  display: flex;\n  gap: 20px;\n}\n\n.preference-mode-selector[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  font-size: 14px;\n  color: #495057;\n}\n\n.preference-mode-selector[_ngcontent-%COMP%]   input[type=\"radio\"][_ngcontent-%COMP%] {\n  margin: 0;\n}\n\n.dialog-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n  padding: 20px 24px;\n}\n\n.loading-container[_ngcontent-%COMP%], .error-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 200px;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.error-container[_ngcontent-%COMP%] {\n  color: #dc3545;\n}\n\n.error-container[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 24px;\n  margin-bottom: 8px;\n}\n\n.preferences-panels[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 20px;\n  height: 100%;\n}\n\n.panel[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.panel[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 12px 16px;\n  background: #f8f9fa;\n  border-bottom: 1px solid #e0e0e0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #495057;\n}\n\n.panel[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 8px;\n  color: #6c757d;\n}\n\n.dashboard-list[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px;\n  min-height: 300px;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100px;\n  color: #6c757d;\n  font-style: italic;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 24px;\n  opacity: 0.5;\n}\n\n.dashboard-item[_ngcontent-%COMP%] {\n  margin-bottom: 8px;\n  border: 1px solid #e0e0e0;\n  border-radius: 6px;\n  background: white;\n  transition: all 0.2s ease;\n  cursor: move;\n}\n\n.dashboard-item[_ngcontent-%COMP%]:hover {\n  border-color: #007bff;\n  box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);\n}\n\n.dashboard-item.cdk-drag-preview[_ngcontent-%COMP%] {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  transform: rotate(2deg);\n}\n\n.dashboard-item.cdk-drag-placeholder[_ngcontent-%COMP%] {\n  opacity: 0.3;\n  border-style: dashed;\n}\n\n.dashboard-item-content[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  padding: 12px;\n  gap: 12px;\n}\n\n.drag-handle[_ngcontent-%COMP%] {\n  color: #adb5bd;\n  cursor: move;\n  font-size: 14px;\n}\n\n.order-number[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background: #007bff;\n  color: white;\n  border-radius: 50%;\n  font-size: 12px;\n  font-weight: 600;\n  flex-shrink: 0;\n}\n\n.dashboard-info[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.dashboard-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #333;\n  font-size: 14px;\n}\n\n.dashboard-description[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #6c757d;\n  line-height: 1.3;\n}\n\n.add-button[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  color: #28a745;\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[_ngcontent-%COMP%]:hover {\n  background-color: rgba(40, 167, 69, 0.1);\n  opacity: 1;\n}\n\n.remove-button[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  color: #dc3545;\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[_ngcontent-%COMP%]:hover {\n  background-color: rgba(220, 53, 69, 0.1);\n}\n\n.cdk-drop-list-dragging[_ngcontent-%COMP%]   .dashboard-item[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.dialog-footer[_ngcontent-%COMP%] {\n  padding: 16px 24px;\n  border-top: 1px solid #e0e0e0;\n  display: flex;\n  justify-content: flex-end;\n  gap: 12px;\n  background: #f8f9fa;\n}\n\n.btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n  background: white;\n  border-color: #6c757d;\n  color: #6c757d;\n}\n\n.btn-secondary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #6c757d;\n  color: white;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n  background: #007bff;\n  color: white;\n  border-color: #007bff;\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #0056b3;\n  border-color: #0056b3;\n}\n\n\n\n@media (max-width: 768px) {\n  .dashboard-preferences-dialog[_ngcontent-%COMP%] {\n    width: 95vw;\n    max-height: 90vh;\n  }\n  \n  .preferences-panels[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n  }\n  \n  .panel[_ngcontent-%COMP%] {\n    min-height: 200px;\n  }\n  \n  .dashboard-list[_ngcontent-%COMP%] {\n    min-height: 150px;\n  }\n}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardPreferencesDialogComponent, [{
         type: Component,
         args: [{ selector: 'mj-dashboard-preferences-dialog', template: "<kendo-dialog title=\"Dashboard Preferences\" \n              [width]=\"800\" \n              [height]=\"600\"\n              [minWidth]=\"600\"\n              [minHeight]=\"400\"\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-container\">\n        <kendo-loader></kendo-loader>\n        Loading dashboards...\n      </div>\n    }\n\n    @if (error) {\n      <div class=\"error-container\">\n        <i class=\"fa-solid fa-exclamation-triangle\"></i>\n        {{ error }}\n      </div>\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              <div class=\"empty-state\">\n                <i class=\"fa-solid fa-info-circle\"></i>\n                All dashboards are configured\n              </div>\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              <div class=\"empty-state\">\n                <i class=\"fa-solid fa-info-circle\"></i>\n                No dashboards configured\n              </div>\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  <div class=\"dialog-footer\">\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        <kendo-loader size=\"small\"></kendo-loader>\n        Saving...\n      } @else {\n        <i class=\"fa-solid fa-check\"></i> Save Changes\n      }\n    </button>\n  </div>\n</div>\n</kendo-dialog>", 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 #e0e0e0;\n}\n\n.dialog-header h3 {\n  margin: 0 0 8px 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #333;\n}\n\n.dialog-header h3 i {\n  margin-right: 8px;\n  color: #666;\n}\n\n.scope-indicator {\n  margin: 0;\n  font-size: 14px;\n  color: #666;\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: #495057;\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, .error-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.error-container {\n  color: #dc3545;\n}\n\n.error-container i {\n  font-size: 24px;\n  margin-bottom: 8px;\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 #e0e0e0;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.panel h4 {\n  margin: 0;\n  padding: 12px 16px;\n  background: #f8f9fa;\n  border-bottom: 1px solid #e0e0e0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #495057;\n}\n\n.panel h4 i {\n  margin-right: 8px;\n  color: #6c757d;\n}\n\n.dashboard-list {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px;\n  min-height: 300px;\n}\n\n.empty-state {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100px;\n  color: #6c757d;\n  font-style: italic;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.empty-state i {\n  font-size: 24px;\n  opacity: 0.5;\n}\n\n.dashboard-item {\n  margin-bottom: 8px;\n  border: 1px solid #e0e0e0;\n  border-radius: 6px;\n  background: white;\n  transition: all 0.2s ease;\n  cursor: move;\n}\n\n.dashboard-item:hover {\n  border-color: #007bff;\n  box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);\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: #adb5bd;\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: #007bff;\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: #333;\n  font-size: 14px;\n}\n\n.dashboard-description {\n  font-size: 12px;\n  color: #6c757d;\n  line-height: 1.3;\n}\n\n.add-button {\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  color: #28a745;\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: rgba(40, 167, 69, 0.1);\n  opacity: 1;\n}\n\n.remove-button {\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  color: #dc3545;\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: rgba(220, 53, 69, 0.1);\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 #e0e0e0;\n  display: flex;\n  justify-content: flex-end;\n  gap: 12px;\n  background: #f8f9fa;\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: white;\n  border-color: #6c757d;\n  color: #6c757d;\n}\n\n.btn-secondary:hover:not(:disabled) {\n  background: #6c757d;\n  color: white;\n}\n\n.btn-primary {\n  background: #007bff;\n  color: white;\n  border-color: #007bff;\n}\n\n.btn-primary:hover:not(:disabled) {\n  background: #0056b3;\n  border-color: #0056b3;\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}"] }]