nuxeo-development-framework 5.4.4 → 5.4.5

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

@@ -15675,7 +15675,8 @@
       date: 'date'
   };
   var CUSTOM_FIELD_TYPES = {
-      activeUser: 'activeUser'
+      activeUser: 'activeUser',
+      aggregationGroup: 'aggregationGroup',
   };
 
   var AggregationFieldService = /** @class */ (function () {
@@ -17908,317 +17909,10 @@
       return FieldValueObject;
   }());
 
-  var BaseCustomValueAccessor = /** @class */ (function (_super) {
-      __extends(BaseCustomValueAccessor, _super);
-      function BaseCustomValueAccessor(injector) {
-          var _this = _super.call(this, injector) || this;
-          _this.injector = injector;
-          _this.onChange = function () { };
-          _this.onTouched = function () { };
-          _this.onValidationChange = function () { };
-          return _this;
-      }
-      BaseCustomValueAccessor.prototype.registerOnChange = function (fn) {
-          this.onChange = fn;
-      };
-      BaseCustomValueAccessor.prototype.registerOnTouched = function (fn) {
-          this.onTouched = fn;
-      };
-      BaseCustomValueAccessor.prototype.setDisabledState = function (isDisabled) {
-          this.disabled = isDisabled;
-          this.cdr.markForCheck();
-      };
-      BaseCustomValueAccessor.prototype.registerOnValidatorChange = function (fn) {
-          this.onValidationChange = fn;
-      };
-      return BaseCustomValueAccessor;
-  }(BaseComponent));
-  BaseCustomValueAccessor.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseCustomValueAccessor, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-  BaseCustomValueAccessor.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseCustomValueAccessor, inputs: { disabled: "disabled" }, usesInheritance: true, ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseCustomValueAccessor, decorators: [{
-              type: i0.Directive,
-              args: [{}]
-          }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; }, propDecorators: { disabled: [{
-                  type: i0.Input
-              }] } });
-
-  var BaseCustomField = /** @class */ (function (_super) {
-      __extends(BaseCustomField, _super);
-      function BaseCustomField(injector) {
-          var _this = _super.call(this, injector) || this;
-          _this.injector = injector;
-          _this._isFieldDirty = false;
-          return _this;
-      }
-      Object.defineProperty(BaseCustomField.prototype, "renderOptions", {
-          get: function () {
-              var _a, _b;
-              return (_b = (_a = this.field) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.options;
-          },
-          enumerable: false,
-          configurable: true
-      });
-      BaseCustomField.prototype.validate = function (control) {
-          return control.valid ? null : control.errors;
-      };
-      BaseCustomField.prototype._isValueObject = function () {
-          var _a;
-          return ((_a = this.field) === null || _a === void 0 ? void 0 : _a.valueType) === 'valueObject';
-      };
-      BaseCustomField.prototype._isSendAsQueryParams = function () {
-          var _a;
-          return ((_a = this.field) === null || _a === void 0 ? void 0 : _a.sendMode) === FIELD_SEND_MODE.queryParam;
-      };
-      BaseCustomField.prototype._prepareValueObject = function (value, operator, prefix) {
-          var _a;
-          if (operator === void 0) {
-              operator = (_a = this.field) === null || _a === void 0 ? void 0 : _a.operator;
-          }
-          return new FieldValueObject({
-              operator: operator,
-              value: value,
-              prefix: prefix
-          });
-      };
-      return BaseCustomField;
-  }(BaseCustomValueAccessor));
-  BaseCustomField.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseCustomField, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-  BaseCustomField.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseCustomField, inputs: { aggregations: "aggregations", field: "field" }, usesInheritance: true, ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseCustomField, decorators: [{
-              type: i0.Directive
-          }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; }, propDecorators: { aggregations: [{
-                  type: i0.Input
-              }], field: [{
-                  type: i0.Input
-              }] } });
-
-  var NxQL = /** @class */ (function () {
-      function NxQL() {
-      }
-      NxQL._getDateRange = function (value) {
-          return NxQL._getMinMaxRange(value, 'DATE');
-      };
-      NxQL._getMinMaxRange = function (value, prefix) {
-          if (prefix === void 0) { prefix = ''; }
-          var min = value.min, max = value.max;
-          if (min && max) {
-              return prefix + " '" + min + "' AND " + prefix + " '" + max + "'";
-          }
-          if (max) {
-              return prefix + " '" + max + "'";
-          }
-          if (min) {
-              return prefix + " '" + min + "'";
-          }
-          return '';
-      };
-      NxQL._getRangeOperator = function (value) {
-          var min = value.min, max = value.max;
-          if (min && max) {
-              return COMPARISON_OPERATOR.between;
-          }
-          if (max) {
-              return COMPARISON_OPERATOR.lessThan;
-          }
-          if (min) {
-              return COMPARISON_OPERATOR.greaterThan;
-          }
-          return null;
-      };
-      NxQL._getValueRange = function (value, prefix, operator) {
-          if (prefix === void 0) { prefix = ''; }
-          var min = value.min, max = value.max;
-          var baseObject = { value: '', prefix: prefix, operator: operator };
-          if (min && max) {
-              return new FieldValueObject(Object.assign(Object.assign({}, baseObject), { value: prefix + " '" + min + "' AND " + prefix + " '" + max + "'", min: "" + min, max: "" + max }));
-          }
-          if (max) {
-              return new FieldValueObject(Object.assign(Object.assign({}, baseObject), { value: "" + max, max: "" + max }));
-          }
-          if (min) {
-              return new FieldValueObject(Object.assign(Object.assign({}, baseObject), { value: "" + min, min: "" + min }));
-          }
-      };
-      return NxQL;
-  }());
-
-  function isFieldValueObject(value) {
-      return typeof value === 'object' && (value[VALUE_OBJECT] || ('value' in value && 'operator' in value));
-  }
-  function isDateObject(obj) {
-      return (obj &&
-          typeof obj === 'object' &&
-          'min' in obj &&
-          'max' in obj &&
-          typeof obj.min === 'string' &&
-          typeof obj.max === 'string');
-  }
-  function removeEmptyKeys(data) {
-      return Object.entries(data || {}).reduce(function (obj, _a) {
-          var _b = __read(_a, 2), key = _b[0], value = _b[1];
-          if (Array.isArray(value)) {
-              var cleanedArray = value
-                  .map(function (item) { return (_.isObject(value) ? removeEmptyKeys(item) : item); })
-                  .filter(shouldIncludeValue);
-              if (cleanedArray.length > 0) {
-                  obj[key] = cleanedArray;
-              }
-          }
-          if (_.isObject(value) && !_.isDate(value) && !Array.isArray(value)) {
-              var cleanedValue = removeEmptyKeys(value);
-              if (Object.keys(cleanedValue).length > 0) {
-                  obj[key] = cleanedValue;
-              }
-          }
-          else if (shouldIncludeValue(value)) {
-              obj[key] = value;
-          }
-          return obj;
-      }, {});
-  }
-  function shouldIncludeValue(value) {
-      if (Array.isArray(value) && value.length > 0) {
-          return value.some(function (item) { return shouldIncludeValue(item); });
-      }
-      return !Array.isArray(value) && (!!value || _.isBoolean(value) || _.isNumber(value) || _.isDate(value));
-  }
-
-  var NxQlQuery = /** @class */ (function (_super) {
-      __extends(NxQlQuery, _super);
-      function NxQlQuery() {
-          return _super !== null && _super.apply(this, arguments) || this;
-      }
-      NxQlQuery.preparePayloadItem = function (value, field) {
-          var _a;
-          var _defaultOperator = field.type == 'aggregation' ? COMPARISON_OPERATOR.in : COMPARISON_OPERATOR.like;
-          var _fieldName = field.config.fieldKey;
-          var _operator = (value === null || value === void 0 ? void 0 : value.operator) || ((_a = field.config) === null || _a === void 0 ? void 0 : _a.operator) || _defaultOperator;
-          return {
-              name: _fieldName,
-              operator: _operator,
-              value: NxQlQuery.prepareValueByOperator(_operator, value)
-          };
-      };
-      NxQlQuery.prepareValueByOperator = function (operator, fieldValue) {
-          var _b;
-          var _opr = COMPARISON_OPERATOR;
-          var value = fieldValue.value, prefix = fieldValue.prefix;
-          if (operator === _opr.between) {
-              return NxQlQuery._getMinMaxRange(fieldValue, prefix);
-          }
-          var operatorHandlers = (_b = {},
-              _b[_opr.equals] = NxQlQuery.equals,
-              _b[_opr.notEquals] = NxQlQuery.equals,
-              _b[_opr.lessThan] = NxQlQuery.equals,
-              _b[_opr.greaterThan] = NxQlQuery.equals,
-              _b[_opr.in] = NxQlQuery.in,
-              _b[_opr.notIn] = NxQlQuery.in,
-              _b[_opr.lessThanOrEqual] = NxQlQuery.equals,
-              _b[_opr.greaterThanOrEqual] = NxQlQuery.equals,
-              _b[_opr.like] = NxQlQuery.like,
-              _b[_opr.iLike] = NxQlQuery.like,
-              _b[_opr.notLike] = NxQlQuery.like,
-              _b[_opr.notILike] = NxQlQuery.like,
-              _b[_opr.startsWith] = NxQlQuery.equals,
-              _b[_opr.fullText] = NxQlQuery.equals,
-              _b);
-          var _val = Array.isArray(value) ? value.join(',') : value;
-          return operatorHandlers[operator](_val, prefix);
-      };
-      NxQlQuery.equals = function (value, prefix) {
-          if (prefix === void 0) { prefix = ''; }
-          return (prefix ? prefix + " " : '') + "'" + value.trim() + "'";
-      };
-      NxQlQuery.like = function (value, prefix) {
-          if (prefix === void 0) { prefix = ''; }
-          return (prefix ? prefix + " " : '') + "'%" + value.trim() + "%'";
-      };
-      NxQlQuery.in = function (value, prefix) {
-          if (prefix === void 0) { prefix = ''; }
-          return (prefix ? prefix + " " : '') + "(" + value.trim() + ")";
-      };
-      NxQlQuery.between = function (value1, value2) {
-          return value1 + " AND " + value2;
-      };
-      return NxQlQuery;
-  }(NxQL));
-
-  var ActiveUserService = /** @class */ (function (_super) {
-      __extends(ActiveUserService, _super);
-      function ActiveUserService() {
-          return _super !== null && _super.apply(this, arguments) || this;
-      }
-      ActiveUserService.prototype.getCurrentUser = function () {
-          return this.user;
-      };
-      return ActiveUserService;
-  }(BaseService));
-  ActiveUserService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActiveUserService, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  ActiveUserService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActiveUserService, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActiveUserService, decorators: [{
-              type: i0.Injectable,
-              args: [{
-                      providedIn: 'root'
-                  }]
-          }] });
-
-  var ActiveUserSwitchComponent = /** @class */ (function (_super) {
-      __extends(ActiveUserSwitchComponent, _super);
-      function ActiveUserSwitchComponent() {
-          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-          _this._userService = _this.injector.get(ActiveUserService);
-          _this.isUserSelected = false;
-          return _this;
-      }
-      ActiveUserSwitchComponent.prototype.writeValue = function (value) {
-          if (value) {
-              var val = isFieldValueObject(value) ? value.value : value;
-              this.isUserSelected = val === this.getValue();
-          }
-      };
-      ActiveUserSwitchComponent.prototype.toggle = function (_b) {
-          var checked = _b.checked;
-          this.isUserSelected = checked;
-          if (!checked) {
-              this.onChange(null);
-              return;
-          }
-          if (this.field.valueType === 'property') {
-              this.onChange(this.getValue());
-              return;
-          }
-          this.updateObjectValue();
-      };
-      ActiveUserSwitchComponent.prototype.getValue = function () {
-          var _a;
-          return ___default["default"].get(this._userService.getCurrentUser(), ((_a = this.renderOptions) === null || _a === void 0 ? void 0 : _a.bindValue) || 'properties.username');
-      };
-      ActiveUserSwitchComponent.prototype.updateObjectValue = function () {
-          var _a;
-          var operator = ((_a = this.field) === null || _a === void 0 ? void 0 : _a.operator) || COMPARISON_OPERATOR.equals;
-          var data = this._prepareValueObject(this.getValue(), operator);
-          this.onChange(data);
-      };
-      return ActiveUserSwitchComponent;
-  }(BaseCustomField));
-  ActiveUserSwitchComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActiveUserSwitchComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  ActiveUserSwitchComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ActiveUserSwitchComponent, selector: "active-user-switch", usesInheritance: true, ngImport: i0__namespace, template: "<mat-slide-toggle\r\n\tclass=\"filter-switch__item\"\r\n\t[checked]=\"isUserSelected\"\r\n\t(change)=\"toggle($event)\"\r\n\t[class.checkedBox]=\"isUserSelected\"\r\n\t[class.unCheckedBox]=\"!isUserSelected\"\r\n>\r\n\t{{ renderOptions?.text || field?.label | translate }}\r\n</mat-slide-toggle>\r\n", styles: [""], components: [{ type: i1__namespace$9.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActiveUserSwitchComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'active-user-switch',
-                      templateUrl: './active-user-switch.component.html',
-                      styleUrls: ['./active-user-switch.component.scss']
-                  }]
-          }] });
-
   var DynamicComponentLoaderService = /** @class */ (function () {
       function DynamicComponentLoaderService(_factoryResolver) {
           this._factoryResolver = _factoryResolver;
           this._components = new Map();
-          this._registerCustomComponent();
-          this._registerAggregationsComponents();
-          this._registerPredicateComponents();
       }
       DynamicComponentLoaderService.prototype.registerComponent = function (key, component) {
           this._components.set(key, component);
@@ -18234,31 +17928,6 @@
           var component = this._factoryResolver.resolveComponentFactory(componentAngularType);
           return vcr.createComponent(component);
       };
-      //------
-      // CUSTOM
-      //------
-      DynamicComponentLoaderService.prototype._registerCustomComponent = function () {
-          this.registerComponent(CUSTOM_FIELD_TYPES.activeUser, ActiveUserSwitchComponent);
-      };
-      //------
-      // AGGREGATION
-      //------
-      DynamicComponentLoaderService.prototype._registerAggregationsComponents = function () {
-          this.registerComponent(AGGREGATION_FIELD_TYPES.autocomplete, AggregationAutocompleteComponent);
-          this.registerComponent(AGGREGATION_FIELD_TYPES.dropdown, AggregationSelectComponent);
-          this.registerComponent(AGGREGATION_FIELD_TYPES.switch, AggregationSwitchComponent);
-          this.registerComponent(AGGREGATION_FIELD_TYPES.radio, AggregationRadioComponent);
-          this.registerComponent(AGGREGATION_FIELD_TYPES.dateList, AggregationDateListComponent);
-          this.registerComponent(AGGREGATION_FIELD_TYPES.custom, AggregationCustomComponent);
-          this.registerComponent(AGGREGATION_FIELD_TYPES.checkbox, AggregationCheckboxComponent);
-      };
-      //------
-      // PREDICATE
-      //------
-      DynamicComponentLoaderService.prototype._registerPredicateComponents = function () {
-          this.registerComponent(PREDICATE_FIELD_TYPES.input, PredicateTextInputComponent);
-          this.registerComponent(PREDICATE_FIELD_TYPES.date, PredicateDateInputComponent);
-      };
       return DynamicComponentLoaderService;
   }());
   DynamicComponentLoaderService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicComponentLoaderService, deps: [{ token: i0__namespace.ComponentFactoryResolver }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
@@ -18389,6 +18058,157 @@
                   }]
           }], ctorParameters: function () { return []; } });
 
