@memberjunction/ng-explorer-core 2.42.0 → 2.43.0

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

@@ -0,0 +1,592 @@
+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';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@progress/kendo-angular-dialog";
+import * as i3 from "@progress/kendo-angular-indicators";
+import * as i4 from "@angular/cdk/drag-drop";
+const _forTrack0 = ($index, $item) => $item.ID;
+const _c0 = a0 => [a0];
+function DashboardPreferencesDialogComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 16);
+    i0.ɵɵtext(1, " Global Scope ");
+} }
+function DashboardPreferencesDialogComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 17);
+    i0.ɵɵtext(1);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" Application: ", ctx_r0.applicationName, " ");
+} }
+function DashboardPreferencesDialogComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 7)(1, "label")(2, "input", 18);
+    i0.ɵɵtwoWayListener("ngModelChange", function DashboardPreferencesDialogComponent_Conditional_9_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.preferenceMode, $event) || (ctx_r0.preferenceMode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function DashboardPreferencesDialogComponent_Conditional_9_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onPreferenceModeChange()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3, " Personal Preferences ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "label")(5, "input", 19);
+    i0.ɵɵtwoWayListener("ngModelChange", function DashboardPreferencesDialogComponent_Conditional_9_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.preferenceMode, $event) || (ctx_r0.preferenceMode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function DashboardPreferencesDialogComponent_Conditional_9_Template_input_change_5_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onPreferenceModeChange()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(6, " System Defaults ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.preferenceMode);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.preferenceMode);
+} }
+function DashboardPreferencesDialogComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "kendo-loader");
+    i0.ɵɵtext(2, " Loading dashboards... ");
+    i0.ɵɵelementEnd();
+} }
+function DashboardPreferencesDialogComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "i", 20);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.error, " ");
+} }
+function DashboardPreferencesDialogComponent_Conditional_13_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵelement(1, "i", 29);
+    i0.ɵɵtext(2, " All dashboards are configured ");
+    i0.ɵɵelementEnd();
+} }
+function DashboardPreferencesDialogComponent_Conditional_13_For_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 34);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dashboard_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(dashboard_r5.Description);
+} }
+function DashboardPreferencesDialogComponent_Conditional_13_For_9_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 25)(1, "div", 30);
+    i0.ɵɵelement(2, "i", 31);
+    i0.ɵɵelementStart(3, "div", 32)(4, "span", 33);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, DashboardPreferencesDialogComponent_Conditional_13_For_9_Conditional_6_Template, 2, 1, "span", 34);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 35);
+    i0.ɵɵlistener("click", function DashboardPreferencesDialogComponent_Conditional_13_For_9_Template_button_click_7_listener() { const dashboard_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.addDashboard(dashboard_r5)); });
+    i0.ɵɵelement(8, "i", 36);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const dashboard_r5 = ctx.$implicit;
+    i0.ɵɵproperty("cdkDragData", dashboard_r5);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(dashboard_r5.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(dashboard_r5.Description ? 6 : -1);
+} }
+function DashboardPreferencesDialogComponent_Conditional_13_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵelement(1, "i", 29);
+    i0.ɵɵtext(2, " No dashboards configured ");
+    i0.ɵɵelementEnd();
+} }
+function DashboardPreferencesDialogComponent_Conditional_13_For_18_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 34);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dashboard_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(dashboard_r7.Description);
+} }
+function DashboardPreferencesDialogComponent_Conditional_13_For_18_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 30);
+    i0.ɵɵelement(2, "i", 31);
+    i0.ɵɵelementStart(3, "span", 37);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 32)(6, "span", 33);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, DashboardPreferencesDialogComponent_Conditional_13_For_18_Conditional_8_Template, 2, 1, "span", 34);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "button", 38);
+    i0.ɵɵlistener("click", function DashboardPreferencesDialogComponent_Conditional_13_For_18_Template_button_click_9_listener() { const dashboard_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.removeDashboard(dashboard_r7)); });
+    i0.ɵɵelement(10, "i", 14);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const dashboard_r7 = ctx.$implicit;
+    const ɵ$index_102_r8 = ctx.$index;
+    i0.ɵɵproperty("cdkDragData", dashboard_r7);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ɵ$index_102_r8 + 1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(dashboard_r7.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(dashboard_r7.Description ? 8 : -1);
+} }
+function DashboardPreferencesDialogComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 21)(2, "h4");
+    i0.ɵɵelement(3, "i", 22);
+    i0.ɵɵtext(4, " Available Dashboards");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 23, 0);
+    i0.ɵɵlistener("cdkDropListDropped", function DashboardPreferencesDialogComponent_Conditional_13_Template_div_cdkDropListDropped_5_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onDrop($event)); });
+    i0.ɵɵtemplate(7, DashboardPreferencesDialogComponent_Conditional_13_Conditional_7_Template, 3, 0, "div", 24);
+    i0.ɵɵrepeaterCreate(8, DashboardPreferencesDialogComponent_Conditional_13_For_9_Template, 9, 3, "div", 25, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 26)(11, "h4");
+    i0.ɵɵelement(12, "i", 27);
+    i0.ɵɵtext(13, " Configured Dashboards");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "div", 23, 1);
+    i0.ɵɵlistener("cdkDropListDropped", function DashboardPreferencesDialogComponent_Conditional_13_Template_div_cdkDropListDropped_14_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onDrop($event)); });
+    i0.ɵɵtemplate(16, DashboardPreferencesDialogComponent_Conditional_13_Conditional_16_Template, 3, 0, "div", 24);
+    i0.ɵɵrepeaterCreate(17, DashboardPreferencesDialogComponent_Conditional_13_For_18_Template, 11, 4, "div", 28, _forTrack0);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const availableList_r9 = i0.ɵɵreference(6);
+    const configuredList_r10 = i0.ɵɵreference(15);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("cdkDropListData", ctx_r0.availableDashboards)("cdkDropListConnectedTo", i0.ɵɵpureFunction1(6, _c0, configuredList_r10));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.availableDashboards.length === 0 ? 7 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.availableDashboards);
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("cdkDropListData", ctx_r0.configuredDashboards)("cdkDropListConnectedTo", i0.ɵɵpureFunction1(8, _c0, availableList_r9));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.configuredDashboards.length === 0 ? 16 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.configuredDashboards);
+} }
+function DashboardPreferencesDialogComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-loader", 39);
+    i0.ɵɵtext(1, " Saving... ");
+} }
+function DashboardPreferencesDialogComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 40);
+    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 = [];
+    }
+    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';
+            }
+            finally {
+                this.loading = false;
+            }
+        });
+    }
+    loadData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            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';
+                }
+            }
+            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);
+        });
+    }
+    splitDashboards() {
+        const configuredIds = new Set(this.currentUserPreferences.map(p => p.DashboardID));
+        // Get configured dashboards in the right order
+        this.configuredDashboards = this.currentUserPreferences
+            .map(pref => this.allAvailableDashboards.find(d => d.ID === pref.DashboardID))
+            .filter((d) => d !== undefined);
+        // Get available dashboards (not configured)
+        this.availableDashboards = this.allAvailableDashboards
+            .filter(d => !configuredIds.has(d.ID))
+            .sort((a, b) => a.Name.localeCompare(b.Name));
+    }
+    onDrop(event) {
+        try {
+            if (event.previousContainer === event.container) {
+                // Reordering within the same list
+                moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+            }
+            else {
+                // 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));
+                }
+            }
+            this.checkForChanges();
+        }
+        catch (error) {
+            LogError('Error in drag drop operation', null, error);
+            this.error = 'Error reordering dashboards. Please try again.';
+            // Clear error after 3 seconds
+            setTimeout(() => {
+                this.error = null;
+            }, 3000);
+        }
+    }
+    addDashboard(dashboard) {
+        try {
+            const index = this.availableDashboards.findIndex(d => d.ID === dashboard.ID);
+            if (index !== -1) {
+                this.availableDashboards.splice(index, 1);
+                this.configuredDashboards.push(dashboard);
+                this.checkForChanges();
+            }
+        }
+        catch (error) {
+            LogError('Error adding dashboard', null, error);
+            this.error = 'Error adding dashboard. Please try again.';
+            // Clear error after 3 seconds
+            setTimeout(() => {
+                this.error = null;
+            }, 3000);
+        }
+    }
+    removeDashboard(dashboard) {
+        try {
+            const index = this.configuredDashboards.findIndex(d => 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.checkForChanges();
+            }
+        }
+        catch (error) {
+            LogError('Error removing dashboard', null, error);
+            this.error = 'Error removing dashboard. Please try again.';
+            // Clear error after 3 seconds
+            setTimeout(() => {
+                this.error = null;
+            }, 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;
+            }
+        });
+    }
+    checkForChanges() {
+        try {
+            const currentConfiguredIds = this.configuredDashboards.map(d => d.ID);
+            // Check if the order or selection has changed
+            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
+            });
+        }
+        catch (error) {
+            LogError('Error checking for changes', null, error);
+            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;
+            }
+            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}`;
+                }
+                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 (!(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 = 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}`);
+                        }
+                    }
+                    newPreferences.push(prefEntity);
+                }
+                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 });
+    }
+}
+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}"] }]
+    }], null, { applicationId: [{
+            type: Input
+        }], scope: [{
+            type: Input
+        }], result: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardPreferencesDialogComponent, { className: "DashboardPreferencesDialogComponent", filePath: "src/lib/dashboard-preferences-dialog/dashboard-preferences-dialog.component.ts", lineNumber: 16 }); })();
+//# sourceMappingURL=dashboard-preferences-dialog.component.js.map