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

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

@@ -151,35 +151,143 @@ function SingleDashboardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1)
 } }
 export class SingleDashboardComponent extends BaseDashboard {
     route;
-    sharedService;
-    dashboardNameInput;
+    SharedService;
+    DashboardNameInput;
+    /** @deprecated Use {@link DashboardNameInput}. */
+    get dashboardNameInput() {
+        return this.DashboardNameInput;
+    }
+    /** @deprecated Use {@link DashboardNameInput}. */
+    set dashboardNameInput(value) {
+        this.DashboardNameInput = value;
+    }
     ResourceData;
-    dashboardSaved = new EventEmitter();
-    loadComplete = new EventEmitter();
-    loadStarted = new EventEmitter();
-    items = [];
-    dashboardEntity;
+    DashboardSaved = new EventEmitter();
+    /**
+     * @deprecated Use {@link DashboardSaved}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (dashboardSaved) keeps working. Must stay AFTER DashboardSaved: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    dashboardSaved = this.DashboardSaved;
+    loadComplete = new EventEmitter(); // case-violation-ok-legacy-back-compat: an ancestor class already declares the PascalCase name
+    loadStarted = new EventEmitter(); // case-violation-ok-legacy-back-compat: an ancestor class already declares the PascalCase name
+    Items = [];
+    /** @deprecated Use {@link Items}. */
+    get items() {
+        return this.Items;
+    }
+    /** @deprecated Use {@link Items}. */
+    set items(value) {
+        this.Items = value;
+    }
+    DashboardEntity;
+    /** @deprecated Use {@link DashboardEntity}. */
+    get dashboardEntity() {
+        return this.DashboardEntity;
+    }
+    /** @deprecated Use {@link DashboardEntity}. */
+    set dashboardEntity(value) {
+        this.DashboardEntity = value;
+    }
     config = new DashboardConfigDetails();
-    isItemDialogOpened = false;
-    isEditDialogOpened = false;
-    isEditDashboardNameDialogOpened = false;
-    isDeletingDashboardItem = false;
-    allowResize = false;
-    allowReorder = false;
-    isEditingDashboard = false;
-    selectedResource;
-    selectedDashboardItem;
+    IsItemDialogOpened = false;
+    /** @deprecated Use {@link IsItemDialogOpened}. */
+    get isItemDialogOpened() {
+        return this.IsItemDialogOpened;
+    }
+    /** @deprecated Use {@link IsItemDialogOpened}. */
+    set isItemDialogOpened(value) {
+        this.IsItemDialogOpened = value;
+    }
+    IsEditDialogOpened = false;
+    /** @deprecated Use {@link IsEditDialogOpened}. */
+    get isEditDialogOpened() {
+        return this.IsEditDialogOpened;
+    }
+    /** @deprecated Use {@link IsEditDialogOpened}. */
+    set isEditDialogOpened(value) {
+        this.IsEditDialogOpened = value;
+    }
+    IsEditDashboardNameDialogOpened = false;
+    /** @deprecated Use {@link IsEditDashboardNameDialogOpened}. */
+    get isEditDashboardNameDialogOpened() {
+        return this.IsEditDashboardNameDialogOpened;
+    }
+    /** @deprecated Use {@link IsEditDashboardNameDialogOpened}. */
+    set isEditDashboardNameDialogOpened(value) {
+        this.IsEditDashboardNameDialogOpened = value;
+    }
+    IsDeletingDashboardItem = false;
+    /** @deprecated Use {@link IsDeletingDashboardItem}. */
+    get isDeletingDashboardItem() {
+        return this.IsDeletingDashboardItem;
+    }
+    /** @deprecated Use {@link IsDeletingDashboardItem}. */
+    set isDeletingDashboardItem(value) {
+        this.IsDeletingDashboardItem = value;
+    }
+    AllowResize = false;
+    /** @deprecated Use {@link AllowResize}. */
+    get allowResize() {
+        return this.AllowResize;
+    }
+    /** @deprecated Use {@link AllowResize}. */
+    set allowResize(value) {
+        this.AllowResize = value;
+    }
+    AllowReorder = false;
+    /** @deprecated Use {@link AllowReorder}. */
+    get allowReorder() {
+        return this.AllowReorder;
+    }
+    /** @deprecated Use {@link AllowReorder}. */
+    set allowReorder(value) {
+        this.AllowReorder = value;
+    }
+    IsEditingDashboard = false;
+    /** @deprecated Use {@link IsEditingDashboard}. */
+    get isEditingDashboard() {
+        return this.IsEditingDashboard;
+    }
+    /** @deprecated Use {@link IsEditingDashboard}. */
+    set isEditingDashboard(value) {
+        this.IsEditingDashboard = value;
+    }
+    SelectedResource;
+    /** @deprecated Use {@link SelectedResource}. */
+    get selectedResource() {
+        return this.SelectedResource;
+    }
+    /** @deprecated Use {@link SelectedResource}. */
+    set selectedResource(value) {
+        this.SelectedResource = value;
+    }
+    SelectedDashboardItem;
+    /** @deprecated Use {@link SelectedDashboardItem}. */
+    get selectedDashboardItem() {
+        return this.SelectedDashboardItem;
+    }
+    /** @deprecated Use {@link SelectedDashboardItem}. */
+    set selectedDashboardItem(value) {
+        this.SelectedDashboardItem = value;
+    }
     saveChangesSubject = new Subject();
     editOnLoad = false;
     recentAccessService;
-    get contentLoading() {
-        for (const item of this.items) {
+    get ContentLoading() {
+        for (const item of this.Items) {
             if (item.contentLoading) {
                 return true;
             }
         }
         return false;
     }
+    /** @deprecated Use {@link ContentLoading}. */
+    get contentLoading() {
+        return this.ContentLoading;
+    }
     initDashboard() {
     }
     loadData() {
@@ -187,10 +295,10 @@ export class SingleDashboardComponent extends BaseDashboard {
     async GetResourceDisplayName(data) {
         return "Dashboard";
     }
-    constructor(route, sharedService) {
+    constructor(route, SharedService) {
         super();
         this.route = route;
-        this.sharedService = sharedService;
+        this.SharedService = SharedService;
         this.recentAccessService = new RecentAccessService();
         this.saveChangesSubject
             .pipe(debounceTime(500), takeUntil(this.destroy$))
@@ -202,6 +310,14 @@ export class SingleDashboardComponent extends BaseDashboard {
             this.editOnLoad = true;
         }
     }
+    /** @deprecated Use {@link SharedService}. */
+    get sharedService() {
+        return this.SharedService;
+    }
+    /** @deprecated Use {@link SharedService}. */
+    set sharedService(value) {
+        this.SharedService = value;
+    }
     async ngOnInit() {
         super.ngOnInit();
         // load up the dashboard
@@ -210,13 +326,13 @@ export class SingleDashboardComponent extends BaseDashboard {
         if (this.ResourceData) {
             const md = this.ProviderToUse;
             let uiConfig = { items: [] };
-            this.dashboardEntity = await md.GetEntityObject('MJ: Dashboards');
+            this.DashboardEntity = await md.GetEntityObject('MJ: Dashboards');
             if (this.ResourceData.ResourceRecordID && this.ResourceData.ResourceRecordID.length > 0) {
-                await this.dashboardEntity.Load(this.ResourceData.ResourceRecordID);
+                await this.DashboardEntity.Load(this.ResourceData.ResourceRecordID);
                 // Log access to dashboard (fire-and-forget, don't await)
                 this.recentAccessService.logAccess('Dashboards', this.ResourceData.ResourceRecordID, 'dashboard');
                 // now we have loaded and we need to get the UIConfigDetails
-                const raw = this.dashboardEntity.UIConfigDetails;
+                const raw = this.DashboardEntity.UIConfigDetails;
                 if (raw) {
                     uiConfig = JSON.parse(raw);
                     this.config.columns = uiConfig.columns;
@@ -228,15 +344,15 @@ export class SingleDashboardComponent extends BaseDashboard {
                 //and we only want to show the edit view once
                 if (this.editOnLoad) {
                     this.editOnLoad = false;
-                    this.toggleEditDashboard(true);
+                    this.ToggleEditDashboard(true);
                 }
             }
             else {
-                this.dashboardEntity.NewRecord(); // creating a new dashboard
-                this.dashboardEntity.UserID = md.CurrentUser.ID;
+                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';
+                this.DashboardEntity.Name = 'My Dashboard';
                 // Set default configuration
                 this.config.columns = 4; // 4-column layout
                 this.config.rowHeight = 150;
@@ -244,15 +360,15 @@ export class SingleDashboardComponent extends BaseDashboard {
                 this.config.reorderable = true;
                 // Automatically show edit mode for new dashboards to encourage adding items
                 setTimeout(() => {
-                    this.toggleEditDashboard(true);
+                    this.ToggleEditDashboard(true);
                 }, 500);
             }
             // now we need to load up the items
-            this.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);
+                this.Items.push(dashboardItem);
             }
         }
         this.NotifyLoadComplete();
@@ -270,170 +386,258 @@ export class SingleDashboardComponent extends BaseDashboard {
         }
         return dashboardItem;
     }
-    loadingStarted(resourceComponent) {
+    LoadingStarted(resourceComponent) {
         // look up the copmonent in the 
-        const item = this.items.find(i => i.ResourceData === resourceComponent.Data);
+        const item = this.Items.find(i => i.ResourceData === resourceComponent.Data);
         if (item) {
             item.contentLoading = true;
             this.loadStarted.emit();
         }
     }
-    loadingComplete(resourceComponent) {
+    /** @deprecated Use {@link LoadingStarted}. */
+    loadingStarted(resourceComponent) {
+        return this.LoadingStarted(resourceComponent);
+    }
+    LoadingComplete(resourceComponent) {
         // look up the copmonent in the 
-        const item = this.items.find(i => i.ResourceData === resourceComponent.Data);
+        const item = this.Items.find(i => i.ResourceData === resourceComponent.Data);
         if (item) {
             item.contentLoading = false;
-            if (!this.contentLoading) {
+            if (!this.ContentLoading) {
                 this.loadComplete.emit();
             }
         }
     }
+    /** @deprecated Use {@link LoadingComplete}. */
+    loadingComplete(resourceComponent) {
+        return this.LoadingComplete(resourceComponent);
+    }
+    AddItem(resourceType = null) {
+        this.SelectedResource = resourceType;
+        this.IsItemDialogOpened = true;
+        this.IsEditDialogOpened = false;
+    }
+    /** @deprecated Use {@link AddItem}. */
     addItem(resourceType = null) {
-        this.selectedResource = resourceType;
-        this.isItemDialogOpened = true;
-        this.isEditDialogOpened = false;
+        return this.AddItem(resourceType);
     }
-    closeDialog(data) {
+    CloseDialog(data) {
         if (data) {
             const dashboardItem = this.CreateDashboardItem(data);
-            this.items.push(dashboardItem);
+            this.Items.push(dashboardItem);
             console.log(dashboardItem);
             this.saveChangesSubject.next(true);
         }
-        this.selectedResource = null;
-        this.isItemDialogOpened = false;
+        this.SelectedResource = null;
+        this.IsItemDialogOpened = false;
+    }
+    /** @deprecated Use {@link CloseDialog}. */
+    closeDialog(data) {
+        return this.CloseDialog(data);
     }
+    ToggleEditDashboard(allowEdit) {
+        this.AllowReorder = allowEdit;
+        this.AllowResize = allowEdit;
+        this.IsEditingDashboard = allowEdit;
+        this.ToggleInlineNameEdit(false);
+    }
+    /** @deprecated Use {@link ToggleEditDashboard}. */
     toggleEditDashboard(allowEdit) {
-        this.allowReorder = allowEdit;
-        this.allowResize = allowEdit;
-        this.isEditingDashboard = allowEdit;
-        this.toggleInlineNameEdit(false);
+        return this.ToggleEditDashboard(allowEdit);
     }
-    async onClickSaveDashboard() {
-        this.toggleEditDashboard(false);
+    async OnClickSaveDashboard() {
+        this.ToggleEditDashboard(false);
         let result = await this.SaveDashboard();
         if (result) {
-            this.sharedService.CreateSimpleNotification("Dashboard changes have been saved.", "success", 1000);
+            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);
+            this.SharedService.CreateSimpleNotification("An error occured saving the dashboard changes", "error", 1000);
         }
     }
-    async onclickCancelChanges() {
-        this.toggleEditDashboard(false);
+    /** @deprecated Use {@link OnClickSaveDashboard}. */
+    async onClickSaveDashboard() {
+        return this.OnClickSaveDashboard();
+    }
+    async OnclickCancelChanges() {
+        this.ToggleEditDashboard(false);
         await this.ngOnInit();
     }
+    /** @deprecated Use {@link OnclickCancelChanges}. */
+    async onclickCancelChanges() {
+        return this.OnclickCancelChanges();
+    }
+    CloseDashboardDialog(data = null) {
+        this.IsEditDialogOpened = false;
+    }
+    /** @deprecated Use {@link CloseDashboardDialog}. */
     closeDashboardDialog(data = null) {
-        this.isEditDialogOpened = false;
+        return this.CloseDashboardDialog(data);
     }
-    saveChanges(data) {
+    SaveChanges(data) {
         if (data.config) {
             this.config = data.config;
         }
         if (data.itemsChanged && data.items) {
-            this.items = data.items;
-            this.sharedService.InvokeManualResize();
+            this.Items = data.items;
+            this.SharedService.InvokeManualResize();
         }
         this.SaveDashboard();
-        this.closeDashboardDialog();
+        this.CloseDashboardDialog();
+    }
+    /** @deprecated Use {@link SaveChanges}. */
+    saveChanges(data) {
+        return this.SaveChanges(data);
     }
     async SaveDashboard() {
-        if (this.dashboardEntity) {
+        if (this.DashboardEntity) {
             const configData = {
                 columns: this.config.columns,
                 rowHeight: this.config.rowHeight,
                 resizable: this.config.resizable,
                 reorderable: this.config.reorderable,
-                items: this.items
+                items: this.Items
             };
             const configJSON = JSON.stringify(configData);
-            this.dashboardEntity.UIConfigDetails = configJSON;
-            const result = await this.dashboardEntity.Save();
+            this.DashboardEntity.UIConfigDetails = configJSON;
+            const result = await this.DashboardEntity.Save();
             return result;
         }
         else
             return false;
     }
+    DashboardSaveComplete(entity) {
+        this.DashboardSaved.emit(entity);
+    }
+    /** @deprecated Use {@link DashboardSaveComplete}. */
     dashboardSaveComplete(entity) {
-        this.dashboardSaved.emit(entity);
+        return this.DashboardSaveComplete(entity);
     }
-    toggleInlineNameEdit(visible) {
-        this.isEditDashboardNameDialogOpened = visible;
-        if (this.isEditDashboardNameDialogOpened) {
-            this.dashboardNameInput?.nativeElement?.focus();
+    ToggleInlineNameEdit(visible) {
+        this.IsEditDashboardNameDialogOpened = visible;
+        if (this.IsEditDashboardNameDialogOpened) {
+            this.DashboardNameInput?.nativeElement?.focus();
         }
     }
-    saveDashboardName() {
-        this.toggleInlineNameEdit(true);
-        const inputValue = this.dashboardNameInput.nativeElement.value;
+    /** @deprecated Use {@link ToggleInlineNameEdit}. */
+    toggleInlineNameEdit(visible) {
+        return this.ToggleInlineNameEdit(visible);
+    }
+    SaveDashboardName() {
+        this.ToggleInlineNameEdit(true);
+        const inputValue = this.DashboardNameInput.nativeElement.value;
         if (inputValue && inputValue.length > 3) {
-            this.dashboardEntity.Name = inputValue;
+            this.DashboardEntity.Name = inputValue;
             this.SaveDashboard();
         }
         else {
-            this.sharedService.CreateSimpleNotification('Invalid dashboard name: Must be at least 3 characters.', 'warning', 1000);
+            this.SharedService.CreateSimpleNotification('Invalid dashboard name: Must be at least 3 characters.', 'warning', 1000);
         }
     }
+    /** @deprecated Use {@link SaveDashboardName}. */
+    saveDashboardName() {
+        return this.SaveDashboardName();
+    }
+    CancelNameChange() {
+        this.ToggleInlineNameEdit(false);
+    }
+    /** @deprecated Use {@link CancelNameChange}. */
     cancelNameChange() {
-        this.toggleInlineNameEdit(false);
+        return this.CancelNameChange();
+    }
+    CloseDeleteItemComponent() {
+        this.SelectedDashboardItem = null;
+        this.IsDeletingDashboardItem = false;
     }
+    /** @deprecated Use {@link CloseDeleteItemComponent}. */
     closeDeleteItemComponent() {
-        this.selectedDashboardItem = null;
-        this.isDeletingDashboardItem = false;
+        return this.CloseDeleteItemComponent();
     }
+    ShowConfirmDeleteDashboardItem(item) {
+        this.SelectedDashboardItem = item;
+        this.IsDeletingDashboardItem = true;
+    }
+    /** @deprecated Use {@link ShowConfirmDeleteDashboardItem}. */
     showConfirmDeleteDashboardItem(item) {
-        this.selectedDashboardItem = item;
-        this.isDeletingDashboardItem = true;
+        return this.ShowConfirmDeleteDashboardItem(item);
     }
-    async deleteDashboardItem(item) {
-        this.items = this.items.filter(i => i.uniqueId != item.uniqueId);
+    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);
+            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.SharedService.CreateSimpleNotification(`Unable to delete dashboard item ${item.uniqueId}`, "error", 1000);
         }
-        this.selectedDashboardItem = null;
-        this.isDeletingDashboardItem = false;
+        this.SelectedDashboardItem = null;
+        this.IsDeletingDashboardItem = false;
+    }
+    /** @deprecated Use {@link DeleteDashboardItem}. */
+    async deleteDashboardItem(item) {
+        return this.DeleteDashboardItem(item);
     }
+    GetIsEditingItemBodyStyle() {
+        return this.IsEditingDashboard ? "bg-light-grey" : "";
+    }
+    /** @deprecated Use {@link GetIsEditingItemBodyStyle}. */
     getIsEditingItemBodyStyle() {
-        return this.isEditingDashboard ? "bg-light-grey" : "";
+        return this.GetIsEditingItemBodyStyle();
+    }
+    GetIsEditingItemHeaderStyle() {
+        return this.IsEditingDashboard ? "bg-dark-grey" : "bg-blue";
     }
+    /** @deprecated Use {@link GetIsEditingItemHeaderStyle}. */
     getIsEditingItemHeaderStyle() {
-        return this.isEditingDashboard ? "bg-dark-grey" : "bg-blue";
+        return this.GetIsEditingItemHeaderStyle();
     }
-    onReorder(e) {
-        const item = e.uniqueId != null ? this.items.find(i => i.uniqueId === e.uniqueId) : this.items[e.oldIndex];
+    OnReorder(e) {
+        const item = e.uniqueId != null ? this.Items.find(i => i.uniqueId === e.uniqueId) : this.Items[e.oldIndex];
         if (item) {
             if (e.oldIndex !== e.newIndex) {
-                this.items.splice(e.oldIndex, 1);
-                this.items.splice(e.newIndex, 0, item);
+                this.Items.splice(e.oldIndex, 1);
+                this.Items.splice(e.newIndex, 0, item);
             }
             item.col = e.newCol ?? item.col;
             item.row = e.newRow ?? item.row;
         }
     }
-    onResize(e) {
-        const item = e.uniqueId != null ? this.items.find(i => i.uniqueId === e.uniqueId) : undefined;
+    /** @deprecated Use {@link OnReorder}. */
+    onReorder(e) {
+        return this.OnReorder(e);
+    }
+    OnResize(e) {
+        const item = e.uniqueId != null ? this.Items.find(i => i.uniqueId === e.uniqueId) : undefined;
         if (item) {
             item.colSpan = e.newColSpan;
             item.rowSpan = e.newRowSpan;
         }
     }
+    /** @deprecated Use {@link OnResize}. */
+    onResize(e) {
+        return this.OnResize(e);
+    }
+    OnMouseEnter(e) {
+        // Available for future drag-and-drop support
+    }
+    /** @deprecated Use {@link OnMouseEnter}. */
     onMouseEnter(e) {
+        return this.OnMouseEnter(e);
+    }
+    OnMouseOut(e) {
         // Available for future drag-and-drop support
     }
+    /** @deprecated Use {@link OnMouseOut}. */
     onMouseOut(e) {
-        // Available for future drag-and-drop support
+        return this.OnMouseOut(e);
     }
     /**
      * Get the appropriate icon for a resource type
      * @param resourceType The type of resource
      * @returns FontAwesome icon class
      */
-    getResourceIcon(resourceType) {
+    GetResourceIcon(resourceType) {
         // Default to a cube icon if type is undefined
         if (!resourceType)
             return 'fa-solid fa-cube';
@@ -446,13 +650,17 @@ export class SingleDashboardComponent extends BaseDashboard {
         };
         return iconMap[resourceType] || iconMap['default'];
     }
+    /** @deprecated Use {@link GetResourceIcon}. */
+    getResourceIcon(resourceType) {
+        return this.GetResourceIcon(resourceType);
+    }
     static ɵfac = function SingleDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || 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" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 14, vars: 7, consts: [["dashboardNameInput", ""], [3, "selectedResource"], [3, "dashboardItem"], [1, "dashboard-container"], [1, "main-head-dashboard"], [1, "dashboard-title"], [1, "dashboard-header"], [1, "tile-resource-container"], ["Icon", "fa-solid fa-grip-vertical", "Title", "This dashboard is empty", "Message", "Start by adding reports or user views to your dashboard", "ActionText", "Add Item", "ActionIcon", "fa-solid fa-plus", 1, "empty-dashboard"], [1, "mj-tile-layout", 3, "grid-template-columns", "grid-auto-rows"], [3, "onClose", "selectedResource"], [3, "onClose", "triggerAddItem", "onSave", "items", "config"], [3, "removeDashboardItem", "onClose", "dashboardItem"], ["type", "text", "placeholder", "Enter name here", "id", "txtDashboardName", 1, "mj-input", 3, "keydown.enter"], ["mjButton", "", 3, "click"], [1, "fa-solid", "fa-check"], [1, "fa-solid", "fa-xmark"], ["aria-hidden", "true", 1, "fa-solid", "fa-star", "dashboard-star-icon"], [3, "click"], [1, "fa-solid", "fa-plus"], [1, "fa-solid", "fa-gear"], ["Icon", "fa-solid fa-grip-vertical", "Title", "This dashboard is empty", "Message", "Start by adding reports or user views to your dashboard", "ActionText", "Add Item", "ActionIcon", "fa-solid fa-plus", 1, "empty-dashboard", 3, "Action"], [1, "mj-tile-layout"], [1, "mj-tile-item", 3, "grid-column", "grid-row", "id"], [1, "mj-tile-item", 3, "mouseenter", "mouseleave", "id"], [1, "mj-tile-header", 3, "ngClass"], [1, "item-title"], ["aria-hidden", "true"], [1, "mj-tile-body", 3, "ngClass"], [3, "ContentLoadingStarted", "ContentLoadingComplete", "Data", "isVisible"], [1, "btn-wrapper"], ["mjButton", "", "title", "Edit dashboard", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], ["mjButton", "", "title", "Remove item", 3, "click"], [1, "fa-solid", "fa-trash"]], template: function SingleDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.DashboardNameInput = _t.first);
+        } }, inputs: { ResourceData: "ResourceData" }, outputs: { DashboardSaved: "DashboardSaved", dashboardSaved: "dashboardSaved", loadComplete: "loadComplete", loadStarted: "loadStarted" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 14, vars: 7, consts: [["dashboardNameInput", ""], [3, "selectedResource"], [3, "dashboardItem"], [1, "dashboard-container"], [1, "main-head-dashboard"], [1, "dashboard-title"], [1, "dashboard-header"], [1, "tile-resource-container"], ["Icon", "fa-solid fa-grip-vertical", "Title", "This dashboard is empty", "Message", "Start by adding reports or user views to your dashboard", "ActionText", "Add Item", "ActionIcon", "fa-solid fa-plus", 1, "empty-dashboard"], [1, "mj-tile-layout", 3, "grid-template-columns", "grid-auto-rows"], [3, "onClose", "selectedResource"], [3, "onClose", "triggerAddItem", "onSave", "items", "config"], [3, "removeDashboardItem", "onClose", "dashboardItem"], ["type", "text", "placeholder", "Enter name here", "id", "txtDashboardName", 1, "mj-input", 3, "keydown.enter"], ["mjButton", "", 3, "click"], [1, "fa-solid", "fa-check"], [1, "fa-solid", "fa-xmark"], ["aria-hidden", "true", 1, "fa-solid", "fa-star", "dashboard-star-icon"], [3, "click"], [1, "fa-solid", "fa-plus"], [1, "fa-solid", "fa-gear"], ["Icon", "fa-solid fa-grip-vertical", "Title", "This dashboard is empty", "Message", "Start by adding reports or user views to your dashboard", "ActionText", "Add Item", "ActionIcon", "fa-solid fa-plus", 1, "empty-dashboard", 3, "Action"], [1, "mj-tile-layout"], [1, "mj-tile-item", 3, "grid-column", "grid-row", "id"], [1, "mj-tile-item", 3, "mouseenter", "mouseleave", "id"], [1, "mj-tile-header", 3, "ngClass"], [1, "item-title"], ["aria-hidden", "true"], [1, "mj-tile-body", 3, "ngClass"], [3, "ContentLoadingStarted", "ContentLoadingComplete", "Data", "isVisible"], [1, "btn-wrapper"], ["mjButton", "", "title", "Edit dashboard", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], ["mjButton", "", "title", "Remove item", 3, "click"], [1, "fa-solid", "fa-trash"]], template: function SingleDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, SingleDashboardComponent_Conditional_0_Template, 1, 1, "app-add-item-dialog", 1);
             i0.ɵɵconditionalCreate(1, SingleDashboardComponent_Conditional_1_Template, 2, 2, "div");
             i0.ɵɵconditionalCreate(2, SingleDashboardComponent_Conditional_2_Template, 1, 1, "app-delete-item-dialog", 2);
@@ -485,11 +693,13 @@ export class SingleDashboardComponent extends BaseDashboard {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleDashboardComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-single-dashboard', template: "@if (isItemDialogOpened) {\n  <app-add-item-dialog (onClose)=\"closeDialog($event)\" [selectedResource]=\"selectedResource\"></app-add-item-dialog>\n}\n@if (isEditDialogOpened) {\n  <div>\n    <app-edit-dashboard (onClose)=\"closeDashboardDialog($event)\" (triggerAddItem)=\"addItem($event)\" [items]=\"items\" [config]=\"config\" (onSave)=\"saveChanges($event)\"></app-edit-dashboard>\n  </div>\n}\n\n@if (isDeletingDashboardItem) {\n  <app-delete-item-dialog [dashboardItem]=\"selectedDashboardItem\" (removeDashboardItem)=\"deleteDashboardItem($event)\" (onClose)=\"closeDeleteItemComponent()\"></app-delete-item-dialog>\n}\n\n<div class=\"dashboard-container\">\n  <div class=\"main-head-dashboard\">\n    <div class=\"dashboard-title\">\n      @if (isEditDashboardNameDialogOpened) {\n        <div class=\"dashboard-header\">\n          <input class=\"mj-input\" (keydown.enter)=\"saveDashboardName()\" type=\"text\" placeholder=\"Enter name here\" id=\"txtDashboardName\" #dashboardNameInput>\n          <button mjButton (click)=\"saveDashboardName()\">\n            <span class=\"fa-solid fa-check\"></span>\n            Save\n          </button>\n          <button mjButton (click)=\"cancelNameChange()\" >\n            <span class=\"fa-solid fa-xmark\"></span>\n            Cancel\n          </button>\n        </div>\n      } @else {\n        <i class=\"fa-solid fa-star dashboard-star-icon\" aria-hidden=\"true\"></i>\n        <h3 (click)=\"toggleInlineNameEdit(true)\">{{dashboardEntity ? dashboardEntity.Name : ''}}</h3>\n      }\n    </div>\n    <div class=\"dashboard-header\">\n      @if (isEditingDashboard) {\n        <div>\n          <button mjButton (click)=\"onClickSaveDashboard()\">\n            <span class=\"fa-solid fa-check\"></span>\n            Save\n          </button>\n          <button mjButton (click)=\"onclickCancelChanges()\">\n            <span class=\"fa-solid fa-xmark\"></span>\n            Cancel\n          </button>\n        </div>\n      } @else {\n        <button mjButton (click)=\"addItem()\">\n          <span class=\"fa-solid fa-plus\"></span>\n          Add Item\n        </button>\n        <button mjButton (click)=\"toggleEditDashboard(true)\" >\n          <span class=\"fa-solid fa-gear\"></span>\n          Edit Dashboard\n        </button>\n      }\n    </div>\n  </div>\n  <div class=\"tile-resource-container\">\n    <!-- Show empty state if no items -->\n    @if (items.length === 0 && !isEditingDashboard) {\n      <mj-empty-state class=\"empty-dashboard\"\n        Icon=\"fa-solid fa-grip-vertical\"\n        Title=\"This dashboard is empty\"\n        Message=\"Start by adding reports or user views to your dashboard\"\n        ActionText=\"Add Item\"\n        ActionIcon=\"fa-solid fa-plus\"\n        (Action)=\"addItem()\" />\n    }\n\n    <!-- Show tile layout if there are items or if editing -->\n    @if (items.length > 0 || isEditingDashboard) {\n      <div class=\"mj-tile-layout\"\n        [style.grid-template-columns]=\"'repeat(' + config.columns + ', 1fr)'\"\n        [style.grid-auto-rows]=\"config.rowHeight + 'px'\">\n        @for (item of items; track item.uniqueId) {\n          <div class=\"mj-tile-item\"\n            [style.grid-column]=\"item.col + ' / span ' + item.colSpan\"\n            [style.grid-row]=\"'span ' + item.rowSpan\"\n            [id]=\"item.uniqueId\"\n            (mouseenter)=\"onMouseEnter($event)\"\n            (mouseleave)=\"onMouseOut($event)\">\n            <div class=\"mj-tile-header\" [ngClass]=\"[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 mjButton title=\"Edit dashboard\" (click)=\"toggleEditDashboard(true)\">\n                      <span class=\"fa-solid fa-pen-to-square\"></span>\n                    </button>\n                    <button mjButton title=\"Remove item\" (click)=\"showConfirmDeleteDashboardItem(item)\">\n                      <span class=\"fa-solid fa-trash\"></span>\n                    </button>\n                  </div>\n                </div>\n              }\n            </div>\n            <div class=\"mj-tile-body\" [ngClass]=\"[getIsEditingItemBodyStyle()]\">\n              <mj-resource [Data]=\"item.ResourceData\" [isVisible]=\"true\" (ContentLoadingStarted)=\"loadingStarted($event)\" (ContentLoadingComplete)=\"loadingComplete($event)\"></mj-resource>\n            </div>\n          </div>\n        }\n      </div>\n    }\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-star-icon {\n    color: var(--mj-brand-primary);\n    font-size: 22px;\n}\n\n.dashboard-title h3 {\n    color: var(--mj-text-secondary);\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    justify-content: flex-end;\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.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 var(--mj-border-subtle);\n}\n\n.tile-resource-container {\n    margin-top: 20px;\n    padding: 15px;\n    border-radius: 8px;\n    background-color: var(--mj-bg-surface-card);\n}\n\n/* CSS Grid tile layout */\n.mj-tile-layout {\n    display: grid;\n    gap: 16px;\n    background: var(--mj-bg-surface);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    border-radius: 8px;\n    padding: 10px;\n}\n\n.mj-tile-item {\n    border-radius: 6px;\n    overflow: hidden;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n    background: var(--mj-bg-surface);\n    display: flex;\n    flex-direction: column;\n}\n\n.mj-tile-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 10px 15px;\n    font-weight: 500;\n    background-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse, white);\n}\n\n.mj-tile-header .item-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mj-tile-body {\n    flex: 1;\n    overflow: auto;\n}\n\n.bg-light-grey {\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.bg-dark-grey {\n    background-color: var(--mj-text-secondary);\n    color: var(--mj-text-inverse, white);\n}\n\n.bg-blue {\n    background-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse, white);\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: var(--mj-text-secondary);\n    background-color: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    margin-top: 20px;\n}\n\n.empty-dashboard i {\n    font-size: 48px;\n    margin-bottom: 20px;\n    color: var(--mj-border-strong);\n}\n\n.empty-dashboard h3 {\n    margin-bottom: 10px;\n}\n\n.empty-dashboard p {\n    margin-bottom: 20px;\n}\n"] }]
-    }], () => [{ type: i1.ActivatedRoute }, { type: i2.SharedService }], { dashboardNameInput: [{
+    }], () => [{ type: i1.ActivatedRoute }, { type: i2.SharedService }], { DashboardNameInput: [{
             type: ViewChild,
             args: ['dashboardNameInput']
         }], ResourceData: [{
             type: Input
+        }], DashboardSaved: [{
+            type: Output
         }], dashboardSaved: [{
             type: Output
         }], loadComplete: [{
@@ -499,10 +709,10 @@ export class SingleDashboardComponent extends BaseDashboard {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleDashboardComponent, { className: "SingleDashboardComponent", filePath: "src/lib/single-dashboard/single-dashboard.component.ts", lineNumber: 17 }); })();
 export class DashboardConfigDetails {
-    columns = 4;
-    rowHeight = 150;
-    resizable = true;
-    reorderable = true;
+    columns = 4; // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply
+    rowHeight = 150; // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply
+    resizable = true; // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply
+    reorderable = true; // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply
 }
 export class DashboardItem {
     static nextUniqueId = 1;
@@ -510,16 +720,80 @@ export class DashboardItem {
         return DashboardItem.nextUniqueId++;
     }
     constructor() {
-        this.uniqueId = this.getNextUniqueID();
-    }
-    uniqueId;
-    title;
-    col;
-    row;
-    rowSpan;
-    colSpan;
-    order;
+        this.UniqueId = this.getNextUniqueID();
+    }
+    UniqueId;
+    /** @deprecated Use {@link UniqueId}. */
+    get uniqueId() {
+        return this.UniqueId;
+    }
+    /** @deprecated Use {@link UniqueId}. */
+    set uniqueId(value) {
+        this.UniqueId = value;
+    }
+    Title;
+    /** @deprecated Use {@link Title}. */
+    get title() {
+        return this.Title;
+    }
+    /** @deprecated Use {@link Title}. */
+    set title(value) {
+        this.Title = value;
+    }
+    Col;
+    /** @deprecated Use {@link Col}. */
+    get col() {
+        return this.Col;
+    }
+    /** @deprecated Use {@link Col}. */
+    set col(value) {
+        this.Col = value;
+    }
+    Row;
+    /** @deprecated Use {@link Row}. */
+    get row() {
+        return this.Row;
+    }
+    /** @deprecated Use {@link Row}. */
+    set row(value) {
+        this.Row = value;
+    }
+    RowSpan;
+    /** @deprecated Use {@link RowSpan}. */
+    get rowSpan() {
+        return this.RowSpan;
+    }
+    /** @deprecated Use {@link RowSpan}. */
+    set rowSpan(value) {
+        this.RowSpan = value;
+    }
+    ColSpan;
+    /** @deprecated Use {@link ColSpan}. */
+    get colSpan() {
+        return this.ColSpan;
+    }
+    /** @deprecated Use {@link ColSpan}. */
+    set colSpan(value) {
+        this.ColSpan = value;
+    }
+    Order;
+    /** @deprecated Use {@link Order}. */
+    get order() {
+        return this.Order;
+    }
+    /** @deprecated Use {@link Order}. */
+    set order(value) {
+        this.Order = value;
+    }
     ResourceData;
-    contentLoading = false;
+    ContentLoading = false;
+    /** @deprecated Use {@link ContentLoading}. */
+    get contentLoading() {
+        return this.ContentLoading;
+    }
+    /** @deprecated Use {@link ContentLoading}. */
+    set contentLoading(value) {
+        this.ContentLoading = value;
+    }
 }
 //# sourceMappingURL=single-dashboard.component.js.map