+  var NxQL = /** @class */ (function () {
+      function NxQL() {
+      }
+      NxQL._getDateRange = function (value) {
+          return NxQL._getMinMaxRange(value, 'DATE');
+      };
+      NxQL._getMinMaxRange = function (value, prefix) {
+          if (prefix === void 0) { prefix = ''; }
+          var min = value.min, max = value.max;
+          if (min && max) {
+              return prefix + " '" + min + "' AND " + prefix + " '" + max + "'";
+          }
+          if (max) {
+              return prefix + " '" + max + "'";
+          }
+          if (min) {
+              return prefix + " '" + min + "'";
+          }
+          return '';
+      };
+      NxQL._getRangeOperator = function (value) {
+          var min = value.min, max = value.max;
+          if (min && max) {
+              return COMPARISON_OPERATOR.between;
+          }
+          if (max) {
+              return COMPARISON_OPERATOR.lessThan;
+          }
+          if (min) {
+              return COMPARISON_OPERATOR.greaterThan;
+          }
+          return null;
+      };
+      NxQL._getValueRange = function (value, prefix, operator) {
+          if (prefix === void 0) { prefix = ''; }
+          var min = value.min, max = value.max;
+          var baseObject = { value: '', prefix: prefix, operator: operator };
+          if (min && max) {
+              return new FieldValueObject(Object.assign(Object.assign({}, baseObject), { value: prefix + " '" + min + "' AND " + prefix + " '" + max + "'", min: "" + min, max: "" + max }));
+          }
+          if (max) {
+              return new FieldValueObject(Object.assign(Object.assign({}, baseObject), { value: "" + max, max: "" + max }));
+          }
+          if (min) {
+              return new FieldValueObject(Object.assign(Object.assign({}, baseObject), { value: "" + min, min: "" + min }));
+          }
+      };
+      return NxQL;
+  }());
+
+  function isFieldValueObject(value) {
+      return typeof value === 'object' && (value[VALUE_OBJECT] || ('value' in value && 'operator' in value));
+  }
+  function isDateObject(obj) {
+      return (obj &&
+          typeof obj === 'object' &&
+          'min' in obj &&
+          'max' in obj &&
+          typeof obj.min === 'string' &&
+          typeof obj.max === 'string');
+  }
+  function removeEmptyKeys(data) {
+      return Object.entries(data || {}).reduce(function (obj, _a) {
+          var _b = __read(_a, 2), key = _b[0], value = _b[1];
+          if (Array.isArray(value)) {
+              var cleanedArray = value
+                  .map(function (item) { return (_.isObject(value) ? removeEmptyKeys(item) : item); })
+                  .filter(shouldIncludeValue);
+              if (cleanedArray.length > 0) {
+                  obj[key] = cleanedArray;
+              }
+          }
+          if (_.isObject(value) && !_.isDate(value) && !Array.isArray(value)) {
+              var cleanedValue = removeEmptyKeys(value);
+              if (Object.keys(cleanedValue).length > 0) {
+                  obj[key] = cleanedValue;
+              }
+          }
+          else if (shouldIncludeValue(value)) {
+              obj[key] = value;
+          }
+          return obj;
+      }, {});
+  }
+  function shouldIncludeValue(value) {
+      if (Array.isArray(value) && value.length > 0) {
+          return value.some(function (item) { return shouldIncludeValue(item); });
+      }
+      return !Array.isArray(value) && (!!value || _.isBoolean(value) || _.isNumber(value) || _.isDate(value));
+  }
+
+  var NxQlQuery = /** @class */ (function (_super) {
+      __extends(NxQlQuery, _super);
+      function NxQlQuery() {
+          return _super !== null && _super.apply(this, arguments) || this;
+      }
+      NxQlQuery.preparePayloadItem = function (value, field) {
+          var _a;
+          var _defaultOperator = field.type == 'aggregation' ? COMPARISON_OPERATOR.in : COMPARISON_OPERATOR.like;
+          var _fieldName = field.config.fieldKey;
+          var _operator = (value === null || value === void 0 ? void 0 : value.operator) || ((_a = field.config) === null || _a === void 0 ? void 0 : _a.operator) || _defaultOperator;
+          return {
+              name: _fieldName,
+              operator: _operator,
+              value: NxQlQuery.prepareValueByOperator(_operator, value)
+          };
+      };
+      NxQlQuery.prepareValueByOperator = function (operator, fieldValue) {
+          var _b;
+          var _opr = COMPARISON_OPERATOR;
+          var value = fieldValue.value, prefix = fieldValue.prefix;
+          if (operator === _opr.between) {
+              return NxQlQuery._getMinMaxRange(fieldValue, prefix);
+          }
+          var operatorHandlers = (_b = {},
+              _b[_opr.equals] = NxQlQuery.equals,
+              _b[_opr.notEquals] = NxQlQuery.equals,
+              _b[_opr.lessThan] = NxQlQuery.equals,
+              _b[_opr.greaterThan] = NxQlQuery.equals,
+              _b[_opr.in] = NxQlQuery.in,
+              _b[_opr.notIn] = NxQlQuery.in,
+              _b[_opr.lessThanOrEqual] = NxQlQuery.equals,
+              _b[_opr.greaterThanOrEqual] = NxQlQuery.equals,
+              _b[_opr.like] = NxQlQuery.like,
+              _b[_opr.iLike] = NxQlQuery.like,
+              _b[_opr.notLike] = NxQlQuery.like,
+              _b[_opr.notILike] = NxQlQuery.like,
+              _b[_opr.startsWith] = NxQlQuery.equals,
+              _b[_opr.fullText] = NxQlQuery.equals,
+              _b);
+          return operatorHandlers[operator](value, prefix);
+      };
+      NxQlQuery.equals = function (value, prefix) {
+          if (prefix === void 0) { prefix = ''; }
+          return (prefix ? prefix + " " : '') + "'" + value.trim() + "'";
+      };
+      NxQlQuery.like = function (value, prefix) {
+          if (prefix === void 0) { prefix = ''; }
+          return (prefix ? prefix + " " : '') + "'%" + value.trim() + "%'";
+      };
+      NxQlQuery.in = function (value, prefix) {
+          if (prefix === void 0) { prefix = ''; }
+          var _val = Array.isArray(value) ? value.map(function (item) { return "'" + item + "'"; }).join(',') : value;
+          return (prefix ? prefix + " " : '') + "(" + _val.trim() + ")";
+      };
+      NxQlQuery.between = function (value1, value2) {
+          return value1 + " AND " + value2;
+      };
+      return NxQlQuery;
+  }(NxQL));
+
   var FiltersMapperService = /** @class */ (function () {
       function FiltersMapperService() {
       }
@@ -18588,12 +18408,15 @@
           return _this;
       }
       AggregationBaseSelectionComponent.prototype.writeValue = function (values) {
-          var _a;
+          var _b;
           if (values) {
-              var _values = isFieldValueObject(values) ? values.value : values;
+              var _values = this._getValues(values);
+              if (___default["default"].isEqual(_values, this.internalValue)) {
+                  return;
+              }
               var _vals = Array.isArray(_values) ? _values : [_values];
               this.internalValue = _values;
-              (_a = this.selectionModel).select.apply(_a, __spreadArray([], __read(_vals)));
+              (_b = this.selectionModel).select.apply(_b, __spreadArray([], __read(_vals)));
               this._isFieldDirty = true;
               this.cdr.markForCheck();
           }
@@ -18606,19 +18429,28 @@
           var _this = this;
           this.selectionModel.changed
               .asObservable()
-              .pipe(operators.map(function (data) { return data.source.selected; }), operators.distinctUntilChanged(function (a, b) { return ___default["default"].isEqual(a, b); }), operators.takeUntil(this.destroy$))
+              .pipe(operators.map(function (data) { return data.source.selected; }), operators.distinctUntilChanged(function (a, b) { return ___default["default"].isEqual(a, b); }), operators.filter(function (value) { return !___default["default"].isEqual(_this.internalValue, value); }), operators.takeUntil(this.destroy$))
               .subscribe(function (value) {
               _this.emitValue(value);
           });
       };
       AggregationBaseSelectionComponent.prototype.emitValue = function (value) {
+          var _a;
           this.internalValue = value;
           this._isFieldDirty = !!(value === null || value === void 0 ? void 0 : value.length);
-          this.onChange(this._isValueObject() ? this._prepareValueObject(value) : value);
+          if ((value === null || value === void 0 ? void 0 : value.length) !== 0 && this._isValueObject()) {
+              this.onChange(this._prepareValueObject(value, ((_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.operator) || COMPARISON_OPERATOR.in));
+              return;
+          }
+          this.onChange(value);
       };
       AggregationBaseSelectionComponent.prototype.sortChange = function (event) {
           this.sort = Object.assign({}, event);
       };
+      AggregationBaseSelectionComponent.prototype._getValues = function (values) {
+          var _a;
+          return Array.isArray(values) ? values : ((_a = values) === null || _a === void 0 ? void 0 : _a.value) || [];
+      };
       return AggregationBaseSelectionComponent;
   }(BaseAggregationField));
   AggregationBaseSelectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationBaseSelectionComponent, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Directive });
@@ -18627,6 +18459,40 @@
               type: i0.Directive
           }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; } });
 
+  var BaseCustomValueAccessor = /** @class */ (function (_super) {
+      __extends(BaseCustomValueAccessor, _super);
+      function BaseCustomValueAccessor(injector) {
+          var _this = _super.call(this, injector) || this;
+          _this.injector = injector;
+          _this.onChange = function () { };
+          _this.onTouched = function () { };
+          _this.onValidationChange = function () { };
+          return _this;
+      }
+      BaseCustomValueAccessor.prototype.registerOnChange = function (fn) {
+          this.onChange = fn;
+      };
+      BaseCustomValueAccessor.prototype.registerOnTouched = function (fn) {
+          this.onTouched = fn;
+      };
+      BaseCustomValueAccessor.prototype.setDisabledState = function (isDisabled) {
+          this.disabled = isDisabled;
+          this.cdr.markForCheck();
+      };
+      BaseCustomValueAccessor.prototype.registerOnValidatorChange = function (fn) {
+          this.onValidationChange = fn;
+      };
+      return BaseCustomValueAccessor;
+  }(BaseComponent));
+  BaseCustomValueAccessor.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseCustomValueAccessor, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+  BaseCustomValueAccessor.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseCustomValueAccessor, inputs: { disabled: "disabled" }, usesInheritance: true, ngImport: i0__namespace });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseCustomValueAccessor, decorators: [{
+              type: i0.Directive,
+              args: [{}]
+          }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; }, propDecorators: { disabled: [{
+                  type: i0.Input
+              }] } });
+
   var BasePredicateField = /** @class */ (function (_super) {
       __extends(BasePredicateField, _super);
       function BasePredicateField() {
@@ -18674,6 +18540,56 @@
                   type: i0.Input
               }] } });
 
