@c8y/ngx-components 1023.97.4 → 1023.97.7

package/fesm2022/c8y-ngx-components-context-dashboard.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, inject, InjectionToken, EventEmitter, Output, Input, signal, DestroyRef, TemplateRef, ViewChild, Optional, Inject, HostListener, input, HostBinding, NgModule, Injector, runInInjectionContext, ChangeDetectionStrategy } from '@angular/core';
+import { Injectable, Component, inject, InjectionToken, EventEmitter, Output, Input, signal, DestroyRef, TemplateRef, ViewChild, Injector, afterNextRender, Optional, Inject, HostListener, input, HostBinding, NgModule, runInInjectionContext, ChangeDetectionStrategy } from '@angular/core';
 import * as i2 from '@c8y/ngx-components';
 import { IconDirective, C8yTranslatePipe, Permissions, ContextRouteService, Status, NavigatorNode, NEW_DASHBOARD_ROUTER_STATE_PROP, getActivatedRoute, ViewContext, TabsOutletComponent, memoize, hookGeneric, ExtensionPointForPlugins, fromTriggerOnce, getInjectedHooks, stateToFactory, ListGroupModule, C8yComponentOutlet, AlertService, C8yTranslateDirective, DynamicComponentModule, DynamicComponentComponent, sortByPriority, isPromise, CoreModule, WIDGET_CONFIGURATION_GRID_SIZE, HighlightComponent, EmptyStateComponent, FormGroupComponent, RequiredInputPlaceholderDirective, ProductExperienceDirective, ResizableGridComponent, DashboardChildChange, CopyDashboardDisabledReason, TitleComponent, ActionBarItemComponent, HelpComponent, WidgetsDashboardComponent, DatePipe, hookRoute, hookTab, PreviewService, hookNavigator, ManagedObjectRealtimeService, BottomDrawerService, ClipboardService, InputGroupEditableComponent, MessageDirective } from '@c8y/ngx-components';
 import * as i1 from '@angular/router';
@@ -274,6 +274,24 @@ const PRODUCT_EXPERIENCE = {
         }
     }
 };
+const FOUNDATION_CLASSES = [
+    'c8y-dark-theme',
+    'c8y-light-theme',
+    'panel-content-branded'
+];
+const THEME_FOUNDATION_MAP = {
+    'dashboard-theme-dark': 'c8y-dark-theme',
+    'dashboard-theme-white': 'c8y-light-theme',
+    'dashboard-theme-branded': 'panel-content-branded'
+};
+const WIDGET_FOUNDATION_MAP = {
+    'panel-content-dark': 'c8y-dark-theme',
+    'panel-content-white': 'c8y-light-theme'
+};
+const DASHBOARD_FOUNDATION_MAP = {
+    'dashboard-theme-dark': 'c8y-dark-theme',
+    'dashboard-theme-white': 'c8y-light-theme'
+};
 const REPORT_DEFAULT_NAVIGATION_NODE_PRIORITY = 30;
 const DASHBOARD_DETAILS_OUTLET = 'dashboard-details';
 const DASHBOARD_DETAILS_TABS_OUTLET_NAME = 'dashboardTabs';
