@c8y/ngx-components 1024.16.17 → 1024.16.19

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

@@ -350,10 +350,9 @@ class DataFetchingService {
      * @returns A map where the key is the data point ID and the value is an array of data point series.
      */
     groupSeriesByDeviceId(datapointDetails) {
-        return datapointDetails.reduce((map, { valueFragmentType, valueFragmentSeries, source }) => {
-            const value = `${valueFragmentType}.${valueFragmentSeries}`;
-            const existingValue = map.get(source) ?? [];
-            map.set(source, [...existingValue, value]);
+        return datapointDetails.reduce((map, datapoint) => {
+            const existingValue = map.get(datapoint.source) ?? [];
+            map.set(datapoint.source, [...existingValue, this.getSeriesName(datapoint)]);
             return map;
         }, new Map());
     }
@@ -373,7 +372,7 @@ class DataFetchingService {
              * Unique key to distinguish between different series from same source,
              * e.g.: c8y_Acceleration.accelerationX, c8y_Acceleration.accelerationY, c8y_Acceleration.accelerationZ
              */
-            const seriesKey = `${details.valueFragmentType}.${details.valueFragmentSeries}`;
+            const seriesKey = this.getSeriesName(details);
             if (valuesGroupedBySource[details.source][seriesKey]) {
                 unit = valuesGroupedBySource[details.source][seriesKey].seriesDetails.unit;
                 data = valuesGroupedBySource[details.source][seriesKey].values;
@@ -409,29 +408,71 @@ class DataFetchingService {
             return false;
         }
     }
+    /**
+     * Returns sources of the given data points that the user is permitted to read,
+     * one entry per permitted data point.
+     *
+     * @deprecated Use `getDatapointsWithPermissionsToRead` instead — permissions can differ
+     * between data points of the same source (inventory role permissions are scoped per fragment type).
+     * @param datapointDetails - The data points selected for export.
+     * @returns A promise that resolves to the sources of the permitted data points.
+     */
     async getSourcesWithPermissionsToRead(datapointDetails) {
-        const dateFrom = new Date();
-        const dateTo = new Date(dateFrom);
-        const fetchedDataPromises = datapointDetails.map(async (datapoint) => {
-            const rawFilter = {
-                dateFrom,
-                dateTo,
-                source: datapoint.source
-            };
-            try {
-                const { res } = await this.fetchSeriesData(rawFilter);
-                if (res?.status === 200) {
-                    return datapoint.source;
-                }
-                return null;
-            }
-            catch (error) {
-                // If an error occurs during fetch, return null to prevent promise rejection
-                return null;
-            }
-        });
-        const fetchedSources = await Promise.all(fetchedDataPromises);
-        return fetchedSources.filter((source) => source !== null);
+        const permittedDatapoints = await this.getDatapointsWithPermissionsToRead(datapointDetails);
+        return permittedDatapoints.map(({ source }) => String(source));
+    }
+    /**
+     * Returns the subset of the given data points that the user is permitted to read.
+     *
+     * Each probe request lists the exact series to export, as required for measurement READ
+     * permissions scoped to specific fragment types. When a probe grouping all series of a source
+     * is rejected, each series is probed individually, so readable data points are not blocked
+     * by unreadable ones.
+     *
+     * Example flow for data points `Cloud.speed` and `c8y_Battery.level` on source `123` plus
+     * `Cloud.level` on source `456`, with an inventory role permitting only the `Cloud` fragment:
+     * ```
+     * GET /series?source=123&series=Cloud.speed&series=c8y_Battery.level → 403, probe each series:
+     * GET /series?source=123&series=Cloud.speed         → 200 (readable)
+     * GET /series?source=123&series=c8y_Battery.level   → 403 (dropped)
+     * GET /series?source=456&series=Cloud.level         → 200 (readable)
+     *
+     * Returns the data points of Cloud.speed and Cloud.level.
+     * ```
+     *
+     * @param datapointDetails - The data points selected for export.
+     * @returns A promise that resolves to the data points the user is permitted to read.
+     */
+    async getDatapointsWithPermissionsToRead(datapointDetails) {
+        const datapointsBySource = this.groupDatapointsBySource(datapointDetails);
+        const readableGroups = await Promise.all(Array.from(datapointsBySource.values(), datapoints => this.getReadableDatapointsOfSource(datapoints)));
+        const readableDatapoints = new Set(readableGroups.flat());
+        // Filter the original array to keep the caller's data point order.
+        return datapointDetails.filter(datapoint => readableDatapoints.has(datapoint));
+    }
+    /**
+     * Fetches series data for export while deriving read permissions from the responses,
+     * so no separate permission probes are needed for readable sources.
+     *
+     * The data request itself acts as the permission check: when a source group is rejected
+     * with 403, each series is probed individually and only the readable ones are refetched.
+     *
+     * @param exportConfig - The export configuration providing the data points, date range and aggregation.
+     * @returns A promise that resolves to the prepared export data and the readable data points.
+     */
+    async fetchAndPrepareSeriesDataWithPermissions(exportConfig) {
+        const datapointsBySource = this.groupDatapointsBySource(exportConfig.datapointDetails);
+        const groupResults = await Promise.all(Array.from(datapointsBySource.values(), datapoints => this.fetchReadableSeriesOfSource(datapoints, exportConfig)));
+        const readableSet = new Set(groupResults.flatMap(result => result.readableDatapoints));
+        // Filter the original array to keep the caller's data point order.
+        const readableDatapoints = exportConfig.datapointDetails.filter(datapoint => readableSet.has(datapoint));
+        const fetchedDataGroupedBySource = groupResults
+            .map(result => result.sourceItem)
+            .filter(sourceItem => sourceItem !== null);
+        return {
+            dataToExport: this.processSeriesData(readableDatapoints, fetchedDataGroupedBySource),
+            readableDatapoints
+        };
     }
     /**
      * Adjusts the given date by adding the specified number of minutes and setting seconds to 0.
@@ -529,7 +570,7 @@ class DataFetchingService {
                 const diffPercent = target !== null && target !== undefined && diff !== null ? (diff / target) * 100 : null;
                 return {
                     ...detail,
-                    label: detail.label || `${detail.valueFragmentType}.${detail.valueFragmentSeries}`,
+                    label: detail.label || this.getSeriesName(detail),
                     target: target ?? null,
                     current,
                     diff,
@@ -537,10 +578,10 @@ class DataFetchingService {
                     unit
                 };
             }
-            catch (error) {
+            catch {
                 return {
                     ...detail,
-                    label: detail.label || `${detail.valueFragmentType}.${detail.valueFragmentSeries}`,
+                    label: detail.label || this.getSeriesName(detail),
                     target: detail.target ?? null,
                     current: null,
                     diff: null,
@@ -583,21 +624,133 @@ class DataFetchingService {
         return measurements;
     }
     async fetchAndPrepareSeriesDataToExport(exportConfig) {
-        const datapointsValuesDataMap = this.groupSeriesByDeviceId(exportConfig.datapointDetails);
-        const fetchedDataPromises = Array.from(datapointsValuesDataMap).map(async ([source, series]) => {
-            const { dateFrom, dateTo, aggregation } = exportConfig;
-            const rawFilter = {
-                dateFrom,
-                dateTo,
-                source,
-                series,
-                aggregationType: aggregation
+        const { dataToExport } = await this.fetchAndPrepareSeriesDataWithPermissions(exportConfig);
+        return dataToExport;
+    }
+    /**
+     * Groups the given data points by their source.
+     *
+     * @param datapointDetails - The data points to group.
+     * @returns A map where the key is the source ID and the value is the data points of that source.
+     */
+    groupDatapointsBySource(datapointDetails) {
+        return datapointDetails.reduce((map, datapoint) => {
+            const group = map.get(datapoint.source) ?? [];
+            map.set(datapoint.source, [...group, datapoint]);
+            return map;
+        }, new Map());
+    }
+    /**
+     * Returns the data points of a single source that the user is permitted to read.
+     * Starts with one probe covering all series of the source; when that probe is rejected,
+     * each series is probed individually, so readable data points are not blocked by unreadable ones.
+     *
+     * @param datapoints - The data points of one source.
+     * @returns A promise that resolves to the readable data points.
+     */
+    async getReadableDatapointsOfSource(datapoints) {
+        const source = datapoints[0].source;
+        const allSeries = datapoints.map(datapoint => this.getSeriesName(datapoint));
+        if (await this.isSeriesReadable(source, allSeries)) {
+            return datapoints;
+        }
+        return datapoints.length === 1 ? [] : this.filterReadableDatapoints(datapoints);
+    }
+    /**
+     * Fetches the series data of a single source, deriving which of its data points are readable.
+     * A 403 for the grouped request triggers per-series probes and a refetch of the readable series;
+     * any other failure yields no readable data points, matching a rejected permission probe.
+     *
+     * @param datapoints - The data points of one source.
+     * @param exportConfig - The export configuration providing the date range and aggregation.
+     * @returns A promise that resolves to the readable data points and their fetched series data.
+     */
+    async fetchReadableSeriesOfSource(datapoints, exportConfig) {
+        const fetchGroup = async (groupToFetch) => {
+            try {
+                return await this.fetchSeriesData({
+                    dateFrom: exportConfig.dateFrom,
+                    dateTo: exportConfig.dateTo,
+                    source: groupToFetch[0].source,
+                    series: groupToFetch.map(datapoint => this.getSeriesName(datapoint)),
+                    aggregationType: exportConfig.aggregation
+                });
+            }
+            catch (error) {
+                // A rejection (fetchSeriesData rethrows only 422) is terminal for this source — the 403
+                // fallback below does not apply — so surface the failure instead of propagating it.
+                this.alertService.addServerFailure(error);
+                return undefined;
+            }
+        };
+        const fetched = await fetchGroup(datapoints);
+        if (fetched?.res?.status === 200) {
+            return {
+                readableDatapoints: datapoints,
+                sourceItem: { source: datapoints[0].source, data: fetched.data }
             };
-            const { data } = await this.fetchSeriesData(rawFilter);
-            return { source, data };
-        });
-        const fetchedDataGroupedBySource = await Promise.all(fetchedDataPromises);
-        return this.processSeriesData(exportConfig.datapointDetails, fetchedDataGroupedBySource);
+        }
+        const noneReadable = { readableDatapoints: [], sourceItem: null };
+        // Only an authorization failure justifies falling back to per-series probes.
+        if (fetched?.res?.status !== 403 || datapoints.length === 1) {
+            return noneReadable;
+        }
+        const readableDatapoints = await this.filterReadableDatapoints(datapoints);
+        if (readableDatapoints.length === 0) {
+            return noneReadable;
+        }
+        const refetched = await fetchGroup(readableDatapoints);
+        if (refetched?.res?.status !== 200) {
+            return noneReadable;
+        }
+        return {
+            readableDatapoints,
+            sourceItem: { source: readableDatapoints[0].source, data: refetched.data }
+        };
+    }
+    /**
+     * Probes each data point individually and returns those the user is permitted to read.
+     *
+     * @param datapoints - The data points to probe.
+     * @returns A promise that resolves to the readable data points.
+     */
+    async filterReadableDatapoints(datapoints) {
+        const probedDatapoints = await Promise.all(datapoints.map(async (datapoint) => (await this.isSeriesReadable(datapoint.source, [this.getSeriesName(datapoint)]))
+            ? datapoint
+            : null));
+        return probedDatapoints.filter(datapoint => datapoint !== null);
+    }
+    /**
+     * Returns the series name (`valueFragmentType.valueFragmentSeries`) of a data point.
+     */
+    getSeriesName({ valueFragmentType, valueFragmentSeries }) {
+        return `${valueFragmentType}.${valueFragmentSeries}`;
+    }
+    /**
+     * Probes whether the user is permitted to read the given series of a source.
+     * Only the response status matters, so the date range is intentionally empty (now..now)
+     * to keep the probe free of measurement values — it is not a data fetch.
+     *
+     * @param source - The ID of the managed object the series belong to.
+     * @param series - The series names (`valueFragmentType.valueFragmentSeries`) to probe.
+     * @returns A promise that resolves to true when the probe request succeeds.
+     */
+    async isSeriesReadable(source, series) {
+        const dateFrom = new Date();
+        const rawFilter = {
+            dateFrom,
+            dateTo: dateFrom,
+            source,
+            series
+        };
+        try {
+            const { res } = await this.fetchSeriesData(rawFilter);
+            return res?.status === 200;
+        }
+        catch {
+            // A failed probe means the series cannot be read; must not reject the whole permission check.
+            return false;
+        }
     }
     prepareSeriesFilter(filters, roundSeconds) {
         const { dateFrom, dateTo, source, series, aggregationType } = filters;
@@ -1421,14 +1574,24 @@ class DatapointsExportSelectorFileExporterComponent {
         this.isListTypeOfExport = this.exportConfig().exportType === 'latestWithDetails';
         this.isDataScopeVisible = !this.isListTypeOfExport;
         this.emitPreviewAvailability();
-        const sourcesPermittedToRead = await this.dataFetchingService.getSourcesWithPermissionsToRead(this.exportConfig().datapointDetails);
-        if (sourcesPermittedToRead.length === 0) {
+        let permittedDatapoints;
+        let initialSeriesData = [];
+        if (this.isListTypeOfExport) {
+            permittedDatapoints = await this.dataFetchingService.getDatapointsWithPermissionsToRead(this.exportConfig().datapointDetails);
+        }
+        else {
+            // The initial data fetch doubles as the permission check to avoid separate probe requests.
+            const { dataToExport, readableDatapoints } = await this.dataFetchingService.fetchAndPrepareSeriesDataWithPermissions(this.exportConfig());
+            permittedDatapoints = readableDatapoints;
+            initialSeriesData = dataToExport;
+        }
+        if (permittedDatapoints.length === 0) {
             this.isCheckingPermissions = false;
             this.cdr.markForCheck();
             return;
         }
-        if (sourcesPermittedToRead.length !== this.exportConfig().datapointDetails.length) {
-            this.exportConfig().datapointDetails = this.exportConfig().datapointDetails.filter(dataPoint => sourcesPermittedToRead.includes(String(dataPoint.source)));
+        if (permittedDatapoints.length !== this.exportConfig().datapointDetails.length) {
+            this.exportConfig().datapointDetails = permittedDatapoints;
         }
         const hasFullExportPermission = await this.dataFetchingService.hasPermissionToUseMeasurementsApi(this.exportConfig());
         if (!hasFullExportPermission) {
@@ -1445,7 +1608,9 @@ class DatapointsExportSelectorFileExporterComponent {
             await this.loadListExportData();
         }
         else {
-            await this.loadTableExportData();
+            // Reuse the data fetched by the permission check instead of fetching it again.
+            this.dataToExport = initialSeriesData;
+            this.determineShowingPreviewOrEmptyState();
             this.handleExportModeChanges();
         }
         this.handleDateSelectorChanges();
@@ -2380,11 +2545,11 @@ class DatapointsExportSelectorComponent {
         this.isOpen.emit(await modalRef.result);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.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: "21.2.19", type: DatapointsExportSelectorComponent, isStandalone: true, selector: "c8y-datapoints-export-selector", inputs: { displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, containerClass: { classPropertyName: "containerClass", publicName: "containerClass", isSignal: true, isRequired: false, transformFunction: null }, exportConfig: { classPropertyName: "exportConfig", publicName: "exportConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpen" }, ngImport: i0, template: "@switch (displayMode()) {\n  @case ('default') {\n    @if (containerClass() !== 'd-contents') {\n      <div [class]=\"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]=\"isExportDisabled()\"\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]=\"isExportDisabled()\"\n      >\n        <i c8yIcon=\"data-export\"></i>\n        {{ 'Generate export' | translate }}\n      </button>\n    }\n  }\n  @case ('icon-only') {\n    <button\n      class=\"btn btn-icon\"\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  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3$3.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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: DatapointsExportSelectorComponent, isStandalone: true, selector: "c8y-datapoints-export-selector", inputs: { displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, containerClass: { classPropertyName: "containerClass", publicName: "containerClass", isSignal: true, isRequired: false, transformFunction: null }, exportConfig: { classPropertyName: "exportConfig", publicName: "exportConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpen" }, ngImport: i0, template: "@switch (displayMode()) {\n  @case ('default') {\n    @if (containerClass() !== 'd-contents') {\n      <div [class]=\"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]=\"isExportDisabled()\"\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        data-cy=\"datapoints-export-selector--open-export-button\"\n        (click)=\"openExportModal()\"\n        [disabled]=\"isExportDisabled()\"\n      >\n        <i c8yIcon=\"data-export\"></i>\n        {{ 'Generate export' | translate }}\n      </button>\n    }\n  }\n  @case ('icon-only') {\n    <button\n      class=\"btn btn-icon\"\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  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3$3.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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: DatapointsExportSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-datapoints-export-selector', imports: [CommonModule, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (displayMode()) {\n  @case ('default') {\n    @if (containerClass() !== 'd-contents') {\n      <div [class]=\"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]=\"isExportDisabled()\"\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]=\"isExportDisabled()\"\n      >\n        <i c8yIcon=\"data-export\"></i>\n        {{ 'Generate export' | translate }}\n      </button>\n    }\n  }\n  @case ('icon-only') {\n    <button\n      class=\"btn btn-icon\"\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  }\n}\n" }]
+            args: [{ selector: 'c8y-datapoints-export-selector', imports: [CommonModule, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (displayMode()) {\n  @case ('default') {\n    @if (containerClass() !== 'd-contents') {\n      <div [class]=\"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]=\"isExportDisabled()\"\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        data-cy=\"datapoints-export-selector--open-export-button\"\n        (click)=\"openExportModal()\"\n        [disabled]=\"isExportDisabled()\"\n      >\n        <i c8yIcon=\"data-export\"></i>\n        {{ 'Generate export' | translate }}\n      </button>\n    }\n  }\n  @case ('icon-only') {\n    <button\n      class=\"btn btn-icon\"\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  }\n}\n" }]
         }], ctorParameters: () => [{ type: i1$1.BsModalService }, { type: i1.GainsightService }], propDecorators: { displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], containerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "containerClass", required: false }] }], exportConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportConfig", required: false }] }], isOpen: [{ type: i0.Output, args: ["isOpen"] }] } });
 
 /**