+  var BaseCustomField = /** @class */ (function (_super) {
+      __extends(BaseCustomField, _super);
+      function BaseCustomField(injector) {
+          var _this = _super.call(this, injector) || this;
+          _this.injector = injector;
+          _this._isFieldDirty = false;
+          return _this;
+      }
+      Object.defineProperty(BaseCustomField.prototype, "renderOptions", {
+          get: function () {
+              var _a, _b;
+              return (_b = (_a = this.field) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.options;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      BaseCustomField.prototype.validate = function (control) {
+          return control.valid ? null : control.errors;
+      };
+      BaseCustomField.prototype._isValueObject = function () {
+          var _a;
+          return ((_a = this.field) === null || _a === void 0 ? void 0 : _a.valueType) === 'valueObject';
+      };
+      BaseCustomField.prototype._isSendAsQueryParams = function () {
+          var _a;
+          return ((_a = this.field) === null || _a === void 0 ? void 0 : _a.sendMode) === FIELD_SEND_MODE.queryParam;
+      };
+      BaseCustomField.prototype._prepareValueObject = function (value, operator, prefix) {
+          var _a;
+          if (operator === void 0) {
+              operator = (_a = this.field) === null || _a === void 0 ? void 0 : _a.operator;
+          }
+          return new FieldValueObject({
+              operator: operator,
+              value: value,
+              prefix: prefix
+          });
+      };
+      return BaseCustomField;
+  }(BaseCustomValueAccessor));
+  BaseCustomField.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseCustomField, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+  BaseCustomField.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseCustomField, inputs: { aggregations: "aggregations", field: "field" }, usesInheritance: true, ngImport: i0__namespace });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseCustomField, decorators: [{
+              type: i0.Directive
+          }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; }, propDecorators: { aggregations: [{
+                  type: i0.Input
+              }], field: [{
+                  type: i0.Input
+              }] } });
+
   var AUTOCOMPLETE_TEMPLATE = new i0.InjectionToken('AutocompleteTemplateDirective');
   var AutocompleteTemplateDirective = /** @class */ (function () {
       function AutocompleteTemplateDirective(template) {
@@ -20127,7 +20043,8 @@
           }
       };
       AggregationFieldComponent.prototype._prepareField = function () {
-          var instance = this._componentRef.instance;
+          var instance = this._componentRef
+              .instance;
           instance.aggregation = this.aggregation;
           instance.fieldConfig = this.fieldConfig;
           if (this.contentTemplate) {
@@ -20141,13 +20058,13 @@
           {
               provide: i2.NG_VALUE_ACCESSOR,
               useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
-              multi: true
+              multi: true,
           },
           {
               provide: i2.NG_VALIDATORS,
               useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
-              multi: true
-          }
+              multi: true,
+          },
       ], usesInheritance: true, ngImport: i0__namespace, template: '<ng-container #dynamicContainer></ng-container>', isInline: true, styles: [""], encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationFieldComponent, decorators: [{
               type: i0.Component,
@@ -20160,30 +20077,47 @@
                           {
                               provide: i2.NG_VALUE_ACCESSOR,
                               useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
-                              multi: true
+                              multi: true,
                           },
                           {
                               provide: i2.NG_VALIDATORS,
                               useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
-                              multi: true
-                          }
+                              multi: true,
+                          },
                       ],
                       host: {
-                          '[class]': "'aggregation-field' + '  aggregation-field__fieldConfig?.render?.type' "
-                      }
+                          '[class]': "'aggregation-field' + '  aggregation-field__fieldConfig?.render?.type' ",
+                      },
                   }]
           }], propDecorators: { aggregation: [{
                   type: i0.Input
               }], contentTemplate: [{
                   type: i0.Input
-              }] } });
+              }] } });
+  var AggregationFieldModule = /** @class */ (function () {
+      function AggregationFieldModule() {
+      }
+      return AggregationFieldModule;
+  }());
+  AggregationFieldModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationFieldModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  AggregationFieldModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationFieldModule, declarations: [AggregationFieldComponent], imports: [i4.CommonModule, i2.FormsModule, i2.ReactiveFormsModule], exports: [AggregationFieldComponent] });
+  AggregationFieldModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationFieldModule, imports: [[i4.CommonModule, i2.FormsModule, i2.ReactiveFormsModule]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationFieldModule, decorators: [{
+              type: i0.NgModule,
+              args: [{
+                      declarations: [AggregationFieldComponent],
+                      exports: [AggregationFieldComponent],
+                      imports: [i4.CommonModule, i2.FormsModule, i2.ReactiveFormsModule],
+                  }]
+          }] });
 
   var CustomFieldComponent = /** @class */ (function (_super) {
       __extends(CustomFieldComponent, _super);
       function CustomFieldComponent() {
           var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
           _this.handlers = {
-              activeUser: _this._prepareField.bind(_this)
+              activeUser: _this._prepareField.bind(_this),
+              aggregationGroup: _this._prepareField.bind(_this)
           };
           return _this;
       }
@@ -20731,7 +20665,9 @@
               for (var _c = __values(this.fields), _d = _c.next(); !_d.done; _d = _c.next()) {
                   var field = _d.value;
                   var key = field.config.fieldKey;
-                  this.formGroup.addControl(key, new i2.FormControl(field.config.values));
+                  if (!this.formGroup.contains(key)) {
+                      this.formGroup.addControl(key, new i2.FormControl(field.config.values));
+                  }
               }
           }
           catch (e_1_1) { e_1 = { error: e_1_1 }; }
@@ -20745,7 +20681,7 @@
       FiltersPanelComponent.prototype._handleFormGroupChanges = function () {
           var _this = this;
           this.formGroup.valueChanges
-              .pipe(operators.debounceTime(300), operators.map(function (data) { return removeEmptyKeys(data); }), operators.distinctUntilChanged(function (a, b) { return ___default["default"].isEqual(a || {}, b || {}); }), operators.takeUntil(this.destroy$))
+              .pipe(operators.debounceTime(300), operators.map(function (data) { return removeEmptyKeys(data); }), operators.distinctUntilChanged(function (a, b) { return ___default["default"].isEqual(a, b); }), operators.takeUntil(this.destroy$))
               .subscribe(function (res) {
               _this.filterChanged.emit(res);
           });
@@ -20786,6 +20722,183 @@
                   type: i0.Output
               }] } });
 
+  var ActiveUserService = /** @class */ (function (_super) {
+      __extends(ActiveUserService, _super);
+      function ActiveUserService() {
+          return _super !== null && _super.apply(this, arguments) || this;
+      }
+      ActiveUserService.prototype.getCurrentUser = function () {
+          return this.user;
+      };
+      return ActiveUserService;
+  }(BaseService));
+  ActiveUserService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActiveUserService, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  ActiveUserService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActiveUserService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActiveUserService, decorators: [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }] });
+
+  var ActiveUserSwitchComponent = /** @class */ (function (_super) {
+      __extends(ActiveUserSwitchComponent, _super);
+      function ActiveUserSwitchComponent() {
+          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+          _this._userService = _this.injector.get(ActiveUserService);
+          _this.isUserSelected = false;
+          return _this;
+      }
+      ActiveUserSwitchComponent.prototype.writeValue = function (value) {
+          if (value) {
+              var val = isFieldValueObject(value) ? value.value : value;
+              this.isUserSelected = val === this.getValue();
+          }
+      };
+      ActiveUserSwitchComponent.prototype.toggle = function (_b) {
+          var checked = _b.checked;
+          this.isUserSelected = checked;
+          if (!checked) {
+              this.onChange(null);
+              return;
+          }
+          if (this.field.valueType === 'property') {
+              this.onChange(this.getValue());
+              return;
+          }
+          this.updateObjectValue();
+      };
+      ActiveUserSwitchComponent.prototype.getValue = function () {
+          var _a;
+          return ___default["default"].get(this._userService.getCurrentUser(), ((_a = this.renderOptions) === null || _a === void 0 ? void 0 : _a.bindValue) || 'properties.username');
+      };
+      ActiveUserSwitchComponent.prototype.updateObjectValue = function () {
+          var _a;
+          var operator = ((_a = this.field) === null || _a === void 0 ? void 0 : _a.operator) || COMPARISON_OPERATOR.equals;
+          var data = this._prepareValueObject(this.getValue(), operator);
+          this.onChange(data);
+      };
+      return ActiveUserSwitchComponent;
+  }(BaseCustomField));
+  ActiveUserSwitchComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActiveUserSwitchComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  ActiveUserSwitchComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ActiveUserSwitchComponent, selector: "active-user-switch", usesInheritance: true, ngImport: i0__namespace, template: "<mat-slide-toggle\r\n\tclass=\"filter-switch__item\"\r\n\t[checked]=\"isUserSelected\"\r\n\t(change)=\"toggle($event)\"\r\n\t[class.checkedBox]=\"isUserSelected\"\r\n\t[class.unCheckedBox]=\"!isUserSelected\"\r\n>\r\n\t{{ renderOptions?.text || field?.label | translate }}\r\n</mat-slide-toggle>\r\n", styles: [""], components: [{ type: i1__namespace$9.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActiveUserSwitchComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'active-user-switch',
+                      templateUrl: './active-user-switch.component.html',
+                      styleUrls: ['./active-user-switch.component.scss']
+                  }]
+          }] });
+
+  var MapToAggregationConfigPipe = /** @class */ (function () {
+      function MapToAggregationConfigPipe() {
+      }
+      MapToAggregationConfigPipe.prototype.transform = function (config) {
+          if (!config) {
+              return null;
+          }
+          var aggregationConfig = Object.assign(Object.assign({}, config), { valueType: 'property', sendMode: 'queryParam' });
+          return aggregationConfig;
+      };
+      return MapToAggregationConfigPipe;
+  }());
+  MapToAggregationConfigPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapToAggregationConfigPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+  MapToAggregationConfigPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapToAggregationConfigPipe, name: "mapToAggregationConfig" });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapToAggregationConfigPipe, decorators: [{
+              type: i0.Pipe,
+              args: [{
+                      name: 'mapToAggregationConfig'
+                  }]
+          }] });
+
+  var AggregationGroupComponent = /** @class */ (function (_super) {
+      __extends(AggregationGroupComponent, _super);
+      function AggregationGroupComponent() {
+          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+          _this.formItems = new i2.FormArray([]);
+          _this.formGroup = new i2.FormGroup({
+              items: _this.formItems
+          });
+          _this.internalValue = [];
+          _this.fieldTypes = FIELD_TYPE;
+          return _this;
+      }
+      Object.defineProperty(AggregationGroupComponent.prototype, "options", {
+          get: function () {
+              var _a, _b;
+              return (_b = (_a = this.field) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.options;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      AggregationGroupComponent.prototype.trackByFieldKey = function (_, field) {
+          return field === null || field === void 0 ? void 0 : field.fieldKey;
+      };
+      AggregationGroupComponent.prototype.writeValue = function (value) {
+          if (value) {
+              var _values = this._getValues(value);
+              if (___default["default"].isEqual(_values, this.internalValue)) {
+                  return;
+              }
+              this.internalValue = _values;
+              this.formItems.clear();
+              this._prepareFormFields(this.internalValue);
+          }
+      };
+      AggregationGroupComponent.prototype.ngOnInit = function () {
+          this._prepareFormFields(this.internalValue);
+          this._listenToChanges();
+      };
+      AggregationGroupComponent.prototype._listenToChanges = function () {
+          var _this = this;
+          this.formGroup.valueChanges
+              .pipe(operators.distinctUntilChanged(function (a, b) { return ___default["default"].isEqual(a, b); }), operators.map(function (_c) {
+              var items = _c.items;
+              return items.reduce(function (acc, curr) { return acc.concat(curr); }, []).filter(Boolean);
+          }), operators.filter(function (value) { return !___default["default"].isEqual(_this.internalValue, value); }), operators.takeUntil(this.destroy$))
+              .subscribe(function (value) {
+              _this.emitValue(value);
+          });
+      };
+      AggregationGroupComponent.prototype._prepareFormFields = function (values) {
+          var _this = this;
+          if (values === void 0) { values = []; }
+          var _a;
+          var items = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.aggregations) || [];
+          if (!!items.length) {
+              this.formItems.clear();
+              items.forEach(function (item) {
+                  _this.formItems.push(new i2.FormControl(values));
+              });
+          }
+      };
+      AggregationGroupComponent.prototype.emitValue = function (value) {
+          var _a;
+          this.internalValue = value;
+          if ((value === null || value === void 0 ? void 0 : value.length) !== 0 && this._isValueObject()) {
+              this.onChange(this._prepareValueObject(value, ((_a = this.field) === null || _a === void 0 ? void 0 : _a.operator) || COMPARISON_OPERATOR.in));
+              return;
+          }
+          this.onChange(value);
+      };
+      AggregationGroupComponent.prototype._getValues = function (values) {
+          var _a;
+          return Array.isArray(values) ? values : ((_a = values) === null || _a === void 0 ? void 0 : _a.value) || [];
+      };
+      return AggregationGroupComponent;
+  }(BaseCustomField));
+  AggregationGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationGroupComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  AggregationGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AggregationGroupComponent, selector: "app-aggregation-group", usesInheritance: true, ngImport: i0__namespace, template: "<div [formGroup]=\"formGroup\" *ngIf=\"options?.aggregations && aggregations\">\r\n\t<div formArrayName=\"items\">\r\n\t\t<ng-container *ngFor=\"let fieldConfig of options?.aggregations; trackBy: trackByFieldKey; let i = index\">\r\n\t\t\t<ng-container *permission=\"{ name: fieldConfig?.permission }\">\r\n\t\t\t\t<app-aggregation-field\r\n\t\t\t\t\t*ngIf=\"fieldConfig?.condition | checkCondition: aggregations : currentLang\"\r\n\t\t\t\t\t[aggregation]=\"aggregations[fieldConfig.aggregation]\"\r\n\t\t\t\t\t[fieldConfig]=\"fieldConfig | mapToAggregationConfig\"\r\n\t\t\t\t\t[formControlName]=\"i\"\r\n\t\t\t\t></app-aggregation-field>\r\n\t\t\t</ng-container>\r\n\t\t</ng-container>\r\n\t</div>\r\n</div>\r\n", styles: [""], components: [{ type: AggregationFieldComponent, selector: "app-aggregation-field", inputs: ["aggregation", "contentTemplate"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2__namespace$4.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i2__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$4.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "mapToAggregationConfig": MapToAggregationConfigPipe, "checkCondition": CheckConditionPipe } });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationGroupComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'app-aggregation-group',
+                      templateUrl: './aggregation-group.component.html',
+                      styleUrls: ['./aggregation-group.component.scss']
+                  }]
+          }] });
+
   var NdfDatepickerModule = /** @class */ (function () {
       function NdfDatepickerModule() {
       }
@@ -20841,7 +20954,11 @@
                   }]
           }] });
 