@@ -2469,20 +2487,43 @@ class WidgetPreviewComponent {
     constructor() {
         this.widgetConfigService = inject(WidgetConfigService);
         this.widgetConfig = inject(WidgetConfigComponent);
-        this.previewClasses = {
+        this.injector = inject(Injector);
+        // charts don't observe CSS vars — force destroy/recreate when theme changes
+        this.showContent = signal(true, ...(ngDevMode ? [{ debugName: "showContent" }] : []));
+        this.previousClassKey = '';
+        this._previewClasses = {
             'dashboard-theme-light': true,
             'panel-title-regular': true
         };
     }
+    set previewClasses(value) {
+        this._previewClasses = value;
+        const classKey = this.activeClassKey(value);
+        if (this.previousClassKey && classKey !== this.previousClassKey) {
+            this.showContent.set(false);
+            afterNextRender(() => this.showContent.set(true), { injector: this.injector });
+        }
+        this.previousClassKey = classKey;
+    }
+    get previewClasses() {
+        return this._previewClasses;
+    }
     get translateWidgetTitle() {
         return this.widgetConfig?.mo.c8y_Dashboard.translateWidgetTitle ?? false;
     }
+    activeClassKey(classes) {
+        return Object.entries(classes ?? {})
+            .filter(([, v]) => v)
+            .map(([k]) => k)
+            .sort()
+            .join(' ');
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: WidgetPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: WidgetPreviewComponent, isStandalone: true, selector: "c8y-widget-preview", inputs: { previewClasses: "previewClasses" }, host: { classAttribute: "flex-grow d-flex d-col" }, ngImport: i0, template: "<fieldset class=\"c8y-fieldset p-l-24 p-r-24 p-t-16 p-b-16 flex-grow d-flex d-col min-height-0\">\n  <legend>{{ 'Preview' | translate }}</legend>\n  <c8y-dashboard\n    class=\"dashboard-preview-slot flex-grow min-height-0\"\n    [columns]=\"1\"\n    [ngClass]=\"previewClasses\"\n  >\n    <c8y-dashboard-child\n      [isFrozen]=\"true\"\n      [width]=\"1\"\n      [height]=\"6\"\n    >\n      @let widgetTitle =\n        (widgetConfigService.selected$ | async)?.data?.title\n          | translate: { noTranslateRemoveContext: !translateWidgetTitle };\n      <c8y-dashboard-child-title [attr.title]=\"widgetTitle\">\n        <span>\n          {{ widgetTitle }}\n        </span>\n      </c8y-dashboard-child-title>\n\n      @if ((widgetConfigService.previewViewState$ | async) === 'noPreview') {\n        <div class=\"fit-h d-flex d-col j-c-center a-i-center\">\n          <c8y-ui-empty-state\n            [icon]=\"'visibility-off'\"\n            [title]=\"'No preview available.' | translate\"\n            [subtitle]=\"'This widget does not provide any preview.' | translate\"\n            [horizontal]=\"false\"\n          ></c8y-ui-empty-state>\n        </div>\n      }\n\n      @if ((widgetConfigService.previewViewState$ | async) === 'configPreview') {\n        <c8y-dynamic-component\n          [componentId]=\"(widgetConfigService.selected$ | async)?.id\"\n          [config]=\"(widgetConfigService.currentConfig$ | async)?.config\"\n        ></c8y-dynamic-component>\n      }\n\n      @if ((widgetConfigService.previewViewState$ | async) === 'templatePreview') {\n        <ng-template [ngTemplateOutlet]=\"widgetConfigService.preview$ | async\"></ng-template>\n      }\n    </c8y-dashboard-child>\n  </c8y-dashboard>\n</fieldset>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: i2.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "component", type: i2.DynamicComponentComponent, selector: "c8y-dynamic-component", inputs: ["componentId", "config", "mode", "notFoundError", "executeResolvers"], outputs: ["updateWidgetClasses"] }, { kind: "component", type: i2.DashboardComponent, selector: "c8y-dashboard", inputs: ["columns", "gap", "rows"], outputs: ["dashboardChange"] }, { kind: "component", type: i2.DashboardChildComponent, selector: "c8y-dashboard-child", inputs: ["x", "y", "width", "height", "data", "margin", "useIntersection", "isFrozen", "canToggleFullscreen", "editMode", "class"], outputs: ["changeStart", "changeEnd", "toggleFullscreen"] }, { kind: "component", type: i2.DashboardChildTitleComponent, selector: "c8y-dashboard-child-title" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: WidgetPreviewComponent, isStandalone: true, selector: "c8y-widget-preview", inputs: { previewClasses: "previewClasses" }, host: { classAttribute: "flex-grow d-flex d-col" }, ngImport: i0, template: "<fieldset class=\"c8y-fieldset p-l-24 p-r-24 p-t-16 p-b-16 flex-grow d-flex d-col min-height-0\">\n  <legend>{{ 'Preview' | translate }}</legend>\n  <c8y-dashboard\n    class=\"dashboard-preview-slot flex-grow min-height-0\"\n    [columns]=\"1\"\n    [ngClass]=\"previewClasses\"\n  >\n    @if (showContent()) {\n      <c8y-dashboard-child\n        [isFrozen]=\"true\"\n        [width]=\"1\"\n        [height]=\"6\"\n      >\n        @let widgetTitle =\n          (widgetConfigService.selected$ | async)?.data?.title\n            | translate: { noTranslateRemoveContext: !translateWidgetTitle };\n        <c8y-dashboard-child-title [attr.title]=\"widgetTitle\">\n          <span>\n            {{ widgetTitle }}\n          </span>\n        </c8y-dashboard-child-title>\n\n        @if ((widgetConfigService.previewViewState$ | async) === 'noPreview') {\n          <div class=\"fit-h d-flex d-col j-c-center a-i-center\">\n            <c8y-ui-empty-state\n              [icon]=\"'visibility-off'\"\n              [title]=\"'No preview available.' | translate\"\n              [subtitle]=\"'This widget does not provide any preview.' | translate\"\n              [horizontal]=\"false\"\n            ></c8y-ui-empty-state>\n          </div>\n        }\n\n        @if ((widgetConfigService.previewViewState$ | async) === 'configPreview') {\n          <c8y-dynamic-component\n            [componentId]=\"(widgetConfigService.selected$ | async)?.id\"\n            [config]=\"(widgetConfigService.currentConfig$ | async)?.config\"\n          ></c8y-dynamic-component>\n        }\n\n        @if ((widgetConfigService.previewViewState$ | async) === 'templatePreview') {\n          <ng-template [ngTemplateOutlet]=\"widgetConfigService.preview$ | async\"></ng-template>\n        }\n      </c8y-dashboard-child>\n    }\n  </c8y-dashboard>\n</fieldset>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: i2.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "component", type: i2.DynamicComponentComponent, selector: "c8y-dynamic-component", inputs: ["componentId", "config", "mode", "notFoundError", "executeResolvers"], outputs: ["updateWidgetClasses"] }, { kind: "component", type: i2.DashboardComponent, selector: "c8y-dashboard", inputs: ["columns", "gap", "rows"], outputs: ["dashboardChange"] }, { kind: "component", type: i2.DashboardChildComponent, selector: "c8y-dashboard-child", inputs: ["x", "y", "width", "height", "data", "margin", "useIntersection", "isFrozen", "canToggleFullscreen", "editMode", "class"], outputs: ["changeStart", "changeEnd", "toggleFullscreen"] }, { kind: "component", type: i2.DashboardChildTitleComponent, selector: "c8y-dashboard-child-title" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: WidgetPreviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-widget-preview', host: { class: 'flex-grow d-flex d-col' }, standalone: true, imports: [NgClass, C8yTranslatePipe, CommonModule, CoreModule], template: "<fieldset class=\"c8y-fieldset p-l-24 p-r-24 p-t-16 p-b-16 flex-grow d-flex d-col min-height-0\">\n  <legend>{{ 'Preview' | translate }}</legend>\n  <c8y-dashboard\n    class=\"dashboard-preview-slot flex-grow min-height-0\"\n    [columns]=\"1\"\n    [ngClass]=\"previewClasses\"\n  >\n    <c8y-dashboard-child\n      [isFrozen]=\"true\"\n      [width]=\"1\"\n      [height]=\"6\"\n    >\n      @let widgetTitle =\n        (widgetConfigService.selected$ | async)?.data?.title\n          | translate: { noTranslateRemoveContext: !translateWidgetTitle };\n      <c8y-dashboard-child-title [attr.title]=\"widgetTitle\">\n        <span>\n          {{ widgetTitle }}\n        </span>\n      </c8y-dashboard-child-title>\n\n      @if ((widgetConfigService.previewViewState$ | async) === 'noPreview') {\n        <div class=\"fit-h d-flex d-col j-c-center a-i-center\">\n          <c8y-ui-empty-state\n            [icon]=\"'visibility-off'\"\n            [title]=\"'No preview available.' | translate\"\n            [subtitle]=\"'This widget does not provide any preview.' | translate\"\n            [horizontal]=\"false\"\n          ></c8y-ui-empty-state>\n        </div>\n      }\n\n      @if ((widgetConfigService.previewViewState$ | async) === 'configPreview') {\n        <c8y-dynamic-component\n          [componentId]=\"(widgetConfigService.selected$ | async)?.id\"\n          [config]=\"(widgetConfigService.currentConfig$ | async)?.config\"\n        ></c8y-dynamic-component>\n      }\n\n      @if ((widgetConfigService.previewViewState$ | async) === 'templatePreview') {\n        <ng-template [ngTemplateOutlet]=\"widgetConfigService.preview$ | async\"></ng-template>\n      }\n    </c8y-dashboard-child>\n  </c8y-dashboard>\n</fieldset>\n" }]
+            args: [{ selector: 'c8y-widget-preview', host: { class: 'flex-grow d-flex d-col' }, standalone: true, imports: [NgClass, C8yTranslatePipe, CommonModule, CoreModule], template: "<fieldset class=\"c8y-fieldset p-l-24 p-r-24 p-t-16 p-b-16 flex-grow d-flex d-col min-height-0\">\n  <legend>{{ 'Preview' | translate }}</legend>\n  <c8y-dashboard\n    class=\"dashboard-preview-slot flex-grow min-height-0\"\n    [columns]=\"1\"\n    [ngClass]=\"previewClasses\"\n  >\n    @if (showContent()) {\n      <c8y-dashboard-child\n        [isFrozen]=\"true\"\n        [width]=\"1\"\n        [height]=\"6\"\n      >\n        @let widgetTitle =\n          (widgetConfigService.selected$ | async)?.data?.title\n            | translate: { noTranslateRemoveContext: !translateWidgetTitle };\n        <c8y-dashboard-child-title [attr.title]=\"widgetTitle\">\n          <span>\n            {{ widgetTitle }}\n          </span>\n        </c8y-dashboard-child-title>\n\n        @if ((widgetConfigService.previewViewState$ | async) === 'noPreview') {\n          <div class=\"fit-h d-flex d-col j-c-center a-i-center\">\n            <c8y-ui-empty-state\n              [icon]=\"'visibility-off'\"\n              [title]=\"'No preview available.' | translate\"\n              [subtitle]=\"'This widget does not provide any preview.' | translate\"\n              [horizontal]=\"false\"\n            ></c8y-ui-empty-state>\n          </div>\n        }\n\n        @if ((widgetConfigService.previewViewState$ | async) === 'configPreview') {\n          <c8y-dynamic-component\n            [componentId]=\"(widgetConfigService.selected$ | async)?.id\"\n            [config]=\"(widgetConfigService.currentConfig$ | async)?.config\"\n          ></c8y-dynamic-component>\n        }\n\n        @if ((widgetConfigService.previewViewState$ | async) === 'templatePreview') {\n          <ng-template [ngTemplateOutlet]=\"widgetConfigService.preview$ | async\"></ng-template>\n        }\n      </c8y-dashboard-child>\n    }\n  </c8y-dashboard>\n</fieldset>\n" }]
         }], propDecorators: { previewClasses: [{
                 type: Input
             }] } });
