nuxeo-development-framework 6.1.2 → 6.1.4

package/bundles/nuxeo-development-framework.umd.js

@@ -16191,21 +16191,22 @@
           this._ndfTransformService = _ndfTransformService;
       }
       AggregationFieldService.prototype.prepareAggregationFiled = function (data) {
-          var _a, _b;
+          var _a;
           return !!((_a = data.fieldConfig) === null || _a === void 0 ? void 0 : _a.dataTransformer)
-              ? this._transformData(data.aggregation, (_b = data.fieldConfig) === null || _b === void 0 ? void 0 : _b.dataTransformer)
+              ? this._transformData(data.aggregation, data.fieldConfig)
               : this._prepareOptions(data);
       };
-      AggregationFieldService.prototype._prepareOptions = function (_c) {
+      AggregationFieldService.prototype._prepareOptions = function (_b) {
           var _this = this;
-          var fieldConfig = _c.fieldConfig, aggregation = _c.aggregation;
+          var fieldConfig = _b.fieldConfig, aggregation = _b.aggregation;
           return rxjs.of(aggregation).pipe(operators.map(function (aggregation) {
               var _items = ___default["default"].get(aggregation, (fieldConfig === null || fieldConfig === void 0 ? void 0 : fieldConfig.propertyPath) || 'buckets') || [];
               return _items.map(function (item) { return _this._mapOption(item, fieldConfig); });
           }));
       };
-      AggregationFieldService.prototype._transformData = function (aggregation, transformer) {
+      AggregationFieldService.prototype._transformData = function (aggregation, config) {
           var _this = this;
+          var transformer = config.dataTransformer;
           var _key = function (k) { return ("" + k).split('/').pop(); };
           var createMappedData = function (res, aggregation) {
               return res.map(function (item) {
@@ -16216,7 +16217,7 @@
           };
           var dataMappers = {
               subject: function (res, aggregation) { return createMappedData(res, aggregation); },
-              format: function (res, aggregation) { return createMappedData(res, aggregation); }
+              format: function (res, aggregation) { return createMappedData(res, aggregation); },
           };
           if (!this._ndfTransformService.has(transformer)) {
               throw new Error("No transformer defined for type: " + transformer);
@@ -16235,13 +16236,14 @@
       };
       AggregationFieldService.prototype._createFilterOption = function (item, docCount) {
           var code = item.code || item.id;
-          return {
+          var option = {
               id: code,
               label: item.code,
               value: code,
               count: docCount,
-              localizedLabel: { ar: item.arabicTitle, en: item.englishTitle }
+              localizedLabel: { ar: item.arabicTitle, en: item.englishTitle },
           };
+          return option;
       };
       AggregationFieldService.prototype._mapOption = function (item, config) {
           var prefix = (config === null || config === void 0 ? void 0 : config.prefix) || '';
@@ -16255,22 +16257,31 @@
               localizedLabel: config.bindLabel
                   ? {
                       ar: ___default["default"].get(item, config === null || config === void 0 ? void 0 : config.bindLabel.ar),
-                      en: ___default["default"].get(item, config === null || config === void 0 ? void 0 : config.bindLabel.en)
+                      en: ___default["default"].get(item, config === null || config === void 0 ? void 0 : config.bindLabel.en),
                   }
-                  : null
+                  : null,
           };
           if (config === null || config === void 0 ? void 0 : config.tooltip) {
               var _a = config === null || config === void 0 ? void 0 : config.tooltip, properties = _a.properties, tooltipConfig = __rest(_a, ["properties"]);
               option.tooltip = {
                   config: tooltipConfig,
-                  values: this._prepareTooltip(item, config === null || config === void 0 ? void 0 : config.tooltip) || null
+                  values: this._prepareTooltip(item, config === null || config === void 0 ? void 0 : config.tooltip) || null,
+              };
+          }
+          var keys = Object.keys(item);
+          if (keys.includes('from') || keys.includes('to')) {
+              option.constraints = {
+                  range: {
+                      from: item === null || item === void 0 ? void 0 : item.from,
+                      to: item.to,
+                  },
               };
           }
           return option;
       };
       AggregationFieldService.prototype._prepareTooltip = function (item, config) {
-          return Object.entries(config.properties).reduce(function (acc, _c) {
-              var _d = __read(_c, 1), key = _d[0];
+          return Object.entries(config.properties).reduce(function (acc, _b) {
+              var _c = __read(_b, 1), key = _c[0];
               var val = ___default["default"].get(item, key);
               if (val) {
                   acc[key] = val;
@@ -16285,7 +16296,7 @@
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationFieldService, decorators: [{
               type: i0.Injectable,
               args: [{
-                      providedIn: 'root'
+                      providedIn: 'root',
                   }]
           }], ctorParameters: function () { return [{ type: NdfTransformService }]; } });
 
@@ -19677,11 +19688,16 @@
           }
       };
       AggregationDateListComponent.prototype._initValue = function (obj) {
+          var _a;
           if (!isFieldValueObject(obj)) {
               this._handleSelection(obj);
               return;
           }
           var min = obj.min, max = obj.max, value = obj.value;
+          if ((_a = this.renderOptions) === null || _a === void 0 ? void 0 : _a.convertTime) {
+              this._handleConvertedTime(this._dateToTimestamp(min), this._dateToTimestamp(max));
+              return;
+          }
           if (min || max) {
               this.minMaxDateCtrl.patchValue({ min: min, max: max }, { emitEvent: false });
           }
@@ -19689,12 +19705,19 @@
               this._handleSelection(value);
           }
       };
+      AggregationDateListComponent.prototype._handleConvertedTime = function (from, to) {
+          var options = this._optionsSub.getValue();
+          var option = this.findByRange(options, { from: from, to: to });
+          if (option) {
+              this.selectionModel.select(option === null || option === void 0 ? void 0 : option.value);
+          }
+      };
       AggregationDateListComponent.prototype._handleSelection = function (values) {
-          var _b;
+          var _c;
           this.internalValue = values;
           if (this._isList()) {
               var selectedValues = Array.isArray(values) ? values : [values];
-              (_b = this.selectionModel).select.apply(_b, __spreadArray([], __read(selectedValues)));
+              (_c = this.selectionModel).select.apply(_c, __spreadArray([], __read(selectedValues)));
           }
       };
       AggregationDateListComponent.prototype.ngOnInit = function () {
@@ -19704,13 +19727,31 @@
           this._updateVisibility();
       };
       AggregationDateListComponent.prototype.updateValueSelection = function (value) {
-          var _a;
-          this._onChange(value);
+          var _a, _b;
+          this._onChange(!!((_a = this.renderOptions) === null || _a === void 0 ? void 0 : _a.convertTime) ? this._convertToTime(value) : value);
           if (this.renderOptions.minMax) {
-              var _emitEvent = ((_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.sendMode) === FIELD_SEND_MODE.queryParam;
+              var _emitEvent = ((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.sendMode) === FIELD_SEND_MODE.queryParam;
               this._resetMinMaxCtrl(_emitEvent);
           }
       };
+      AggregationDateListComponent.prototype._convertToTime = function (value) {
+          var _a;
+          var _c = __read(value, 1), _val = _c[0];
+          var options = this._optionsSub.getValue();
+          var option = options.find(function (opt) { return opt.value === _val; });
+          if (option && ((_a = option.constraints) === null || _a === void 0 ? void 0 : _a.range)) {
+              var _d = option.constraints.range, from = _d.from, to = _d.to;
+              var _val_1 = {
+                  min: this._toEndOfDayISO(from),
+                  max: this._toEndOfDayISO(to),
+              };
+              if (this._isValueObject()) {
+                  return this._prepareValueRange(_val_1);
+              }
+              return _val_1;
+          }
+          return value;
+      };
       AggregationDateListComponent.prototype.updateSelectValue = function (value) {
           this.updateValueSelection([value]);
       };
@@ -19723,13 +19764,15 @@
           this._internalReset();
           this._isFieldDirty = !!_hasData;
           if (this._isValueObject()) {
-              var _operator = NxQL._getRangeOperator(value);
-              var _val = NxQL._getValueRange(value, 'DATE', _operator);
-              this._onChange(_val);
+              this._onChange(this._prepareValueRange(value));
               return;
           }
           this._onChange(value);
       };
+      AggregationDateListComponent.prototype._prepareValueRange = function (value) {
+          var _operator = NxQL._getRangeOperator(value);
+          return NxQL._getValueRange(value, 'DATE', _operator);
+      };
       AggregationDateListComponent.prototype.updateValue = function (value) {
           this.internalValue = value;
           this._onChange(value);
@@ -19746,7 +19789,9 @@
           }
           if (this._isSendAsQueryParams()) {
               formGroup.addControl(this.fieldConfig.aggregation + "__minMaxDate", this.minMaxDateCtrl);
-              this.minMaxDateCtrl.valueChanges.pipe(operators.takeUntil(this.destroy$)).subscribe(function (_) {
+              this.minMaxDateCtrl.valueChanges
+                  .pipe(operators.takeUntil(this.destroy$))
+                  .subscribe(function (_) {
                   _this._internalReset();
                   _this.updateValue(null);
               });
@@ -19765,23 +19810,21 @@
       };
       AggregationDateListComponent.prototype._addSelectionListener = function () {
           var _this = this;
-          if (!!this.renderOptions.view && this.renderOptions.view !== DATE_LIST_VIEW.list) {
+          if (!!this.renderOptions.view &&
+              this.renderOptions.view !== DATE_LIST_VIEW.list) {
               return;
           }
           this.selectionModel.changed
               .asObservable()
               .pipe(operators.map(function (data) { return data.source.selected; }), operators.takeUntil(this.destroy$))
               .subscribe(function (value) {
-              if (_this.renderOptions.minMax) {
-                  _this._resetMinMaxCtrl(false);
-              }
               _this.updateValueSelection(value);
           });
       };
       AggregationDateListComponent.prototype._resetMinMaxCtrl = function (emitEvent) {
           if (emitEvent === void 0) { emitEvent = true; }
           this.minMaxDateCtrl.reset(null, {
-              emitEvent: emitEvent
+              emitEvent: emitEvent,
           });
       };
       AggregationDateListComponent.prototype._internalReset = function () {
@@ -19816,6 +19859,27 @@
               }
           });
       };
+      AggregationDateListComponent.prototype._toEndOfDayISO = function (timestamp) {
+          moment__default$1["default"].locale('en');
+          return moment__default$1["default"](timestamp).format('YYYY-MM-DDTHH:mm:ssZ');
+      };
+      AggregationDateListComponent.prototype._dateToTimestamp = function (date) {
+          moment__default$1["default"].locale('en');
+          return moment__default$1["default"].parseZone(date).valueOf();
+      };
+      AggregationDateListComponent.prototype.normalize = function (ts) {
+          return moment__default$1["default"](ts).startOf('second').valueOf();
+      };
+      AggregationDateListComponent.prototype.findByRange = function (list, range) {
+          var _this = this;
+          var from = this.normalize(range.from);
+          var to = this.normalize(range.to);
+          return list.find(function (item) {
+              var itemFrom = _this.normalize(item.constraints.range.from);
+              var itemTo = _this.normalize(item.constraints.range.to);
+              return itemFrom === from && itemTo === to;
+          });
+      };
       return AggregationDateListComponent;
   }(BaseAggregationField));
   AggregationDateListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationDateListComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
@@ -19823,13 +19887,13 @@
           {
               provide: i2.NG_VALUE_ACCESSOR,
               useExisting: i0.forwardRef(function () { return AggregationDateListComponent; }),
-              multi: true
+              multi: true,
           },
           {
               provide: i2.NG_VALIDATORS,
               useExisting: i0.forwardRef(function () { return AggregationDateListComponent; }),
-              multi: true
-          }
+              multi: true,
+          },
       ], usesInheritance: true, ngImport: i0__namespace, template: "<div *ngIf=\"options$ | async as options\">\r\n\t<field-header *ngIf=\"fieldConfig.label && !renderOptions?.hideLabel\" class=\"filter-date-list__label\">{{\r\n\t\tfieldConfig.label | translate\r\n\t}}</field-header>\r\n\r\n\t<div class=\"filter-date-list__wrapper\">\r\n\t\t<ng-container *ngIf=\"!renderOptions?.view || renderOptions.view === viewLayout.list\">\r\n\t\t\t<mat-radio-button\r\n\t\t\t\tclass=\"filter-date-list__item\"\r\n\t\t\t\t*ngFor=\"let option of options; index as index\"\r\n\t\t\t\t[checked]=\"selectionModel.isSelected(option.value)\"\r\n\t\t\t\t(change)=\"selectionModel.toggle(option.value)\"\r\n\t\t\t\t[class.checkedBox]=\"selectionModel.isSelected(option.value)\"\r\n\t\t\t\t[class.unCheckedBox]=\"!selectionModel.isSelected(option.value)\"\r\n\t\t\t>\r\n\t\t\t\t<ng-container\r\n\t\t\t\t\t[ngTemplateOutlet]=\"contentTemplate || defaultTemplate\"\r\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: option, fieldConfig, aggregation }\"\r\n\t\t\t\t></ng-container>\r\n\r\n\t\t\t\t<ng-template #defaultTemplate>\r\n\t\t\t\t\t<filter-option-text\r\n\t\t\t\t\t\t[option]=\"option\"\r\n\t\t\t\t\t\t[language]=\"language\"\r\n\t\t\t\t\t\t[showCount]=\"renderOptions?.showTotal\"\r\n\t\t\t\t\t></filter-option-text>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</mat-radio-button>\r\n\r\n\t\t\t<button *ngIf=\"selectionModel.hasValue()\" mat-flat-button class=\"mb-2\" (click)=\"clearSelected()\">\r\n\t\t\t\t{{ 'FILTERS.clear' | translate }}\r\n\t\t\t</button>\r\n\t\t</ng-container>\r\n\r\n\t\t<ng-container *ngIf=\"renderOptions.view === viewLayout.dropdown\">\r\n\t\t\t<ng-select\r\n\t\t\t\tclass=\"filter-date-list__select\"\r\n\t\t\t\t[items]=\"options\"\r\n\t\t\t\tbindValue=\"value\"\r\n\t\t\t\t[multiple]=\"false\"\r\n\t\t\t\t[ngModel]=\"internalValue\"\r\n\t\t\t\t(ngModelChange)=\"updateSelectValue($event)\"\r\n\t\t\t\t[notFoundText]=\"emptyPlaceholder || 'SELECT.notFoundText' | translate\"\r\n\t\t\t\t[placeholder]=\"'SELECT.placeholder' | translate\"\r\n\t\t\t\t[clearAllText]=\"'SELECT.clearAllText' | translate\"\r\n\t\t\t\t[typeToSearchText]=\"'SELECT.typeToSearchText' | translate\"\r\n\t\t\t\t[searchable]=\"false\"\r\n\t\t\t>\r\n\t\t\t\t<ng-template ng-option-tmp let-item=\"item\">\r\n\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t[ngTemplateOutlet]=\"contentTemplate || defaultTemplate\"\r\n\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item, fieldConfig, aggregation }\"\r\n\t\t\t\t\t></ng-container>\r\n\r\n\t\t\t\t\t<ng-template #defaultTemplate>\r\n\t\t\t\t\t\t<filter-option-text\r\n\t\t\t\t\t\t\t[option]=\"item\"\r\n\t\t\t\t\t\t\t[language]=\"language\"\r\n\t\t\t\t\t\t\t[showCount]=\"renderOptions?.showTotal\"\r\n\t\t\t\t\t\t></filter-option-text>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t</ng-template>\r\n\r\n\t\t\t\t<ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\r\n\t\t\t\t\t<div *ngFor=\"let item of items\" class=\"ng-value\">\r\n\t\t\t\t\t\t<span class=\"ng-value-label\">{{ item | localizedLabel : language }}</span>\r\n\t\t\t\t\t\t<button class=\"ng-value-icon left\" (click)=\"clear(item)\" aria-hidden=\"true\">\u00D7</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</ng-template>\r\n\r\n\t\t\t\t<ng-template ng-label-tmp let-item=\"item\">\r\n\t\t\t\t\t<filter-option-text\r\n\t\t\t\t\t\t[option]=\"item\"\r\n\t\t\t\t\t\t[language]=\"language\"\r\n\t\t\t\t\t\t[showCount]=\"renderOptions?.showTotal\"\r\n\t\t\t\t\t></filter-option-text>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</ng-select>\r\n\t\t</ng-container>\r\n\r\n\t\t<filter-date-range\r\n\t\t\tclass=\"filter-date-list__range\"\r\n\t\t\t*ngIf=\"renderOptions?.minMax\"\r\n\t\t\t[formControl]=\"minMaxDateCtrl\"\r\n\t\t></filter-date-range>\r\n\t</div>\r\n</div>\r\n", styles: [".filter-date-list{display:var(--fdl-display, block)}.filter-date-list__label{display:var(--fdl-label-display, block);margin-block:var(--fdl-label-margin-block, 0 .5rem);margin-inline:var(--fdl-label-margin-inline, 0 .2rem);padding:var(--fdl-padding, .2rem);font-weight:var(--fdl-weight, 600)}.filter-date-list__wrapper{display:var(--fdl-wrapper-display, flex);flex-direction:var(--fdl-wrapper-direction, column)}.filter-date-list__item{padding-inline-start:.5rem;margin-bottom:var(--fdl-row-margin-bottom, .3rem)}.filter-date-list__item .mat-radio-label{display:flex}.filter-date-list__item .mat-radio-label .mat-radio-label-content{flex-grow:1}.filter-date-list__select{margin-bottom:var(--fdl-row-margin-bottom, .3rem)}.filter-date-list__range{margin-top:var(--fdl-range-margin-top, .5rem);display:var(--fdl-range-display, flex);flex-direction:var(--fdl-range-direction, column)}\n"], components: [{ type: FieldHeaderComponent, selector: "field-header" }, { type: i2__namespace$5.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: FilterOptionTextComponent, selector: "filter-option-text", inputs: ["option", "showCount", "language"] }, { type: i1__namespace$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5__namespace.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: FilterDateRangeComponent, selector: "filter-date-range" }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5__namespace.ɵf, selector: "[ng-option-tmp]" }, { type: i5__namespace.ɵi, selector: "[ng-multi-label-tmp]" }, { type: i5__namespace.ɵh, selector: "[ng-label-tmp]" }, { type: i2__namespace$4.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "async": i4__namespace$1.AsyncPipe, "translate": i1__namespace.TranslatePipe, "localizedLabel": LocalizedLabelPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.Default, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationDateListComponent, decorators: [{
               type: i0.Component,
@@ -19843,17 +19907,17 @@
                           {
                               provide: i2.NG_VALUE_ACCESSOR,
                               useExisting: i0.forwardRef(function () { return AggregationDateListComponent; }),
-                              multi: true
+                              multi: true,
                           },
                           {
                               provide: i2.NG_VALIDATORS,
                               useExisting: i0.forwardRef(function () { return AggregationDateListComponent; }),
-                              multi: true
-                          }
+                              multi: true,
+                          },
                       ],
                       host: {
-                          class: 'filter-date-list'
-                      }
+                          class: 'filter-date-list',
+                      },
                   }]
           }], propDecorators: { _controlContainer: [{
                   type: i0.Optional
@@ -48650,7 +48714,7 @@
       return NdfReportsComponent;
   }(DestroySubject));
   NdfReportsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfReportsComponent, deps: [{ token: i1__namespace.TranslateService }, { token: FiltersMapperService }, { token: NdfReportsService }, { token: ChartManagerService }, { token: ReportTransformService }, { token: i0__namespace.ChangeDetectorRef }, { token: FilterQueryService }, { token: ReportsStateService }, { token: ReportConfigurationService }, { token: i1__namespace$5.Router }, { token: i0__namespace.NgZone }, { token: ReportsHooksService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  NdfReportsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfReportsComponent, selector: "app-ndf-reports", inputs: { jsonEditorEnabled: "jsonEditorEnabled", reportsKey: "reportsKey", navigateRoute: "navigateRoute", loadCondition: "loadCondition", config: "config" }, outputs: { onQueryChange: "onQueryChange" }, host: { properties: { "dir": "direction" }, classAttribute: "ndf-reports" }, queries: [{ propertyName: "filterCustomTemplate", first: true, predicate: CUSTOM_TEMPLATE, descendants: true, read: i0.TemplateRef }, { propertyName: "headerPanelTemplate", first: true, predicate: HEADER_PANEL_TEMPLATE, descendants: true, read: i0.TemplateRef }, { propertyName: "emptyContentTemplate", first: true, predicate: EMPTY_CONTENT_TEMPLATE, descendants: true, read: i0.TemplateRef }], viewQueries: [{ propertyName: "fluidDirective", first: true, predicate: FluidHeightDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<div\r\n  class=\"ndf-reports__container\"\r\n  [class.panel-opened]=\"isPanelOpened && filtersConfig\"\r\n  [dir]=\"direction\"\r\n  ndfFluidHeight\r\n>\r\n  <div\r\n    class=\"absolute flex justify-center items-center loading-result\"\r\n    *ngIf=\"isLoadingResult && callLoadCondition()\"\r\n  >\r\n    <mat-spinner class=\"mt-5 mx-auto\" [diameter]=\"48\"></mat-spinner>\r\n  </div>\r\n\r\n  <div class=\"ndf-reports__panel print:hidden\">\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"headerPanelTemplate\"\r\n      [ngTemplateOutletContext]=\"{\r\n        $implicit: aggregations,\r\n        filterChanged: filterChanged,\r\n        activeQuery: activeQuery,\r\n        triggerUpdate: triggerUpdate,\r\n        reset: resetFilters,\r\n        config: config\r\n      }\"\r\n    ></ng-container>\r\n\r\n    <app-filters-panel\r\n      *ngIf=\"!!filtersConfig?.fields?.length && callLoadCondition()\"\r\n      [fields]=\"filtersConfig?.fields\"\r\n      [aggregations]=\"aggregations\"\r\n      (filterChanged)=\"filterChanged($event)\"\r\n      [activeQuery]=\"activeFiltersQuery$ | async\"\r\n      class=\"ndf-reports__filters\"\r\n      [customTemplateRef]=\"filterCustomTemplate\"\r\n    ></app-filters-panel>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"callLoadCondition(); else emptyContent\">\r\n    <div\r\n      class=\"ndf-reports__content\"\r\n      (scrolled)=\"onContentScroll($event)\"\r\n      *ngIf=\"reportsData$ | async as reports\"\r\n    >\r\n      <div class=\"ndf-reports__header flex pt-4 print:hidden\">\r\n        <button\r\n          mat-stroked-button\r\n          class=\"toggle-button\"\r\n          (click)=\"togglePanel()\"\r\n        >\r\n          <mat-icon> filter_alt</mat-icon>\r\n        </button>\r\n        <app-editor-button\r\n          *ngIf=\"jsonEditorEnabled && reportsKey\"\r\n          [key]=\"reportsKey\"\r\n          [type]=\"editorType\"\r\n        ></app-editor-button>\r\n        <button\r\n          mat-stroked-button\r\n          *ngIf=\"config?.options?.print\"\r\n          class=\"print-button\"\r\n          (click)=\"printAll()\"\r\n        >\r\n          <mat-icon> print</mat-icon>\r\n        </button>\r\n      </div>\r\n\r\n      <div class=\"reports-grid\" *ngIf=\"!isLoadingResult\">\r\n        <app-ndf-report\r\n          *ngFor=\"let config of reportConfig.items; trackBy: trackByFn\"\r\n          [config]=\"config\"\r\n          [data]=\"reports?.response\"\r\n          [criteria]=\"filtersParams$ | async\"\r\n          [direction]=\"direction\"\r\n          [attr.data-width]=\"config?.layout?.width || 4\"\r\n          [attr.data-height]=\"config?.layout?.height || 'auto'\"\r\n          [attr.data-start-column]=\"config?.layout?.columnPosition || 'auto'\"\r\n          [attr.data-start-row]=\"config?.layout?.rowPosition || 'auto'\"\r\n          [class.wide]=\"config?.layout?.width >= 6\"\r\n          [style]=\"config?.layout?.style\"\r\n          class=\"reports-grid__item {{ config?.layout?.styleClass }} \"\r\n          (onNavigate)=\"onNavigate($event)\"\r\n          (onOpen)=\"openReportDetails($event, config)\"\r\n        ></app-ndf-report>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  <div\r\n    class=\"ndf-reports__details print:hidden\"\r\n    [class.opened]=\"showDetails\"\r\n    [@slideInOut]=\"showDetails ? 'open' : 'closed'\"\r\n    (@slideInOut.done)=\"onDetailsAnimationEnd($event)\"\r\n  >\r\n    <app-ndf-table\r\n      *ngIf=\"reportDetails$ | async as report\"\r\n      [config]=\"report.config\"\r\n      [activeQuery]=\"activeFiltersQuery$ | async\"\r\n      [customCriteria]=\"detailsFiltersParams$ | async\"\r\n    >\r\n      <ng-template searchTableTemplate let-toggle=\"togglePanel\">\r\n        <div class=\"ndf-reports__details__header flex gap-2\">\r\n          <button mat-stroked-button class=\"toggle-button\" (click)=\"toggle()\">\r\n            <mat-icon> filter_alt</mat-icon>\r\n          </button>\r\n          <button\r\n            mat-stroked-button\r\n            class=\"close-button\"\r\n            (click)=\"closeDetailsPanel()\"\r\n          >\r\n            <mat-icon> close</mat-icon>\r\n          </button>\r\n        </div>\r\n        <h3>\r\n          {{ report.label | translate }}\r\n        </h3>\r\n      </ng-template>\r\n    </app-ndf-table>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #emptyContent>\r\n  <div class=\"ndf-reports__content flex items-center flex-grow-1\">\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"emptyContentTemplate || defaultEmptyContent\"\r\n    ></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultEmptyContent>\r\n  <div class=\"no-data mt-26\">\r\n    {{ 'noData' | translate }}\r\n  </div>\r\n</ng-template>\r\n", styles: [":host{--table-dev-height: var(--ndf-reports-table-dev-height, auto);--report-height: var(--ndf-reports-report-height, 430px);--cp-height: var(--report-height);padding-inline:var(--ndf-reports-inline-padding, 0);padding-block:var(--ndf-reports-block-padding, .5rem 0);height:100%;position:relative;display:flex;flex-direction:column;background-color:var(--ndf-reports-background, #fff);box-sizing:border-box;max-width:100%;flex:0 0 100%}:host:before,:host:after{box-sizing:border-box}:host[dir=ltr]{--ndf-reports-panel-translateX: -100%;--ndf-reports-details-translateX: 100%}@media print{:host{--report-height: auto;--cp-print-min-height: 80mm;padding:0}}.loading-result{background:var(--loading-result-background, rgba(255, 255, 255, .5));-webkit-backdrop-filter:var(--loading-result-filter, blur(3px));backdrop-filter:var(--loading-result-filter, blur(3px));width:100%;height:100%;z-index:3}.ndf-reports *{box-sizing:border-box;min-height:0}.ndf-reports__header{background-color:var(--ndf-reports-background, #fff);flex-direction:var(--ndf-reports-header-direction, row);justify-content:var(--ndf-reports-header-justify, space-between);align-items:var(--ndf-reports-header-items, center);padding-inline:var(--ndf-reports-header-padding-inline, .5rem);padding-block:var(--ndf-reports-header-padding-block, 0 .5rem);position:var(--ndf-reports-header-position, sticky);top:0;z-index:1}.ndf-reports__header__actions{justify-content:var(--ndf-reports-actions-justify, flex-end)}.ndf-reports__header__custom-actions .toggle-button{min-width:0;padding:0 10px}.ndf-reports__container{--panel-width: var(--ndf-reports-panel-width, 18rem);position:relative;overflow:var(--ndf-reports-container-overflow, hidden);display:grid;transition:all .2s;max-width:100%;width:100%;height:var(--ndf-reports-height, calc( var(--ndf-fluid-height) - calc(var(--ndf-reports-block-padding, 1rem) * 2.5) ));flex-grow:1;grid-gap:var(--ndf-table-container-gap, .5rem);gap:var(--ndf-table-container-gap, .5rem)}.ndf-reports__container.panel-opened{--ndf-details-margin: var(--panel-width);--ndf-reports-panel-translateX: 0;--ndf-reports-content-pis: var(--panel-width)}@media print{.ndf-reports__container{--ndf-reports-container-overflow: visible;height:100%}}.ndf-reports__panel,.ndf-reports__content .ndf-reports__details{overflow:auto;transition:all .2s}.ndf-reports__panel{position:absolute;width:var(--panel-width);height:100%;transform:translate(var(--ndf-reports-panel-translateX, 100%));padding-inline:var(--ndf-reports-panel-inline-padding, .5rem);padding-block:var(--ndf-reports-panel-block-padding, .5rem);background:var(--ndf-reports-panel-background, #fff);z-index:1}.ndf-reports__content{flex-grow:1;padding-inline-start:var(--ndf-reports-content-pis, 1rem);padding-inline-end:var(--ndf-reports-content-pie, 1rem);padding-block:var(--ndf-reports-content-pb, 0 1rem);overflow-y:var(--ndf-reports-content-overflow-y, auto);position:relative;display:flex;flex-direction:column}@media print{.ndf-reports__content{--ndf-reports-content-overflow-y: visible;width:100%;margin:0;padding:0;page-break-after:avoid}}.ndf-reports__details{position:absolute;inset-inline-end:0;width:calc(100% - var(--ndf-details-margin, 0px));height:100%;transform:translate(var(--ndf-reports-details-translateX, -100%));padding-inline:var(--ndf-reports-details-inline-padding, 0rem);flex-grow:1;padding-block:var(--ndf-reports-details-block-padding, 0rem);background:var(--ndf-reports-details-background, #fff);z-index:1;transition:all .2s}.reports-grid{--grid-columns: 12;--column-width: calc(100% / var(--grid-columns));display:grid;grid-gap:var(--reports-grid-gap, 1.5rem);gap:var(--reports-grid-gap, 1.5rem);grid-template-columns:var(--rg-columns, repeat(var(--grid-columns), 1fr));margin-block:var(--reports-grid-margin-block, 1.25rem 0);padding-inline:var(--reports-grid-padding-inline, .5rem)}.reports-grid__item{display:grid;grid-gap:.3rem;gap:.3rem;min-width:0;text-align:center;vertical-align:middle}.reports-grid__item[data-width=\"1\"]{--col-span: span 1}.reports-grid__item[data-start-column=\"1\"]{--col-start: 1}.reports-grid__item[data-start-row=\"1\"]{--row-start: 1}.reports-grid__item[data-height=\"1\"]{--row-span: 1}.reports-grid__item[data-width=\"2\"]{--col-span: span 2}.reports-grid__item[data-start-column=\"2\"]{--col-start: 2}.reports-grid__item[data-start-row=\"2\"]{--row-start: 2}.reports-grid__item[data-height=\"2\"]{--row-span: 2}.reports-grid__item[data-width=\"3\"]{--col-span: span 3}.reports-grid__item[data-start-column=\"3\"]{--col-start: 3}.reports-grid__item[data-start-row=\"3\"]{--row-start: 3}.reports-grid__item[data-height=\"3\"]{--row-span: 3}.reports-grid__item[data-width=\"4\"]{--col-span: span 4}.reports-grid__item[data-start-column=\"4\"]{--col-start: 4}.reports-grid__item[data-start-row=\"4\"]{--row-start: 4}.reports-grid__item[data-height=\"4\"]{--row-span: 4}.reports-grid__item[data-width=\"5\"]{--col-span: span 5}.reports-grid__item[data-start-column=\"5\"]{--col-start: 5}.reports-grid__item[data-start-row=\"5\"]{--row-start: 5}.reports-grid__item[data-height=\"5\"]{--row-span: 5}.reports-grid__item[data-width=\"6\"]{--col-span: span 6}.reports-grid__item[data-start-column=\"6\"]{--col-start: 6}.reports-grid__item[data-start-row=\"6\"]{--row-start: 6}.reports-grid__item[data-height=\"6\"]{--row-span: 6}.reports-grid__item[data-width=\"7\"]{--col-span: span 7}.reports-grid__item[data-start-column=\"7\"]{--col-start: 7}.reports-grid__item[data-start-row=\"7\"]{--row-start: 7}.reports-grid__item[data-height=\"7\"]{--row-span: 7}.reports-grid__item[data-width=\"8\"]{--col-span: span 8}.reports-grid__item[data-start-column=\"8\"]{--col-start: 8}.reports-grid__item[data-start-row=\"8\"]{--row-start: 8}.reports-grid__item[data-height=\"8\"]{--row-span: 8}.reports-grid__item[data-width=\"9\"]{--col-span: span 9}.reports-grid__item[data-start-column=\"9\"]{--col-start: 9}.reports-grid__item[data-start-row=\"9\"]{--row-start: 9}.reports-grid__item[data-height=\"9\"]{--row-span: 9}.reports-grid__item[data-width=\"10\"]{--col-span: span 10}.reports-grid__item[data-start-column=\"10\"]{--col-start: 10}.reports-grid__item[data-start-row=\"10\"]{--row-start: 10}.reports-grid__item[data-height=\"10\"]{--row-span: 10}.reports-grid__item[data-width=\"11\"]{--col-span: span 11}.reports-grid__item[data-start-column=\"11\"]{--col-start: 11}.reports-grid__item[data-start-row=\"11\"]{--row-start: 11}.reports-grid__item[data-height=\"11\"]{--row-span: 11}.reports-grid__item[data-width=\"12\"]{--col-span: span 12}.reports-grid__item[data-start-column=\"12\"]{--col-start: 12}.reports-grid__item[data-start-row=\"12\"]{--row-start: 12}.reports-grid__item[data-height=\"12\"]{--row-span: 12}@media screen{.reports-grid__item{grid-column:var(--col-start, auto)/var(--col-span, span var(--grid-column, 2));grid-row:var(--row-start, auto)/span var(--row-span, 1);grid-template-rows:subgrid}}@media print{.reports-grid{--reports-grid-gap: 10mm;--reports-grid-margin-top: 0;padding:0;margin:0;--rg-columns: repeat(2, 1fr)}.reports-grid__item{--col-start: auto;--col-span: span 1;border:1px solid #f5f5f5;border-radius:var(--cp-radius, 1rem);page-break-inside:avoid;break-inside:avoid-page}}@media screen and (max-width: 1199px){.reports-grid__item[data-width=\"1\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"2\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"3\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"4\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"5\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"6\"]{--col-start: auto;--col-span: span 6}.reports-grid__item.wide{--col-start: 1;--col-span: -1}}@media screen and (max-width: 767px){.reports-grid__item[data-width]{--col-start: 1;--col-span: -1}}\n"], components: [{ type: i6__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: FiltersPanelComponent, selector: "app-filters-panel", inputs: ["aggregations", "fields", "activeQuery"], outputs: ["filterChanged"] }, { type: i1__namespace$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: EditorButtonComponent, selector: "app-editor-button", inputs: ["type", "key"] }, { type: NdfReportComponent, selector: "app-ndf-report", inputs: ["config", "direction", "data", "criteria"], outputs: ["onNavigate", "onOpen"] }, { type: NdfTableComponent, selector: "app-ndf-table", inputs: ["rows", "totalRecords", "autoCalculateHeight", "emptyMessage", "activeQuery", "configPath", "styleClass", "configTransformer", "tableKey", "jsonEditorEnabled", "config", "customCriteria", "searchTerm"], outputs: ["onRowSelected", "onRowIndexSelected", "actionOnRow", "onGettingData", "onMultiRowSelected", "onLoading", "onPage", "onInitialized", "onLoaded", "onQueryChange", "onSort"] }], directives: [{ type: FluidHeightDirective, selector: "[ndfFluidHeight]", inputs: ["minHeight", "ndfFluidHeight", "subtractItems", "decrease", "delay", "cssVar", "calculate", "inlineStyle"], exportAs: ["ndfFluidHeight"] }, { type: i4__namespace.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: ScrollableDivDirective, selector: "[scrolled]", inputs: ["scrollTop"], outputs: ["scrolled"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: SearchTableTemplateDirective, selector: "[searchTableTemplate]" }], pipes: { "async": i4__namespace$1.AsyncPipe, "translate": i1__namespace.TranslatePipe }, animations: [slideAnimation] });
+  NdfReportsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfReportsComponent, selector: "app-ndf-reports", inputs: { jsonEditorEnabled: "jsonEditorEnabled", reportsKey: "reportsKey", navigateRoute: "navigateRoute", loadCondition: "loadCondition", config: "config" }, outputs: { onQueryChange: "onQueryChange" }, host: { properties: { "dir": "direction" }, classAttribute: "ndf-reports" }, queries: [{ propertyName: "filterCustomTemplate", first: true, predicate: CUSTOM_TEMPLATE, descendants: true, read: i0.TemplateRef }, { propertyName: "headerPanelTemplate", first: true, predicate: HEADER_PANEL_TEMPLATE, descendants: true, read: i0.TemplateRef }, { propertyName: "emptyContentTemplate", first: true, predicate: EMPTY_CONTENT_TEMPLATE, descendants: true, read: i0.TemplateRef }], viewQueries: [{ propertyName: "fluidDirective", first: true, predicate: FluidHeightDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<div\r\n  class=\"ndf-reports__container\"\r\n  [class.panel-opened]=\"isPanelOpened && filtersConfig\"\r\n  [dir]=\"direction\"\r\n  ndfFluidHeight\r\n>\r\n  <div\r\n    class=\"absolute flex justify-center items-center loading-result\"\r\n    *ngIf=\"isLoadingResult && callLoadCondition()\"\r\n  >\r\n    <mat-spinner class=\"mt-5 mx-auto\" [diameter]=\"48\"></mat-spinner>\r\n  </div>\r\n\r\n  <div class=\"ndf-reports__panel print:hidden\">\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"headerPanelTemplate\"\r\n      [ngTemplateOutletContext]=\"{\r\n        $implicit: aggregations,\r\n        filterChanged: filterChanged,\r\n        activeQuery: activeQuery,\r\n        triggerUpdate: triggerUpdate,\r\n        reset: resetFilters,\r\n        config: config\r\n      }\"\r\n    ></ng-container>\r\n\r\n    <app-filters-panel\r\n      *ngIf=\"!!filtersConfig?.fields?.length && callLoadCondition()\"\r\n      [fields]=\"filtersConfig?.fields\"\r\n      [aggregations]=\"aggregations\"\r\n      (filterChanged)=\"filterChanged($event)\"\r\n      [activeQuery]=\"activeFiltersQuery$ | async\"\r\n      class=\"ndf-reports__filters\"\r\n      [customTemplateRef]=\"filterCustomTemplate\"\r\n    ></app-filters-panel>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"callLoadCondition(); else emptyContent\">\r\n    <div\r\n      class=\"ndf-reports__content\"\r\n      (scrolled)=\"onContentScroll($event)\"\r\n      *ngIf=\"reportsData$ | async as reports\"\r\n    >\r\n      <div class=\"ndf-reports__header flex pt-4 print:hidden\">\r\n        <button\r\n          mat-stroked-button\r\n          class=\"toggle-button\"\r\n          (click)=\"togglePanel()\"\r\n        >\r\n          <mat-icon> filter_alt</mat-icon>\r\n        </button>\r\n        <app-editor-button\r\n          *ngIf=\"jsonEditorEnabled && reportsKey\"\r\n          [key]=\"reportsKey\"\r\n          [type]=\"editorType\"\r\n        ></app-editor-button>\r\n        <button\r\n          mat-stroked-button\r\n          *ngIf=\"config?.options?.print\"\r\n          class=\"print-button\"\r\n          (click)=\"printAll()\"\r\n        >\r\n          <mat-icon> print</mat-icon>\r\n        </button>\r\n      </div>\r\n\r\n      <div class=\"reports-grid\" *ngIf=\"!isLoadingResult\">\r\n        <app-ndf-report\r\n          *ngFor=\"let config of reportConfig.items; trackBy: trackByFn\"\r\n          [config]=\"config\"\r\n          [data]=\"reports?.response\"\r\n          [criteria]=\"filtersParams$ | async\"\r\n          [direction]=\"direction\"\r\n          [attr.data-width]=\"config?.layout?.width || 4\"\r\n          [attr.data-height]=\"config?.layout?.height || 'auto'\"\r\n          [attr.data-start-column]=\"config?.layout?.columnPosition || 'auto'\"\r\n          [attr.data-start-row]=\"config?.layout?.rowPosition || 'auto'\"\r\n          [class.wide]=\"config?.layout?.width >= 6\"\r\n          [style]=\"config?.layout?.style\"\r\n          class=\"reports-grid__item {{ config?.layout?.styleClass }} \"\r\n          (onNavigate)=\"onNavigate($event)\"\r\n          (onOpen)=\"openReportDetails($event, config)\"\r\n        ></app-ndf-report>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  <div\r\n    class=\"ndf-reports__details print:hidden\"\r\n    [class.opened]=\"showDetails\"\r\n    [@slideInOut]=\"showDetails ? 'open' : 'closed'\"\r\n    (@slideInOut.done)=\"onDetailsAnimationEnd($event)\"\r\n  >\r\n    <app-ndf-table\r\n      *ngIf=\"reportDetails$ | async as report\"\r\n      [config]=\"report.config\"\r\n      [activeQuery]=\"activeFiltersQuery$ | async\"\r\n      [customCriteria]=\"detailsFiltersParams$ | async\"\r\n    >\r\n      <ng-template searchTableTemplate let-toggle=\"togglePanel\">\r\n        <div class=\"ndf-reports__details__header flex gap-2\">\r\n          <button mat-stroked-button class=\"toggle-button\" (click)=\"toggle()\">\r\n            <mat-icon> filter_alt</mat-icon>\r\n          </button>\r\n          <button\r\n            mat-stroked-button\r\n            class=\"close-button\"\r\n            (click)=\"closeDetailsPanel()\"\r\n          >\r\n            <mat-icon> close</mat-icon>\r\n          </button>\r\n        </div>\r\n        <h3>\r\n          {{ report.label | translate }}\r\n        </h3>\r\n      </ng-template>\r\n    </app-ndf-table>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #emptyContent>\r\n  <div class=\"ndf-reports__content flex items-center flex-grow-1\">\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"emptyContentTemplate || defaultEmptyContent\"\r\n    ></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultEmptyContent>\r\n  <div class=\"no-data mt-26\">\r\n    {{ 'noData' | translate }}\r\n  </div>\r\n</ng-template>\r\n", styles: [":host{--table-dev-height: var(--ndf-reports-table-dev-height, auto);--report-height: var(--ndf-reports-report-height, 430px);--cp-height: var(--report-height);padding-inline:var(--ndf-reports-inline-padding, 0);padding-block:var(--ndf-reports-block-padding, .5rem 0);height:100%;position:relative;display:flex;flex-direction:column;background-color:var(--ndf-reports-background, #fff);box-sizing:border-box;max-width:100%;flex:0 0 100%}:host:before,:host:after{box-sizing:border-box}:host[dir=ltr]{--ndf-reports-panel-translateX: -100%;--ndf-reports-details-translateX: 100%}@media print{:host{--report-height: auto;--cp-print-min-height: 80mm;padding:0}}.loading-result{background:var(--loading-result-background, rgba(255, 255, 255, .5));-webkit-backdrop-filter:var(--loading-result-filter, blur(3px));backdrop-filter:var(--loading-result-filter, blur(3px));width:100%;height:100%;z-index:3}.ndf-reports *{box-sizing:border-box;min-height:0}.ndf-reports__header{background-color:var(--ndf-reports-background, #fff);flex-direction:var(--ndf-reports-header-direction, row);justify-content:var(--ndf-reports-header-justify, space-between);align-items:var(--ndf-reports-header-items, center);padding-inline:var(--ndf-reports-header-padding-inline, .5rem);padding-block:var(--ndf-reports-header-padding-block, 0 .5rem);position:var(--ndf-reports-header-position, sticky);top:0;z-index:1}.ndf-reports__header__actions{justify-content:var(--ndf-reports-actions-justify, flex-end)}.ndf-reports__header__custom-actions .toggle-button{min-width:0;padding:0 10px}.ndf-reports__container{--panel-width: var(--ndf-reports-panel-width, 18rem);position:relative;overflow:var(--ndf-reports-container-overflow, hidden);display:grid;transition:all .2s;max-width:100%;width:100%;height:var(--ndf-reports-height, calc( var(--ndf-fluid-height) - calc(var(--ndf-reports-block-padding, 1rem) * 2.5) ));flex-grow:1;grid-gap:var(--ndf-table-container-gap, .5rem);gap:var(--ndf-table-container-gap, .5rem)}.ndf-reports__container.panel-opened{--ndf-details-margin: var(--panel-width);--ndf-reports-panel-translateX: 0;--ndf-reports-content-pis: var(--panel-width)}@media print{.ndf-reports__container{--ndf-reports-container-overflow: visible;height:100%}}.ndf-reports__panel,.ndf-reports__content .ndf-reports__details{overflow:auto;transition:all .2s}.ndf-reports__panel{position:absolute;width:var(--panel-width);height:100%;transform:translate(var(--ndf-reports-panel-translateX, 100%));padding-inline:var(--ndf-reports-panel-inline-padding, .5rem);padding-block:var(--ndf-reports-panel-block-padding, .5rem);background:var(--ndf-reports-panel-background, #fff);z-index:1}.ndf-reports__content{flex-grow:1;padding-inline-start:var(--ndf-reports-content-pis, 1rem);padding-inline-end:var(--ndf-reports-content-pie, 1rem);padding-block:var(--ndf-reports-content-pb, 0 1rem);overflow-y:var(--ndf-reports-content-overflow-y, auto);position:relative;display:flex;flex-direction:column}@media print{.ndf-reports__content{--ndf-reports-content-overflow-y: visible;width:100%;margin:0;padding:0;page-break-after:avoid}}.ndf-reports__details{position:absolute;inset-inline-end:0;width:calc(100% - var(--ndf-details-margin, 0px));height:100%;transform:translate(var(--ndf-reports-details-translateX, -100%));padding-inline:var(--ndf-reports-details-inline-padding, 0rem);flex-grow:1;padding-block:var(--ndf-reports-details-block-padding, 0rem);background:var(--ndf-reports-details-background, #fff);z-index:1;transition:all .2s}.reports-grid{--grid-columns: 12;--column-width: calc(100% / var(--grid-columns));display:grid;grid-gap:var(--reports-grid-gap, 1.5rem);gap:var(--reports-grid-gap, 1.5rem);grid-template-columns:var(--rg-columns, repeat(var(--grid-columns), 1fr));grid-template-rows:var(--reports-grid-rows, auto);margin-block:var(--reports-grid-margin-block, 1.25rem 0);padding-inline:var(--reports-grid-padding-inline, .5rem)}.reports-grid__item{display:grid;grid-gap:.3rem;gap:.3rem;min-width:0;text-align:center;vertical-align:middle}.reports-grid__item[data-width=\"1\"]{--col-span: span 1}.reports-grid__item[data-start-column=\"1\"]{--col-start: 1}.reports-grid__item[data-start-row=\"1\"]{--row-start: 1}.reports-grid__item[data-height=\"1\"]{--row-span: 1}.reports-grid__item[data-width=\"2\"]{--col-span: span 2}.reports-grid__item[data-start-column=\"2\"]{--col-start: 2}.reports-grid__item[data-start-row=\"2\"]{--row-start: 2}.reports-grid__item[data-height=\"2\"]{--row-span: 2}.reports-grid__item[data-width=\"3\"]{--col-span: span 3}.reports-grid__item[data-start-column=\"3\"]{--col-start: 3}.reports-grid__item[data-start-row=\"3\"]{--row-start: 3}.reports-grid__item[data-height=\"3\"]{--row-span: 3}.reports-grid__item[data-width=\"4\"]{--col-span: span 4}.reports-grid__item[data-start-column=\"4\"]{--col-start: 4}.reports-grid__item[data-start-row=\"4\"]{--row-start: 4}.reports-grid__item[data-height=\"4\"]{--row-span: 4}.reports-grid__item[data-width=\"5\"]{--col-span: span 5}.reports-grid__item[data-start-column=\"5\"]{--col-start: 5}.reports-grid__item[data-start-row=\"5\"]{--row-start: 5}.reports-grid__item[data-height=\"5\"]{--row-span: 5}.reports-grid__item[data-width=\"6\"]{--col-span: span 6}.reports-grid__item[data-start-column=\"6\"]{--col-start: 6}.reports-grid__item[data-start-row=\"6\"]{--row-start: 6}.reports-grid__item[data-height=\"6\"]{--row-span: 6}.reports-grid__item[data-width=\"7\"]{--col-span: span 7}.reports-grid__item[data-start-column=\"7\"]{--col-start: 7}.reports-grid__item[data-start-row=\"7\"]{--row-start: 7}.reports-grid__item[data-height=\"7\"]{--row-span: 7}.reports-grid__item[data-width=\"8\"]{--col-span: span 8}.reports-grid__item[data-start-column=\"8\"]{--col-start: 8}.reports-grid__item[data-start-row=\"8\"]{--row-start: 8}.reports-grid__item[data-height=\"8\"]{--row-span: 8}.reports-grid__item[data-width=\"9\"]{--col-span: span 9}.reports-grid__item[data-start-column=\"9\"]{--col-start: 9}.reports-grid__item[data-start-row=\"9\"]{--row-start: 9}.reports-grid__item[data-height=\"9\"]{--row-span: 9}.reports-grid__item[data-width=\"10\"]{--col-span: span 10}.reports-grid__item[data-start-column=\"10\"]{--col-start: 10}.reports-grid__item[data-start-row=\"10\"]{--row-start: 10}.reports-grid__item[data-height=\"10\"]{--row-span: 10}.reports-grid__item[data-width=\"11\"]{--col-span: span 11}.reports-grid__item[data-start-column=\"11\"]{--col-start: 11}.reports-grid__item[data-start-row=\"11\"]{--row-start: 11}.reports-grid__item[data-height=\"11\"]{--row-span: 11}.reports-grid__item[data-width=\"12\"]{--col-span: span 12}.reports-grid__item[data-start-column=\"12\"]{--col-start: 12}.reports-grid__item[data-start-row=\"12\"]{--row-start: 12}.reports-grid__item[data-height=\"12\"]{--row-span: 12}@media screen{.reports-grid__item{grid-column:var(--col-start, auto)/var(--col-span, span var(--grid-column, 2));grid-row:var(--row-start, auto)/span var(--row-span, 1);grid-template-rows:subgrid}}@media print{.reports-grid{--reports-grid-gap: 10mm;--reports-grid-margin-top: 0;padding:0;margin:0;--rg-columns: repeat(2, 1fr)}.reports-grid__item{--col-start: auto;--col-span: span 1;border:1px solid #f5f5f5;border-radius:var(--cp-radius, 1rem);page-break-inside:avoid;break-inside:avoid-page}}@media screen and (max-width: 1199px){.reports-grid__item[data-width=\"1\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"2\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"3\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"4\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"5\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"6\"]{--col-start: auto;--col-span: span 6}.reports-grid__item.wide{--col-start: 1;--col-span: -1}}@media screen and (max-width: 767px){.reports-grid__item[data-width]{--col-start: 1;--col-span: -1}}\n"], components: [{ type: i6__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: FiltersPanelComponent, selector: "app-filters-panel", inputs: ["aggregations", "fields", "activeQuery"], outputs: ["filterChanged"] }, { type: i1__namespace$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: EditorButtonComponent, selector: "app-editor-button", inputs: ["type", "key"] }, { type: NdfReportComponent, selector: "app-ndf-report", inputs: ["config", "direction", "data", "criteria"], outputs: ["onNavigate", "onOpen"] }, { type: NdfTableComponent, selector: "app-ndf-table", inputs: ["rows", "totalRecords", "autoCalculateHeight", "emptyMessage", "activeQuery", "configPath", "styleClass", "configTransformer", "tableKey", "jsonEditorEnabled", "config", "customCriteria", "searchTerm"], outputs: ["onRowSelected", "onRowIndexSelected", "actionOnRow", "onGettingData", "onMultiRowSelected", "onLoading", "onPage", "onInitialized", "onLoaded", "onQueryChange", "onSort"] }], directives: [{ type: FluidHeightDirective, selector: "[ndfFluidHeight]", inputs: ["minHeight", "ndfFluidHeight", "subtractItems", "decrease", "delay", "cssVar", "calculate", "inlineStyle"], exportAs: ["ndfFluidHeight"] }, { type: i4__namespace.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: ScrollableDivDirective, selector: "[scrolled]", inputs: ["scrollTop"], outputs: ["scrolled"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: SearchTableTemplateDirective, selector: "[searchTableTemplate]" }], pipes: { "async": i4__namespace$1.AsyncPipe, "translate": i1__namespace.TranslatePipe }, animations: [slideAnimation] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfReportsComponent, decorators: [{
               type: i0.Component,
               args: [{