-  var CONTAINERS$1 = [FiltersPanelComponent, PredicateFieldComponent, AggregationFieldComponent, CustomFieldComponent];
+  var CONTAINERS$1 = [
+      FiltersPanelComponent,
+      PredicateFieldComponent,
+      CustomFieldComponent,
+  ];
   var COMPONENTS$4 = [
       AggregationAutocompleteComponent,
       AggregationSelectComponent,
@@ -20851,9 +20968,13 @@
       AggregationCustomComponent,
       AggregationDateListComponent,
       PredicateTextInputComponent,
-      PredicateDateInputComponent
+      PredicateDateInputComponent,
+  ];
+  var CUSTOM_ELEMENTS = [
+      ActiveUserSwitchComponent,
+      AggregationGroupComponent,
+      MapToAggregationConfigPipe,
   ];
-  var CUSTOM_ELEMENTS = [ActiveUserSwitchComponent];
   var PARTS = [
       FilterOptionTextComponent,
       FilterSearchInputComponent,
@@ -20862,7 +20983,7 @@
       FilterEmptyMessageComponent,
       FilterDateRangeComponent,
       FilterAutocompleteInputComponent,
-      FilterOptionsSortComponent
+      FilterOptionsSortComponent,
   ];
   var EXPORTED_PARTS = [HtmlDialogComponent];
   var DIRECTIVES$3 = [
@@ -20874,7 +20995,7 @@
       CustomTemplateDirective,
       DropdownLabelTemplateDirective,
       DropdownMultiLabelTemplateDirective,
-      DateListTemplateDirective
+      DateListTemplateDirective,
   ];
   var PIPES = [
       AutocompleteFilterPipe,
@@ -20886,15 +21007,50 @@
       SortListPipe,
       TooltipPipe,
       FiltersByRolesPipe,
-      CheckConditionPipe
+      CheckConditionPipe,
   ];
   var NdfFiltersPanelModule = /** @class */ (function () {
-      function NdfFiltersPanelModule() {
+      /**
+       *
+       */
+      function NdfFiltersPanelModule(loaderService) {
+          this.loaderService = loaderService;
+          this._registerCustomComponent();
+          this._registerAggregationsComponents();
+          this._registerPredicateComponents();
       }
+      //------
+      // CUSTOM
+      //------
+      NdfFiltersPanelModule.prototype._registerCustomComponent = function () {
+          this.loaderService.registerComponent(CUSTOM_FIELD_TYPES.activeUser, ActiveUserSwitchComponent);
+          this.loaderService.registerComponent(CUSTOM_FIELD_TYPES.aggregationGroup, AggregationGroupComponent);
+      };
+      //------
+      // AGGREGATION
+      //------
+      NdfFiltersPanelModule.prototype._registerAggregationsComponents = function () {
+          this.loaderService.registerComponent(AGGREGATION_FIELD_TYPES.autocomplete, AggregationAutocompleteComponent);
+          this.loaderService.registerComponent(AGGREGATION_FIELD_TYPES.dropdown, AggregationSelectComponent);
+          this.loaderService.registerComponent(AGGREGATION_FIELD_TYPES.switch, AggregationSwitchComponent);
+          this.loaderService.registerComponent(AGGREGATION_FIELD_TYPES.radio, AggregationRadioComponent);
+          this.loaderService.registerComponent(AGGREGATION_FIELD_TYPES.dateList, AggregationDateListComponent);
+          this.loaderService.registerComponent(AGGREGATION_FIELD_TYPES.custom, AggregationCustomComponent);
+          this.loaderService.registerComponent(AGGREGATION_FIELD_TYPES.checkbox, AggregationCheckboxComponent);
+      };
+      //------
+      // PREDICATE
+      //------
+      NdfFiltersPanelModule.prototype._registerPredicateComponents = function () {
+          this.loaderService.registerComponent(PREDICATE_FIELD_TYPES.input, PredicateTextInputComponent);
+          this.loaderService.registerComponent(PREDICATE_FIELD_TYPES.date, PredicateDateInputComponent);
+      };
       return NdfFiltersPanelModule;
   }());
-  NdfFiltersPanelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfFiltersPanelModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  NdfFiltersPanelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfFiltersPanelModule, declarations: [FiltersPanelComponent, PredicateFieldComponent, AggregationFieldComponent, CustomFieldComponent, AggregationAutocompleteComponent,
+  NdfFiltersPanelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfFiltersPanelModule, deps: [{ token: DynamicComponentLoaderService }], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  NdfFiltersPanelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfFiltersPanelModule, declarations: [FiltersPanelComponent,
+          PredicateFieldComponent,
+          CustomFieldComponent, AggregationAutocompleteComponent,
           AggregationSelectComponent,
           AggregationCheckboxComponent,
           AggregationSwitchComponent,
@@ -20902,7 +21058,9 @@
           AggregationCustomComponent,
           AggregationDateListComponent,
           PredicateTextInputComponent,
-          PredicateDateInputComponent, ActiveUserSwitchComponent, CheckboxTemplateDirective,
+          PredicateDateInputComponent, ActiveUserSwitchComponent,
+          AggregationGroupComponent,
+          MapToAggregationConfigPipe, CheckboxTemplateDirective,
           RadioTemplateDirective,
           SwitchTemplateDirective,
           DropdownTemplateDirective,
@@ -20945,7 +21103,10 @@
           DynamicFormModule,
           NuxeoDialogModule,
           DirectiveModule,
-          NdfDatepickerModule, i5__namespace$4.NgxMaskModule], exports: [FiltersPanelComponent, PredicateFieldComponent, AggregationFieldComponent, CustomFieldComponent, AggregationAutocompleteComponent,
+          NdfDatepickerModule,
+          AggregationFieldModule, i5__namespace$4.NgxMaskModule], exports: [FiltersPanelComponent,
+          PredicateFieldComponent,
+          CustomFieldComponent, AggregationAutocompleteComponent,
           AggregationSelectComponent,
           AggregationCheckboxComponent,
           AggregationSwitchComponent,
@@ -20953,7 +21114,9 @@
           AggregationCustomComponent,
           AggregationDateListComponent,
           PredicateTextInputComponent,
-          PredicateDateInputComponent, ActiveUserSwitchComponent, CheckboxTemplateDirective,
+          PredicateDateInputComponent, ActiveUserSwitchComponent,
+          AggregationGroupComponent,
+          MapToAggregationConfigPipe, CheckboxTemplateDirective,
           RadioTemplateDirective,
           SwitchTemplateDirective,
           DropdownTemplateDirective,
@@ -20983,15 +21146,30 @@
               NuxeoDialogModule,
               DirectiveModule,
               NdfDatepickerModule,
+              AggregationFieldModule,
               i5$4.NgxMaskModule.forRoot({
-                  validation: true
-              })
+                  validation: true,
+              }),
           ]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfFiltersPanelModule, decorators: [{
               type: i0.NgModule,
               args: [{
-                      declarations: [CONTAINERS$1, COMPONENTS$4, CUSTOM_ELEMENTS, DIRECTIVES$3, PIPES, PARTS, EXPORTED_PARTS],
-                      exports: [CONTAINERS$1, COMPONENTS$4, CUSTOM_ELEMENTS, DIRECTIVES$3, EXPORTED_PARTS],
+                      declarations: [
+                          CONTAINERS$1,
+                          COMPONENTS$4,
+                          CUSTOM_ELEMENTS,
+                          DIRECTIVES$3,
+                          PIPES,
+                          PARTS,
+                          EXPORTED_PARTS,
+                      ],
+                      exports: [
+                          CONTAINERS$1,
+                          COMPONENTS$4,
+                          CUSTOM_ELEMENTS,
+                          DIRECTIVES$3,
+                          EXPORTED_PARTS,
+                      ],
                       imports: [
                           i4.CommonModule,
                           i2.FormsModule,
@@ -21013,13 +21191,14 @@
                           NuxeoDialogModule,
                           DirectiveModule,
                           NdfDatepickerModule,
+                          AggregationFieldModule,
                           i5$4.NgxMaskModule.forRoot({
-                              validation: true
-                          })
+                              validation: true,
+                          }),
                       ],
-                      providers: [DynamicComponentLoaderService, AggregationFieldService]
+                      providers: [DynamicComponentLoaderService, AggregationFieldService],
                   }]
-          }] });
+          }], ctorParameters: function () { return [{ type: DynamicComponentLoaderService }]; } });
 
   var TextSearchComponent = /** @class */ (function (_super) {
       __extends(TextSearchComponent, _super);
@@ -21440,7 +21619,7 @@
       return SkeletonComponent;
   }());
   SkeletonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SkeletonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  SkeletonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SkeletonComponent, selector: "app-skeleton", inputs: { styleClass: "styleClass", style: "style", shape: "shape", animation: "animation", radius: "radius", size: "size", width: "width", height: "height", randomWidth: "randomWidth" }, ngImport: i0__namespace, template: "<div [ngClass]=\"containerClass()\" [class]=\"styleClass\" [ngStyle]=\"containerStyle()\"></div>", isInline: true, styles: [".skeleton-circle{--skeleton-radius: 50%}.skeleton-none{--skeleton-animation: none}.skeleton-opacity{--skeleton-animation: skeleton-opacity 1.2s infinite;--skeleton-bg: linear-gradient( 0deg, rgba(150, 153, 158, 0) 40%, rgba(150, 153, 158, .6) 100% );--skeleton-transform: none}.skeleton{position:relative;overflow:hidden;background-color:var(--skeleton-bg, #e9ecef);border-radius:var(--skeleton-radius, 3px)}.skeleton:after{content:\"\";animation:var(--skeleton-animation, skeleton-animation 1.2s infinite);height:100%;left:0;position:absolute;right:0;top:0;transform:var(--skeleton-transform, translateX(-100%));z-index:1;background:var(--skeleton-bg, linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)))}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton-opacity{0%{opacity:.12}to{opacity:.02}}\n"], directives: [{ type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  SkeletonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SkeletonComponent, selector: "app-skeleton", inputs: { styleClass: "styleClass", style: "style", shape: "shape", animation: "animation", radius: "radius", size: "size", width: "width", height: "height", randomWidth: "randomWidth" }, ngImport: i0__namespace, template: "<div [ngClass]=\"containerClass()\" [class]=\"styleClass\" [ngStyle]=\"containerStyle()\"></div>", isInline: true, styles: [".skeleton-circle{--skeleton-radius: 50%}.skeleton-none{--skeleton-animation: none}.skeleton-opacity{--skeleton-animation: skeleton-opacity 1.2s infinite;--skeleton-opacity-bg: linear-gradient( 0deg, rgba(150, 153, 158, 0) 40%, rgba(150, 153, 158, .6) 100% );--skeleton-transform: none}.skeleton{position:relative;overflow:hidden;background-color:var(--skeleton-bg);border-radius:var(--skeleton-radius, 3px)}.skeleton:after{content:\"\";animation:var(--skeleton-animation, skeleton-animation 1.2s infinite);height:100%;left:0;position:absolute;right:0;top:0;transform:var(--skeleton-transform, translateX(-100%));z-index:1;background:var(--skeleton-animation-bg, linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)))}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton-opacity{0%{opacity:.12}to{opacity:.02}}\n"], directives: [{ type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SkeletonComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -43918,6 +44097,16 @@
           enumerable: false,
           configurable: true
       });
+      Object.defineProperty(BaseChart.prototype, "criteria", {
+          get: function () {
+              return this._criteria;
+          },
+          set: function (value) {
+              this._criteria = ___default["default"].cloneDeep(value);
+          },
+          enumerable: false,
+          configurable: true
+      });
       BaseChart.prototype._subscribeToLanguage = function () {
           var _this = this;
           this._translateService.onLangChange
@@ -43929,35 +44118,114 @@
       return BaseChart;
   }(DestroySubject));
   BaseChart.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseChart, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-  BaseChart.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseChart, inputs: { data: "data", config: "config" }, outputs: { onReady: "onReady" }, usesInheritance: true, ngImport: i0__namespace });
