@c8y/ngx-components 1023.14.153 → 1023.14.154

package/fesm2022/c8y-ngx-components-datapoints-export-selector.mjs

@@ -7,15 +7,15 @@ import { AGGREGATION_VALUES, CoreModule, CommonModule, ModalModule } from '@c8y/
 import * as i3 from '@ngx-translate/core';
 import JSZip from 'jszip';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i3$2 from '@angular/forms';
+import * as i3$1 from '@angular/forms';
 import { FormsModule, FormControl, ReactiveFormsModule } from '@angular/forms';
 import saveAs from 'file-saver';
 import { Subject, debounceTime, merge, takeUntil as takeUntil$1 } from 'rxjs';
 import { A11yModule } from '@angular/cdk/a11y';
-import * as i3$1 from 'ngx-bootstrap/popover';
+import * as i2$1 from 'ngx-bootstrap/popover';
 import { PopoverModule } from 'ngx-bootstrap/popover';
-import * as i2$1 from '@angular/common';
 import { AGGREGATION_LABELS, AGGREGATION_VALUES_ARR } from '@c8y/ngx-components/global-context';
+import * as i2$2 from '@angular/common';
 import { skip, takeUntil } from 'rxjs/operators';
 import { isNil, isEmpty, isNumber } from 'lodash-es';
 import * as i1$1 from 'ngx-bootstrap/modal';
