@c8y/ngx-components 1023.78.7 → 1023.80.0

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

@@ -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,
@@ -2205,11 +2205,11 @@ class DataPointsExportSelectorPreviewComponent {
         }, ...(ngDevMode ? [{ debugName: "previewRows" }] : []));
     }
     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: "17.0.0", version: "20.3.19", type: DataPointsExportSelectorPreviewComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-preview", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, hasFetchedDataAnyValuesToExport: { classPropertyName: "hasFetchedDataAnyValuesToExport", publicName: "hasFetchedDataAnyValuesToExport", isSignal: true, isRequired: false, transformFunction: null }, isPreviewLoading: { classPropertyName: "isPreviewLoading", publicName: "isPreviewLoading", isSignal: true, isRequired: false, transformFunction: null }, previewTableData: { classPropertyName: "previewTableData", publicName: "previewTableData", isSignal: true, isRequired: false, transformFunction: null } }, 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]=\"isListPreview() ? popoverListPreviewTemplate : popoverTablePreviewTemplate\"\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 #popoverTablePreviewTemplate>\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          {{ 'The preview is limited to' | translate }}\n          <b>{{ MEASUREMENTS_PREVIEW_ITEMS_LIMIT }}</b>\n          {{ 'records.' | translate }}\n        </p>\n      </ng-template>\n      <ng-template #popoverListPreviewTemplate>\n        <p translate>The preview shows the structure of the raw file from all sources.</p>\n        <p>\n          {{ 'The preview is limited to' | translate }}\n          <b>{{ MEASUREMENTS_PREVIEW_ITEMS_LIMIT }}</b>\n          {{ 'records.' | translate }}\n        </p>\n      </ng-template>\n    </label>\n  </div>\n  <div\n    class=\"table-responsive\"\n    style=\"min-height: 275px\"\n  >\n    @if (isListPreview()) {\n      <table class=\"table\">\n        <thead>\n          <tr>\n            @for (header of listHeaders(); track header) {\n              <th>{{ header | translate }}</th>\n            }\n          </tr>\n        </thead>\n        @if (hasFetchedDataAnyValuesToExport() || isPreviewLoading()) {\n          @if (!isPreviewLoading()) {\n            <tbody>\n              @for (row of previewRows(); track row.source) {\n                <tr>\n                  @for (value of row.rowValues; track $index) {\n                    <td>{{ value }}</td>\n                  }\n                </tr>\n              }\n            </tbody>\n          } @else {\n            <tbody>\n              <tr>\n                <td [attr.colspan]=\"listHeaders().length\">\n                  <c8y-loading></c8y-loading>\n                </td>\n              </tr>\n            </tbody>\n          }\n        } @else {\n          <tbody>\n            <tr>\n              <td [attr.colspan]=\"listHeaders().length\">\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    } @else {\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>\n                    {{ row.fragment_series }}\n                  </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    }\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: 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DataPointsExportSelectorPreviewComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-preview", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, hasFetchedDataAnyValuesToExport: { classPropertyName: "hasFetchedDataAnyValuesToExport", publicName: "hasFetchedDataAnyValuesToExport", isSignal: true, isRequired: false, transformFunction: null }, isPreviewLoading: { classPropertyName: "isPreviewLoading", publicName: "isPreviewLoading", isSignal: true, isRequired: false, transformFunction: null }, previewTableData: { classPropertyName: "previewTableData", publicName: "previewTableData", isSignal: true, isRequired: false, transformFunction: null } }, 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]=\"isListPreview() ? popoverListPreviewTemplate : popoverTablePreviewTemplate\"\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 #popoverTablePreviewTemplate>\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 <b>{{ count }}</b> records.\n        </p>\n      </ng-template>\n      <ng-template #popoverListPreviewTemplate>\n        <p translate>The preview shows the structure of the raw file from all sources.</p>\n        <p\n          translate\n          [translateParams]=\"{ count: MEASUREMENTS_PREVIEW_ITEMS_LIMIT }\"\n          ngNonBindable\n        >\n          The preview is limited to <b>{{ count }}</b> records.\n        </p>\n      </ng-template>\n    </label>\n  </div>\n  <div\n    class=\"table-responsive\"\n    style=\"min-height: 275px\"\n  >\n    @if (isListPreview()) {\n      <table class=\"table\">\n        <thead>\n          <tr>\n            @for (header of listHeaders(); track header) {\n              <th>{{ header | translate }}</th>\n            }\n          </tr>\n        </thead>\n        @if (hasFetchedDataAnyValuesToExport() || isPreviewLoading()) {\n          @if (!isPreviewLoading()) {\n            <tbody>\n              @for (row of previewRows(); track row.source) {\n                <tr>\n                  @for (value of row.rowValues; track $index) {\n                    <td>{{ value }}</td>\n                  }\n                </tr>\n              }\n            </tbody>\n          } @else {\n            <tbody>\n              <tr>\n                <td [attr.colspan]=\"listHeaders().length\">\n                  <c8y-loading></c8y-loading>\n                </td>\n              </tr>\n            </tbody>\n          }\n        } @else {\n          <tbody>\n            <tr>\n              <td [attr.colspan]=\"listHeaders().length\">\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    } @else {\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>\n                    {{ row.fragment_series }}\n                  </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    }\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: 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DataPointsExportSelectorPreviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-datapoints-export-selector-preview', imports: [A11yModule, CoreModule, PopoverModule], changeDetection: ChangeDetectionStrategy.OnPush, 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]=\"isListPreview() ? popoverListPreviewTemplate : popoverTablePreviewTemplate\"\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 #popoverTablePreviewTemplate>\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          {{ 'The preview is limited to' | translate }}\n          <b>{{ MEASUREMENTS_PREVIEW_ITEMS_LIMIT }}</b>\n          {{ 'records.' | translate }}\n        </p>\n      </ng-template>\n      <ng-template #popoverListPreviewTemplate>\n        <p translate>The preview shows the structure of the raw file from all sources.</p>\n        <p>\n          {{ 'The preview is limited to' | translate }}\n          <b>{{ MEASUREMENTS_PREVIEW_ITEMS_LIMIT }}</b>\n          {{ 'records.' | translate }}\n        </p>\n      </ng-template>\n    </label>\n  </div>\n  <div\n    class=\"table-responsive\"\n    style=\"min-height: 275px\"\n  >\n    @if (isListPreview()) {\n      <table class=\"table\">\n        <thead>\n          <tr>\n            @for (header of listHeaders(); track header) {\n              <th>{{ header | translate }}</th>\n            }\n          </tr>\n        </thead>\n        @if (hasFetchedDataAnyValuesToExport() || isPreviewLoading()) {\n          @if (!isPreviewLoading()) {\n            <tbody>\n              @for (row of previewRows(); track row.source) {\n                <tr>\n                  @for (value of row.rowValues; track $index) {\n                    <td>{{ value }}</td>\n                  }\n                </tr>\n              }\n            </tbody>\n          } @else {\n            <tbody>\n              <tr>\n                <td [attr.colspan]=\"listHeaders().length\">\n                  <c8y-loading></c8y-loading>\n                </td>\n              </tr>\n            </tbody>\n          }\n        } @else {\n          <tbody>\n            <tr>\n              <td [attr.colspan]=\"listHeaders().length\">\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    } @else {\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>\n                    {{ row.fragment_series }}\n                  </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    }\n  </div>\n</div>\n" }]
