@c8y/ngx-components 1021.49.12 → 1021.51.1

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

@@ -1,22 +1,19 @@
 import * as i0 from '@angular/core';
 import { Injectable, Component, Input, EventEmitter, Output, InjectionToken, Inject, ViewChild, HostListener } from '@angular/core';
-import * as i3 from '@angular/platform-browser';
 import * as i2 from '@c8y/client';
 import * as i1 from '@c8y/ngx-components';
 import { gettext, AGGREGATION_VALUES, CoreModule, AGGREGATION_LABELS, AGGREGATION_VALUES_ARR, CommonModule, ModalModule } from '@c8y/ngx-components';
-import * as i4 from '@ngx-translate/core';
+import * as i3 from '@ngx-translate/core';
 import JSZip from 'jszip';
-import * as i2$1 from '@angular/common';
-import { KeyValuePipe } from '@angular/common';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i3$2 from '@angular/forms';
 import { FormsModule, FormControl, ReactiveFormsModule } from '@angular/forms';
 import saveAs from 'file-saver';
 import { Subject, debounceTime, merge, takeUntil } from 'rxjs';
-import { TimeSpanInMs } from '@c8y/ngx-components/interval-picker';
 import { A11yModule } from '@angular/cdk/a11y';
 import * as i3$1 from 'ngx-bootstrap/popover';
 import { PopoverModule } from 'ngx-bootstrap/popover';
+import * as i2$1 from '@angular/common';
 import { isNil, isEmpty, isNumber } from 'lodash-es';
 import * as i1$1 from 'ngx-bootstrap/modal';
 import * as i3$3 from 'ngx-bootstrap/tooltip';
@@ -55,14 +52,6 @@ const FILE_COMPRESSION_TYPES_VALUES = {
     store: 'STORE',
     deflate: 'DEFLATE'
 };
-const TIME_RANGE_INTERVAL_UNITS_VALUES = {
-    minutes: 'minutes',
-    hours: 'hours',
-    days: 'days',
-    weeks: 'weeks',
-    months: 'months',
-    custom: 'custom'
-};
 const PRODUCT_EXPERIENCE_DATAPOINTS_EXPORT_SELECTOR = {
     EVENTS: {
         EXPORT_SELECTOR: 'exportSelector'
@@ -156,10 +145,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
         }] });
 
 class DataFetchingService {
-    constructor(alertService, measurementService, sanitizer, translateService, utilsService) {
+    constructor(alertService, measurementService, translateService, utilsService) {
         this.alertService = alertService;
         this.measurementService = measurementService;
-        this.sanitizer = sanitizer;
         this.translateService = translateService;
         this.utilsService = utilsService;
     }
@@ -202,6 +190,7 @@ class DataFetchingService {
             }
             catch (error) {
                 this.alertService.addServerFailure(error);
+                return null;
             }
         });
         const results = await Promise.all(promises);
