@memberjunction/ng-explorer-core 2.48.0 → 2.50.0

package/dist/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.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, EventEmitter, Input, Output } from '@angular/core';
 import { ResourceData } from '@memberjunction/core-entities';
 import { SharedService } from '@memberjunction/ng-shared';
@@ -33,28 +24,24 @@ function EditDashboardComponent_kendo_tilelayout_item_9_Template(rf, ctx) { if (
     i0.ɵɵtextInterpolate1(" ", item_r2.title, " ");
 } }
 export class EditDashboardComponent {
-    constructor() {
-        this.onSave = new EventEmitter();
-        this.onClose = new EventEmitter();
-        this.triggerAddItem = new EventEmitter();
-        this.editMode = false;
-        this.config = new DashboardConfigDetails();
-        this.items = [];
-        this._items = [];
-        this.itemsChanged = false;
-        this.resourceType = null;
-    }
+    onSave = new EventEmitter();
+    onClose = new EventEmitter();
+    triggerAddItem = new EventEmitter();
+    editMode = false;
+    config = new DashboardConfigDetails();
+    items = [];
+    _items = [];
+    itemsChanged = false;
     get ResourceTypes() {
         return SharedService.Instance.ResourceTypes.filter((rt) => rt.Name !== 'Dashboards' && rt.Name !== 'Records');
     }
-    ngOnInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this._items = [];
-            for (const item of this.items) {
-                const dashboardItem = this.CreateDashboardItem(item);
-                this._items.push(dashboardItem);
-            }
-        });
+    resourceType = null;
+    async ngOnInit() {
+        this._items = [];
+        for (const item of this.items) {
+            const dashboardItem = this.CreateDashboardItem(item);
+            this._items.push(dashboardItem);
+        }
     }
     CreateDashboardItem(item) {
         const dashboardItem = new DashboardItem();
@@ -114,43 +101,43 @@ export class EditDashboardComponent {
             this.triggerAddItem.emit(event);
         }
     }
+    static ɵfac = function EditDashboardComponent_Factory(t) { return new (t || EditDashboardComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditDashboardComponent, selectors: [["app-edit-dashboard"]], inputs: { editMode: "editMode", config: "config", items: "items" }, outputs: { onSave: "onSave", onClose: "onClose", triggerAddItem: "triggerAddItem" }, decls: 18, vars: 13, consts: [[1, "k-overlay"], ["title", "Customize Dashboard", 1, "kendo-window-hide-restore", 3, "close", "width", "minHeight", "minWidth", "resizable", "state"], [1, "k-d-flex", "k-flex-col", "k-justify-content-between", "k-h-full", "custom-dialog-body"], [1, "dialog-content"], [1, "dialog-actions"], ["themeColor", "primary", 1, "k-m-2", 3, "itemClick", "data", "textField"], [1, "fa-solid", "fa-plus"], [3, "resize", "reorder", "columns", "rowHeight", "resizable", "reorderable"], [3, "col", "colSpan", "rowSpan", "id", 4, "ngFor", "ngForOf"], [1, "dialog-footer"], [1, "k-card-footer", "!k-border-none"], [3, "click"], [1, "fa-solid", "fa-xmark"], [3, "click", "primary"], [1, "fa-solid", "fa-check"], [3, "col", "colSpan", "rowSpan", "id"], [1, "k-float-right", 3, "click"]], template: function EditDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "div", 0);
+            i0.ɵɵelementStart(1, "kendo-window", 1);
+            i0.ɵɵlistener("close", function EditDashboardComponent_Template_kendo_window_close_1_listener($event) { return ctx.closeDialog($event); });
+            i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "kendo-dropdownbutton", 5);
+            i0.ɵɵlistener("itemClick", function EditDashboardComponent_Template_kendo_dropdownbutton_itemClick_5_listener($event) { return ctx.onItemSelect($event); });
+            i0.ɵɵelement(6, "span", 6);
+            i0.ɵɵtext(7, " Add item ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(8, "kendo-tilelayout", 7);
+            i0.ɵɵlistener("resize", function EditDashboardComponent_Template_kendo_tilelayout_resize_8_listener($event) { return ctx.onResize($event); })("reorder", function EditDashboardComponent_Template_kendo_tilelayout_reorder_8_listener($event) { return ctx.onReorder($event); });
+            i0.ɵɵtemplate(9, EditDashboardComponent_kendo_tilelayout_item_9_Template, 6, 5, "kendo-tilelayout-item", 8);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(10, "div", 9)(11, "div", 10)(12, "kendo-button", 11);
+            i0.ɵɵlistener("click", function EditDashboardComponent_Template_kendo_button_click_12_listener($event) { return ctx.closeDialog($event); });
+            i0.ɵɵelement(13, "span", 12);
+            i0.ɵɵtext(14, " Cancel ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(15, "kendo-button", 13);
+            i0.ɵɵlistener("click", function EditDashboardComponent_Template_kendo_button_click_15_listener() { return ctx.saveChanges(); });
+            i0.ɵɵelement(16, "span", 14);
+            i0.ɵɵtext(17, " Save ");
+            i0.ɵɵelementEnd()()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("width", 500)("minHeight", 300)("minWidth", 400)("resizable", true)("state", "maximized");
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("data", ctx.ResourceTypes)("textField", "DisplayName");
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("columns", ctx.config.columns)("rowHeight", ctx.config.rowHeight)("resizable", true)("reorderable", true);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngForOf", ctx._items);
+            i0.ɵɵadvance(6);
+            i0.ɵɵproperty("primary", true);
+        } }, dependencies: [i1.NgForOf, i2.WindowComponent, i3.ButtonComponent, i3.DropDownButtonComponent, i4.TileLayoutComponent, i4.TileLayoutItemComponent, i4.TileLayoutItemHeaderComponent, i4.TileLayoutItemBodyComponent], styles: [".dialog-content[_ngcontent-%COMP%]   .dialog-actions[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n}\n.dialog-footer[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    width: auto;\n    height: 40px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n    background: #FFF;\n    padding: 8px 16px;\n}\n.custom-dialog-body[_ngcontent-%COMP%] {\nflex: 1;\n}\n.custom-dialog-body[_ngcontent-%COMP%]   .dialog-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow: auto;\n    padding: 16px;\n    box-sizing: border-box;\n}\n.dialog-footer[_ngcontent-%COMP%]   .k-card-footer[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    padding: 0;\n}\n  .kendo-window-hide-restore .k-window-content {\n    padding: 0;\n}\n.custom-dialog-body[_ngcontent-%COMP%]   .dialog-content[_ngcontent-%COMP%]   .k-tilelayout[_ngcontent-%COMP%] {\n    background: #fff;\n}"] });
 }
