@memberjunction/ng-explorer-core 0.9.78 → 0.9.96

package/dist/lib/single-dashboard/single-dashboard.component.js

@@ -1,456 +1,464 @@
-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 '../generic/base-resource-component';
-import { Metadata } from '@memberjunction/core';
-import { Subject, debounceTime } from 'rxjs';
-import * as i0 from "@angular/core";
-import * as i1 from "../../shared/shared.service";
-const _c0 = ["dashboardNameInput"];
-function SingleDashboardComponent_app_add_item_dialog_0_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-add-item-dialog", 14);
-    i0.ɵɵlistener("onClose", function SingleDashboardComponent_app_add_item_dialog_0_Template_app_add_item_dialog_onClose_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.closeDialog($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("selectedResource", ctx_r0.selectedResource);
-} }
-function SingleDashboardComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "app-edit-dashboard", 15);
-    i0.ɵɵlistener("onClose", function SingleDashboardComponent_div_1_Template_app_edit_dashboard_onClose_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.closeDashboardDialog($event)); })("triggerAddItem", function SingleDashboardComponent_div_1_Template_app_edit_dashboard_triggerAddItem_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.addItem($event)); })("onSave", function SingleDashboardComponent_div_1_Template_app_edit_dashboard_onSave_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.saveChanges($event)); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("items", ctx_r1.items)("config", ctx_r1.config);
-} }
-function SingleDashboardComponent_app_delete_item_dialog_2_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-delete-item-dialog", 16);
-    i0.ɵɵlistener("removeDashboardItem", function SingleDashboardComponent_app_delete_item_dialog_2_Template_app_delete_item_dialog_removeDashboardItem_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.deleteDashboardItem($event)); })("onClose", function SingleDashboardComponent_app_delete_item_dialog_2_Template_app_delete_item_dialog_onClose_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.closeDeleteItemComponent()); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("dashboardItem", ctx_r2.selectedDashboardItem);
-} }
-function SingleDashboardComponent_div_6_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 8)(1, "input", 17, 18);
-    i0.ɵɵlistener("keydown.enter", function SingleDashboardComponent_div_6_Template_input_keydown_enter_1_listener() { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r20.saveDashboardName()); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-button", 19);
-    i0.ɵɵlistener("click", function SingleDashboardComponent_div_6_Template_kendo_button_click_3_listener() { i0.ɵɵrestoreView(_r21); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.saveDashboardName()); });
-    i0.ɵɵelement(4, "span", 20);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "kendo-button", 19);
-    i0.ɵɵlistener("click", function SingleDashboardComponent_div_6_Template_kendo_button_click_5_listener() { i0.ɵɵrestoreView(_r21); const ctx_r23 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r23.cancelNameChange()); });
-    i0.ɵɵelement(6, "span", 21);
-    i0.ɵɵelementEnd()();
-} }
-function SingleDashboardComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelement(0, "span", 22);
-    i0.ɵɵelementStart(1, "h3", 19);
-    i0.ɵɵlistener("click", function SingleDashboardComponent_ng_template_7_Template_h3_click_1_listener() { i0.ɵɵrestoreView(_r25); const ctx_r24 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r24.toggleInlineNameEdit(true)); });
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r5.dashboardEntity.Name);
-} }
-function SingleDashboardComponent_div_10_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "kendo-button", 19);
-    i0.ɵɵlistener("click", function SingleDashboardComponent_div_10_Template_kendo_button_click_1_listener() { i0.ɵɵrestoreView(_r27); const ctx_r26 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r26.onClickSaveDashboard()); });
-    i0.ɵɵelement(2, "span", 23);
-    i0.ɵɵtext(3, " Save ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-button", 19);
-    i0.ɵɵlistener("click", function SingleDashboardComponent_div_10_Template_kendo_button_click_4_listener() { i0.ɵɵrestoreView(_r27); const ctx_r28 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r28.onclickCancelChanges()); });
-    i0.ɵɵelement(5, "span", 21);
-    i0.ɵɵtext(6, " Cancel ");
-    i0.ɵɵelementEnd()();
-} }
-function SingleDashboardComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-button", 19);
-    i0.ɵɵlistener("click", function SingleDashboardComponent_ng_template_11_Template_kendo_button_click_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r29.addItem()); });
-    i0.ɵɵelement(1, "span", 24);
-    i0.ɵɵtext(2, " Add Item ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-button", 25);
-    i0.ɵɵlistener("click", function SingleDashboardComponent_ng_template_11_Template_kendo_button_click_3_listener() { i0.ɵɵrestoreView(_r30); const ctx_r31 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r31.toggleEditDashboard(true)); });
-    i0.ɵɵelement(4, "span", 26);
-    i0.ɵɵtext(5, " Edit Dashboard ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("primary", true);
-} }
-function SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r35 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "div", 30)(2, "button", 31);
-    i0.ɵɵlistener("click", function SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r34.toggleEditDashboard(true)); });
-    i0.ɵɵelement(3, "span", 32);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 31);
-    i0.ɵɵlistener("click", function SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r35); const item_r32 = i0.ɵɵnextContext().$implicit; const ctx_r36 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r36.showConfirmDeleteDashboardItem(item_r32)); });
-    i0.ɵɵelement(5, "span", 33);
-    i0.ɵɵelementEnd()()();
-} }
-const _c1 = function (a1) { return ["dashboard-item-header", a1]; };
-const _c2 = function (a0) { return [a0]; };
-function SingleDashboardComponent_kendo_tilelayout_item_15_Template(rf, ctx) { if (rf & 1) {
-    const _r39 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-tilelayout-item", 27)(1, "kendo-tilelayout-item-header", 28);
-    i0.ɵɵtext(2);
-    i0.ɵɵtemplate(3, SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template, 6, 0, "div", 1);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-tilelayout-item-body", 28)(5, "app-resource", 29);
-    i0.ɵɵlistener("ContentLoadingStarted", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_app_resource_ContentLoadingStarted_5_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r38.loadingStarted($event)); })("ContentLoadingComplete", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_app_resource_ContentLoadingComplete_5_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r40.loadingComplete($event)); });
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const item_r32 = ctx.$implicit;
-    const ctx_r9 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("col", item_r32.col)("colSpan", item_r32.colSpan)("rowSpan", item_r32.rowSpan)("id", item_r32.uniqueId);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1, ctx_r9.getIsEditingItemHeaderStyle()));
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", item_r32.title, " ");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r9.isEditingDashboard);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c2, ctx_r9.getIsEditingItemBodyStyle()));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("Data", item_r32.ResourceData)("isVisible", true);
-} }
-export class SingleDashboardComponent {
-    get contentLoading() {
-        for (const item of this.items) {
-            if (item.contentLoading) {
-                return true;
-            }
-        }
-        return false;
-    }
-    constructor(sharedService) {
-        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.saveChangesSubject
-            .pipe(debounceTime(500))
-            .subscribe(() => {
-            this.SaveDashboard();
-        });
-    }
-    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 > 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;
-                    }
-                }
-                else {
-                    this.dashboardEntity.NewRecord(); // creating a new dashboard
-                    this.dashboardEntity.UserID = md.CurrentUser.ID;
-                    this.dashboardEntity.Name = 'New Dashboard';
-                    this.config.columns = this.config.columns || this.config.columns;
-                    this.config.rowHeight = this.config.rowHeight || this.config.rowHeight;
-                    this.config.resizable = this.config.resizable || this.config.resizable;
-                    this.config.reorderable = this.config.reorderable || this.config.reorderable;
-                }
-                // 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();
-        if (item) {
-            dashboardItem.title = item.title;
-            dashboardItem.order = item.order ? item.order : 0;
-            dashboardItem.col = item.col;
-            dashboardItem.row = item.row;
-            dashboardItem.rowSpan = item.rowSpan;
-            dashboardItem.colSpan = item.colSpan;
-            dashboardItem.ResourceData = new ResourceData(item.ResourceData);
-        }
-        return dashboardItem;
-    }
-    loadingStarted(resourceComponent) {
-        // look up the copmonent in the 
-        const item = this.items.find(i => i.ResourceData === resourceComponent.Data);
-        if (item) {
-            item.contentLoading = true;
-            this.loadStarted.emit();
-        }
-    }
-    loadingComplete(resourceComponent) {
-        // look up the copmonent in the 
-        const item = this.items.find(i => i.ResourceData === resourceComponent.Data);
-        if (item) {
-            item.contentLoading = false;
-            if (!this.contentLoading) {
-                this.loadComplete.emit();
-            }
-        }
-    }
-    addItem(resourceType = null) {
-        this.selectedResource = resourceType;
-        this.isItemDialogOpened = true;
-        this.isEditDialogOpened = false;
-    }
-    closeDialog(data) {
-        if (data) {
-            const dashboardItem = this.CreateDashboardItem(data);
-            this.items.push(dashboardItem);
-            console.log(dashboardItem);
-            this.saveChangesSubject.next(true);
-        }
-        this.selectedResource = null;
-        this.isItemDialogOpened = false;
-    }
-    toggleEditDashboard(allowEdit) {
-        this.allowReorder = allowEdit;
-        this.allowResize = allowEdit;
-        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");
-                yield this.ngOnInit();
-            }
-            else {
-                this.sharedService.CreateSimpleNotification("An error occured saving the dashboard changes", "error");
-            }
-        });
-    }
-    onclickCancelChanges() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.toggleEditDashboard(false);
-            yield this.ngOnInit();
-        });
-    }
-    closeDashboardDialog(data = null) {
-        this.isEditDialogOpened = false;
-    }
-    saveChanges(data) {
-        if (data.config) {
-            this.config = data.config;
-        }
-        if (data.itemsChanged && data.items) {
-            this.items = data.items;
-            this.sharedService.InvokeManualResize();
-        }
-        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();
-                this.dashboardSaved.emit(this.dashboardEntity);
-                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();
-        }
-    }
-    saveDashboardName() {
-        this.toggleInlineNameEdit(true);
-        const inputValue = this.dashboardNameInput.nativeElement.value;
-        if (inputValue && inputValue.length > 3) {
-            this.dashboardEntity.Name = inputValue;
-            this.SaveDashboard();
-        }
-        else {
-            this.sharedService.CreateSimpleNotification('Invalid dashboard name: Must be at least 3 characters.', 'warning');
-        }
-    }
-    cancelNameChange() {
-        this.toggleInlineNameEdit(false);
-    }
-    closeDeleteItemComponent() {
-        this.selectedDashboardItem = null;
-        this.isDeletingDashboardItem = false;
-    }
-    showConfirmDeleteDashboardItem(item) {
-        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");
-            }
-            else {
-                this.sharedService.CreateSimpleNotification(`Unable to delete dashboard item ${item.uniqueId}`, "error");
-            }
-            this.selectedDashboardItem = null;
-            this.isDeletingDashboardItem = false;
-        });
-    }
-    getIsEditingItemBodyStyle() {
-        return this.isEditingDashboard ? "bg-light-grey" : "";
-    }
-    getIsEditingItemHeaderStyle() {
-        return this.isEditingDashboard ? "bg-dark-grey" : "bg-blue";
-    }
-    onReorder(e) {
-        const item = this.items.find(i => i.uniqueId === parseInt(e.item.elem.nativeElement.id));
-        if (item) {
-            // move the item in our config state to the new index
-            if (e.oldIndex !== e.newIndex) {
-                this.items.splice(e.oldIndex, 1);
-                this.items.splice(e.newIndex, 0, item);
-            }
-            //item.order = e.item.order;
-            item.col = e.newCol ? e.newCol : item.col;
-            item.row = e.newRow ? e.newRow : item.row;
-        }
-    }
-    onResize(e) {
-        const item = this.items.find(i => i.uniqueId === parseInt(e.item.elem.nativeElement.id));
-        if (item) {
-            item.colSpan = e.newColSpan;
-            item.rowSpan = e.newRowSpan;
-        }
-    }
-}
-SingleDashboardComponent.ɵfac = function SingleDashboardComponent_Factory(t) { return new (t || SingleDashboardComponent)(i0.ɵɵdirectiveInject(i1.SharedService)); };
-SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleDashboardComponent, selectors: [["app-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" }, decls: 16, vars: 12, consts: [[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"], ["dashboard_name_header", ""], [1, "dashboard-header", "k-d-flex", "k-flex-row", "k-justify-content-flex-end"], [4, "ngIf", "ngIfElse"], ["edit_dashboard_buttons", ""], [1, "tile-resource-container"], [3, "columns", "rowHeight", "resizable", "reorderable", "reorder", "resize"], [3, "col", "colSpan", "rowSpan", "id", 4, "ngFor", "ngForOf"], [3, "selectedResource", "onClose"], [3, "items", "config", "onClose", "triggerAddItem", "onSave"], [3, "dashboardItem", "removeDashboardItem", "onClose"], ["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"], ["dashboardNameInput", ""], [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, "k-icon", "k-i-check"], [1, "k-icon", "k-i-plus"], [3, "primary", "click"], [1, "k-icon", "k-i-gear"], [3, "col", "colSpan", "rowSpan", "id"], [3, "ngClass"], [3, "Data", "isVisible", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "btn-wrapper"], ["kendoButton", "", "fillMode", "flat", 3, "click"], [1, "k-icon", "k-i-edit"], [1, "k-icon", "k-i-delete"]], 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", 0);
-        i0.ɵɵtemplate(1, SingleDashboardComponent_div_1_Template, 2, 2, "div", 1);
-        i0.ɵɵtemplate(2, SingleDashboardComponent_app_delete_item_dialog_2_Template, 1, 1, "app-delete-item-dialog", 2);
-        i0.ɵɵelementStart(3, "div", 3)(4, "div", 4)(5, "div", 5);
-        i0.ɵɵtemplate(6, SingleDashboardComponent_div_6_Template, 7, 0, "div", 6);
-        i0.ɵɵtemplate(7, SingleDashboardComponent_ng_template_7_Template, 3, 1, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(9, "div", 8);
-        i0.ɵɵtemplate(10, SingleDashboardComponent_div_10_Template, 7, 0, "div", 9);
-        i0.ɵɵtemplate(11, SingleDashboardComponent_ng_template_11_Template, 6, 1, "ng-template", null, 10, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵelementEnd()();
-        i0.ɵɵelementStart(13, "div", 11)(14, "kendo-tilelayout", 12);
-        i0.ɵɵlistener("reorder", function SingleDashboardComponent_Template_kendo_tilelayout_reorder_14_listener($event) { return ctx.onReorder($event); })("resize", function SingleDashboardComponent_Template_kendo_tilelayout_resize_14_listener($event) { return ctx.onResize($event); });
-        i0.ɵɵtemplate(15, SingleDashboardComponent_kendo_tilelayout_item_15_Template, 6, 14, "kendo-tilelayout-item", 13);
-        i0.ɵɵelementEnd()()();
-    } if (rf & 2) {
-        const _r4 = i0.ɵɵreference(8);
-        const _r7 = i0.ɵɵreference(12);
-        i0.ɵɵproperty("ngIf", ctx.isItemDialogOpened);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.isEditDialogOpened);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.isDeletingDashboardItem);
-        i0.ɵɵadvance(4);
-        i0.ɵɵproperty("ngIf", ctx.isEditDashboardNameDialogOpened)("ngIfElse", _r4);
-        i0.ɵɵadvance(4);
-        i0.ɵɵproperty("ngIf", ctx.isEditingDashboard)("ngIfElse", _r7);
-        i0.ɵɵadvance(4);
-        i0.ɵɵproperty("columns", ctx.config.columns)("rowHeight", ctx.config.rowHeight)("resizable", ctx.allowResize)("reorderable", ctx.allowReorder);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngForOf", ctx.items);
-    } }, styles: [".dashboard-title[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n.dashboard-title[_ngcontent-%COMP%]   .k-icon[_ngcontent-%COMP%] {\r\n    color: #ff6358;\r\n    font-size: 25px;\r\n}\r\n.dashboard-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\r\ncolor:  #424242;\r\nfont-size: 28px;\r\nfont-style: normal;\r\nfont-weight: 300;\r\nline-height: 28px;\r\n}\r\n.dashboard-header[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n}\r\n  .dashboard-header .btn-ref .k-button-text {\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n    .dashboard-header[_ngcontent-%COMP%]   .btn-ref[_ngcontent-%COMP%] {\r\n    border: none;\r\n    background: transparent;\r\n}\r\n.main-head-dashboard[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.tile-resource-container[_ngcontent-%COMP%]   .k-tilelayout[_ngcontent-%COMP%] {\r\n    background: #fff;\r\n}\r\n\r\n.bg-light-grey[_ngcontent-%COMP%] {\r\n    background-color: lightgray;\r\n}\r\n\r\n.bg-dark-grey[_ngcontent-%COMP%] {\r\n    background-color: darkgray;\r\n}\r\n\r\n.bg-blue[_ngcontent-%COMP%] {\r\n    background-color: #4250AD;\r\n    color: white;\r\n}\r\n\r\n.dashboard-item-header[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.button-spacing[_ngcontent-%COMP%] {\r\n    margin-right: 8px\r\n}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleDashboardComponent, [{
-        type: Component,
-        args: [{ selector: 'app-single-dashboard', template: "<app-add-item-dialog *ngIf=\"isItemDialogOpened\" (onClose)=\"closeDialog($event)\" [selectedResource]=\"selectedResource\"></app-add-item-dialog>\r\n<div *ngIf=\"isEditDialogOpened\">\r\n  <app-edit-dashboard (onClose)=\"closeDashboardDialog($event)\" (triggerAddItem)=\"addItem($event)\" [items]=\"items\" [config]=\"config\" (onSave)=\"saveChanges($event)\"></app-edit-dashboard>\r\n</div>\r\n\r\n<app-delete-item-dialog *ngIf=\"isDeletingDashboardItem\" [dashboardItem]=\"selectedDashboardItem\" (removeDashboardItem)=\"deleteDashboardItem($event)\" (onClose)=\"closeDeleteItemComponent()\"></app-delete-item-dialog>\r\n\r\n<div class=\"dashboard-container\">\r\n  <div class=\"main-head-dashboard\">\r\n    <div class=\"dashboard-title\">\r\n      <div *ngIf=\"isEditDashboardNameDialogOpened; else dashboard_name_header\" class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\r\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>\r\n        <kendo-button (click)=\"saveDashboardName()\">\r\n          <span class=\"k-i-check k-button-icon k-icon ng-star-inserted\"></span>\r\n        </kendo-button>\r\n        <kendo-button (click)=\"cancelNameChange()\" >\r\n          <span class=\"k-icon k-i-cancel\"></span>\r\n        </kendo-button>\r\n      </div>\r\n      <ng-template #dashboard_name_header>\r\n        <span class=\"k-icon k-i-star\"></span>\r\n        <h3 (click)=\"toggleInlineNameEdit(true)\">{{dashboardEntity.Name}}</h3>\r\n      </ng-template>\r\n    </div>\r\n    <div class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\r\n      <div *ngIf=\"isEditingDashboard; else edit_dashboard_buttons\">\r\n        <kendo-button (click)=\"onClickSaveDashboard()\">\r\n          <span class=\"k-icon k-i-check\"></span>\r\n          Save\r\n        </kendo-button>\r\n        <kendo-button (click)=\"onclickCancelChanges()\">\r\n          <span class=\"k-icon k-i-cancel\"></span>\r\n          Cancel\r\n        </kendo-button>\r\n      </div>\r\n      <ng-template #edit_dashboard_buttons>\r\n        <kendo-button (click)=\"addItem()\">\r\n          <span class=\"k-icon k-i-plus\"></span>\r\n          Add Item\r\n        </kendo-button>\r\n        <kendo-button (click)=\"toggleEditDashboard(true)\" [primary]=\"true\">\r\n          <span class=\"k-icon k-i-gear\"></span>\r\n          Edit Dashboard\r\n        </kendo-button>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n  <div class=\"tile-resource-container\">\r\n    <kendo-tilelayout\r\n      [columns]=\"config.columns\"\r\n      [rowHeight]=\"config.rowHeight\"\r\n      [resizable]=\"allowResize\"\r\n      [reorderable]=\"allowReorder\"\r\n      (reorder)=\"onReorder($event)\"\r\n      (resize)=\"onResize($event)\"\r\n    >\r\n      <kendo-tilelayout-item *ngFor=\"let item of items\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\r\n        <kendo-tilelayout-item-header [ngClass]=\"['dashboard-item-header', getIsEditingItemHeaderStyle()]\">\r\n          {{item.title}}\r\n          <div *ngIf=\"!isEditingDashboard\">\r\n            <div class=\"btn-wrapper\">\r\n              <button kendoButton fillMode=\"flat\" (click)=\"toggleEditDashboard(true)\">\r\n                <span class=\"k-icon k-i-edit\"></span>\r\n              </button>\r\n              <button kendoButton fillMode=\"flat\" (click)=\"showConfirmDeleteDashboardItem(item)\"><span\r\n                  class=\"k-icon k-i-delete\"></span></button>\r\n            </div>\r\n          </div>\r\n        </kendo-tilelayout-item-header>\r\n        <kendo-tilelayout-item-body [ngClass]=\"[getIsEditingItemBodyStyle()]\">\r\n          <app-resource [Data]=\"item.ResourceData\" [isVisible]=\"true\" (ContentLoadingStarted)=\"loadingStarted($event)\" (ContentLoadingComplete)=\"loadingComplete($event)\"></app-resource>\r\n        </kendo-tilelayout-item-body>\r\n      </kendo-tilelayout-item>\r\n    </kendo-tilelayout>\r\n  </div>\r\n</div>\r\n", styles: [".dashboard-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n.dashboard-title .k-icon {\r\n    color: #ff6358;\r\n    font-size: 25px;\r\n}\r\n.dashboard-title h3 {\r\ncolor:  #424242;\r\nfont-size: 28px;\r\nfont-style: normal;\r\nfont-weight: 300;\r\nline-height: 28px;\r\n}\r\n.dashboard-header {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n}\r\n::ng-deep .dashboard-header .btn-ref .k-button-text {\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n    .dashboard-header .btn-ref {\r\n    border: none;\r\n    background: transparent;\r\n}\r\n.main-head-dashboard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.tile-resource-container .k-tilelayout {\r\n    background: #fff;\r\n}\r\n\r\n.bg-light-grey {\r\n    background-color: lightgray;\r\n}\r\n\r\n.bg-dark-grey {\r\n    background-color: darkgray;\r\n}\r\n\r\n.bg-blue {\r\n    background-color: #4250AD;\r\n    color: white;\r\n}\r\n\r\n.dashboard-item-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.button-spacing {\r\n    margin-right: 8px\r\n}"] }]
-    }], function () { return [{ type: i1.SharedService }]; }, { dashboardNameInput: [{
-            type: ViewChild,
-            args: ['dashboardNameInput']
-        }], ResourceData: [{
-            type: Input
-        }], dashboardSaved: [{
-            type: Output
-        }], loadComplete: [{
-            type: Output
-        }], loadStarted: [{
-            type: Output
-        }] }); })();
-export class DashboardConfigDetails {
-    constructor() {
-        this.columns = 4;
-        this.rowHeight = 150;
-        this.resizable = true;
-        this.reorderable = true;
-    }
-}
-export class DashboardItem {
-    getNextUniqueID() {
-        return DashboardItem.nextUniqueId++;
-    }
-    constructor() {
-        this.contentLoading = false;
-        this.uniqueId = this.getNextUniqueID();
-    }
-}
-DashboardItem.nextUniqueId = 1;
+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 '../generic/base-resource-component';
+import { Metadata } from '@memberjunction/core';
+import { Subject, debounceTime } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "../../shared/shared.service";
+const _c0 = ["dashboardNameInput"];
+function SingleDashboardComponent_app_add_item_dialog_0_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-add-item-dialog", 14);
+    i0.ɵɵlistener("onClose", function SingleDashboardComponent_app_add_item_dialog_0_Template_app_add_item_dialog_onClose_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.closeDialog($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("selectedResource", ctx_r0.selectedResource);
+} }
+function SingleDashboardComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "app-edit-dashboard", 15);
+    i0.ɵɵlistener("onClose", function SingleDashboardComponent_div_1_Template_app_edit_dashboard_onClose_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.closeDashboardDialog($event)); })("triggerAddItem", function SingleDashboardComponent_div_1_Template_app_edit_dashboard_triggerAddItem_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.addItem($event)); })("onSave", function SingleDashboardComponent_div_1_Template_app_edit_dashboard_onSave_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.saveChanges($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("items", ctx_r1.items)("config", ctx_r1.config);
+} }
+function SingleDashboardComponent_app_delete_item_dialog_2_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-delete-item-dialog", 16);
+    i0.ɵɵlistener("removeDashboardItem", function SingleDashboardComponent_app_delete_item_dialog_2_Template_app_delete_item_dialog_removeDashboardItem_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.deleteDashboardItem($event)); })("onClose", function SingleDashboardComponent_app_delete_item_dialog_2_Template_app_delete_item_dialog_onClose_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.closeDeleteItemComponent()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("dashboardItem", ctx_r2.selectedDashboardItem);
+} }
+function SingleDashboardComponent_div_6_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "input", 17, 18);
+    i0.ɵɵlistener("keydown.enter", function SingleDashboardComponent_div_6_Template_input_keydown_enter_1_listener() { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r20.saveDashboardName()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "kendo-button", 19);
+    i0.ɵɵlistener("click", function SingleDashboardComponent_div_6_Template_kendo_button_click_3_listener() { i0.ɵɵrestoreView(_r21); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.saveDashboardName()); });
+    i0.ɵɵelement(4, "span", 20);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "kendo-button", 19);
+    i0.ɵɵlistener("click", function SingleDashboardComponent_div_6_Template_kendo_button_click_5_listener() { i0.ɵɵrestoreView(_r21); const ctx_r23 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r23.cancelNameChange()); });
+    i0.ɵɵelement(6, "span", 21);
+    i0.ɵɵelementEnd()();
+} }
+function SingleDashboardComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelement(0, "span", 22);
+    i0.ɵɵelementStart(1, "h3", 19);
+    i0.ɵɵlistener("click", function SingleDashboardComponent_ng_template_7_Template_h3_click_1_listener() { i0.ɵɵrestoreView(_r25); const ctx_r24 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r24.toggleInlineNameEdit(true)); });
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r4.dashboardEntity.Name);
+} }
+function SingleDashboardComponent_div_10_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "kendo-button", 19);
+    i0.ɵɵlistener("click", function SingleDashboardComponent_div_10_Template_kendo_button_click_1_listener() { i0.ɵɵrestoreView(_r27); const ctx_r26 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r26.onClickSaveDashboard()); });
+    i0.ɵɵelement(2, "kendo-svgicon", 23);
+    i0.ɵɵtext(3, " Save ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "kendo-button", 19);
+    i0.ɵɵlistener("click", function SingleDashboardComponent_div_10_Template_kendo_button_click_4_listener() { i0.ɵɵrestoreView(_r27); const ctx_r28 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r28.onclickCancelChanges()); });
+    i0.ɵɵelement(5, "kendo-svgicon", 23);
+    i0.ɵɵtext(6, " Cancel ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r6 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("icon", ctx_r6.sharedService.kendoSVGIcon("check"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("icon", ctx_r6.sharedService.kendoSVGIcon("cancel"));
+} }
+function SingleDashboardComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-button", 19);
+    i0.ɵɵlistener("click", function SingleDashboardComponent_ng_template_11_Template_kendo_button_click_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r29.addItem()); });
+    i0.ɵɵelement(1, "kendo-svgicon", 23);
+    i0.ɵɵtext(2, " Add Item ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "kendo-button", 24);
+    i0.ɵɵlistener("click", function SingleDashboardComponent_ng_template_11_Template_kendo_button_click_3_listener() { i0.ɵɵrestoreView(_r30); const ctx_r31 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r31.toggleEditDashboard(true)); });
+    i0.ɵɵelement(4, "kendo-svgicon", 23);
+    i0.ɵɵtext(5, " Edit Dashboard ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r7 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("icon", ctx_r7.sharedService.kendoSVGIcon("plus"));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("primary", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("icon", ctx_r7.sharedService.kendoSVGIcon("gear"));
+} }
+function SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r35 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "div", 28)(2, "button", 29);
+    i0.ɵɵlistener("click", function SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r34.toggleEditDashboard(true)); });
+    i0.ɵɵelement(3, "span", 30);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 29);
+    i0.ɵɵlistener("click", function SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r35); const item_r32 = i0.ɵɵnextContext().$implicit; const ctx_r36 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r36.showConfirmDeleteDashboardItem(item_r32)); });
+    i0.ɵɵelement(5, "span", 31);
+    i0.ɵɵelementEnd()()();
+} }
+const _c1 = a1 => ["dashboard-item-header", a1];
+const _c2 = a0 => [a0];
+function SingleDashboardComponent_kendo_tilelayout_item_15_Template(rf, ctx) { if (rf & 1) {
+    const _r39 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-tilelayout-item", 25)(1, "kendo-tilelayout-item-header", 26);
+    i0.ɵɵtext(2);
+    i0.ɵɵtemplate(3, SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template, 6, 0, "div", 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "kendo-tilelayout-item-body", 26)(5, "app-resource", 27);
+    i0.ɵɵlistener("ContentLoadingStarted", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_app_resource_ContentLoadingStarted_5_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r38.loadingStarted($event)); })("ContentLoadingComplete", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_app_resource_ContentLoadingComplete_5_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r40.loadingComplete($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const item_r32 = ctx.$implicit;
+    const ctx_r9 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("col", item_r32.col)("colSpan", item_r32.colSpan)("rowSpan", item_r32.rowSpan)("id", item_r32.uniqueId);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1, ctx_r9.getIsEditingItemHeaderStyle()));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r32.title, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r9.isEditingDashboard);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c2, ctx_r9.getIsEditingItemBodyStyle()));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Data", item_r32.ResourceData)("isVisible", true);
+} }
+export class SingleDashboardComponent {
+    get contentLoading() {
+        for (const item of this.items) {
+            if (item.contentLoading) {
+                return true;
+            }
+        }
+        return false;
+    }
+    constructor(sharedService) {
+        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.saveChangesSubject
+            .pipe(debounceTime(500))
+            .subscribe(() => {
+            this.SaveDashboard();
+        });
+    }
+    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 > 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;
+                    }
+                }
+                else {
+                    this.dashboardEntity.NewRecord(); // creating a new dashboard
+                    this.dashboardEntity.UserID = md.CurrentUser.ID;
+                    this.dashboardEntity.Name = 'New Dashboard';
+                    this.config.columns = this.config.columns || this.config.columns;
+                    this.config.rowHeight = this.config.rowHeight || this.config.rowHeight;
+                    this.config.resizable = this.config.resizable || this.config.resizable;
+                    this.config.reorderable = this.config.reorderable || this.config.reorderable;
+                }
+                // 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();
+        if (item) {
+            dashboardItem.title = item.title;
+            dashboardItem.order = item.order ? item.order : 0;
+            dashboardItem.col = item.col;
+            dashboardItem.row = item.row;
+            dashboardItem.rowSpan = item.rowSpan;
+            dashboardItem.colSpan = item.colSpan;
+            dashboardItem.ResourceData = new ResourceData(item.ResourceData);
+        }
+        return dashboardItem;
+    }
+    loadingStarted(resourceComponent) {
+        // look up the copmonent in the 
+        const item = this.items.find(i => i.ResourceData === resourceComponent.Data);
+        if (item) {
+            item.contentLoading = true;
+            this.loadStarted.emit();
+        }
+    }
+    loadingComplete(resourceComponent) {
+        // look up the copmonent in the 
+        const item = this.items.find(i => i.ResourceData === resourceComponent.Data);
+        if (item) {
+            item.contentLoading = false;
+            if (!this.contentLoading) {
+                this.loadComplete.emit();
+            }
+        }
+    }
+    addItem(resourceType = null) {
+        this.selectedResource = resourceType;
+        this.isItemDialogOpened = true;
+        this.isEditDialogOpened = false;
+    }
+    closeDialog(data) {
+        if (data) {
+            const dashboardItem = this.CreateDashboardItem(data);
+            this.items.push(dashboardItem);
+            console.log(dashboardItem);
+            this.saveChangesSubject.next(true);
+        }
+        this.selectedResource = null;
+        this.isItemDialogOpened = false;
+    }
+    toggleEditDashboard(allowEdit) {
+        this.allowReorder = allowEdit;
+        this.allowResize = allowEdit;
+        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");
+                yield this.ngOnInit();
+            }
+            else {
+                this.sharedService.CreateSimpleNotification("An error occured saving the dashboard changes", "error");
+            }
+        });
+    }
+    onclickCancelChanges() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.toggleEditDashboard(false);
+            yield this.ngOnInit();
+        });
+    }
+    closeDashboardDialog(data = null) {
+        this.isEditDialogOpened = false;
+    }
+    saveChanges(data) {
+        if (data.config) {
+            this.config = data.config;
+        }
+        if (data.itemsChanged && data.items) {
+            this.items = data.items;
+            this.sharedService.InvokeManualResize();
+        }
+        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();
+                this.dashboardSaved.emit(this.dashboardEntity);
+                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();
+        }
+    }
+    saveDashboardName() {
+        this.toggleInlineNameEdit(true);
+        const inputValue = this.dashboardNameInput.nativeElement.value;
+        if (inputValue && inputValue.length > 3) {
+            this.dashboardEntity.Name = inputValue;
+            this.SaveDashboard();
+        }
+        else {
+            this.sharedService.CreateSimpleNotification('Invalid dashboard name: Must be at least 3 characters.', 'warning');
+        }
+    }
+    cancelNameChange() {
+        this.toggleInlineNameEdit(false);
+    }
+    closeDeleteItemComponent() {
+        this.selectedDashboardItem = null;
+        this.isDeletingDashboardItem = false;
+    }
+    showConfirmDeleteDashboardItem(item) {
+        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");
+            }
+            else {
+                this.sharedService.CreateSimpleNotification(`Unable to delete dashboard item ${item.uniqueId}`, "error");
+            }
+            this.selectedDashboardItem = null;
+            this.isDeletingDashboardItem = false;
+        });
+    }
+    getIsEditingItemBodyStyle() {
+        return this.isEditingDashboard ? "bg-light-grey" : "";
+    }
+    getIsEditingItemHeaderStyle() {
+        return this.isEditingDashboard ? "bg-dark-grey" : "bg-blue";
+    }
+    onReorder(e) {
+        const item = this.items.find(i => i.uniqueId === parseInt(e.item.elem.nativeElement.id));
+        if (item) {
+            // move the item in our config state to the new index
+            if (e.oldIndex !== e.newIndex) {
+                this.items.splice(e.oldIndex, 1);
+                this.items.splice(e.newIndex, 0, item);
+            }
+            //item.order = e.item.order;
+            item.col = e.newCol ? e.newCol : item.col;
+            item.row = e.newRow ? e.newRow : item.row;
+        }
+    }
+    onResize(e) {
+        const item = this.items.find(i => i.uniqueId === parseInt(e.item.elem.nativeElement.id));
+        if (item) {
+            item.colSpan = e.newColSpan;
+            item.rowSpan = e.newRowSpan;
+        }
+    }
+}
+SingleDashboardComponent.ɵfac = function SingleDashboardComponent_Factory(t) { return new (t || SingleDashboardComponent)(i0.ɵɵdirectiveInject(i1.SharedService)); };
+SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleDashboardComponent, selectors: [["app-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" }, decls: 16, vars: 12, consts: [[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"], ["dashboard_name_header", ""], [1, "dashboard-header", "k-d-flex", "k-flex-row", "k-justify-content-flex-end"], [4, "ngIf", "ngIfElse"], ["edit_dashboard_buttons", ""], [1, "tile-resource-container"], [3, "columns", "rowHeight", "resizable", "reorderable", "reorder", "resize"], [3, "col", "colSpan", "rowSpan", "id", 4, "ngFor", "ngForOf"], [3, "selectedResource", "onClose"], [3, "items", "config", "onClose", "triggerAddItem", "onSave"], [3, "dashboardItem", "removeDashboardItem", "onClose"], ["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"], ["dashboardNameInput", ""], [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"], [3, "icon"], [3, "primary", "click"], [3, "col", "colSpan", "rowSpan", "id"], [3, "ngClass"], [3, "Data", "isVisible", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "btn-wrapper"], ["kendoButton", "", "fillMode", "flat", 3, "click"], [1, "k-icon", "k-i-edit"], [1, "k-icon", "k-i-delete"]], 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", 0)(1, SingleDashboardComponent_div_1_Template, 2, 2, "div", 1)(2, SingleDashboardComponent_app_delete_item_dialog_2_Template, 1, 1, "app-delete-item-dialog", 2);
+        i0.ɵɵelementStart(3, "div", 3)(4, "div", 4)(5, "div", 5);
+        i0.ɵɵtemplate(6, SingleDashboardComponent_div_6_Template, 7, 0, "div", 6)(7, SingleDashboardComponent_ng_template_7_Template, 3, 1, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(9, "div", 8);
+        i0.ɵɵtemplate(10, SingleDashboardComponent_div_10_Template, 7, 2, "div", 9)(11, SingleDashboardComponent_ng_template_11_Template, 6, 3, "ng-template", null, 10, i0.ɵɵtemplateRefExtractor);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(13, "div", 11)(14, "kendo-tilelayout", 12);
+        i0.ɵɵlistener("reorder", function SingleDashboardComponent_Template_kendo_tilelayout_reorder_14_listener($event) { return ctx.onReorder($event); })("resize", function SingleDashboardComponent_Template_kendo_tilelayout_resize_14_listener($event) { return ctx.onResize($event); });
+        i0.ɵɵtemplate(15, SingleDashboardComponent_kendo_tilelayout_item_15_Template, 6, 14, "kendo-tilelayout-item", 13);
+        i0.ɵɵelementEnd()()();
+    } if (rf & 2) {
+        const _r5 = i0.ɵɵreference(8);
+        const _r8 = 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", _r5);
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("ngIf", ctx.isEditingDashboard)("ngIfElse", _r8);
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("columns", ctx.config.columns)("rowHeight", ctx.config.rowHeight)("resizable", ctx.allowResize)("reorderable", ctx.allowReorder);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngForOf", ctx.items);
+    } }, styles: [".dashboard-title[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n.dashboard-title[_ngcontent-%COMP%]   .k-icon[_ngcontent-%COMP%] {\r\n    color: #ff6358;\r\n    font-size: 25px;\r\n}\r\n.dashboard-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\r\ncolor:  #424242;\r\nfont-size: 28px;\r\nfont-style: normal;\r\nfont-weight: 300;\r\nline-height: 28px;\r\n}\r\n.dashboard-header[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n}\r\n  .dashboard-header .btn-ref .k-button-text {\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n    .dashboard-header[_ngcontent-%COMP%]   .btn-ref[_ngcontent-%COMP%] {\r\n    border: none;\r\n    background: transparent;\r\n}\r\n.main-head-dashboard[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.tile-resource-container[_ngcontent-%COMP%]   .k-tilelayout[_ngcontent-%COMP%] {\r\n    background: #fff;\r\n}\r\n\r\n.bg-light-grey[_ngcontent-%COMP%] {\r\n    background-color: lightgray;\r\n}\r\n\r\n.bg-dark-grey[_ngcontent-%COMP%] {\r\n    background-color: darkgray;\r\n}\r\n\r\n.bg-blue[_ngcontent-%COMP%] {\r\n    background-color: #4250AD;\r\n    color: white;\r\n}\r\n\r\n.dashboard-item-header[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.button-spacing[_ngcontent-%COMP%] {\r\n    margin-right: 8px\r\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleDashboardComponent, [{
+        type: Component,
+        args: [{ selector: 'app-single-dashboard', template: "<app-add-item-dialog *ngIf=\"isItemDialogOpened\" (onClose)=\"closeDialog($event)\" [selectedResource]=\"selectedResource\"></app-add-item-dialog>\r\n<div *ngIf=\"isEditDialogOpened\">\r\n  <app-edit-dashboard (onClose)=\"closeDashboardDialog($event)\" (triggerAddItem)=\"addItem($event)\" [items]=\"items\" [config]=\"config\" (onSave)=\"saveChanges($event)\"></app-edit-dashboard>\r\n</div>\r\n\r\n<app-delete-item-dialog *ngIf=\"isDeletingDashboardItem\" [dashboardItem]=\"selectedDashboardItem\" (removeDashboardItem)=\"deleteDashboardItem($event)\" (onClose)=\"closeDeleteItemComponent()\"></app-delete-item-dialog>\r\n\r\n<div class=\"dashboard-container\">\r\n  <div class=\"main-head-dashboard\">\r\n    <div class=\"dashboard-title\">\r\n      <div *ngIf=\"isEditDashboardNameDialogOpened; else dashboard_name_header\" class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\r\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>\r\n        <kendo-button (click)=\"saveDashboardName()\">\r\n          <span class=\"k-i-check k-button-icon k-icon ng-star-inserted\"></span>\r\n        </kendo-button>\r\n        <kendo-button (click)=\"cancelNameChange()\" >\r\n          <span class=\"k-icon k-i-cancel\"></span>\r\n        </kendo-button>\r\n      </div>\r\n      <ng-template #dashboard_name_header>\r\n        <span class=\"k-icon k-i-star\"></span>\r\n        <h3 (click)=\"toggleInlineNameEdit(true)\">{{dashboardEntity.Name}}</h3>\r\n      </ng-template>\r\n    </div>\r\n    <div class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\r\n      <div *ngIf=\"isEditingDashboard; else edit_dashboard_buttons\">\r\n        <kendo-button (click)=\"onClickSaveDashboard()\">\r\n          <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('check')\"></kendo-svgicon>\r\n          Save\r\n        </kendo-button>\r\n        <kendo-button (click)=\"onclickCancelChanges()\">\r\n          <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('cancel')\"></kendo-svgicon>\r\n          Cancel\r\n        </kendo-button>\r\n      </div>\r\n      <ng-template #edit_dashboard_buttons>\r\n        <kendo-button (click)=\"addItem()\">\r\n          <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('plus')\"></kendo-svgicon>\r\n          Add Item\r\n        </kendo-button>\r\n        <kendo-button (click)=\"toggleEditDashboard(true)\" [primary]=\"true\">\r\n          <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('gear')\"></kendo-svgicon>\r\n          Edit Dashboard\r\n        </kendo-button>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n  <div class=\"tile-resource-container\">\r\n    <kendo-tilelayout\r\n      [columns]=\"config.columns\"\r\n      [rowHeight]=\"config.rowHeight\"\r\n      [resizable]=\"allowResize\"\r\n      [reorderable]=\"allowReorder\"\r\n      (reorder)=\"onReorder($event)\"\r\n      (resize)=\"onResize($event)\"\r\n    >\r\n      <kendo-tilelayout-item *ngFor=\"let item of items\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\r\n        <kendo-tilelayout-item-header [ngClass]=\"['dashboard-item-header', getIsEditingItemHeaderStyle()]\">\r\n          {{item.title}}\r\n          <div *ngIf=\"!isEditingDashboard\">\r\n            <div class=\"btn-wrapper\">\r\n              <button kendoButton fillMode=\"flat\" (click)=\"toggleEditDashboard(true)\">\r\n                <span class=\"k-icon k-i-edit\"></span>\r\n              </button>\r\n              <button kendoButton fillMode=\"flat\" (click)=\"showConfirmDeleteDashboardItem(item)\"><span\r\n                  class=\"k-icon k-i-delete\"></span></button>\r\n            </div>\r\n          </div>\r\n        </kendo-tilelayout-item-header>\r\n        <kendo-tilelayout-item-body [ngClass]=\"[getIsEditingItemBodyStyle()]\">\r\n          <app-resource [Data]=\"item.ResourceData\" [isVisible]=\"true\" (ContentLoadingStarted)=\"loadingStarted($event)\" (ContentLoadingComplete)=\"loadingComplete($event)\"></app-resource>\r\n        </kendo-tilelayout-item-body>\r\n      </kendo-tilelayout-item>\r\n    </kendo-tilelayout>\r\n  </div>\r\n</div>\r\n", styles: [".dashboard-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n.dashboard-title .k-icon {\r\n    color: #ff6358;\r\n    font-size: 25px;\r\n}\r\n.dashboard-title h3 {\r\ncolor:  #424242;\r\nfont-size: 28px;\r\nfont-style: normal;\r\nfont-weight: 300;\r\nline-height: 28px;\r\n}\r\n.dashboard-header {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n}\r\n::ng-deep .dashboard-header .btn-ref .k-button-text {\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n    .dashboard-header .btn-ref {\r\n    border: none;\r\n    background: transparent;\r\n}\r\n.main-head-dashboard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.tile-resource-container .k-tilelayout {\r\n    background: #fff;\r\n}\r\n\r\n.bg-light-grey {\r\n    background-color: lightgray;\r\n}\r\n\r\n.bg-dark-grey {\r\n    background-color: darkgray;\r\n}\r\n\r\n.bg-blue {\r\n    background-color: #4250AD;\r\n    color: white;\r\n}\r\n\r\n.dashboard-item-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.button-spacing {\r\n    margin-right: 8px\r\n}"] }]
+    }], () => [{ type: i1.SharedService }], { dashboardNameInput: [{
+            type: ViewChild,
+            args: ['dashboardNameInput']
+        }], ResourceData: [{
+            type: Input
+        }], dashboardSaved: [{
+            type: Output
+        }], loadComplete: [{
+            type: Output
+        }], loadStarted: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleDashboardComponent, { className: "SingleDashboardComponent", filePath: "src\\lib\\single-dashboard\\single-dashboard.component.ts", lineNumber: 15 }); })();
+export class DashboardConfigDetails {
+    constructor() {
+        this.columns = 4;
+        this.rowHeight = 150;
+        this.resizable = true;
+        this.reorderable = true;
+    }
+}
+export class DashboardItem {
+    getNextUniqueID() {
+        return DashboardItem.nextUniqueId++;
+    }
+    constructor() {
+        this.contentLoading = false;
+        this.uniqueId = this.getNextUniqueID();
+    }
+}
+DashboardItem.nextUniqueId = 1;