@@ -212,17 +212,17 @@ class DataFetchingService {
      */
     getLimitExceededMessage(hasNoExportableData, emailDeliverableCount, browserDownloadableCount, nonRetrievableCount, totalDatapointsSelectedForExportCount) {
         if (hasNoExportableData) {
-            const message = this.translateService.instant(gettext(`The data for selected datapoint(s) exceed 1,000,000 records, which is the limit for backend processing. To export this data, please reduce the date range.`));
+            const message = this.translateService.instant(gettext(`The data for selected data point(s) exceeds 1,000,000 records, which is the limit for backend processing. To export this data, reduce the date range.`));
             return message;
         }
         const message = this.translateService.instant(gettext(`After clicking "Download":<br>
         <ul>
-          <li><strong>{{$browserDownloadableCount}}</strong> datapoint(s) exports will be downloaded directly within one file: <em>exported_[csv/excel].zip</em></li>
-          <li><strong>{{$emailDeliverableCount}}</strong> datapoint(s) exports require further processing. The files will be sent to you via separate emails once completed, which may take some time.</li>
-          <li><strong>{{$nonRetrievableCount}}</strong> datapoint(s) exports exceeded 1,000,000 records, which is the limit for backend processing. To export these data, please reduce the date range. Otherwise, the data will neither be downloaded nor sent via email.</li>
+          <li><strong>{{$browserDownloadableCount}}</strong> data point export(s) will be downloaded directly within one file: <em>exported_[csv/excel].zip</em></li>
+          <li><strong>{{$emailDeliverableCount}}</strong> data point export(s) require further processing. The files will be sent to you via separate emails once completed, which may take some time.</li>
+          <li><strong>{{$nonRetrievableCount}}</strong> data point export(s) exceeded 1,000,000 records, which is the limit for backend processing. To export these data, reduce the date range. Otherwise, the data will neither be downloaded nor sent via email.</li>
         </ul>
         <p>The total number of data points that can be exported is: <strong>{{$totalExportableDatapointsCount}} out of {{$totalDatapointsSelectedForExportCount}}</strong>.</p>
-        <p><strong>Note:</strong> The file name convention of files within zip file is: <code>[source]_[fragment_series].[csv/xls]</code></p>`), {
+        <p><strong>Note:</strong> The file name convention of files within a ZIP file is: <code>[source]_[fragment_series].[csv/xls]</code></p>`), {
             $browserDownloadableCount: browserDownloadableCount,
             $emailDeliverableCount: emailDeliverableCount,
             $nonRetrievableCount: nonRetrievableCount,
@@ -636,11 +636,11 @@ class DataPointsExportSelectorPreviewComponent {
         this.MEASUREMENTS_PREVIEW_ITEMS_LIMIT = MEASUREMENTS_PREVIEW_ITEMS_LIMIT;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DataPointsExportSelectorPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DataPointsExportSelectorPreviewComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-preview", inputs: { hasFetchedDataAnyValuesToExport: "hasFetchedDataAnyValuesToExport", isPreviewLoading: "isPreviewLoading", previewTableData: "previewTableData" }, ngImport: i0, template: "<div class=\"p-t-16 p-l-16 p-r-16 m-b-0\">\n  <div class=\"d-flex a-i-center\">\n    <label\n      class=\"m-b-0 d-flex a-i-center gap-4\"\n      [title]=\"'Preview`of exported file`' | translate\"\n    >\n      {{ 'Preview`of exported file`' | translate }}\n      <button\n        class=\"btn-help\"\n        [attr.aria-label]=\"'Help' | translate\"\n        [popover]=\"popoverPreviewTemplate\"\n        placement=\"right\"\n        triggers=\"focus\"\n        data-cy=\"preview--help\"\n        container=\"body\"\n        type=\"button\"\n        [adaptivePosition]=\"true\"\n      ></button>\n      <ng-template #popoverPreviewTemplate>\n        <span translate>\n          <p>The preview shows the structure of the raw file from a single source.</p>\n          <p>If no data is available, only the column headers are visible.</p>\n          <p>\n            The preview is limited to\n            <b>{{ MEASUREMENTS_PREVIEW_ITEMS_LIMIT }}</b>\n            records.\n          </p>\n        </span>\n      </ng-template>\n    </label>\n  </div>\n  <div\n    class=\"table-responsive\"\n    style=\"min-height: 275px\"\n  >\n    <table class=\"table\">\n      <thead>\n        <tr>\n          <th>{{ 'Time' | translate }}</th>\n          <th>{{ 'Source' | translate }}</th>\n          <th>{{ 'Device name' | translate }}</th>\n          <th>\n            {{ 'Fragment and series' | translate }}\n          </th>\n          <th>{{ 'Value' | translate }}</th>\n          <th>{{ 'Unit' | translate }}</th>\n        </tr>\n      </thead>\n      <ng-container *ngIf=\"hasFetchedDataAnyValuesToExport || isPreviewLoading; else emptyState\">\n        <ng-container *ngIf=\"!isPreviewLoading; else loading\">\n          <tbody>\n            <tr *ngFor=\"let row of previewTableData\">\n              <td>{{ row.time }}</td>\n              <td>{{ row.source }}</td>\n              <td>{{ row.device_name }}</td>\n              <td>\n                {{ row.fragment_series }}\n              </td>\n              <td>{{ row.value }}</td>\n              <td>{{ row.unit }}</td>\n            </tr>\n          </tbody>\n        </ng-container>\n      </ng-container>\n      <ng-template #emptyState>\n        <tbody>\n          <tr>\n            <td colspan=\"8\">\n              <div class=\"d-col a-i-center\">\n                <c8y-ui-empty-state\n                  [icon]=\"'search'\"\n                  [title]=\"'No data available.' | translate\"\n                  [horizontal]=\"true\"\n                  data-cy=\"datapoints-table-list--empty-state\"\n                ></c8y-ui-empty-state>\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </ng-template>\n      <ng-template #loading>\n        <tbody>\n          <tr>\n            <td colspan=\"8\">\n              <c8y-loading></c8y-loading>\n            </td>\n          </tr>\n        </tbody>\n      </ng-template>\n    </table>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: i1.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i3$1.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DataPointsExportSelectorPreviewComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-preview", inputs: { hasFetchedDataAnyValuesToExport: "hasFetchedDataAnyValuesToExport", isPreviewLoading: "isPreviewLoading", previewTableData: "previewTableData" }, ngImport: i0, template: "<div class=\"p-t-16 p-l-16 p-r-16 m-b-0\">\n  <div class=\"d-flex a-i-center\">\n    <label\n      class=\"m-b-0 d-flex a-i-center gap-4\"\n      [title]=\"'Preview`of exported file`' | translate\"\n    >\n      {{ 'Preview`of exported file`' | translate }}\n      <button\n        class=\"btn-help\"\n        [attr.aria-label]=\"'Help' | translate\"\n        [popover]=\"popoverPreviewTemplate\"\n        placement=\"right\"\n        triggers=\"focus\"\n        container=\"body\"\n        type=\"button\"\n        data-cy=\"preview--help\"\n        [adaptivePosition]=\"true\"\n      ></button>\n      <ng-template #popoverPreviewTemplate>\n        <p translate>The preview shows the structure of the raw file from a single source.</p>\n        <p translate>If no data is available, only the column headers are visible.</p>\n        <p\n          translate\n          [translateParams]=\"{ count: MEASUREMENTS_PREVIEW_ITEMS_LIMIT }\"\n          ngNonBindable\n        >\n          The preview is limited to\n          <b>{{ count }}</b>\n          records.\n        </p>\n      </ng-template>\n    </label>\n  </div>\n  <div\n    class=\"table-responsive\"\n    style=\"min-height: 275px\"\n  >\n    <table class=\"table\">\n      <thead>\n        <tr>\n          <th>{{ 'Time' | translate }}</th>\n          <th>{{ 'Source' | translate }}</th>\n          <th>{{ 'Device name' | translate }}</th>\n          <th>\n            {{ 'Fragment and series' | translate }}\n          </th>\n          <th>{{ 'Value' | translate }}</th>\n          <th>{{ 'Unit' | translate }}</th>\n        </tr>\n      </thead>\n      @if (hasFetchedDataAnyValuesToExport || isPreviewLoading) {\n        @if (!isPreviewLoading) {\n          <tbody>\n            @for (row of previewTableData; track row.source) {\n              <tr>\n                <td>{{ row.time }}</td>\n                <td>{{ row.source }}</td>\n                <td>{{ row.device_name }}</td>\n                <td>{{ row.fragment_series }}</td>\n                <td>{{ row.value }}</td>\n                <td>{{ row.unit }}</td>\n              </tr>\n            }\n          </tbody>\n        } @else {\n          <tbody>\n            <tr>\n              <td colspan=\"8\">\n                <c8y-loading></c8y-loading>\n              </td>\n            </tr>\n          </tbody>\n        }\n      } @else {\n        <tbody>\n          <tr>\n            <td colspan=\"8\">\n              <div class=\"d-col a-i-center\">\n                <c8y-ui-empty-state\n                  [icon]=\"'search'\"\n                  [title]=\"'No data available.' | translate\"\n                  [horizontal]=\"true\"\n                  data-cy=\"datapoints-table-list--empty-state\"\n                ></c8y-ui-empty-state>\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      }\n    </table>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: i1.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: i1.LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i2$1.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DataPointsExportSelectorPreviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-datapoints-export-selector-preview', standalone: true, imports: [A11yModule, CoreModule, PopoverModule], template: "<div class=\"p-t-16 p-l-16 p-r-16 m-b-0\">\n  <div class=\"d-flex a-i-center\">\n    <label\n      class=\"m-b-0 d-flex a-i-center gap-4\"\n      [title]=\"'Preview`of exported file`' | translate\"\n    >\n      {{ 'Preview`of exported file`' | translate }}\n      <button\n        class=\"btn-help\"\n        [attr.aria-label]=\"'Help' | translate\"\n        [popover]=\"popoverPreviewTemplate\"\n        placement=\"right\"\n        triggers=\"focus\"\n        data-cy=\"preview--help\"\n        container=\"body\"\n        type=\"button\"\n        [adaptivePosition]=\"true\"\n      ></button>\n      <ng-template #popoverPreviewTemplate>\n        <span translate>\n          <p>The preview shows the structure of the raw file from a single source.</p>\n          <p>If no data is available, only the column headers are visible.</p>\n          <p>\n            The preview is limited to\n            <b>{{ MEASUREMENTS_PREVIEW_ITEMS_LIMIT }}</b>\n            records.\n          </p>\n        </span>\n      </ng-template>\n    </label>\n  </div>\n  <div\n    class=\"table-responsive\"\n    style=\"min-height: 275px\"\n  >\n    <table class=\"table\">\n      <thead>\n        <tr>\n          <th>{{ 'Time' | translate }}</th>\n          <th>{{ 'Source' | translate }}</th>\n          <th>{{ 'Device name' | translate }}</th>\n          <th>\n            {{ 'Fragment and series' | translate }}\n          </th>\n          <th>{{ 'Value' | translate }}</th>\n          <th>{{ 'Unit' | translate }}</th>\n        </tr>\n      </thead>\n      <ng-container *ngIf=\"hasFetchedDataAnyValuesToExport || isPreviewLoading; else emptyState\">\n        <ng-container *ngIf=\"!isPreviewLoading; else loading\">\n          <tbody>\n            <tr *ngFor=\"let row of previewTableData\">\n              <td>{{ row.time }}</td>\n              <td>{{ row.source }}</td>\n              <td>{{ row.device_name }}</td>\n              <td>\n                {{ row.fragment_series }}\n              </td>\n              <td>{{ row.value }}</td>\n              <td>{{ row.unit }}</td>\n            </tr>\n          </tbody>\n        </ng-container>\n      </ng-container>\n      <ng-template #emptyState>\n        <tbody>\n          <tr>\n            <td colspan=\"8\">\n              <div class=\"d-col a-i-center\">\n                <c8y-ui-empty-state\n                  [icon]=\"'search'\"\n                  [title]=\"'No data available.' | translate\"\n                  [horizontal]=\"true\"\n                  data-cy=\"datapoints-table-list--empty-state\"\n                ></c8y-ui-empty-state>\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </ng-template>\n      <ng-template #loading>\n        <tbody>\n          <tr>\n            <td colspan=\"8\">\n              <c8y-loading></c8y-loading>\n            </td>\n          </tr>\n        </tbody>\n      </ng-template>\n    </table>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'c8y-datapoints-export-selector-preview', standalone: true, imports: [A11yModule, CoreModule, PopoverModule], template: "<div class=\"p-t-16 p-l-16 p-r-16 m-b-0\">\n  <div class=\"d-flex a-i-center\">\n    <label\n      class=\"m-b-0 d-flex a-i-center gap-4\"\n      [title]=\"'Preview`of exported file`' | translate\"\n    >\n      {{ 'Preview`of exported file`' | translate }}\n      <button\n        class=\"btn-help\"\n        [attr.aria-label]=\"'Help' | translate\"\n        [popover]=\"popoverPreviewTemplate\"\n        placement=\"right\"\n        triggers=\"focus\"\n        container=\"body\"\n        type=\"button\"\n        data-cy=\"preview--help\"\n        [adaptivePosition]=\"true\"\n      ></button>\n      <ng-template #popoverPreviewTemplate>\n        <p translate>The preview shows the structure of the raw file from a single source.</p>\n        <p translate>If no data is available, only the column headers are visible.</p>\n        <p\n          translate\n          [translateParams]=\"{ count: MEASUREMENTS_PREVIEW_ITEMS_LIMIT }\"\n          ngNonBindable\n        >\n          The preview is limited to\n          <b>{{ count }}</b>\n          records.\n        </p>\n      </ng-template>\n    </label>\n  </div>\n  <div\n    class=\"table-responsive\"\n    style=\"min-height: 275px\"\n  >\n    <table class=\"table\">\n      <thead>\n        <tr>\n          <th>{{ 'Time' | translate }}</th>\n          <th>{{ 'Source' | translate }}</th>\n          <th>{{ 'Device name' | translate }}</th>\n          <th>\n            {{ 'Fragment and series' | translate }}\n          </th>\n          <th>{{ 'Value' | translate }}</th>\n          <th>{{ 'Unit' | translate }}</th>\n        </tr>\n      </thead>\n      @if (hasFetchedDataAnyValuesToExport || isPreviewLoading) {\n        @if (!isPreviewLoading) {\n          <tbody>\n            @for (row of previewTableData; track row.source) {\n              <tr>\n                <td>{{ row.time }}</td>\n                <td>{{ row.source }}</td>\n                <td>{{ row.device_name }}</td>\n                <td>{{ row.fragment_series }}</td>\n                <td>{{ row.value }}</td>\n                <td>{{ row.unit }}</td>\n              </tr>\n            }\n          </tbody>\n        } @else {\n          <tbody>\n            <tr>\n              <td colspan=\"8\">\n                <c8y-loading></c8y-loading>\n              </td>\n            </tr>\n          </tbody>\n        }\n      } @else {\n        <tbody>\n          <tr>\n            <td colspan=\"8\">\n              <div class=\"d-col a-i-center\">\n                <c8y-ui-empty-state\n                  [icon]=\"'search'\"\n                  [title]=\"'No data available.' | translate\"\n                  [horizontal]=\"true\"\n                  data-cy=\"datapoints-table-list--empty-state\"\n                ></c8y-ui-empty-state>\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      }\n    </table>\n  </div>\n</div>\n" }]
         }], propDecorators: { hasFetchedDataAnyValuesToExport: [{
                 type: Input
             }], isPreviewLoading: [{
@@ -665,7 +665,7 @@ class DataPointsExportSelectorDataScopeComponent {
         this.onExportTypeChange.emit(exportType);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DataPointsExportSelectorDataScopeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DataPointsExportSelectorDataScopeComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-data-scope", inputs: { disabledAggregationOptions: "disabledAggregationOptions", formGroup: "formGroup" }, outputs: { onAggregationChange: "onAggregationChange", onExportTypeChange: "onExportTypeChange" }, ngImport: i0, template: "<fieldset class=\"c8y-fieldset\">\n  <legend class=\"d-flex a-i-center\">\n    {{ 'Data scope' | translate }}\n    <button\n      class=\"btn-help\"\n      [attr.aria-label]=\"'Help' | translate\"\n      [popover]=\"popoverDataScopeTemplate\"\n      placement=\"right\"\n      triggers=\"focus\"\n      container=\"body\"\n      type=\"button\"\n      data-cy=\"data-scope--help\"\n      [adaptivePosition]=\"true\"\n    ></button>\n    <ng-template #popoverDataScopeTemplate>\n      <p\n        class=\"m-b-8\"\n        translate\n      >\n        Choose export type from available options:\n      </p>\n      <p><strong translate>Compact</strong></p>\n      <ul class=\"p-l-16\">\n        <li translate>Up to 5,000 records per data point or data retention limit</li>\n        <li translate>Single merged file for all data</li>\n        <li translate>No preview available</li>\n        <li translate>Optional data aggregation supported</li>\n      </ul>\n      <p><strong translate>Full</strong></p>\n      <ul class=\"p-l-16\">\n        <li translate>Up to 1,000,000 records per data point or data retention limit</li>\n        <li translate>Email delivery if exceeds 50,000 records</li>\n        <li translate>Separate files for each data point in ZIP format</li>\n        <li translate>Preview available</li>\n        <li translate>No data aggregation</li>\n      </ul>\n    </ng-template>\n  </legend>\n  <c8y-form-group class=\"m-b-8\">\n    <label>\n      {{ 'Export mode' | translate }}\n    </label>\n    <div\n      class=\"c8y-select-wrapper\"\n      [formGroup]=\"formGroup\"\n      data-cy=\"data-scope--export-selector\"\n    >\n      <select\n        class=\"form-control text-12\"\n        [title]=\"'Export mode' | translate\"\n        id=\"exportMode\"\n        formControlName=\"exportMode\"\n        (ngModelChange)=\"emitExportTypeChange($event)\"\n      >\n        <option\n          *ngFor=\"let exportModeValue of EXPORT_MODE_VALUES_ARR\"\n          [ngValue]=\"exportModeValue\"\n        >\n          {{ EXPORT_MODE_LABELS[exportModeValue] | translate }}\n        </option>\n      </select>\n    </div>\n  </c8y-form-group>\n  <c8y-form-group class=\"m-b-8\">\n    <label>\n      {{ 'Aggregation' | translate }}\n    </label>\n    <div\n      class=\"c8y-select-wrapper\"\n      [formGroup]=\"formGroup\"\n      data-cy=\"data-scope--aggregation-selector\"\n    >\n      <select\n        class=\"form-control text-12\"\n        [title]=\"'Aggregation' | translate\"\n        id=\"aggregation\"\n        formControlName=\"aggregation\"\n        (ngModelChange)=\"emitAggregationChange($event)\"\n      >\n        <option\n          *ngFor=\"let aggregationValue of AGGREGATION_VALUES_ARR\"\n          [ngValue]=\"aggregationValue\"\n          [disabled]=\"disabledAggregationOptions[aggregationValue]\"\n        >\n          {{ AGGREGATION_LABELS[aggregationValue] | translate }}\n        </option>\n      </select>\n    </div>\n  </c8y-form-group>\n</fieldset>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i1.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: i3$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i3$1.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DataPointsExportSelectorDataScopeComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-data-scope", inputs: { disabledAggregationOptions: "disabledAggregationOptions", formGroup: "formGroup" }, outputs: { onAggregationChange: "onAggregationChange", onExportTypeChange: "onExportTypeChange" }, ngImport: i0, template: "<fieldset class=\"c8y-fieldset\">\n  <legend class=\"d-flex a-i-center\">\n    {{ 'Data scope' | translate }}\n    <button\n      class=\"btn-help\"\n      [attr.aria-label]=\"'Help' | translate\"\n      [popover]=\"popoverDataScopeTemplate\"\n      placement=\"right\"\n      triggers=\"focus\"\n      container=\"body\"\n      type=\"button\"\n      data-cy=\"data-scope--help\"\n      [adaptivePosition]=\"true\"\n    ></button>\n    <ng-template #popoverDataScopeTemplate>\n      <p\n        class=\"m-b-8\"\n        translate\n      >\n        Choose export type from available options:\n      </p>\n      <p><strong translate>Compact</strong></p>\n      <ul class=\"p-l-16\">\n        <li translate>Up to 5,000 records per data point or data retention limit</li>\n        <li translate>Single merged file for all data</li>\n        <li translate>No preview available</li>\n        <li translate>Optional data aggregation supported</li>\n      </ul>\n      <p><strong translate>Full</strong></p>\n      <ul class=\"p-l-16\">\n        <li translate>Up to 1,000,000 records per data point or data retention limit</li>\n        <li translate>Email delivery if exceeds 50,000 records</li>\n        <li translate>Separate files for each data point in ZIP format</li>\n        <li translate>Preview available</li>\n        <li translate>No data aggregation</li>\n      </ul>\n    </ng-template>\n  </legend>\n  <c8y-form-group class=\"m-b-8\">\n    <label>\n      {{ 'Export mode' | translate }}\n    </label>\n    <div\n      class=\"c8y-select-wrapper\"\n      [formGroup]=\"formGroup\"\n      data-cy=\"data-scope--export-selector\"\n    >\n      <select\n        class=\"form-control text-12\"\n        [title]=\"'Export mode' | translate\"\n        id=\"exportMode\"\n        formControlName=\"exportMode\"\n        (ngModelChange)=\"emitExportTypeChange($event)\"\n      >\n        <option\n          *ngFor=\"let exportModeValue of EXPORT_MODE_VALUES_ARR\"\n          [ngValue]=\"exportModeValue\"\n        >\n          {{ EXPORT_MODE_LABELS[exportModeValue] | translate }}\n        </option>\n      </select>\n    </div>\n  </c8y-form-group>\n  <c8y-form-group class=\"m-b-8\">\n    <label>\n      {{ 'Aggregation' | translate }}\n    </label>\n    <div\n      class=\"c8y-select-wrapper\"\n      [formGroup]=\"formGroup\"\n      data-cy=\"data-scope--aggregation-selector\"\n    >\n      <select\n        class=\"form-control text-12\"\n        [title]=\"'Aggregation' | translate\"\n        id=\"aggregation\"\n        formControlName=\"aggregation\"\n        (ngModelChange)=\"emitAggregationChange($event)\"\n      >\n        <option\n          *ngFor=\"let aggregationValue of AGGREGATION_VALUES_ARR\"\n          [ngValue]=\"aggregationValue\"\n          [disabled]=\"disabledAggregationOptions[aggregationValue]\"\n        >\n          {{ AGGREGATION_LABELS[aggregationValue] | translate }}\n        </option>\n      </select>\n    </div>\n  </c8y-form-group>\n</fieldset>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i1.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i2$1.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DataPointsExportSelectorDataScopeComponent, decorators: [{
             type: Component,
@@ -685,7 +685,7 @@ class DataPointsExportSelectorFileTypesComponent {
         this.dynamicFilesTypeMetadata = {};
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DataPointsExportSelectorFileTypesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DataPointsExportSelectorFileTypesComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-file-types", inputs: { dynamicFilesTypeMetadata: "dynamicFilesTypeMetadata", formGroup: "formGroup" }, ngImport: i0, template: "<fieldset class=\"c8y-fieldset\">\n  <legend class=\"d-flex a-i-center\">{{ 'File types' | translate }}</legend>\n  <div [formGroup]=\"formGroup\">\n    <div formGroupName=\"fileTypes\">\n      <c8y-form-group\n        class=\"m-b-8\"\n        *ngFor=\"let item of dynamicFilesTypeMetadata | keyvalue\"\n      >\n        <label\n          class=\"c8y-checkbox m-t-0\"\n          title=\"{{ item.value.title }}\"\n        >\n          <input\n            type=\"checkbox\"\n            formControlName=\"{{ item.key }}\"\n          />\n          <span></span>\n          <i\n            class=\"m-l-8 m-r-4\"\n            c8yIcon=\"{{ item.value.icon }}\"\n          ></i>\n          <span>{{ item.value.label | translate }}</span>\n        </label>\n      </c8y-form-group>\n    </div>\n  </div>\n</fieldset>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i1.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: i1.RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "directive", type: i3$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i2$1.KeyValuePipe, name: "keyvalue" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DataPointsExportSelectorFileTypesComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-file-types", inputs: { dynamicFilesTypeMetadata: "dynamicFilesTypeMetadata", formGroup: "formGroup" }, ngImport: i0, template: "<fieldset class=\"c8y-fieldset\">\n  <legend class=\"d-flex a-i-center\">{{ 'File types' | translate }}</legend>\n  <div [formGroup]=\"formGroup\">\n    <div formGroupName=\"fileTypes\">\n      <c8y-form-group\n        class=\"m-b-8\"\n        *ngFor=\"let item of dynamicFilesTypeMetadata | keyvalue\"\n      >\n        <label\n          class=\"c8y-checkbox m-t-0\"\n          title=\"{{ item.value.title }}\"\n        >\n          <input\n            type=\"checkbox\"\n            formControlName=\"{{ item.key }}\"\n          />\n          <span></span>\n          <i\n            class=\"m-l-8 m-r-4\"\n            c8yIcon=\"{{ item.value.icon }}\"\n          ></i>\n          <span>{{ item.value.label | translate }}</span>\n        </label>\n      </c8y-form-group>\n    </div>\n  </div>\n</fieldset>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i1.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: i1.RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: i2$2.KeyValuePipe, name: "keyvalue" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DataPointsExportSelectorFileTypesComponent, decorators: [{
             type: Component,
@@ -730,7 +730,7 @@ class DataPointsExportSelectorTimeRangeComponent {
         this.destroy$.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DataPointsExportSelectorTimeRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DataPointsExportSelectorTimeRangeComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-time-range", inputs: { formGroup: "formGroup" }, outputs: { onDateFromChange: "onDateFromChange", onDateToChange: "onDateToChange" }, ngImport: i0, template: "<fieldset class=\"c8y-fieldset\">\n  <legend>{{ 'Time range' | translate }}</legend>\n  <c8y-form-group\n    class=\"m-b-8\"\n    [ngClass]=\"formGroup.controls.dateFrom.errors ? HAS_ERROR : ''\"\n  >\n    <label\n      [title]=\"FROM_DATE | translate\"\n      [for]=\"DATE_FROM\"\n    >\n      {{ FROM_DATE | translate }}\n    </label>\n    <div>\n      <c8y-date-time-picker\n        id=\"DATE_FROM\"\n        [maxDate]=\"formGroup.value.dateTo\"\n        [placeholder]=\"FROM_DATE | translate\"\n        [formControl]=\"formGroup.controls.dateFrom\"\n        [ngClass]=\"formGroup.controls.dateFrom.errors ? HAS_ERROR : ''\"\n      ></c8y-date-time-picker>\n      <c8y-messages [show]=\"formGroup.controls.dateFrom.errors\">\n        <c8y-message\n          name=\"dateAfterRangeMax\"\n          [text]=\"THIS_DATE_IS_AFTER_THE_LAST_ALLOWED_DATE | translate\"\n        ></c8y-message>\n        <c8y-message\n          name=\"INVALID_DATE_TIME\"\n          [text]=\"THIS_DATE_IS_INVALID | translate\"\n        ></c8y-message>\n      </c8y-messages>\n    </div>\n  </c8y-form-group>\n  <c8y-form-group\n    class=\"m-b-8\"\n    [ngClass]=\"formGroup.controls.dateTo.errors ? HAS_ERROR : ''\"\n  >\n    <label\n      [title]=\"TO_DATE | translate\"\n      [for]=\"DATE_TO\"\n    >\n      {{ TO_DATE | translate }}\n    </label>\n    <div>\n      <c8y-date-time-picker\n        id=\"DATE_TO\"\n        [minDate]=\"formGroup.value.dateFrom\"\n        [placeholder]=\"TO_DATE | translate\"\n        [formControl]=\"formGroup.controls.dateTo\"\n        [ngClass]=\"formGroup.controls.dateTo.errors ? HAS_ERROR : ''\"\n      ></c8y-date-time-picker>\n      <c8y-messages [show]=\"formGroup.controls.dateTo.errors\">\n        <c8y-message\n          name=\"dateBeforeRangeMin\"\n          [text]=\"THIS_DATE_IS_BEFORE_THE_EARLIEST_ALLOWED_DATE | translate\"\n        ></c8y-message>\n        <c8y-message\n          name=\"INVALID_DATE_TIME\"\n          [text]=\"THIS_DATE_IS_INVALID | translate\"\n        ></c8y-message>\n      </c8y-messages>\n    </div>\n  </c8y-form-group>\n</fieldset>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i1.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: i1.MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "component", type: i1.MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage"] }, { kind: "directive", type: i3$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.DateTimePickerComponent, selector: "c8y-date-time-picker", inputs: ["minDate", "maxDate", "placeholder", "dateInputFormat", "adaptivePosition", "size", "dateType", "config"], outputs: ["onDateSelected"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DataPointsExportSelectorTimeRangeComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-time-range", inputs: { formGroup: "formGroup" }, outputs: { onDateFromChange: "onDateFromChange", onDateToChange: "onDateToChange" }, ngImport: i0, template: "<fieldset class=\"c8y-fieldset\">\n  <legend>{{ 'Time range' | translate }}</legend>\n  <c8y-form-group\n    class=\"m-b-8\"\n    [ngClass]=\"formGroup.controls.dateFrom.errors ? HAS_ERROR : ''\"\n  >\n    <label\n      [title]=\"FROM_DATE | translate\"\n      [for]=\"DATE_FROM\"\n    >\n      {{ FROM_DATE | translate }}\n    </label>\n    <div>\n      <c8y-date-time-picker\n        id=\"DATE_FROM\"\n        [maxDate]=\"formGroup.value.dateTo\"\n        [placeholder]=\"FROM_DATE | translate\"\n        [formControl]=\"formGroup.controls.dateFrom\"\n        [ngClass]=\"formGroup.controls.dateFrom.errors ? HAS_ERROR : ''\"\n      ></c8y-date-time-picker>\n      <c8y-messages [show]=\"formGroup.controls.dateFrom.errors\">\n        <c8y-message\n          name=\"dateAfterRangeMax\"\n          [text]=\"THIS_DATE_IS_AFTER_THE_LAST_ALLOWED_DATE | translate\"\n        ></c8y-message>\n        <c8y-message\n          name=\"INVALID_DATE_TIME\"\n          [text]=\"THIS_DATE_IS_INVALID | translate\"\n        ></c8y-message>\n      </c8y-messages>\n    </div>\n  </c8y-form-group>\n  <c8y-form-group\n    class=\"m-b-8\"\n    [ngClass]=\"formGroup.controls.dateTo.errors ? HAS_ERROR : ''\"\n  >\n    <label\n      [title]=\"TO_DATE | translate\"\n      [for]=\"DATE_TO\"\n    >\n      {{ TO_DATE | translate }}\n    </label>\n    <div>\n      <c8y-date-time-picker\n        id=\"DATE_TO\"\n        [minDate]=\"formGroup.value.dateFrom\"\n        [placeholder]=\"TO_DATE | translate\"\n        [formControl]=\"formGroup.controls.dateTo\"\n        [ngClass]=\"formGroup.controls.dateTo.errors ? HAS_ERROR : ''\"\n      ></c8y-date-time-picker>\n      <c8y-messages [show]=\"formGroup.controls.dateTo.errors\">\n        <c8y-message\n          name=\"dateBeforeRangeMin\"\n          [text]=\"THIS_DATE_IS_BEFORE_THE_EARLIEST_ALLOWED_DATE | translate\"\n        ></c8y-message>\n        <c8y-message\n          name=\"INVALID_DATE_TIME\"\n          [text]=\"THIS_DATE_IS_INVALID | translate\"\n        ></c8y-message>\n      </c8y-messages>\n    </div>\n  </c8y-form-group>\n</fieldset>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i1.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: i1.MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "component", type: i1.MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage"] }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.DateTimePickerComponent, selector: "c8y-date-time-picker", inputs: ["minDate", "maxDate", "placeholder", "dateInputFormat", "adaptivePosition", "size", "dateType", "config"], outputs: ["onDateSelected"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DataPointsExportSelectorTimeRangeComponent, decorators: [{
             type: Component,
@@ -1619,8 +1619,8 @@ class DatapointsExportSelectorFileExporterComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DatapointsExportSelectorFileExporterComponent, deps: [{ token: i1.AggregationService }, { token: DataProcessingService }, { token: DatapointsExportSelectorFileExporterService }, { token: DataFetchingService }, { token: i3$2.FormBuilder }, { token: FILE_GENERATORS }, { token: i1.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DatapointsExportSelectorFileExporterComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-file-exporter", inputs: { exportConfig: "exportConfig" }, outputs: { onDownloadButtonStateChange: "onDownloadButtonStateChange" }, ngImport: i0, template: "<div class=\"p-b-16\">\n  <ng-container *ngIf=\"hasPermissionToReadAnyMeasurements; else hasNoRoleToReadAnyMeasurements\">\n    <div class=\"p-16 text-center separator-bottom sticky-top bg-component\">\n      <p class=\"text-medium text-16\">\n        {{ 'Configure export' | translate }}\n      </p>\n    </div>\n    <div\n      class=\"p-t-24 p-r-16 p-l-16 gap-8 p-b-16 flex-wrap\"\n      [ngClass]=\"{ 'separator-bottom': isFullTypeOfExport }\"\n    >\n      <div class=\"row\">\n        <div class=\"col-md-4\">\n          <c8y-datapoints-export-selector-time-range\n            *ngIf=\"this.hasPermissionToReadAnyMeasurements\"\n            [formGroup]=\"formGroup\"\n            (onDateFromChange)=\"onDateFromChange($event)\"\n            (onDateToChange)=\"onDateToChange($event)\"\n          ></c8y-datapoints-export-selector-time-range>\n        </div>\n        <div class=\"col-md-4\">\n          <c8y-datapoints-export-selector-data-scope\n            *ngIf=\"this.hasPermissionToReadAnyMeasurements\"\n            [disabledAggregationOptions]=\"disabledAggregationOptions\"\n            [formGroup]=\"formGroup\"\n            (onAggregationChange)=\"onAggregationChange($event)\"\n            (onExportTypeChange)=\"onExportTypeChange($event)\"\n          ></c8y-datapoints-export-selector-data-scope>\n        </div>\n        <div class=\"col-md-4\">\n          <c8y-datapoints-export-selector-file-types\n            *ngIf=\"this.hasPermissionToReadAnyMeasurements\"\n            [dynamicFilesTypeMetadata]=\"dynamicFilesTypeMetadata\"\n            [formGroup]=\"formGroup\"\n          ></c8y-datapoints-export-selector-file-types>\n        </div>\n      </div>\n    </div>\n    <ng-container\n      *ngIf=\"!isFullTypeOfExport && !hasFetchedDataAnyValuesToExport && !isPreviewLoading\"\n    >\n      <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 d-flex\">\n        <div\n          class=\"alert alert-warning center-block\"\n          role=\"alert\"\n          data-cy=\"file-exporter--no-data-available\"\n          translate\n        >\n          No data available.\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"datapointsExceedingBrowserDownloadLimit.length > 0\">\n      <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 separator-bottom d-flex\">\n        <div\n          [class]=\"\n            hasNoExportableData\n              ? 'alert alert-warning center-block'\n              : 'alert alert-info center-block'\n          \"\n          role=\"alert\"\n          [attr.data-cy]=\"\n            hasNoExportableData\n              ? 'file-exporter--over-one-million-message'\n              : 'file-exporter--over-50k-message'\n          \"\n          [innerHTML]=\"limitExceededMessage\"\n        ></div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"isFullTypeOfExport\">\n      <c8y-datapoints-export-selector-preview\n        *ngIf=\"this.hasPermissionToReadAnyMeasurements\"\n        [hasFetchedDataAnyValuesToExport]=\"hasFetchedDataAnyValuesToExport\"\n        [isPreviewLoading]=\"isPreviewLoading\"\n        [previewTableData]=\"previewTableData\"\n      ></c8y-datapoints-export-selector-preview>\n    </ng-container>\n  </ng-container>\n  <ng-template #hasNoRoleToReadAnyMeasurements>\n    <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 d-flex\">\n      <div\n        class=\"alert alert-info center-block\"\n        role=\"alert\"\n        translate\n      >\n        <p>To export data, you must meet at least one of these criteria:</p>\n        <ul>\n          <li>\n            Have\n            <b>READ permission for \"Measurements\" permission type</b>\n            (either as a global role or for the specific source)\n          </li>\n          <li>\n            Be the\n            <b>owner of the source</b>\n            you want to export data from\n          </li>\n        </ul>\n        <p>Don't meet these requirements? Contact your system administrator for assistance.</p>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DataPointsExportSelectorDataScopeComponent, selector: "c8y-datapoints-export-selector-data-scope", inputs: ["disabledAggregationOptions", "formGroup"], outputs: ["onAggregationChange", "onExportTypeChange"] }, { kind: "component", type: DataPointsExportSelectorFileTypesComponent, selector: "c8y-datapoints-export-selector-file-types", inputs: ["dynamicFilesTypeMetadata", "formGroup"] }, { kind: "component", type: DataPointsExportSelectorPreviewComponent, selector: "c8y-datapoints-export-selector-preview", inputs: ["hasFetchedDataAnyValuesToExport", "isPreviewLoading", "previewTableData"] }, { kind: "component", type: DataPointsExportSelectorTimeRangeComponent, selector: "c8y-datapoints-export-selector-time-range", inputs: ["formGroup"], outputs: ["onDateFromChange", "onDateToChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DatapointsExportSelectorFileExporterComponent, deps: [{ token: i1.AggregationService }, { token: DataProcessingService }, { token: DatapointsExportSelectorFileExporterService }, { token: DataFetchingService }, { token: i3$1.FormBuilder }, { token: FILE_GENERATORS }, { token: i1.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: DatapointsExportSelectorFileExporterComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-file-exporter", inputs: { exportConfig: "exportConfig" }, outputs: { onDownloadButtonStateChange: "onDownloadButtonStateChange" }, ngImport: i0, template: "<div class=\"p-b-16\">\n  <ng-container *ngIf=\"hasPermissionToReadAnyMeasurements; else hasNoRoleToReadAnyMeasurements\">\n    <div class=\"p-16 text-center separator-bottom sticky-top bg-component\">\n      <p class=\"text-medium text-16\">\n        {{ 'Configure export' | translate }}\n      </p>\n    </div>\n    <div\n      class=\"p-t-24 p-r-16 p-l-16 gap-8 p-b-16 flex-wrap\"\n      [ngClass]=\"{ 'separator-bottom': isFullTypeOfExport }\"\n    >\n      <div class=\"row\">\n        <div class=\"col-md-4\">\n          <c8y-datapoints-export-selector-time-range\n            *ngIf=\"this.hasPermissionToReadAnyMeasurements\"\n            [formGroup]=\"formGroup\"\n            (onDateFromChange)=\"onDateFromChange($event)\"\n            (onDateToChange)=\"onDateToChange($event)\"\n          ></c8y-datapoints-export-selector-time-range>\n        </div>\n        <div class=\"col-md-4\">\n          <c8y-datapoints-export-selector-data-scope\n            *ngIf=\"this.hasPermissionToReadAnyMeasurements\"\n            [disabledAggregationOptions]=\"disabledAggregationOptions\"\n            [formGroup]=\"formGroup\"\n            (onAggregationChange)=\"onAggregationChange($event)\"\n            (onExportTypeChange)=\"onExportTypeChange($event)\"\n          ></c8y-datapoints-export-selector-data-scope>\n        </div>\n        <div class=\"col-md-4\">\n          <c8y-datapoints-export-selector-file-types\n            *ngIf=\"this.hasPermissionToReadAnyMeasurements\"\n            [dynamicFilesTypeMetadata]=\"dynamicFilesTypeMetadata\"\n            [formGroup]=\"formGroup\"\n          ></c8y-datapoints-export-selector-file-types>\n        </div>\n      </div>\n    </div>\n    <ng-container\n      *ngIf=\"!isFullTypeOfExport && !hasFetchedDataAnyValuesToExport && !isPreviewLoading\"\n    >\n      <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 d-flex\">\n        <div\n          class=\"alert alert-warning center-block\"\n          role=\"alert\"\n          data-cy=\"file-exporter--no-data-available\"\n          translate\n        >\n          No data available.\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"datapointsExceedingBrowserDownloadLimit.length > 0\">\n      <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 separator-bottom d-flex\">\n        <div\n          [class]=\"\n            hasNoExportableData\n              ? 'alert alert-warning center-block'\n              : 'alert alert-info center-block'\n          \"\n          role=\"alert\"\n          [attr.data-cy]=\"\n            hasNoExportableData\n              ? 'file-exporter--over-one-million-message'\n              : 'file-exporter--over-50k-message'\n          \"\n          [innerHTML]=\"limitExceededMessage\"\n        ></div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"isFullTypeOfExport\">\n      <c8y-datapoints-export-selector-preview\n        *ngIf=\"this.hasPermissionToReadAnyMeasurements\"\n        [hasFetchedDataAnyValuesToExport]=\"hasFetchedDataAnyValuesToExport\"\n        [isPreviewLoading]=\"isPreviewLoading\"\n        [previewTableData]=\"previewTableData\"\n      ></c8y-datapoints-export-selector-preview>\n    </ng-container>\n  </ng-container>\n  <ng-template #hasNoRoleToReadAnyMeasurements>\n    <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 d-flex\">\n      <div\n        class=\"alert alert-info center-block\"\n        role=\"alert\"\n        translate\n      >\n        <p>To export data, you must meet at least one of these criteria:</p>\n        <ul>\n          <li>\n            Have\n            <b>READ permission for \"Measurements\" permission type</b>\n            (either as a global role or for the specific source)\n          </li>\n          <li>\n            Be the\n            <b>owner of the source</b>\n            you want to export data from\n          </li>\n        </ul>\n        <p>Don't meet these requirements? Contact your system administrator for assistance.</p>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DataPointsExportSelectorDataScopeComponent, selector: "c8y-datapoints-export-selector-data-scope", inputs: ["disabledAggregationOptions", "formGroup"], outputs: ["onAggregationChange", "onExportTypeChange"] }, { kind: "component", type: DataPointsExportSelectorFileTypesComponent, selector: "c8y-datapoints-export-selector-file-types", inputs: ["dynamicFilesTypeMetadata", "formGroup"] }, { kind: "component", type: DataPointsExportSelectorPreviewComponent, selector: "c8y-datapoints-export-selector-preview", inputs: ["hasFetchedDataAnyValuesToExport", "isPreviewLoading", "previewTableData"] }, { kind: "component", type: DataPointsExportSelectorTimeRangeComponent, selector: "c8y-datapoints-export-selector-time-range", inputs: ["formGroup"], outputs: ["onDateFromChange", "onDateToChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DatapointsExportSelectorFileExporterComponent, decorators: [{
             type: Component,
@@ -1632,7 +1632,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         DataPointsExportSelectorTimeRangeComponent,
                         ReactiveFormsModule
                     ], template: "<div class=\"p-b-16\">\n  <ng-container *ngIf=\"hasPermissionToReadAnyMeasurements; else hasNoRoleToReadAnyMeasurements\">\n    <div class=\"p-16 text-center separator-bottom sticky-top bg-component\">\n      <p class=\"text-medium text-16\">\n        {{ 'Configure export' | translate }}\n      </p>\n    </div>\n    <div\n      class=\"p-t-24 p-r-16 p-l-16 gap-8 p-b-16 flex-wrap\"\n      [ngClass]=\"{ 'separator-bottom': isFullTypeOfExport }\"\n    >\n      <div class=\"row\">\n        <div class=\"col-md-4\">\n          <c8y-datapoints-export-selector-time-range\n            *ngIf=\"this.hasPermissionToReadAnyMeasurements\"\n            [formGroup]=\"formGroup\"\n            (onDateFromChange)=\"onDateFromChange($event)\"\n            (onDateToChange)=\"onDateToChange($event)\"\n          ></c8y-datapoints-export-selector-time-range>\n        </div>\n        <div class=\"col-md-4\">\n          <c8y-datapoints-export-selector-data-scope\n            *ngIf=\"this.hasPermissionToReadAnyMeasurements\"\n            [disabledAggregationOptions]=\"disabledAggregationOptions\"\n            [formGroup]=\"formGroup\"\n            (onAggregationChange)=\"onAggregationChange($event)\"\n            (onExportTypeChange)=\"onExportTypeChange($event)\"\n          ></c8y-datapoints-export-selector-data-scope>\n        </div>\n        <div class=\"col-md-4\">\n          <c8y-datapoints-export-selector-file-types\n            *ngIf=\"this.hasPermissionToReadAnyMeasurements\"\n            [dynamicFilesTypeMetadata]=\"dynamicFilesTypeMetadata\"\n            [formGroup]=\"formGroup\"\n          ></c8y-datapoints-export-selector-file-types>\n        </div>\n      </div>\n    </div>\n    <ng-container\n      *ngIf=\"!isFullTypeOfExport && !hasFetchedDataAnyValuesToExport && !isPreviewLoading\"\n    >\n      <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 d-flex\">\n        <div\n          class=\"alert alert-warning center-block\"\n          role=\"alert\"\n          data-cy=\"file-exporter--no-data-available\"\n          translate\n        >\n          No data available.\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"datapointsExceedingBrowserDownloadLimit.length > 0\">\n      <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 separator-bottom d-flex\">\n        <div\n          [class]=\"\n            hasNoExportableData\n              ? 'alert alert-warning center-block'\n              : 'alert alert-info center-block'\n          \"\n          role=\"alert\"\n          [attr.data-cy]=\"\n            hasNoExportableData\n              ? 'file-exporter--over-one-million-message'\n              : 'file-exporter--over-50k-message'\n          \"\n          [innerHTML]=\"limitExceededMessage\"\n        ></div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"isFullTypeOfExport\">\n      <c8y-datapoints-export-selector-preview\n        *ngIf=\"this.hasPermissionToReadAnyMeasurements\"\n        [hasFetchedDataAnyValuesToExport]=\"hasFetchedDataAnyValuesToExport\"\n        [isPreviewLoading]=\"isPreviewLoading\"\n        [previewTableData]=\"previewTableData\"\n      ></c8y-datapoints-export-selector-preview>\n    </ng-container>\n  </ng-container>\n  <ng-template #hasNoRoleToReadAnyMeasurements>\n    <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 d-flex\">\n      <div\n        class=\"alert alert-info center-block\"\n        role=\"alert\"\n        translate\n      >\n        <p>To export data, you must meet at least one of these criteria:</p>\n        <ul>\n          <li>\n            Have\n            <b>READ permission for \"Measurements\" permission type</b>\n            (either as a global role or for the specific source)\n          </li>\n          <li>\n            Be the\n            <b>owner of the source</b>\n            you want to export data from\n          </li>\n        </ul>\n        <p>Don't meet these requirements? Contact your system administrator for assistance.</p>\n      </div>\n    </div>\n  </ng-template>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1.AggregationService }, { type: DataProcessingService }, { type: DatapointsExportSelectorFileExporterService }, { type: DataFetchingService }, { type: i3$2.FormBuilder }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1.AggregationService }, { type: DataProcessingService }, { type: DatapointsExportSelectorFileExporterService }, { type: DataFetchingService }, { type: i3$1.FormBuilder }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [FILE_GENERATORS]
                 }] }, { type: i1.GainsightService }], propDecorators: { exportConfig: [{
@@ -1908,7 +1908,7 @@ class DatapointsExportSelectorComponent {
         this.isOpen.emit(await modalRef.result);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DatapointsExportSelectorComponent, deps: [{ token: i1$1.BsModalService }, { token: i1.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DatapointsExportSelectorComponent, isStandalone: true, selector: "c8y-datapoints-export-selector", inputs: { containerClass: "containerClass", exportConfig: "exportConfig" }, outputs: { isOpen: "isOpen" }, ngImport: i0, template: "@if (containerClass != 'd-contents') {\n  <div [ngClass]=\"containerClass || DEFAULT_CSS_STYLE\">\n    <button\n      class=\"btn btn-default btn-sm\"\n      [attr.aria-label]=\"'Generate export' | translate\"\n      tooltip=\"{{ 'Generate export' | translate }}\"\n      container=\"body\"\n      type=\"button\"\n      data-cy=\"datapoints-export-selector--open-export-button\"\n      (click)=\"openExportModal()\"\n      [adaptivePosition]=\"false\"\n      [disabled]=\"!exportConfig\"\n      [delay]=\"500\"\n    >\n      <i\n        class=\"icon-14\"\n        c8yIcon=\"data-export\"\n      ></i>\n    </button>\n  </div>\n} @else {\n  <button\n    class=\"btn btn-link\"\n    type=\"button\"\n    (click)=\"openExportModal()\"\n    [disabled]=\"!exportConfig\"\n  >\n    <i c8yIcon=\"data-export\"></i>\n    {{ 'Generate export' | translate }}\n  </button>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.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: i1.C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DatapointsExportSelectorComponent, isStandalone: true, selector: "c8y-datapoints-export-selector", inputs: { containerClass: "containerClass", exportConfig: "exportConfig" }, outputs: { isOpen: "isOpen" }, ngImport: i0, template: "@if (containerClass != 'd-contents') {\n  <div [ngClass]=\"containerClass || DEFAULT_CSS_STYLE\">\n    <button\n      class=\"btn btn-default btn-sm\"\n      [attr.aria-label]=\"'Generate export' | translate\"\n      tooltip=\"{{ 'Generate export' | translate }}\"\n      container=\"body\"\n      type=\"button\"\n      data-cy=\"datapoints-export-selector--open-export-button\"\n      (click)=\"openExportModal()\"\n      [adaptivePosition]=\"false\"\n      [disabled]=\"!exportConfig\"\n      [delay]=\"500\"\n    >\n      <i\n        class=\"icon-14\"\n        c8yIcon=\"data-export\"\n      ></i>\n    </button>\n  </div>\n} @else {\n  <button\n    class=\"btn btn-link\"\n    type=\"button\"\n    (click)=\"openExportModal()\"\n    [disabled]=\"!exportConfig\"\n  >\n    <i c8yIcon=\"data-export\"></i>\n    {{ 'Generate export' | translate }}\n  </button>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.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: i1.C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DatapointsExportSelectorComponent, decorators: [{
             type: Component,