-EditDashboardComponent.ɵfac = function EditDashboardComponent_Factory(t) { return new (t || EditDashboardComponent)(); };
-EditDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditDashboardComponent, selectors: [["app-edit-dashboard"]], inputs: { editMode: "editMode", config: "config", items: "items" }, outputs: { onSave: "onSave", onClose: "onClose", triggerAddItem: "triggerAddItem" }, decls: 18, vars: 13, consts: [[1, "k-overlay"], ["title", "Customize Dashboard", 1, "kendo-window-hide-restore", 3, "close", "width", "minHeight", "minWidth", "resizable", "state"], [1, "k-d-flex", "k-flex-col", "k-justify-content-between", "k-h-full", "custom-dialog-body"], [1, "dialog-content"], [1, "dialog-actions"], ["themeColor", "primary", 1, "k-m-2", 3, "itemClick", "data", "textField"], [1, "fa-solid", "fa-plus"], [3, "resize", "reorder", "columns", "rowHeight", "resizable", "reorderable"], [3, "col", "colSpan", "rowSpan", "id", 4, "ngFor", "ngForOf"], [1, "dialog-footer"], [1, "k-card-footer", "!k-border-none"], [3, "click"], [1, "fa-solid", "fa-xmark"], [3, "click", "primary"], [1, "fa-solid", "fa-check"], [3, "col", "colSpan", "rowSpan", "id"], [1, "k-float-right", 3, "click"]], template: function EditDashboardComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelement(0, "div", 0);
-        i0.ɵɵelementStart(1, "kendo-window", 1);
-        i0.ɵɵlistener("close", function EditDashboardComponent_Template_kendo_window_close_1_listener($event) { return ctx.closeDialog($event); });
-        i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "kendo-dropdownbutton", 5);
-        i0.ɵɵlistener("itemClick", function EditDashboardComponent_Template_kendo_dropdownbutton_itemClick_5_listener($event) { return ctx.onItemSelect($event); });
-        i0.ɵɵelement(6, "span", 6);
-        i0.ɵɵtext(7, " Add item ");
-        i0.ɵɵelementEnd()();
-        i0.ɵɵelementStart(8, "kendo-tilelayout", 7);
-        i0.ɵɵlistener("resize", function EditDashboardComponent_Template_kendo_tilelayout_resize_8_listener($event) { return ctx.onResize($event); })("reorder", function EditDashboardComponent_Template_kendo_tilelayout_reorder_8_listener($event) { return ctx.onReorder($event); });
-        i0.ɵɵtemplate(9, EditDashboardComponent_kendo_tilelayout_item_9_Template, 6, 5, "kendo-tilelayout-item", 8);
-        i0.ɵɵelementEnd()();
-        i0.ɵɵelementStart(10, "div", 9)(11, "div", 10)(12, "kendo-button", 11);
-        i0.ɵɵlistener("click", function EditDashboardComponent_Template_kendo_button_click_12_listener($event) { return ctx.closeDialog($event); });
-        i0.ɵɵelement(13, "span", 12);
-        i0.ɵɵtext(14, " Cancel ");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(15, "kendo-button", 13);
-        i0.ɵɵlistener("click", function EditDashboardComponent_Template_kendo_button_click_15_listener() { return ctx.saveChanges(); });
-        i0.ɵɵelement(16, "span", 14);
-        i0.ɵɵtext(17, " Save ");
-        i0.ɵɵelementEnd()()()()();
-    } if (rf & 2) {
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("width", 500)("minHeight", 300)("minWidth", 400)("resizable", true)("state", "maximized");
-        i0.ɵɵadvance(4);
-        i0.ɵɵproperty("data", ctx.ResourceTypes)("textField", "DisplayName");
-        i0.ɵɵadvance(3);
-        i0.ɵɵproperty("columns", ctx.config.columns)("rowHeight", ctx.config.rowHeight)("resizable", true)("reorderable", true);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("ngForOf", ctx._items);
-        i0.ɵɵadvance(6);
-        i0.ɵɵproperty("primary", true);
-    } }, dependencies: [i1.NgForOf, i2.WindowComponent, i3.ButtonComponent, i3.DropDownButtonComponent, i4.TileLayoutComponent, i4.TileLayoutItemComponent, i4.TileLayoutItemHeaderComponent, i4.TileLayoutItemBodyComponent], styles: [".dialog-content[_ngcontent-%COMP%]   .dialog-actions[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n}\n.dialog-footer[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    width: auto;\n    height: 40px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n    background: #FFF;\n    padding: 8px 16px;\n}\n.custom-dialog-body[_ngcontent-%COMP%] {\nflex: 1;\n}\n.custom-dialog-body[_ngcontent-%COMP%]   .dialog-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow: auto;\n    padding: 16px;\n    box-sizing: border-box;\n}\n.dialog-footer[_ngcontent-%COMP%]   .k-card-footer[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    padding: 0;\n}\n  .kendo-window-hide-restore .k-window-content {\n    padding: 0;\n}\n.custom-dialog-body[_ngcontent-%COMP%]   .dialog-content[_ngcontent-%COMP%]   .k-tilelayout[_ngcontent-%COMP%] {\n    background: #fff;\n}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EditDashboardComponent, [{
         type: Component,
         args: [{ selector: 'app-edit-dashboard', template: "<div class=\"k-overlay\"></div>\n<kendo-window \n  class=\"kendo-window-hide-restore\"\n  [width]=\"500\" \n  [minHeight]=\"300\" \n  [minWidth]=\"400\" \n  [resizable]=\"true\" \n  (close)=\"closeDialog($event)\"\n  [state]=\"'maximized'\" \n  title=\"Customize Dashboard\">\n    <div class=\"k-d-flex k-flex-col k-justify-content-between k-h-full custom-dialog-body\">\n      <div class=\"dialog-content \">\n        <div class=\"dialog-actions\">\n            <kendo-dropdownbutton class=\"k-m-2\" themeColor=\"primary\" [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" (itemClick)=\"onItemSelect($event)\">\n              <span class=\"fa-solid fa-plus\"></span> Add item\n            </kendo-dropdownbutton>\n        </div>\n        <kendo-tilelayout\n          [columns]=\"config.columns\"\n          [rowHeight]=\"config.rowHeight\"\n          [resizable]=\"true\"\n          [reorderable]=\"true\"\n          (resize)=\"onResize($event)\"\n          (reorder)=\"onReorder($event)\"\n        >\n          <kendo-tilelayout-item *ngFor=\"let item of _items\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\n            <kendo-tilelayout-item-header>\n              {{item.title}}\n              <kendo-button class=\"k-float-right\" (click)=\"removeItem(item)\">X</kendo-button>\n            </kendo-tilelayout-item-header>\n            <kendo-tilelayout-item-body>\n              <!-- <div class=\"overlay\"></div> -->\n              <!-- <app-resource [Data]=\"item.ResourceData\" [isVisible]=\"false\"></app-resource> -->\n            </kendo-tilelayout-item-body>\n          </kendo-tilelayout-item>\n        </kendo-tilelayout>\n        \n      </div>\n      <div class=\"dialog-footer\">\n        <div class=\"k-card-footer !k-border-none\">\n          <kendo-button (click)=\"closeDialog($event)\" >\n            <span class=\"fa-solid fa-xmark\"></span>\n            Cancel\n          </kendo-button>\n          <kendo-button (click)=\"saveChanges()\" [primary]=\"true\" >\n            <span class=\"fa-solid fa-check\"></span>\n            Save\n          </kendo-button>\n        </div>\n      </div>\n    </div>\n</kendo-window>", styles: [".dialog-content .dialog-actions {\n    display: flex;\n    justify-content: flex-end;\n}\n.dialog-footer {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    width: auto;\n    height: 40px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n    background: #FFF;\n    padding: 8px 16px;\n}\n.custom-dialog-body {\nflex: 1;\n}\n.custom-dialog-body .dialog-content {\n    flex: 1;\n    overflow: auto;\n    padding: 16px;\n    box-sizing: border-box;\n}\n.dialog-footer .k-card-footer {\n    display: flex;\n    gap: 8px;\n    padding: 0;\n}\n::ng-deep .kendo-window-hide-restore .k-window-content {\n    padding: 0;\n}\n.custom-dialog-body .dialog-content .k-tilelayout {\n    background: #fff;\n}"] }]

package/dist/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"edit-dashboard.component.js","sourceRoot":"","sources":["../../../../../src/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.ts","../../../../../src/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.html"],"names":[],"mappings":"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"}
+{"version":3,"file":"edit-dashboard.component.js","sourceRoot":"","sources":["../../../../../src/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.ts","../../../../../src/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.html"],"names":[],"mappings":"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"}