+  BaseChart.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseChart, inputs: { data: "data", config: "config", criteria: "criteria" }, outputs: { onReady: "onReady" }, usesInheritance: true, ngImport: i0__namespace });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseChart, decorators: [{
               type: i0.Directive
           }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; }, propDecorators: { data: [{
                   type: i0.Input
               }], config: [{
                   type: i0.Input
+              }], criteria: [{
+                  type: i0.Input
               }], onReady: [{
                   type: i0.Output
               }] } });
 
+  var ReportsDataTransformers = /** @class */ (function () {
+      function ReportsDataTransformers() {
+          this._transformations = new Map();
+      }
+      ReportsDataTransformers.prototype.register = function (arg1, arg2) {
+          var _this = this;
+          if (typeof arg1 === 'object') {
+              Object.entries(arg1).forEach(function (_a) {
+                  var _b = __read(_a, 2), key = _b[0], fn = _b[1];
+                  return _this._transformations.set(key, fn);
+              });
+              return;
+          }
+          if (typeof arg1 === 'string' && arg2) {
+              this._transformations.set(arg1, arg2);
+          }
+      };
+      /**
+       * Retrieves a transformer function by its key.
+       *
+       * @param {string} key - The key of the transformer function.
+       * @returns {ReportDataTransformer | undefined} - The transformer function or undefined if not found.
+       */
+      ReportsDataTransformers.prototype.get = function (key) {
+          return this._transformations.get(key);
+      };
+      /**
+       * Retrieves all registered transformer functions.
+       *
+       * @returns {Map<string, ReportDataTransformer>} - A map of all transformer functions.
+       */
+      ReportsDataTransformers.prototype.getAll = function () {
+          return this._transformations;
+      };
+      /**
+       * Clears all registered transformer functions.
+       */
+      ReportsDataTransformers.prototype.clear = function () {
+          this._transformations.clear();
+      };
+      /**
+       * Checks if a transformer function is registered for a specific key.
+       *
+       * @param {string} key - The key to check.
+       * @returns {boolean} - True if the key exists, false otherwise.
+       */
+      ReportsDataTransformers.prototype.has = function (key) {
+          return this._transformations.has(key);
+      };
+      /**
+       * Removes a transformer function by its key.
+       *
+       * @param {string} key - The key of the transformer function to remove.
+       */
+      ReportsDataTransformers.prototype.remove = function (key) {
+          this._transformations.delete(key);
+      };
+      ReportsDataTransformers.prototype.transform = function (key, data) {
+          var fn = this.get(key);
+          if (!fn) {
+              throw new Error("No transformer registered for key: " + key);
+          }
+          return fn(data);
+      };
+      return ReportsDataTransformers;
+  }());
+  ReportsDataTransformers.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ReportsDataTransformers, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  ReportsDataTransformers.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ReportsDataTransformers, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ReportsDataTransformers, decorators: [{
+              type: i0.Injectable,
+              args: [{ providedIn: 'root' }]
+          }] });
+
   var NdfReportsService = /** @class */ (function (_super) {
       __extends(NdfReportsService, _super);
-      function NdfReportsService() {
-          return _super !== null && _super.apply(this, arguments) || this;
+      function NdfReportsService(injector, _reportsDataTransformers) {
+          var _this = _super.call(this, injector) || this;
+          _this._reportsDataTransformers = _reportsDataTransformers;
+          return _this;
       }
       NdfReportsService.prototype.getData = function (request, criteria) {
           if (criteria === void 0) { criteria = {}; }
           return (request === null || request === void 0 ? void 0 : request.customUrl) ? this._customQuery(request, criteria) : this._query(request, criteria);
       };
       NdfReportsService.prototype._query = function (request, criteria) {
+          var _this = this;
           var params = this._prepareRequest(request, criteria).params;
           return this.query({
               pageProvider: request.pageProvider,
               headers: request === null || request === void 0 ? void 0 : request.headers,
               params: params
-          });
+          }).pipe(operators.switchMap(function (response) { return !!(request === null || request === void 0 ? void 0 : request.transformer) ? _this._reportsDataTransformers.transform(request === null || request === void 0 ? void 0 : request.transformer, response) : rxjs.of(response); }));
       };
       NdfReportsService.prototype._customQuery = function (request, criteria) {
+          var _this = this;
           var _a;
           var _b = this._prepareRequest(request, criteria), params = _b.params, payload = _b.payload;
           return this.request({
@@ -43966,7 +44234,7 @@
               headers: request === null || request === void 0 ? void 0 : request.headers,
               queryParams: params,
               payload: payload
-          });
+          }).pipe(operators.switchMap(function (response) { return !!(request === null || request === void 0 ? void 0 : request.transformer) ? _this._reportsDataTransformers.transform(request === null || request === void 0 ? void 0 : request.transformer, response) : rxjs.of(response); }));
       };
       NdfReportsService.prototype._prepareRequest = function (request, criteria) {
           var params = Object.assign(Object.assign({ pageSize: 1 }, ((request === null || request === void 0 ? void 0 : request.params) || {})), ((criteria === null || criteria === void 0 ? void 0 : criteria.params) || {}));
@@ -43982,14 +44250,14 @@
       };
       return NdfReportsService;
   }(BaseService));
-  NdfReportsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfReportsService, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  NdfReportsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfReportsService, deps: [{ token: i0__namespace.Injector }, { token: ReportsDataTransformers }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   NdfReportsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfReportsService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfReportsService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
                   }]
