@memberjunction/ng-explorer-core 3.0.0 → 3.1.1

package/dist/lib/resource-wrappers/dashboard-resource.component.js

@@ -6,16 +6,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { Component, ViewChild } from '@angular/core';
 import { BaseResourceComponent, BaseDashboard } from '@memberjunction/ng-shared';
-import { ResourceData, DashboardEngine } from '@memberjunction/core-entities';
+import { DashboardEngine } from '@memberjunction/core-entities';
 import { RegisterClass, MJGlobal, SafeJSONParse } from '@memberjunction/global';
 import { Metadata, CompositeKey, LogError } from '@memberjunction/core';
-import { SingleDashboardComponent } from '../single-dashboard/single-dashboard.component';
 import { DataExplorerDashboardComponent } from '@memberjunction/ng-dashboards';
+import { DashboardViewerComponent } from '@memberjunction/ng-dashboard-viewer';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-shared";
+import * as i2 from "@angular/forms";
+import * as i3 from "@memberjunction/ng-dashboards";
 const _c0 = ["container"];
-function DashboardResource_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "details", 7)(1, "summary");
+function DashboardResource_Conditional_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "details", 11)(1, "summary");
     i0.ɵɵtext(2, "Technical Details");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "pre");
@@ -26,17 +28,17 @@ function DashboardResource_Conditional_2_Conditional_7_Template(rf, ctx) { if (r
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r0.errorDetails);
 } }
-function DashboardResource_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3);
-    i0.ɵɵelement(2, "i", 4);
+function DashboardResource_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 7);
+    i0.ɵɵelement(2, "i", 8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "h2", 5);
+    i0.ɵɵelementStart(3, "h2", 9);
     i0.ɵɵtext(4, "Unable to Load Dashboard");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 6);
+    i0.ɵɵelementStart(5, "p", 10);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, DashboardResource_Conditional_2_Conditional_7_Template, 5, 1, "details", 7);
+    i0.ɵɵtemplate(7, DashboardResource_Conditional_1_Conditional_7_Template, 5, 1, "details", 11);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -45,6 +47,85 @@ function DashboardResource_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.errorDetails ? 7 : -1);
 } }
+function DashboardResource_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 15);
+    i0.ɵɵelement(1, "i", 19);
+    i0.ɵɵelementEnd();
+} }
+function DashboardResource_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 20);
+    i0.ɵɵlistener("click", function DashboardResource_Conditional_2_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.openShareDialog()); });
+    i0.ɵɵelement(1, "i", 19);
+    i0.ɵɵelementEnd();
+} }
+function DashboardResource_Conditional_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 21);
+    i0.ɵɵlistener("click", function DashboardResource_Conditional_2_Conditional_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.toggleEditMode()); });
+    i0.ɵɵelement(1, "i", 22);
+    i0.ɵɵelementEnd();
+} }
+function DashboardResource_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 12)(2, "span", 13);
+    i0.ɵɵelement(3, "i", 14);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, DashboardResource_Conditional_2_Conditional_5_Template, 2, 0, "span", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 16);
+    i0.ɵɵtemplate(7, DashboardResource_Conditional_2_Conditional_7_Template, 2, 0, "button", 17)(8, DashboardResource_Conditional_2_Conditional_8_Template, 2, 0, "button", 18);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.configDashboard.Name, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r0.dashboardPermissions.IsOwner && ctx_r0.dashboardPermissions.PermissionSource !== "none" ? 5 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.dashboardPermissions.CanShare ? 7 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.dashboardPermissions.CanEdit ? 8 : -1);
+} }
+function DashboardResource_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 4)(1, "div", 23)(2, "button", 24);
+    i0.ɵɵlistener("click", function DashboardResource_Conditional_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openAddPartDialog()); });
+    i0.ɵɵelement(3, "i", 25);
+    i0.ɵɵtext(4, " Add Part ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(5, "div", 26);
+    i0.ɵɵelementStart(6, "div", 27)(7, "input", 28);
+    i0.ɵɵtwoWayListener("ngModelChange", function DashboardResource_Conditional_3_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.editingName, $event) || (ctx_r0.editingName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "input", 29);
+    i0.ɵɵtwoWayListener("ngModelChange", function DashboardResource_Conditional_3_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.editingDescription, $event) || (ctx_r0.editingDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(9, "div", 30)(10, "button", 31);
+    i0.ɵɵlistener("click", function DashboardResource_Conditional_3_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.saveDashboard()); });
+    i0.ɵɵelement(11, "i", 32);
+    i0.ɵɵtext(12, " Save ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "button", 33);
+    i0.ɵɵlistener("click", function DashboardResource_Conditional_3_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.cancelEdit()); });
+    i0.ɵɵtext(14, " Cancel ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(7);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.editingName);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.editingDescription);
+} }
+function DashboardResource_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dashboard-share-dialog", 34);
+    i0.ɵɵlistener("Result", function DashboardResource_Conditional_6_Template_mj_dashboard_share_dialog_Result_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onShareDialogResult($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", ctx_r0.showShareDialog)("Dashboard", ctx_r0.configDashboard);
+} }
 export function LoadDashboardResource() {
 }
 /**
@@ -55,6 +136,7 @@ export function LoadDashboardResource() {
 let DashboardResource = class DashboardResource extends BaseResourceComponent {
     viewContainer;
     navigationService;
+    cdr;
     componentRef = null;
     dataLoaded = false;
     containerElement;
@@ -62,6 +144,29 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
     errorMessage = null;
     /** Technical error details (shown in expandable section) */
     errorDetails = null;