@@ -2736,7 +2777,37 @@ class WidgetConfigComponent {
             cssClasses[this.styling.contentClass] = true;
         }
         if (isPreview) {
-            cssClasses[`dashboard-theme-${this.defaultStyling.contentClass.split('-').pop()}`] = true;
+            // When the widget has its own explicit theme (dark/white/branded), the preview
+            // should use the widget's theme — not the dashboard's. In the actual dashboard,
+            // dark/white widgets only get their own theme tokens, not the dashboard's branded
+            // overrides. "Match dashboard" (panel-content-light) and non-theme content classes
+            // (e.g. transparent) inherit the dashboard theme.
+            const widgetSuffix = this.styling.contentClass.split('-').pop();
+            const explicitWidgetThemes = new Set(['dark', 'white', 'branded']);
+            const themeSuffix = explicitWidgetThemes.has(widgetSuffix)
+                ? widgetSuffix
+                : this.defaultStyling.contentClass.split('-').pop();
+            cssClasses[`dashboard-theme-${themeSuffix}`] = true;
+        }
+        // Add foundation theme class so branding overrides cascade into the preview.
+        // Widget-level content class takes priority over dashboard-level theme.
+        let foundationClass = null;
+        for (const [cls, fc] of Object.entries(WIDGET_FOUNDATION_MAP)) {
+            if (cssClasses[cls]) {
+                foundationClass = fc;
+                break;
+            }
+        }
+        if (!foundationClass) {
+            for (const [cls, fc] of Object.entries(DASHBOARD_FOUNDATION_MAP)) {
+                if (cssClasses[cls]) {
+                    foundationClass = fc;
+                    break;
+                }
+            }
+        }
+        if (foundationClass) {
+            cssClasses[foundationClass] = true;
         }
         return cssClasses;
     }