-          }] });
+          }], ctorParameters: function () { return [{ type: i0__namespace.Injector }, { type: ReportsDataTransformers }]; } });
 
   var ChartManagerService = /** @class */ (function () {
       function ChartManagerService(_translateService, _document) {
@@ -44228,38 +44496,47 @@
   var DynamicTimelineReportService = /** @class */ (function () {
       function DynamicTimelineReportService(_ndfReportsService) {
           this._ndfReportsService = _ndfReportsService;
-          this._rebuildTriggerSub = new rxjs.BehaviorSubject(false);
-          this.rebuild$ = this._rebuildTriggerSub.asObservable();
           this._isInitialized = false;
           this.isLoadingResult = false;
-          this._selectedGroupSub = new rxjs.ReplaySubject();
+          this._selectedGroupSub = new rxjs.BehaviorSubject(null);
           this.selectedGroup$ = this._selectedGroupSub.asObservable();
+          this._rebuildTriggerSub = new rxjs.BehaviorSubject(false);
+          this.rebuild$ = this._rebuildTriggerSub.asObservable();
       }
-      DynamicTimelineReportService.prototype.updateSelectedGroup = function (selected) {
-          if (!this._selectedGroup) {
-              this._selectedGroup = selected || 'week';
-          }
-          this._selectedGroupSub.next(this._selectedGroup);
-      };
       DynamicTimelineReportService.prototype.changeGroup = function (group) {
-          this._selectedGroup = group;
-          this._rebuildTriggerSub.next(true);
+          this._selectedGroupSub.next(group);
+          this.rebuild();
       };
       DynamicTimelineReportService.prototype.rebuild = function () {
           this._rebuildTriggerSub.next(true);
       };
       DynamicTimelineReportService.prototype.prepareData = function () {
           var _this = this;
-          return rxjs.pipe(operators.switchMap(function (_b) {
-              var _c = __read(_b, 2), config = _c[0], criteria = _c[1];
+          return rxjs.pipe(operators.tap(function (_d) {
+              var _e = __read(_d, 2), config = _e[0], criteria = _e[1];
               var _a;
+              if (!_this._selectedGroupSub.getValue()) {
+                  _this._selectedGroupSub.next(((_a = config === null || config === void 0 ? void 0 : config.group) === null || _a === void 0 ? void 0 : _a.selected) || 'week');
+              }
+              _this.payload = ___default["default"].merge(_this.prepareSelectedGroups(config), criteria || {});
+          }), operators.switchMap(function (_d) {
+              var _e = __read(_d, 2), config = _e[0], criteria = _e[1];
+              var _a, _b, _c;
               var request = config === null || config === void 0 ? void 0 : config.request;
               if (!request) {
                   return rxjs.of(null);
               }
-              _this.updateSelectedGroup((_a = config === null || config === void 0 ? void 0 : config.group) === null || _a === void 0 ? void 0 : _a.selected);
-              _this.payload = ___default["default"].merge(criteria || {}, _this._prepareSelectedGroups(config));
-              var data$ = _this._ndfReportsService.getData(request, _this.payload).pipe(operators.catchError(function (error) {
+              var _payload = _this.payload;
+              if (((_a = request === null || request === void 0 ? void 0 : request.actions) === null || _a === void 0 ? void 0 : _a.beforeSubmit) && typeof ((_b = request === null || request === void 0 ? void 0 : request.actions) === null || _b === void 0 ? void 0 : _b.beforeSubmit) === 'string') {
+                  try {
+                      _payload = Evaluator.evaluate((_c = request === null || request === void 0 ? void 0 : request.actions) === null || _c === void 0 ? void 0 : _c.beforeSubmit, { config: config, criteria: _this.payload }, 'payload');
+                  }
+                  catch (e) {
+                      console.error(e);
+                      _payload = _this.payload;
+                  }
+              }
+              var data$ = _this._ndfReportsService.getData(request, _payload).pipe(operators.catchError(function (error) {
                   console.error(error);
                   return rxjs.of(null);
               }), operators.finalize(function () {
@@ -44271,15 +44548,12 @@
               });
           }));
       };
-      DynamicTimelineReportService.prototype._prepareSelectedGroups = function (config) {
+      DynamicTimelineReportService.prototype.prepareSelectedGroups = function (config) {
           var _this = this;
-          var data = config.datasource.map(function (source) {
-              var _a;
-              return ({
-                  name: source.aggregation,
-                  interval: _this._selectedGroup || ((_a = config === null || config === void 0 ? void 0 : config.group) === null || _a === void 0 ? void 0 : _a.selected) || 'week'
-              });
-          });
+          var data = config.datasource.map(function (source) { return ({
+              name: source.aggregation,
+              interval: _this._selectedGroupSub.getValue()
+          }); });
           return {
               payload: {
                   aggregationNames: data
@@ -44289,10 +44563,9 @@
       return DynamicTimelineReportService;
   }());
   DynamicTimelineReportService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTimelineReportService, deps: [{ token: NdfReportsService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  DynamicTimelineReportService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTimelineReportService, providedIn: 'root' });
+  DynamicTimelineReportService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTimelineReportService });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTimelineReportService, decorators: [{
-              type: i0.Injectable,
-              args: [{ providedIn: 'root' }]
+              type: i0.Injectable
           }], ctorParameters: function () { return [{ type: NdfReportsService }]; } });
 
   var ReportsStateService = /** @class */ (function () {
@@ -44431,7 +44704,7 @@
       function DigitChartService(_dataTransformers) {
           this._dataTransformers = _dataTransformers;
       }
-      DigitChartService.prototype.prepareChart = function (response, config) {
+      DigitChartService.prototype.prepareChart = function (response, config, filterCriteria) {
           var _this = this;
           if (!config.datasource) {
               console.warn('No datasource provided for chart configuration');
@@ -44441,7 +44714,7 @@
               var rawData = ___default["default"].get(response, sourceConfig.propertyPath);
               if (_this._dataTransformers.hasDigitsTransformer(sourceConfig === null || sourceConfig === void 0 ? void 0 : sourceConfig.transformer)) {
                   var adapter = _this._dataTransformers.getDigitsTransformer(sourceConfig === null || sourceConfig === void 0 ? void 0 : sourceConfig.transformer);
-                  return adapter(rawData, response);
+                  return adapter(rawData, response, filterCriteria);
               }
               if (___default["default"].isObject(rawData)) {
                   return ___default["default"].get(rawData, sourceConfig === null || sourceConfig === void 0 ? void 0 : sourceConfig.bindValue, rawData);
@@ -44471,7 +44744,7 @@
           this._dataTransformers = _dataTransformers;
           this._translatePrefix = '';
       }
-      BaseChartBuilderService.prototype.prepareChart = function (response, config) {
+      BaseChartBuilderService.prototype.prepareChart = function (response, config, filterCriteria) {
           var _this = this;
           var _a;
           this._translatePrefix = (_a = config === null || config === void 0 ? void 0 : config.prefix) !== null && _a !== void 0 ? _a : '';
@@ -44483,7 +44756,7 @@
               });
           }
           return rxjs.of(config.datasource).pipe(operators.switchMap(function (sources) {
-              var observables$ = sources.map(function (src) { return _this._prepareDataSource(src, response); });
+              var observables$ = sources.map(function (src) { return _this._prepareDataSource(src, response, filterCriteria); });
               return rxjs.forkJoin(observables$).pipe(operators.map(function (results) {
                   return {
                       data: _this._prepareChartData(results, config),
@@ -44498,13 +44771,13 @@
               }));
           }));
       };
-      BaseChartBuilderService.prototype._prepareDataSource = function (sourceConfig, response) {
+      BaseChartBuilderService.prototype._prepareDataSource = function (sourceConfig, response, filterCriteria) {
           var _this = this;
           var buckets = ___default["default"].get(response, sourceConfig.propertyPath) || [];
           return rxjs.of(buckets).pipe(operators.map(function (rawData) {
               if (_this._dataTransformers.hasGraphTransformer(sourceConfig === null || sourceConfig === void 0 ? void 0 : sourceConfig.transformer)) {
                   var transformer = _this._dataTransformers.getGraphTransformer(sourceConfig === null || sourceConfig === void 0 ? void 0 : sourceConfig.transformer);
-                  var adaptedData = transformer(rawData, response);
+                  var adaptedData = transformer(rawData, response, filterCriteria, _this._translateService.currentLang);
                   if (adaptedData) {
                       return adaptedData.map(function (row) { return (Object.assign(Object.assign({}, row), { key: _this._getLabel(row, sourceConfig) })); });
                   }
@@ -44915,7 +45188,7 @@
               this._rebuildTriggerSub.asObservable()
           ]).pipe(operators.switchMap(function (_a) {
               var _b = __read(_a, 2), response = _b[0], config = _b[1];
-              return _this._digitService.prepareChart(response, config);
+              return _this._digitService.prepareChart(response, config, _this.criteria);
           }), operators.finalize(function () {
               _this._isInitialized = true;
           }));
@@ -44981,7 +45254,7 @@
               this._rebuildTriggerSub.asObservable()
           ]).pipe(operators.switchMap(function (_a) {
               var _b = __read(_a, 2), response = _b[0], config = _b[1];
-              return _this._graphService.prepareChart(response, config);
+              return _this._graphService.prepareChart(response, config, _this.criteria);
           }), operators.tap(function (data) {
               _this._isInitialized = true;
           }));
@@ -45446,11 +45719,16 @@
 
   var TimelineDialogComponent = /** @class */ (function () {
       function TimelineDialogComponent(dialogRef, chart, _timelineService) {
+          var _this = this;
           this.dialogRef = dialogRef;
           this.chart = chart;
           this._timelineService = _timelineService;
+          this._rebuildTriggerSub = new rxjs.BehaviorSubject(false);
           this.selectedGroup$ = this._timelineService.selectedGroup$;
           this.report$ = rxjs.combineLatest([rxjs.of(this.chart.config), rxjs.of(this.chart.criteria), this._timelineService.rebuild$]).pipe(this._timelineService.prepareData());
+          this.filterCriteria$ = this._timelineService.selectedGroup$.pipe(operators.map(function (group) {
+              return ___default["default"].cloneDeep(___default["default"].merge(_this.chart.criteria || {}, _this._timelineService.prepareSelectedGroups(_this.chart.config)));
+          }));
       }
       TimelineDialogComponent.prototype.changeGroup = function (group) {
           this._timelineService.changeGroup(group);
@@ -45463,13 +45741,14 @@
       return TimelineDialogComponent;
   }());
   TimelineDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TimelineDialogComponent, deps: [{ token: i1__namespace$3.MatDialogRef }, { token: i1$4.MAT_DIALOG_DATA }, { token: DynamicTimelineReportService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  TimelineDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TimelineDialogComponent, selector: "app-timeline-dialog", viewQueries: [{ propertyName: "graphChartComponent", first: true, predicate: ["graphChart"], descendants: true }], ngImport: i0__namespace, template: "<ndf-nuxeo-dialog dialogTitle=\"{{ chart?.title | translate }}\" *ngIf=\"report$ | async as report\">\r\n\t<ng-template #contentTemplate>\r\n\t\t<app-graph-chart\r\n\t\t\t#graphChart\r\n\t\t\t*ngIf=\"report.data\"\r\n\t\t\tclass=\"ndf-report__content ndf-report__content graph-chart\"\r\n\t\t\t[config]=\"report.config\"\r\n\t\t\t[data]=\"report.data\"\r\n\t\t></app-graph-chart>\r\n\t</ng-template>\r\n\t<ng-template #footerTemplate>\r\n\t\t<div class=\"flex gap-x-4\">\r\n\t\t\t<div class=\"chart-actions flex items-center rounded-lg gap-2 p-1\">\r\n\t\t\t\t<button\r\n\t\t\t\t\tclass=\"print-button chart-actions__item rounded\"\r\n\t\t\t\t\t(click)=\"printChart()\"\r\n\t\t\t\t\t[matTooltip]=\"'REPORTS.print' | translate\"\r\n\t\t\t\t\t*ngIf=\"chart.config?.print\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<mat-icon>print</mat-icon>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<time-group-selector\r\n\t\t\t\t*ngIf=\"report.config?.group?.active ?? true\"\r\n\t\t\t\t[group]=\"selectedGroup$ | async\"\r\n\t\t\t\t(groupChange)=\"changeGroup($event)\"\r\n\t\t\t></time-group-selector>\r\n\t\t</div>\r\n\t</ng-template>\r\n</ndf-nuxeo-dialog>\r\n", styles: [":host{--graph-chart-height: 100%;--app-chart-height: 100%;--dialog-body-max-height: 100%}\n"], components: [{ type: NdfNuxeoDialog, selector: "ndf-nuxeo-dialog", inputs: ["dialogTitle", "subTitle", "panelClass", "loaderMode"] }, { type: GraphChartComponent, selector: "app-graph-chart" }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: TimeGroupSelectorComponent, selector: "time-group-selector", inputs: ["direction", "group"], outputs: ["groupChange"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "translate": i1__namespace.TranslatePipe, "async": i4__namespace$1.AsyncPipe } });
+  TimelineDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TimelineDialogComponent, selector: "app-timeline-dialog", providers: [DynamicTimelineReportService], viewQueries: [{ propertyName: "graphChartComponent", first: true, predicate: ["graphChart"], descendants: true }], ngImport: i0__namespace, template: "<ndf-nuxeo-dialog dialogTitle=\"{{ chart?.title | translate }}\" *ngIf=\"report$ | async as report\">\r\n\t<ng-template #contentTemplate>\r\n\t\t<app-graph-chart\r\n\t\t\t#graphChart\r\n\t\t\tclass=\"ndf-report__content ndf-report__content timeline-chart\"\r\n\t\t\t[config]=\"report.config\"\r\n\t\t\t[criteria]=\"filterCriteria$ | async\"\r\n\t\t\t[data]=\"report.data\"\r\n\t\t></app-graph-chart>\r\n\t</ng-template>\r\n\t<ng-template #footerTemplate>\r\n\t\t<div class=\"flex gap-x-4\">\r\n\t\t\t<div class=\"chart-actions flex items-center rounded-lg gap-2 p-1\">\r\n\t\t\t\t<button\r\n\t\t\t\t\tclass=\"print-button chart-actions__item rounded\"\r\n\t\t\t\t\t(click)=\"printChart()\"\r\n\t\t\t\t\t[matTooltip]=\"'REPORTS.print' | translate\"\r\n\t\t\t\t\t*ngIf=\"chart.config?.print\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<mat-icon>print</mat-icon>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<time-group-selector\r\n\t\t\t\t*ngIf=\"report.config?.group?.active ?? true\"\r\n\t\t\t\t[group]=\"selectedGroup$ | async\"\r\n\t\t\t\t(groupChange)=\"changeGroup($event)\"\r\n\t\t\t></time-group-selector>\r\n\t\t</div>\r\n\t</ng-template>\r\n</ndf-nuxeo-dialog>\r\n", styles: [":host{--graph-chart-height: 100%;--app-chart-height: 100%;--dialog-body-max-height: 100%}\n"], components: [{ type: NdfNuxeoDialog, selector: "ndf-nuxeo-dialog", inputs: ["dialogTitle", "subTitle", "panelClass", "loaderMode"] }, { type: GraphChartComponent, selector: "app-graph-chart" }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: TimeGroupSelectorComponent, selector: "time-group-selector", inputs: ["direction", "group"], outputs: ["groupChange"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "translate": i1__namespace.TranslatePipe, "async": i4__namespace$1.AsyncPipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TimelineDialogComponent, decorators: [{
               type: i0.Component,
               args: [{
                       selector: 'app-timeline-dialog',
                       templateUrl: './timeline-dialog.component.html',
-                      styleUrls: ['./timeline-dialog.component.scss']
+                      styleUrls: ['./timeline-dialog.component.scss'],
+                      providers: [DynamicTimelineReportService]
                   }]
           }], ctorParameters: function () {
           return [{ type: i1__namespace$3.MatDialogRef }, { type: undefined, decorators: [{
@@ -45572,12 +45851,13 @@
           var _this = _super.call(this, injector) || this;
           _this.injector = injector;
           _this._timelineService = _this.injector.get(DynamicTimelineReportService);
-          _this.report$ = rxjs.combineLatest([
-              _this.config$,
-              _this.criteria$.pipe(operators.distinctUntilChanged(function (a, b) { return ___default["default"].isEqual(a, b); })),
-              _this._timelineService.rebuild$
-          ]).pipe(_this._timelineService.prepareData());
+          _this._criteria$ = _this.criteria$.pipe(operators.distinctUntilChanged(function (a, b) { return ___default["default"].isEqual(a, b); }));
           _this.selectedGroup$ = _this._timelineService.selectedGroup$;
+          _this.filterCriteria$ = rxjs.combineLatest([_this._criteria$, _this._timelineService.selectedGroup$]).pipe(operators.map(function (_a) {
+              var _b = __read(_a, 1), criteria = _b[0];
+              return ___default["default"].cloneDeep(___default["default"].merge(criteria || {}, _this._timelineService.prepareSelectedGroups(_this.config)));
+          }));
+          _this.report$ = rxjs.combineLatest([_this.config$, _this._criteria$, _this._timelineService.rebuild$]).pipe(_this._timelineService.prepareData());
           _this._subscribeToLanguage();
           return _this;
       }
@@ -45610,7 +45890,7 @@
       return DynamicTimelineReportComponent;
   }(BaseGraphReport));
   DynamicTimelineReportComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTimelineReportComponent, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  DynamicTimelineReportComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicTimelineReportComponent, selector: "app-dynamic-timeline-report", host: { classAttribute: "timeline-report flex flex-col flex-grow" }, providers: [DynamicTimelineReportService], viewQueries: [{ propertyName: "graphChartComponent", first: true, predicate: ["graphChart"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<chart-panel *ngIf=\"report$ | async as report; else noData\" class=\"ndf-report\">\r\n\t<chart-panel-header class=\"ndf-report__header mb-3\">\r\n\t\t<span>\r\n\t\t\t{{ config.label | translate }}\r\n\t\t</span>\r\n\r\n\t\t<button\r\n\t\t\t*ngIf=\"config?.dialog?.active\"\r\n\t\t\tclass=\"dialog-button\"\r\n\t\t\t(click)=\"openTimelineDialog()\"\r\n\t\t\t[matTooltip]=\"'REPORTS.fullscreen' | translate\"\r\n\t\t>\r\n\t\t\t<mat-icon>fullscreen</mat-icon>\r\n\t\t</button>\r\n\t</chart-panel-header>\r\n\r\n\t<app-graph-chart\r\n\r\n\t\t#graphChart\r\n\t\tclass=\"ndf-report__content ndf-report__content timeline-chart\"\r\n\t\t[config]=\"report.config\"\r\n\t\t[data]=\"report.data\"\r\n\t></app-graph-chart>\r\n\r\n\t<chart-panel-footer class=\"ndf-report__footer\">\r\n\t\t<div class=\"chart-actions flex items-center rounded-lg gap-2 flex-wrap p-1\">\r\n\t\t\t<button\r\n\t\t\t\tclass=\"print-button chart-actions__item\"\r\n\t\t\t\t(click)=\"printChart()\"\r\n\t\t\t\t[matTooltip]=\"'REPORTS.print' | translate\"\r\n\t\t\t\t*ngIf=\"config?.print\"\r\n\t\t\t>\r\n\t\t\t\t<mat-icon>print</mat-icon>\r\n\t\t\t</button>\r\n\t\t\t<button\r\n\t\t\t\tclass=\"navigate-button chart-actions__item\"\r\n\t\t\t\t(click)=\"navigate()\"\r\n\t\t\t\t*ngIf=\"config?.navigate?.enabled\"\r\n\t\t\t\t[matTooltip]=\"'REPORTS.enabled' | translate\"\r\n\t\t\t>\r\n\t\t\t\t<mat-icon>send</mat-icon>\r\n\t\t\t</button>\r\n\r\n\t\t\t<button\r\n\t\t\t\tclass=\"navigate-button chart-actions__item\"\r\n\t\t\t\t(click)=\"openDetails()\"\r\n\t\t\t\t*ngIf=\"config?.details?.enabled\"\r\n\t\t\t\t[matTooltip]=\"'REPORTS.details' | translate\"\r\n\t\t\t>\r\n\t\t\t\t<mat-icon>info</mat-icon>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t\t<time-group-selector\r\n\t\t\t*ngIf=\"config?.group?.active ?? true\"\r\n\t\t\t[group]=\"selectedGroup$ | async\"\r\n\t\t\t(groupChange)=\"changeGroup($event)\"\r\n\t\t></time-group-selector>\r\n\t</chart-panel-footer>\r\n</chart-panel>\r\n\r\n<ng-template #noData>\r\n\t<chart-panel class=\"ndf-report\">\r\n\t\t<chart-panel-header class=\"ndf-report__header mb-3\">\r\n\t\t\t{{ config.label | translate }}\r\n\t\t</chart-panel-header>\r\n\t\t<app-skeleton\r\n\t\t\tanimation=\"opacity\"\r\n\t\t\tclass=\"ndf-report__content ndf-report__content timeline-chart\"\r\n\t\t\theight=\"220px\"\r\n\t\t></app-skeleton>\r\n\t</chart-panel>\r\n</ng-template>\r\n", styles: [".ndf-report{display:flex;flex-direction:column;min-width:0;max-width:100%;flex-grow:1}.ndf-report__content{position:relative;padding-block:.5rem;flex-grow:1;min-width:0;max-width:100%}.chart-actions{border:var(--chart-actions-border, 1px solid var(--border-color))}.chart-actions__item{background:var(--chart-actions-background, transparent);color:var(--chart-actions-color, currentColor);box-shadow:var(--chart-actions-shadow, unset);width:var(--chart-actions-width, 35px);height:var(--chart-actions-height, 35px);border-radius:var(--chart-actions-border-radius, 4px);flex-grow:1;display:grid;place-items:center}.chart-actions__item .mat-icon{color:var(--main-color, currentColor)}.chart-actions__item:hover{--chart-actions-shadow: var(--chart-actions-hover-shadow, 0 0 0 1px var(--main-color))}.chart-actions__item.selected{--chart-actions-background: var(--chart-actions-active-background, var(--main-color));--chart-actions-color: var(--chart-actions-active-color, var(--main-hover))}.chart-actions__item.selected .mat-icon{color:currentColor!important}:host{min-width:0;max-width:100%}.timeline-chart{display:var(--ndf-report-display, flex);flex-direction:var(--ndf-report-direction, column);justify-content:var(--ndf-report-justify-content, center);align-items:var(--ndf-report-align-items, center)}\n"], components: [{ type: ChartPanel, selector: "chart-panel" }, { type: ChartPanelHeaderComponent, selector: "chart-panel-header" }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: GraphChartComponent, selector: "app-graph-chart" }, { type: ChartPanelFooterComponent, selector: "chart-panel-footer" }, { type: TimeGroupSelectorComponent, selector: "time-group-selector", inputs: ["direction", "group"], outputs: ["groupChange"] }, { type: SkeletonComponent, selector: "app-skeleton", inputs: ["styleClass", "style", "shape", "animation", "radius", "size", "width", "height", "randomWidth"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "async": i4__namespace$1.AsyncPipe, "translate": i1__namespace.TranslatePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+  DynamicTimelineReportComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicTimelineReportComponent, selector: "app-dynamic-timeline-report", host: { classAttribute: "timeline-report flex flex-col flex-grow" }, providers: [DynamicTimelineReportService], viewQueries: [{ propertyName: "graphChartComponent", first: true, predicate: ["graphChart"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<chart-panel *ngIf=\"report$ | async as report; else noData\" class=\"ndf-report\">\r\n\t<chart-panel-header class=\"ndf-report__header mb-3\">\r\n\t\t<span>\r\n\t\t\t{{ config.label | translate }}\r\n\t\t</span>\r\n\r\n\t\t<button\r\n\t\t\t*ngIf=\"config?.dialog?.active\"\r\n\t\t\tclass=\"dialog-button\"\r\n\t\t\t(click)=\"openTimelineDialog()\"\r\n\t\t\t[matTooltip]=\"'REPORTS.fullscreen' | translate\"\r\n\t\t>\r\n\t\t\t<mat-icon>fullscreen</mat-icon>\r\n\t\t</button>\r\n\t</chart-panel-header>\r\n\r\n\t<app-graph-chart\r\n\t\t#graphChart\r\n\t\tclass=\"ndf-report__content ndf-report__content timeline-chart\"\r\n\t\t[config]=\"report.config\"\r\n\t\t[criteria]=\"filterCriteria$ | async\"\r\n\t\t[data]=\"report.data\"\r\n\t></app-graph-chart>\r\n\r\n\t<chart-panel-footer class=\"ndf-report__footer\">\r\n\t\t<div class=\"chart-actions flex items-center rounded-lg gap-2 flex-wrap p-1\">\r\n\t\t\t<button\r\n\t\t\t\tclass=\"print-button chart-actions__item\"\r\n\t\t\t\t(click)=\"printChart()\"\r\n\t\t\t\t[matTooltip]=\"'REPORTS.print' | translate\"\r\n\t\t\t\t*ngIf=\"config?.print\"\r\n\t\t\t>\r\n\t\t\t\t<mat-icon>print</mat-icon>\r\n\t\t\t</button>\r\n\t\t\t<button\r\n\t\t\t\tclass=\"navigate-button chart-actions__item\"\r\n\t\t\t\t(click)=\"navigate()\"\r\n\t\t\t\t*ngIf=\"config?.navigate?.enabled\"\r\n\t\t\t\t[matTooltip]=\"'REPORTS.enabled' | translate\"\r\n\t\t\t>\r\n\t\t\t\t<mat-icon>send</mat-icon>\r\n\t\t\t</button>\r\n\r\n\t\t\t<button\r\n\t\t\t\tclass=\"navigate-button chart-actions__item\"\r\n\t\t\t\t(click)=\"openDetails()\"\r\n\t\t\t\t*ngIf=\"config?.details?.enabled\"\r\n\t\t\t\t[matTooltip]=\"'REPORTS.details' | translate\"\r\n\t\t\t>\r\n\t\t\t\t<mat-icon>info</mat-icon>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t\t<time-group-selector\r\n\t\t\t*ngIf=\"config?.group?.active ?? true\"\r\n\t\t\t[group]=\"selectedGroup$ | async\"\r\n\t\t\t(groupChange)=\"changeGroup($event)\"\r\n\t\t></time-group-selector>\r\n\t</chart-panel-footer>\r\n</chart-panel>\r\n\r\n<ng-template #noData>\r\n\t<chart-panel class=\"ndf-report\">\r\n\t\t<chart-panel-header class=\"ndf-report__header mb-3\">\r\n\t\t\t{{ config.label | translate }}\r\n\t\t</chart-panel-header>\r\n\t\t<app-skeleton\r\n\t\t\tanimation=\"opacity\"\r\n\t\t\tclass=\"ndf-report__content ndf-report__content timeline-chart\"\r\n\t\t\theight=\"220px\"\r\n\t\t></app-skeleton>\r\n\t</chart-panel>\r\n</ng-template>\r\n", styles: [".ndf-report{display:flex;flex-direction:column;min-width:0;max-width:100%;flex-grow:1}.ndf-report__content{position:relative;padding-block:.5rem;flex-grow:1;min-width:0;max-width:100%}.chart-actions{border:var(--chart-actions-border, 1px solid var(--border-color))}.chart-actions__item{background:var(--chart-actions-background, transparent);color:var(--chart-actions-color, currentColor);box-shadow:var(--chart-actions-shadow, unset);width:var(--chart-actions-width, 35px);height:var(--chart-actions-height, 35px);border-radius:var(--chart-actions-border-radius, 4px);flex-grow:1;display:grid;place-items:center}.chart-actions__item .mat-icon{color:var(--main-color, currentColor)}.chart-actions__item:hover{--chart-actions-shadow: var(--chart-actions-hover-shadow, 0 0 0 1px var(--main-color))}.chart-actions__item.selected{--chart-actions-background: var(--chart-actions-active-background, var(--main-color));--chart-actions-color: var(--chart-actions-active-color, var(--main-hover))}.chart-actions__item.selected .mat-icon{color:currentColor!important}:host{min-width:0;max-width:100%}.timeline-chart{display:var(--ndf-report-display, flex);flex-direction:var(--ndf-report-direction, column);justify-content:var(--ndf-report-justify-content, center);align-items:var(--ndf-report-align-items, center)}\n"], components: [{ type: ChartPanel, selector: "chart-panel" }, { type: ChartPanelHeaderComponent, selector: "chart-panel-header" }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: GraphChartComponent, selector: "app-graph-chart" }, { type: ChartPanelFooterComponent, selector: "chart-panel-footer" }, { type: TimeGroupSelectorComponent, selector: "time-group-selector", inputs: ["direction", "group"], outputs: ["groupChange"] }, { type: SkeletonComponent, selector: "app-skeleton", inputs: ["styleClass", "style", "shape", "animation", "radius", "size", "width", "height", "randomWidth"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "async": i4__namespace$1.AsyncPipe, "translate": i1__namespace.TranslatePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTimelineReportComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -45636,8 +45916,8 @@
           url: "/api/v1" + (_request === null || _request === void 0 ? void 0 : _request.customUrl.url),
           method: _request === null || _request === void 0 ? void 0 : _request.customUrl.method
       }, ((_b = _detailsConfig === null || _detailsConfig === void 0 ? void 0 : _detailsConfig.request) === null || _b === void 0 ? void 0 : _b.customUrl) || {});
-      var _headers = _request.headers || ((_c = _detailsConfig.request) === null || _c === void 0 ? void 0 : _c.headers) || {};
-      var _queryParam = _request.params || ((_d = _detailsConfig.request) === null || _d === void 0 ? void 0 : _d.params) || {};
+      var _headers = ((_c = _detailsConfig.request) === null || _c === void 0 ? void 0 : _c.headers) || _request.headers || {};
+      var _queryParam = ((_d = _detailsConfig.request) === null || _d === void 0 ? void 0 : _d.params) || _request.params || {};
       var _sortingBy = ___default["default"].merge({
           sortBy: 'dc:modified',
           sortOrder: 'desc'
@@ -45780,6 +46060,7 @@
           _this.jsonEditorEnabled = false;
           _this.editorType = NDF_EDITOR_TYPE.REPORTS;
           _this.navigateRoute = [];
+          _this._isConfigChanged = false;
           _this.onQueryChange = new i0.EventEmitter();
           _this.trackByFn = function (_, report) {
               return report.id;
@@ -45800,7 +46081,9 @@
           get: function () {
               return this._configSubject.getValue();
           },
-          set: function (value) {
+          set: function (config) {
+              var value = ___default["default"].cloneDeep(config);
+              this._checkConfigChange(value);
               this._configSubject.next(value);
               if (value === null || value === void 0 ? void 0 : value.activeQuery) {
                   this._updateActiveQuery(value === null || value === void 0 ? void 0 : value.activeQuery);
@@ -45935,6 +46218,7 @@
               return rxjs.forkJoin([rxjs.of(config), data$]);
           }), operators.map(function (_d) {
               var _e = __read(_d, 2), config = _e[0], response = _e[1];
+              _this._prepareAggregations(response === null || response === void 0 ? void 0 : response.aggregations);
               return {
                   config: config,
                   response: response
@@ -45965,10 +46249,26 @@
               emitEvent: false
           });
       };
+      NdfReportsComponent.prototype._prepareAggregations = function (aggregations) {
+          var _a;
+          if (this._isConfigChanged && this.aggregations) {
+              this.aggregations = null;
+          }
+          if (this.aggregations && ((_a = this.config.filters) === null || _a === void 0 ? void 0 : _a.reloadStrategy) === 'never') {
+              return;
+          }
+          this.aggregations = aggregations;
+          this._isConfigChanged = false;
+      };
+      NdfReportsComponent.prototype._checkConfigChange = function (value) {
+          var activeQuery = value.activeQuery, config = __rest(value, ["activeQuery"]);
+          var _a = this._configSubject.getValue() || {}, aq = _a.activeQuery, currentConfig = __rest(_a, ["activeQuery"]);
+          this._isConfigChanged = !___default["default"].isEqual(currentConfig, config);
+      };
       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: i1__namespace$5.Router }, { token: i0__namespace.NgZone }], 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", config: "config" }, outputs: { onQueryChange: "onQueryChange" }, host: { properties: { "dir": "direction" }, classAttribute: "ndf-reports" }, viewQueries: [{ propertyName: "fluidDirective", first: true, predicate: FluidHeightDirective, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div\r\n\t*ngIf=\"reportsData$ | async as reports\"\r\n\t[class.panel-opened]=\"isPanelOpened && filtersConfig\"\r\n\t[dir]=\"direction\"\r\n\tclass=\"ndf-reports__container\"\r\n\tndfFluidHeight\r\n>\r\n\t<div class=\"ndf-reports__panel\" *ngIf=\"!!filtersConfig?.fields?.length\">\r\n\t\t<app-filters-panel\r\n\t\t\t[fields]=\"filtersConfig?.fields\"\r\n\t\t\t[aggregations]=\"reports?.response?.aggregations\"\r\n\t\t\t(filterChanged)=\"filterChanged($event)\"\r\n\t\t\t[activeQuery]=\"activeFiltersQuery$ | async\"\r\n\t\t\tclass=\"ndf-reports__filters\"\r\n\t\t></app-filters-panel>\r\n\t</div>\r\n\r\n\t<div class=\"ndf-reports__content p-4 pt-0\" (scrolled)=\"onContentScroll($event)\">\r\n\t\t<div class=\"ndf-reports__header flex pt-4\">\r\n\t\t\t<button mat-stroked-button class=\"toggle-button\" (click)=\"togglePanel()\">\r\n\t\t\t\t<mat-icon> filter_alt</mat-icon>\r\n\t\t\t</button>\r\n\t\t\t<app-editor-button\r\n\t\t\t\t*ngIf=\"jsonEditorEnabled && reportsKey\"\r\n\t\t\t\t[key]=\"reportsKey\"\r\n\t\t\t\t[type]=\"editorType\"\r\n\t\t\t></app-editor-button>\r\n\t\t</div>\r\n\t\t<mat-spinner *ngIf=\"isLoadingResult\" class=\"mt-5 mx-auto\" [diameter]=\"48\"></mat-spinner>\r\n\r\n\t\t<div class=\"reports-grid\" *ngIf=\"!isLoadingResult\">\r\n\t\t\t<app-ndf-report\r\n\t\t\t\t*ngFor=\"let config of reportConfig.items; trackBy: trackByFn\"\r\n\t\t\t\t[config]=\"config\"\r\n\t\t\t\t[data]=\"reports?.response\"\r\n\t\t\t\t[criteria]=\"filtersParams$ | async\"\r\n\t\t\t\t[class.col-small]=\"config?.layout?.width === 'small'\"\r\n\t\t\t\t[class.col-medium]=\"config?.layout?.width === 'medium'\"\r\n\t\t\t\t[class.col-half]=\"config?.layout?.width === 'half'\"\r\n\t\t\t\t[class.col-wide]=\"config?.layout?.width === 'wide'\"\r\n\t\t\t\t[class.col-extra-wide]=\"config?.layout?.width === 'extra'\"\r\n\t\t\t\t[class.col-full]=\"config?.layout?.width === 'full'\"\r\n\t\t\t\t[direction]=\"direction\"\r\n\t\t\t\tclass=\"reports-grid__item {{ config?.layout?.styleClass }}\"\r\n\t\t\t\t(onNavigate)=\"onNavigate($event)\"\r\n\t\t\t\t(onOpen)=\"openReportDetails($event, config)\"\r\n\t\t\t></app-ndf-report>\r\n\t\t</div>\r\n\t</div>\r\n\t<div\r\n\t\tclass=\"ndf-reports__details\"\r\n\t\t[class.opened]=\"showDetails\"\r\n\t\t[@slideInOut]=\"showDetails ? 'open' : 'closed'\"\r\n\t\t(@slideInOut.done)=\"onDetailsAnimationEnd($event)\"\r\n\t>\r\n\t\t<app-ndf-table\r\n\t\t\t*ngIf=\"reportDetails$ | async as report\"\r\n\t\t\t[config]=\"report.config\"\r\n\t\t\t[activeQuery]=\"activeFiltersQuery$ | async\"\r\n\t\t\t[customCriteria]=\"filtersParams$ | async\"\r\n\t\t>\r\n\t\t\t<ng-template searchTableTemplate>\r\n\t\t\t\t<div class=\"ndf-reports__details__header flex gap-2\">\r\n\t\t\t\t\t<button mat-stroked-button class=\"toggle-button\" (click)=\"togglePanel()\">\r\n\t\t\t\t\t\t<mat-icon> filter_alt</mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<button mat-stroked-button class=\"close-button\" (click)=\"closeDetailsPanel()\">\r\n\t\t\t\t\t\t<mat-icon> close</mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t{{ report.label | translate }}\r\n\t\t\t\t</h3>\r\n\t\t\t</ng-template>\r\n\t\t</app-ndf-table>\r\n\t</div>\r\n</div>\r\n", styles: [":host{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%}.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: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-margin: var(--panel-width)}.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-margin, 0);overflow-y:var(--ndf-reports-content-overflow-y, auto);position:relative}.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: 6;--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}@media screen{.reports-grid__item{grid-column:var(--col-span, span var(--grid-column, 2));grid-row:span var(--row-span, 1);grid-template-rows:subgrid}}.reports-grid__item.col-small{--col-span: var(--col-small-span, span 1)}.reports-grid__item.col-medium{--col-span: var(--col-medium-span, span 2)}.reports-grid__item.col-half{--col-span: var(--col-half-span, span 3)}.reports-grid__item.col-wide{--col-span: var(--col-wide-span, span 4)}.reports-grid__item.col-extra-wide{--col-span: var(--col-extra-wide-span, span 5)}.reports-grid__item.col-full{--col-span: 1 / -1}@media screen and (max-width: 1200px){.reports-grid{--col-span: span 1;--col-half-span: var(--col-span);--col-medium-span: var(--col-span);--col-small-span: var(--col-span);--col-extra-wide-span: 1 / -1;--col-wide-span: 1 / -1;--reports-grid-gap: 1rem;--grid-columns: 2}}@media screen and (max-width: 776px){.reports-grid{--col-half-span: var(--col-span);--col-medium-span: var(--col-span);--col-small-span: var(--col-span);--col-span: 1 / -1;--reports-grid-gap: 1rem;--grid-columns: 1}}@media print{.reports-grid{--reports-grid-gap: 11mm;--reports-grid-margin-top: 11mm;--rg-columns: repeat(2, 1fr)}}\n"], components: [{ 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: i3__namespace$1.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { 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", "configTransformer", "tableKey", "jsonEditorEnabled", "config", "customCriteria", "searchTerm"], outputs: ["onRowSelected", "onRowIndexSelected", "actionOnRow", "onGettingData", "onMultiRowSelected", "onLoading", "onPage", "onInitialized", "onLoaded", "onQueryChange", "onSort"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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", config: "config" }, outputs: { onQueryChange: "onQueryChange" }, host: { properties: { "dir": "direction" }, classAttribute: "ndf-reports" }, viewQueries: [{ propertyName: "fluidDirective", first: true, predicate: FluidHeightDirective, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div\r\n\t*ngIf=\"reportsData$ | async as reports\"\r\n\t[class.panel-opened]=\"isPanelOpened && filtersConfig\"\r\n\t[dir]=\"direction\"\r\n\tclass=\"ndf-reports__container\"\r\n\tndfFluidHeight\r\n>\r\n\t<div class=\"ndf-reports__panel\" *ngIf=\"!!filtersConfig?.fields?.length\">\r\n\t\t<app-filters-panel\r\n\t\t\t[fields]=\"filtersConfig?.fields\"\r\n\t\t\t[aggregations]=\"aggregations\"\r\n\t\t\t(filterChanged)=\"filterChanged($event)\"\r\n\t\t\t[activeQuery]=\"activeFiltersQuery$ | async\"\r\n\t\t\tclass=\"ndf-reports__filters\"\r\n\t\t></app-filters-panel>\r\n\t</div>\r\n\r\n\t<div class=\"ndf-reports__content p-4 pt-0\" (scrolled)=\"onContentScroll($event)\">\r\n\t\t<div class=\"ndf-reports__header flex pt-4\">\r\n\t\t\t<button mat-stroked-button class=\"toggle-button\" (click)=\"togglePanel()\">\r\n\t\t\t\t<mat-icon> filter_alt</mat-icon>\r\n\t\t\t</button>\r\n\t\t\t<app-editor-button\r\n\t\t\t\t*ngIf=\"jsonEditorEnabled && reportsKey\"\r\n\t\t\t\t[key]=\"reportsKey\"\r\n\t\t\t\t[type]=\"editorType\"\r\n\t\t\t></app-editor-button>\r\n\t\t</div>\r\n\t\t<mat-spinner *ngIf=\"isLoadingResult\" class=\"mt-5 mx-auto\" [diameter]=\"48\"></mat-spinner>\r\n\r\n\t\t<div class=\"reports-grid\" *ngIf=\"!isLoadingResult\">\r\n\t\t\t<app-ndf-report\r\n\t\t\t\t*ngFor=\"let config of reportConfig.items; trackBy: trackByFn\"\r\n\t\t\t\t[config]=\"config\"\r\n\t\t\t\t[data]=\"reports?.response\"\r\n\t\t\t\t[criteria]=\"filtersParams$ | async\"\r\n\t\t\t\t[direction]=\"direction\"\r\n\t\t\t\t[style.--col-start]=\"config.layout?.startColumn || 'auto'\"\r\n\r\n        [class.wide]=\"config.layout?.width >= 6\"\r\n        [attr.data-width]=\"config.layout?.width || 4\"\r\n\t\t\t\tclass=\"reports-grid__item {{ config?.layout?.styleClass }} \"\r\n\t\t\t\t(onNavigate)=\"onNavigate($event)\"\r\n\t\t\t\t(onOpen)=\"openReportDetails($event, config)\"\r\n\t\t\t></app-ndf-report>\r\n\t\t</div>\r\n\t</div>\r\n\t<div\r\n\t\tclass=\"ndf-reports__details\"\r\n\t\t[class.opened]=\"showDetails\"\r\n\t\t[@slideInOut]=\"showDetails ? 'open' : 'closed'\"\r\n\t\t(@slideInOut.done)=\"onDetailsAnimationEnd($event)\"\r\n\t>\r\n\t\t<app-ndf-table\r\n\t\t\t*ngIf=\"reportDetails$ | async as report\"\r\n\t\t\t[config]=\"report.config\"\r\n\t\t\t[activeQuery]=\"activeFiltersQuery$ | async\"\r\n\t\t\t[customCriteria]=\"filtersParams$ | async\"\r\n\t\t>\r\n\t\t\t<ng-template searchTableTemplate>\r\n\t\t\t\t<div class=\"ndf-reports__details__header flex gap-2\">\r\n\t\t\t\t\t<button mat-stroked-button class=\"toggle-button\" (click)=\"togglePanel()\">\r\n\t\t\t\t\t\t<mat-icon> filter_alt</mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<button mat-stroked-button class=\"close-button\" (click)=\"closeDetailsPanel()\">\r\n\t\t\t\t\t\t<mat-icon> close</mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t{{ report.label | translate }}\r\n\t\t\t\t</h3>\r\n\t\t\t</ng-template>\r\n\t\t</app-ndf-table>\r\n\t</div>\r\n</div>\r\n", styles: [":host{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%}.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: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-margin: var(--panel-width)}.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-margin, 0);overflow-y:var(--ndf-reports-content-overflow-y, auto);position:relative}.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-width=\"2\"]{--col-span: span 2}.reports-grid__item[data-width=\"3\"]{--col-span: span 3}.reports-grid__item[data-width=\"4\"]{--col-span: span 4}.reports-grid__item[data-width=\"5\"]{--col-span: span 5}.reports-grid__item[data-width=\"6\"]{--col-span: span 6}.reports-grid__item[data-width=\"7\"]{--col-span: span 7}.reports-grid__item[data-width=\"8\"]{--col-span: span 8}.reports-grid__item[data-width=\"9\"]{--col-span: span 9}.reports-grid__item[data-width=\"10\"]{--col-span: span 10}.reports-grid__item[data-width=\"11\"]{--col-span: span 11}.reports-grid__item[data-width=\"12\"]{--col-span: span 12}@media screen{.reports-grid__item{grid-row-start:var(--row-start, initial);grid-column:var(--col-start, auto)/var(--col-span, span var(--grid-column, 2));grid-row:var(--start-row, auto)/span var(--row-span, 1);grid-template-rows:subgrid}}@media print{.reports-grid{--reports-grid-gap: 11mm;--reports-grid-margin-top: 11mm;--rg-columns: repeat(2, 1fr)}}\n"], components: [{ 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: i3__namespace$1.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { 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", "configTransformer", "tableKey", "jsonEditorEnabled", "config", "customCriteria", "searchTerm"], outputs: ["onRowSelected", "onRowIndexSelected", "actionOnRow", "onGettingData", "onMultiRowSelected", "onLoading", "onPage", "onInitialized", "onLoaded", "onQueryChange", "onSort"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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: [{
@@ -48187,6 +48487,8 @@
   exports.AggregationCustomComponent = AggregationCustomComponent;
   exports.AggregationDateListComponent = AggregationDateListComponent;
   exports.AggregationFieldComponent = AggregationFieldComponent;
+  exports.AggregationFieldModule = AggregationFieldModule;
+  exports.AggregationGroupComponent = AggregationGroupComponent;
   exports.AggregationRadioComponent = AggregationRadioComponent;
   exports.AggregationSelectComponent = AggregationSelectComponent;
   exports.AggregationSwitchComponent = AggregationSwitchComponent;
@@ -48459,6 +48761,7 @@
   exports.MONACO_EDITOR_CONFIG = MONACO_EDITOR_CONFIG;
   exports.MY_MOMENT_FORMATS = MY_MOMENT_FORMATS;
   exports.MainfolderService = MainfolderService;
+  exports.MapToAggregationConfigPipe = MapToAggregationConfigPipe;
   exports.MessageService = MessageService;
   exports.ModeTogglerComponent = ModeTogglerComponent;
   exports.MomentDateAdapter = MomentDateAdapter;
@@ -48564,6 +48867,7 @@
   exports.RenameComponent = RenameComponent;
   exports.ReportConfigMapperService = ReportConfigMapperService;
   exports.ReportTransformService = ReportTransformService;
+  exports.ReportsDataTransformers = ReportsDataTransformers;
   exports.ReportsStateService = ReportsStateService;
   exports.RolesService = RolesService;
   exports.SEARCH_TABLE_TEMPLATE = SEARCH_TABLE_TEMPLATE;