+            args: [{ selector: 'c8y-datapoints-export-selector-preview', imports: [A11yModule, CoreModule, PopoverModule], changeDetection: ChangeDetectionStrategy.OnPush, 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]=\"isListPreview() ? popoverListPreviewTemplate : popoverTablePreviewTemplate\"\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 #popoverTablePreviewTemplate>\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 <b>{{ count }}</b> records.\n        </p>\n      </ng-template>\n      <ng-template #popoverListPreviewTemplate>\n        <p translate>The preview shows the structure of the raw file from all sources.</p>\n        <p\n          translate\n          [translateParams]=\"{ count: MEASUREMENTS_PREVIEW_ITEMS_LIMIT }\"\n          ngNonBindable\n        >\n          The preview is limited to <b>{{ count }}</b> records.\n        </p>\n      </ng-template>\n    </label>\n  </div>\n  <div\n    class=\"table-responsive\"\n    style=\"min-height: 275px\"\n  >\n    @if (isListPreview()) {\n      <table class=\"table\">\n        <thead>\n          <tr>\n            @for (header of listHeaders(); track header) {\n              <th>{{ header | translate }}</th>\n            }\n          </tr>\n        </thead>\n        @if (hasFetchedDataAnyValuesToExport() || isPreviewLoading()) {\n          @if (!isPreviewLoading()) {\n            <tbody>\n              @for (row of previewRows(); track row.source) {\n                <tr>\n                  @for (value of row.rowValues; track $index) {\n                    <td>{{ value }}</td>\n                  }\n                </tr>\n              }\n            </tbody>\n          } @else {\n            <tbody>\n              <tr>\n                <td [attr.colspan]=\"listHeaders().length\">\n                  <c8y-loading></c8y-loading>\n                </td>\n              </tr>\n            </tbody>\n          }\n        } @else {\n          <tbody>\n            <tr>\n              <td [attr.colspan]=\"listHeaders().length\">\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    } @else {\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>\n                    {{ row.fragment_series }}\n                  </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    }\n  </div>\n</div>\n" }]
         }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], hasFetchedDataAnyValuesToExport: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasFetchedDataAnyValuesToExport", required: false }] }], isPreviewLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isPreviewLoading", required: false }] }], previewTableData: [{ type: i0.Input, args: [{ isSignal: true, alias: "previewTableData", required: false }] }] } });
 
 class DatapointsExportSelectorPreviewModalComponent {