@c8y/ngx-components 1024.20.1 → 1024.21.3

package/fesm2022/{c8y-ngx-components-context-dashboard-dashboard-version-history.component-Jyjkv4JT.mjs.map → c8y-ngx-components-context-dashboard-dashboard-version-history.component-CP1afwVe.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"c8y-ngx-components-context-dashboard-dashboard-version-history.component-Jyjkv4JT.mjs","sources":["../../context-dashboard/dashboard-settings/dashboard-version-history.component.ts","../../context-dashboard/dashboard-settings/dashboard-version-history.component.html"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { gettext } from '@c8y/ngx-components/gettext';\nimport { C8yTranslatePipe, CoreModule } from '@c8y/ngx-components';\nimport { ContextDashboard } from '../context-dashboard.model';\nimport { TranslateService } from '@ngx-translate/core';\nimport { cloneDeep } from 'lodash-es';\nimport { ContextDashboardService } from '../context-dashboard.service';\nimport { DashboardDetailService } from '../dashboard-detail.service';\n\n@Component({\n  selector: 'c8y-dashboard-version-history',\n  templateUrl: './dashboard-version-history.component.html',\n  standalone: true,\n  imports: [C8yTranslatePipe, CoreModule],\n  changeDetection: ChangeDetectionStrategy.Eager\n})\nexport class DashboardVersionHistoryComponent {\n  dashboardHistory: ContextDashboard[] = [];\n  isReport: boolean;\n  dashboardHistoryExtended: (ContextDashboard & { descriptionText?: string })[] = [];\n  restoredDashboardMessage = gettext(\n    'Restored dashboard state from {{ restoredStateCreationDate }}'\n  );\n  versionHistoryLimitMessage = gettext(\n    'Store up to {{ versionHistoryLimit }} dashboard versions. Any additional versions will replace/delete older ones'\n  );\n\n  constructor(\n    private translateService: TranslateService,\n    public contextDashboardService: ContextDashboardService,\n    private dashboardDetailService: DashboardDetailService\n  ) {}\n\n  ngOnInit() {\n    this.isReport = this.dashboardDetailService.details.isReport;\n    this.dashboardHistory = this.dashboardDetailService.details.mo.c8y_DashboardHistory;\n    this.generateDashboardHistoryDescription();\n  }\n\n  generateDashboardHistoryDescription() {\n    for (const dashboard of this.dashboardHistory) {\n      const copiedDashboard: ContextDashboard & { descriptionText?: string } = { ...dashboard };\n\n      let settingChangesMessage = '';\n      let assetModelMessage = '';\n      let widgetChanges = '';\n\n      if (dashboard.historyDescription.changeType === 'create') {\n        copiedDashboard.descriptionText = this.translateService.instant(\n          this.isReport ? gettext('Report created.') : gettext('Dashboard created.')\n        );\n        this.dashboardHistoryExtended.push(copiedDashboard);\n        continue;\n      }\n      if (dashboard.historyDescription.changeType === 'reset') {\n        copiedDashboard.descriptionText = this.translateService.instant(gettext('Reset widgets'));\n        this.dashboardHistoryExtended.push(copiedDashboard);\n        continue;\n      }\n\n      const isDashboardUpdated = dashboard.historyDescription.dashboardSettingChanges?.length > 0;\n      if (isDashboardUpdated) {\n        const translatedValuesChanged = dashboard.historyDescription.dashboardSettingChanges\n          .map(val => this.translateService.instant(val))\n          .join(', ');\n        settingChangesMessage = this.translateService.instant(\n          this.isReport\n            ? gettext('Report updated: {{ values }}.')\n            : gettext('Dashboard updated: {{ values }}.'),\n          { values: translatedValuesChanged }\n        );\n      }\n\n      const isDeviceDashboard = dashboard.historyDescription.deviceType != null && !this.isReport;\n      if (isDeviceDashboard) {\n        assetModelMessage = this.translateService.instant(\n          dashboard.historyDescription.deviceType\n            ? gettext('Dashboard asset model has been enabled.')\n            : gettext('Dashboard asset model has been disabled.')\n        );\n      }\n\n      if (dashboard.historyDescription.widgetChanges) {\n        for (const change in dashboard.historyDescription.widgetChanges) {\n          const widgetList = dashboard.historyDescription.widgetChanges[change];\n          if (!widgetList) {\n            continue;\n          }\n          const translatedWidgetList = dashboard.translateWidgetTitle\n            ? widgetList.map(widget => this.translateService.instant(widget))\n            : widgetList;\n          switch (change) {\n            case 'added':\n              widgetChanges =\n                widgetChanges +\n                this.translateService.instant(gettext('Added widgets: {{ widgetList }}. '), {\n                  widgetList: `\"${translatedWidgetList.join('\", \"')}\"`\n                });\n              break;\n            case 'removed':\n              widgetChanges =\n                widgetChanges +\n                this.translateService.instant(gettext('Removed widgets: {{ widgetList }}. '), {\n                  widgetList: `\"${translatedWidgetList.join('\", \"')}\"`\n                });\n              break;\n            case 'config':\n              widgetChanges =\n                widgetChanges +\n                this.translateService.instant(gettext('Updated widgets: {{ widgetList }}. '), {\n                  widgetList: `\"${translatedWidgetList.join('\", \"')}\"`\n                });\n              break;\n            case 'arrangement':\n              widgetChanges =\n                widgetChanges +\n                this.translateService.instant(gettext('Rearranged widgets: {{ widgetList }}. '), {\n                  widgetList: `\"${translatedWidgetList.join('\", \"')}\"`\n                });\n              break;\n            default:\n              break;\n          }\n        }\n      }\n\n      copiedDashboard.descriptionText = `${settingChangesMessage} ${assetModelMessage} ${widgetChanges}`;\n      this.dashboardHistoryExtended.push(copiedDashboard);\n    }\n  }\n\n  revertDashboard(dashboard: ContextDashboard) {\n    const newDashboard = cloneDeep(dashboard);\n    newDashboard.historyDescription.restored = dashboard.created;\n    this.dashboardDetailService.revertToDashboardFn(newDashboard);\n  }\n}\n","<div class=\"bg-component p-t-8 p-b-8 separator-bottom text-center\">\n  <i\n    class=\"text-info m-r-4\"\n    c8yIcon=\"info\"\n  ></i>\n  {{\n    versionHistoryLimitMessage\n      | translate: { versionHistoryLimit: contextDashboardService.VERSION_HISTORY_SIZE_LIMIT }\n  }}\n</div>\n<c8y-list-group class=\"p-t-24 p-b-24\">\n  <c8y-li-timeline\n    *ngFor=\"let dashboard of dashboardHistoryExtended; index as i\"\n    [ngClass]=\"{ active: i === 0 }\"\n  >\n    {{ dashboard.created | date: 'mediumDate' }}\n    {{ dashboard.created | date: 'shortTime' }}\n    <c8y-li data-cy=\"c8y-dashboard-version-history--history-row\">\n      <c8y-li-body>\n        <div class=\"d-flex a-i-start\">\n          <div class=\"flex-grow\">\n            <span\n              class=\"text-truncate-wrap\"\n              title=\"{{ dashboard.descriptionText }}\"\n              data-cy=\"c8y-dashboard-version-history--history-title\"\n            >\n              {{ dashboard.descriptionText }}\n              {{\n                dashboard.historyDescription.restored\n                  ? (restoredDashboardMessage\n                    | translate\n                      : {\n                          restoredStateCreationDate: dashboard.historyDescription.restored | c8yDate\n                        })\n                  : ''\n              }}\n            </span>\n            <small\n              class=\"text-muted\"\n              title=\"{{ 'by`user`' | translate }} {{ dashboard.author }}\"\n              *ngIf=\"dashboard.author\"\n            >\n              <div class=\"icon-flex\">\n                <i c8yIcon=\"c8y-user\"></i>\n                {{ dashboard.author }}\n              </div>\n            </small>\n          </div>\n\n          <span\n            class=\"label label-primary m-l-auto\"\n            title=\"{{ 'The last saved status of the dashboard' | translate }}\"\n            *ngIf=\"i === 0\"\n          >\n            {{ 'Current`dashboard status`' | translate }}\n          </span>\n          <span\n            class=\"m-l-auto showOnHover\"\n            *ngIf=\"dashboardHistoryExtended.length > 1 && i > 0\"\n          >\n            <button\n              class=\"btn btn-default btn-sm\"\n              title=\"{{ 'Restore the dashboard to this status' | translate }}\"\n              type=\"button\"\n              (click)=\"revertDashboard(dashboard)\"\n            >\n              {{ 'Restore' | translate }}\n            </button>\n          </span>\n        </div>\n      </c8y-li-body>\n    </c8y-li>\n  </c8y-li-timeline>\n</c8y-list-group>\n"],"names":["i1","i2.ContextDashboardService","i3.DashboardDetailService","i4"],"mappings":"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"}
+{"version":3,"file":"c8y-ngx-components-context-dashboard-dashboard-version-history.component-CP1afwVe.mjs","sources":["../../context-dashboard/dashboard-settings/dashboard-version-history.component.ts","../../context-dashboard/dashboard-settings/dashboard-version-history.component.html"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { gettext } from '@c8y/ngx-components/gettext';\nimport { C8yTranslatePipe, CoreModule } from '@c8y/ngx-components';\nimport { ContextDashboard } from '../context-dashboard.model';\nimport { TranslateService } from '@ngx-translate/core';\nimport { cloneDeep } from 'lodash-es';\nimport { ContextDashboardService } from '../context-dashboard.service';\nimport { DashboardDetailService } from '../dashboard-detail.service';\n\n@Component({\n  selector: 'c8y-dashboard-version-history',\n  templateUrl: './dashboard-version-history.component.html',\n  standalone: true,\n  imports: [C8yTranslatePipe, CoreModule],\n  changeDetection: ChangeDetectionStrategy.Eager\n})\nexport class DashboardVersionHistoryComponent {\n  dashboardHistory: ContextDashboard[] = [];\n  isReport: boolean;\n  dashboardHistoryExtended: (ContextDashboard & { descriptionText?: string })[] = [];\n  restoredDashboardMessage = gettext(\n    'Restored dashboard state from {{ restoredStateCreationDate }}'\n  );\n  versionHistoryLimitMessage = gettext(\n    'Store up to {{ versionHistoryLimit }} dashboard versions. Any additional versions will replace/delete older ones'\n  );\n\n  constructor(\n    private translateService: TranslateService,\n    public contextDashboardService: ContextDashboardService,\n    private dashboardDetailService: DashboardDetailService\n  ) {}\n\n  ngOnInit() {\n    this.isReport = this.dashboardDetailService.details.isReport;\n    this.dashboardHistory = this.dashboardDetailService.details.mo.c8y_DashboardHistory;\n    this.generateDashboardHistoryDescription();\n  }\n\n  generateDashboardHistoryDescription() {\n    for (const dashboard of this.dashboardHistory) {\n      const copiedDashboard: ContextDashboard & { descriptionText?: string } = { ...dashboard };\n\n      let settingChangesMessage = '';\n      let assetModelMessage = '';\n      let widgetChanges = '';\n\n      if (dashboard.historyDescription.changeType === 'create') {\n        copiedDashboard.descriptionText = this.translateService.instant(\n          this.isReport ? gettext('Report created.') : gettext('Dashboard created.')\n        );\n        this.dashboardHistoryExtended.push(copiedDashboard);\n        continue;\n      }\n      if (dashboard.historyDescription.changeType === 'reset') {\n        copiedDashboard.descriptionText = this.translateService.instant(gettext('Reset widgets'));\n        this.dashboardHistoryExtended.push(copiedDashboard);\n        continue;\n      }\n\n      const isDashboardUpdated = dashboard.historyDescription.dashboardSettingChanges?.length > 0;\n      if (isDashboardUpdated) {\n        const translatedValuesChanged = dashboard.historyDescription.dashboardSettingChanges\n          .map(val => this.translateService.instant(val))\n          .join(', ');\n        settingChangesMessage = this.translateService.instant(\n          this.isReport\n            ? gettext('Report updated: {{ values }}.')\n            : gettext('Dashboard updated: {{ values }}.'),\n          { values: translatedValuesChanged }\n        );\n      }\n\n      const isDeviceDashboard = dashboard.historyDescription.deviceType != null && !this.isReport;\n      if (isDeviceDashboard) {\n        assetModelMessage = this.translateService.instant(\n          dashboard.historyDescription.deviceType\n            ? gettext('Dashboard asset model has been enabled.')\n            : gettext('Dashboard asset model has been disabled.')\n        );\n      }\n\n      if (dashboard.historyDescription.widgetChanges) {\n        for (const change in dashboard.historyDescription.widgetChanges) {\n          const widgetList = dashboard.historyDescription.widgetChanges[change];\n          if (!widgetList) {\n            continue;\n          }\n          const translatedWidgetList = dashboard.translateWidgetTitle\n            ? widgetList.map(widget => this.translateService.instant(widget))\n            : widgetList;\n          switch (change) {\n            case 'added':\n              widgetChanges =\n                widgetChanges +\n                this.translateService.instant(gettext('Added widgets: {{ widgetList }}. '), {\n                  widgetList: `\"${translatedWidgetList.join('\", \"')}\"`\n                });\n              break;\n            case 'removed':\n              widgetChanges =\n                widgetChanges +\n                this.translateService.instant(gettext('Removed widgets: {{ widgetList }}. '), {\n                  widgetList: `\"${translatedWidgetList.join('\", \"')}\"`\n                });\n              break;\n            case 'config':\n              widgetChanges =\n                widgetChanges +\n                this.translateService.instant(gettext('Updated widgets: {{ widgetList }}. '), {\n                  widgetList: `\"${translatedWidgetList.join('\", \"')}\"`\n                });\n              break;\n            case 'arrangement':\n              widgetChanges =\n                widgetChanges +\n                this.translateService.instant(gettext('Rearranged widgets: {{ widgetList }}. '), {\n                  widgetList: `\"${translatedWidgetList.join('\", \"')}\"`\n                });\n              break;\n            default:\n              break;\n          }\n        }\n      }\n\n      copiedDashboard.descriptionText = `${settingChangesMessage} ${assetModelMessage} ${widgetChanges}`;\n      this.dashboardHistoryExtended.push(copiedDashboard);\n    }\n  }\n\n  revertDashboard(dashboard: ContextDashboard) {\n    const newDashboard = cloneDeep(dashboard);\n    newDashboard.historyDescription.restored = dashboard.created;\n    this.dashboardDetailService.revertToDashboardFn(newDashboard);\n  }\n}\n","<div class=\"bg-component p-t-8 p-b-8 separator-bottom text-center\">\n  <i\n    class=\"text-info m-r-4\"\n    c8yIcon=\"info\"\n  ></i>\n  {{\n    versionHistoryLimitMessage\n      | translate: { versionHistoryLimit: contextDashboardService.VERSION_HISTORY_SIZE_LIMIT }\n  }}\n</div>\n<c8y-list-group class=\"p-t-24 p-b-24\">\n  <c8y-li-timeline\n    *ngFor=\"let dashboard of dashboardHistoryExtended; index as i\"\n    [ngClass]=\"{ active: i === 0 }\"\n  >\n    {{ dashboard.created | date: 'mediumDate' }}\n    {{ dashboard.created | date: 'shortTime' }}\n    <c8y-li data-cy=\"c8y-dashboard-version-history--history-row\">\n      <c8y-li-body>\n        <div class=\"d-flex a-i-start\">\n          <div class=\"flex-grow\">\n            <span\n              class=\"text-truncate-wrap\"\n              title=\"{{ dashboard.descriptionText }}\"\n              data-cy=\"c8y-dashboard-version-history--history-title\"\n            >\n              {{ dashboard.descriptionText }}\n              {{\n                dashboard.historyDescription.restored\n                  ? (restoredDashboardMessage\n                    | translate\n                      : {\n                          restoredStateCreationDate: dashboard.historyDescription.restored | c8yDate\n                        })\n                  : ''\n              }}\n            </span>\n            <small\n              class=\"text-muted\"\n              title=\"{{ 'by`user`' | translate }} {{ dashboard.author }}\"\n              *ngIf=\"dashboard.author\"\n            >\n              <div class=\"icon-flex\">\n                <i c8yIcon=\"c8y-user\"></i>\n                {{ dashboard.author }}\n              </div>\n            </small>\n          </div>\n\n          <span\n            class=\"label label-primary m-l-auto\"\n            title=\"{{ 'The last saved status of the dashboard' | translate }}\"\n            *ngIf=\"i === 0\"\n          >\n            {{ 'Current`dashboard status`' | translate }}\n          </span>\n          <span\n            class=\"m-l-auto showOnHover\"\n            *ngIf=\"dashboardHistoryExtended.length > 1 && i > 0\"\n          >\n            <button\n              class=\"btn btn-default btn-sm\"\n              title=\"{{ 'Restore the dashboard to this status' | translate }}\"\n              type=\"button\"\n              (click)=\"revertDashboard(dashboard)\"\n            >\n              {{ 'Restore' | translate }}\n            </button>\n          </span>\n        </div>\n      </c8y-li-body>\n    </c8y-li>\n  </c8y-li-timeline>\n</c8y-list-group>\n"],"names":["i1","i2.ContextDashboardService","i3.DashboardDetailService","i4"],"mappings":"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"}

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

