@c8y/ngx-components 1021.50.0 → 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);
@@ -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