+    /** Cached dashboard categories for breadcrumb navigation */
+    categories = [];
+    /** Reference to the dashboard viewer component (for config-based dashboards) */
+    viewerInstance = null;
+    /** The config-based dashboard entity (null for code-based dashboards) */
+    configDashboard = null;
+    /** Whether we're in edit mode */
+    isEditMode = false;
+    /** Editing fields */
+    editingName = '';
+    editingDescription = '';
+    /** Current user's permissions for this dashboard */
+    dashboardPermissions = {
+        DashboardID: '',
+        CanRead: true,
+        CanEdit: true,
+        CanDelete: true,
+        CanShare: true,
+        IsOwner: true,
+        PermissionSource: 'owner'
+    };
+    /** Whether the share dialog is visible */
+    showShareDialog = false;
     /**
      * Sets the error state with a user-friendly message and optional technical details
      */
@@ -84,10 +189,11 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
         this.errorMessage = null;
         this.errorDetails = null;
     }
-    constructor(viewContainer, navigationService) {
+    constructor(viewContainer, navigationService, cdr) {
         super();
         this.viewContainer = viewContainer;
         this.navigationService = navigationService;
+        this.cdr = cdr;
     }
     set Data(value) {
         super.Data = value;
@@ -105,6 +211,102 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
             this.componentRef.destroy();
         }
     }