@@ -12,7 +12,7 @@ import { NgTemplateOutlet, CommonModule, NgClass, AsyncPipe, NgIf, NgForOf, NgFo
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import * as i6 from '@c8y/ngx-components/context-dashboard-state';
 import * as i2$1 from '@ngx-translate/core';
-import { assign, pick, isEmpty, cloneDeep, some, keys, keyBy, has, set, forEach, get, isEqual, clone, merge as merge$1, omit, sortBy, isNull, escapeRegExp, findIndex, kebabCase, every, words, camelCase } from 'lodash-es';
+import { assign, pick, isEmpty, cloneDeep, some, keys, keyBy, has, set, forEach, get, isEqual, clone, omit, sortBy, isNull, escapeRegExp, findIndex, kebabCase, every, words, camelCase } from 'lodash-es';
 import * as i2$2 from 'ngx-bootstrap/popover';
 import { PopoverModule, PopoverDirective } from 'ngx-bootstrap/popover';
 import * as i1$1 from '@c8y/client';
@@ -2058,7 +2058,7 @@ class WidgetConfigSectionComponent {
         return Array.from(controlNames);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: WidgetConfigSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: WidgetConfigSectionComponent, isStandalone: true, selector: "c8y-widget-config-section", inputs: { section: "section" }, ngImport: i0, template: "<c8y-li\n  class=\"c8y-list__item--no-expand c8y-list__item--sticky-top c8y-list__item--dense full-w-collapse\"\n  [collapsed]=\"!section.expanded\"\n  #li\n>\n  <div class=\"d-flex p-r-16 fit-w m-t-4 m-b-4\">\n    <button\n      class=\"btn-clean flex-no-shrink p-r-8 flex-grow\"\n      type=\"button\"\n      [attr.data-cy]=\"section.label\"\n      (click)=\"li.collapsed = !li.collapsed\"\n    >\n      <i\n        class=\"p-r-4\"\n        [c8yIcon]=\"li.collapsed ? 'chevron-right' : 'chevron-down'\"\n      ></i>\n      <span class=\"text-medium\">\n        {{ section.label | translate }}\n      </span>\n    </button>\n    <ng-container *ngTemplateOutlet=\"feedbackTemplate\"></ng-container>\n    @for (error of section.validationErrors | keyvalue; track error.key) {\n      @if (parentForm.form?.errors?.[error.key] && customValidatorsTouched()) {\n        <button\n          class=\"btn-clean\"\n          [attr.aria-label]=\"error.value | translate\"\n          [tooltip]=\"error.value | translate\"\n          type=\"button\"\n          [delay]=\"500\"\n        >\n          <i\n            class=\"status major\"\n            [c8yIcon]=\"'warning'\"\n          ></i>\n        </button>\n      }\n    }\n  </div>\n  <c8y-list-item-collapse>\n    @for (error of section.validationErrors | keyvalue; track error.key) {\n      @if (parentForm.form?.errors?.[error.key] && customValidatorsTouched()) {\n        <div\n          class=\"alert alert-warning m-t-8\"\n          role=\"alert\"\n        >\n          {{ error.value | translate }}\n        </div>\n      }\n    }\n    <ng-container\n      *c8yComponentOutlet=\"\n        section.component;\n        initialState: section.initialState;\n        environmentInjector: section.injector\n      \"\n    ></ng-container>\n  </c8y-list-item-collapse>\n</c8y-li>\n", dependencies: [{ kind: "ngmodule", type: ListGroupModule }, { kind: "component", type: i2.ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "component", type: i2.ListItemCollapseComponent, selector: "c8y-list-item-collapse, c8y-li-collapse", inputs: ["collapseWay"] }, { kind: "directive", type: C8yComponentOutlet, selector: "[c8yComponentOutlet]", inputs: ["c8yComponentOutlet", "c8yComponentOutletInjector", "c8yComponentOutletEnvironmentInjector", "c8yComponentOutletProviders", "c8yComponentOutletInitialState"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: i5.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: WidgetConfigSectionComponent, isStandalone: true, selector: "c8y-widget-config-section", inputs: { section: "section" }, ngImport: i0, template: "<c8y-li\n  class=\"c8y-list__item--no-expand c8y-list__item--sticky-top c8y-list__item--dense full-w-collapse\"\n  [collapsed]=\"!section.expanded\"\n  #li\n>\n  <div class=\"d-flex p-r-16 fit-w m-t-4 m-b-4\">\n    <button\n      class=\"btn-clean flex-no-shrink p-r-8 flex-grow\"\n      type=\"button\"\n      [attr.data-cy]=\"section.label\"\n      (click)=\"li.collapsed = !li.collapsed\"\n    >\n      <i\n        class=\"p-r-4\"\n        [c8yIcon]=\"li.collapsed ? 'chevron-right' : 'chevron-down'\"\n      ></i>\n      <span class=\"text-medium\">\n        {{ section.label | translate }}\n      </span>\n    </button>\n    <ng-container *ngTemplateOutlet=\"feedbackTemplate\"></ng-container>\n    @for (error of section.validationErrors | keyvalue; track error.key) {\n      @if (parentForm.form?.errors?.[error.key] && customValidatorsTouched()) {\n        <button\n          class=\"btn-clean\"\n          [attr.aria-label]=\"error.value | translate\"\n          [tooltip]=\"error.value | translate\"\n          type=\"button\"\n          [delay]=\"500\"\n        >\n          <i\n            class=\"status major\"\n            [c8yIcon]=\"'warning'\"\n          ></i>\n        </button>\n      }\n    }\n  </div>\n  <c8y-list-item-collapse>\n    @for (error of section.validationErrors | keyvalue; track error.key) {\n      @if (parentForm.form?.errors?.[error.key] && customValidatorsTouched()) {\n        <div\n          class=\"alert alert-warning m-t-8\"\n          role=\"alert\"\n        >\n          {{ error.value | translate }}\n        </div>\n      }\n    }\n    <ng-container\n      *c8yComponentOutlet=\"\n        section.component;\n        initialState: section.initialState;\n        environmentInjector: section.injector\n      \"\n    ></ng-container>\n  </c8y-list-item-collapse>\n</c8y-li>\n", dependencies: [{ kind: "ngmodule", type: ListGroupModule }, { kind: "component", type: i2.ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable", "selectOnClick"], outputs: ["collapsedChange"] }, { kind: "component", type: i2.ListItemCollapseComponent, selector: "c8y-list-item-collapse, c8y-li-collapse", inputs: ["collapseWay"] }, { kind: "directive", type: C8yComponentOutlet, selector: "[c8yComponentOutlet]", inputs: ["c8yComponentOutlet", "c8yComponentOutletInjector", "c8yComponentOutletEnvironmentInjector", "c8yComponentOutletProviders", "c8yComponentOutletInitialState"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: i5.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: WidgetConfigSectionComponent, decorators: [{
             type: Component,
@@ -2470,7 +2470,10 @@ class WidgetConfigService {
     updateConfig(change, force = false) {
         if (force) {
             this._currentConfig$.next({ ...this._currentConfig$.value, ...change });
-            merge$1(this._assignedCurrentConfig$.value, change);
+            // Apply the change with a shallow assign (as the non-force path does), not a deep merge.
+            if (this._assignedCurrentConfig$.value) {
+                Object.assign(this._assignedCurrentConfig$.value, change);
+            }
             return;
         }
         this.configChange$.next(change);
@@ -3131,7 +3134,7 @@ class ContextDashboardComponent {
     get disabled() {
         return (!this.hasPermissionToEditDashboard || !this.dashboardDetails?.isCollapsed || this.isDisabled());
     }
-    constructor(route, router, contextDashboardService, alert, renderer, moduleConfig, widgetService, bottomDrawerService, gainsightService, actionBarService, translateService, modal, destroyRef, contextDashboardStateService, editModeService) {
+    constructor(route, router, contextDashboardService, alert, renderer, moduleConfig, widgetService, bottomDrawerService, gainsightService, actionBarService, translateService, modal, destroyRef, contextDashboardStateService, editModeService, widgetContextBinding) {
         this.route = route;
         this.router = router;
         this.contextDashboardService = contextDashboardService;
@@ -3147,6 +3150,7 @@ class ContextDashboardComponent {
         this.destroyRef = destroyRef;
         this.contextDashboardStateService = contextDashboardStateService;
         this.editModeService = editModeService;
+        this.widgetContextBinding = widgetContextBinding;
         this.childrenClasses = '';
         this.setTitle = false;
         this.defaultWidgets = [];
@@ -3585,12 +3589,12 @@ class ContextDashboardComponent {
         await this.onLoad();
     }
     async setWidgets(dashboardChildren, trackExperience = false) {
-        const isDeviceType = this.contextDashboardService.isDeviceType(this.mo);
-        this.widgets = await Promise.all(Object.values(dashboardChildren || {}).map(widget => {
-            widget.classes = this.mergeWidgetClasses(widget);
-            if (isDeviceType) {
-                this.applyDeviceTarget(widget);
-            }
+        const widgets = Object.values(dashboardChildren || {});
+        widgets.forEach(widget => (widget.classes = this.mergeWidgetClasses(widget)));
+        if (this.contextDashboardService.isDeviceType(this.mo)) {
+            await this.widgetContextBinding.applyContextToWidgets(widgets, this.context, widget => this.applyDeviceTarget(widget));
+        }
+        this.widgets = await Promise.all(widgets.map(widget => {
             if (trackExperience) {
                 this.gainsightService.triggerEvent('loadWidget', {
                     widgetName: widget.componentId || widget.name
@@ -3832,7 +3836,7 @@ class ContextDashboardComponent {
             ? str
             : this.gainsightService.hashGroupName(str);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", 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 }, { token: i2.WidgetContextBindingService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", 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    layout: dashboard?.layout || 'grid',\n    alignViewHeight: !!dashboard?.alignViewHeight,\n    rows: dashboard?.alignViewHeight ? dashboard?.rows || 24 : 'auto',\n    float: !!dashboard?.float\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" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 __decorate([
@@ -3862,7 +3866,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
         }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: i1.Router }, { type: ContextDashboardService }, { type: i2.AlertService }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [CONTEXT_DASHBOARD_CONFIG]
-                }] }, { type: WidgetService }, { type: i2.BottomDrawerService }, { type: i2.GainsightService }, { type: i2.ActionBarService }, { type: i2$1.TranslateService }, { type: i2.ModalService }, { type: i0.DestroyRef }, { type: i6.ContextDashboardStateService }, { type: DashboardEditModeService }], propDecorators: { name: [{
+                }] }, { type: WidgetService }, { type: i2.BottomDrawerService }, { type: i2.GainsightService }, { type: i2.ActionBarService }, { type: i2$1.TranslateService }, { type: i2.ModalService }, { type: i0.DestroyRef }, { type: i6.ContextDashboardStateService }, { type: DashboardEditModeService }, { type: i2.WidgetContextBindingService }], propDecorators: { name: [{
                 type: Input
             }], childrenClasses: [{
                 type: Input
@@ -4207,7 +4211,7 @@ class ContextDashboardModule {
                 },
                 {
                     path: DashboardDetailsTabId.VERSIONHISTORY,
-                    loadComponent: () => import('./c8y-ngx-components-context-dashboard-dashboard-version-history.component-Jyjkv4JT.mjs').then(m => m.DashboardVersionHistoryComponent),
+                    loadComponent: () => import('./c8y-ngx-components-context-dashboard-dashboard-version-history.component-CP1afwVe.mjs').then(m => m.DashboardVersionHistoryComponent),
                     outlet: DASHBOARD_DETAILS_OUTLET,
                     context: ViewContext.Dashboard
                 }
@@ -4280,7 +4284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
                             },
                             {
                                 path: DashboardDetailsTabId.VERSIONHISTORY,
-                                loadComponent: () => import('./c8y-ngx-components-context-dashboard-dashboard-version-history.component-Jyjkv4JT.mjs').then(m => m.DashboardVersionHistoryComponent),
+                                loadComponent: () => import('./c8y-ngx-components-context-dashboard-dashboard-version-history.component-CP1afwVe.mjs').then(m => m.DashboardVersionHistoryComponent),
                                 outlet: DASHBOARD_DETAILS_OUTLET,
                                 context: ViewContext.Dashboard
                             }
@@ -4987,7 +4991,29 @@ function referencesOldContext(id, oldContext) {
  */
 function replaceContextInAssetReference(reference, newContext, oldContext) {
     if (reference && referencesOldContext(reference.id, oldContext)) {
-        Object.assign(reference, pick(newContext, ['id', 'name']));
+        bindAssetReferenceToContext(reference, newContext);
+    }
+    return reference;
+}
+/**
+ * Binds a single asset reference of a widget configuration to the given context, whichever asset it
+ * pointed at before.
+ *
+ * Use this from a widget's `applyContext` hook for every asset, device or group reference the
+ * widget stores. On a device type dashboard one template is shared by all devices of the type, so
+ * every reference has to follow the device being viewed, unlike on paste, where references
+ * deliberately bound to another asset are preserved.
+ *
+ * Only `id` and `name` are copied, so that the widget configuration does not grow to hold a
+ * complete managed object when the dashboard is saved.
+ *
+ * @param reference - The asset reference to rebind, modified in place
+ * @param context - The managed object of the context currently being viewed
+ * @returns The same reference, bound to the context
+ */
+function bindAssetReferenceToContext(reference, context) {
+    if (reference) {
+        Object.assign(reference, pick(context, ['id', 'name']));
     }
     return reference;
 }
@@ -5010,16 +5036,51 @@ const IDENTIFIER_REGEX = /^[a-zA-Z_$][a-zA-Z0-9_$]*$/;
  * @returns The same mappings object, with matching asset references replaced in place
  */
 function replaceContextInAssetPropertyMappings(mappings, newContext, oldContext) {
+    return rebindAssetPropertyMappings(mappings, newContext, id => referencesOldContext(id, oldContext));
+}
+/**
+ * Binds per-placeholder asset property mappings to the given context, whichever assets they pointed
+ * at before.
+ *
+ * This is the `applyContext` counterpart of `replaceContextInAssetPropertyMappings`: on a device
+ * type dashboard one template is shared by all devices of the type, so every placeholder has to
+ * follow the device being viewed rather than only those bound to a previous context. The same three
+ * references are covered: `assetProperty.asset`, the computed `contextAssetId` and every
+ * `config.dp[].__target`. Mappings with a `null` `assetProperty` (unmapped placeholders) are left
+ * untouched.
+ *
+ * @param mappings - Map of placeholder name to asset property mapping
+ * @param context - The managed object of the context currently being viewed
+ * @returns The same mappings object, with every asset reference bound to the context
+ */
+function bindAssetPropertyMappingsToContext(mappings, context) {
+    return rebindAssetPropertyMappings(mappings, context, () => true);
+}
+/**
+ * Shared walker of the asset references an `AssetPropertyMappings` holds.
+ *
+ * @param mappings - Map of placeholder name to asset property mapping
+ * @param context - The managed object to bind matching references to
+ * @param shouldRebind - Decides, per stored ID, whether that reference is rebound
+ */
+function rebindAssetPropertyMappings(mappings, context, shouldRebind) {
     forEach(mappings, mapping => {
         const assetProperty = mapping?.assetProperty;
         if (!assetProperty) {
             return;
         }
-        replaceContextInAssetReference(assetProperty.asset, newContext, oldContext);
-        if (referencesOldContext(assetProperty.contextAssetId, oldContext)) {
-            assetProperty.contextAssetId = newContext.id;
+        if (assetProperty.asset && shouldRebind(assetProperty.asset.id)) {
+            bindAssetReferenceToContext(assetProperty.asset, context);
         }
-        forEach(assetProperty.config?.dp, dataPoint => replaceContextInAssetReference(dataPoint?.__target, newContext, oldContext));
+        // Only computed properties carry a contextAssetId; never add one to a property without it.
+        if (assetProperty.contextAssetId && shouldRebind(assetProperty.contextAssetId)) {
+            assetProperty.contextAssetId = context.id;
+        }
+        forEach(assetProperty.config?.dp, dataPoint => {
+            if (dataPoint?.__target && shouldRebind(dataPoint.__target.id)) {
+                bindAssetReferenceToContext(dataPoint.__target, context);
+            }
+        });
     });
     return mappings;
 }
@@ -5417,5 +5478,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ALL_GLOBAL_ROLES_SELECTED, APPLIED_TO_APPLICATIONS_FRAGMENT, 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, WidgetConfigChangeMode, WidgetConfigComponent, WidgetConfigFeedbackComponent, WidgetConfigGeneralComponent, WidgetConfigSectionComponent, WidgetConfigSectionService, WidgetConfigService, WidgetPreviewComponent, WidgetPreviewWrapperComponent, WidgetService, applyEntitySharing, escapeForRegExp, getPropertyBaseKey, getSharedApplicationKeys, hookWidgetConfig, newDashboardTab, quoteAndEscape, referencesOldContext, renamePropertyKeyInCode, replaceContextInAssetPropertyMappings, replaceContextInAssetReference };
+export { ALL_GLOBAL_ROLES_SELECTED, APPLIED_TO_APPLICATIONS_FRAGMENT, 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, WidgetConfigChangeMode, WidgetConfigComponent, WidgetConfigFeedbackComponent, WidgetConfigGeneralComponent, WidgetConfigSectionComponent, WidgetConfigSectionService, WidgetConfigService, WidgetPreviewComponent, WidgetPreviewWrapperComponent, WidgetService, applyEntitySharing, bindAssetPropertyMappingsToContext, bindAssetReferenceToContext, escapeForRegExp, getPropertyBaseKey, getSharedApplicationKeys, hookWidgetConfig, newDashboardTab, quoteAndEscape, referencesOldContext, renamePropertyKeyInCode, replaceContextInAssetPropertyMappings, replaceContextInAssetReference };
 //# sourceMappingURL=c8y-ngx-components-context-dashboard.mjs.map