@c8y/ngx-components 1021.55.2 → 1021.56.4

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

@@ -16,7 +16,7 @@ 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';
+import * as i4 from 'ngx-bootstrap/tooltip';
 import { TooltipModule } from 'ngx-bootstrap/tooltip';
 
 const HAS_ERROR = 'has-error';
@@ -481,8 +481,6 @@ class DataFetchingService {
         let measurements;
         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?
             measurements = await this.measurementService.list(filter);
         }
         catch (error) {
@@ -1872,6 +1870,7 @@ class DatapointsExportSelectorComponent {
         this.bsModalService = bsModalService;
         this.gainsightService = gainsightService;
         this.isOpen = new EventEmitter();
+        this.DEFAULT_CSS_STYLE = 'd-flex p-t-4 p-b-4';
     }
     async openExportModal() {
         this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE_DATAPOINTS_EXPORT_SELECTOR.EVENTS.EXPORT_SELECTOR, {
@@ -1894,12 +1893,14 @@ class DatapointsExportSelectorComponent {
         this.isOpen.emit(await modalRef.result);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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.13", 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\n  <ng-template #actionBarBtn>\n    <button\n      class=\"btn btn-link\"\n      type=\"button\"\n      (click)=\"openExportModal()\"\n      [disabled]=\"!exportConfig\"\n    >\n      <i c8yIcon=\"data-export\"></i>\n      {{ 'Generate export' | translate }}\n    </button>\n  </ng-template>\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.13", type: DatapointsExportSelectorComponent, isStandalone: true, selector: "c8y-datapoints-export-selector", inputs: { containerClass: "containerClass", exportConfig: "exportConfig" }, outputs: { isOpen: "isOpen" }, ngImport: i0, template: "<ng-container *ngIf=\"containerClass !== 'd-contents'; else actionBarBtn\">\n  <div\n    class=\"input-group-btn\"\n    [ngClass]=\"containerClass || DEFAULT_CSS_STYLE\"\n  >\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      data-cy=\"datapoints-export-selector--open-export-button\"\n      (click)=\"openExportModal()\"\n      [adaptivePosition]=\"false\"\n      [disabled]=\"!exportConfig\"\n      [delay]=\"500\"\n    >\n      <i\n        class=\"icon-14\"\n        c8yIcon=\"data-export\"\n      ></i>\n    </button>\n  </div>\n</ng-container>\n\n<ng-template #actionBarBtn>\n  <button\n    class=\"btn btn-link\"\n    type=\"button\"\n    (click)=\"openExportModal()\"\n    [disabled]=\"!exportConfig\"\n  >\n    <i c8yIcon=\"data-export\"></i>\n    {{ 'Generate export' | translate }}\n  </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "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: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.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.13", ngImport: i0, type: DatapointsExportSelectorComponent, decorators: [{
             type: Component,
-            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\n  <ng-template #actionBarBtn>\n    <button\n      class=\"btn btn-link\"\n      type=\"button\"\n      (click)=\"openExportModal()\"\n      [disabled]=\"!exportConfig\"\n    >\n      <i c8yIcon=\"data-export\"></i>\n      {{ 'Generate export' | translate }}\n    </button>\n  </ng-template>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.BsModalService }, { type: i1.GainsightService }], propDecorators: { exportConfig: [{
+            args: [{ selector: 'c8y-datapoints-export-selector', standalone: true, imports: [CommonModule, TooltipModule], template: "<ng-container *ngIf=\"containerClass !== 'd-contents'; else actionBarBtn\">\n  <div\n    class=\"input-group-btn\"\n    [ngClass]=\"containerClass || DEFAULT_CSS_STYLE\"\n  >\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      data-cy=\"datapoints-export-selector--open-export-button\"\n      (click)=\"openExportModal()\"\n      [adaptivePosition]=\"false\"\n      [disabled]=\"!exportConfig\"\n      [delay]=\"500\"\n    >\n      <i\n        class=\"icon-14\"\n        c8yIcon=\"data-export\"\n      ></i>\n    </button>\n  </div>\n</ng-container>\n\n<ng-template #actionBarBtn>\n  <button\n    class=\"btn btn-link\"\n    type=\"button\"\n    (click)=\"openExportModal()\"\n    [disabled]=\"!exportConfig\"\n  >\n    <i c8yIcon=\"data-export\"></i>\n    {{ 'Generate export' | translate }}\n  </button>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.BsModalService }, { type: i1.GainsightService }], propDecorators: { containerClass: [{
+                type: Input
+            }], exportConfig: [{
                 type: Input
             }], isOpen: [{
                 type: Output