package/dist/lib/single-dashboard/single-dashboard.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, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 import { ResourceData } from '@memberjunction/core-entities';
 import { Metadata } from '@memberjunction/core';
@@ -171,6 +162,28 @@ function SingleDashboardComponent_kendo_tilelayout_15_Template(rf, ctx) { if (rf
     i0.ɵɵrepeater(ctx_r1.items);
 } }
 export class SingleDashboardComponent extends BaseDashboard {
+    route;
+    sharedService;
+    dashboardNameInput;
+    ResourceData;
+    dashboardSaved = new EventEmitter();
+    loadComplete = new EventEmitter();
+    loadStarted = new EventEmitter();
+    items = [];
+    dashboardEntity;
+    config = new DashboardConfigDetails();
+    isItemDialogOpened = false;
+    isEditDialogOpened = false;
+    isEditDashboardNameDialogOpened = false;
+    isDeletingDashboardItem = false;
+    allowResize = false;
+    allowReorder = false;
+    isEditingDashboard = false;
+    selectedResource;
+    selectedDashboardItem;
+    saveChangesSubject = new Subject();
+    selectedComponent = null;
+    editOnLoad = false;
     get contentLoading() {
         for (const item of this.items) {
             if (item.contentLoading) {
@@ -187,21 +200,6 @@ export class SingleDashboardComponent extends BaseDashboard {
         super();
         this.route = route;
         this.sharedService = sharedService;
-        this.dashboardSaved = new EventEmitter();
-        this.loadComplete = new EventEmitter();
-        this.loadStarted = new EventEmitter();
-        this.items = [];
-        this.config = new DashboardConfigDetails();
-        this.isItemDialogOpened = false;
-        this.isEditDialogOpened = false;
-        this.isEditDashboardNameDialogOpened = false;
-        this.isDeletingDashboardItem = false;
-        this.allowResize = false;
-        this.allowReorder = false;
-        this.isEditingDashboard = false;
-        this.saveChangesSubject = new Subject();
-        this.selectedComponent = null;
-        this.editOnLoad = false;
         this.saveChangesSubject
             .pipe(debounceTime(500))
             .subscribe(() => {
@@ -212,58 +210,56 @@ export class SingleDashboardComponent extends BaseDashboard {
             this.editOnLoad = true;
         }
     }
-    ngOnInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // load up the dashboard
-            const d = this.ResourceData;
-            const config = this.ResourceData.Configuration;
-            if (this.ResourceData) {
-                const md = new Metadata();
-                let uiConfig = { items: [] };
-                this.dashboardEntity = yield md.GetEntityObject('Dashboards');
-                if (this.ResourceData.ResourceRecordID && this.ResourceData.ResourceRecordID.length > 0) {
-                    yield this.dashboardEntity.Load(this.ResourceData.ResourceRecordID);
-                    // now we have loaded and we need to get the UIConfigDetails
-                    const raw = this.dashboardEntity.UIConfigDetails;
-                    if (raw) {
-                        uiConfig = JSON.parse(raw);
-                        this.config.columns = uiConfig.columns;
-                        this.config.rowHeight = uiConfig.rowHeight;
-                        this.config.resizable = uiConfig.resizable;
-                        this.config.reorderable = uiConfig.reorderable;
-                    }
-                    //the save and canel functions call this function
-                    //and we only want to show the edit view once
-                    if (this.editOnLoad) {
-                        this.editOnLoad = false;
-                        this.toggleEditDashboard(true);
-                    }
+    async ngOnInit() {
+        // load up the dashboard
+        const d = this.ResourceData;
+        const config = this.ResourceData.Configuration;
+        if (this.ResourceData) {
+            const md = new Metadata();
+            let uiConfig = { items: [] };
+            this.dashboardEntity = await md.GetEntityObject('Dashboards');
+            if (this.ResourceData.ResourceRecordID && this.ResourceData.ResourceRecordID.length > 0) {
+                await this.dashboardEntity.Load(this.ResourceData.ResourceRecordID);
+                // now we have loaded and we need to get the UIConfigDetails
+                const raw = this.dashboardEntity.UIConfigDetails;
+                if (raw) {
+                    uiConfig = JSON.parse(raw);
+                    this.config.columns = uiConfig.columns;
+                    this.config.rowHeight = uiConfig.rowHeight;
+                    this.config.resizable = uiConfig.resizable;
+                    this.config.reorderable = uiConfig.reorderable;
                 }
-                else {
-                    this.dashboardEntity.NewRecord(); // creating a new dashboard
-                    this.dashboardEntity.UserID = md.CurrentUser.ID;
-                    // We should never get here now because dashboard creation is handled in dashboard-browser
-                    // But just in case, set a better default name
-                    this.dashboardEntity.Name = 'My Dashboard';
-                    // Set default configuration
-                    this.config.columns = 4; // 4-column layout
-                    this.config.rowHeight = 150;
-                    this.config.resizable = true;
-                    this.config.reorderable = true;
-                    // Automatically show edit mode for new dashboards to encourage adding items
-                    setTimeout(() => {
-                        this.toggleEditDashboard(true);
-                    }, 500);
-                }
-                // now we need to load up the items
-                this.items = [];
-                //const tempItems = uiConfig.items.sort((a: any, b: any) => a.order - b.order);
-                for (const item of uiConfig.items) {
-                    const dashboardItem = this.CreateDashboardItem(item);
-                    this.items.push(dashboardItem);
+                //the save and canel functions call this function
+                //and we only want to show the edit view once
+                if (this.editOnLoad) {
+                    this.editOnLoad = false;
+                    this.toggleEditDashboard(true);
                 }
             }
-        });
+            else {
+                this.dashboardEntity.NewRecord(); // creating a new dashboard
+                this.dashboardEntity.UserID = md.CurrentUser.ID;
+                // We should never get here now because dashboard creation is handled in dashboard-browser
+                // But just in case, set a better default name
+                this.dashboardEntity.Name = 'My Dashboard';
+                // Set default configuration
+                this.config.columns = 4; // 4-column layout
+                this.config.rowHeight = 150;
+                this.config.resizable = true;
+                this.config.reorderable = true;
+                // Automatically show edit mode for new dashboards to encourage adding items
+                setTimeout(() => {
+                    this.toggleEditDashboard(true);
+                }, 500);
+            }
+            // now we need to load up the items
+            this.items = [];
+            //const tempItems = uiConfig.items.sort((a: any, b: any) => a.order - b.order);
+            for (const item of uiConfig.items) {
+                const dashboardItem = this.CreateDashboardItem(item);
+                this.items.push(dashboardItem);
+            }
+        }
     }
     CreateDashboardItem(item) {
         const dashboardItem = new DashboardItem();
@@ -317,24 +313,20 @@ export class SingleDashboardComponent extends BaseDashboard {
         this.isEditingDashboard = allowEdit;
         this.toggleInlineNameEdit(false);
     }
-    onClickSaveDashboard() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.toggleEditDashboard(false);
-            let result = yield this.SaveDashboard();
-            if (result) {
-                this.sharedService.CreateSimpleNotification("Dashboard changes have been saved.", "success", 1000);
-                yield this.ngOnInit();
-            }
-            else {
-                this.sharedService.CreateSimpleNotification("An error occured saving the dashboard changes", "error", 1000);
-            }
-        });
+    async onClickSaveDashboard() {
+        this.toggleEditDashboard(false);
+        let result = await this.SaveDashboard();
+        if (result) {
+            this.sharedService.CreateSimpleNotification("Dashboard changes have been saved.", "success", 1000);
+            await this.ngOnInit();
+        }
+        else {
+            this.sharedService.CreateSimpleNotification("An error occured saving the dashboard changes", "error", 1000);
+        }
     }
-    onclickCancelChanges() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.toggleEditDashboard(false);
-            yield this.ngOnInit();
-        });
+    async onclickCancelChanges() {
+        this.toggleEditDashboard(false);
+        await this.ngOnInit();
     }
     closeDashboardDialog(data = null) {
         this.isEditDialogOpened = false;
@@ -350,33 +342,30 @@ export class SingleDashboardComponent extends BaseDashboard {
         this.SaveDashboard();
         this.closeDashboardDialog();
     }
-    SaveDashboard() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.dashboardEntity) {
-                const configData = {
-                    columns: this.config.columns,
-                    rowHeight: this.config.rowHeight,
-                    resizable: this.config.resizable,
-                    reorderable: this.config.reorderable,
-                    items: this.items
-                };
-                const configJSON = JSON.stringify(configData);
-                this.dashboardEntity.UIConfigDetails = configJSON;
-                const result = yield this.dashboardEntity.Save();
-                return result;
-            }
-            else
-                return false;
-        });
+    async SaveDashboard() {
+        if (this.dashboardEntity) {
+            const configData = {
+                columns: this.config.columns,
+                rowHeight: this.config.rowHeight,
+                resizable: this.config.resizable,
+                reorderable: this.config.reorderable,
+                items: this.items
+            };
+            const configJSON = JSON.stringify(configData);
+            this.dashboardEntity.UIConfigDetails = configJSON;
+            const result = await this.dashboardEntity.Save();
+            return result;
+        }
+        else
+            return false;
     }
     dashboardSaveComplete(entity) {
         this.dashboardSaved.emit(entity);
     }
     toggleInlineNameEdit(visible) {
-        var _a, _b;
         this.isEditDashboardNameDialogOpened = visible;
         if (this.isEditDashboardNameDialogOpened) {
-            (_b = (_a = this.dashboardNameInput) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.focus();
+            this.dashboardNameInput?.nativeElement?.focus();
         }
     }
     saveDashboardName() {
@@ -401,19 +390,17 @@ export class SingleDashboardComponent extends BaseDashboard {
         this.selectedDashboardItem = item;
         this.isDeletingDashboardItem = true;
     }
-    deleteDashboardItem(item) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.items = this.items.filter(i => i.uniqueId != item.uniqueId);
-            let result = yield this.SaveDashboard();
-            if (result) {
-                this.sharedService.CreateSimpleNotification(`Dashboard item ${item.uniqueId} deleted successfully`, "success", 1000);
-            }
-            else {
-                this.sharedService.CreateSimpleNotification(`Unable to delete dashboard item ${item.uniqueId}`, "error", 1000);
-            }
-            this.selectedDashboardItem = null;
-            this.isDeletingDashboardItem = false;
-        });
+    async deleteDashboardItem(item) {
+        this.items = this.items.filter(i => i.uniqueId != item.uniqueId);
+        let result = await this.SaveDashboard();
+        if (result) {
+            this.sharedService.CreateSimpleNotification(`Dashboard item ${item.uniqueId} deleted successfully`, "success", 1000);
+        }
+        else {
+            this.sharedService.CreateSimpleNotification(`Unable to delete dashboard item ${item.uniqueId}`, "error", 1000);
+        }
+        this.selectedDashboardItem = null;
+        this.isDeletingDashboardItem = false;
     }
     getIsEditingItemBodyStyle() {
         return this.isEditingDashboard ? "bg-light-grey" : "";
@@ -472,41 +459,41 @@ export class SingleDashboardComponent extends BaseDashboard {
         };
         return iconMap[resourceType] || iconMap['default'];
     }
+    static ɵfac = function SingleDashboardComponent_Factory(t) { return new (t || SingleDashboardComponent)(i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleDashboardComponent, selectors: [["mj-single-dashboard"]], viewQuery: function SingleDashboardComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardNameInput = _t.first);
+        } }, inputs: { ResourceData: "ResourceData" }, outputs: { dashboardSaved: "dashboardSaved", loadComplete: "loadComplete", loadStarted: "loadStarted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 16, vars: 9, consts: [["dashboard_name_header", ""], ["edit_dashboard_buttons", ""], ["dashboardNameInput", ""], [3, "selectedResource", "onClose", 4, "ngIf"], [4, "ngIf"], [3, "dashboardItem", "removeDashboardItem", "onClose", 4, "ngIf"], [1, "dashboard-container"], [1, "main-head-dashboard"], [1, "dashboard-title"], ["class", "dashboard-header k-d-flex k-flex-row k-justify-content-flex-end", 4, "ngIf", "ngIfElse"], [1, "dashboard-header", "k-d-flex", "k-flex-row", "k-justify-content-flex-end"], [4, "ngIf", "ngIfElse"], [1, "tile-resource-container"], ["class", "empty-dashboard", 4, "ngIf"], [3, "columns", "rowHeight", "resizable", "reorderable", "reorder", "resize", 4, "ngIf"], [3, "onClose", "selectedResource"], [3, "onClose", "triggerAddItem", "onSave", "items", "config"], [3, "removeDashboardItem", "onClose", "dashboardItem"], ["type", "text", "placeholder", "Enter name here", "id", "txtDashboardName", 1, "k-textbox", "k-input", "k-input-md", "k-rounded-md", "k-input-solid", 3, "keydown.enter"], [3, "click"], [1, "k-i-check", "k-button-icon", "k-icon", "ng-star-inserted"], [1, "k-icon", "k-i-cancel"], [1, "k-icon", "k-i-star"], [1, "fa-solid", "fa-check"], [1, "fa-solid", "fa-xmark"], [1, "fa-solid", "fa-plus"], [1, "fa-solid", "fa-gear"], [1, "empty-dashboard"], ["aria-hidden", "true", 1, "fa-solid", "fa-grip-vertical"], ["themeColor", "primary", 3, "click"], [3, "reorder", "resize", "columns", "rowHeight", "resizable", "reorderable"], [3, "ngClass", "col", "colSpan", "rowSpan", "id"], [3, "mouseenter", "mouseleave", "ngClass", "col", "colSpan", "rowSpan", "id"], [3, "ngClass"], [1, "item-title"], ["aria-hidden", "true"], [3, "ContentLoadingStarted", "ContentLoadingComplete", "Data", "isVisible"], [1, "btn-wrapper"], ["kendoButton", "", "title", "Edit dashboard", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], ["kendoButton", "", "title", "Remove item", 3, "click"], [1, "fa-solid", "fa-trash"]], template: function SingleDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, SingleDashboardComponent_app_add_item_dialog_0_Template, 1, 1, "app-add-item-dialog", 3)(1, SingleDashboardComponent_div_1_Template, 2, 2, "div", 4)(2, SingleDashboardComponent_app_delete_item_dialog_2_Template, 1, 1, "app-delete-item-dialog", 5);
+            i0.ɵɵelementStart(3, "div", 6)(4, "div", 7)(5, "div", 8);
+            i0.ɵɵtemplate(6, SingleDashboardComponent_div_6_Template, 9, 0, "div", 9)(7, SingleDashboardComponent_ng_template_7_Template, 3, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "div", 10);
+            i0.ɵɵtemplate(10, SingleDashboardComponent_div_10_Template, 7, 0, "div", 11)(11, SingleDashboardComponent_ng_template_11_Template, 6, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(13, "div", 12);
+            i0.ɵɵtemplate(14, SingleDashboardComponent_div_14_Template, 9, 0, "div", 13)(15, SingleDashboardComponent_kendo_tilelayout_15_Template, 3, 4, "kendo-tilelayout", 14);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            const dashboard_name_header_r14 = i0.ɵɵreference(8);
+            const edit_dashboard_buttons_r15 = i0.ɵɵreference(12);
+            i0.ɵɵproperty("ngIf", ctx.isItemDialogOpened);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.isEditDialogOpened);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.isDeletingDashboardItem);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngIf", ctx.isEditDashboardNameDialogOpened)("ngIfElse", dashboard_name_header_r14);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngIf", ctx.isEditingDashboard)("ngIfElse", edit_dashboard_buttons_r15);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngIf", ctx.items.length === 0 && !ctx.isEditingDashboard);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.items.length > 0 || ctx.isEditingDashboard);
+        } }, styles: ["[_nghost-%COMP%] {\n    display: block;\n    padding: 20px;\n    height: 100%;\n    box-sizing: border-box;\n}\n\n.dashboard-container[_ngcontent-%COMP%] {\n    height: calc(100% - 60px);\n    overflow: auto;\n}\n\n.dashboard-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n.dashboard-title[_ngcontent-%COMP%]   .k-icon[_ngcontent-%COMP%] {\n    color: var(--border-blue);\n    font-size: 25px;\n}\n\n.dashboard-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    color: #424242;\n    font-size: 28px;\n    font-style: normal;\n    font-weight: 300;\n    line-height: 28px;\n    margin: 0;\n    cursor: pointer;\n}\n\n.dashboard-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.dashboard-header[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n}\n\n  .dashboard-header .k-button-solid-base {\n    border: 1px solid var(--border-blue) !important;\n    color: var(--border-blue) !important;\n    border-radius: 10px;\n    line-height: 34px;\n    background: var(--white-color);\n}\n\n  .dashboard-header .k-button-solid-primary {\n    background: var(--border-blue) !important;\n    color: var(--white-color) !important;\n    border-radius: 10px;\n    line-height: 34px;\n    border-color: var(--border-blue);\n}\n\n  .dashboard-header .btn-ref .k-button-text {\n    display: flex;\n    gap: 10px;\n}\n\n.dashboard-header[_ngcontent-%COMP%]   .btn-ref[_ngcontent-%COMP%] {\n    border: none;\n    background: transparent;\n}\n\n.main-head-dashboard[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 20px;\n    padding-bottom: 20px;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.tile-resource-container[_ngcontent-%COMP%] {\n    margin-top: 20px;\n    padding: 15px;\n    border-radius: 8px;\n    background-color: #f9f9f9;\n}\n\n.tile-resource-container[_ngcontent-%COMP%]   .k-tilelayout[_ngcontent-%COMP%] {\n    background: #fff;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    border-radius: 8px;\n    padding: 10px;\n}\n\n\n\n  kendo-tilelayout-item {\n    border-radius: 6px;\n    overflow: hidden;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n    margin: 5px;\n}\n\n.bg-light-grey[_ngcontent-%COMP%] {\n    background-color: #f0f0f0;\n}\n\n.bg-dark-grey[_ngcontent-%COMP%] {\n    background-color: #5a5a5a;\n    color: white;\n}\n\n.bg-blue[_ngcontent-%COMP%] {\n    background-color: #4250AD;\n    color: white;\n}\n\n.dashboard-item-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 10px 15px;\n    font-weight: 500;\n}\n\n.dashboard-item-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-right: 8px;\n}\n\n.button-spacing[_ngcontent-%COMP%] {\n    margin-right: 8px;\n}\n\n.btn-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 5px;\n}\n\n.btn-wrapper[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\n    margin-left: 5px;\n}\n\n\n\n.empty-dashboard[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    text-align: center;\n    color: #666;\n    background-color: #f9f9f9;\n    border-radius: 8px;\n    margin-top: 20px;\n}\n\n.empty-dashboard[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 20px;\n    color: #ccc;\n}\n\n.empty-dashboard[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin-bottom: 10px;\n}\n\n.empty-dashboard[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}"] });
 }
