nuxeo-development-framework 5.4.6 → 5.4.7

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

@@ -2477,11 +2477,12 @@
           }
       };
       NdfNuxeoDialog.prototype.isArrowFunction = function (fn) {
-          var strFn = fn.toString();
-          var firstIndex = strFn.indexOf(')');
-          var lastIndex = strFn.indexOf('{') + 1;
-          var target = strFn.substring(firstIndex, lastIndex).replace(' ', '');
-          return lastIndex == 0 || target.includes('=>');
+          // const strFn = fn.toString();
+          // const firstIndex = strFn.indexOf(')');
+          // const lastIndex = strFn.indexOf('{') + 1;
+          // const target = strFn.substring(firstIndex, lastIndex).replace(' ', '');
+          // return lastIndex == 0 || target.includes('=>');
+          return true;
       };
       NdfNuxeoDialog.prototype.onClose = function () {
           this.dialogRef.close();
@@ -19896,312 +19897,6 @@
                   type: i0.Input
               }] } });
 
-  var BaseField = /** @class */ (function (_super) {
-      __extends(BaseField, _super);
-      function BaseField() {
-          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-          _this.dynamicComponent = _this.injector.get(DynamicComponentLoaderService);
-          return _this;
-      }
-      BaseField.prototype.writeValue = function (obj) {
-          var _a, _b, _c, _d;
-          this.internalValue = obj;
-          if ((_b = (_a = this._componentRef) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.writeValue) {
-              (_d = (_c = this._componentRef) === null || _c === void 0 ? void 0 : _c.instance) === null || _d === void 0 ? void 0 : _d.writeValue(obj);
-          }
-      };
-      BaseField.prototype.validate = function (control) {
-          var _a, _b;
-          if ((_b = (_a = this._componentRef) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.validate) {
-              return this._componentRef.instance.validate(control);
-          }
-          else {
-              return null;
-          }
-      };
-      BaseField.prototype.registerOnValidatorChange = function (fn) {
-          var _a, _b;
-          if ((_b = (_a = this._componentRef) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.registerOnValidatorChange) {
-              this._componentRef.instance.registerOnValidatorChange(fn);
-          }
-      };
-      BaseField.prototype.ngOnChanges = function (changes) {
-          var _this = this;
-          if (!this._componentRef) {
-              return;
-          }
-          Object.keys(changes).forEach(function (key) {
-              _this._componentRef.instance[key] = changes[key].currentValue;
-          });
-          this._componentRef.changeDetectorRef.markForCheck();
-      };
-      BaseField.prototype.ngOnDestroy = function () {
-          if (this._componentRef) {
-              this._componentRef.destroy();
-          }
-      };
-      BaseField.prototype._prepareValueAccessor = function () {
-          var ngControl = this.injector.get(i2.NgControl);
-          ngControl.valueAccessor = this._componentRef.instance;
-      };
-      return BaseField;
-  }(BaseCustomValueAccessor));
-  BaseField.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseField, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-  BaseField.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseField, inputs: { fieldConfig: "fieldConfig" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["dynamicContainer"], descendants: true, read: i0.ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseField, decorators: [{
-              type: i0.Directive
-          }], propDecorators: { container: [{
-                  type: i0.ViewChild,
-                  args: ['dynamicContainer', { read: i0.ViewContainerRef, static: true }]
-              }], fieldConfig: [{
-                  type: i0.Input
-              }] } });
-
-  var PredicateFieldComponent = /** @class */ (function (_super) {
-      __extends(PredicateFieldComponent, _super);
-      function PredicateFieldComponent() {
-          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-          _this.handlers = {
-              input: _this._prepareField.bind(_this),
-              date: _this._prepareField.bind(_this)
-          };
-          return _this;
-      }
-      PredicateFieldComponent.prototype.ngOnInit = function () {
-          var _a, _b;
-          var componentType = (_b = (_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.type;
-          if (componentType) {
-              this._componentRef = this.dynamicComponent.renderComponent(componentType, this.container);
-              this._prepareValueAccessor();
-              this._prepareComponent(componentType);
-          }
-      };
-      PredicateFieldComponent.prototype._prepareComponent = function (type) {
-          var _a, _b;
-          (_b = (_a = this.handlers)[type]) === null || _b === void 0 ? void 0 : _b.call(_a);
-      };
-      PredicateFieldComponent.prototype._prepareField = function () {
-          var instance = this._componentRef.instance;
-          instance.field = this.fieldConfig;
-      };
-      return PredicateFieldComponent;
-  }(BaseField));
-  PredicateFieldComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PredicateFieldComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  PredicateFieldComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PredicateFieldComponent, selector: "app-predicate-field", host: { properties: { "class": "'predicate-field' + '  predicate-field__fieldConfig?.render?.type' " } }, providers: [
-          {
-              provide: i2.NG_VALUE_ACCESSOR,
-              useExisting: i0.forwardRef(function () { return PredicateFieldComponent; }),
-              multi: true
-          },
-          {
-              provide: i2.NG_VALIDATORS,
-              useExisting: i0.forwardRef(function () { return PredicateFieldComponent; }),
-              multi: true
-          }
-      ], usesInheritance: true, ngImport: i0__namespace, template: "<field-header *ngIf=\"fieldConfig.label && !fieldConfig.render?.options?.hideLabel\" class=\"predicate-field__label\">{{\r\n\tfieldConfig.label | translate\r\n}}</field-header>\r\n\r\n<ng-container #dynamicContainer></ng-container>\r\n", styles: [".predicate-field{display:var(--pf-display, block);padding-inline:var(--pf-padding-inline, var(--ff-padding-inline, .5rem));padding-block:var(--pf-padding-block, var(--ff-padding-block, 0));max-width:100%}\n"], components: [{ type: FieldHeaderComponent, selector: "field-header" }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PredicateFieldComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'app-predicate-field',
-                      templateUrl: './predicate-field.component.html',
-                      styleUrls: ['./predicate-field.component.scss'],
-                      encapsulation: i0.ViewEncapsulation.None,
-                      providers: [
-                          {
-                              provide: i2.NG_VALUE_ACCESSOR,
-                              useExisting: i0.forwardRef(function () { return PredicateFieldComponent; }),
-                              multi: true
-                          },
-                          {
-                              provide: i2.NG_VALIDATORS,
-                              useExisting: i0.forwardRef(function () { return PredicateFieldComponent; }),
-                              multi: true
-                          }
-                      ],
-                      host: {
-                          '[class]': "'predicate-field' + '  predicate-field__fieldConfig?.render?.type' "
-                      }
-                  }]
-          }] });
-
-  var AggregationFieldComponent = /** @class */ (function (_super) {
-      __extends(AggregationFieldComponent, _super);
-      function AggregationFieldComponent() {
-          var _e;
-          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-          _this.handlers = (_e = {},
-              _e[AGGREGATION_FIELD_TYPES.dropdown] = _this._prepareField.bind(_this),
-              _e[AGGREGATION_FIELD_TYPES.checkbox] = _this._prepareField.bind(_this),
-              _e[AGGREGATION_FIELD_TYPES.radio] = _this._prepareField.bind(_this),
-              _e[AGGREGATION_FIELD_TYPES.switch] = _this._prepareField.bind(_this),
-              _e[AGGREGATION_FIELD_TYPES.autocomplete] = _this._prepareField.bind(_this),
-              _e[AGGREGATION_FIELD_TYPES.dateList] = _this._prepareField.bind(_this),
-              _e[AGGREGATION_FIELD_TYPES.custom] = _this._prepareField.bind(_this),
-              _e);
-          return _this;
-      }
-      AggregationFieldComponent.prototype.ngOnInit = function () {
-          var _a, _b, _c, _d;
-          var componentType = (_b = (_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.type;
-          if (componentType) {
-              this._componentRef = this.dynamicComponent.renderComponent(componentType, this.container);
-              this._prepareValueAccessor();
-              (_d = (_c = this.handlers)[componentType]) === null || _d === void 0 ? void 0 : _d.call(_c);
-          }
-      };
-      AggregationFieldComponent.prototype._prepareField = function () {
-          var instance = this._componentRef
-              .instance;
-          instance.aggregation = this.aggregation;
-          instance.fieldConfig = this.fieldConfig;
-          if (this.contentTemplate) {
-              instance.contentTemplate = this.contentTemplate;
-          }
-      };
-      return AggregationFieldComponent;
-  }(BaseField));
-  AggregationFieldComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationFieldComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  AggregationFieldComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AggregationFieldComponent, selector: "app-aggregation-field", inputs: { aggregation: "aggregation", contentTemplate: "contentTemplate" }, host: { properties: { "class": "'aggregation-field' + '  aggregation-field__fieldConfig?.render?.type' " } }, providers: [
-          {
-              provide: i2.NG_VALUE_ACCESSOR,
-              useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
-              multi: true,
-          },
-          {
-              provide: i2.NG_VALIDATORS,
-              useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
-              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,
-              args: [{
-                      selector: 'app-aggregation-field',
-                      template: '<ng-container #dynamicContainer></ng-container>',
-                      styles: [''],
-                      encapsulation: i0.ViewEncapsulation.None,
-                      providers: [
-                          {
-                              provide: i2.NG_VALUE_ACCESSOR,
-                              useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
-                              multi: true,
-                          },
-                          {
-                              provide: i2.NG_VALIDATORS,
-                              useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
-                              multi: true,
-                          },
-                      ],
-                      host: {
-                          '[class]': "'aggregation-field' + '  aggregation-field__fieldConfig?.render?.type' ",
-                      },
-                  }]
-          }], propDecorators: { aggregation: [{
-                  type: i0.Input
-              }], contentTemplate: [{
-                  type: i0.Input
-              }] } });
-
-  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),
-              aggregationGroup: _this._prepareField.bind(_this)
-          };
-          return _this;
-      }
-      CustomFieldComponent.prototype.ngOnInit = function () {
-          var _a, _b;
-          var componentType = (_b = (_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.type;
-          if (componentType) {
-              this._componentRef = this.dynamicComponent.renderComponent(componentType, this.container);
-              this._prepareValueAccessor();
-              this._prepareComponent(componentType);
-          }
-      };
-      CustomFieldComponent.prototype._prepareComponent = function (type) {
-          var _a, _b;
-          (_b = (_a = this.handlers)[type]) === null || _b === void 0 ? void 0 : _b.call(_a);
-      };
-      CustomFieldComponent.prototype._prepareField = function () {
-          var instance = this._componentRef.instance;
-          instance.field = this.fieldConfig;
-          instance.aggregations = this.aggregations;
-      };
-      return CustomFieldComponent;
-  }(BaseField));
-  CustomFieldComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomFieldComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  CustomFieldComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomFieldComponent, selector: "app-custom-field", inputs: { aggregations: "aggregations" }, host: { properties: { "class": "'custom-field' + '  custom-field__fieldConfig?.render?.type' " } }, providers: [
-          {
-              provide: i2.NG_VALUE_ACCESSOR,
-              useExisting: i0.forwardRef(function () { return CustomFieldComponent; }),
-              multi: true
-          },
-          {
-              provide: i2.NG_VALIDATORS,
-              useExisting: i0.forwardRef(function () { return CustomFieldComponent; }),
-              multi: true
-          }
-      ], usesInheritance: true, ngImport: i0__namespace, template: "<field-header *ngIf=\"fieldConfig.label && !fieldConfig.render?.options?.hideLabel\" class=\"predicate-field__label\">{{\r\n\tfieldConfig.label | translate\r\n}}</field-header>\r\n\r\n<ng-container #dynamicContainer></ng-container>\r\n", styles: [".custom-field{display:var(--cf-display, block);padding-inline:var(--cf-padding-inline, var(--ff-padding-inline, .5rem));padding-block:var(--cf-padding-block, var(--ff-padding-block, 0));max-width:100%}\n"], components: [{ type: FieldHeaderComponent, selector: "field-header" }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomFieldComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'app-custom-field',
-                      templateUrl: './custom-field.component.html',
-                      styleUrls: ['./custom-field.component.scss'],
-                      encapsulation: i0.ViewEncapsulation.None,
-                      providers: [
-                          {
-                              provide: i2.NG_VALUE_ACCESSOR,
-                              useExisting: i0.forwardRef(function () { return CustomFieldComponent; }),
-                              multi: true
-                          },
-                          {
-                              provide: i2.NG_VALIDATORS,
-                              useExisting: i0.forwardRef(function () { return CustomFieldComponent; }),
-                              multi: true
-                          }
-                      ],
-                      host: {
-                          '[class]': "'custom-field' + '  custom-field__fieldConfig?.render?.type' "
-                      }
-                  }]
-          }], propDecorators: { aggregations: [{
-                  type: i0.Input
-              }] } });
-
-  var FiltersByRolesPipe = /** @class */ (function () {
-      function FiltersByRolesPipe(_nuxeoService, _rolesService) {
-          this._nuxeoService = _nuxeoService;
-          this._rolesService = _rolesService;
-      }
-      FiltersByRolesPipe.prototype.transform = function (items) {
-          var _this = this;
-          if (!items) {
-              return items;
-          }
-          return items.filter(function (item) {
-              var _a, _b, _c, _d, _e;
-              if (!Array.isArray((_a = item.config) === null || _a === void 0 ? void 0 : _a.roles) || ((_b = item.config) === null || _b === void 0 ? void 0 : _b.roles.length) === 0) {
-                  return true;
-              }
-              var user = (_d = (_c = _this._nuxeoService) === null || _c === void 0 ? void 0 : _c.nuxeoClient) === null || _d === void 0 ? void 0 : _d.user;
-              return _this._rolesService.isUserInRole(user, (_e = item.config) === null || _e === void 0 ? void 0 : _e.roles);
-          });
-      };
-      return FiltersByRolesPipe;
-  }());
-  FiltersByRolesPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FiltersByRolesPipe, deps: [{ token: NuxeoService }, { token: RolesService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-  FiltersByRolesPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FiltersByRolesPipe, name: "filterByRoles" });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FiltersByRolesPipe, decorators: [{
-              type: i0.Pipe,
-              args: [{
-                      name: 'filterByRoles'
-                  }]
-          }], ctorParameters: function () { return [{ type: NuxeoService }, { type: RolesService }]; } });
-
   /**
    * Creates a secure context for function evaluation that prevents access to the window object.
    * @returns {Record<string, any>} A secure context object with safe properties.
@@ -20227,7 +19922,8 @@
           // Prevent access to window
           window: undefined,
           self: undefined,
-          globalThis: undefined
+          globalThis: undefined,
+          _: ___default["default"] // Include lodash if needed, but ensure it's used safely
       };
   }
   /**
@@ -20543,39 +20239,318 @@
       escape: /\{\{\{([\s\S]+?)\}\}\}/g
   };
 
-  var CheckConditionPipe = /** @class */ (function () {
-      function CheckConditionPipe(nuxeoService) {
-          this.nuxeoService = nuxeoService;
-          this.user = nuxeoService.nuxeoClient.user;
+  var BaseField = /** @class */ (function (_super) {
+      __extends(BaseField, _super);
+      function BaseField() {
+          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+          _this.dynamicComponent = _this.injector.get(DynamicComponentLoaderService);
+          return _this;
       }
-      CheckConditionPipe.prototype.transform = function (condition, aggregations, language) {
-          if (!condition) {
-              return true;
+      BaseField.prototype.writeValue = function (obj) {
+          var _a, _b, _c, _d;
+          this.internalValue = obj;
+          if ((_b = (_a = this._componentRef) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.writeValue) {
+              (_d = (_c = this._componentRef) === null || _c === void 0 ? void 0 : _c.instance) === null || _d === void 0 ? void 0 : _d.writeValue(obj);
           }
-          try {
-              return Evaluator.evaluate(condition, ___default["default"].cloneDeep({ aggregations: aggregations, language: language, user: this.user }));
+      };
+      BaseField.prototype.validate = function (control) {
+          var _a, _b;
+          if ((_b = (_a = this._componentRef) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.validate) {
+              return this._componentRef.instance.validate(control);
           }
-          catch (error) {
-              console.error({ error: error });
-              return false;
+          else {
+              return null;
           }
       };
-      return CheckConditionPipe;
+      BaseField.prototype.registerOnValidatorChange = function (fn) {
+          var _a, _b;
+          if ((_b = (_a = this._componentRef) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.registerOnValidatorChange) {
+              this._componentRef.instance.registerOnValidatorChange(fn);
+          }
+      };
+      BaseField.prototype.ngOnChanges = function (changes) {
+          var _this = this;
+          if (!this._componentRef) {
+              return;
+          }
+          Object.keys(changes).forEach(function (key) {
+              _this._componentRef.instance[key] = changes[key].currentValue;
+          });
+          this._componentRef.changeDetectorRef.markForCheck();
+      };
+      BaseField.prototype.ngOnDestroy = function () {
+          if (this._componentRef) {
+              this._componentRef.destroy();
+          }
+      };
+      BaseField.prototype._prepareValueAccessor = function () {
+          var ngControl = this.injector.get(i2.NgControl);
+          ngControl.valueAccessor = this._componentRef.instance;
+      };
+      return BaseField;
+  }(BaseCustomValueAccessor));
+  BaseField.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseField, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
+  BaseField.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseField, inputs: { fieldConfig: "fieldConfig" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["dynamicContainer"], descendants: true, read: i0.ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseField, decorators: [{
+              type: i0.Directive
+          }], propDecorators: { container: [{
+                  type: i0.ViewChild,
+                  args: ['dynamicContainer', { read: i0.ViewContainerRef, static: true }]
+              }], fieldConfig: [{
+                  type: i0.Input
+              }] } });
+
+  var PredicateFieldComponent = /** @class */ (function (_super) {
+      __extends(PredicateFieldComponent, _super);
+      function PredicateFieldComponent() {
+          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+          _this.handlers = {
+              input: _this._prepareField.bind(_this),
+              date: _this._prepareField.bind(_this)
+          };
+          return _this;
+      }
+      PredicateFieldComponent.prototype.ngOnInit = function () {
+          var _a, _b;
+          var componentType = (_b = (_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.type;
+          if (componentType) {
+              this._componentRef = this.dynamicComponent.renderComponent(componentType, this.container);
+              this._prepareValueAccessor();
+              this._prepareComponent(componentType);
+          }
+      };
+      PredicateFieldComponent.prototype._prepareComponent = function (type) {
+          var _a, _b;
+          (_b = (_a = this.handlers)[type]) === null || _b === void 0 ? void 0 : _b.call(_a);
+      };
+      PredicateFieldComponent.prototype._prepareField = function () {
+          var instance = this._componentRef.instance;
+          instance.field = this.fieldConfig;
+      };
+      return PredicateFieldComponent;
+  }(BaseField));
+  PredicateFieldComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PredicateFieldComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  PredicateFieldComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PredicateFieldComponent, selector: "app-predicate-field", host: { properties: { "class": "'predicate-field' + '  predicate-field__fieldConfig?.render?.type' " } }, providers: [
+          {
+              provide: i2.NG_VALUE_ACCESSOR,
+              useExisting: i0.forwardRef(function () { return PredicateFieldComponent; }),
+              multi: true
+          },
+          {
+              provide: i2.NG_VALIDATORS,
+              useExisting: i0.forwardRef(function () { return PredicateFieldComponent; }),
+              multi: true
+          }
+      ], usesInheritance: true, ngImport: i0__namespace, template: "<field-header *ngIf=\"fieldConfig.label && !fieldConfig.render?.options?.hideLabel\" class=\"predicate-field__label\">{{\r\n\tfieldConfig.label | translate\r\n}}</field-header>\r\n\r\n<ng-container #dynamicContainer></ng-container>\r\n", styles: [".predicate-field{display:var(--pf-display, block);padding-inline:var(--pf-padding-inline, var(--ff-padding-inline, .5rem));padding-block:var(--pf-padding-block, var(--ff-padding-block, 0));max-width:100%}\n"], components: [{ type: FieldHeaderComponent, selector: "field-header" }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PredicateFieldComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'app-predicate-field',
+                      templateUrl: './predicate-field.component.html',
+                      styleUrls: ['./predicate-field.component.scss'],
+                      encapsulation: i0.ViewEncapsulation.None,
+                      providers: [
+                          {
+                              provide: i2.NG_VALUE_ACCESSOR,
+                              useExisting: i0.forwardRef(function () { return PredicateFieldComponent; }),
+                              multi: true
+                          },
+                          {
+                              provide: i2.NG_VALIDATORS,
+                              useExisting: i0.forwardRef(function () { return PredicateFieldComponent; }),
+                              multi: true
+                          }
+                      ],
+                      host: {
+                          '[class]': "'predicate-field' + '  predicate-field__fieldConfig?.render?.type' "
+                      }
+                  }]
+          }] });
+
+  var AggregationFieldComponent = /** @class */ (function (_super) {
+      __extends(AggregationFieldComponent, _super);
+      function AggregationFieldComponent() {
+          var _e;
+          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+          _this.handlers = (_e = {},
+              _e[AGGREGATION_FIELD_TYPES.dropdown] = _this._prepareField.bind(_this),
+              _e[AGGREGATION_FIELD_TYPES.checkbox] = _this._prepareField.bind(_this),
+              _e[AGGREGATION_FIELD_TYPES.radio] = _this._prepareField.bind(_this),
+              _e[AGGREGATION_FIELD_TYPES.switch] = _this._prepareField.bind(_this),
+              _e[AGGREGATION_FIELD_TYPES.autocomplete] = _this._prepareField.bind(_this),
+              _e[AGGREGATION_FIELD_TYPES.dateList] = _this._prepareField.bind(_this),
+              _e[AGGREGATION_FIELD_TYPES.custom] = _this._prepareField.bind(_this),
+              _e);
+          return _this;
+      }
+      AggregationFieldComponent.prototype.ngOnInit = function () {
+          var _a, _b, _c, _d;
+          var componentType = (_b = (_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.type;
+          if (componentType) {
+              this._componentRef = this.dynamicComponent.renderComponent(componentType, this.container);
+              this._prepareValueAccessor();
+              (_d = (_c = this.handlers)[componentType]) === null || _d === void 0 ? void 0 : _d.call(_c);
+          }
+      };
+      AggregationFieldComponent.prototype._prepareField = function () {
+          var instance = this._componentRef
+              .instance;
+          instance.aggregation = this.aggregation;
+          instance.fieldConfig = this.fieldConfig;
+          if (this.contentTemplate) {
+              instance.contentTemplate = this.contentTemplate;
+          }
+      };
+      return AggregationFieldComponent;
+  }(BaseField));
+  AggregationFieldComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationFieldComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  AggregationFieldComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AggregationFieldComponent, selector: "app-aggregation-field", inputs: { aggregation: "aggregation", contentTemplate: "contentTemplate" }, host: { properties: { "class": "'aggregation-field' + '  aggregation-field__fieldConfig?.render?.type' " } }, providers: [
+          {
+              provide: i2.NG_VALUE_ACCESSOR,
+              useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
+              multi: true,
+          },
+          {
+              provide: i2.NG_VALIDATORS,
+              useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
+              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,
+              args: [{
+                      selector: 'app-aggregation-field',
+                      template: '<ng-container #dynamicContainer></ng-container>',
+                      styles: [''],
+                      encapsulation: i0.ViewEncapsulation.None,
+                      providers: [
+                          {
+                              provide: i2.NG_VALUE_ACCESSOR,
+                              useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
+                              multi: true,
+                          },
+                          {
+                              provide: i2.NG_VALIDATORS,
+                              useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
+                              multi: true,
+                          },
+                      ],
+                      host: {
+                          '[class]': "'aggregation-field' + '  aggregation-field__fieldConfig?.render?.type' ",
+                      },
+                  }]
+          }], propDecorators: { aggregation: [{
+                  type: i0.Input
+              }], contentTemplate: [{
+                  type: i0.Input
+              }] } });
+
+  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),
+              aggregationGroup: _this._prepareField.bind(_this)
+          };
+          return _this;
+      }
+      CustomFieldComponent.prototype.ngOnInit = function () {
+          var _a, _b;
+          var componentType = (_b = (_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.type;
+          if (componentType) {
+              this._componentRef = this.dynamicComponent.renderComponent(componentType, this.container);
+              this._prepareValueAccessor();
+              this._prepareComponent(componentType);
+          }
+      };
+      CustomFieldComponent.prototype._prepareComponent = function (type) {
+          var _a, _b;
+          (_b = (_a = this.handlers)[type]) === null || _b === void 0 ? void 0 : _b.call(_a);
+      };
+      CustomFieldComponent.prototype._prepareField = function () {
+          var instance = this._componentRef.instance;
+          instance.field = this.fieldConfig;
+          instance.aggregations = this.aggregations;
+      };
+      return CustomFieldComponent;
+  }(BaseField));
+  CustomFieldComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomFieldComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  CustomFieldComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomFieldComponent, selector: "app-custom-field", inputs: { aggregations: "aggregations" }, host: { properties: { "class": "'custom-field' + '  custom-field__fieldConfig?.render?.type' " } }, providers: [
+          {
+              provide: i2.NG_VALUE_ACCESSOR,
+              useExisting: i0.forwardRef(function () { return CustomFieldComponent; }),
+              multi: true
+          },
+          {
+              provide: i2.NG_VALIDATORS,
+              useExisting: i0.forwardRef(function () { return CustomFieldComponent; }),
+              multi: true
+          }
+      ], usesInheritance: true, ngImport: i0__namespace, template: "<field-header *ngIf=\"fieldConfig.label && !fieldConfig.render?.options?.hideLabel\" class=\"predicate-field__label\">{{\r\n\tfieldConfig.label | translate\r\n}}</field-header>\r\n\r\n<ng-container #dynamicContainer></ng-container>\r\n", styles: [".custom-field{display:var(--cf-display, block);padding-inline:var(--cf-padding-inline, var(--ff-padding-inline, .5rem));padding-block:var(--cf-padding-block, var(--ff-padding-block, 0));max-width:100%}\n"], components: [{ type: FieldHeaderComponent, selector: "field-header" }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomFieldComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'app-custom-field',
+                      templateUrl: './custom-field.component.html',
+                      styleUrls: ['./custom-field.component.scss'],
+                      encapsulation: i0.ViewEncapsulation.None,
+                      providers: [
+                          {
+                              provide: i2.NG_VALUE_ACCESSOR,
+                              useExisting: i0.forwardRef(function () { return CustomFieldComponent; }),
+                              multi: true
+                          },
+                          {
+                              provide: i2.NG_VALIDATORS,
+                              useExisting: i0.forwardRef(function () { return CustomFieldComponent; }),
+                              multi: true
+                          }
+                      ],
+                      host: {
+                          '[class]': "'custom-field' + '  custom-field__fieldConfig?.render?.type' "
+                      }
+                  }]
+          }], propDecorators: { aggregations: [{
+                  type: i0.Input
+              }] } });
+
+  var FiltersByRolesPipe = /** @class */ (function () {
+      function FiltersByRolesPipe(_nuxeoService, _rolesService) {
+          this._nuxeoService = _nuxeoService;
+          this._rolesService = _rolesService;
+      }
+      FiltersByRolesPipe.prototype.transform = function (items) {
+          var _this = this;
+          if (!items) {
+              return items;
+          }
+          return items.filter(function (item) {
+              var _a, _b, _c, _d, _e;
+              if (!Array.isArray((_a = item.config) === null || _a === void 0 ? void 0 : _a.roles) || ((_b = item.config) === null || _b === void 0 ? void 0 : _b.roles.length) === 0) {
+                  return true;
+              }
+              var user = (_d = (_c = _this._nuxeoService) === null || _c === void 0 ? void 0 : _c.nuxeoClient) === null || _d === void 0 ? void 0 : _d.user;
+              return _this._rolesService.isUserInRole(user, (_e = item.config) === null || _e === void 0 ? void 0 : _e.roles);
+          });
+      };
+      return FiltersByRolesPipe;
   }());
