@c8y/ngx-components 1022.4.16 → 1022.6.0

package/fesm2022/c8y-ngx-components-widgets-definitions-datapoints-graph.mjs

@@ -8,7 +8,7 @@ import { importConfigWithTargets, exportConfigWithTargets } from '@c8y/ngx-compo
 
 class DatapointGraphFactory {
     constructor() {
-        this.betaPreviewService = inject(PreviewService);
+        this.previewFeatureService = inject(PreviewService);
         this.baseWidgetDefinition = {
             id: defaultWidgetIds.DATAPOINTS_GRAPH,
             label: gettext('Data points graph'),
@@ -41,7 +41,7 @@ class DatapointGraphFactory {
         };
     }
     get() {
-        return this.betaPreviewService.getState$('ui.datapoint-graph.v2').pipe(map(state => {
+        return this.previewFeatureService.getState$('ui.datapoint-graph.v2').pipe(map(state => {
             if (state) {
                 const newWidgetDefinition = cloneDeep(this.baseWidgetDefinition);
                 newWidgetDefinition.id = defaultWidgetIds.DATAPOINTS_GRAPH_NEW;

package/fesm2022/c8y-ngx-components-widgets-definitions-datapoints-graph.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"c8y-ngx-components-widgets-definitions-datapoints-graph.mjs","sources":["../../widgets/definitions/datapoints-graph/datapoint-graph-widget-factory.ts","../../widgets/definitions/datapoints-graph/index.ts","../../widgets/definitions/datapoints-graph/c8y-ngx-components-widgets-definitions-datapoints-graph.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport {\n  DynamicDatapointsResolver,\n  gettext,\n  PreviewService,\n  DynamicWidgetDefinition\n} from '@c8y/ngx-components';\nimport { map, Observable } from 'rxjs';\nimport { defaultWidgetIds } from '@c8y/ngx-components/widgets/definitions';\nimport cloneDeep from 'lodash/cloneDeep';\nimport {\n  exportConfigWithTargets,\n  importConfigWithTargets\n} from '@c8y/ngx-components/widgets/import-export-config';\n\n@Injectable()\nexport class DatapointGraphFactory {\n  private readonly betaPreviewService = inject(PreviewService);\n\n  private readonly baseWidgetDefinition: DynamicWidgetDefinition = {\n    id: defaultWidgetIds.DATAPOINTS_GRAPH,\n    label: gettext('Data points graph'),\n    description: gettext('Displays a graph of selected data points'),\n    loadComponent: () =>\n      import('@c8y/ngx-components/widgets/implementations/datapoints-graph').then(\n        m => m.DatapointsGraphWidgetViewComponent\n      ),\n    loadConfigComponent: () =>\n      import('@c8y/ngx-components/widgets/implementations/datapoints-graph').then(\n        m => m.DatapointsGraphWidgetConfigComponent\n      ),\n    previewImage: 'c8y-style-assets/datapoints-graph-widget.png',\n    resolve: {\n      datapoints: DynamicDatapointsResolver\n    },\n    data: {\n      schema: () =>\n        import(\n          'c8y-schema-loader?interfaceName=DatapointsGraphWidgetConfig!@c8y/ngx-components/echart'\n        ),\n      export: exportConfigWithTargets,\n      import: importConfigWithTargets,\n      settings: {\n        noNewWidgets: false,\n        widgetDefaults: {\n          _width: 8,\n          _height: 4\n        },\n        noDeviceTarget: true,\n        groupsSelectable: false\n      },\n      displaySettings: {\n        globalTimeContext: true,\n        globalAggregationContext: true,\n        globalRealtimeContext: true\n      }\n    }\n  };\n\n  get(): Observable<DynamicWidgetDefinition[]> {\n    return this.betaPreviewService.getState$('ui.datapoint-graph.v2').pipe(\n      map(state => {\n        if (state) {\n          const newWidgetDefinition = cloneDeep(this.baseWidgetDefinition);\n          newWidgetDefinition.id = defaultWidgetIds.DATAPOINTS_GRAPH_NEW;\n          newWidgetDefinition.data.settings.noNewWidgets = true;\n\n          return [this.baseWidgetDefinition, newWidgetDefinition];\n        }\n        return [];\n      })\n    );\n  }\n}\n","import { hookPreview, hookWidget } from '@c8y/ngx-components';\nimport { DatapointGraphFactory } from './datapoint-graph-widget-factory';\n\nexport const datapointGraphWidgetproviders = [\n  hookWidget(DatapointGraphFactory),\n  hookPreview({\n    key: 'ui.datapoint-graph.v2',\n    label: 'Data points graph',\n    description: () =>\n      import('@c8y/style/markdown-files/datapoint-graph-preview.md').then(m => m.default),\n    settings: {\n      reload: true\n    }\n  })\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAgBa,qBAAqB,CAAA;AADlC,IAAA,WAAA,GAAA;AAEmB,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAC,cAAc,CAAC;AAE3C,QAAA,IAAA,CAAA,oBAAoB,GAA4B;YAC/D,EAAE,EAAE,gBAAgB,CAAC,gBAAgB;AACrC,YAAA,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC;AACnC,YAAA,WAAW,EAAE,OAAO,CAAC,0CAA0C,CAAC;AAChE,YAAA,aAAa,EAAE,MACb,OAAO,8DAA8D,CAAC,CAAC,IAAI,CACzE,CAAC,IAAI,CAAC,CAAC,kCAAkC,CAC1C;AACH,YAAA,mBAAmB,EAAE,MACnB,OAAO,8DAA8D,CAAC,CAAC,IAAI,CACzE,CAAC,IAAI,CAAC,CAAC,oCAAoC,CAC5C;AACH,YAAA,YAAY,EAAE,8CAA8C;AAC5D,YAAA,OAAO,EAAE;AACP,gBAAA,UAAU,EAAE;AACb,aAAA;AACD,YAAA,IAAI,EAAE;AACJ,gBAAA,MAAM,EAAE,MACN,OACE,wFAAwF,CACzF;AACH,gBAAA,MAAM,EAAE,uBAAuB;AAC/B,gBAAA,MAAM,EAAE,uBAAuB;AAC/B,gBAAA,QAAQ,EAAE;AACR,oBAAA,YAAY,EAAE,KAAK;AACnB,oBAAA,cAAc,EAAE;AACd,wBAAA,MAAM,EAAE,CAAC;AACT,wBAAA,OAAO,EAAE;AACV,qBAAA;AACD,oBAAA,cAAc,EAAE,IAAI;AACpB,oBAAA,gBAAgB,EAAE;AACnB,iBAAA;AACD,gBAAA,eAAe,EAAE;AACf,oBAAA,iBAAiB,EAAE,IAAI;AACvB,oBAAA,wBAAwB,EAAE,IAAI;AAC9B,oBAAA,qBAAqB,EAAE;AACxB;AACF;SACF;AAgBF;IAdC,GAAG,GAAA;AACD,QAAA,OAAO,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,IAAI,CACpE,GAAG,CAAC,KAAK,IAAG;YACV,IAAI,KAAK,EAAE;gBACT,MAAM,mBAAmB,GAAG,SAAS,CAAC,IAAI,CAAC,oBAAoB,CAAC;AAChE,gBAAA,mBAAmB,CAAC,EAAE,GAAG,gBAAgB,CAAC,oBAAoB;gBAC9D,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,IAAI;AAErD,gBAAA,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,mBAAmB,CAAC;;AAEzD,YAAA,OAAO,EAAE;SACV,CAAC,CACH;;+GAvDQ,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;mHAArB,qBAAqB,EAAA,CAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBADjC;;;ACZY,MAAA,6BAA6B,GAAG;IAC3C,UAAU,CAAC,qBAAqB,CAAC;AACjC,IAAA,WAAW,CAAC;AACV,QAAA,GAAG,EAAE,uBAAuB;AAC5B,QAAA,KAAK,EAAE,mBAAmB;AAC1B,QAAA,WAAW,EAAE,MACX,OAAO,sDAAsD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AACrF,QAAA,QAAQ,EAAE;AACR,YAAA,MAAM,EAAE;AACT;KACF;;;ACbH;;AAEG;;;;"}
+{"version":3,"file":"c8y-ngx-components-widgets-definitions-datapoints-graph.mjs","sources":["../../widgets/definitions/datapoints-graph/datapoint-graph-widget-factory.ts","../../widgets/definitions/datapoints-graph/index.ts","../../widgets/definitions/datapoints-graph/c8y-ngx-components-widgets-definitions-datapoints-graph.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport {\n  DynamicDatapointsResolver,\n  gettext,\n  PreviewService,\n  DynamicWidgetDefinition\n} from '@c8y/ngx-components';\nimport { map, Observable } from 'rxjs';\nimport { defaultWidgetIds } from '@c8y/ngx-components/widgets/definitions';\nimport cloneDeep from 'lodash/cloneDeep';\nimport {\n  exportConfigWithTargets,\n  importConfigWithTargets\n} from '@c8y/ngx-components/widgets/import-export-config';\n\n@Injectable()\nexport class DatapointGraphFactory {\n  private readonly previewFeatureService = inject(PreviewService);\n\n  private readonly baseWidgetDefinition: DynamicWidgetDefinition = {\n    id: defaultWidgetIds.DATAPOINTS_GRAPH,\n    label: gettext('Data points graph'),\n    description: gettext('Displays a graph of selected data points'),\n    loadComponent: () =>\n      import('@c8y/ngx-components/widgets/implementations/datapoints-graph').then(\n        m => m.DatapointsGraphWidgetViewComponent\n      ),\n    loadConfigComponent: () =>\n      import('@c8y/ngx-components/widgets/implementations/datapoints-graph').then(\n        m => m.DatapointsGraphWidgetConfigComponent\n      ),\n    previewImage: 'c8y-style-assets/datapoints-graph-widget.png',\n    resolve: {\n      datapoints: DynamicDatapointsResolver\n    },\n    data: {\n      schema: () =>\n        import(\n          'c8y-schema-loader?interfaceName=DatapointsGraphWidgetConfig!@c8y/ngx-components/echart'\n        ),\n      export: exportConfigWithTargets,\n      import: importConfigWithTargets,\n      settings: {\n        noNewWidgets: false,\n        widgetDefaults: {\n          _width: 8,\n          _height: 4\n        },\n        noDeviceTarget: true,\n        groupsSelectable: false\n      },\n      displaySettings: {\n        globalTimeContext: true,\n        globalAggregationContext: true,\n        globalRealtimeContext: true\n      }\n    }\n  };\n\n  get(): Observable<DynamicWidgetDefinition[]> {\n    return this.previewFeatureService.getState$('ui.datapoint-graph.v2').pipe(\n      map(state => {\n        if (state) {\n          const newWidgetDefinition = cloneDeep(this.baseWidgetDefinition);\n          newWidgetDefinition.id = defaultWidgetIds.DATAPOINTS_GRAPH_NEW;\n          newWidgetDefinition.data.settings.noNewWidgets = true;\n\n          return [this.baseWidgetDefinition, newWidgetDefinition];\n        }\n        return [];\n      })\n    );\n  }\n}\n","import { hookPreview, hookWidget } from '@c8y/ngx-components';\nimport { DatapointGraphFactory } from './datapoint-graph-widget-factory';\n\nexport const datapointGraphWidgetproviders = [\n  hookWidget(DatapointGraphFactory),\n  hookPreview({\n    key: 'ui.datapoint-graph.v2',\n    label: 'Data points graph',\n    description: () =>\n      import('@c8y/style/markdown-files/datapoint-graph-preview.md').then(m => m.default),\n    settings: {\n      reload: true\n    }\n  })\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAgBa,qBAAqB,CAAA;AADlC,IAAA,WAAA,GAAA;AAEmB,QAAA,IAAA,CAAA,qBAAqB,GAAG,MAAM,CAAC,cAAc,CAAC;AAE9C,QAAA,IAAA,CAAA,oBAAoB,GAA4B;YAC/D,EAAE,EAAE,gBAAgB,CAAC,gBAAgB;AACrC,YAAA,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC;AACnC,YAAA,WAAW,EAAE,OAAO,CAAC,0CAA0C,CAAC;AAChE,YAAA,aAAa,EAAE,MACb,OAAO,8DAA8D,CAAC,CAAC,IAAI,CACzE,CAAC,IAAI,CAAC,CAAC,kCAAkC,CAC1C;AACH,YAAA,mBAAmB,EAAE,MACnB,OAAO,8DAA8D,CAAC,CAAC,IAAI,CACzE,CAAC,IAAI,CAAC,CAAC,oCAAoC,CAC5C;AACH,YAAA,YAAY,EAAE,8CAA8C;AAC5D,YAAA,OAAO,EAAE;AACP,gBAAA,UAAU,EAAE;AACb,aAAA;AACD,YAAA,IAAI,EAAE;AACJ,gBAAA,MAAM,EAAE,MACN,OACE,wFAAwF,CACzF;AACH,gBAAA,MAAM,EAAE,uBAAuB;AAC/B,gBAAA,MAAM,EAAE,uBAAuB;AAC/B,gBAAA,QAAQ,EAAE;AACR,oBAAA,YAAY,EAAE,KAAK;AACnB,oBAAA,cAAc,EAAE;AACd,wBAAA,MAAM,EAAE,CAAC;AACT,wBAAA,OAAO,EAAE;AACV,qBAAA;AACD,oBAAA,cAAc,EAAE,IAAI;AACpB,oBAAA,gBAAgB,EAAE;AACnB,iBAAA;AACD,gBAAA,eAAe,EAAE;AACf,oBAAA,iBAAiB,EAAE,IAAI;AACvB,oBAAA,wBAAwB,EAAE,IAAI;AAC9B,oBAAA,qBAAqB,EAAE;AACxB;AACF;SACF;AAgBF;IAdC,GAAG,GAAA;AACD,QAAA,OAAO,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,IAAI,CACvE,GAAG,CAAC,KAAK,IAAG;YACV,IAAI,KAAK,EAAE;gBACT,MAAM,mBAAmB,GAAG,SAAS,CAAC,IAAI,CAAC,oBAAoB,CAAC;AAChE,gBAAA,mBAAmB,CAAC,EAAE,GAAG,gBAAgB,CAAC,oBAAoB;gBAC9D,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,IAAI;AAErD,gBAAA,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,mBAAmB,CAAC;;AAEzD,YAAA,OAAO,EAAE;SACV,CAAC,CACH;;+GAvDQ,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;mHAArB,qBAAqB,EAAA,CAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBADjC;;;ACZY,MAAA,6BAA6B,GAAG;IAC3C,UAAU,CAAC,qBAAqB,CAAC;AACjC,IAAA,WAAW,CAAC;AACV,QAAA,GAAG,EAAE,uBAAuB;AAC5B,QAAA,KAAK,EAAE,mBAAmB;AAC1B,QAAA,WAAW,EAAE,MACX,OAAO,sDAAsD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AACrF,QAAA,QAAQ,EAAE;AACR,YAAA,MAAM,EAAE;AACT;KACF;;;ACbH;;AAEG;;;;"}

package/fesm2022/c8y-ngx-components-widgets-implementations-datapoints-table.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, inject, Output, Input, ChangeDetectionStrategy, Component, Pipe, ViewChild, Directive, signal } from '@angular/core';
+import { Injectable, EventEmitter, inject, Output, Input, ChangeDetectionStrategy, Component, Pipe, ViewChild, Directive, signal, Optional } from '@angular/core';
 import * as i3 from '@angular/forms';
 import { ControlContainer, ReactiveFormsModule, FormControl, Validators } from '@angular/forms';
 import * as i1$1 from '@c8y/ngx-components';
@@ -1549,7 +1549,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             }] } });
 
 class DatapointsTableViewWidgetComponent {
-    constructor(alertService, dataFetchingService, datapointsTableConfigService, datapointsTableViewService, formBuilder, translateService, widgetGlobalAutoRefresh) {
+    constructor(alertService, dataFetchingService, datapointsTableConfigService, datapointsTableViewService, formBuilder, translateService, widgetGlobalAutoRefresh, dashboardContextComponent) {
         this.alertService = alertService;
         this.dataFetchingService = dataFetchingService;
         this.datapointsTableConfigService = datapointsTableConfigService;
@@ -1557,6 +1557,7 @@ class DatapointsTableViewWidgetComponent {
         this.formBuilder = formBuilder;
         this.translateService = translateService;
         this.widgetGlobalAutoRefresh = widgetGlobalAutoRefresh;
+        this.dashboardContextComponent = dashboardContextComponent;
         /**
          * Represents the data points where __active property is set to true.
          */
@@ -1723,6 +1724,9 @@ class DatapointsTableViewWidgetComponent {
     async prepareTableData(roundSeconds = true) {
         this.isLoading$.next(true);
         if (this.isInitialRequest) {
+            if (this.config.datapoints?.length) {
+                this.config.datapoints.forEach(datapoint => this.assignContextFromContextDashboard(datapoint));
+            }
             this.activeDatapoints = this.datapointsTableViewService.filterOutInactiveDatapoints(this.config.datapoints);
             this.hasMultipleDatapoints = this.datapointsTableViewService.hasMultipleDatapoints(this.activeDatapoints);
             this.devicesColumnHeaders = this.datapointsTableViewService.getColumnHeaders(this.activeDatapoints);
@@ -1833,7 +1837,17 @@ class DatapointsTableViewWidgetComponent {
         this.exportConfig.dateFrom = this.config.dateFrom;
         this.exportConfig.dateTo = this.config.dateTo;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DatapointsTableViewWidgetComponent, deps: [{ token: i1$1.AlertService }, { token: i1.DataFetchingService }, { token: DatapointsTableService }, { token: DatapointsTableViewService }, { token: i3.FormBuilder }, { token: i1$2.TranslateService }, { token: i1$1.WidgetGlobalAutoRefreshService }], target: i0.ɵɵFactoryTarget.Component }); }
+    assignContextFromContextDashboard(datapoint) {
+        if (!this.dashboardContextComponent?.isDeviceTypeDashboard) {
+            return;
+        }
+        const context = this.dashboardContextComponent?.context;
+        if (context?.id) {
+            const { name, id } = context;
+            datapoint.__target = { name, id };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DatapointsTableViewWidgetComponent, deps: [{ token: i1$1.AlertService }, { token: i1.DataFetchingService }, { token: DatapointsTableService }, { token: DatapointsTableViewService }, { token: i3.FormBuilder }, { token: i1$2.TranslateService }, { token: i1$1.WidgetGlobalAutoRefreshService }, { token: i4.ContextDashboardComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DatapointsTableViewWidgetComponent, isStandalone: true, selector: "c8y-datapoints-table-view", inputs: { config: "config" }, host: { classAttribute: "d-col fit-h" }, ngImport: i0, template: "<div class=\"d-flex gap-16 p-l-16 p-r-16 flex-wrap\">\n  <ng-container *ngIf=\"config.displayDateSelection\">\n    <form [formGroup]=\"formGroup\">\n      <c8y-date-range-picker\n        class=\"d-contents\"\n        [isEmittingDateChange]=\"true\"\n        [showLabel]=\"true\"\n        (updatedDate)=\"onDateChange($event)\"\n      ></c8y-date-range-picker>\n    </form>\n  </ng-container>\n  <ng-container *ngIf=\"config.datapoints.length > 0\">\n    <c8y-datapoints-reload\n      class=\"d-contents\"\n      [isAutoRefreshEnabled]=\"config.isAutoRefreshEnabled\"\n      [refreshInterval]=\"config.refreshInterval\"\n      [isRefreshDisabled]=\"isRefreshDisabled\"\n      [isLoading]=\"isLoading$\"\n      [isScrolling]=\"isScrolling()\"\n      [isExportModalOpen]=\"isExportModalOpen\"\n      [widgetInstanceGlobalAutoRefreshContext]=\"config.widgetInstanceGlobalAutoRefreshContext\"\n      (onCountdownEnded)=\"onCountdownEnded()\"\n    ></c8y-datapoints-reload>\n  </ng-container>\n  <c8y-datapoints-export-selector\n    class=\"d-contents\"\n    [containerClass]=\"containerClass\"\n    [exportConfig]=\"exportConfig\"\n    (isOpen)=\"onExportModalOpen($event)\"\n  ></c8y-datapoints-export-selector>\n</div>\n<ng-container *ngIf=\"devicesColumnHeaders\">\n  <c8y-datapoints-table\n    [aggregationType]=\"config.aggregation\"\n    [datapointsTableItems]=\"datapointsTableItems\"\n    [decimalPlaces]=\"config.decimalPlaces\"\n    [devicesColumnHeaders]=\"devicesColumnHeaders\"\n    [hasMultipleDatapoints]=\"hasMultipleDatapoints\"\n    [isLoading]=\"isLoading$ | async\"\n    [seriesWithoutPermissionToReadCount]=\"seriesWithoutPermissionToRead?.length\"\n    (isScrolling)=\"onScrolling($event)\"\n  ></c8y-datapoints-table>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule$1 }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "component", type: DatapointsExportSelectorComponent, selector: "c8y-datapoints-export-selector", inputs: ["containerClass", "exportConfig"], outputs: ["isOpen"] }, { kind: "component", type: DatapointsReloadComponent, selector: "c8y-datapoints-reload", inputs: ["isAutoRefreshEnabled", "isRefreshDisabled", "isLoading", "isScrolling", "isExportModalOpen", "refreshInterval", "widgetInstanceGlobalAutoRefreshContext"], outputs: ["onCountdownEnded"] }, { kind: "component", type: DatapointsTableComponent, selector: "c8y-datapoints-table", inputs: ["aggregationType", "datapointsTableItems", "devicesColumnHeaders", "decimalPlaces", "hasMultipleDatapoints", "isLoading", "seriesWithoutPermissionToReadCount"], outputs: ["isScrolling"] }, { kind: "component", type: DateRangePickerComponent, selector: "c8y-date-range-picker", inputs: ["isEmittingDateChange", "showLabel"], outputs: ["updatedDate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DatapointsTableViewWidgetComponent, decorators: [{
@@ -1846,7 +1860,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         DateRangePickerComponent,
                         ReactiveFormsModule
                     ], template: "<div class=\"d-flex gap-16 p-l-16 p-r-16 flex-wrap\">\n  <ng-container *ngIf=\"config.displayDateSelection\">\n    <form [formGroup]=\"formGroup\">\n      <c8y-date-range-picker\n        class=\"d-contents\"\n        [isEmittingDateChange]=\"true\"\n        [showLabel]=\"true\"\n        (updatedDate)=\"onDateChange($event)\"\n      ></c8y-date-range-picker>\n    </form>\n  </ng-container>\n  <ng-container *ngIf=\"config.datapoints.length > 0\">\n    <c8y-datapoints-reload\n      class=\"d-contents\"\n      [isAutoRefreshEnabled]=\"config.isAutoRefreshEnabled\"\n      [refreshInterval]=\"config.refreshInterval\"\n      [isRefreshDisabled]=\"isRefreshDisabled\"\n      [isLoading]=\"isLoading$\"\n      [isScrolling]=\"isScrolling()\"\n      [isExportModalOpen]=\"isExportModalOpen\"\n      [widgetInstanceGlobalAutoRefreshContext]=\"config.widgetInstanceGlobalAutoRefreshContext\"\n      (onCountdownEnded)=\"onCountdownEnded()\"\n    ></c8y-datapoints-reload>\n  </ng-container>\n  <c8y-datapoints-export-selector\n    class=\"d-contents\"\n    [containerClass]=\"containerClass\"\n    [exportConfig]=\"exportConfig\"\n    (isOpen)=\"onExportModalOpen($event)\"\n  ></c8y-datapoints-export-selector>\n</div>\n<ng-container *ngIf=\"devicesColumnHeaders\">\n  <c8y-datapoints-table\n    [aggregationType]=\"config.aggregation\"\n    [datapointsTableItems]=\"datapointsTableItems\"\n    [decimalPlaces]=\"config.decimalPlaces\"\n    [devicesColumnHeaders]=\"devicesColumnHeaders\"\n    [hasMultipleDatapoints]=\"hasMultipleDatapoints\"\n    [isLoading]=\"isLoading$ | async\"\n    [seriesWithoutPermissionToReadCount]=\"seriesWithoutPermissionToRead?.length\"\n    (isScrolling)=\"onScrolling($event)\"\n  ></c8y-datapoints-table>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.AlertService }, { type: i1.DataFetchingService }, { type: DatapointsTableService }, { type: DatapointsTableViewService }, { type: i3.FormBuilder }, { type: i1$2.TranslateService }, { type: i1$1.WidgetGlobalAutoRefreshService }], propDecorators: { config: [{
+        }], ctorParameters: () => [{ type: i1$1.AlertService }, { type: i1.DataFetchingService }, { type: DatapointsTableService }, { type: DatapointsTableViewService }, { type: i3.FormBuilder }, { type: i1$2.TranslateService }, { type: i1$1.WidgetGlobalAutoRefreshService }, { type: i4.ContextDashboardComponent, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { config: [{
                 type: Input
             }] } });