@c8y/ngx-components 1023.71.1 → 1023.76.0

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

@@ -385,6 +385,30 @@ class DataFetchingService {
             };
         });
     }
+    async hasPermissionToUseMeasurementsApi(exportConfig) {
+        if (exportConfig.datapointDetails.length === 0) {
+            return false;
+        }
+        const details = exportConfig.datapointDetails[0];
+        const now = new Date().toISOString();
+        const filter = {
+            dateFrom: now,
+            dateTo: now,
+            pageSize: 1,
+            source: details.source,
+            valueFragmentSeries: details.valueFragmentSeries,
+            valueFragmentType: details.valueFragmentType
+        };
+        try {
+            const response = await this.measurementService.getMeasurementsFile(filter, {
+                accept: 'text/csv'
+            });
+            return response.status !== 403;
+        }
+        catch {
+            return false;
+        }
+    }
     async getSourcesWithPermissionsToRead(datapointDetails) {
         const dateFrom = new Date();
         const dateTo = new Date(dateFrom);
@@ -715,11 +739,13 @@ class DataPointsExportSelectorDataScopeComponent {
     constructor() {
         this.disabledAggregationOptions = input.required(...(ngDevMode ? [{ debugName: "disabledAggregationOptions" }] : []));
         this.formGroup = input.required(...(ngDevMode ? [{ debugName: "formGroup" }] : []));
+        this.disabledExportModes = input({}, ...(ngDevMode ? [{ debugName: "disabledExportModes" }] : []));
         this.onAggregationChange = output();
         this.onExportTypeChange = output();
         this.AGGREGATION_LABELS = AGGREGATION_LABELS;
         this.AGGREGATION_VALUES_ARR = AGGREGATION_VALUES_ARR;
         this.EXPORT_MODE_LABELS = EXPORT_MODE_LABELS;
+        this.EXPORT_MODE_VALUES = EXPORT_MODE_VALUES;
         this.EXPORT_MODE_VALUES_ARR = [EXPORT_MODE_VALUES.full, EXPORT_MODE_VALUES.compact];
     }
     emitAggregationChange(aggregation) {
@@ -729,12 +755,12 @@ class DataPointsExportSelectorDataScopeComponent {
         this.onExportTypeChange.emit(exportType);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DataPointsExportSelectorDataScopeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DataPointsExportSelectorDataScopeComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-data-scope", inputs: { disabledAggregationOptions: { classPropertyName: "disabledAggregationOptions", publicName: "disabledAggregationOptions", isSignal: true, isRequired: true, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onAggregationChange: "onAggregationChange", onExportTypeChange: "onExportTypeChange" }, ngImport: i0, template: "<fieldset class=\"c8y-fieldset\">\n  <legend class=\"d-flex a-i-center\">\n    {{ 'Data scope' | translate }}\n    <button\n      class=\"btn-help\"\n      [attr.aria-label]=\"'Help' | translate\"\n      [popover]=\"popoverDataScopeTemplate\"\n      placement=\"right\"\n      triggers=\"focus\"\n      container=\"body\"\n      type=\"button\"\n      data-cy=\"data-scope--help\"\n      [adaptivePosition]=\"true\"\n    ></button>\n    <ng-template #popoverDataScopeTemplate>\n      <p\n        class=\"m-b-8\"\n        translate\n      >\n        Choose export type from available options:\n      </p>\n      <p><strong translate>Compact</strong></p>\n      <ul class=\"p-l-16\">\n        <li translate>Up to 5,000 records per data point or data retention limit</li>\n        <li translate>Single merged file for all data</li>\n        <li translate>No preview available</li>\n        <li translate>Optional data aggregation supported</li>\n      </ul>\n      <p><strong translate>Full</strong></p>\n      <ul class=\"p-l-16\">\n        <li translate>Up to 1,000,000 records per data point or data retention limit</li>\n        <li translate>Email delivery if exceeds 50,000 records</li>\n        <li translate>Separate files for each data point in ZIP format</li>\n        <li translate>Preview available</li>\n        <li translate>No data aggregation</li>\n      </ul>\n    </ng-template>\n  </legend>\n  <c8y-form-group class=\"m-b-8\">\n    <label>\n      {{ 'Export mode' | translate }}\n    </label>\n    <div\n      class=\"c8y-select-wrapper\"\n      [formGroup]=\"formGroup()\"\n      data-cy=\"data-scope--export-selector\"\n    >\n      <select\n        class=\"form-control text-12\"\n        [title]=\"'Export mode' | translate\"\n        id=\"exportMode\"\n        formControlName=\"exportMode\"\n        (ngModelChange)=\"emitExportTypeChange($event)\"\n      >\n        @for (exportModeValue of EXPORT_MODE_VALUES_ARR; track exportModeValue) {\n          <option [ngValue]=\"exportModeValue\">\n            {{ EXPORT_MODE_LABELS[exportModeValue] | translate }}\n          </option>\n        }\n      </select>\n    </div>\n  </c8y-form-group>\n  <c8y-form-group class=\"m-b-8\">\n    <label>\n      {{ 'Aggregation' | translate }}\n    </label>\n    <div\n      class=\"c8y-select-wrapper\"\n      [formGroup]=\"formGroup()\"\n      data-cy=\"data-scope--aggregation-selector\"\n    >\n      <select\n        class=\"form-control text-12\"\n        [title]=\"'Aggregation' | translate\"\n        id=\"aggregation\"\n        formControlName=\"aggregation\"\n        (ngModelChange)=\"emitAggregationChange($event)\"\n      >\n        @for (aggregationValue of AGGREGATION_VALUES_ARR; track aggregationValue) {\n          <option\n            [ngValue]=\"aggregationValue\"\n            [disabled]=\"disabledAggregationOptions()[aggregationValue]\"\n          >\n            {{ AGGREGATION_LABELS[aggregationValue] | translate }}\n          </option>\n        }\n      </select>\n    </div>\n  </c8y-form-group>\n</fieldset>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i1.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i3$1.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DataPointsExportSelectorDataScopeComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-data-scope", inputs: { disabledAggregationOptions: { classPropertyName: "disabledAggregationOptions", publicName: "disabledAggregationOptions", isSignal: true, isRequired: true, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null }, disabledExportModes: { classPropertyName: "disabledExportModes", publicName: "disabledExportModes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onAggregationChange: "onAggregationChange", onExportTypeChange: "onExportTypeChange" }, ngImport: i0, template: "<fieldset class=\"c8y-fieldset\">\n  <legend class=\"d-flex a-i-center\">\n    {{ 'Data scope' | translate }}\n    <button\n      class=\"btn-help\"\n      [attr.aria-label]=\"'Help' | translate\"\n      [popover]=\"popoverDataScopeTemplate\"\n      placement=\"right\"\n      triggers=\"focus\"\n      container=\"body\"\n      type=\"button\"\n      data-cy=\"data-scope--help\"\n      [adaptivePosition]=\"true\"\n    ></button>\n    <ng-template #popoverDataScopeTemplate>\n      <p\n        class=\"m-b-8\"\n        translate\n      >\n        Choose export type from available options:\n      </p>\n      <p><strong translate>Compact</strong></p>\n      <ul class=\"p-l-16\">\n        <li translate>Up to 5,000 records per data point or data retention limit</li>\n        <li translate>Single merged file for all data</li>\n        <li translate>No preview available</li>\n        <li translate>Optional data aggregation supported</li>\n      </ul>\n      <p><strong translate>Full</strong></p>\n      <ul class=\"p-l-16\">\n        <li translate>Up to 1,000,000 records per data point or data retention limit</li>\n        <li translate>Email delivery if exceeds 50,000 records</li>\n        <li translate>Separate files for each data point in ZIP format</li>\n        <li translate>Preview available</li>\n        <li translate>No data aggregation</li>\n      </ul>\n    </ng-template>\n  </legend>\n  <c8y-form-group class=\"m-b-8\">\n    <label>\n      {{ 'Export mode' | translate }}\n    </label>\n    <div\n      class=\"c8y-select-wrapper\"\n      [formGroup]=\"formGroup()\"\n      data-cy=\"data-scope--export-selector\"\n    >\n      <select\n        class=\"form-control text-12\"\n        [title]=\"'Export mode' | translate\"\n        id=\"exportMode\"\n        formControlName=\"exportMode\"\n        (ngModelChange)=\"emitExportTypeChange($event)\"\n      >\n        @for (exportModeValue of EXPORT_MODE_VALUES_ARR; track exportModeValue) {\n          <option\n            [title]=\"\n              disabledExportModes()[exportModeValue]\n                ? ('Full export mode requires READ permission for the Measurements API.'\n                  | translate)\n                : ''\n            \"\n            [ngValue]=\"exportModeValue\"\n            [disabled]=\"disabledExportModes()[exportModeValue]\"\n          >\n            {{ EXPORT_MODE_LABELS[exportModeValue] | translate }}\n          </option>\n        }\n      </select>\n    </div>\n  </c8y-form-group>\n  <c8y-form-group class=\"m-b-8\">\n    <label>\n      {{ 'Aggregation' | translate }}\n    </label>\n    <div\n      class=\"c8y-select-wrapper\"\n      [formGroup]=\"formGroup()\"\n      data-cy=\"data-scope--aggregation-selector\"\n    >\n      <select\n        class=\"form-control text-12\"\n        [title]=\"'Aggregation' | translate\"\n        id=\"aggregation\"\n        formControlName=\"aggregation\"\n        (ngModelChange)=\"emitAggregationChange($event)\"\n      >\n        @for (aggregationValue of AGGREGATION_VALUES_ARR; track aggregationValue) {\n          <option\n            [ngValue]=\"aggregationValue\"\n            [disabled]=\"disabledAggregationOptions()[aggregationValue]\"\n          >\n            {{ AGGREGATION_LABELS[aggregationValue] | translate }}\n          </option>\n        }\n      </select>\n    </div>\n  </c8y-form-group>\n</fieldset>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i1.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i3$1.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DataPointsExportSelectorDataScopeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-datapoints-export-selector-data-scope', imports: [CoreModule, FormsModule, PopoverModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"c8y-fieldset\">\n  <legend class=\"d-flex a-i-center\">\n    {{ 'Data scope' | translate }}\n    <button\n      class=\"btn-help\"\n      [attr.aria-label]=\"'Help' | translate\"\n      [popover]=\"popoverDataScopeTemplate\"\n      placement=\"right\"\n      triggers=\"focus\"\n      container=\"body\"\n      type=\"button\"\n      data-cy=\"data-scope--help\"\n      [adaptivePosition]=\"true\"\n    ></button>\n    <ng-template #popoverDataScopeTemplate>\n      <p\n        class=\"m-b-8\"\n        translate\n      >\n        Choose export type from available options:\n      </p>\n      <p><strong translate>Compact</strong></p>\n      <ul class=\"p-l-16\">\n        <li translate>Up to 5,000 records per data point or data retention limit</li>\n        <li translate>Single merged file for all data</li>\n        <li translate>No preview available</li>\n        <li translate>Optional data aggregation supported</li>\n      </ul>\n      <p><strong translate>Full</strong></p>\n      <ul class=\"p-l-16\">\n        <li translate>Up to 1,000,000 records per data point or data retention limit</li>\n        <li translate>Email delivery if exceeds 50,000 records</li>\n        <li translate>Separate files for each data point in ZIP format</li>\n        <li translate>Preview available</li>\n        <li translate>No data aggregation</li>\n      </ul>\n    </ng-template>\n  </legend>\n  <c8y-form-group class=\"m-b-8\">\n    <label>\n      {{ 'Export mode' | translate }}\n    </label>\n    <div\n      class=\"c8y-select-wrapper\"\n      [formGroup]=\"formGroup()\"\n      data-cy=\"data-scope--export-selector\"\n    >\n      <select\n        class=\"form-control text-12\"\n        [title]=\"'Export mode' | translate\"\n        id=\"exportMode\"\n        formControlName=\"exportMode\"\n        (ngModelChange)=\"emitExportTypeChange($event)\"\n      >\n        @for (exportModeValue of EXPORT_MODE_VALUES_ARR; track exportModeValue) {\n          <option [ngValue]=\"exportModeValue\">\n            {{ EXPORT_MODE_LABELS[exportModeValue] | translate }}\n          </option>\n        }\n      </select>\n    </div>\n  </c8y-form-group>\n  <c8y-form-group class=\"m-b-8\">\n    <label>\n      {{ 'Aggregation' | translate }}\n    </label>\n    <div\n      class=\"c8y-select-wrapper\"\n      [formGroup]=\"formGroup()\"\n      data-cy=\"data-scope--aggregation-selector\"\n    >\n      <select\n        class=\"form-control text-12\"\n        [title]=\"'Aggregation' | translate\"\n        id=\"aggregation\"\n        formControlName=\"aggregation\"\n        (ngModelChange)=\"emitAggregationChange($event)\"\n      >\n        @for (aggregationValue of AGGREGATION_VALUES_ARR; track aggregationValue) {\n          <option\n            [ngValue]=\"aggregationValue\"\n            [disabled]=\"disabledAggregationOptions()[aggregationValue]\"\n          >\n            {{ AGGREGATION_LABELS[aggregationValue] | translate }}\n          </option>\n        }\n      </select>\n    </div>\n  </c8y-form-group>\n</fieldset>\n" }]
-        }], propDecorators: { disabledAggregationOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledAggregationOptions", required: true }] }], formGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "formGroup", required: true }] }], onAggregationChange: [{ type: i0.Output, args: ["onAggregationChange"] }], onExportTypeChange: [{ type: i0.Output, args: ["onExportTypeChange"] }] } });
+            args: [{ selector: 'c8y-datapoints-export-selector-data-scope', imports: [CoreModule, FormsModule, PopoverModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fieldset class=\"c8y-fieldset\">\n  <legend class=\"d-flex a-i-center\">\n    {{ 'Data scope' | translate }}\n    <button\n      class=\"btn-help\"\n      [attr.aria-label]=\"'Help' | translate\"\n      [popover]=\"popoverDataScopeTemplate\"\n      placement=\"right\"\n      triggers=\"focus\"\n      container=\"body\"\n      type=\"button\"\n      data-cy=\"data-scope--help\"\n      [adaptivePosition]=\"true\"\n    ></button>\n    <ng-template #popoverDataScopeTemplate>\n      <p\n        class=\"m-b-8\"\n        translate\n      >\n        Choose export type from available options:\n      </p>\n      <p><strong translate>Compact</strong></p>\n      <ul class=\"p-l-16\">\n        <li translate>Up to 5,000 records per data point or data retention limit</li>\n        <li translate>Single merged file for all data</li>\n        <li translate>No preview available</li>\n        <li translate>Optional data aggregation supported</li>\n      </ul>\n      <p><strong translate>Full</strong></p>\n      <ul class=\"p-l-16\">\n        <li translate>Up to 1,000,000 records per data point or data retention limit</li>\n        <li translate>Email delivery if exceeds 50,000 records</li>\n        <li translate>Separate files for each data point in ZIP format</li>\n        <li translate>Preview available</li>\n        <li translate>No data aggregation</li>\n      </ul>\n    </ng-template>\n  </legend>\n  <c8y-form-group class=\"m-b-8\">\n    <label>\n      {{ 'Export mode' | translate }}\n    </label>\n    <div\n      class=\"c8y-select-wrapper\"\n      [formGroup]=\"formGroup()\"\n      data-cy=\"data-scope--export-selector\"\n    >\n      <select\n        class=\"form-control text-12\"\n        [title]=\"'Export mode' | translate\"\n        id=\"exportMode\"\n        formControlName=\"exportMode\"\n        (ngModelChange)=\"emitExportTypeChange($event)\"\n      >\n        @for (exportModeValue of EXPORT_MODE_VALUES_ARR; track exportModeValue) {\n          <option\n            [title]=\"\n              disabledExportModes()[exportModeValue]\n                ? ('Full export mode requires READ permission for the Measurements API.'\n                  | translate)\n                : ''\n            \"\n            [ngValue]=\"exportModeValue\"\n            [disabled]=\"disabledExportModes()[exportModeValue]\"\n          >\n            {{ EXPORT_MODE_LABELS[exportModeValue] | translate }}\n          </option>\n        }\n      </select>\n    </div>\n  </c8y-form-group>\n  <c8y-form-group class=\"m-b-8\">\n    <label>\n      {{ 'Aggregation' | translate }}\n    </label>\n    <div\n      class=\"c8y-select-wrapper\"\n      [formGroup]=\"formGroup()\"\n      data-cy=\"data-scope--aggregation-selector\"\n    >\n      <select\n        class=\"form-control text-12\"\n        [title]=\"'Aggregation' | translate\"\n        id=\"aggregation\"\n        formControlName=\"aggregation\"\n        (ngModelChange)=\"emitAggregationChange($event)\"\n      >\n        @for (aggregationValue of AGGREGATION_VALUES_ARR; track aggregationValue) {\n          <option\n            [ngValue]=\"aggregationValue\"\n            [disabled]=\"disabledAggregationOptions()[aggregationValue]\"\n          >\n            {{ AGGREGATION_LABELS[aggregationValue] | translate }}\n          </option>\n        }\n      </select>\n    </div>\n  </c8y-form-group>\n</fieldset>\n" }]
+        }], propDecorators: { disabledAggregationOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledAggregationOptions", required: true }] }], formGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "formGroup", required: true }] }], disabledExportModes: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledExportModes", required: false }] }], onAggregationChange: [{ type: i0.Output, args: ["onAggregationChange"] }], onExportTypeChange: [{ type: i0.Output, args: ["onExportTypeChange"] }] } });
 
 class DataPointsExportSelectorFileTypesComponent {
     constructor() {
@@ -785,7 +811,7 @@ class DataPointsExportSelectorTimeRangeComponent {
         this.destroy$.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DataPointsExportSelectorTimeRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: DataPointsExportSelectorTimeRangeComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-time-range", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onDateFromChange: "onDateFromChange", onDateToChange: "onDateToChange" }, ngImport: i0, template: "<fieldset class=\"c8y-fieldset\">\n  <legend>{{ 'Time range' | translate }}</legend>\n  <c8y-form-group\n    class=\"m-b-8 d-flex gap-4 a-i-center\"\n    [class]=\"formGroup().controls.dateFrom.errors ? HAS_ERROR : ''\"\n  >\n    <label\n      class=\"m-b-0\"\n      style=\"min-width: 120px\"\n      [title]=\"FROM_DATE | translate\"\n      [for]=\"DATE_FROM\"\n    >\n      {{ FROM_DATE | translate }}\n    </label>\n    <div>\n      <c8y-date-time-picker\n        [class]=\"formGroup().controls.dateFrom.errors ? HAS_ERROR : ''\"\n        id=\"DATE_FROM\"\n        [maxDate]=\"formGroup().controls.dateTo.value ?? ''\"\n        [placeholder]=\"FROM_DATE | translate\"\n        [formControl]=\"formGroup().controls.dateFrom\"\n      ></c8y-date-time-picker>\n      <c8y-messages [show]=\"formGroup().controls.dateFrom.errors ?? {}\">\n        <c8y-message\n          name=\"dateAfterRangeMax\"\n          [text]=\"THIS_DATE_IS_AFTER_THE_LAST_ALLOWED_DATE | translate\"\n        ></c8y-message>\n        <c8y-message\n          name=\"INVALID_DATE_TIME\"\n          [text]=\"THIS_DATE_IS_INVALID | translate\"\n        ></c8y-message>\n      </c8y-messages>\n    </div>\n  </c8y-form-group>\n  <c8y-form-group\n    class=\"m-b-8 d-flex gap-4 a-i-center\"\n    [class]=\"formGroup().controls.dateTo.errors ? HAS_ERROR : ''\"\n  >\n    <label\n      class=\"m-b-0\"\n      style=\"min-width: 120px\"\n      [title]=\"TO_DATE | translate\"\n      [for]=\"DATE_TO\"\n    >\n      {{ TO_DATE | translate }}\n    </label>\n    <div>\n      <c8y-date-time-picker\n        [class]=\"formGroup().controls.dateTo.errors ? HAS_ERROR : ''\"\n        id=\"DATE_TO\"\n        [minDate]=\"formGroup().controls.dateFrom.value ?? ''\"\n        [placeholder]=\"TO_DATE | translate\"\n        [formControl]=\"formGroup().controls.dateTo\"\n      ></c8y-date-time-picker>\n      <c8y-messages [show]=\"formGroup().controls.dateTo.errors ?? {}\">\n        <c8y-message\n          name=\"dateBeforeRangeMin\"\n          [text]=\"THIS_DATE_IS_BEFORE_THE_EARLIEST_ALLOWED_DATE | translate\"\n        ></c8y-message>\n        <c8y-message\n          name=\"INVALID_DATE_TIME\"\n          [text]=\"THIS_DATE_IS_INVALID | translate\"\n        ></c8y-message>\n      </c8y-messages>\n    </div>\n  </c8y-form-group>\n</fieldset>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i1.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: i1.MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "component", type: i1.MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.DateTimePickerComponent, selector: "c8y-date-time-picker", inputs: ["minDate", "maxDate", "placeholder", "dateInputFormat", "adaptivePosition", "size", "dateType", "config"], outputs: ["onDateSelected"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: DataPointsExportSelectorTimeRangeComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-time-range", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onDateFromChange: "onDateFromChange", onDateToChange: "onDateToChange" }, ngImport: i0, template: "<fieldset class=\"c8y-fieldset\">\n  <legend>{{ 'Time range' | translate }}</legend>\n  <c8y-form-group\n    class=\"m-b-8 d-flex gap-4 a-i-center\"\n    [class]=\"formGroup().controls.dateFrom.errors ? HAS_ERROR : ''\"\n  >\n    <label\n      class=\"m-b-0\"\n      style=\"min-width: 120px\"\n      [title]=\"FROM_DATE | translate\"\n      [for]=\"DATE_FROM\"\n    >\n      {{ FROM_DATE | translate }}\n    </label>\n    <div>\n      <c8y-date-time-picker\n        [class]=\"formGroup().controls.dateFrom.errors ? HAS_ERROR : ''\"\n        id=\"DATE_FROM\"\n        [maxDate]=\"formGroup().controls.dateTo.value ?? ''\"\n        [placeholder]=\"FROM_DATE | translate\"\n        [formControl]=\"formGroup().controls.dateFrom\"\n      ></c8y-date-time-picker>\n      <c8y-messages [show]=\"formGroup().controls.dateFrom.errors ?? {}\">\n        <c8y-message\n          name=\"dateAfterRangeMax\"\n          [text]=\"THIS_DATE_IS_AFTER_THE_LAST_ALLOWED_DATE | translate\"\n        ></c8y-message>\n        <c8y-message\n          name=\"INVALID_DATE_TIME\"\n          [text]=\"THIS_DATE_IS_INVALID | translate\"\n        ></c8y-message>\n      </c8y-messages>\n    </div>\n  </c8y-form-group>\n  <c8y-form-group\n    class=\"m-b-8 d-flex gap-4 a-i-center\"\n    [class]=\"formGroup().controls.dateTo.errors ? HAS_ERROR : ''\"\n  >\n    <label\n      class=\"m-b-0\"\n      style=\"min-width: 120px\"\n      [title]=\"TO_DATE | translate\"\n      [for]=\"DATE_TO\"\n    >\n      {{ TO_DATE | translate }}\n    </label>\n    <div>\n      <c8y-date-time-picker\n        [class]=\"formGroup().controls.dateTo.errors ? HAS_ERROR : ''\"\n        id=\"DATE_TO\"\n        [minDate]=\"formGroup().controls.dateFrom.value ?? ''\"\n        [placeholder]=\"TO_DATE | translate\"\n        [formControl]=\"formGroup().controls.dateTo\"\n      ></c8y-date-time-picker>\n      <c8y-messages [show]=\"formGroup().controls.dateTo.errors ?? {}\">\n        <c8y-message\n          name=\"dateBeforeRangeMin\"\n          [text]=\"THIS_DATE_IS_BEFORE_THE_EARLIEST_ALLOWED_DATE | translate\"\n        ></c8y-message>\n        <c8y-message\n          name=\"INVALID_DATE_TIME\"\n          [text]=\"THIS_DATE_IS_INVALID | translate\"\n        ></c8y-message>\n      </c8y-messages>\n    </div>\n  </c8y-form-group>\n</fieldset>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i1.FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: i1.MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "component", type: i1.MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage", "additionalMessages"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.DateTimePickerComponent, selector: "c8y-date-time-picker", inputs: ["minDate", "maxDate", "placeholder", "dateInputFormat", "adaptivePosition", "size", "dateType", "config"], outputs: ["onDateSelected"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DataPointsExportSelectorTimeRangeComponent, decorators: [{
             type: Component,
@@ -1334,6 +1360,7 @@ class DatapointsExportSelectorFileExporterComponent {
          */
         this.hasFetchedDataAnyValuesToExport = false;
         this.hasPermissionToReadAnyMeasurements = false;
+        this.disabledExportModes = {};
         this.isCheckingPermissions = true;
         this._isPreviewLoading = true;
         /**
@@ -1395,15 +1422,21 @@ class DatapointsExportSelectorFileExporterComponent {
         this.isDataScopeVisible = !this.isListTypeOfExport;
         this.emitPreviewAvailability();
         const sourcesPermittedToRead = await this.dataFetchingService.getSourcesWithPermissionsToRead(this.exportConfig().datapointDetails);
-        this.isCheckingPermissions = false;
-        this.cdr.markForCheck();
         if (sourcesPermittedToRead.length === 0) {
+            this.isCheckingPermissions = false;
+            this.cdr.markForCheck();
             return;
         }
         if (sourcesPermittedToRead.length !== this.exportConfig().datapointDetails.length) {
             this.exportConfig().datapointDetails = this.exportConfig().datapointDetails.filter(dataPoint => sourcesPermittedToRead.includes(String(dataPoint.source)));
         }
+        const hasFullExportPermission = await this.dataFetchingService.hasPermissionToUseMeasurementsApi(this.exportConfig());
+        if (!hasFullExportPermission) {
+            this.disabledExportModes = { [EXPORT_MODE_VALUES.full]: true };
+        }
         this.hasPermissionToReadAnyMeasurements = true;
+        this.isCheckingPermissions = false;
+        this.cdr.markForCheck();
         this.storeInitialChangeableConfig();
         this.fileTypeSelectionState = this.getInitialSelection(this.dynamicFilesTypeMetadata, [0]);
         this.formGroup = this.createForm();
@@ -1845,7 +1878,7 @@ class DatapointsExportSelectorFileExporterComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DatapointsExportSelectorFileExporterComponent, deps: [{ token: i1.AggregationService }, { token: i0.ChangeDetectorRef }, { token: DataProcessingService }, { token: DatapointsExportSelectorFileExporterService }, { token: DataFetchingService }, { token: i2$1.FormBuilder }, { token: FILE_GENERATORS }, { token: i1.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DatapointsExportSelectorFileExporterComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-file-exporter", inputs: { exportConfig: { classPropertyName: "exportConfig", publicName: "exportConfig", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onDownloadButtonStateChange: "onDownloadButtonStateChange", previewAvailabilityChange: "previewAvailabilityChange", previewLoadingChange: "previewLoadingChange" }, ngImport: i0, template: "<div class=\"p-b-16\">\n  @if (isCheckingPermissions) {\n    <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 d-flex j-c-center\">\n      <c8y-loading></c8y-loading>\n    </div>\n  } @else if (hasPermissionToReadAnyMeasurements) {\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-r-24 p-l-24 gap-8 p-b-16\"\n      [class.separator-bottom]=\"isFullTypeOfExport\"\n    >\n      <c8y-datapoints-export-selector-time-range\n        [formGroup]=\"formGroup\"\n        (onDateFromChange)=\"onDateFromChange($event)\"\n        (onDateToChange)=\"onDateToChange($event)\"\n      ></c8y-datapoints-export-selector-time-range>\n      @if (isDataScopeVisible) {\n        <c8y-datapoints-export-selector-data-scope\n          [disabledAggregationOptions]=\"disabledAggregationOptions\"\n          [formGroup]=\"formGroup\"\n          (onAggregationChange)=\"onAggregationChange($event)\"\n          (onExportTypeChange)=\"onExportTypeChange($event)\"\n        ></c8y-datapoints-export-selector-data-scope>\n      }\n      <c8y-datapoints-export-selector-file-types\n        [dynamicFilesTypeMetadata]=\"dynamicFilesTypeMetadata\"\n        [formGroup]=\"formGroup\"\n      ></c8y-datapoints-export-selector-file-types>\n    </div>\n    @if (\n      !isFullTypeOfExport &&\n      !hasFetchedDataAnyValuesToExport &&\n      !isPreviewLoading &&\n      !isListTypeOfExport\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    }\n    @if (datapointsExceedingBrowserDownloadLimit.length > 0) {\n      <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 separator-bottom d-flex\">\n        <div\n          [class]=\"\n            hasNoExportableData\n              ? 'alert alert-warning center-block'\n              : 'alert alert-info center-block'\n          \"\n          role=\"alert\"\n          [attr.data-cy]=\"\n            hasNoExportableData\n              ? 'file-exporter--over-one-million-message'\n              : 'file-exporter--over-50k-message'\n          \"\n          [innerHTML]=\"limitExceededMessage\"\n        ></div>\n      </div>\n    }\n  } @else {\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  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: i1.LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DataPointsExportSelectorDataScopeComponent, selector: "c8y-datapoints-export-selector-data-scope", inputs: ["disabledAggregationOptions", "formGroup"], outputs: ["onAggregationChange", "onExportTypeChange"] }, { kind: "component", type: DataPointsExportSelectorFileTypesComponent, selector: "c8y-datapoints-export-selector-file-types", inputs: ["dynamicFilesTypeMetadata", "formGroup"] }, { kind: "component", type: DataPointsExportSelectorTimeRangeComponent, selector: "c8y-datapoints-export-selector-time-range", inputs: ["formGroup"], outputs: ["onDateFromChange", "onDateToChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DatapointsExportSelectorFileExporterComponent, isStandalone: true, selector: "c8y-datapoints-export-selector-file-exporter", inputs: { exportConfig: { classPropertyName: "exportConfig", publicName: "exportConfig", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onDownloadButtonStateChange: "onDownloadButtonStateChange", previewAvailabilityChange: "previewAvailabilityChange", previewLoadingChange: "previewLoadingChange" }, ngImport: i0, template: "<div class=\"p-b-16\">\n  @if (isCheckingPermissions) {\n    <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 d-flex j-c-center\">\n      <c8y-loading></c8y-loading>\n    </div>\n  } @else if (hasPermissionToReadAnyMeasurements) {\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-r-24 p-l-24 gap-8 p-b-16\"\n      [class.separator-bottom]=\"isFullTypeOfExport\"\n    >\n      <c8y-datapoints-export-selector-time-range\n        [formGroup]=\"formGroup\"\n        (onDateFromChange)=\"onDateFromChange($event)\"\n        (onDateToChange)=\"onDateToChange($event)\"\n      ></c8y-datapoints-export-selector-time-range>\n      @if (isDataScopeVisible) {\n        <c8y-datapoints-export-selector-data-scope\n          [disabledAggregationOptions]=\"disabledAggregationOptions\"\n          [formGroup]=\"formGroup\"\n          [disabledExportModes]=\"disabledExportModes\"\n          (onAggregationChange)=\"onAggregationChange($event)\"\n          (onExportTypeChange)=\"onExportTypeChange($event)\"\n        ></c8y-datapoints-export-selector-data-scope>\n      }\n      <c8y-datapoints-export-selector-file-types\n        [dynamicFilesTypeMetadata]=\"dynamicFilesTypeMetadata\"\n        [formGroup]=\"formGroup\"\n      ></c8y-datapoints-export-selector-file-types>\n    </div>\n    @if (\n      !isFullTypeOfExport &&\n      !hasFetchedDataAnyValuesToExport &&\n      !isPreviewLoading &&\n      !isListTypeOfExport\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    }\n    @if (datapointsExceedingBrowserDownloadLimit.length > 0) {\n      <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 separator-bottom d-flex\">\n        <div\n          [class]=\"\n            hasNoExportableData\n              ? 'alert alert-warning center-block'\n              : 'alert alert-info center-block'\n          \"\n          role=\"alert\"\n          [attr.data-cy]=\"\n            hasNoExportableData\n              ? 'file-exporter--over-one-million-message'\n              : 'file-exporter--over-50k-message'\n          \"\n          [innerHTML]=\"limitExceededMessage\"\n        ></div>\n      </div>\n    }\n  } @else {\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  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: i1.LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DataPointsExportSelectorDataScopeComponent, selector: "c8y-datapoints-export-selector-data-scope", inputs: ["disabledAggregationOptions", "formGroup", "disabledExportModes"], outputs: ["onAggregationChange", "onExportTypeChange"] }, { kind: "component", type: DataPointsExportSelectorFileTypesComponent, selector: "c8y-datapoints-export-selector-file-types", inputs: ["dynamicFilesTypeMetadata", "formGroup"] }, { kind: "component", type: DataPointsExportSelectorTimeRangeComponent, selector: "c8y-datapoints-export-selector-time-range", inputs: ["formGroup"], outputs: ["onDateFromChange", "onDateToChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DatapointsExportSelectorFileExporterComponent, decorators: [{
             type: Component,
@@ -1855,7 +1888,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         DataPointsExportSelectorFileTypesComponent,
                         DataPointsExportSelectorTimeRangeComponent,
                         ReactiveFormsModule
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"p-b-16\">\n  @if (isCheckingPermissions) {\n    <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 d-flex j-c-center\">\n      <c8y-loading></c8y-loading>\n    </div>\n  } @else if (hasPermissionToReadAnyMeasurements) {\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-r-24 p-l-24 gap-8 p-b-16\"\n      [class.separator-bottom]=\"isFullTypeOfExport\"\n    >\n      <c8y-datapoints-export-selector-time-range\n        [formGroup]=\"formGroup\"\n        (onDateFromChange)=\"onDateFromChange($event)\"\n        (onDateToChange)=\"onDateToChange($event)\"\n      ></c8y-datapoints-export-selector-time-range>\n      @if (isDataScopeVisible) {\n        <c8y-datapoints-export-selector-data-scope\n          [disabledAggregationOptions]=\"disabledAggregationOptions\"\n          [formGroup]=\"formGroup\"\n          (onAggregationChange)=\"onAggregationChange($event)\"\n          (onExportTypeChange)=\"onExportTypeChange($event)\"\n        ></c8y-datapoints-export-selector-data-scope>\n      }\n      <c8y-datapoints-export-selector-file-types\n        [dynamicFilesTypeMetadata]=\"dynamicFilesTypeMetadata\"\n        [formGroup]=\"formGroup\"\n      ></c8y-datapoints-export-selector-file-types>\n    </div>\n    @if (\n      !isFullTypeOfExport &&\n      !hasFetchedDataAnyValuesToExport &&\n      !isPreviewLoading &&\n      !isListTypeOfExport\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    }\n    @if (datapointsExceedingBrowserDownloadLimit.length > 0) {\n      <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 separator-bottom d-flex\">\n        <div\n          [class]=\"\n            hasNoExportableData\n              ? 'alert alert-warning center-block'\n              : 'alert alert-info center-block'\n          \"\n          role=\"alert\"\n          [attr.data-cy]=\"\n            hasNoExportableData\n              ? 'file-exporter--over-one-million-message'\n              : 'file-exporter--over-50k-message'\n          \"\n          [innerHTML]=\"limitExceededMessage\"\n        ></div>\n      </div>\n    }\n  } @else {\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  }\n</div>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"p-b-16\">\n  @if (isCheckingPermissions) {\n    <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 d-flex j-c-center\">\n      <c8y-loading></c8y-loading>\n    </div>\n  } @else if (hasPermissionToReadAnyMeasurements) {\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-r-24 p-l-24 gap-8 p-b-16\"\n      [class.separator-bottom]=\"isFullTypeOfExport\"\n    >\n      <c8y-datapoints-export-selector-time-range\n        [formGroup]=\"formGroup\"\n        (onDateFromChange)=\"onDateFromChange($event)\"\n        (onDateToChange)=\"onDateToChange($event)\"\n      ></c8y-datapoints-export-selector-time-range>\n      @if (isDataScopeVisible) {\n        <c8y-datapoints-export-selector-data-scope\n          [disabledAggregationOptions]=\"disabledAggregationOptions\"\n          [formGroup]=\"formGroup\"\n          [disabledExportModes]=\"disabledExportModes\"\n          (onAggregationChange)=\"onAggregationChange($event)\"\n          (onExportTypeChange)=\"onExportTypeChange($event)\"\n        ></c8y-datapoints-export-selector-data-scope>\n      }\n      <c8y-datapoints-export-selector-file-types\n        [dynamicFilesTypeMetadata]=\"dynamicFilesTypeMetadata\"\n        [formGroup]=\"formGroup\"\n      ></c8y-datapoints-export-selector-file-types>\n    </div>\n    @if (\n      !isFullTypeOfExport &&\n      !hasFetchedDataAnyValuesToExport &&\n      !isPreviewLoading &&\n      !isListTypeOfExport\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    }\n    @if (datapointsExceedingBrowserDownloadLimit.length > 0) {\n      <div class=\"p-t-24 p-r-16 p-l-16 p-b-16 separator-bottom d-flex\">\n        <div\n          [class]=\"\n            hasNoExportableData\n              ? 'alert alert-warning center-block'\n              : 'alert alert-info center-block'\n          \"\n          role=\"alert\"\n          [attr.data-cy]=\"\n            hasNoExportableData\n              ? 'file-exporter--over-one-million-message'\n              : 'file-exporter--over-50k-message'\n          \"\n          [innerHTML]=\"limitExceededMessage\"\n        ></div>\n      </div>\n    }\n  } @else {\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  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.AggregationService }, { type: i0.ChangeDetectorRef }, { type: DataProcessingService }, { type: DatapointsExportSelectorFileExporterService }, { type: DataFetchingService }, { type: i2$1.FormBuilder }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [FILE_GENERATORS]