-  CheckConditionPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CheckConditionPipe, deps: [{ token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-  CheckConditionPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CheckConditionPipe, name: "checkCondition" });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CheckConditionPipe, decorators: [{
+  FiltersByRolesPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FiltersByRolesPipe, deps: [{ token: NuxeoService }, { token: RolesService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+  FiltersByRolesPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FiltersByRolesPipe, name: "filterByRoles" });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FiltersByRolesPipe, decorators: [{
               type: i0.Pipe,
               args: [{
-                      name: 'checkCondition'
+                      name: 'filterByRoles'
                   }]
-          }], ctorParameters: function () { return [{ type: NuxeoService }]; } });
+          }], ctorParameters: function () { return [{ type: NuxeoService }, { type: RolesService }]; } });
 
   var FiltersPanelComponent = /** @class */ (function (_super) {
       __extends(FiltersPanelComponent, _super);
-      function FiltersPanelComponent(_translateService) {
+      function FiltersPanelComponent(_translateService, nuxeoService) {
           var _this = _super.call(this) || this;
           _this._translateService = _translateService;
+          _this.nuxeoService = nuxeoService;
           _this.currentLang = _this._translateService.currentLang;
           _this.direction$ = _this._translateService.onLangChange.pipe(operators.startWith({ lang: _this._translateService.currentLang }), operators.map(function (lang) {
               _this.currentLang = lang.lang;
@@ -20586,6 +20561,7 @@
           _this.filterChanged = new i0.EventEmitter();
           _this.fieldTypes = FIELD_TYPE;
           _this.FieldRenderType = AGGREGATION_FIELD_TYPES;
+          _this.visibleFields = {};
           _this.formGroup = new i2.FormGroup({});
           return _this;
       }
@@ -20605,6 +20581,9 @@
       Object.defineProperty(FiltersPanelComponent.prototype, "activeQuery", {
           set: function (obj) {
               this._activeQuerySub.next(obj);
+              if (obj) {
+                  this._evaluateConditions();
+              }
           },
           enumerable: false,
           configurable: true
@@ -20624,19 +20603,27 @@
       FiltersPanelComponent.prototype.ngOnInit = function () {
           this._handleFormGroupChanges();
           this._handelActiveQueryChange();
+          this._evaluateConditions();
+      };
+      FiltersPanelComponent.prototype.ngOnChanges = function (changes) {
+          var _a, _b;
+          if (!((_a = changes === null || changes === void 0 ? void 0 : changes.fields) === null || _a === void 0 ? void 0 : _a.firstChange) || !((_b = changes === null || changes === void 0 ? void 0 : changes.aggregations) === null || _b === void 0 ? void 0 : _b.firstChange)) {
+              this._evaluateConditions();
+          }
       };
       FiltersPanelComponent.prototype.resetFilters = function () {
           this.formGroup.reset({});
       };
       FiltersPanelComponent.prototype._sortItems = function (items) {
           var _defaultOrder = 0;
-          return items.sort(function (_b, _c) {
-              var o1 = _b.config.order;
-              var o2 = _c.config.order;
+          return items.sort(function (_c, _d) {
+              var o1 = _c.config.order;
+              var o2 = _d.config.order;
               return (o1 !== null && o1 !== void 0 ? o1 : _defaultOrder) - (o2 !== null && o2 !== void 0 ? o2 : _defaultOrder);
           });
       };
       FiltersPanelComponent.prototype._initFormGroup = function () {
+          this.visibleFields = {};
           this._removeControls();
           this._prepareFiltersForm();
       };
@@ -20648,13 +20635,13 @@
           });
       };
       FiltersPanelComponent.prototype._prepareFiltersForm = function () {
-          var e_1, _b;
+          var e_1, _c;
           if (!this.fields) {
               return;
           }
           try {
-              for (var _c = __values(this.fields), _d = _c.next(); !_d.done; _d = _c.next()) {
-                  var field = _d.value;
+              for (var _d = __values(this.fields), _e = _d.next(); !_e.done; _e = _d.next()) {
+                  var field = _e.value;
                   var key = field.config.fieldKey;
                   if (!this.formGroup.contains(key)) {
                       this.formGroup.addControl(key, new i2.FormControl(field.config.values));
@@ -20664,7 +20651,7 @@
           catch (e_1_1) { e_1 = { error: e_1_1 }; }
           finally {
               try {
-                  if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
+                  if (_e && !_e.done && (_c = _d.return)) _c.call(_d);
               }
               finally { if (e_1) throw e_1.error; }
           }
@@ -20672,7 +20659,10 @@
       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 (formValue) {
+              var data = _this._evaluateConditions(formValue);
+              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);
           });
@@ -20691,10 +20681,41 @@
               _this._patchActiveQuery(res);
           });
       };
+      FiltersPanelComponent.prototype._evaluateConditions = function (values) {
+          var _this = this;
+          if (values === void 0) { values = this.formGroup.getRawValue(); }
+          this.visibleFields = {};
+          this.fields.forEach(function (field) {
+              var _a;
+              var fieldKey = field.config.fieldKey;
+              var condition = (_a = field.config) === null || _a === void 0 ? void 0 : _a.condition;
+              try {
+                  var isVisible = !condition ||
+                      Evaluator.evaluate(condition, ___default["default"].cloneDeep({
+                          aggregations: _this.aggregations,
+                          language: _this.currentLang,
+                          user: _this.nuxeoService.nuxeoClient.user,
+                          values: _this.formGroup.getRawValue()
+                      }));
+                  _this.visibleFields[fieldKey] = isVisible;
+                  if (!isVisible) {
+                      var control = _this.formGroup.get(fieldKey);
+                      if (!!(control === null || control === void 0 ? void 0 : control.value)) {
+                          control.reset();
+                          control.updateValueAndValidity({ emitEvent: false });
+                      }
+                  }
+              }
+              catch (e) {
+                  console.error("Error evaluating condition for field " + field.config.fieldKey + ":", e);
+              }
+          });
+          return this.formGroup.value;
+      };
       return FiltersPanelComponent;
   }(BaseFiltersPanel));
-  FiltersPanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FiltersPanelComponent, deps: [{ token: i1__namespace.TranslateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  FiltersPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FiltersPanelComponent, selector: "app-filters-panel", inputs: { aggregations: "aggregations", fields: "fields", activeQuery: "activeQuery" }, outputs: { filterChanged: "filterChanged" }, usesInheritance: true, ngImport: i0__namespace, template: "<div [formGroup]=\"formGroup\" class=\"filters-panel\" [dir]=\"direction$ | async\">\r\n\t<div class=\"reset-filter flex reset-container\">\r\n\t\t<button mat-stroked-button class=\"w-full\" (click)=\"resetFilters()\" [disabled]=\"!hasValues\">\r\n\t\t\t{{ 'BUTTONS.clearFilter' | translate }}\r\n\t\t</button>\r\n\t</div>\r\n\t<ng-container *ngFor=\"let field of fields | filterByRoles; trackBy: trackByFieldKey\">\r\n\t\t<ng-container *permission=\"{ name: field.config?.permission }\">\r\n\t\t\t<ng-container *ngIf=\"field.config?.condition | checkCondition: aggregations : currentLang \">\r\n\t\t\t\t<app-predicate-field\r\n\t\t\t\t\t*ngIf=\"field.type == fieldTypes.predicate\"\r\n\t\t\t\t\t[fieldConfig]=\"field.config\"\r\n\t\t\t\t\t[formControlName]=\"field.config.fieldKey\"\r\n\t\t\t\t></app-predicate-field>\r\n\t\t\t\t<app-aggregation-field\r\n\t\t\t\t\t*ngIf=\"field.type == fieldTypes.aggregation && !!aggregations\"\r\n\t\t\t\t\t[formControlName]=\"field.config.fieldKey\"\r\n\t\t\t\t\t[fieldConfig]=\"field.config\"\r\n\t\t\t\t\t[aggregation]=\"aggregations[field.config.aggregation]\"\r\n\t\t\t\t\t[contentTemplate]=\"getContentTemplate(field.config.render.type)\"\r\n\t\t\t\t></app-aggregation-field>\r\n\t\t\t\t<app-custom-field\r\n\t\t\t\t\t*ngIf=\"field.type == fieldTypes.custom\"\r\n\t\t\t\t\t[fieldConfig]=\"field.config\"\r\n\t\t\t\t\t[formControlName]=\"field.config.fieldKey\"\r\n\t\t\t\t\t[aggregations]=\"aggregations\"\r\n\t\t\t\t></app-custom-field>\r\n\t\t\t</ng-container>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n</div>\r\n", styles: [".filters-panel{display:var(--filters-panel-display, flex);flex-direction:var(--filters-panel-direction, column);grid-gap:var(--filters-panel-gap, .5rem);gap:var(--filters-panel-gap, .5rem);flex-wrap:var(--filters-panel-wrap, wrap);max-width:100%;box-sizing:border-box}.aggregation-field{padding-inline:var(--af-padding-inline, var(--ff-padding-inline, .5rem));padding-block:var(--af-padding-block, var(--ff-padding-block, 0));max-width:100%}.reset-container{padding:.5rem;position:sticky;top:-8px;z-index:4;background:var(--reset-filter-panel-bg, #fff)}.reset-container button.mat-button-base{background-color:var(--reset-filter-panel-btn-bg, transparent);border-color:var(--reset-filter-panel-btn-bg, #e2e8f0);color:var(--reset-filter-panel-btn-color, currentColor)}\n"], components: [{ 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: PredicateFieldComponent, selector: "app-predicate-field" }, { type: AggregationFieldComponent, selector: "app-aggregation-field", inputs: ["aggregation", "contentTemplate"] }, { type: CustomFieldComponent, selector: "app-custom-field", inputs: ["aggregations"] }], directives: [{ 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: i4__namespace.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$4.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "async": i4__namespace$1.AsyncPipe, "translate": i1__namespace.TranslatePipe, "filterByRoles": FiltersByRolesPipe, "checkCondition": CheckConditionPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+  FiltersPanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FiltersPanelComponent, deps: [{ token: i1__namespace.TranslateService }, { token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  FiltersPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FiltersPanelComponent, selector: "app-filters-panel", inputs: { aggregations: "aggregations", fields: "fields", activeQuery: "activeQuery" }, outputs: { filterChanged: "filterChanged" }, usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<div [formGroup]=\"formGroup\" class=\"filters-panel\" [dir]=\"direction$ | async\">\r\n\t<div class=\"reset-filter flex reset-container\">\r\n\t\t<button mat-stroked-button class=\"w-full\" (click)=\"resetFilters()\" [disabled]=\"!hasValues\">\r\n\t\t\t{{ 'BUTTONS.clearFilter' | translate }}\r\n\t\t</button>\r\n\t</div>\r\n\t<ng-container *ngFor=\"let field of fields | filterByRoles; trackBy: trackByFieldKey\">\r\n\t\t<ng-container *permission=\"{ name: field.config?.permission }\">\r\n\t\t\t<ng-container *ngIf=\"visibleFields[field.config.fieldKey]\">\r\n\t\t\t\t<app-predicate-field\r\n\t\t\t\t\t*ngIf=\"field.type == fieldTypes.predicate\"\r\n\t\t\t\t\t[fieldConfig]=\"field.config\"\r\n\t\t\t\t\t[formControlName]=\"field.config.fieldKey\"\r\n\t\t\t\t></app-predicate-field>\r\n\t\t\t\t<app-aggregation-field\r\n\t\t\t\t\t*ngIf=\"field.type == fieldTypes.aggregation && !!aggregations\"\r\n\t\t\t\t\t[formControlName]=\"field.config.fieldKey\"\r\n\t\t\t\t\t[fieldConfig]=\"field.config\"\r\n\t\t\t\t\t[aggregation]=\"aggregations[field.config.aggregation]\"\r\n\t\t\t\t\t[contentTemplate]=\"getContentTemplate(field.config.render.type)\"\r\n\t\t\t\t></app-aggregation-field>\r\n\t\t\t\t<app-custom-field\r\n\t\t\t\t\t*ngIf=\"field.type == fieldTypes.custom\"\r\n\t\t\t\t\t[fieldConfig]=\"field.config\"\r\n\t\t\t\t\t[formControlName]=\"field.config.fieldKey\"\r\n\t\t\t\t\t[aggregations]=\"aggregations\"\r\n\t\t\t\t></app-custom-field>\r\n\t\t\t</ng-container>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n</div>\r\n", styles: [".filters-panel{display:var(--filters-panel-display, flex);flex-direction:var(--filters-panel-direction, column);grid-gap:var(--filters-panel-gap, .5rem);gap:var(--filters-panel-gap, .5rem);flex-wrap:var(--filters-panel-wrap, wrap);max-width:100%;box-sizing:border-box}.aggregation-field{padding-inline:var(--af-padding-inline, var(--ff-padding-inline, .5rem));padding-block:var(--af-padding-block, var(--ff-padding-block, 0));max-width:100%}.reset-container{padding:.5rem;position:sticky;top:-8px;z-index:4;background:var(--reset-filter-panel-bg, #fff)}.reset-container button.mat-button-base{background-color:var(--reset-filter-panel-btn-bg, transparent);border-color:var(--reset-filter-panel-btn-bg, #e2e8f0);color:var(--reset-filter-panel-btn-color, currentColor)}\n"], components: [{ 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: PredicateFieldComponent, selector: "app-predicate-field" }, { type: AggregationFieldComponent, selector: "app-aggregation-field", inputs: ["aggregation", "contentTemplate"] }, { type: CustomFieldComponent, selector: "app-custom-field", inputs: ["aggregations"] }], directives: [{ 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: i4__namespace.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$4.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "async": i4__namespace$1.AsyncPipe, "translate": i1__namespace.TranslatePipe, "filterByRoles": FiltersByRolesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FiltersPanelComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -20703,7 +20724,7 @@
                       styleUrls: ['./filters-panel.component.scss'],
                       changeDetection: i0.ChangeDetectionStrategy.OnPush
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }]; }, propDecorators: { aggregations: [{
+          }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }, { type: NuxeoService }]; }, propDecorators: { aggregations: [{
                   type: i0.Input
               }], fields: [{
                   type: i0.Input
@@ -20803,6 +20824,34 @@
                   }]
           }] });
 
+  var CheckConditionPipe = /** @class */ (function () {
+      function CheckConditionPipe(nuxeoService) {
+          this.nuxeoService = nuxeoService;
+          this.user = nuxeoService.nuxeoClient.user;
+      }
+      CheckConditionPipe.prototype.transform = function (condition, aggregations, language, filterValues) {
+          if (!condition) {
+              return true;
+          }
+          try {
+              return Evaluator.evaluate(condition, ___default["default"].cloneDeep({ aggregations: aggregations, language: language, user: this.user, values: filterValues }));
+          }
+          catch (error) {
+              console.error({ error: error });
+              return false;
+          }
+      };
+      return CheckConditionPipe;
+  }());
+  CheckConditionPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CheckConditionPipe, deps: [{ token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+  CheckConditionPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CheckConditionPipe, name: "checkCondition" });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CheckConditionPipe, decorators: [{
+              type: i0.Pipe,
+              args: [{
+                      name: 'checkCondition'
+                  }]
+          }], ctorParameters: function () { return [{ type: NuxeoService }]; } });
+
   var AggregationGroupComponent = /** @class */ (function (_super) {
       __extends(AggregationGroupComponent, _super);
       function AggregationGroupComponent() {
@@ -45137,6 +45186,13 @@
           var _colors = __spreadArray(__spreadArray([], __read(((config === null || config === void 0 ? void 0 : config.colors) || []))), __read(getColors()));
           return Object.assign(Object.assign({}, config), { colors: _colors, chart: chart });
       };
+      /**
+       * Prepares a custom chart configuration
+       * @param config
+       */
+      ReportConfigMapperService.prototype.prepareCustomConfig = function (config) {
+          return config;
+      };
       /**
        * Prepares a digit chart configuration
        * @param config The digit chart definition
@@ -45184,6 +45240,138 @@
                   }]
           }], ctorParameters: function () { return [{ type: ChartPluginsRegistry }]; } });
 
+  var CustomReportsRegistry = /** @class */ (function () {
+      function CustomReportsRegistry(_factoryResolver) {
+          this._factoryResolver = _factoryResolver;
+          this._components = new Map();
+      }
+      /**
+       * Register a component with the registry
+       * @param config Component configuration
+       */
+      CustomReportsRegistry.prototype.registerComponent = function (config) {
+          if (!config.type || !config.component) {
+              throw new Error('Invalid component configuration: type and component are required');
+          }
+          if (this._components.has(config.type)) {
+              console.warn("Component with type '" + config.type + "' is already registered. Overwriting...");
+          }
+          this._components.set(config.type, config);
+      };
+      /**
+       * Register multiple components at once
+       * @param configs Array of component configurations
+       */
+      CustomReportsRegistry.prototype.registerComponents = function (configs) {
+          var _this = this;
+          configs.forEach(function (config) { return _this.registerComponent(config); });
+      };
+      /**
+       * Render a component by type into a ViewContainerRef
+       * @param type Component type identifier
+       * @param vcr ViewContainerRef to render into
+       */
+      CustomReportsRegistry.prototype.renderComponent = function (type, vcr) {
+          if (!this._components.has(type)) {
+              throw new Error("Unknown component with type: '" + type + "'");
+          }
+          var config = this._components.get(type);
+          return this.loadComponent(config, vcr);
+      };
+      /**
+       * Load a component into a ViewContainerRef
+       * @param config Component configuration
+       * @param vcr ViewContainerRef to render into
+       */
+      CustomReportsRegistry.prototype.loadComponent = function (config, vcr) {
+          var componentFactory = this._factoryResolver.resolveComponentFactory(config.component);
+          return vcr.createComponent(componentFactory);
+      };
+      /**
+       * Check if a component is registered
+       * @param type Component type identifier
+       */
+      CustomReportsRegistry.prototype.hasComponent = function (type) {
+          return this._components.has(type);
+      };
+      /**
+       * Get component configuration by type
+       * @param type Component type identifier
+       */
+      CustomReportsRegistry.prototype.getComponent = function (type) {
+          return this._components.get(type);
+      };
+      /**
+       * Get all registered component types
+       */
+      CustomReportsRegistry.prototype.getComponentTypes = function () {
+          return Array.from(this._components.keys());
+      };
+      /**
+       * Get all registered components
+       */
+      CustomReportsRegistry.prototype.getAllComponents = function () {
+          return Array.from(this._components.values());
+      };
+      /**
+       * Get components by category
+       * @param category Category to filter by
+       */
+      CustomReportsRegistry.prototype.getComponentsByCategory = function (category) {
+          return Array.from(this._components.values()).filter(function (config) { return config.category === category; });
+      };
+      /**
+       * Get all unique categories
+       */
+      CustomReportsRegistry.prototype.getCategories = function () {
+          var categories = Array.from(this._components.values())
+              .map(function (config) { return config.category; })
+              .filter(function (category) { return !!category; });
+          return __spreadArray([], __read(new Set(categories)));
+      };
+      /**
+       * Unregister a component
+       * @param type Component type identifier
+       */
+      CustomReportsRegistry.prototype.unregisterComponent = function (type) {
+          return this._components.delete(type);
+      };
+      /**
+       * Clear all registered components
+       */
+      CustomReportsRegistry.prototype.clearComponents = function () {
+          this._components.clear();
+      };
+      /**
+       * Get the total number of registered components
+       */
+      CustomReportsRegistry.prototype.getComponentCount = function () {
+          return this._components.size;
+      };
+      /**
+       * Search components by name or type
+       * @param searchTerm Search term
+       */
+      CustomReportsRegistry.prototype.searchComponents = function (searchTerm) {
+          var term = searchTerm.toLowerCase();
+          return Array.from(this._components.values()).filter(function (config) {
+              var _a, _b;
+              return config.type.toLowerCase().includes(term) ||
+                  ((_a = config.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(term)) ||
+                  ((_b = config.description) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(term));
+          });
+      };
+      return CustomReportsRegistry;
+  }());
+  CustomReportsRegistry.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomReportsRegistry, deps: [{ token: i0__namespace.ComponentFactoryResolver }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  CustomReportsRegistry.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomReportsRegistry, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomReportsRegistry, decorators: [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }]; } });
+
   var DigitChartComponent = /** @class */ (function (_super) {
       __extends(DigitChartComponent, _super);
       function DigitChartComponent() {
@@ -45288,7 +45476,7 @@
       return GraphChartComponent;
   }(BaseChart));
   GraphChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: GraphChartComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  GraphChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: GraphChartComponent, selector: "app-graph-chart", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"report$ | async as report\">\r\n\t<div class=\"chart-legends\"></div>\r\n\t<app-chart\r\n\t\t[type]=\"report.config.type\"\r\n\t\t[data]=\"report.data\"\r\n\t\t[options]=\"report.config?.options\"\r\n\t\t[plugins]=\"report.config?.plugins\"\r\n\t\t[responsive]=\"true\"\r\n\t\t(onReady)=\"chartReady($event)\"\r\n\t\tclass=\"app-chart\"\r\n\t></app-chart>\r\n</ng-container>\r\n", styles: [":host{--chart-height: var(--graph-chart-height, 300px);display:var(--graph-chart-display, flex);flex-direction:var(--graph-chart-direction, row);justify-content:var(--graph-chart-justify-content, between);align-items:var(--graph-chart-align-items, center);grid-gap:var(--graph-chart-gap, .5rem);gap:var(--graph-chart-gap, .5rem)}.app-chart{min-width:var(--app-chart-min-width, 0);min-height:var(--app-chart-min-height, 0);height:var(--app-chart-height, auto);width:var(--app-chart-width, 100%);padding:var(--app-chart-padding, 1rem);display:flex;align-items:center;justify-content:center;align-self:stretch}@media print{.app-chart ::ng-deep canvas{max-width:100%!important}}::ng-deep .chart-legends{max-height:var(--chart-legends-height, var(--chart-height));min-width:var(--chart-legends-width, 0);overflow:auto;font-size:1rem;text-align:start;display:flex;flex-direction:column;grid-gap:.2rem;gap:.2rem;padding-block:.5rem}::ng-deep .chart-legends:empty{--chart-legends-width: 0;display:none}::ng-deep .chart-legends.has-items{--chart-legends-width: 200px}::ng-deep .chart-legends__legend{display:flex;align-items:baseline;-webkit-user-select:none;user-select:none;cursor:default}::ng-deep .chart-legends__box{width:var(--chart-legends-box-width, 8px);height:var(--chart-legends-box-height, 8px);border-radius:var(--chart-legends-radius, 50%);margin-inline:var(--chart-legends-box-inline, 0 .5rem);display:inline-block;flex-shrink:0}\n"], components: [{ type: ChartComponent, selector: "app-chart", inputs: ["data", "options"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4__namespace$1.AsyncPipe } });
+  GraphChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: GraphChartComponent, selector: "app-graph-chart", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"report$ | async as report\">\r\n\t<div class=\"chart-legends\"></div>\r\n\t<app-chart\r\n\t\t[type]=\"report.config.type\"\r\n\t\t[data]=\"report.data\"\r\n\t\t[options]=\"report.config?.options\"\r\n\t\t[plugins]=\"report.config?.plugins\"\r\n\t\t[responsive]=\"true\"\r\n\t\t(onReady)=\"chartReady($event)\"\r\n\t\tclass=\"app-chart\"\r\n\t></app-chart>\r\n</ng-container>\r\n", styles: [":host{--chart-height: var(--graph-chart-height, 330px);display:var(--graph-chart-display, flex);flex-direction:var(--graph-chart-direction, row);justify-content:var(--graph-chart-justify-content, between);align-items:var(--graph-chart-align-items, center);grid-gap:var(--graph-chart-gap, .5rem);gap:var(--graph-chart-gap, .5rem)}.app-chart{min-width:var(--app-chart-min-width, 0);min-height:var(--app-chart-min-height, 0);height:var(--app-chart-height, auto);width:var(--app-chart-width, 100%);padding:var(--app-chart-padding, 1rem);display:flex;align-items:center;justify-content:center;align-self:stretch}@media print{.app-chart ::ng-deep canvas{max-width:100%!important}}::ng-deep .chart-legends{max-height:var(--chart-legends-height, var(--chart-height));min-width:var(--chart-legends-width, 0);overflow:auto;font-size:1rem;text-align:start;display:flex;flex-direction:column;grid-gap:.2rem;gap:.2rem;padding-block:.5rem}::ng-deep .chart-legends:empty{--chart-legends-width: 0;display:none}::ng-deep .chart-legends.has-items{--chart-legends-width: 200px}::ng-deep .chart-legends__legend{display:flex;align-items:baseline;-webkit-user-select:none;user-select:none;cursor:default}::ng-deep .chart-legends__box{width:var(--chart-legends-box-width, 8px);height:var(--chart-legends-box-height, 8px);border-radius:var(--chart-legends-radius, 50%);margin-inline:var(--chart-legends-box-inline, 0 .5rem);display:inline-block;flex-shrink:0}\n"], components: [{ type: ChartComponent, selector: "app-chart", inputs: ["data", "options"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4__namespace$1.AsyncPipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: GraphChartComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -45309,6 +45497,7 @@
       graph: 'graph',
       digit: 'digit',
       dynamicLine: 'dynamicLine',
+      custom: 'custom',
   };
 
   var TIME_GROUPS = {
@@ -45372,6 +45561,7 @@
               _a[REPORT_MODE.graph] = this._configMapperService.prepareGraphConfig,
               _a[REPORT_MODE.digit] = this._configMapperService.prepareDigitConfig,
               _a[REPORT_MODE.dynamicLine] = this._configMapperService.prepareGraphLineConfig,
+              _a[REPORT_MODE.custom] = this._configMapperService.prepareCustomConfig,
               _a);
           return mappers[obj.mode].call(this._configMapperService, obj);
       };
@@ -45922,6 +46112,102 @@
                   args: ['graphChart']
               }] } });
 
+  var BaseCustomReport = /** @class */ (function (_super) {
+      __extends(BaseCustomReport, _super);
+      function BaseCustomReport() {
+          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+          _this.direction = 'rtl';
+          _this._criteriaSub = new rxjs.ReplaySubject(null);
+          _this.criteria$ = _this._criteriaSub.asObservable();
+          _this._configSub = new rxjs.BehaviorSubject(null);
+          _this.config$ = _this._configSub.asObservable();
+          return _this;
+      }
+      Object.defineProperty(BaseCustomReport.prototype, "criteria", {
+          set: function (value) {
+              this._criteria = ___default["default"].cloneDeep(value);
+              this._criteriaSub.next(this._criteria);
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(BaseCustomReport.prototype, "config", {
+          get: function () {
+              return this._configSub.getValue();
+          },
+          set: function (obj) {
+              if (obj) {
+                  this._configSub.next(obj);
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      return BaseCustomReport;
+  }(DestroySubject));
+  BaseCustomReport.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseCustomReport, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
+  BaseCustomReport.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseCustomReport, inputs: { direction: "direction", data: "data", criteria: "criteria", config: "config" }, usesInheritance: true, ngImport: i0__namespace });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseCustomReport, decorators: [{
+              type: i0.Directive
+          }], propDecorators: { direction: [{
+                  type: i0.Input
+              }], data: [{
+                  type: i0.Input
+              }], criteria: [{
+                  type: i0.Input
+              }], config: [{
+                  type: i0.Input
+              }] } });
+
+  var CustomReportComponent = /** @class */ (function (_super) {
+      __extends(CustomReportComponent, _super);
+      function CustomReportComponent() {
+          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+          _this._registeredComponents = _this.injector.get(CustomReportsRegistry);
+          return _this;
+      }
+      CustomReportComponent.prototype.ngOnInit = function () {
+          /* const componentType = this._registeredComponents.getComponent(this.reportDefinition.type);
+           if (componentType) {
+             this._componentRef = this.dynamicComponent.renderComponent(componentType, this.container);
+             this._prepareValueAccessor();
+             this._prepareComponent(componentType);
+           }*/
+      };
+      CustomReportComponent.prototype.ngOnChanges = function (changes) {
+          var _this = this;
+          if (!this._componentRef) {
+              return;
+          }
+          Object.keys(changes).forEach(function (key) {
+              _this._componentRef.instance[key] = changes[key].currentValue;
+          });
+          this._componentRef.changeDetectorRef.markForCheck();
+      };
+      CustomReportComponent.prototype.ngOnDestroy = function () {
+          if (this._componentRef) {
+              this._componentRef.destroy();
+          }
+      };
+      return CustomReportComponent;
+  }(BaseReport));
+  CustomReportComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomReportComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  CustomReportComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomReportComponent, selector: "app-custom-report", host: { classAttribute: "custom-report flex flex-col flex-grow" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["dynamicContainer"], descendants: true, read: i0.ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "\r\n<ng-container #dynamicContainer></ng-container>\r\n", styles: [""] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomReportComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'app-custom-report',
+                      templateUrl: './custom-report.component.html',
+                      styleUrls: ['./custom-report.component.scss'],
+                      host: {
+                          class: 'custom-report flex flex-col flex-grow'
+                      }
+                  }]
+          }], propDecorators: { container: [{
+                  type: i0.ViewChild,
+                  args: ['dynamicContainer', { read: i0.ViewContainerRef, static: true }]
+              }] } });
+
   function mapToNdfTableConfig(report, details) {
       var _a, _b, _c, _d, _e;
       var _request = report.request;
@@ -46338,7 +46624,7 @@
           DynamicTimelineReportComponent,
           TimeGroupSelectorComponent,
           GraphDialogComponent,
-          TimelineDialogComponent, ScrollableDivDirective, GraphChartComponent, DigitChartComponent, ReportActionsComponent], imports: [i4.CommonModule,
+          TimelineDialogComponent, ScrollableDivDirective, GraphChartComponent, DigitChartComponent, ReportActionsComponent, CustomReportComponent], imports: [i4.CommonModule,
           i1.TranslateModule,
           i3$2.MatMenuModule,
           i2$2.MatIconModule,
@@ -46383,7 +46669,7 @@
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfReportsModule, decorators: [{
               type: i0.NgModule,
               args: [{
-                      declarations: [CONTAINERS, COMPONENTS, DIRECTIVES, CHARTS, ReportActionsComponent],
+                      declarations: [CONTAINERS, COMPONENTS, DIRECTIVES, CHARTS, ReportActionsComponent, CustomReportComponent],
                       imports: [
                           i4.CommonModule,
                           i1.TranslateModule,
@@ -47676,7 +47962,7 @@
                       {
                           aggregation: 'RetentionInfo_activeRetentionExpireDate_agg',
                           propertyPath: 'aggregations.RetentionInfo_activeRetentionExpireDate_agg.buckets',
-                          transformer: 'removeTime',
+                          transformer: 'timeFormat',
                       },
                   ],
                   chart: {
@@ -48600,6 +48886,7 @@
   exports.CustomFieldComponent = CustomFieldComponent;
   exports.CustomMomentDateAdapter = CustomMomentDateAdapter;
   exports.CustomPpViewerComponent = CustomPpViewerComponent;
+  exports.CustomReportsRegistry = CustomReportsRegistry;
   exports.CustomSocketComponent = CustomSocketComponent;
   exports.CustomTemplateDirective = CustomTemplateDirective;
   exports.CustomToastrModule = CustomToastrModule;