+    // ========================================
+    // Edit Mode Methods
+    // ========================================
+    /**
+     * Toggle between view and edit mode
+     */
+    toggleEditMode() {
+        if (this.isEditMode) {
+            this.cancelEdit();
+        }
+        else {
+            this.enterEditMode();
+        }
+    }
+    /**
+     * Enter edit mode
+     */
+    enterEditMode() {
+        if (!this.configDashboard)
+            return;
+        this.isEditMode = true;
+        this.editingName = this.configDashboard.Name;
+        this.editingDescription = this.configDashboard.Description || '';
+        // Tell the viewer to enter edit mode
+        if (this.viewerInstance) {
+            this.viewerInstance.isEditing = true;
+        }
+        this.cdr.detectChanges();
+    }
+    /**
+     * Cancel edit mode and discard changes
+     */
+    cancelEdit() {
+        this.isEditMode = false;
+        // Tell the viewer to exit edit mode
+        if (this.viewerInstance) {
+            this.viewerInstance.isEditing = false;
+        }
+        this.cdr.detectChanges();
+    }
+    /**
+     * Save dashboard changes
+     */
+    async saveDashboard() {
+        if (!this.configDashboard || !this.viewerInstance)
+            return;
+        try {
+            // Update dashboard name and description
+            this.configDashboard.Name = this.editingName;
+            this.configDashboard.Description = this.editingDescription;
+            // Save via the viewer (which handles layout saving)
+            await this.viewerInstance.save();
+            // Exit edit mode
+            this.isEditMode = false;
+            this.viewerInstance.isEditing = false;
+            this.cdr.detectChanges();
+        }
+        catch (error) {
+            console.error('Error saving dashboard:', error);
+        }
+    }
+    /**
+     * Open the add panel dialog
+     */
+    openAddPartDialog() {
+        if (this.viewerInstance) {
+            // Trigger the viewer's add panel flow
+            this.viewerInstance.onAddPanelClick();
+        }
+    }
+    /**
+     * Open the share dialog for this dashboard
+     */
+    openShareDialog() {
+        this.showShareDialog = true;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Close the share dialog
+     */
+    closeShareDialog() {
+        this.showShareDialog = false;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Handle share dialog result
+     */
+    onShareDialogResult(result) {
+        this.showShareDialog = false;
+        if (result.Action === 'save' && this.configDashboard) {
+            // Recompute permissions after sharing changes
+            const md = new Metadata();
+            this.dashboardPermissions = DashboardEngine.Instance.GetDashboardPermissions(this.configDashboard.ID, md.CurrentUser.ID);
+        }
+        this.cdr.detectChanges();
+    }
     /**
      * Load the appropriate dashboard component based on dashboard type
      * Routes between code-based dashboards (registered classes) and config-based dashboards
@@ -283,40 +485,58 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
         return stateObject;
     }
     /**
-     * Load a config-based dashboard using the generic SingleDashboardComponent
+     * Load a config-based dashboard using the new DashboardViewerComponent (Golden Layout)
      */
     async loadConfigBasedDashboard(dashboard) {
         try {
             this.containerElement.nativeElement.innerHTML = '';
-            this.componentRef = this.viewContainer.createComponent(SingleDashboardComponent);
-            const instance = this.componentRef.instance;
+            const componentRef = this.viewContainer.createComponent(DashboardViewerComponent);
+            this.componentRef = componentRef;
+            const instance = componentRef.instance;
+            // Store references for external toolbar control
+            this.viewerInstance = instance;
+            this.configDashboard = dashboard;
+            // Compute user permissions for this dashboard
+            const md = new Metadata();
+            this.dashboardPermissions = DashboardEngine.Instance.GetDashboardPermissions(dashboard.ID, md.CurrentUser.ID);
             // Manually append the component's native element inside the div
             const nativeElement = this.componentRef.hostView.rootNodes[0];
             nativeElement.style.width = '100%';
             nativeElement.style.height = '100%';
             this.containerElement.nativeElement.appendChild(nativeElement);
-            // Initialize with dashboard data
-            const baseData = this.Data;
-            const resourceData = new ResourceData({
-                ResourceRecordID: baseData.ResourceRecordID,
-                Configuration: baseData.Configuration || {}
-            });
-            instance.ResourceData = resourceData;
-            // Wire up events if they exist
-            if (instance.loadComplete) {
-                instance.loadComplete.subscribe(() => {
-                    this.NotifyLoadComplete();
-                });
-            }
-            else {
-                // Fallback if event emitter not available
-                setTimeout(() => this.NotifyLoadComplete(), 100);
-            }
-            if (instance.dashboardSaved) {
-                instance.dashboardSaved.subscribe((entity) => {
-                    this.ResourceRecordSaved(entity);
-                });
+            // Load categories for breadcrumb navigation (if not already loaded)
+            if (this.categories.length === 0) {
+                this.categories = DashboardEngine.Instance.DashboardCategories;
             }
+            // Set the dashboard entity directly on the viewer
+            // We provide our own external toolbar, so disable the viewer's internal toolbar
+            instance.dashboard = dashboard;
+            instance.showToolbar = false; // We provide external toolbar
+            instance.showBreadcrumb = false; // Already in its own tab, no breadcrumb needed
+            instance.showOpenInTabButton = false; // Already in its own tab
+            instance.showEditButton = false; // External toolbar handles edit
+            instance.Categories = this.categories;
+            // Wire up navigation events - handle navigation requests from the dashboard
+            instance.navigationRequested.subscribe((event) => {
+                this.handleNavigationRequest(event);
+            });
+            // Wire up "Open in Tab" button click
+            instance.openInTab.subscribe((event) => {
+                this.navigationService.OpenDashboard(event.dashboardId, event.dashboardName);
+            });
+            // Wire up dashboard saved event
+            instance.dashboardSaved.subscribe((savedDashboard) => {
+                this.ResourceRecordSaved(savedDashboard);
+            });
+            // Wire up error events
+            instance.error.subscribe((errorEvent) => {
+                console.error('Dashboard error:', errorEvent.message, errorEvent.error);
+            });
+            // Notify load complete after a brief delay to let Golden Layout initialize
+            setTimeout(() => {
+                this.NotifyLoadComplete();
+                this.cdr.detectChanges();
+            }, 150);
         }
         catch (error) {
             console.error('Error loading config-based dashboard:', error);
@@ -324,6 +544,35 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
             this.NotifyLoadComplete();
         }
     }
+    /**
+     * Handle navigation requests from the dashboard viewer
+     */
+    handleNavigationRequest(event) {
+        const request = event.request;
+        switch (request.type) {
+            case 'OpenEntityRecord': {
+                const entityRequest = request;
+                const pkey = new CompositeKey([{ FieldName: 'ID', Value: entityRequest.recordId }]);
+                this.navigationService.OpenEntityRecord(entityRequest.entityName, pkey);
+                break;
+            }
+            case 'OpenDashboard': {
+                const dashRequest = request;
+                // Load dashboard name from engine cache
+                const targetDashboard = DashboardEngine.Instance.Dashboards.find(d => d.ID === dashRequest.dashboardId);
+                const name = targetDashboard?.Name || 'Dashboard';
+                this.navigationService.OpenDashboard(dashRequest.dashboardId, name);
+                break;
+            }
+            case 'OpenQuery': {
+                const queryRequest = request;
+                this.navigationService.OpenQuery(queryRequest.queryId, 'Query');
+                break;
+            }
+            default:
+                console.warn('Unhandled navigation request type:', request.type);
+        }
+    }
     /**
      * Get the display name for a dashboard resource
      * Loads the actual dashboard name from the database if available
@@ -352,20 +601,28 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
     async GetResourceIconClass(data) {
         return 'fa-solid fa-table-columns';
     }
-    static ɵfac = function DashboardResource_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashboardResource)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i1.NavigationService)); };
+    static ɵfac = function DashboardResource_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashboardResource)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i1.NavigationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardResource, selectors: [["mj-dashboard-resource"]], viewQuery: function DashboardResource_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerElement = _t.first);
-        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 1, consts: [["container", ""], [1, "dashboard-resource-container"], [1, "error-state"], [1, "error-icon"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "error-title"], [1, "error-message"], [1, "error-details"]], template: function DashboardResource_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1, 0);
-            i0.ɵɵtemplate(2, DashboardResource_Conditional_2_Template, 8, 2, "div", 2);
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 4, consts: [["container", ""], [1, "dashboard-resource-wrapper"], [1, "error-state"], [1, "viewer-toolbar"], [1, "viewer-header", "editing"], [1, "dashboard-resource-container"], [3, "Visible", "Dashboard"], [1, "error-icon"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "error-title"], [1, "error-message"], [1, "error-details"], [1, "toolbar-left"], [1, "dashboard-title"], [1, "fa-solid", "fa-chart-line"], ["title", "Shared with you", 1, "shared-indicator"], [1, "toolbar-actions"], ["title", "Share Dashboard", 1, "btn-icon"], ["title", "Edit Dashboard", 1, "btn-icon"], [1, "fa-solid", "fa-share-nodes"], ["title", "Share Dashboard", 1, "btn-icon", 3, "click"], ["title", "Edit Dashboard", 1, "btn-icon", 3, "click"], [1, "fa-solid", "fa-edit"], [1, "header-left"], [1, "btn-add-part", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "header-separator"], [1, "dashboard-info-edit"], ["type", "text", "placeholder", "Dashboard name", 1, "dashboard-name-input", 3, "ngModelChange", "ngModel"], ["type", "text", "placeholder", "Add a description...", 1, "dashboard-description-input", 3, "ngModelChange", "ngModel"], [1, "header-right"], [1, "btn-primary", 3, "click"], [1, "fa-solid", "fa-save"], [1, "btn-cancel", 3, "click"], [3, "Result", "Visible", "Dashboard"]], template: function DashboardResource_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵtemplate(1, DashboardResource_Conditional_1_Template, 8, 2, "div", 2)(2, DashboardResource_Conditional_2_Template, 9, 4, "div", 3)(3, DashboardResource_Conditional_3_Template, 15, 2, "div", 4);
+            i0.ɵɵelement(4, "div", 5, 0);
+            i0.ɵɵtemplate(6, DashboardResource_Conditional_6_Template, 1, 2, "mj-dashboard-share-dialog", 6);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.errorMessage ? 2 : -1);
-        } }, styles: ["[_nghost-%COMP%] {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n        .dashboard-resource-container[_ngcontent-%COMP%] {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            overflow: auto;\n        }\n        .error-state[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            height: 100%;\n            padding: 40px;\n            text-align: center;\n            color: #424242;\n        }\n        .error-icon[_ngcontent-%COMP%] {\n            font-size: 64px;\n            color: #f44336;\n            margin-bottom: 24px;\n            opacity: 0.8;\n        }\n        .error-title[_ngcontent-%COMP%] {\n            font-size: 24px;\n            font-weight: 500;\n            margin: 0 0 12px 0;\n            color: #212121;\n        }\n        .error-message[_ngcontent-%COMP%] {\n            font-size: 16px;\n            color: #616161;\n            margin: 0 0 24px 0;\n            max-width: 500px;\n            line-height: 1.5;\n        }\n        .error-details[_ngcontent-%COMP%] {\n            background: #f5f5f5;\n            border-radius: 8px;\n            padding: 12px 16px;\n            max-width: 600px;\n            text-align: left;\n            font-size: 13px;\n        }\n        .error-details[_ngcontent-%COMP%]   summary[_ngcontent-%COMP%] {\n            cursor: pointer;\n            font-weight: 500;\n            color: #757575;\n            margin-bottom: 8px;\n        }\n        .error-details[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n            margin: 0;\n            white-space: pre-wrap;\n            word-break: break-word;\n            color: #d32f2f;\n            font-family: 'Consolas', 'Monaco', monospace;\n            font-size: 12px;\n        }"] });
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.errorMessage ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.configDashboard && !ctx.isEditMode && !ctx.errorMessage ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.configDashboard && ctx.isEditMode && !ctx.errorMessage ? 3 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.configDashboard ? 6 : -1);
+        } }, dependencies: [i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.DashboardShareDialogComponent], styles: ["[_nghost-%COMP%] {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n        .dashboard-resource-wrapper[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            width: 100%;\n            background: #f5f5f5;\n        }\n        .dashboard-resource-container[_ngcontent-%COMP%] {\n            flex: 1;\n            overflow: hidden;\n            min-height: 0;\n        }\n\n        \n\n        .viewer-toolbar[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 24px;\n            background: #fff;\n            border-bottom: 1px solid #e0e0e0;\n            gap: 16px;\n        }\n        .viewer-toolbar[_ngcontent-%COMP%]   .toolbar-left[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n        .viewer-toolbar[_ngcontent-%COMP%]   .dashboard-title[_ngcontent-%COMP%] {\n            font-size: 16px;\n            font-weight: 500;\n            color: #333;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .viewer-toolbar[_ngcontent-%COMP%]   .dashboard-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n            color: #5c6bc0;\n        }\n        .shared-indicator[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            background: #e3f2fd;\n            color: #1976d2;\n            font-size: 11px;\n        }\n        .viewer-toolbar[_ngcontent-%COMP%]   .toolbar-actions[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        \n\n        .viewer-header[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 24px;\n            background: #fff;\n            border-bottom: 1px solid #e0e0e0;\n            transition: background 0.2s, border-color 0.2s;\n        }\n        .viewer-header.editing[_ngcontent-%COMP%] {\n            background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%);\n            border-bottom: 2px solid #5c6bc0;\n        }\n        .viewer-header[_ngcontent-%COMP%]   .header-left[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            flex: 1;\n        }\n        .viewer-header[_ngcontent-%COMP%]   .header-right[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        \n\n        .btn-add-part[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 8px 16px;\n            border: none;\n            border-radius: 6px;\n            background: #5c6bc0;\n            color: #fff;\n            font-size: 13px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: background 0.2s, transform 0.1s;\n            box-shadow: 0 2px 4px rgba(92, 107, 192, 0.3);\n        }\n        .btn-add-part[_ngcontent-%COMP%]:hover {\n            background: #3f51b5;\n            transform: translateY(-1px);\n            box-shadow: 0 3px 6px rgba(92, 107, 192, 0.4);\n        }\n        .btn-add-part[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 12px; }\n\n        \n\n        .header-separator[_ngcontent-%COMP%] {\n            width: 1px;\n            height: 28px;\n            background: rgba(92, 107, 192, 0.3);\n            margin: 0 4px;\n        }\n\n        \n\n        .btn-primary[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 18px;\n            border: none;\n            border-radius: 6px;\n            background: #5c6bc0;\n            color: #fff;\n            font-size: 14px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: background 0.2s;\n        }\n        .btn-primary[_ngcontent-%COMP%]:hover { background: #3f51b5; }\n\n        .btn-icon[_ngcontent-%COMP%] {\n            width: 36px;\n            height: 36px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid #e0e0e0;\n            border-radius: 6px;\n            background: #fff;\n            color: #666;\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        .btn-icon[_ngcontent-%COMP%]:hover { background: #f5f5f5; }\n\n        .btn-cancel[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 18px;\n            border: 1px solid #d0d0d0;\n            border-radius: 6px;\n            background: #fff;\n            color: #666;\n            font-size: 14px;\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        .btn-cancel[_ngcontent-%COMP%]:hover {\n            background: #f5f5f5;\n            border-color: #bbb;\n            color: #333;\n        }\n\n        \n\n        .dashboard-info-edit[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            flex: 1;\n        }\n        .dashboard-name-input[_ngcontent-%COMP%] {\n            border: 1px solid transparent;\n            border-radius: 4px;\n            padding: 6px 12px;\n            font-size: 16px;\n            font-weight: 500;\n            color: #333;\n            background: rgba(255, 255, 255, 0.7);\n            outline: none;\n            min-width: 200px;\n            max-width: 300px;\n            transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;\n        }\n        .dashboard-name-input[_ngcontent-%COMP%]:hover { background: rgba(255, 255, 255, 0.9); }\n        .dashboard-name-input[_ngcontent-%COMP%]:focus {\n            background: #fff;\n            border-color: #5c6bc0;\n            box-shadow: 0 0 0 2px rgba(92, 107, 192, 0.2);\n        }\n        .dashboard-description-input[_ngcontent-%COMP%] {\n            border: 1px solid transparent;\n            border-radius: 4px;\n            padding: 6px 12px;\n            font-size: 13px;\n            color: #555;\n            background: rgba(255, 255, 255, 0.5);\n            outline: none;\n            flex: 1;\n            min-width: 150px;\n            max-width: 400px;\n            transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;\n        }\n        .dashboard-description-input[_ngcontent-%COMP%]:hover { background: rgba(255, 255, 255, 0.8); }\n        .dashboard-description-input[_ngcontent-%COMP%]:focus {\n            background: #fff;\n            border-color: #5c6bc0;\n            box-shadow: 0 0 0 2px rgba(92, 107, 192, 0.2);\n        }\n        .dashboard-description-input[_ngcontent-%COMP%]::placeholder {\n            color: #888;\n            font-style: normal;\n        }\n\n        \n\n        .error-state[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            height: 100%;\n            padding: 40px;\n            text-align: center;\n            color: #424242;\n        }\n        .error-icon[_ngcontent-%COMP%] {\n            font-size: 64px;\n            color: #f44336;\n            margin-bottom: 24px;\n            opacity: 0.8;\n        }\n        .error-title[_ngcontent-%COMP%] {\n            font-size: 24px;\n            font-weight: 500;\n            margin: 0 0 12px 0;\n            color: #212121;\n        }\n        .error-message[_ngcontent-%COMP%] {\n            font-size: 16px;\n            color: #616161;\n            margin: 0 0 24px 0;\n            max-width: 500px;\n            line-height: 1.5;\n        }\n        .error-details[_ngcontent-%COMP%] {\n            background: #f5f5f5;\n            border-radius: 8px;\n            padding: 12px 16px;\n            max-width: 600px;\n            text-align: left;\n            font-size: 13px;\n        }\n        .error-details[_ngcontent-%COMP%]   summary[_ngcontent-%COMP%] {\n            cursor: pointer;\n            font-weight: 500;\n            color: #757575;\n            margin-bottom: 8px;\n        }\n        .error-details[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n            margin: 0;\n            white-space: pre-wrap;\n            word-break: break-word;\n            color: #d32f2f;\n            font-family: 'Consolas', 'Monaco', monospace;\n            font-size: 12px;\n        }\n\n        \n\n        @media (max-width: 768px) {\n            .viewer-header[_ngcontent-%COMP%] {\n                flex-direction: column;\n                gap: 12px;\n                align-items: stretch;\n            }\n            .viewer-header[_ngcontent-%COMP%]   .header-left[_ngcontent-%COMP%] { flex-wrap: wrap; }\n            .dashboard-info-edit[_ngcontent-%COMP%] {\n                flex-direction: column;\n                align-items: stretch;\n            }\n            .dashboard-name-input[_ngcontent-%COMP%], \n   .dashboard-description-input[_ngcontent-%COMP%] { max-width: none; }\n        }"] });
 };
 DashboardResource = __decorate([
     RegisterClass(BaseResourceComponent, 'DashboardResource')
@@ -374,7 +631,8 @@ export { DashboardResource };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardResource, [{
         type: Component,
         args: [{ selector: 'mj-dashboard-resource', template: `
-        <div #container class="dashboard-resource-container">
+        <div class="dashboard-resource-wrapper">
+            <!-- Error State -->
             @if (errorMessage) {
                 <div class="error-state">
                     <div class="error-icon">
@@ -390,11 +648,92 @@ export { DashboardResource };
                     }
                 </div>
             }
+
+            <!-- View Mode Toolbar -->
+            @if (configDashboard && !isEditMode && !errorMessage) {
+                <div class="viewer-toolbar">
+                    <div class="toolbar-left">
+                        <span class="dashboard-title">
+                            <i class="fa-solid fa-chart-line"></i>
+                            {{ configDashboard.Name }}
+                        </span>
+                        @if (!dashboardPermissions.IsOwner && dashboardPermissions.PermissionSource !== 'none') {
+                            <span class="shared-indicator" title="Shared with you">
+                                <i class="fa-solid fa-share-nodes"></i>
+                            </span>
+                        }
+                    </div>
+                    <div class="toolbar-actions">
+                        @if (dashboardPermissions.CanShare) {
+                            <button
+                                class="btn-icon"
+                                title="Share Dashboard"
+                                (click)="openShareDialog()">
+                                <i class="fa-solid fa-share-nodes"></i>
+                            </button>
+                        }
+                        @if (dashboardPermissions.CanEdit) {
+                            <button
+                                class="btn-icon"
+                                title="Edit Dashboard"
+                                (click)="toggleEditMode()">
+                                <i class="fa-solid fa-edit"></i>
+                            </button>
+                        }
+                    </div>
+                </div>
+            }
+
+            <!-- Edit Mode Toolbar -->
+            @if (configDashboard && isEditMode && !errorMessage) {
+                <div class="viewer-header editing">
+                    <div class="header-left">
+                        <button class="btn-add-part" (click)="openAddPartDialog()">
+                            <i class="fa-solid fa-plus"></i>
+                            Add Part
+                        </button>
+                        <div class="header-separator"></div>
+                        <div class="dashboard-info-edit">
+                            <input
+                                type="text"
+                                class="dashboard-name-input"
+                                [(ngModel)]="editingName"
+                                placeholder="Dashboard name">
+                            <input
+                                type="text"
+                                class="dashboard-description-input"
+                                [(ngModel)]="editingDescription"
+                                placeholder="Add a description...">
+                        </div>
+                    </div>
+                    <div class="header-right">
+                        <button class="btn-primary" (click)="saveDashboard()">
+                            <i class="fa-solid fa-save"></i>
+                            Save
+                        </button>
+                        <button class="btn-cancel" (click)="cancelEdit()">
+                            Cancel
+                        </button>
+                    </div>
+                </div>
+            }
+
+            <!-- Dashboard Content Container -->
+            <div #container class="dashboard-resource-container"></div>
+
+            <!-- Share Dashboard Dialog -->
+            @if (configDashboard) {
+                <mj-dashboard-share-dialog
+                    [Visible]="showShareDialog"
+                    [Dashboard]="configDashboard"
+                    (Result)="onShareDialogResult($event)">
+                </mj-dashboard-share-dialog>
+            }
         </div>
-    `, styles: ["\n        :host {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n        .dashboard-resource-container {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            overflow: auto;\n        }\n        .error-state {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            height: 100%;\n            padding: 40px;\n            text-align: center;\n            color: #424242;\n        }\n        .error-icon {\n            font-size: 64px;\n            color: #f44336;\n            margin-bottom: 24px;\n            opacity: 0.8;\n        }\n        .error-title {\n            font-size: 24px;\n            font-weight: 500;\n            margin: 0 0 12px 0;\n            color: #212121;\n        }\n        .error-message {\n            font-size: 16px;\n            color: #616161;\n            margin: 0 0 24px 0;\n            max-width: 500px;\n            line-height: 1.5;\n        }\n        .error-details {\n            background: #f5f5f5;\n            border-radius: 8px;\n            padding: 12px 16px;\n            max-width: 600px;\n            text-align: left;\n            font-size: 13px;\n        }\n        .error-details summary {\n            cursor: pointer;\n            font-weight: 500;\n            color: #757575;\n            margin-bottom: 8px;\n        }\n        .error-details pre {\n            margin: 0;\n            white-space: pre-wrap;\n            word-break: break-word;\n            color: #d32f2f;\n            font-family: 'Consolas', 'Monaco', monospace;\n            font-size: 12px;\n        }\n    "] }]
-    }], () => [{ type: i0.ViewContainerRef }, { type: i1.NavigationService }], { containerElement: [{
+    `, styles: ["\n        :host {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n        .dashboard-resource-wrapper {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            width: 100%;\n            background: #f5f5f5;\n        }\n        .dashboard-resource-container {\n            flex: 1;\n            overflow: hidden;\n            min-height: 0;\n        }\n\n        /* View Mode Toolbar */\n        .viewer-toolbar {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 24px;\n            background: #fff;\n            border-bottom: 1px solid #e0e0e0;\n            gap: 16px;\n        }\n        .viewer-toolbar .toolbar-left {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n        .viewer-toolbar .dashboard-title {\n            font-size: 16px;\n            font-weight: 500;\n            color: #333;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .viewer-toolbar .dashboard-title i {\n            color: #5c6bc0;\n        }\n        .shared-indicator {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            background: #e3f2fd;\n            color: #1976d2;\n            font-size: 11px;\n        }\n        .viewer-toolbar .toolbar-actions {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        /* Edit Mode Header */\n        .viewer-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 24px;\n            background: #fff;\n            border-bottom: 1px solid #e0e0e0;\n            transition: background 0.2s, border-color 0.2s;\n        }\n        .viewer-header.editing {\n            background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%);\n            border-bottom: 2px solid #5c6bc0;\n        }\n        .viewer-header .header-left {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            flex: 1;\n        }\n        .viewer-header .header-right {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        /* Add Part button */\n        .btn-add-part {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 8px 16px;\n            border: none;\n            border-radius: 6px;\n            background: #5c6bc0;\n            color: #fff;\n            font-size: 13px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: background 0.2s, transform 0.1s;\n            box-shadow: 0 2px 4px rgba(92, 107, 192, 0.3);\n        }\n        .btn-add-part:hover {\n            background: #3f51b5;\n            transform: translateY(-1px);\n            box-shadow: 0 3px 6px rgba(92, 107, 192, 0.4);\n        }\n        .btn-add-part i { font-size: 12px; }\n\n        /* Header separator */\n        .header-separator {\n            width: 1px;\n            height: 28px;\n            background: rgba(92, 107, 192, 0.3);\n            margin: 0 4px;\n        }\n\n        /* Buttons */\n        .btn-primary {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 18px;\n            border: none;\n            border-radius: 6px;\n            background: #5c6bc0;\n            color: #fff;\n            font-size: 14px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: background 0.2s;\n        }\n        .btn-primary:hover { background: #3f51b5; }\n\n        .btn-icon {\n            width: 36px;\n            height: 36px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid #e0e0e0;\n            border-radius: 6px;\n            background: #fff;\n            color: #666;\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        .btn-icon:hover { background: #f5f5f5; }\n\n        .btn-cancel {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 18px;\n            border: 1px solid #d0d0d0;\n            border-radius: 6px;\n            background: #fff;\n            color: #666;\n            font-size: 14px;\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        .btn-cancel:hover {\n            background: #f5f5f5;\n            border-color: #bbb;\n            color: #333;\n        }\n\n        /* Dashboard info inputs */\n        .dashboard-info-edit {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            flex: 1;\n        }\n        .dashboard-name-input {\n            border: 1px solid transparent;\n            border-radius: 4px;\n            padding: 6px 12px;\n            font-size: 16px;\n            font-weight: 500;\n            color: #333;\n            background: rgba(255, 255, 255, 0.7);\n            outline: none;\n            min-width: 200px;\n            max-width: 300px;\n            transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;\n        }\n        .dashboard-name-input:hover { background: rgba(255, 255, 255, 0.9); }\n        .dashboard-name-input:focus {\n            background: #fff;\n            border-color: #5c6bc0;\n            box-shadow: 0 0 0 2px rgba(92, 107, 192, 0.2);\n        }\n        .dashboard-description-input {\n            border: 1px solid transparent;\n            border-radius: 4px;\n            padding: 6px 12px;\n            font-size: 13px;\n            color: #555;\n            background: rgba(255, 255, 255, 0.5);\n            outline: none;\n            flex: 1;\n            min-width: 150px;\n            max-width: 400px;\n            transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;\n        }\n        .dashboard-description-input:hover { background: rgba(255, 255, 255, 0.8); }\n        .dashboard-description-input:focus {\n            background: #fff;\n            border-color: #5c6bc0;\n            box-shadow: 0 0 0 2px rgba(92, 107, 192, 0.2);\n        }\n        .dashboard-description-input::placeholder {\n            color: #888;\n            font-style: normal;\n        }\n\n        /* Error state */\n        .error-state {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            height: 100%;\n            padding: 40px;\n            text-align: center;\n            color: #424242;\n        }\n        .error-icon {\n            font-size: 64px;\n            color: #f44336;\n            margin-bottom: 24px;\n            opacity: 0.8;\n        }\n        .error-title {\n            font-size: 24px;\n            font-weight: 500;\n            margin: 0 0 12px 0;\n            color: #212121;\n        }\n        .error-message {\n            font-size: 16px;\n            color: #616161;\n            margin: 0 0 24px 0;\n            max-width: 500px;\n            line-height: 1.5;\n        }\n        .error-details {\n            background: #f5f5f5;\n            border-radius: 8px;\n            padding: 12px 16px;\n            max-width: 600px;\n            text-align: left;\n            font-size: 13px;\n        }\n        .error-details summary {\n            cursor: pointer;\n            font-weight: 500;\n            color: #757575;\n            margin-bottom: 8px;\n        }\n        .error-details pre {\n            margin: 0;\n            white-space: pre-wrap;\n            word-break: break-word;\n            color: #d32f2f;\n            font-family: 'Consolas', 'Monaco', monospace;\n            font-size: 12px;\n        }\n\n        /* Responsive */\n        @media (max-width: 768px) {\n            .viewer-header {\n                flex-direction: column;\n                gap: 12px;\n                align-items: stretch;\n            }\n            .viewer-header .header-left { flex-wrap: wrap; }\n            .dashboard-info-edit {\n                flex-direction: column;\n                align-items: stretch;\n            }\n            .dashboard-name-input,\n            .dashboard-description-input { max-width: none; }\n        }\n    "] }]
+    }], () => [{ type: i0.ViewContainerRef }, { type: i1.NavigationService }, { type: i0.ChangeDetectorRef }], { containerElement: [{
             type: ViewChild,
             args: ['container', { static: true }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardResource, { className: "DashboardResource" }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardResource, { className: "DashboardResource", filePath: "src/lib/resource-wrappers/dashboard-resource.component.ts", lineNumber: 413 }); })();
 //# sourceMappingURL=dashboard-resource.component.js.map