@@ -229,7 +218,7 @@ class DataFetchingService {
           <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>
         </ul>
-        <p>The total number of data points that can be exported is: <strong>{{$totalExportableDatapointsCount}} out of {{$totalDatapointsSelectedForExportCount}}</strong>.
+        <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>`), {
             $browserDownloadableCount: browserDownloadableCount,
             $emailDeliverableCount: emailDeliverableCount,
@@ -244,6 +233,33 @@ class DataFetchingService {
         ]);
         return trimmedMessage;
     }
+    /**
+     * Trims the given HTML message by removing list items that correspond to zero counts.
+     *
+     * @param message - The HTML string containing the message with list items.
+     * @param counts - An array of number values corresponding to each list item.
+     * @param countToTrim - A count that will be trimmed with corresponding list item.
+     * @returns A trimmed HTML string with list items removed where the corresponding count is zero.
+     *
+     * Example:
+     * ```typescript
+     * const message = '<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>';
+     * const counts = [1, 0, 2];
+     * const trimmedMessage = this.removeZeroCountListItems(message, counts);
+     * // Result: '<ul><li>Item 1</li><li>Item 3</li></ul>'
+     * ```
+     */
+    removeZeroCountListItems(message, counts, countToTrim = 0) {
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(message, 'text/html');
+        const listItems = doc.querySelectorAll('ul li');
+        listItems.forEach((item, index) => {
+            if (counts[index] === countToTrim) {
+                item.remove();
+            }
+        });
+        return doc.body.innerHTML;
+    }
     /**
      * Displays an information alert about sending data via email.
      *
@@ -267,8 +283,8 @@ class DataFetchingService {
         const filePromises = exportConfig.datapointDetails.map(details => this.fetchAndProcessMeasurementFile(details, measurementFileConfig));
         return Promise.all(filePromises);
     }
-    async fetchAndProcessMeasurementFile(details, measurementFileConfig) {
-        const filter = this.prepareMeasurementsFilter(details, measurementFileConfig.exportConfig);
+    async fetchAndProcessMeasurementFile(details, measurementFileConfig, roundSeconds = false) {
+        const filter = this.prepareMeasurementsFilter(details, measurementFileConfig.exportConfig, roundSeconds);
         const header = { accept: measurementFileConfig.acceptFileType };
         try {
             const measurementFileResponse = await this.measurementService.getMeasurementsFile(filter, header);
@@ -295,6 +311,77 @@ class DataFetchingService {
             ? await this.fetchAndPrepareMeasurementDataToExportForPreview(exportConfig)
             : await this.fetchAndPrepareSeriesDataToExport(exportConfig);
     }
+    prepareMeasurementsFilter(details, exportConfig, roundSeconds, pageSize) {
+        const filter = {
+            dateFrom: this.adjustDate(exportConfig.dateFrom, 0, roundSeconds),
+            dateTo: this.adjustDate(exportConfig.dateTo, 0, roundSeconds),
+            source: details.source,
+            valueFragmentSeries: details.valueFragmentSeries,
+            valueFragmentType: details.valueFragmentType
+        };
+        if (pageSize) {
+            filter.pageSize = pageSize;
+        }
+        return filter;
+    }
+    processMeasurementDataForPreview(details, data) {
+        const unit = data[0][details.valueFragmentType][details.valueFragmentSeries]?.unit || '';
+        const values = {};
+        data.forEach(measurement => {
+            values[measurement.time] =
+                measurement[details.valueFragmentType][details.valueFragmentSeries].value;
+        });
+        return { ...details, unit, timeValueMap: values };
+    }
+    /**
+     * Returns a map of active data points device IDs with their corresponding series.
+     *
+     * Example output:
+     * ```typescript
+     * new Map([
+     *   ['844657202', ['c8y_Temperature.T']],
+     *   ['32666427', ['c8y_Battery.Battery']]
+     * ]);
+     * ```
+     * @param datapointDetails - An array of data points details.
+     * @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 map;
+        }, new Map());
+    }
+    /**
+     * Processes the fetched series data and prepares it for export.
+     *
+     * @param datapointDetails - An array of data point details.
+     * @param fetchedDataMap - A map of fetched series data grouped by source.
+     * @returns An array of DataToExport objects.
+     */
+    processSeriesData(datapointDetails, fetchedDataMap) {
+        const valuesGroupedBySource = this.utilsService.transformDataStructure(fetchedDataMap);
+        return datapointDetails.map((details) => {
+            let unit;
+            let data;
+            /**
+             * 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}`;
+            if (valuesGroupedBySource[details.source][seriesKey]) {
+                unit = valuesGroupedBySource[details.source][seriesKey].seriesDetails.unit;
+                data = valuesGroupedBySource[details.source][seriesKey].values;
+            }
+            return {
+                ...details,
+                unit,
+                timeValueMap: data
+            };
+        });
+    }
     async getSourcesWithPermissionsToRead(datapointDetails) {
         const dateFrom = new Date();
         const dateTo = new Date(dateFrom);
@@ -319,6 +406,56 @@ class DataFetchingService {
         const fetchedSources = await Promise.all(fetchedDataPromises);
         return fetchedSources.filter((source) => source !== null);
     }
+    /**
+     * Adjusts the given date by adding the specified number of minutes and setting seconds to 0.
+     *
+     * @param date - The date to be adjusted in string format.
+     * @param minutes - The number of minutes to add to the date.
+     * @param roundSeconds - Whether to round the seconds or not.
+     *                       If true, the seconds will be rounded to 0.
+     *                       If false, the seconds will be displayed as they are.
+     * @returns The adjusted date in ISO string format.
+     */
+    adjustDate(date, minutes, roundSeconds = true) {
+        const dateTime = new Date(date);
+        if (isNaN(dateTime.getTime())) {
+            throw new Error('Invalid date');
+        }
+        dateTime.setUTCMinutes(dateTime.getUTCMinutes() + minutes);
+        if (roundSeconds) {
+            dateTime.setUTCSeconds(0, 0);
+        }
+        return dateTime.toISOString();
+    }
+    /**
+     * Asynchronously loads series data based on the provided parameters.
+     *
+     * This method constructs a filter for retrieving series data within a specified date range,
+     * from a specific source, and optionally applying an aggregation type.
+     *
+     * @param rawFilter - The parameters for loading series data, including date range, source, series names, and aggregation type.
+     * @param roundSeconds - Indicates whether to round the seconds in the date range to the nearest whole number.
+     * @returns A promise that resolves to series data wrapped in result object.
+     */
+    async fetchSeriesData(rawFilter, roundSeconds = false) {
+        let seriesData;
+        const filter = this.prepareSeriesFilter({
+            dateFrom: rawFilter.dateFrom,
+            dateTo: rawFilter.dateTo,
+            source: rawFilter.source,
+            series: rawFilter.series,
+            aggregationType: rawFilter.aggregationType
+        }, roundSeconds);
+        try {
+            // TODO: consider adding a cache mechanism -> MTM-60289, MTM-59233
+            // When user switches between report types, and rest of the settings are the same, then the data should not be fetched again?
+            seriesData = await this.measurementService.listSeries(filter);
+        }
+        catch (error) {
+            this.alertService.addServerFailure(error);
+        }
+        return seriesData;
+    }
     /**
      * Fetches and prepares measurement data for preview.
      *
@@ -327,11 +464,12 @@ class DataFetchingService {
      * CSV/Excel files are generated by the backend for measurements.
      *
      * @param exportConfig - The export configuration.
+     * @param roundSeconds - Indicates whether to round the seconds in the date range to the nearest whole number.
      * @returns A promise that resolves to an array of DataToExport objects or null when no data is fetched.
      */
-    async fetchAndPrepareMeasurementDataToExportForPreview(exportConfig) {
+    async fetchAndPrepareMeasurementDataToExportForPreview(exportConfig, roundSeconds = false) {
         const dataToExportPromises = exportConfig.datapointDetails.map(async (details) => {
-            const fetchedMeasurementData = await this.fetchMeasurementDataForPreview(details, exportConfig);
+            const fetchedMeasurementData = await this.fetchMeasurementDataForPreview(details, exportConfig, roundSeconds);
             if (fetchedMeasurementData?.data?.length) {
                 return this.processMeasurementDataForPreview(details, fetchedMeasurementData.data);
             }
@@ -339,9 +477,9 @@ class DataFetchingService {
         });
         return await Promise.all(dataToExportPromises);
     }
-    async fetchMeasurementDataForPreview(details, exportConfig) {
+    async fetchMeasurementDataForPreview(details, exportConfig, roundSeconds) {
         let measurements;
-        const filter = this.prepareMeasurementsFilter(details, exportConfig, MEASUREMENTS_PREVIEW_ITEMS_LIMIT);
+        const filter = this.prepareMeasurementsFilter(details, exportConfig, roundSeconds, MEASUREMENTS_PREVIEW_ITEMS_LIMIT);
         try {
             // TODO: consider adding a cache mechanism -> MTM-60289
             // When user switches between report types, and rest of the settings are the same, then the data should not be fetched again?
@@ -352,30 +490,6 @@ class DataFetchingService {
         }
         return measurements;
     }
-    prepareMeasurementsFilter(details, exportConfig, pageSize) {
-        const filter = {
-            // Round the 'from' time to the previous full minute.
-            dateFrom: this.adjustDate(exportConfig.dateFrom, -1),
-            // Round the 'to' time to the nearest full minute.
-            dateTo: this.adjustDate(exportConfig.dateTo, 1),
-            source: details.source,
-            valueFragmentSeries: details.valueFragmentSeries,
-            valueFragmentType: details.valueFragmentType
-        };
-        if (pageSize) {
-            filter.pageSize = pageSize;
-        }
-        return filter;
-    }
-    processMeasurementDataForPreview(details, data) {
-        const unit = data[0][details.valueFragmentType][details.valueFragmentSeries]?.unit || '';
-        const values = {};
-        data.forEach(measurement => {
-            values[measurement.time] =
-                measurement[details.valueFragmentType][details.valueFragmentSeries].value;
-        });
-        return { ...details, unit, timeValueMap: values };
-    }
     async fetchAndPrepareSeriesDataToExport(exportConfig) {
         const datapointsValuesDataMap = this.groupSeriesByDeviceId(exportConfig.datapointDetails);
         const fetchedDataPromises = Array.from(datapointsValuesDataMap).map(async ([source, series]) => {
@@ -393,52 +507,10 @@ class DataFetchingService {
         const fetchedDataGroupedBySource = await Promise.all(fetchedDataPromises);
         return this.processSeriesData(exportConfig.datapointDetails, fetchedDataGroupedBySource);
     }
-    /**
-     * Returns a map of active data points device IDs with their corresponding series.
-     *
-     * Example output:
-     * ```typescript
-     * new Map([
-     *   ['844657202', ['c8y_Temperature.T']],
-     *   ['32666427', ['c8y_Battery.Battery']]
-     * ]);
-     * ```
-     * @param datapointDetails - An array of data points details.
-     * @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 map;
-        }, new Map());
-    }
-    async fetchSeriesData(rawFilter) {
-        let seriesData;
-        const filter = this.prepareSeriesFilter({
-            dateFrom: rawFilter.dateFrom,
-            dateTo: rawFilter.dateTo,
-            source: rawFilter.source,
-            series: rawFilter.series,
-            aggregationType: rawFilter.aggregationType
-        });
-        try {
-            // TODO: consider adding a cache mechanism -> MTM-60289
-            // When user switches between report types, and rest of the settings are the same, then the data should not be fetched again?
-            seriesData = await this.measurementService.listSeries(filter);
-        }
-        catch (error) {
-            this.alertService.addServerFailure(error);
-        }
-        return seriesData;
-    }
-    prepareSeriesFilter(filters) {
+    prepareSeriesFilter(filters, roundSeconds) {
         const { dateFrom, dateTo, source, series, aggregationType } = filters;
-        // Round the 'from' time to the previous full minute.
-        const from = this.adjustDate(dateFrom, -1);
-        // Round the 'to' time to the nearest full minute.
-        const to = this.adjustDate(dateTo, 1);
+        const from = this.adjustDate(dateFrom, 0, roundSeconds);
+        const to = this.adjustDate(dateTo, 0, roundSeconds);
         const filter = {
             dateFrom: from,
             dateTo: to,
@@ -460,86 +532,7 @@ class DataFetchingService {
         }
         return filter;
     }
-    /**
-     * Processes the fetched series data and prepares it for export.
-     *
-     * @param datapointDetails - An array of data point details.
-     * @param fetchedDataMap - A map of fetched series data grouped by source.
-     * @returns An array of DataToExport objects.
-     */
-    processSeriesData(datapointDetails, fetchedDataMap) {
-        const valuesGroupedBySource = this.utilsService.transformDataStructure(fetchedDataMap);
-        return datapointDetails.map((details) => {
-            let unit;
-            let data;
-            /**
-             * 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}`;
-            if (valuesGroupedBySource[details.source][seriesKey]) {
-                unit = valuesGroupedBySource[details.source][seriesKey].seriesDetails.unit;
-                data = valuesGroupedBySource[details.source][seriesKey].values;
-            }
-            return {
-                ...details,
-                unit,
-                timeValueMap: data
-            };
-        });
-    }
-    /**
-     * Adjusts the given date by adding the specified number of minutes and setting seconds to 0.
-     *
-     * @param date - The date to be adjusted in string format.
-     * @param minutes - The number of minutes to add to the date.
-     * @returns The adjusted date in the format 'YYYY-MM-DDTHH:mm:ss+HH:MM'.
-     */
-    adjustDate(date, minutes) {
-        const dateTime = new Date(date);
-        dateTime.setMinutes(dateTime.getMinutes() + minutes);
-        dateTime.setSeconds(0);
-        const offset = -dateTime.getTimezoneOffset();
-        const offsetSign = offset >= 0 ? '+' : '-';
-        const pad = (num) => (num < 10 ? '0' + num : num.toString());
-        const offsetHours = pad(Math.floor(Math.abs(offset) / 60));
-        const offsetMinutes = pad(Math.abs(offset) % 60);
-        const year = dateTime.getFullYear();
-        const month = pad(dateTime.getMonth() + 1);
-        const day = pad(dateTime.getDate());
-        const hours = pad(dateTime.getHours());
-        const minutesString = pad(dateTime.getMinutes());
-        const seconds = '00';
-        return `${year}-${month}-${day}T${hours}:${minutesString}:${seconds}${offsetSign}${offsetHours}:${offsetMinutes}`;
-    }
-    /**
-     * Trims the given HTML message by removing list items that correspond to zero counts.
-     *
-     * @param message - The HTML string containing the message with list items.
-     * @param counts - An array of number values corresponding to each list item.
-     * @param countToTrim - A count that will be trimmed with corresponding list item.
-     * @returns A trimmed HTML string with list items removed where the corresponding count is zero.
-     *
-     * Example:
-     * ```typescript
-     * const message = '<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>';
-     * const counts = [1, 0, 2];
-     * const trimmedMessage = this.removeZeroCountListItems(message, counts);
-     * // Result: '<ul><li>Item 1</li><li>Item 3</li></ul>'
-     * ```
-     */
-    removeZeroCountListItems(message, counts, countToTrim = 0) {
-        const parser = new DOMParser();
-        const doc = parser.parseFromString(message, 'text/html');
-        const listItems = doc.querySelectorAll('ul li');
-        listItems.forEach((item, index) => {
-            if (counts[index] === countToTrim) {
-                item.remove();
-            }
-        });
-        return doc.body.innerHTML;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DataFetchingService, deps: [{ token: i1.AlertService }, { token: i2.MeasurementService }, { token: i3.DomSanitizer }, { token: i4.TranslateService }, { token: UtilsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DataFetchingService, deps: [{ token: i1.AlertService }, { token: i2.MeasurementService }, { token: i3.TranslateService }, { token: UtilsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DataFetchingService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DataFetchingService, decorators: [{
@@ -547,102 +540,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1.AlertService }, { type: i2.MeasurementService }, { type: i3.DomSanitizer }, { type: i4.TranslateService }, { type: UtilsService }] });
+        }], ctorParameters: () => [{ type: i1.AlertService }, { type: i2.MeasurementService }, { type: i3.TranslateService }, { type: UtilsService }] });
 
 class DatapointsExportSelectorFileExporterService {
-    constructor(aggregationService, alertService, datapointsExportSelectorDataProcessingService, translateService) {
-        this.aggregationService = aggregationService;
+    constructor(alertService, datapointsExportSelectorDataProcessingService, translateService) {
         this.alertService = alertService;
         this.datapointsExportSelectorDataProcessingService = datapointsExportSelectorDataProcessingService;
         this.translateService = translateService;
     }
-    /**
-     * Determines the interval between two dates.
-     *
-     * @param dateFrom - The starting date in ISO 8601 string format.
-     * @param dateTo - The ending date in ISO 8601 string format.
-     * @returns The time range interval unit.
-     */
-    determineInterval(dateFrom, dateTo) {
-        const from = new Date(dateFrom);
-        const to = new Date(dateTo);
-        const differenceInMilliseconds = to.getTime() - from.getTime();
-        const intervals = [
-            { value: TimeSpanInMs.MINUTE, label: TIME_RANGE_INTERVAL_UNITS_VALUES.minutes }, // milliseconds in one minute
-            { value: TimeSpanInMs.HOUR, label: TIME_RANGE_INTERVAL_UNITS_VALUES.hours }, // milliseconds in one hour
-            { value: TimeSpanInMs.DAY, label: TIME_RANGE_INTERVAL_UNITS_VALUES.days }, // milliseconds in one day
-            { value: TimeSpanInMs.WEEK, label: TIME_RANGE_INTERVAL_UNITS_VALUES.weeks }, // milliseconds in one week
-            { value: TimeSpanInMs.MONTH, label: TIME_RANGE_INTERVAL_UNITS_VALUES.months } // approximation for milliseconds in one month
-        ];
-        for (let i = 0; i < intervals.length; i++) {
-            if (differenceInMilliseconds <= intervals[i].value) {
-                return intervals[i].label;
-            }
-        }
-        return TIME_RANGE_INTERVAL_UNITS_VALUES.custom;
-    }
-    /**
-     * Updates the disabled state of aggregation options based on the current value of the time interval form control.
-     *
-     * This method:
-     * - Retrieves the current date range from the form controls.
-     * - Determines the current time interval based on the date range.
-     * - Sets the disabled state for each aggregation option based on predefined conditions.
-     *
-     * The disabled state is stored in the `disabledAggregationOptions` object,
-     * where the key is the aggregation value and the value is a boolean indicating whether the option should be disabled.
-     *
-     * The `disabledConditions` object defines the conditions under which each aggregation option should be disabled.
-     *
-     * @param dateFrom - The value of the "date from" input.
-     * @param dateTo - The value of the "date to" input.
-     * @param disabledAggregationOptions - The object containing the disabled state of aggregation options.
-     * @returns The updated object with the disabled state of aggregation options.
-     */
-    updateDisabledStateOfAggregationOptionEntries(dateFrom, dateTo, disabledAggregationOptions) {
-        disabledAggregationOptions = this.aggregationService.getDisabledAggregationOptions(dateFrom, dateTo);
-        return disabledAggregationOptions;
-    }
-    /**
-     * Sets the aggregation control to the first available (non-disabled) option if the current option is disabled.
-     *
-     * This method:
-     * - Retrieves the current value of the aggregation control.
-     * - Checks if the current aggregation option is disabled.
-     * - If the current option is disabled, sets the control to the first available (non-disabled) option based on the following order:
-     *   - If the current value is `DAILY`, it switches to `HOURLY` if it's not disabled, otherwise to `MINUTELY` if `HOURLY` is also disabled.
-     *   - If the current value is `HOURLY`, it switches to `MINUTELY` if it's not disabled.
-     *   - If all options are disabled, it sets the value to `NONE`.
-     *
-     * The disabled state is stored in the `disabledAggregationOptions` object,
-     * where the key is the aggregation value and the value is a boolean indicating whether the option is disabled.
-     *
-     * The `AGGREGATION_VALUES` object defines the possible aggregation values.
-     *
-     * @param aggregationValue - The value of the current aggregation option.
-     * @param disabledAggregationOptions - An object containing disabled aggregation options.
-     * @returns The new aggregation option to be set.
-     */
-    setToFirstAvailableAggregationOptionIfCurrentIsDisabled(aggregationValue, disabledAggregationOptions) {
-        const currentValue = aggregationValue;
-        const disabledOptions = disabledAggregationOptions;
-        if (disabledOptions[currentValue]) {
-            const { daily, hourly, minutely, none } = AGGREGATION_VALUES;
-            let newAggregationValue = none;
-            if (currentValue === daily) {
-                if (!disabledOptions[hourly]) {
-                    newAggregationValue = hourly;
-                }
-                else if (!disabledOptions[minutely]) {
-                    newAggregationValue = minutely;
-                }
-            }
-            else if (currentValue === hourly && !disabledOptions[minutely]) {
-                newAggregationValue = minutely;
-            }
-            return newAggregationValue;
-        }
-    }
     async getMeasurementExportedDataBlob(extension, dataToExport) {
         try {
             return await this.getMeasurementDataZipBlob(extension, dataToExport);
@@ -716,7 +621,7 @@ class DatapointsExportSelectorFileExporterService {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DatapointsExportSelectorFileExporterService, deps: [{ token: i1.AggregationService }, { token: i1.AlertService }, { token: DataProcessingService }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DatapointsExportSelectorFileExporterService, deps: [{ token: i1.AlertService }, { token: DataProcessingService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DatapointsExportSelectorFileExporterService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DatapointsExportSelectorFileExporterService, decorators: [{
@@ -724,7 +629,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1.AggregationService }, { type: i1.AlertService }, { type: DataProcessingService }, { type: i4.TranslateService }] });
+        }], ctorParameters: () => [{ type: i1.AlertService }, { type: DataProcessingService }, { type: i3.TranslateService }] });
 
 class DataPointsExportSelectorPreviewComponent {
     constructor() {
@@ -760,11 +665,11 @@ class DataPointsExportSelectorDataScopeComponent {
         this.onExportTypeChange.emit(exportType);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DataPointsExportSelectorDataScopeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", 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        [adaptivePosition]=\"true\"\n      ></button>\n      <ng-template #popoverDataScopeTemplate>\n        <p\n          class=\"m-b-8\"\n          translate\n        >\n          Choose type of an export to generate, the available options are:\n        </p>\n        <p><strong translate>Compact</strong></p>\n        <ul class=\"p-l-16\">\n          <li translate>\n            Up to 5,000 records per data point, or up to the data retention limit\n          </li>\n          <li translate>Creates a single merged file containing all the data</li>\n          <li translate>Preview is not available</li>\n          <li translate>Supports data aggregation (optional)</li>\n        </ul>\n        <p><strong translate>Full</strong></p>\n        <ul class=\"p-l-16\">\n          <li translate>\n            Up to 1,000,000 records per data point, or up to the data retention limit\n          </li>\n          <li translate>\n            If the export exceeds 50,000 records, the data will be sent via email\n          </li>\n          <li translate>\n            Creates a compressed ZIP file that contains separate data files for each of your\n            selected points\n          </li>\n          <li translate>Preview is 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      >\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      >\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>", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { 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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", 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      [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    >\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    >\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: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DataPointsExportSelectorDataScopeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-datapoints-export-selector-data-scope', standalone: true, imports: [CoreModule, FormsModule, PopoverModule], 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        [adaptivePosition]=\"true\"\n      ></button>\n      <ng-template #popoverDataScopeTemplate>\n        <p\n          class=\"m-b-8\"\n          translate\n        >\n          Choose type of an export to generate, the available options are:\n        </p>\n        <p><strong translate>Compact</strong></p>\n        <ul class=\"p-l-16\">\n          <li translate>\n            Up to 5,000 records per data point, or up to the data retention limit\n          </li>\n          <li translate>Creates a single merged file containing all the data</li>\n          <li translate>Preview is not available</li>\n          <li translate>Supports data aggregation (optional)</li>\n        </ul>\n        <p><strong translate>Full</strong></p>\n        <ul class=\"p-l-16\">\n          <li translate>\n            Up to 1,000,000 records per data point, or up to the data retention limit\n          </li>\n          <li translate>\n            If the export exceeds 50,000 records, the data will be sent via email\n          </li>\n          <li translate>\n            Creates a compressed ZIP file that contains separate data files for each of your\n            selected points\n          </li>\n          <li translate>Preview is 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      >\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      >\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>" }]
+            args: [{ selector: 'c8y-datapoints-export-selector-data-scope', standalone: true, imports: [CoreModule, FormsModule, PopoverModule], 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      [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    >\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    >\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" }]
         }], propDecorators: { disabledAggregationOptions: [{
                 type: Input
             }], formGroup: [{
@@ -1247,10 +1152,11 @@ const dateRangeValidator = (control) => {
     return null;
 };
 class DatapointsExportSelectorFileExporterComponent {
-    constructor(datapointsExportModalService, datapointsExportSelectorService, datapointsExportSelectorFileExporterService, formBuilder, generators, gainsightService) {
+    constructor(aggregationService, datapointsExportModalService, datapointsExportSelectorFileExporterService, dataFetchingService, formBuilder, generators, gainsightService) {
+        this.aggregationService = aggregationService;
         this.datapointsExportModalService = datapointsExportModalService;
-        this.datapointsExportSelectorService = datapointsExportSelectorService;
         this.datapointsExportSelectorFileExporterService = datapointsExportSelectorFileExporterService;
+        this.dataFetchingService = dataFetchingService;
         this.formBuilder = formBuilder;
         this.generators = generators;
         this.gainsightService = gainsightService;
@@ -1295,13 +1201,13 @@ class DatapointsExportSelectorFileExporterComponent {
         this.setFilesType(this.generators);
         this.dateFromSubject
             .pipe(debounceTime(300), takeUntilDestroyed())
-            .subscribe(async (updatedDate) => {
-            await this.updateDateAndFetchData('dateFrom', updatedDate);
+            .subscribe(async (dateInfo) => {
+            await this.updateDateAndFetchData('dateFrom', dateInfo);
         });
         this.dateToSubject
             .pipe(debounceTime(300), takeUntilDestroyed())
-            .subscribe(async (updatedDate) => {
-            await this.updateDateAndFetchData('dateTo', updatedDate);
+            .subscribe(async (dateInfo) => {
+            await this.updateDateAndFetchData('dateTo', dateInfo);
         });
     }
     setFilesType(generators) {
@@ -1317,7 +1223,7 @@ class DatapointsExportSelectorFileExporterComponent {
         });
     }
     async ngOnInit() {
-        const sourcesPermittedToRead = await this.datapointsExportSelectorService.getSourcesWithPermissionsToRead(this.exportConfig.datapointDetails);
+        const sourcesPermittedToRead = await this.dataFetchingService.getSourcesWithPermissionsToRead(this.exportConfig.datapointDetails);
         if (sourcesPermittedToRead.length === 0) {
             return;
         }
@@ -1328,14 +1234,14 @@ class DatapointsExportSelectorFileExporterComponent {
         this.storeInitialChangeableConfig();
         this.fileTypeSelectionState = this.getInitialSelection(this.dynamicFilesTypeMetadata, [0]);
         this.formGroup = this.createForm();
-        this.dataToExport = await this.datapointsExportSelectorService.fetchAndPrepareDataToExport(this.exportConfig, this.isFullTypeOfExport);
+        this.dataToExport = await this.dataFetchingService.fetchAndPrepareDataToExport(this.exportConfig, this.isFullTypeOfExport);
         this.handleDateSelectorChanges();
         this.determineShowingPreviewOrEmptyState();
         this.handleExportModeChanges();
         this.handleFileTypeSelectionChanges();
         this.handleFormValidationChanges();
         this.updateFileTypeControl();
-        this.updateDisabledAggregationOptionsState();
+        this.updateDisabledAggregationOptions();
     }
     ngOnDestroy() {
         this.destroy$.next();
@@ -1369,13 +1275,13 @@ class DatapointsExportSelectorFileExporterComponent {
         const shouldShowAlert = this.datapointsExceedingBrowserDownloadLimit.length > 0;
         // Handles a case where all files are sent by email.
         if (!blob && shouldShowAlert) {
-            this.datapointsExportSelectorService.showSendViaEmailInfoAlert(fileType, this.datapointsExceedingBrowserDownloadLimit);
+            this.dataFetchingService.showSendViaEmailInfoAlert(fileType, this.datapointsExceedingBrowserDownloadLimit);
             return;
         }
         if (blob) {
             // Handles the case where some of the files are sent by email.
             if (shouldShowAlert) {
-                this.datapointsExportSelectorService.showSendViaEmailInfoAlert(fileType, this.datapointsExceedingBrowserDownloadLimit);
+                this.dataFetchingService.showSendViaEmailInfoAlert(fileType, this.datapointsExceedingBrowserDownloadLimit);
             }
             this.isFullTypeOfExport
                 ? saveAs(blob, measurementsZipFileName)
@@ -1397,7 +1303,7 @@ class DatapointsExportSelectorFileExporterComponent {
     async exportMeasurementFile(fileType) {
         const { acceptType, extension } = this.datapointsExportModalService.fileTypesConfigs[fileType];
         const updatedExportConfig = this.excludeDatapointsThatExceedsApiLimit(this.exportConfig);
-        const dataToExport = await this.datapointsExportSelectorService.fetchMeasurementDataFilesAndPairWithSourceDetails(acceptType, updatedExportConfig);
+        const dataToExport = await this.dataFetchingService.fetchMeasurementDataFilesAndPairWithSourceDetails(acceptType, updatedExportConfig);
         const isAllUndefined = dataToExport.every(data => data === undefined);
         if (isAllUndefined) {
             return null;
@@ -1429,22 +1335,30 @@ class DatapointsExportSelectorFileExporterComponent {
         };
         return this.datapointsExportSelectorFileExporterService.getSeriesExportedDataBlob(fileType, this.dataToExport, mergedExportDetails);
     }
-    async onAggregationChange(aggregation) {
-        this.exportConfig.aggregation = aggregation;
-        if (!this.isAggregationChangedProgrammatically) {
-            await this.updateExportConfigAndFetchData();
-            this.updateDownloadButtonState();
+    async onAggregationChange(newAggregation) {
+        const currentAggregation = this.exportConfig.aggregation ?? AGGREGATION_VALUES.none;
+        if (currentAggregation === newAggregation) {
+            return;
         }
+        this.exportConfig.aggregation = newAggregation;
+        if (this.isAggregationChangedProgrammatically) {
+            return;
+        }
+        await this.loadExportData();
+        this.updateDownloadButtonState();
     }
     onDateFromChange(updatedDate) {
-        this.dateFromSubject.next(updatedDate);
+        this.update(updatedDate, this.exportConfig.dateTo);
     }
     onDateToChange(updatedDate) {
-        this.dateToSubject.next(updatedDate);
+        this.update(this.exportConfig.dateFrom, updatedDate);
     }
-    async updateDateAndFetchData(dateType, updatedDate) {
-        this.exportConfig[dateType] = updatedDate;
-        await this.updateExportConfigAndFetchData();
+    async updateDateAndFetchData(dateType, dateInfo) {
+        this.exportConfig[dateType] = dateInfo.date;
+        if (!dateInfo.shouldFetchData) {
+            return;
+        }
+        await this.loadExportData();
         if (this.isFullTypeOfExport) {
             await this.determineIfMeasurementResponseWillBeProcessedByBackend();
         }
@@ -1458,19 +1372,18 @@ class DatapointsExportSelectorFileExporterComponent {
             this.formGroup.controls.aggregation.setValue(AGGREGATION_VALUES.none);
             this.isAggregationChangedProgrammatically = false;
             this.isFullTypeOfExport = true;
-            await this.updateExportConfigAndFetchData();
+            await this.loadExportData();
             await this.determineIfMeasurementResponseWillBeProcessedByBackend();
             return;
         }
         this.resetFullExportRelatedProperties();
         this.isFullTypeOfExport = false;
-        await this.updateExportConfigAndFetchData();
-        this.updateDisabledAggregationOptionsState();
+        await this.loadExportData();
+        this.updateDisabledAggregationOptions();
         this.updateDownloadButtonState();
     }
-    updateDisabledAggregationOptionsState() {
-        this.disabledAggregationOptions =
-            this.datapointsExportSelectorFileExporterService.updateDisabledStateOfAggregationOptionEntries(this.formGroup.controls.dateFrom.value, this.formGroup.controls.dateTo.value, this.disabledAggregationOptions);
+    updateDisabledAggregationOptions() {
+        this.disabledAggregationOptions = this.aggregationService.getDisabledAggregationOptions(this.formGroup.controls.dateFrom.value, this.formGroup.controls.dateTo.value);
     }
     createForm() {
         return this.formBuilder.group({
@@ -1498,8 +1411,8 @@ class DatapointsExportSelectorFileExporterComponent {
         const dateToSelector = this.formGroup.controls.dateTo;
         const updateAggregationOptions = () => {
             if (!this.isFullTypeOfExport) {
-                this.updateDisabledAggregationOptionsState();
-                const firstAvailableAggregationValue = this.datapointsExportSelectorFileExporterService.setToFirstAvailableAggregationOptionIfCurrentIsDisabled(aggregationControl.value, this.disabledAggregationOptions);
+                this.updateDisabledAggregationOptions();
+                const firstAvailableAggregationValue = this.aggregationService.determineFirstNewAvailableAggregationValue(aggregationControl.value, this.disabledAggregationOptions);
                 if (firstAvailableAggregationValue) {
                     aggregationControl.setValue(firstAvailableAggregationValue);
                 }
@@ -1567,15 +1480,15 @@ class DatapointsExportSelectorFileExporterComponent {
     async determineIfMeasurementResponseWillBeProcessedByBackend() {
         this.isPreviewLoading = true;
         this.datapointsExceedingBrowserDownloadLimit =
-            await this.datapointsExportSelectorService.getDatapointsExceedingLimit(this.exportConfig);
+            await this.dataFetchingService.getDatapointsExceedingLimit(this.exportConfig);
         const { browserDownloadableCount, emailDeliverableCount, nonRetrievableCount } = this.calculateDatapointCounts();
         this.hasNoExportableData =
             browserDownloadableCount === 0 && emailDeliverableCount === 0 && nonRetrievableCount > 0;
         if (this.datapointsExceedingBrowserDownloadLimit.length > 0 && !this.hasNoExportableData) {
-            this.limitExceededMessage = this.datapointsExportSelectorService.getLimitExceededMessage(this.hasNoExportableData, emailDeliverableCount, browserDownloadableCount, nonRetrievableCount, this.exportConfig.datapointDetails.length);
+            this.limitExceededMessage = this.dataFetchingService.getLimitExceededMessage(this.hasNoExportableData, emailDeliverableCount, browserDownloadableCount, nonRetrievableCount, this.exportConfig.datapointDetails.length);
         }
         if (this.datapointsExceedingBrowserDownloadLimit.length > 0 && this.hasNoExportableData) {
-            this.limitExceededMessage = this.datapointsExportSelectorService.getLimitExceededMessage(this.hasNoExportableData);
+            this.limitExceededMessage = this.dataFetchingService.getLimitExceededMessage(this.hasNoExportableData);
         }
         this.updateDownloadButtonState();
         this.isPreviewLoading = false;
@@ -1608,13 +1521,13 @@ class DatapointsExportSelectorFileExporterComponent {
             this.exportConfig.aggregation = this.initialAggregation;
         }
     }
-    async updateExportConfigAndFetchData() {
+    async loadExportData() {
         if (this.formGroup.invalid) {
             return;
         }
         this.isPreviewLoading = true;
         this.onDownloadButtonStateChange.emit(false);
-        this.dataToExport = await this.datapointsExportSelectorService.fetchAndPrepareDataToExport(this.exportConfig, this.isFullTypeOfExport);
+        this.dataToExport = await this.dataFetchingService.fetchAndPrepareDataToExport(this.exportConfig, this.isFullTypeOfExport);
         this.determineShowingPreviewOrEmptyState();
     }
     updateDownloadButtonState() {
@@ -1644,6 +1557,34 @@ class DatapointsExportSelectorFileExporterComponent {
         });
         return initialSelection;
     }
+    /**
+     * Adjusts both "from" and "to" dates when either is updated:
+     * - Resets seconds to 00 even when only one date changes
+     * - Prevents persisting hidden seconds ≠ 00 from initial load
+     * - Triggers data fetch
+     *
+     * Example:
+     * When user changes "from" date:
+     * Input: startDate = "2024-03-26 13:30:45", endDate = "2024-03-27 15:20:45"
+     * Result: startDate -> "2024-03-26 14:30:00", endDate -> "2024-03-27 15:20:00"
+     *
+     * When user changes "to" date:
+     * Input: startDate = "2024-03-26 14:30:45", endDate = "2024-03-27 15:20:45"
+     * Result: startDate -> "2024-03-26 14:30:00", endDate -> "2024-03-27 16:20:00"
+     *
+     * @param startDate - The "start" date to be adjusted.
+     * @param endDate - The "end" date to be adjusted.
+     */
+    update(startDate, endDate) {
+        this.dateFromSubject.next({
+            date: this.dataFetchingService.adjustDate(startDate, 0),
+            shouldFetchData: false
+        });
+        this.dateToSubject.next({
+            date: this.dataFetchingService.adjustDate(endDate, 0),
+            shouldFetchData: true
+        });
+    }
     triggerGainsightDownloadEvent(selectedFileExports) {
         const commonEventData = {
             action: PRODUCT_EXPERIENCE_DATAPOINTS_EXPORT_SELECTOR.ACTIONS.DOWNLOAD_STARTED,
@@ -1665,8 +1606,8 @@ class DatapointsExportSelectorFileExporterComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DatapointsExportSelectorFileExporterComponent, deps: [{ token: DataProcessingService }, { token: DataFetchingService }, { token: DatapointsExportSelectorFileExporterService }, { token: i3$2.FormBuilder }, { token: FILE_GENERATORS }, { token: i1.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", 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 separator-bottom 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          [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: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { 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 }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", 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: "18.2.9", 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          [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: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { 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 }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DatapointsExportSelectorFileExporterComponent, decorators: [{
             type: Component,
@@ -1676,10 +1617,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                         DataPointsExportSelectorFileTypesComponent,
                         DataPointsExportSelectorPreviewComponent,
                         DataPointsExportSelectorTimeRangeComponent,
-                        KeyValuePipe,
                         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 separator-bottom 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          [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: DataProcessingService }, { type: DataFetchingService }, { type: DatapointsExportSelectorFileExporterService }, { type: i3$2.FormBuilder }, { type: undefined, decorators: [{
+                    ], 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          [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: [{
                     type: Inject,
                     args: [FILE_GENERATORS]
                 }] }, { type: i1.GainsightService }], propDecorators: { exportConfig: [{
@@ -1954,11 +1894,11 @@ class DatapointsExportSelectorComponent {
         this.isOpen.emit(await modalRef.result);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DatapointsExportSelectorComponent, deps: [{ token: i1$1.BsModalService }, { token: i1.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: DatapointsExportSelectorComponent, isStandalone: true, selector: "c8y-datapoints-export-selector", inputs: { exportConfig: "exportConfig" }, outputs: { isOpen: "isOpen" }, ngImport: i0, template: "<div class=\"input-group p-t-4 p-b-4 max-width-fit m-l-auto\">\n  <div class=\"input-group-btn\">\n    <button\n      class=\"btn btn-default\"\n      [attr.aria-label]=\"'Generate export' | translate\"\n      tooltip=\"{{ 'Generate export' | translate }}\"\n      container=\"body\"\n      type=\"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</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { 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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: DatapointsExportSelectorComponent, isStandalone: true, selector: "c8y-datapoints-export-selector", inputs: { exportConfig: "exportConfig" }, outputs: { isOpen: "isOpen" }, ngImport: i0, template: "<div class=\"d-flex p-t-4 p-b-4\">\n  <div class=\"input-group-btn\">\n    <button\n      class=\"btn btn-default\"\n      [attr.aria-label]=\"'Generate export' | translate\"\n      tooltip=\"{{ 'Generate export' | translate }}\"\n      container=\"body\"\n      type=\"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</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }, { 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DatapointsExportSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-datapoints-export-selector', standalone: true, imports: [CommonModule, TooltipModule], template: "<div class=\"input-group p-t-4 p-b-4 max-width-fit m-l-auto\">\n  <div class=\"input-group-btn\">\n    <button\n      class=\"btn btn-default\"\n      [attr.aria-label]=\"'Generate export' | translate\"\n      tooltip=\"{{ 'Generate export' | translate }}\"\n      container=\"body\"\n      type=\"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</div>\n" }]
+            args: [{ selector: 'c8y-datapoints-export-selector', standalone: true, imports: [CommonModule, TooltipModule], template: "<div class=\"d-flex p-t-4 p-b-4\">\n  <div class=\"input-group-btn\">\n    <button\n      class=\"btn btn-default\"\n      [attr.aria-label]=\"'Generate export' | translate\"\n      tooltip=\"{{ 'Generate export' | translate }}\"\n      container=\"body\"\n      type=\"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</div>\n" }]
         }], ctorParameters: () => [{ type: i1$1.BsModalService }, { type: i1.GainsightService }], propDecorators: { exportConfig: [{
                 type: Input
             }], isOpen: [{
@@ -1969,5 +1909,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CSVGeneratorAdapter, DataFetchingService, DataPointsExportSelectorDataScopeComponent, DataPointsExportSelectorFileTypesComponent, DataPointsExportSelectorPreviewComponent, DataPointsExportSelectorTimeRangeComponent, DataProcessingService, DatapointsExportSelectorComponent, DatapointsExportSelectorFileExporterComponent, DatapointsExportSelectorFileExporterService, DatapointsExportSelectorModalComponent, EXPORT_MODE_LABELS, EXPORT_MODE_VALUES, ExcelDataTransformer, ExcelGeneratorAdapter, FILE_COMPRESSION_TYPES_VALUES, FILE_GENERATORS, HAS_ERROR, MEASUREMENTS_PREVIEW_ITEMS_LIMIT, PRODUCT_EXPERIENCE_DATAPOINTS_EXPORT_SELECTOR, SERIES_DATA_MERGED_FILE_NAME, TIME_RANGE_INTERVAL_UNITS_VALUES, UtilsService, dateRangeValidator };
+export { CSVGeneratorAdapter, DataFetchingService, DataPointsExportSelectorDataScopeComponent, DataPointsExportSelectorFileTypesComponent, DataPointsExportSelectorPreviewComponent, DataPointsExportSelectorTimeRangeComponent, DataProcessingService, DatapointsExportSelectorComponent, DatapointsExportSelectorFileExporterComponent, DatapointsExportSelectorFileExporterService, DatapointsExportSelectorModalComponent, EXPORT_MODE_LABELS, EXPORT_MODE_VALUES, ExcelDataTransformer, ExcelGeneratorAdapter, FILE_COMPRESSION_TYPES_VALUES, FILE_GENERATORS, HAS_ERROR, MEASUREMENTS_PREVIEW_ITEMS_LIMIT, PRODUCT_EXPERIENCE_DATAPOINTS_EXPORT_SELECTOR, SERIES_DATA_MERGED_FILE_NAME, UtilsService, dateRangeValidator };
 //# sourceMappingURL=c8y-ngx-components-datapoints-export-selector.mjs.map