@@ -2887,6 +2958,7 @@ class ContextDashboardComponent {
   other instances.`);
         this.hasPermissionToEditDashboard = false;
         this.destroy$ = new Subject();
+        this.actionBarFoundationClass = null;
     }
     ngOnInit() {
         if (!this.name) {
@@ -2926,6 +2998,7 @@ class ContextDashboardComponent {
         if (this.dataSub) {
             this.dataSub.unsubscribe();
         }
+        this.removeActionBarFoundationClass();
         this.contextDashboardStateService.setSelectedDashboard(null);
     }
     /**
@@ -2935,8 +3008,11 @@ class ContextDashboardComponent {
      * on 'beforeunload' event handler, error is thrown in console because confirm is blocked by browser anyway and returns false)
      */
     async canDeactivate(omitConfirm = false) {
-        const canDeactivate = (await this.dashboardDetails.canDeactivate(omitConfirm)) &&
-            (await this.widgetsDashboard.canDeactivate(omitConfirm));
+        // The view children are undefined while the dashboard is still loading (the guard can run on a
+        // quick navigation away before the first render). There is nothing to confirm then — allow the
+        // navigation instead of throwing, which would cancel it with an error and trap the page.
+        const canDeactivate = ((await this.dashboardDetails?.canDeactivate(omitConfirm)) ?? true) &&
+            ((await this.widgetsDashboard?.canDeactivate(omitConfirm)) ?? true);
         // Needed in order to reset edit mode, otherwise when switching between dashboards, the edit mode is still enabled.
         if (canDeactivate) {
             await this.cancelEditMode(true);
@@ -3119,7 +3195,7 @@ class ContextDashboardComponent {
                 ]);
             }
         }
-        catch (ex) {
+        catch {
             // intended empty
         }
     }
@@ -3150,7 +3226,7 @@ class ContextDashboardComponent {
         if (this.dashboard) {
             this.dashboard.historyDescription = {};
         }
-        this.widgetsDashboard.editMode$.next(false);
+        this.widgetsDashboard?.editMode$.next(false);
         if (!onDeactivate) {
             // when setWidgets is called during navigation from device to device, navigation fails
             await this.setWidgets(dashboardChildren.children);
@@ -3203,7 +3279,9 @@ class ContextDashboardComponent {
      */
     addDashboardClassToBody() {
         this.class.split(' ').forEach(cssClass => {
-            this.renderer.addClass(document.body, cssClass);
+            if (!FOUNDATION_CLASSES.includes(cssClass)) {
+                this.renderer.addClass(document.body, cssClass);
+            }
         });
     }
     /**
@@ -3212,7 +3290,9 @@ class ContextDashboardComponent {
      */
     removeDashboardClassFromBody() {
         this.class.split(' ').forEach(cssClass => {
-            this.renderer.removeClass(document.body, cssClass);
+            if (!FOUNDATION_CLASSES.includes(cssClass)) {
+                this.renderer.removeClass(document.body, cssClass);
+            }
         });
     }
     async onLoad(trackExperience) {
@@ -3231,6 +3311,8 @@ class ContextDashboardComponent {
             dashboard: true,
             ...this.dashboard?.classes
         };
+        this.addFoundationClasses(dashboardClasses);
+        this.updateActionBarTheme(dashboardClasses);
         this.isCopyDisabled = this.dashboard
             ? this.getDashboardCopyPermissionState()
             : { state: false, reason: null };
@@ -3259,6 +3341,8 @@ class ContextDashboardComponent {
                 dashboard: true,
                 ...layoutChanges.classes
             };
+            this.addFoundationClasses(dashboardClasses);
+            this.updateActionBarTheme(dashboardClasses);
             this.class = Object.keys(dashboardClasses).join(' ');
         }
         else if (this.dashboard) {
@@ -3362,6 +3446,45 @@ class ContextDashboardComponent {
         }
         return { state: true };
     }
+    /**
+     * Adds a CSS foundation theme class (c8y-dark-theme / c8y-light-theme)
+     * to dashboard classes based on the selected dashboard theme.
+     * This enables branding overrides to cascade via the standard theme selectors.
+     */
+    addFoundationClasses(dashboardClasses) {
+        for (const [themeClass, foundationClass] of Object.entries(THEME_FOUNDATION_MAP)) {
+            if (dashboardClasses[themeClass]) {
+                dashboardClasses[foundationClass] = true;
+            }
+        }
+    }
+    /**
+     * Adds/removes the foundation theme class on the action bar element,
+     * which lives outside the dashboard container and cannot inherit tokens from it.
+     */
+    updateActionBarTheme(dashboardClasses) {
+        const actionBar = document.querySelector('.c8y-ui-action-bar');
+        if (!actionBar) {
+            return;
+        }
+        this.removeActionBarFoundationClass();
+        for (const [themeClass, foundationClass] of Object.entries(THEME_FOUNDATION_MAP)) {
+            if (dashboardClasses[themeClass]) {
+                this.renderer.addClass(actionBar, foundationClass);
+                this.actionBarFoundationClass = foundationClass;
+                break;
+            }
+        }
+    }
+    removeActionBarFoundationClass() {
+        if (this.actionBarFoundationClass) {
+            const actionBar = document.querySelector('.c8y-ui-action-bar');
+            if (actionBar) {
+                this.renderer.removeClass(actionBar, this.actionBarFoundationClass);
+            }
+            this.actionBarFoundationClass = null;
+        }
+    }
     setNewState(state, descriptionProp, widgetsChanged) {
         const description = this.getDescriptionForNewState(descriptionProp, widgetsChanged);
         this.editModeService.newState({ ...state, changeHistory: description });
@@ -3479,7 +3602,7 @@ class ContextDashboardComponent {
             : this.gainsightService.hashGroupName(str);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ContextDashboardComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }, { token: ContextDashboardService }, { token: i2.AlertService }, { token: i0.Renderer2 }, { token: CONTEXT_DASHBOARD_CONFIG }, { token: WidgetService }, { token: i2.BottomDrawerService }, { token: i2.GainsightService }, { token: i2.ActionBarService }, { token: i2$1.TranslateService }, { token: i2.ModalService }, { token: i0.DestroyRef }, { token: i6.ContextDashboardStateService }, { token: DashboardEditModeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ContextDashboardComponent, isStandalone: true, selector: "c8y-context-dashboard", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, childrenClasses: { classPropertyName: "childrenClasses", publicName: "childrenClasses", isSignal: false, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: false, isRequired: false, transformFunction: null }, setTitle: { classPropertyName: "setTitle", publicName: "setTitle", isSignal: false, isRequired: false, transformFunction: null }, defaultWidgets: { classPropertyName: "defaultWidgets", publicName: "defaultWidgets", isSignal: false, isRequired: false, transformFunction: null }, _canCopy: { classPropertyName: "_canCopy", publicName: "canCopy", isSignal: false, isRequired: false, transformFunction: null }, canDelete: { classPropertyName: "canDelete", publicName: "canDelete", isSignal: false, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: false, isRequired: false, transformFunction: null }, breadcrumbSettings: { classPropertyName: "breadcrumbSettings", publicName: "breadcrumbSettings", isSignal: false, isRequired: false, transformFunction: null }, showContextHelpButton: { classPropertyName: "showContextHelpButton", publicName: "showContextHelpButton", isSignal: false, isRequired: false, transformFunction: null }, translateWidgetTitle: { classPropertyName: "translateWidgetTitle", publicName: "translateWidgetTitle", isSignal: false, isRequired: false, transformFunction: null }, translateDashboardTitle: { classPropertyName: "translateDashboardTitle", publicName: "translateDashboardTitle", isSignal: false, isRequired: false, transformFunction: null }, hideAvailability: { classPropertyName: "hideAvailability", publicName: "hideAvailability", isSignal: false, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:beforeunload": "beforeUnloadHandler($event)" }, properties: { "class": "this.class" }, styleAttribute: "\n      display: block;\n    ", classAttribute: "dashboard c8y-grid-dashboard" }, viewQueries: [{ propertyName: "dashboardDetails", first: true, predicate: DashboardDetailComponent, descendants: true, static: true }, { propertyName: "widgetsDashboard", first: true, predicate: WidgetsDashboardComponent, descendants: true, static: true }], ngImport: i0, template: "@if (title) {\n  <c8y-title>\n    {{ title }}\n  </c8y-title>\n}\n\n@if (dashboard?.deviceType && dashboard.deviceTypeValue) {\n  <c8y-action-bar-item\n    [placement]=\"'right'\"\n    [priority]=\"10000\"\n  >\n    <button\n      class=\"btn-clean btn-link\"\n      popoverTitle=\"{{ 'Dashboard template' | translate }}\"\n      [attr.aria-label]=\"'Help' | translate\"\n      [popover]=\"dashboardTypePopoverRef\"\n      placement=\"bottom\"\n      triggers=\"focus\"\n      container=\"body\"\n      type=\"button\"\n    >\n      <span class=\"tag tag--info text-12\">\n        <span class=\"dashboard-template-marker\"></span>\n        {{ dashboardTypeLabel | translate: { dashboardType: dashboard.deviceTypeValue } }}\n      </span>\n    </button>\n    <ng-template #dashboardTypePopoverRef>\n      <div\n        [innerHTML]=\"dashboardTypePopover | translate: { dashboardType: dashboard.deviceTypeValue }\"\n      ></div>\n    </ng-template>\n  </c8y-action-bar-item>\n}\n\n@if (defaultWidgets.length > 0) {\n  <c8y-action-bar-item\n    [placement]=\"'right'\"\n    [priority]=\"-1\"\n  >\n    <button\n      class=\"btn btn-link\"\n      title=\"{{ 'Reset widgets' | translate }}\"\n      type=\"button\"\n      px-event=\"Reset dashboard\"\n      (click)=\"restore()\"\n      [disabled]=\"disabled || !mo?.id || (widgetsDashboard?.editMode$ | async)\"\n      data-cy=\"context-dashboard--button-reset-dashboard\"\n    >\n      <i\n        class=\"m-r-4\"\n        c8yIcon=\"reset\"\n      ></i>\n      <span class=\"visible-xs-inline hidden-sm visible-md-inline visible-lg-inline\">\n        {{ 'Reset widgets' | translate }}\n      </span>\n    </button>\n  </c8y-action-bar-item>\n}\n\n@if (showContextHelpButton) {\n  <c8y-help src=\"/docs/cockpit/working-with-dashboards/#working-with-dashboards\"></c8y-help>\n}\n\n<c8y-dashboard-detail\n  class=\"d-contents\"\n  [isReport]=\"isReport\"\n  [dashboard]=\"dashboard\"\n  [mo]=\"mo\"\n  [context]=\"context\"\n  [deviceType]=\"context?.type\"\n  [hideAvailability]=\"hideAvailability\"\n  [isNamedDashboard]=\"isNamedDashboard\"\n  (dashboardSaved)=\"reloadDashboard($event)\"\n  (previewChanged)=\"dashboardPreview($event)\"\n></c8y-dashboard-detail>\n\n<c8y-widgets-dashboard\n  [context]=\"context\"\n  [contextDashboard]=\"dashboard\"\n  [widgets]=\"widgets\"\n  [isCopyDisabled]=\"isCopyDisabled\"\n  [isSaveDisabled]=\"contextDashboardStateService.isSaveDisabled | async\"\n  [settings]=\"{\n    isLoading: isLoading,\n    isDisabled: disabled,\n    canDelete: canDelete && !!dashboard,\n    translateWidgetTitle: dashboard?.translateWidgetTitle ?? translateWidgetTitle,\n    translateDashboardTitle: dashboard?.translateDashboardTitle ?? translateDashboardTitle,\n    allowFullscreen: moduleConfig.allowFullscreen,\n    title: setTitle ? dashboard?.name || title : undefined,\n    widgetMargin: dashboard?.widgetMargin,\n    canCopy: canCopy && !!dashboard,\n    defaultWidth: dashboard?.columns >= 24 ? 8 : 4,\n    columns: dashboard?.columns || 12\n  }\"\n  [breadcrumb]=\"breadcrumbSettings\"\n  [editModeButtons]=\"{\n    undoButtonDisabled: editModeService.undoButtonDisabled,\n    changeToUndoName: editModeService.changeToUndoName,\n    redoButtonDisabled: !editModeService.redoStackLastItem,\n    changeToRedoName: editModeService.redoStackLastItem?.name\n  }\"\n  (onChangeDashboard)=\"positionOrWidgetDimensionChange($event)\"\n  (onAddWidget)=\"addWidget()\"\n  (onEditWidget)=\"editWidget($event)\"\n  (onDeleteWidget)=\"deleteWidget($event)\"\n  (onSaveDashboard)=\"saveWidgetsToDashboard()\"\n  (onCancelDashboard)=\"cancelEditMode()\"\n  (revertChange)=\"revertChange($event)\"\n  (onChangeStart)=\"addDashboardClassToBody()\"\n  (onChangeEnd)=\"removeDashboardClassFromBody()\"\n  (onEditDashboard)=\"editDashboard()\"\n  (onCopyDashboard)=\"copyDashboard()\"\n  (onDeleteDashboard)=\"deleteDashboard()\"\n></c8y-widgets-dashboard>\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "component", type: ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "directive", type: PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: HelpComponent, selector: "c8y-help", inputs: ["src", "isCollapsed", "priority", "icon"] }, { kind: "component", type: DashboardDetailComponent, selector: "c8y-dashboard-detail", inputs: ["isReport", "deviceType", "context", "mo", "dashboard", "isNamedDashboard", "hideAvailability"], outputs: ["dashboardSaved", "previewChanged"] }, { kind: "component", type: WidgetsDashboardComponent, selector: "c8y-widgets-dashboard", inputs: ["widgets", "context", "contextDashboard", "settings", "isCopyDisabled", "breadcrumb", "editModeButtons", "isSaveDisabled"], outputs: ["onAddWidget", "onEditWidget", "onDeleteWidget", "onChangeDashboard", "onResize", "onEditDashboard", "onCopyDashboard", "onDeleteDashboard", "onChangeStart", "onChangeEnd", "onSaveDashboard", "onCancelDashboard", "revertChange"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ContextDashboardComponent, isStandalone: true, selector: "c8y-context-dashboard", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, childrenClasses: { classPropertyName: "childrenClasses", publicName: "childrenClasses", isSignal: false, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: false, isRequired: false, transformFunction: null }, setTitle: { classPropertyName: "setTitle", publicName: "setTitle", isSignal: false, isRequired: false, transformFunction: null }, defaultWidgets: { classPropertyName: "defaultWidgets", publicName: "defaultWidgets", isSignal: false, isRequired: false, transformFunction: null }, _canCopy: { classPropertyName: "_canCopy", publicName: "canCopy", isSignal: false, isRequired: false, transformFunction: null }, canDelete: { classPropertyName: "canDelete", publicName: "canDelete", isSignal: false, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: false, isRequired: false, transformFunction: null }, breadcrumbSettings: { classPropertyName: "breadcrumbSettings", publicName: "breadcrumbSettings", isSignal: false, isRequired: false, transformFunction: null }, showContextHelpButton: { classPropertyName: "showContextHelpButton", publicName: "showContextHelpButton", isSignal: false, isRequired: false, transformFunction: null }, translateWidgetTitle: { classPropertyName: "translateWidgetTitle", publicName: "translateWidgetTitle", isSignal: false, isRequired: false, transformFunction: null }, translateDashboardTitle: { classPropertyName: "translateDashboardTitle", publicName: "translateDashboardTitle", isSignal: false, isRequired: false, transformFunction: null }, hideAvailability: { classPropertyName: "hideAvailability", publicName: "hideAvailability", isSignal: false, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:beforeunload": "beforeUnloadHandler($event)" }, properties: { "class": "this.class" }, styleAttribute: "\n      display: block;\n    ", classAttribute: "dashboard c8y-grid-dashboard" }, viewQueries: [{ propertyName: "dashboardDetails", first: true, predicate: DashboardDetailComponent, descendants: true, static: true }, { propertyName: "widgetsDashboard", first: true, predicate: WidgetsDashboardComponent, descendants: true, static: true }], ngImport: i0, template: "@if (title) {\n  <c8y-title>\n    {{ title }}\n  </c8y-title>\n}\n\n@if (dashboard?.deviceType && dashboard.deviceTypeValue) {\n  <c8y-action-bar-item\n    [placement]=\"'right'\"\n    [priority]=\"10000\"\n  >\n    <button\n      class=\"btn-clean btn-link\"\n      popoverTitle=\"{{ 'Dashboard template' | translate }}\"\n      [attr.aria-label]=\"'Help' | translate\"\n      [popover]=\"dashboardTypePopoverRef\"\n      placement=\"bottom\"\n      triggers=\"focus\"\n      container=\"body\"\n      type=\"button\"\n    >\n      <span class=\"tag tag--info text-12\">\n        <span class=\"dashboard-template-marker\"></span>\n        {{ dashboardTypeLabel | translate: { dashboardType: dashboard.deviceTypeValue } }}\n      </span>\n    </button>\n    <ng-template #dashboardTypePopoverRef>\n      <div\n        [innerHTML]=\"dashboardTypePopover | translate: { dashboardType: dashboard.deviceTypeValue }\"\n      ></div>\n    </ng-template>\n  </c8y-action-bar-item>\n}\n\n@if (defaultWidgets.length > 0) {\n  <c8y-action-bar-item\n    [placement]=\"'right'\"\n    [priority]=\"-1\"\n  >\n    <button\n      class=\"btn btn-link\"\n      title=\"{{ 'Reset widgets' | translate }}\"\n      type=\"button\"\n      px-event=\"Reset dashboard\"\n      (click)=\"restore()\"\n      [disabled]=\"disabled || !mo?.id || (widgetsDashboard?.editMode$ | async)\"\n      data-cy=\"context-dashboard--button-reset-dashboard\"\n    >\n      <i\n        class=\"m-r-4\"\n        c8yIcon=\"reset\"\n      ></i>\n      <span class=\"visible-xs-inline hidden-sm visible-md-inline visible-lg-inline\">\n        {{ 'Reset widgets' | translate }}\n      </span>\n    </button>\n  </c8y-action-bar-item>\n}\n\n@if (showContextHelpButton) {\n  <c8y-help src=\"/docs/cockpit/working-with-dashboards/#working-with-dashboards\"></c8y-help>\n}\n\n<c8y-dashboard-detail\n  class=\"d-contents\"\n  [isReport]=\"isReport\"\n  [dashboard]=\"dashboard\"\n  [mo]=\"mo\"\n  [context]=\"context\"\n  [deviceType]=\"context?.type\"\n  [hideAvailability]=\"hideAvailability\"\n  [isNamedDashboard]=\"isNamedDashboard\"\n  (dashboardSaved)=\"reloadDashboard($event)\"\n  (previewChanged)=\"dashboardPreview($event)\"\n></c8y-dashboard-detail>\n\n<c8y-widgets-dashboard\n  [context]=\"context\"\n  [contextDashboard]=\"dashboard\"\n  [widgets]=\"widgets\"\n  [isCopyDisabled]=\"isCopyDisabled\"\n  [isSaveDisabled]=\"contextDashboardStateService.isSaveDisabled | async\"\n  [settings]=\"{\n    isLoading: isLoading,\n    isDisabled: disabled,\n    canDelete: canDelete && !!dashboard,\n    translateWidgetTitle: dashboard?.translateWidgetTitle ?? translateWidgetTitle,\n    translateDashboardTitle: dashboard?.translateDashboardTitle ?? translateDashboardTitle,\n    allowFullscreen: moduleConfig.allowFullscreen,\n    title: setTitle ? dashboard?.name || title : undefined,\n    widgetMargin: dashboard?.widgetMargin,\n    canCopy: canCopy && !!dashboard,\n    defaultWidth: dashboard?.columns >= 24 ? 8 : 4,\n    columns: dashboard?.columns || 12\n  }\"\n  [breadcrumb]=\"breadcrumbSettings\"\n  [editModeButtons]=\"{\n    undoButtonDisabled: editModeService.undoButtonDisabled,\n    changeToUndoName: editModeService.changeToUndoName,\n    redoButtonDisabled: !editModeService.redoStackLastItem,\n    changeToRedoName: editModeService.redoStackLastItem?.name\n  }\"\n  (onChangeDashboard)=\"positionOrWidgetDimensionChange($event)\"\n  (onAddWidget)=\"addWidget()\"\n  (onEditWidget)=\"editWidget($event)\"\n  (onDeleteWidget)=\"deleteWidget($event)\"\n  (onSaveDashboard)=\"saveWidgetsToDashboard()\"\n  (onCancelDashboard)=\"cancelEditMode()\"\n  (revertChange)=\"revertChange($event)\"\n  (onChangeStart)=\"addDashboardClassToBody()\"\n  (onChangeEnd)=\"removeDashboardClassFromBody()\"\n  (onEditDashboard)=\"editDashboard()\"\n  (onCopyDashboard)=\"copyDashboard()\"\n  (onDeleteDashboard)=\"deleteDashboard()\"\n></c8y-widgets-dashboard>\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "component", type: ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "directive", type: PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: HelpComponent, selector: "c8y-help", inputs: ["src", "isCollapsed", "priority", "icon"] }, { kind: "component", type: DashboardDetailComponent, selector: "c8y-dashboard-detail", inputs: ["isReport", "deviceType", "context", "mo", "dashboard", "isNamedDashboard", "hideAvailability"], outputs: ["dashboardSaved", "previewChanged"] }, { kind: "component", type: WidgetsDashboardComponent, selector: "c8y-widgets-dashboard", inputs: ["widgets", "context", "contextDashboard", "settings", "isCopyDisabled", "breadcrumb", "editModeButtons", "isSaveDisabled", "clearWidgetContentOnLeave"], outputs: ["onAddWidget", "onEditWidget", "onDeleteWidget", "onChangeDashboard", "onResize", "onEditDashboard", "onCopyDashboard", "onDeleteDashboard", "onChangeStart", "onChangeEnd", "onSaveDashboard", "onCancelDashboard", "revertChange"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
 __decorate([
     memoize(),
@@ -4289,7 +4412,7 @@ class DeviceInfoDashboardComponent {
         this.contextSubscription.unsubscribe();
     }
     canDeactivate() {
-        return this.contextDashboard?.canDeactivate();
+        return this.contextDashboard?.canDeactivate() ?? Promise.resolve(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DeviceInfoDashboardComponent, deps: [{ token: i1.ActivatedRoute }, { token: WidgetService }, { token: i2$1.TranslateService }, { token: i1$1.InventoryService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DeviceInfoDashboardComponent, isStandalone: true, selector: "c8y-device-info-dashboard-dashboard", viewQueries: [{ propertyName: "contextDashboard", first: true, predicate: ContextDashboardComponent, descendants: true }], ngImport: i0, template: "@if (!isLoading) {\n  <div>\n    <c8y-title>\n      {{ title }}\n    </c8y-title>\n    <c8y-context-dashboard\n      [translateWidgetTitle]=\"true\"\n      [name]=\"dashboardName\"\n      [context]=\"currentContext\"\n      [defaultWidgets]=\"widgetsList\"\n      [canDelete]=\"false\"\n      [hideAvailability]=\"true\"\n      [canCopy]=\"false\"\n      [disabled]=\"previewEnabled$ | async\"\n    ></c8y-context-dashboard>\n  </div>\n}\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "component", type: ContextDashboardComponent, selector: "c8y-context-dashboard", inputs: ["name", "childrenClasses", "context", "setTitle", "defaultWidgets", "canCopy", "canDelete", "isLoading", "breadcrumbSettings", "showContextHelpButton", "translateWidgetTitle", "translateDashboardTitle", "hideAvailability", "disabled"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
@@ -4327,7 +4450,7 @@ class DeviceInfoDashboardModule {
                 label: gettext('Info'),
                 priority: 10000,
                 icon: 'asterisk',
-                canDeactivate: [(component) => component.canDeactivate()],
+                canDeactivate: [(component) => component?.canDeactivate() ?? true],
                 rootContext: ViewContext.Dashboard
             })
         ], imports: [CommonModule, CoreModule, ContextDashboardModule, DeviceInfoDashboardComponent] }); }
@@ -4346,7 +4469,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                             label: gettext('Info'),
                             priority: 10000,
                             icon: 'asterisk',
-                            canDeactivate: [(component) => component.canDeactivate()],
+                            canDeactivate: [(component) => component?.canDeactivate() ?? true],
                             rootContext: ViewContext.Dashboard
                         })
                     ]
@@ -4378,7 +4501,7 @@ class DeviceManagementHomeDashboardComponent {
         });
     }
     canDeactivate() {
-        return this.contextDashboard?.canDeactivate();
+        return this.contextDashboard?.canDeactivate() ?? Promise.resolve(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DeviceManagementHomeDashboardComponent, deps: [{ token: WidgetService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: DeviceManagementHomeDashboardComponent, isStandalone: true, selector: "c8y-device-management-home-dashboard", viewQueries: [{ propertyName: "contextDashboard", first: true, predicate: ContextDashboardComponent, descendants: true, static: true }], ngImport: i0, template: "<c8y-title>\n  {{ 'Home' | translate }}\n</c8y-title>\n\n<c8y-context-dashboard\n  [name]=\"dashboardName\"\n  [defaultWidgets]=\"defaultWidgets\"\n  [canDelete]=\"false\"\n  [hideAvailability]=\"true\"\n></c8y-context-dashboard>\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "component", type: ContextDashboardComponent, selector: "c8y-context-dashboard", inputs: ["name", "childrenClasses", "context", "setTitle", "defaultWidgets", "canCopy", "canDelete", "isLoading", "breadcrumbSettings", "showContextHelpButton", "translateWidgetTitle", "translateDashboardTitle", "hideAvailability", "disabled"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
@@ -4401,7 +4524,7 @@ class DeviceManagementHomeDashboardModule {
             hookRoute({
                 path: 'home',
                 component: DeviceManagementHomeDashboardComponent,
-                canDeactivate: [(component) => component.canDeactivate()],
+                canDeactivate: [(component) => component?.canDeactivate() ?? true],
                 rootContext: ViewContext.Dashboard
             }),
             hookNavigator({ label: gettext('Home'), icon: 'home', priority: 10000, path: '/home' })
@@ -4424,7 +4547,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         hookRoute({
                             path: 'home',
                             component: DeviceManagementHomeDashboardComponent,
-                            canDeactivate: [(component) => component.canDeactivate()],
+                            canDeactivate: [(component) => component?.canDeactivate() ?? true],
                             rootContext: ViewContext.Dashboard
                         }),
                         hookNavigator({ label: gettext('Home'), icon: 'home', priority: 10000, path: '/home' })
@@ -4998,5 +5121,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ALL_GLOBAL_ROLES_SELECTED, AddDashboardComponent, AddDashboardFactory, AppearanceSettingsComponent, AssetPropertyMappingsComponent, AssetPropertyMappingsService, CONTEXT_DASHBOARD_CONFIG, ContextDashboardComponent, ContextDashboardModule, ContextDashboardService, ContextDashboardType, DASHBOARD_CHILDREN_STATE_NAME, DASHBOARD_DETAILS_OUTLET, DASHBOARD_DETAILS_TABS_OUTLET_NAME, DASHBOARD_SETTINGS_CHANGES, DASHBOARD_THEME_CLASSES, DashboardActionBarFactory, DashboardDetailComponent, DashboardDetailService, DashboardDetailsTabId, DeviceInfoDashboardComponent, DeviceInfoDashboardModule, DeviceManagementHomeDashboardComponent, DeviceManagementHomeDashboardModule, GlobalContextSectionComponent, HOOK_WIDGET_CONFIG, NewDashboardGuard, PRODUCT_EXPERIENCE, PasteDashboardActionComponent, REPORT_DEFAULT_NAVIGATION_NODE_PRIORITY, STYLING_CLASS_PREFIXES, TypeDashboardInfoComponent, WIDGET_CONTENT_CLASSES, WIDGET_HEADER_CLASSES, WidgetAssetSelectorComponent, WidgetConfigAppearanceComponent, WidgetConfigComponent, WidgetConfigFeedbackComponent, WidgetConfigGeneralComponent, WidgetConfigSectionComponent, WidgetConfigSectionService, WidgetConfigService, WidgetPreviewComponent, WidgetPreviewWrapperComponent, WidgetService, escapeForRegExp, getPropertyBaseKey, hookWidgetConfig, newDashboardTab, quoteAndEscape, renamePropertyKeyInCode };
+export { ALL_GLOBAL_ROLES_SELECTED, AddDashboardComponent, AddDashboardFactory, AppearanceSettingsComponent, AssetPropertyMappingsComponent, AssetPropertyMappingsService, CONTEXT_DASHBOARD_CONFIG, ContextDashboardComponent, ContextDashboardModule, ContextDashboardService, ContextDashboardType, DASHBOARD_CHILDREN_STATE_NAME, DASHBOARD_DETAILS_OUTLET, DASHBOARD_DETAILS_TABS_OUTLET_NAME, DASHBOARD_FOUNDATION_MAP, DASHBOARD_SETTINGS_CHANGES, DASHBOARD_THEME_CLASSES, DashboardActionBarFactory, DashboardDetailComponent, DashboardDetailService, DashboardDetailsTabId, DeviceInfoDashboardComponent, DeviceInfoDashboardModule, DeviceManagementHomeDashboardComponent, DeviceManagementHomeDashboardModule, FOUNDATION_CLASSES, GlobalContextSectionComponent, HOOK_WIDGET_CONFIG, NewDashboardGuard, PRODUCT_EXPERIENCE, PasteDashboardActionComponent, REPORT_DEFAULT_NAVIGATION_NODE_PRIORITY, STYLING_CLASS_PREFIXES, THEME_FOUNDATION_MAP, TypeDashboardInfoComponent, WIDGET_CONTENT_CLASSES, WIDGET_FOUNDATION_MAP, WIDGET_HEADER_CLASSES, WidgetAssetSelectorComponent, WidgetConfigAppearanceComponent, WidgetConfigComponent, WidgetConfigFeedbackComponent, WidgetConfigGeneralComponent, WidgetConfigSectionComponent, WidgetConfigSectionService, WidgetConfigService, WidgetPreviewComponent, WidgetPreviewWrapperComponent, WidgetService, escapeForRegExp, getPropertyBaseKey, hookWidgetConfig, newDashboardTab, quoteAndEscape, renamePropertyKeyInCode };
 //# sourceMappingURL=c8y-ngx-components-context-dashboard.mjs.map