-SingleDashboardComponent.ɵfac = function SingleDashboardComponent_Factory(t) { return new (t || SingleDashboardComponent)(i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
-SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleDashboardComponent, selectors: [["mj-single-dashboard"]], viewQuery: function SingleDashboardComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0, 5);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardNameInput = _t.first);
-    } }, inputs: { ResourceData: "ResourceData" }, outputs: { dashboardSaved: "dashboardSaved", loadComplete: "loadComplete", loadStarted: "loadStarted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 16, vars: 9, consts: [["dashboard_name_header", ""], ["edit_dashboard_buttons", ""], ["dashboardNameInput", ""], [3, "selectedResource", "onClose", 4, "ngIf"], [4, "ngIf"], [3, "dashboardItem", "removeDashboardItem", "onClose", 4, "ngIf"], [1, "dashboard-container"], [1, "main-head-dashboard"], [1, "dashboard-title"], ["class", "dashboard-header k-d-flex k-flex-row k-justify-content-flex-end", 4, "ngIf", "ngIfElse"], [1, "dashboard-header", "k-d-flex", "k-flex-row", "k-justify-content-flex-end"], [4, "ngIf", "ngIfElse"], [1, "tile-resource-container"], ["class", "empty-dashboard", 4, "ngIf"], [3, "columns", "rowHeight", "resizable", "reorderable", "reorder", "resize", 4, "ngIf"], [3, "onClose", "selectedResource"], [3, "onClose", "triggerAddItem", "onSave", "items", "config"], [3, "removeDashboardItem", "onClose", "dashboardItem"], ["type", "text", "placeholder", "Enter name here", "id", "txtDashboardName", 1, "k-textbox", "k-input", "k-input-md", "k-rounded-md", "k-input-solid", 3, "keydown.enter"], [3, "click"], [1, "k-i-check", "k-button-icon", "k-icon", "ng-star-inserted"], [1, "k-icon", "k-i-cancel"], [1, "k-icon", "k-i-star"], [1, "fa-solid", "fa-check"], [1, "fa-solid", "fa-xmark"], [1, "fa-solid", "fa-plus"], [1, "fa-solid", "fa-gear"], [1, "empty-dashboard"], ["aria-hidden", "true", 1, "fa-solid", "fa-grip-vertical"], ["themeColor", "primary", 3, "click"], [3, "reorder", "resize", "columns", "rowHeight", "resizable", "reorderable"], [3, "ngClass", "col", "colSpan", "rowSpan", "id"], [3, "mouseenter", "mouseleave", "ngClass", "col", "colSpan", "rowSpan", "id"], [3, "ngClass"], [1, "item-title"], ["aria-hidden", "true"], [3, "ContentLoadingStarted", "ContentLoadingComplete", "Data", "isVisible"], [1, "btn-wrapper"], ["kendoButton", "", "title", "Edit dashboard", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], ["kendoButton", "", "title", "Remove item", 3, "click"], [1, "fa-solid", "fa-trash"]], template: function SingleDashboardComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, SingleDashboardComponent_app_add_item_dialog_0_Template, 1, 1, "app-add-item-dialog", 3)(1, SingleDashboardComponent_div_1_Template, 2, 2, "div", 4)(2, SingleDashboardComponent_app_delete_item_dialog_2_Template, 1, 1, "app-delete-item-dialog", 5);
-        i0.ɵɵelementStart(3, "div", 6)(4, "div", 7)(5, "div", 8);
-        i0.ɵɵtemplate(6, SingleDashboardComponent_div_6_Template, 9, 0, "div", 9)(7, SingleDashboardComponent_ng_template_7_Template, 3, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(9, "div", 10);
-        i0.ɵɵtemplate(10, SingleDashboardComponent_div_10_Template, 7, 0, "div", 11)(11, SingleDashboardComponent_ng_template_11_Template, 6, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵelementEnd()();
-        i0.ɵɵelementStart(13, "div", 12);
-        i0.ɵɵtemplate(14, SingleDashboardComponent_div_14_Template, 9, 0, "div", 13)(15, SingleDashboardComponent_kendo_tilelayout_15_Template, 3, 4, "kendo-tilelayout", 14);
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        const dashboard_name_header_r14 = i0.ɵɵreference(8);
-        const edit_dashboard_buttons_r15 = i0.ɵɵreference(12);
-        i0.ɵɵproperty("ngIf", ctx.isItemDialogOpened);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("ngIf", ctx.isEditDialogOpened);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("ngIf", ctx.isDeletingDashboardItem);
-        i0.ɵɵadvance(4);
-        i0.ɵɵproperty("ngIf", ctx.isEditDashboardNameDialogOpened)("ngIfElse", dashboard_name_header_r14);
-        i0.ɵɵadvance(4);
-        i0.ɵɵproperty("ngIf", ctx.isEditingDashboard)("ngIfElse", edit_dashboard_buttons_r15);
-        i0.ɵɵadvance(4);
-        i0.ɵɵproperty("ngIf", ctx.items.length === 0 && !ctx.isEditingDashboard);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("ngIf", ctx.items.length > 0 || ctx.isEditingDashboard);
-    } }, styles: ["[_nghost-%COMP%] {\n    display: block;\n    padding: 20px;\n    height: 100%;\n    box-sizing: border-box;\n}\n\n.dashboard-container[_ngcontent-%COMP%] {\n    height: calc(100% - 60px);\n    overflow: auto;\n}\n\n.dashboard-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n.dashboard-title[_ngcontent-%COMP%]   .k-icon[_ngcontent-%COMP%] {\n    color: var(--border-blue);\n    font-size: 25px;\n}\n\n.dashboard-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    color: #424242;\n    font-size: 28px;\n    font-style: normal;\n    font-weight: 300;\n    line-height: 28px;\n    margin: 0;\n    cursor: pointer;\n}\n\n.dashboard-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.dashboard-header[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n}\n\n  .dashboard-header .k-button-solid-base {\n    border: 1px solid var(--border-blue) !important;\n    color: var(--border-blue) !important;\n    border-radius: 10px;\n    line-height: 34px;\n    background: var(--white-color);\n}\n\n  .dashboard-header .k-button-solid-primary {\n    background: var(--border-blue) !important;\n    color: var(--white-color) !important;\n    border-radius: 10px;\n    line-height: 34px;\n    border-color: var(--border-blue);\n}\n\n  .dashboard-header .btn-ref .k-button-text {\n    display: flex;\n    gap: 10px;\n}\n\n.dashboard-header[_ngcontent-%COMP%]   .btn-ref[_ngcontent-%COMP%] {\n    border: none;\n    background: transparent;\n}\n\n.main-head-dashboard[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 20px;\n    padding-bottom: 20px;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.tile-resource-container[_ngcontent-%COMP%] {\n    margin-top: 20px;\n    padding: 15px;\n    border-radius: 8px;\n    background-color: #f9f9f9;\n}\n\n.tile-resource-container[_ngcontent-%COMP%]   .k-tilelayout[_ngcontent-%COMP%] {\n    background: #fff;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    border-radius: 8px;\n    padding: 10px;\n}\n\n\n\n  kendo-tilelayout-item {\n    border-radius: 6px;\n    overflow: hidden;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n    margin: 5px;\n}\n\n.bg-light-grey[_ngcontent-%COMP%] {\n    background-color: #f0f0f0;\n}\n\n.bg-dark-grey[_ngcontent-%COMP%] {\n    background-color: #5a5a5a;\n    color: white;\n}\n\n.bg-blue[_ngcontent-%COMP%] {\n    background-color: #4250AD;\n    color: white;\n}\n\n.dashboard-item-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 10px 15px;\n    font-weight: 500;\n}\n\n.dashboard-item-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-right: 8px;\n}\n\n.button-spacing[_ngcontent-%COMP%] {\n    margin-right: 8px;\n}\n\n.btn-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 5px;\n}\n\n.btn-wrapper[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\n    margin-left: 5px;\n}\n\n\n\n.empty-dashboard[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    text-align: center;\n    color: #666;\n    background-color: #f9f9f9;\n    border-radius: 8px;\n    margin-top: 20px;\n}\n\n.empty-dashboard[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 20px;\n    color: #ccc;\n}\n\n.empty-dashboard[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin-bottom: 10px;\n}\n\n.empty-dashboard[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleDashboardComponent, [{
         type: Component,
         args: [{ selector: 'mj-single-dashboard', template: "<app-add-item-dialog *ngIf=\"isItemDialogOpened\" (onClose)=\"closeDialog($event)\" [selectedResource]=\"selectedResource\"></app-add-item-dialog>\n<div *ngIf=\"isEditDialogOpened\">\n  <app-edit-dashboard (onClose)=\"closeDashboardDialog($event)\" (triggerAddItem)=\"addItem($event)\" [items]=\"items\" [config]=\"config\" (onSave)=\"saveChanges($event)\"></app-edit-dashboard>\n</div>\n\n<app-delete-item-dialog *ngIf=\"isDeletingDashboardItem\" [dashboardItem]=\"selectedDashboardItem\" (removeDashboardItem)=\"deleteDashboardItem($event)\" (onClose)=\"closeDeleteItemComponent()\"></app-delete-item-dialog>\n\n<div class=\"dashboard-container\">\n  <div class=\"main-head-dashboard\">\n    <div class=\"dashboard-title\">\n      <div *ngIf=\"isEditDashboardNameDialogOpened; else dashboard_name_header\" class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\n        <input class=\"k-textbox k-input k-input-md k-rounded-md k-input-solid\" (keydown.enter)=\"saveDashboardName()\" type=\"text\" placeholder=\"Enter name here\" id=\"txtDashboardName\" #dashboardNameInput>\n        <kendo-button (click)=\"saveDashboardName()\">\n          <span class=\"k-i-check k-button-icon k-icon ng-star-inserted\"></span>\n          Save\n        </kendo-button>\n        <kendo-button (click)=\"cancelNameChange()\" >\n          <span class=\"k-icon k-i-cancel\"></span>\n          Cancel\n        </kendo-button>\n      </div>\n      <ng-template #dashboard_name_header>\n        <span class=\"k-icon k-i-star\"></span>\n        <h3 (click)=\"toggleInlineNameEdit(true)\">{{dashboardEntity ? dashboardEntity.Name : ''}}</h3>\n      </ng-template>\n    </div>\n    <div class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\n      <div *ngIf=\"isEditingDashboard; else edit_dashboard_buttons\">\n        <kendo-button (click)=\"onClickSaveDashboard()\">\n          <span class=\"fa-solid fa-check\"></span>\n          Save\n        </kendo-button>\n        <kendo-button (click)=\"onclickCancelChanges()\">\n          <span class=\"fa-solid fa-xmark\"></span>\n          Cancel\n        </kendo-button>\n      </div>\n      <ng-template #edit_dashboard_buttons>\n        <kendo-button (click)=\"addItem()\">\n          <span class=\"fa-solid fa-plus\"></span>\n          Add Item\n        </kendo-button>\n        <kendo-button (click)=\"toggleEditDashboard(true)\" >\n          <span class=\"fa-solid fa-gear\"></span>\n          Edit Dashboard\n        </kendo-button>\n      </ng-template>\n    </div>\n  </div>\n  <div class=\"tile-resource-container\">\n    <!-- Show empty state if no items -->\n    <div *ngIf=\"items.length === 0 && !isEditingDashboard\" class=\"empty-dashboard\">\n      <i class=\"fa-solid fa-grip-vertical\" aria-hidden=\"true\"></i>\n      <h3>This dashboard is empty</h3>\n      <p>Start by adding reports or user views to your dashboard</p>\n      <kendo-button themeColor=\"primary\" (click)=\"addItem()\">\n        <span class=\"fa-solid fa-plus\"></span>\n        Add Item\n      </kendo-button>\n    </div>\n    \n    <!-- Show tile layout if there are items or if editing -->\n    <kendo-tilelayout\n      *ngIf=\"items.length > 0 || isEditingDashboard\"\n      [columns]=\"config.columns\"\n      [rowHeight]=\"config.rowHeight\"\n      [resizable]=\"allowResize\"\n      [reorderable]=\"allowReorder\"\n      (reorder)=\"onReorder($event)\"\n      (resize)=\"onResize($event)\"\n    >\n      @for(item of items; track item.uniqueId) {\n        <kendo-tilelayout-item (mouseenter)=\"onMouseEnter($event)\" (mouseleave)=\"onMouseOut($event)\" [ngClass]=\"[getSelectedComponentStyle(this)]\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\n          <kendo-tilelayout-item-header [ngClass]=\"['dashboard-item-header', getIsEditingItemHeaderStyle()]\">\n            <div class=\"item-title\">\n              <i [class]=\"getResourceIcon(item.ResourceData.ResourceType)\" aria-hidden=\"true\"></i>\n              {{item.title}}\n            </div>\n            @if(!isEditingDashboard) {\n              <div>\n                <div class=\"btn-wrapper\">\n                  <button kendoButton title=\"Edit dashboard\" (click)=\"toggleEditDashboard(true)\">\n                    <span class=\"fa-solid fa-pen-to-square\"></span>\n                  </button>\n                  <button kendoButton title=\"Remove item\" (click)=\"showConfirmDeleteDashboardItem(item)\">\n                    <span class=\"fa-solid fa-trash\"></span>\n                  </button>\n                </div>\n              </div>\n            }\n          </kendo-tilelayout-item-header>\n          <kendo-tilelayout-item-body [ngClass]=\"[getIsEditingItemBodyStyle()]\">\n            <mj-resource [Data]=\"item.ResourceData\" [isVisible]=\"true\" (ContentLoadingStarted)=\"loadingStarted($event)\" (ContentLoadingComplete)=\"loadingComplete($event)\"></mj-resource>\n          </kendo-tilelayout-item-body>\n        </kendo-tilelayout-item>\n      }\n    </kendo-tilelayout>\n  </div>\n</div>\n", styles: [":host {\n    display: block;\n    padding: 20px;\n    height: 100%;\n    box-sizing: border-box;\n}\n\n.dashboard-container {\n    height: calc(100% - 60px);\n    overflow: auto;\n}\n\n.dashboard-title {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n.dashboard-title .k-icon {\n    color: var(--border-blue);\n    font-size: 25px;\n}\n\n.dashboard-title h3 {\n    color: #424242;\n    font-size: 28px;\n    font-style: normal;\n    font-weight: 300;\n    line-height: 28px;\n    margin: 0;\n    cursor: pointer;\n}\n\n.dashboard-title h3:hover {\n    text-decoration: underline;\n}\n\n.dashboard-header {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n}\n\n::ng-deep .dashboard-header .k-button-solid-base {\n    border: 1px solid var(--border-blue) !important;\n    color: var(--border-blue) !important;\n    border-radius: 10px;\n    line-height: 34px;\n    background: var(--white-color);\n}\n\n::ng-deep .dashboard-header .k-button-solid-primary {\n    background: var(--border-blue) !important;\n    color: var(--white-color) !important;\n    border-radius: 10px;\n    line-height: 34px;\n    border-color: var(--border-blue);\n}\n\n::ng-deep .dashboard-header .btn-ref .k-button-text {\n    display: flex;\n    gap: 10px;\n}\n\n.dashboard-header .btn-ref {\n    border: none;\n    background: transparent;\n}\n\n.main-head-dashboard {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 20px;\n    padding-bottom: 20px;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.tile-resource-container {\n    margin-top: 20px;\n    padding: 15px;\n    border-radius: 8px;\n    background-color: #f9f9f9;\n}\n\n.tile-resource-container .k-tilelayout {\n    background: #fff;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    border-radius: 8px;\n    padding: 10px;\n}\n\n/* Dashboard item styling */\n::ng-deep kendo-tilelayout-item {\n    border-radius: 6px;\n    overflow: hidden;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n    margin: 5px;\n}\n\n.bg-light-grey {\n    background-color: #f0f0f0;\n}\n\n.bg-dark-grey {\n    background-color: #5a5a5a;\n    color: white;\n}\n\n.bg-blue {\n    background-color: #4250AD;\n    color: white;\n}\n\n.dashboard-item-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 10px 15px;\n    font-weight: 500;\n}\n\n.dashboard-item-header i {\n    margin-right: 8px;\n}\n\n.button-spacing {\n    margin-right: 8px;\n}\n\n.btn-wrapper {\n    display: flex;\n    gap: 5px;\n}\n\n.btn-wrapper > button {\n    margin-left: 5px;\n}\n\n/* Empty dashboard state */\n.empty-dashboard {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    text-align: center;\n    color: #666;\n    background-color: #f9f9f9;\n    border-radius: 8px;\n    margin-top: 20px;\n}\n\n.empty-dashboard i {\n    font-size: 48px;\n    margin-bottom: 20px;\n    color: #ccc;\n}\n\n.empty-dashboard h3 {\n    margin-bottom: 10px;\n}\n\n.empty-dashboard p {\n    margin-bottom: 20px;\n}"] }]
@@ -524,21 +511,27 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleDashboardComponent, { className: "SingleDashboardComponent", filePath: "src/lib/single-dashboard/single-dashboard.component.ts", lineNumber: 17 }); })();
 export class DashboardConfigDetails {
-    constructor() {
-        this.columns = 4;
-        this.rowHeight = 150;
-        this.resizable = true;
-        this.reorderable = true;
-    }
+    columns = 4;
+    rowHeight = 150;
+    resizable = true;
+    reorderable = true;
 }
 export class DashboardItem {
+    static nextUniqueId = 1;
     getNextUniqueID() {
         return DashboardItem.nextUniqueId++;
     }
     constructor() {
-        this.contentLoading = false;
         this.uniqueId = this.getNextUniqueID();
     }
+    uniqueId;
+    title;
+    col;
+    row;
+    rowSpan;
+    colSpan;
+    order;
+    ResourceData;
+    contentLoading = false;
 }
-DashboardItem.nextUniqueId = 1;
 //# sourceMappingURL=single-dashboard.component.js.map