nuxeo-development-framework 6.1.1 → 6.1.3

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/dialog'), require('@angular/router'), require('@ngx-translate/core'), require('rxjs/operators'), require('rxjs'), require('@angular/animations'), require('ngx-toastr'), require('crypto-js'), require('@angular/cdk/bidi'), require('@angular/common/http'), require('keycloak-angular'), require('ngx-cookie-service'), require('@angular/cdk/coercion'), require('@angular/material/icon'), require('@angular/material/progress-spinner'), require('@angular/material/tooltip'), require('lodash-es'), require('moment'), require('lodash/omit'), require('lodash/assign'), require('lodash/cloneDeep'), require('lodash'), require('@angular/platform-browser'), require('moment-es6'), require('moment-hijri'), require('ngx-infinite-scroll'), require('@angular/material/list'), require('@angular/material/menu'), require('angular-ng-autocomplete'), require('@angular/material/core'), require('@angular/cdk/clipboard'), require('ts-cacheable'), require('@ng-select/ng-select'), require('@angular/material/form-field'), require('@angular/material/chips'), require('@angular/material/expansion'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/datepicker'), require('@angular/material/input'), require('@angular/material/radio'), require('@angular/material/slide-toggle'), require('@busacca/ng-pick-datetime'), require('@mat-datetimepicker/core'), require('angular-formio'), require('ngx-treeview'), require('@ng-bootstrap/ng-bootstrap'), require('formiojs'), require('lodash/find'), require('lodash/isEqual'), require('@swimlane/ngx-datatable'), require('@angular/material/button-toggle'), require('@angular/cdk/collections'), require('@angular/cdk/drag-drop'), require('@angular/material/autocomplete'), require('ngx-mask'), require('moment/moment'), require('string-hash'), require('@angular/cdk/layout'), require('dwt'), require('@angular/material/progress-bar'), require('chart.js/auto'), require('chartjs-adapter-moment'), require('devextreme-angular'), require('file-saver'), require('devextreme-angular/ui/nested'), require('@pdftron/webviewer'), require('@angular/material/tabs'), require('@angular/material/divider'), require('@angular/common/locales/ar'), require('@angular/common/locales/en'), require('@rxweb/reactive-form-validators'), require('rete-angular-plugin'), require('rete'), require('rete-area-plugin'), require('rete-auto-arrange-plugin'), require('rete-connection-plugin'), require('rete-connection-reroute-plugin'), require('rete-readonly-plugin'), require('rete-minimap-plugin'), require('d3-shape'), require('rete-connection-path-plugin'), require('rete-render-utils'), require('@angular/material/badge'), require('@angular/material/toolbar'), require('@kurkle/color'), require('ngx-markdown'), require('@angular/cdk/accordion'), require('lodash/flatMap'), require('@angular/material/bottom-sheet')) :
-  typeof define === 'function' && define.amd ? define('nuxeo-development-framework', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/dialog', '@angular/router', '@ngx-translate/core', 'rxjs/operators', 'rxjs', '@angular/animations', 'ngx-toastr', 'crypto-js', '@angular/cdk/bidi', '@angular/common/http', 'keycloak-angular', 'ngx-cookie-service', '@angular/cdk/coercion', '@angular/material/icon', '@angular/material/progress-spinner', '@angular/material/tooltip', 'lodash-es', 'moment', 'lodash/omit', 'lodash/assign', 'lodash/cloneDeep', 'lodash', '@angular/platform-browser', 'moment-es6', 'moment-hijri', 'ngx-infinite-scroll', '@angular/material/list', '@angular/material/menu', 'angular-ng-autocomplete', '@angular/material/core', '@angular/cdk/clipboard', 'ts-cacheable', '@ng-select/ng-select', '@angular/material/form-field', '@angular/material/chips', '@angular/material/expansion', '@angular/material/button', '@angular/material/checkbox', '@angular/material/datepicker', '@angular/material/input', '@angular/material/radio', '@angular/material/slide-toggle', '@busacca/ng-pick-datetime', '@mat-datetimepicker/core', 'angular-formio', 'ngx-treeview', '@ng-bootstrap/ng-bootstrap', 'formiojs', 'lodash/find', 'lodash/isEqual', '@swimlane/ngx-datatable', '@angular/material/button-toggle', '@angular/cdk/collections', '@angular/cdk/drag-drop', '@angular/material/autocomplete', 'ngx-mask', 'moment/moment', 'string-hash', '@angular/cdk/layout', 'dwt', '@angular/material/progress-bar', 'chart.js/auto', 'chartjs-adapter-moment', 'devextreme-angular', 'file-saver', 'devextreme-angular/ui/nested', '@pdftron/webviewer', '@angular/material/tabs', '@angular/material/divider', '@angular/common/locales/ar', '@angular/common/locales/en', '@rxweb/reactive-form-validators', 'rete-angular-plugin', 'rete', 'rete-area-plugin', 'rete-auto-arrange-plugin', 'rete-connection-plugin', 'rete-connection-reroute-plugin', 'rete-readonly-plugin', 'rete-minimap-plugin', 'd3-shape', 'rete-connection-path-plugin', 'rete-render-utils', '@angular/material/badge', '@angular/material/toolbar', '@kurkle/color', 'ngx-markdown', '@angular/cdk/accordion', 'lodash/flatMap', '@angular/material/bottom-sheet'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["nuxeo-development-framework"] = {}, global.ng.core, global.ng.common, global.ng.forms, global.ng.material.dialog, global.ng.router, global.i1, global.rxjs.operators, global.rxjs, global.ng.animations, global.i1$1, global.CryptoJS, global.ng.cdk.bidi, global.ng.common.http, global.i2$1, global.i3, global.ng.cdk.coercion, global.ng.material.icon, global.ng.material.progressSpinner, global.ng.material.tooltip, global.lodashEs, global.moment$6, global._omit, global._assign, global._cloneDeep, global._, global.ng.platformBrowser, global.moment$7, global.moment_, global.i7$1, global.ng.material.list, global.ng.material.menu, global.i6$1, global.ng.material.core, global.ng.cdk.clipboard, global.tsCacheable, global.i5, global.ng.material.formField, global.ng.material.chips, global.ng.material.expansion, global.ng.material.button, global.ng.material.checkbox, global.ng.material.datepicker, global.ng.material.input, global.ng.material.radio, global.ng.material.slideToggle, global.i6$3, global.core, global.i3$2, global.i1$9, global.i1$8, global.formiojs, global._find, global._isEqual, global.i4$2, global.ng.material.buttonToggle, global.ng.cdk.collections, global.ng.cdk.dragDrop, global.ng.material.autocomplete, global.i5$4, global.moment$8, global.stringHash, global.ng.cdk.layout, global.Dynamsoft, global.ng.material.progressBar, global.Chart, null, global.i4$4, global.FileSaver, global.i5$6, global.WebViewer, global.ng.material.tabs, global.ng.material.divider, global.ng.common.locales.ar, global.ng.common.locales.en, global.reactiveFormValidators, global.i2$7, global.rete, global.reteAreaPlugin, global.reteAutoArrangePlugin, global.reteConnectionPlugin, global.reteConnectionReroutePlugin, global.reteReadonlyPlugin, global.reteMinimapPlugin, global.d3Shape, global.reteConnectionPathPlugin, global.reteRenderUtils, global.ng.material.badge, global.ng.material.toolbar, global.colorLib, global.i2$8, global.ng.cdk.accordion, global._flatMap, global.ng.material.bottomSheet));
-})(this, (function (exports, i0, i4, i2, i1$4, i1$3, i1, operators, rxjs, animations, i1$1, CryptoJS, i4$1, i1$2, i2$1, i3, coercion, i2$2, i6, i7, lodashEs, moment$6, _omit, _assign, _cloneDeep, _, i1$5, moment$7, moment_, i7$1, i2$3, i3$1, i6$1, i2$4, i1$6, tsCacheable, i5, i1$7, i7$2, i6$2, i1$b, i5$1, i2$6, i5$2, i2$5, i1$a, i6$3, core, i3$2, i1$9, i1$8, formiojs, _find, _isEqual, i4$2, i1$c, collections, i7$3, i5$3, i5$4, moment$8, stringHash, i5$5, Dynamsoft, i4$3, Chart, chartjsAdapterMoment, i4$4, FileSaver, i5$6, WebViewer, i1$d, i9, localeAr, localeEn, reactiveFormValidators, i2$7, rete, reteAreaPlugin, reteAutoArrangePlugin, reteConnectionPlugin, reteConnectionReroutePlugin, reteReadonlyPlugin, reteMinimapPlugin, d3Shape, reteConnectionPathPlugin, reteRenderUtils, i7$4, toolbar, colorLib, i2$8, i6$4, _flatMap, i1$e) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/dialog'), require('@angular/router'), require('@ngx-translate/core'), require('rxjs/operators'), require('rxjs'), require('@angular/animations'), require('ngx-toastr'), require('crypto-js'), require('@angular/cdk/bidi'), require('@angular/common/http'), require('keycloak-angular'), require('ngx-cookie-service'), require('@angular/cdk/coercion'), require('@angular/material/icon'), require('@angular/material/progress-spinner'), require('@angular/material/tooltip'), require('lodash-es'), require('lodash'), require('moment'), require('lodash/omit'), require('lodash/assign'), require('lodash/cloneDeep'), require('@angular/platform-browser'), require('moment-es6'), require('moment-hijri'), require('ngx-infinite-scroll'), require('@angular/material/list'), require('@angular/material/menu'), require('angular-ng-autocomplete'), require('@angular/material/core'), require('@angular/cdk/clipboard'), require('ts-cacheable'), require('@ng-select/ng-select'), require('@angular/material/form-field'), require('@angular/material/chips'), require('@angular/material/expansion'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/datepicker'), require('@angular/material/input'), require('@angular/material/radio'), require('@angular/material/slide-toggle'), require('@busacca/ng-pick-datetime'), require('@mat-datetimepicker/core'), require('angular-formio'), require('ngx-treeview'), require('@ng-bootstrap/ng-bootstrap'), require('formiojs'), require('lodash/find'), require('lodash/isEqual'), require('@swimlane/ngx-datatable'), require('@angular/material/button-toggle'), require('@angular/cdk/collections'), require('@angular/cdk/drag-drop'), require('@angular/material/autocomplete'), require('ngx-mask'), require('moment/moment'), require('string-hash'), require('@angular/cdk/layout'), require('dwt'), require('@angular/material/progress-bar'), require('chart.js/auto'), require('chartjs-adapter-moment'), require('devextreme-angular'), require('file-saver'), require('devextreme-angular/ui/nested'), require('@pdftron/webviewer'), require('@angular/material/tabs'), require('@angular/material/divider'), require('@angular/common/locales/ar'), require('@angular/common/locales/en'), require('@rxweb/reactive-form-validators'), require('rete-angular-plugin'), require('rete'), require('rete-area-plugin'), require('rete-auto-arrange-plugin'), require('rete-connection-plugin'), require('rete-connection-reroute-plugin'), require('rete-readonly-plugin'), require('rete-minimap-plugin'), require('d3-shape'), require('rete-connection-path-plugin'), require('rete-render-utils'), require('@angular/material/badge'), require('@angular/material/toolbar'), require('@kurkle/color'), require('ngx-markdown'), require('@angular/cdk/accordion'), require('lodash/flatMap'), require('@angular/material/bottom-sheet')) :
+  typeof define === 'function' && define.amd ? define('nuxeo-development-framework', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/dialog', '@angular/router', '@ngx-translate/core', 'rxjs/operators', 'rxjs', '@angular/animations', 'ngx-toastr', 'crypto-js', '@angular/cdk/bidi', '@angular/common/http', 'keycloak-angular', 'ngx-cookie-service', '@angular/cdk/coercion', '@angular/material/icon', '@angular/material/progress-spinner', '@angular/material/tooltip', 'lodash-es', 'lodash', 'moment', 'lodash/omit', 'lodash/assign', 'lodash/cloneDeep', '@angular/platform-browser', 'moment-es6', 'moment-hijri', 'ngx-infinite-scroll', '@angular/material/list', '@angular/material/menu', 'angular-ng-autocomplete', '@angular/material/core', '@angular/cdk/clipboard', 'ts-cacheable', '@ng-select/ng-select', '@angular/material/form-field', '@angular/material/chips', '@angular/material/expansion', '@angular/material/button', '@angular/material/checkbox', '@angular/material/datepicker', '@angular/material/input', '@angular/material/radio', '@angular/material/slide-toggle', '@busacca/ng-pick-datetime', '@mat-datetimepicker/core', 'angular-formio', 'ngx-treeview', '@ng-bootstrap/ng-bootstrap', 'formiojs', 'lodash/find', 'lodash/isEqual', '@swimlane/ngx-datatable', '@angular/material/button-toggle', '@angular/cdk/collections', '@angular/cdk/drag-drop', '@angular/material/autocomplete', 'ngx-mask', 'moment/moment', 'string-hash', '@angular/cdk/layout', 'dwt', '@angular/material/progress-bar', 'chart.js/auto', 'chartjs-adapter-moment', 'devextreme-angular', 'file-saver', 'devextreme-angular/ui/nested', '@pdftron/webviewer', '@angular/material/tabs', '@angular/material/divider', '@angular/common/locales/ar', '@angular/common/locales/en', '@rxweb/reactive-form-validators', 'rete-angular-plugin', 'rete', 'rete-area-plugin', 'rete-auto-arrange-plugin', 'rete-connection-plugin', 'rete-connection-reroute-plugin', 'rete-readonly-plugin', 'rete-minimap-plugin', 'd3-shape', 'rete-connection-path-plugin', 'rete-render-utils', '@angular/material/badge', '@angular/material/toolbar', '@kurkle/color', 'ngx-markdown', '@angular/cdk/accordion', 'lodash/flatMap', '@angular/material/bottom-sheet'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["nuxeo-development-framework"] = {}, global.ng.core, global.ng.common, global.ng.forms, global.ng.material.dialog, global.ng.router, global.i1, global.rxjs.operators, global.rxjs, global.ng.animations, global.i1$1, global.CryptoJS, global.ng.cdk.bidi, global.ng.common.http, global.i2$1, global.i3, global.ng.cdk.coercion, global.ng.material.icon, global.ng.material.progressSpinner, global.ng.material.tooltip, global.lodashEs, global._, global.moment$6, global._omit, global._assign, global._cloneDeep, global.ng.platformBrowser, global.moment$7, global.moment_, global.i7$1, global.ng.material.list, global.ng.material.menu, global.i6$1, global.ng.material.core, global.ng.cdk.clipboard, global.tsCacheable, global.i5, global.ng.material.formField, global.ng.material.chips, global.ng.material.expansion, global.ng.material.button, global.ng.material.checkbox, global.ng.material.datepicker, global.ng.material.input, global.ng.material.radio, global.ng.material.slideToggle, global.i6$3, global.core, global.i3$2, global.i1$9, global.i1$8, global.formiojs, global._find, global._isEqual, global.i4$2, global.ng.material.buttonToggle, global.ng.cdk.collections, global.ng.cdk.dragDrop, global.ng.material.autocomplete, global.i5$4, global.moment$8, global.stringHash, global.ng.cdk.layout, global.Dynamsoft, global.ng.material.progressBar, global.Chart, null, global.i4$4, global.FileSaver, global.i5$6, global.WebViewer, global.ng.material.tabs, global.ng.material.divider, global.ng.common.locales.ar, global.ng.common.locales.en, global.reactiveFormValidators, global.i2$7, global.rete, global.reteAreaPlugin, global.reteAutoArrangePlugin, global.reteConnectionPlugin, global.reteConnectionReroutePlugin, global.reteReadonlyPlugin, global.reteMinimapPlugin, global.d3Shape, global.reteConnectionPathPlugin, global.reteRenderUtils, global.ng.material.badge, global.ng.material.toolbar, global.colorLib, global.i2$8, global.ng.cdk.accordion, global._flatMap, global.ng.material.bottomSheet));
+})(this, (function (exports, i0, i4, i2, i1$4, i1$3, i1, operators, rxjs, animations, i1$1, CryptoJS, i4$1, i1$2, i2$1, i3, coercion, i2$2, i6, i7, lodashEs, _, moment$6, _omit, _assign, _cloneDeep, i1$5, moment$7, moment_, i7$1, i2$3, i3$1, i6$1, i2$4, i1$6, tsCacheable, i5, i1$7, i7$2, i6$2, i1$b, i5$1, i2$6, i5$2, i2$5, i1$a, i6$3, core, i3$2, i1$9, i1$8, formiojs, _find, _isEqual, i4$2, i1$c, collections, i7$3, i5$3, i5$4, moment$8, stringHash, i5$5, Dynamsoft, i4$3, Chart, chartjsAdapterMoment, i4$4, FileSaver, i5$6, WebViewer, i1$d, i9, localeAr, localeEn, reactiveFormValidators, i2$7, rete, reteAreaPlugin, reteAutoArrangePlugin, reteConnectionPlugin, reteConnectionReroutePlugin, reteReadonlyPlugin, reteMinimapPlugin, d3Shape, reteConnectionPathPlugin, reteRenderUtils, i7$4, toolbar, colorLib, i2$8, i6$4, _flatMap, i1$e) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -39,13 +39,13 @@
   var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$2);
   var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
   var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
+  var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
+  var ___namespace = /*#__PURE__*/_interopNamespace(_);
   var moment__namespace = /*#__PURE__*/_interopNamespace(moment$6);
   var moment__default$1 = /*#__PURE__*/_interopDefaultLegacy(moment$6);
   var _omit__default = /*#__PURE__*/_interopDefaultLegacy(_omit);
   var _assign__default = /*#__PURE__*/_interopDefaultLegacy(_assign);
   var _cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(_cloneDeep);
-  var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
-  var ___namespace = /*#__PURE__*/_interopNamespace(_);
   var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$5);
   var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment$7);
   var moment___namespace = /*#__PURE__*/_interopNamespace(moment_);
@@ -3256,131 +3256,93 @@
 
   var ENTITY_TYPE = 'entity-type';
 
-  var _HttpBaseService_http;
-  var HttpBaseService = /** @class */ (function () {
-      function HttpBaseService(injector) {
-          _HttpBaseService_http.set(this, void 0);
-          __classPrivateFieldSet(this, _HttpBaseService_http, injector.get(i1$2.HttpClient), "f");
+  var CallApiService = /** @class */ (function () {
+      function CallApiService(nuxeoService, http, environment) {
+          this.nuxeoService = nuxeoService;
+          this.http = http;
+          this.environment = environment;
       }
-      Object.defineProperty(HttpBaseService.prototype, "environment", {
-          get: function () {
-              return EnvManager.environment;
-          },
-          enumerable: false,
-          configurable: true
-      });
-      HttpBaseService.prototype.httpRequest = function (req) {
-          return __classPrivateFieldGet(this, _HttpBaseService_http, "f").request(req);
-      };
-      HttpBaseService.prototype.get = function (endpointOrOptions, params, headers, responseType) {
-          if (params === void 0) { params = undefined; }
-          if (headers === void 0) { headers = undefined; }
-          if (responseType === void 0) { responseType = undefined; }
-          var _a, _b, _c;
-          var url;
-          if (typeof endpointOrOptions === 'string') {
-              url = endpointOrOptions;
-          }
-          else {
-              var options = endpointOrOptions;
-              url = options.endpoint;
-              params = (_a = options.params) !== null && _a !== void 0 ? _a : undefined;
-              headers = (_b = options.headers) !== null && _b !== void 0 ? _b : undefined;
-              responseType = (_c = options.responseType) !== null && _c !== void 0 ? _c : undefined;
-          }
-          return __classPrivateFieldGet(this, _HttpBaseService_http, "f").get(url, { headers: headers, params: params, responseType: responseType }).pipe(operators.map(function (response) { return response; }), this.catchErrors());
-      };
-      HttpBaseService.prototype.post = function (endpointOrOptions, payload, params, headers, responseType) {
-          if (payload === void 0) { payload = undefined; }
-          if (params === void 0) { params = undefined; }
-          if (headers === void 0) { headers = undefined; }
-          if (responseType === void 0) { responseType = undefined; }
-          var _a, _b, _c, _d;
-          var url;
-          if (typeof endpointOrOptions === 'string') {
-              url = endpointOrOptions;
-          }
-          else {
-              var options = endpointOrOptions;
-              url = options.endpoint;
-              payload = (_a = options.payload) !== null && _a !== void 0 ? _a : undefined;
-              params = (_b = options.params) !== null && _b !== void 0 ? _b : undefined;
-              headers = (_c = options.headers) !== null && _c !== void 0 ? _c : undefined;
-              responseType = (_d = options.responseType) !== null && _d !== void 0 ? _d : undefined;
-          }
-          return __classPrivateFieldGet(this, _HttpBaseService_http, "f").post(url, payload, { headers: headers, params: params, responseType: responseType }).pipe(operators.map(function (response) { return response; }), this.catchErrors());
-      };
-      HttpBaseService.prototype.put = function (endpointOrOptions, payload, params, headers, responseType) {
-          if (payload === void 0) { payload = undefined; }
-          if (params === void 0) { params = undefined; }
-          if (headers === void 0) { headers = undefined; }
-          if (responseType === void 0) { responseType = undefined; }
-          var _a, _b, _c, _d;
-          var url;
-          if (typeof endpointOrOptions === 'string') {
-              url = endpointOrOptions;
-          }
-          else {
-              var options = endpointOrOptions;
-              url = options.endpoint;
-              payload = (_a = options.payload) !== null && _a !== void 0 ? _a : undefined;
-              params = (_b = options.params) !== null && _b !== void 0 ? _b : undefined;
-              headers = (_c = options.headers) !== null && _c !== void 0 ? _c : undefined;
-              responseType = (_d = options.responseType) !== null && _d !== void 0 ? _d : undefined;
-          }
-          return __classPrivateFieldGet(this, _HttpBaseService_http, "f").put(url, payload, { headers: headers, params: params, responseType: responseType }).pipe(operators.map(function (response) { return response; }), this.catchErrors());
+      CallApiService.prototype.query = function (queryOptions, options) {
+          return this.inerQuery(queryOptions, options);
       };
-      HttpBaseService.prototype.patch = function (endpointOrOptions, payload, params, headers, responseType) {
-          if (payload === void 0) { payload = undefined; }
-          if (params === void 0) { params = undefined; }
-          if (headers === void 0) { headers = undefined; }
-          if (responseType === void 0) { responseType = undefined; }
-          var _a, _b, _c, _d;
-          var url;
-          if (typeof endpointOrOptions === 'string') {
-              url = endpointOrOptions;
-          }
-          else {
-              var options = endpointOrOptions;
-              url = options.endpoint;
-              payload = (_a = options.payload) !== null && _a !== void 0 ? _a : undefined;
-              params = (_b = options.params) !== null && _b !== void 0 ? _b : undefined;
-              headers = (_c = options.headers) !== null && _c !== void 0 ? _c : undefined;
-              responseType = (_d = options.responseType) !== null && _d !== void 0 ? _d : undefined;
-          }
-          return __classPrivateFieldGet(this, _HttpBaseService_http, "f").patch(url, payload, { headers: headers, params: params, responseType: responseType }).pipe(operators.map(function (response) { return response; }), this.catchErrors());
+      CallApiService.prototype.inerQuery = function (queryOptions, options) {
+          return rxjs.from(this.nuxeoService.nuxeoClient.repository().query(queryOptions, options)).pipe(operators.map(function (res) {
+              if (res.entries.length > 0) {
+                  res.entries.forEach(function (data) {
+                      delete data._nuxeo;
+                      delete data._repository;
+                  });
+              }
+              return res;
+          }));
       };
-      HttpBaseService.prototype.delete = function (endpointOrOptions, params, headers, responseType) {
-          if (params === void 0) { params = undefined; }
-          if (headers === void 0) { headers = undefined; }
-          if (responseType === void 0) { responseType = undefined; }
-          var _a, _b, _c;
-          var url;
-          if (typeof endpointOrOptions === 'string') {
-              url = endpointOrOptions;
+      CallApiService.prototype.customQuery = function (query, params, headers, body) {
+          if (headers === void 0) { headers = {}; }
+          if (body === void 0) { body = {}; }
+          var _payload = body;
+          if (query === null || query === void 0 ? void 0 : query.payload) {
+              var _key_1 = (query === null || query === void 0 ? void 0 : query.predicateKey) || 'predicateList';
+              _payload = ___default["default"].mergeWith(body, query.payload, function (objValue, srcValue, key) {
+                  if (Array.isArray(objValue) && key === _key_1) {
+                      return ___default["default"].uniqWith(objValue.concat(srcValue), ___default["default"].isEqual);
+                  }
+              });
           }
-          else {
-              var options = endpointOrOptions;
-              url = options.endpoint;
-              params = (_a = options.params) !== null && _a !== void 0 ? _a : undefined;
-              headers = (_b = options.headers) !== null && _b !== void 0 ? _b : undefined;
-              responseType = (_c = options.responseType) !== null && _c !== void 0 ? _c : undefined;
+          if (this.bearerToken) {
+              headers['Authorization'] = this.bearerToken;
           }
-          return __classPrivateFieldGet(this, _HttpBaseService_http, "f").delete(url, { headers: headers, params: params, responseType: responseType }).pipe(operators.map(function (response) { return response; }), this.catchErrors());
+          return this.http
+              .request(query.method, "" + this.environment.nuxeo + query.url, {
+              body: _payload,
+              headers: headers,
+              params: params
+          })
+              .pipe(operators.map(function (res) {
+              return res;
+          }));
       };
-      HttpBaseService.prototype.httpAutomation = function (endpoint, payload, responseType) {
-          if (payload === void 0) { payload = undefined; }
-          if (responseType === void 0) { responseType = undefined; }
-          return __classPrivateFieldGet(this, _HttpBaseService_http, "f").post(endpoint, payload, { responseType: responseType }).pipe(this.catchErrors());
+      return CallApiService;
+  }());
+  CallApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService, deps: [{ token: NuxeoService }, { token: i1__namespace$2.HttpClient }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  CallApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService, decorators: [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }], ctorParameters: function () {
+          return [{ type: NuxeoService }, { type: i1__namespace$2.HttpClient }, { type: undefined, decorators: [{
+                          type: i0.Inject,
+                          args: ['environment']
+                      }] }];
+      } });
+
+  var _ApisErrorsMessagesService_handlerFn;
+  var ApisErrorsMessagesService = /** @class */ (function () {
+      function ApisErrorsMessagesService() {
+          _ApisErrorsMessagesService_handlerFn.set(this, function () {
+              return rxjs.pipe(operators.catchError(function (err) {
+                  throw err;
+              }));
+          });
+      }
+      ApisErrorsMessagesService.prototype.setErrorHandler = function (handler) {
+          __classPrivateFieldSet(this, _ApisErrorsMessagesService_handlerFn, handler, "f");
       };
-      HttpBaseService.prototype.catchErrors = function () {
-          return rxjs.pipe(operators.catchError(function (err) {
-              throw err;
-          }));
+      ApisErrorsMessagesService.prototype.handleErrorMessage = function () {
+          return __classPrivateFieldGet(this, _ApisErrorsMessagesService_handlerFn, "f").call(this);
       };
-      return HttpBaseService;
+      return ApisErrorsMessagesService;
   }());
-  _HttpBaseService_http = new WeakMap();
+  _ApisErrorsMessagesService_handlerFn = new WeakMap();
+  ApisErrorsMessagesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ApisErrorsMessagesService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  ApisErrorsMessagesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ApisErrorsMessagesService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ApisErrorsMessagesService, decorators: [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }] });
 
   var DEFAULT_CACHE_OPTIONS = {
       PREFIX: "cache__",
@@ -3751,105 +3713,142 @@
                   }]
           }], ctorParameters: function () { return [{ type: UserPreferencesService }, { type: UtilityService }]; } });
 
-  var CallApiService = /** @class */ (function () {
-      function CallApiService(nuxeoService, http, environment) {
-          this.nuxeoService = nuxeoService;
-          this.http = http;
-          this.environment = environment;
+  var _HttpBaseService_http;
+  var HttpBaseService = /** @class */ (function () {
+      function HttpBaseService(injector) {
+          _HttpBaseService_http.set(this, void 0);
+          __classPrivateFieldSet(this, _HttpBaseService_http, injector.get(i1$2.HttpClient), "f");
       }
-      CallApiService.prototype.query = function (queryOptions, options) {
-          return this.inerQuery(queryOptions, options);
+      Object.defineProperty(HttpBaseService.prototype, "environment", {
+          get: function () {
+              return EnvManager.environment;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      HttpBaseService.prototype.httpRequest = function (req) {
+          return __classPrivateFieldGet(this, _HttpBaseService_http, "f").request(req);
       };
-      CallApiService.prototype.inerQuery = function (queryOptions, options) {
-          return rxjs.from(this.nuxeoService.nuxeoClient.repository().query(queryOptions, options)).pipe(operators.map(function (res) {
-              if (res.entries.length > 0) {
-                  res.entries.forEach(function (data) {
-                      delete data._nuxeo;
-                      delete data._repository;
-                  });
-              }
-              return res;
-          }));
+      HttpBaseService.prototype.get = function (endpointOrOptions, params, headers, responseType) {
+          if (params === void 0) { params = undefined; }
+          if (headers === void 0) { headers = undefined; }
+          if (responseType === void 0) { responseType = undefined; }
+          var _a, _b, _c;
+          var url;
+          if (typeof endpointOrOptions === 'string') {
+              url = endpointOrOptions;
+          }
+          else {
+              var options = endpointOrOptions;
+              url = options.endpoint;
+              params = (_a = options.params) !== null && _a !== void 0 ? _a : undefined;
+              headers = (_b = options.headers) !== null && _b !== void 0 ? _b : undefined;
+              responseType = (_c = options.responseType) !== null && _c !== void 0 ? _c : undefined;
+          }
+          return __classPrivateFieldGet(this, _HttpBaseService_http, "f").get(url, { headers: headers, params: params, responseType: responseType }).pipe(operators.map(function (response) { return response; }), this.catchErrors());
       };
-      CallApiService.prototype.customQuery = function (query, params, headers, body) {
-          if (headers === void 0) { headers = {}; }
-          if (body === void 0) { body = {}; }
-          var _payload = body;
-          if (query === null || query === void 0 ? void 0 : query.payload) {
-              var _key_1 = (query === null || query === void 0 ? void 0 : query.predicateKey) || 'predicateList';
-              _payload = ___default["default"].mergeWith(body, query.payload, function (objValue, srcValue, key) {
-                  if (Array.isArray(objValue) && key === _key_1) {
-                      return ___default["default"].uniqWith(objValue.concat(srcValue), ___default["default"].isEqual);
-                  }
-              });
+      HttpBaseService.prototype.post = function (endpointOrOptions, payload, params, headers, responseType) {
+          if (payload === void 0) { payload = undefined; }
+          if (params === void 0) { params = undefined; }
+          if (headers === void 0) { headers = undefined; }
+          if (responseType === void 0) { responseType = undefined; }
+          var _a, _b, _c, _d;
+          var url;
+          if (typeof endpointOrOptions === 'string') {
+              url = endpointOrOptions;
           }
-          if (this.bearerToken) {
-              headers['Authorization'] = this.bearerToken;
+          else {
+              var options = endpointOrOptions;
+              url = options.endpoint;
+              payload = (_a = options.payload) !== null && _a !== void 0 ? _a : undefined;
+              params = (_b = options.params) !== null && _b !== void 0 ? _b : undefined;
+              headers = (_c = options.headers) !== null && _c !== void 0 ? _c : undefined;
+              responseType = (_d = options.responseType) !== null && _d !== void 0 ? _d : undefined;
           }
-          return this.http
-              .request(query.method, "" + this.environment.nuxeo + query.url, {
-              body: _payload,
-              headers: headers,
-              params: params
-          })
-              .pipe(operators.map(function (res) {
-              return res;
-          }));
+          return __classPrivateFieldGet(this, _HttpBaseService_http, "f").post(url, payload, { headers: headers, params: params, responseType: responseType }).pipe(operators.map(function (response) { return response; }), this.catchErrors());
       };
-      return CallApiService;
-  }());
-  CallApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService, deps: [{ token: NuxeoService }, { token: i1__namespace$2.HttpClient }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  CallApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService, decorators: [{
-              type: i0.Injectable,
-              args: [{
-                      providedIn: 'root'
-                  }]
-          }], ctorParameters: function () {
-          return [{ type: NuxeoService }, { type: i1__namespace$2.HttpClient }, { type: undefined, decorators: [{
-                          type: i0.Inject,
-                          args: ['environment']
-                      }] }];
-      } });
-
-  var _ApisErrorsMessagesService_handlerFn;
-  var ApisErrorsMessagesService = /** @class */ (function () {
-      function ApisErrorsMessagesService() {
-          _ApisErrorsMessagesService_handlerFn.set(this, function () {
-              return rxjs.pipe(operators.catchError(function (err) {
-                  throw err;
-              }));
-          });
-      }
-      ApisErrorsMessagesService.prototype.setErrorHandler = function (handler) {
-          __classPrivateFieldSet(this, _ApisErrorsMessagesService_handlerFn, handler, "f");
+      HttpBaseService.prototype.put = function (endpointOrOptions, payload, params, headers, responseType) {
+          if (payload === void 0) { payload = undefined; }
+          if (params === void 0) { params = undefined; }
+          if (headers === void 0) { headers = undefined; }
+          if (responseType === void 0) { responseType = undefined; }
+          var _a, _b, _c, _d;
+          var url;
+          if (typeof endpointOrOptions === 'string') {
+              url = endpointOrOptions;
+          }
+          else {
+              var options = endpointOrOptions;
+              url = options.endpoint;
+              payload = (_a = options.payload) !== null && _a !== void 0 ? _a : undefined;
+              params = (_b = options.params) !== null && _b !== void 0 ? _b : undefined;
+              headers = (_c = options.headers) !== null && _c !== void 0 ? _c : undefined;
+              responseType = (_d = options.responseType) !== null && _d !== void 0 ? _d : undefined;
+          }
+          return __classPrivateFieldGet(this, _HttpBaseService_http, "f").put(url, payload, { headers: headers, params: params, responseType: responseType }).pipe(operators.map(function (response) { return response; }), this.catchErrors());
       };
-      ApisErrorsMessagesService.prototype.handleErrorMessage = function () {
-          return __classPrivateFieldGet(this, _ApisErrorsMessagesService_handlerFn, "f").call(this);
+      HttpBaseService.prototype.patch = function (endpointOrOptions, payload, params, headers, responseType) {
+          if (payload === void 0) { payload = undefined; }
+          if (params === void 0) { params = undefined; }
+          if (headers === void 0) { headers = undefined; }
+          if (responseType === void 0) { responseType = undefined; }
+          var _a, _b, _c, _d;
+          var url;
+          if (typeof endpointOrOptions === 'string') {
+              url = endpointOrOptions;
+          }
+          else {
+              var options = endpointOrOptions;
+              url = options.endpoint;
+              payload = (_a = options.payload) !== null && _a !== void 0 ? _a : undefined;
+              params = (_b = options.params) !== null && _b !== void 0 ? _b : undefined;
+              headers = (_c = options.headers) !== null && _c !== void 0 ? _c : undefined;
+              responseType = (_d = options.responseType) !== null && _d !== void 0 ? _d : undefined;
+          }
+          return __classPrivateFieldGet(this, _HttpBaseService_http, "f").patch(url, payload, { headers: headers, params: params, responseType: responseType }).pipe(operators.map(function (response) { return response; }), this.catchErrors());
       };
-      return ApisErrorsMessagesService;
+      HttpBaseService.prototype.delete = function (endpointOrOptions, params, headers, responseType) {
+          if (params === void 0) { params = undefined; }
+          if (headers === void 0) { headers = undefined; }
+          if (responseType === void 0) { responseType = undefined; }
+          var _a, _b, _c;
+          var url;
+          if (typeof endpointOrOptions === 'string') {
+              url = endpointOrOptions;
+          }
+          else {
+              var options = endpointOrOptions;
+              url = options.endpoint;
+              params = (_a = options.params) !== null && _a !== void 0 ? _a : undefined;
+              headers = (_b = options.headers) !== null && _b !== void 0 ? _b : undefined;
+              responseType = (_c = options.responseType) !== null && _c !== void 0 ? _c : undefined;
+          }
+          return __classPrivateFieldGet(this, _HttpBaseService_http, "f").delete(url, { headers: headers, params: params, responseType: responseType }).pipe(operators.map(function (response) { return response; }), this.catchErrors());
+      };
+      HttpBaseService.prototype.httpAutomation = function (endpoint, payload, responseType) {
+          if (payload === void 0) { payload = undefined; }
+          if (responseType === void 0) { responseType = undefined; }
+          return __classPrivateFieldGet(this, _HttpBaseService_http, "f").post(endpoint, payload, { responseType: responseType }).pipe(this.catchErrors());
+      };
+      HttpBaseService.prototype.catchErrors = function () {
+          return rxjs.pipe(operators.catchError(function (err) {
+              throw err;
+          }));
+      };
+      return HttpBaseService;
   }());
-  _ApisErrorsMessagesService_handlerFn = new WeakMap();
-  ApisErrorsMessagesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ApisErrorsMessagesService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  ApisErrorsMessagesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ApisErrorsMessagesService, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ApisErrorsMessagesService, decorators: [{
-              type: i0.Injectable,
-              args: [{
-                      providedIn: 'root'
-                  }]
-          }] });
+  _HttpBaseService_http = new WeakMap();
 
-  var _BaseService_nuxeoService, _BaseService_callApiService, _BaseService_cacheBaseService, _BaseService_apisErrorsService;
+  var _BaseService_nuxeoService, _BaseService_cacheBaseService, _BaseService_apisErrorsService;
   var BaseService = /** @class */ (function (_super) {
       __extends(BaseService, _super);
       function BaseService(injector) {
           var _this = _super.call(this, injector) || this;
           _BaseService_nuxeoService.set(_this, void 0);
-          _BaseService_callApiService.set(_this, void 0);
           _BaseService_cacheBaseService.set(_this, void 0);
           _BaseService_apisErrorsService.set(_this, void 0);
           __classPrivateFieldSet(_this, _BaseService_nuxeoService, injector.get(NuxeoService), "f");
-          __classPrivateFieldSet(_this, _BaseService_callApiService, injector.get(CallApiService), "f");
+          _this._callApiService = injector.get(CallApiService);
           __classPrivateFieldSet(_this, _BaseService_cacheBaseService, injector.get(CacheBaseService), "f");
           __classPrivateFieldSet(_this, _BaseService_apisErrorsService, injector.get(ApisErrorsMessagesService), "f");
           _this.adapterService = injector.get(AdapterService);
@@ -3953,7 +3952,7 @@
               params = (_a = options.params) !== null && _a !== void 0 ? _a : undefined;
               headers = (_b = options.headers) !== null && _b !== void 0 ? _b : undefined;
           }
-          return __classPrivateFieldGet(this, _BaseService_callApiService, "f")
+          return this._callApiService
               .query(Object.assign({ pageProvider: pageProvider }, (params ? params : {})), {
               headers: headers ? Object.assign({}, headers) : undefined
           })
@@ -4016,7 +4015,7 @@
       };
       return BaseService;
   }(HttpBaseService));
-  _BaseService_nuxeoService = new WeakMap(), _BaseService_callApiService = new WeakMap(), _BaseService_cacheBaseService = new WeakMap(), _BaseService_apisErrorsService = new WeakMap();
+  _BaseService_nuxeoService = new WeakMap(), _BaseService_cacheBaseService = new WeakMap(), _BaseService_apisErrorsService = new WeakMap();
   BaseService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseService, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   BaseService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseService, decorators: [{
@@ -16192,21 +16191,22 @@
           this._ndfTransformService = _ndfTransformService;
       }
       AggregationFieldService.prototype.prepareAggregationFiled = function (data) {
-          var _a, _b;
+          var _a;
           return !!((_a = data.fieldConfig) === null || _a === void 0 ? void 0 : _a.dataTransformer)
-              ? this._transformData(data.aggregation, (_b = data.fieldConfig) === null || _b === void 0 ? void 0 : _b.dataTransformer)
+              ? this._transformData(data.aggregation, data.fieldConfig)
               : this._prepareOptions(data);
       };
-      AggregationFieldService.prototype._prepareOptions = function (_c) {
+      AggregationFieldService.prototype._prepareOptions = function (_b) {
           var _this = this;
-          var fieldConfig = _c.fieldConfig, aggregation = _c.aggregation;
+          var fieldConfig = _b.fieldConfig, aggregation = _b.aggregation;
           return rxjs.of(aggregation).pipe(operators.map(function (aggregation) {
               var _items = ___default["default"].get(aggregation, (fieldConfig === null || fieldConfig === void 0 ? void 0 : fieldConfig.propertyPath) || 'buckets') || [];
               return _items.map(function (item) { return _this._mapOption(item, fieldConfig); });
           }));
       };
-      AggregationFieldService.prototype._transformData = function (aggregation, transformer) {
+      AggregationFieldService.prototype._transformData = function (aggregation, config) {
           var _this = this;
+          var transformer = config.dataTransformer;
           var _key = function (k) { return ("" + k).split('/').pop(); };
           var createMappedData = function (res, aggregation) {
               return res.map(function (item) {
@@ -16217,7 +16217,7 @@
           };
           var dataMappers = {
               subject: function (res, aggregation) { return createMappedData(res, aggregation); },
-              format: function (res, aggregation) { return createMappedData(res, aggregation); }
+              format: function (res, aggregation) { return createMappedData(res, aggregation); },
           };
           if (!this._ndfTransformService.has(transformer)) {
               throw new Error("No transformer defined for type: " + transformer);
@@ -16236,13 +16236,14 @@
       };
       AggregationFieldService.prototype._createFilterOption = function (item, docCount) {
           var code = item.code || item.id;
-          return {
+          var option = {
               id: code,
               label: item.code,
               value: code,
               count: docCount,
-              localizedLabel: { ar: item.arabicTitle, en: item.englishTitle }
+              localizedLabel: { ar: item.arabicTitle, en: item.englishTitle },
           };
+          return option;
       };
       AggregationFieldService.prototype._mapOption = function (item, config) {
           var prefix = (config === null || config === void 0 ? void 0 : config.prefix) || '';
@@ -16256,22 +16257,31 @@
               localizedLabel: config.bindLabel
                   ? {
                       ar: ___default["default"].get(item, config === null || config === void 0 ? void 0 : config.bindLabel.ar),
-                      en: ___default["default"].get(item, config === null || config === void 0 ? void 0 : config.bindLabel.en)
+                      en: ___default["default"].get(item, config === null || config === void 0 ? void 0 : config.bindLabel.en),
                   }
-                  : null
+                  : null,
           };
           if (config === null || config === void 0 ? void 0 : config.tooltip) {
               var _a = config === null || config === void 0 ? void 0 : config.tooltip, properties = _a.properties, tooltipConfig = __rest(_a, ["properties"]);
               option.tooltip = {
                   config: tooltipConfig,
-                  values: this._prepareTooltip(item, config === null || config === void 0 ? void 0 : config.tooltip) || null
+                  values: this._prepareTooltip(item, config === null || config === void 0 ? void 0 : config.tooltip) || null,
+              };
+          }
+          var keys = Object.keys(item);
+          if (keys.includes('from') || keys.includes('to')) {
+              option.constraints = {
+                  range: {
+                      from: item === null || item === void 0 ? void 0 : item.from,
+                      to: item.to,
+                  },
               };
           }
           return option;
       };
       AggregationFieldService.prototype._prepareTooltip = function (item, config) {
-          return Object.entries(config.properties).reduce(function (acc, _c) {
-              var _d = __read(_c, 1), key = _d[0];
+          return Object.entries(config.properties).reduce(function (acc, _b) {
+              var _c = __read(_b, 1), key = _c[0];
               var val = ___default["default"].get(item, key);
               if (val) {
                   acc[key] = val;
@@ -16286,7 +16296,7 @@
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationFieldService, decorators: [{
               type: i0.Injectable,
               args: [{
-                      providedIn: 'root'
+                      providedIn: 'root',
                   }]
           }], ctorParameters: function () { return [{ type: NdfTransformService }]; } });
 
@@ -19678,11 +19688,16 @@
           }
       };
       AggregationDateListComponent.prototype._initValue = function (obj) {
+          var _a;
           if (!isFieldValueObject(obj)) {
               this._handleSelection(obj);
               return;
           }
           var min = obj.min, max = obj.max, value = obj.value;
+          if ((_a = this.renderOptions) === null || _a === void 0 ? void 0 : _a.convertTime) {
+              this._handleConvertedTime(this._dateToTimestamp(min), this._dateToTimestamp(max));
+              return;
+          }
           if (min || max) {
               this.minMaxDateCtrl.patchValue({ min: min, max: max }, { emitEvent: false });
           }
@@ -19690,12 +19705,19 @@
               this._handleSelection(value);
           }
       };
+      AggregationDateListComponent.prototype._handleConvertedTime = function (from, to) {
+          var options = this._optionsSub.getValue();
+          var option = this.findByRange(options, { from: from, to: to });
+          if (option) {
+              this.selectionModel.select(option === null || option === void 0 ? void 0 : option.value);
+          }
+      };
       AggregationDateListComponent.prototype._handleSelection = function (values) {
-          var _b;
+          var _c;
           this.internalValue = values;
           if (this._isList()) {
               var selectedValues = Array.isArray(values) ? values : [values];
-              (_b = this.selectionModel).select.apply(_b, __spreadArray([], __read(selectedValues)));
+              (_c = this.selectionModel).select.apply(_c, __spreadArray([], __read(selectedValues)));
           }
       };
       AggregationDateListComponent.prototype.ngOnInit = function () {
@@ -19705,13 +19727,31 @@
           this._updateVisibility();
       };
       AggregationDateListComponent.prototype.updateValueSelection = function (value) {
-          var _a;
-          this._onChange(value);
+          var _a, _b;
+          this._onChange(!!((_a = this.renderOptions) === null || _a === void 0 ? void 0 : _a.convertTime) ? this._convertToTime(value) : value);
           if (this.renderOptions.minMax) {
-              var _emitEvent = ((_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.sendMode) === FIELD_SEND_MODE.queryParam;
+              var _emitEvent = ((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.sendMode) === FIELD_SEND_MODE.queryParam;
               this._resetMinMaxCtrl(_emitEvent);
           }
       };
+      AggregationDateListComponent.prototype._convertToTime = function (value) {
+          var _a;
+          var _c = __read(value, 1), _val = _c[0];
+          var options = this._optionsSub.getValue();
+          var option = options.find(function (opt) { return opt.value === _val; });
+          if (option && ((_a = option.constraints) === null || _a === void 0 ? void 0 : _a.range)) {
+              var _d = option.constraints.range, from = _d.from, to = _d.to;
+              var _val_1 = {
+                  min: this._toEndOfDayISO(from),
+                  max: this._toEndOfDayISO(to),
+              };
+              if (this._isValueObject()) {
+                  return this._prepareValueRange(_val_1);
+              }
+              return _val_1;
+          }
+          return value;
+      };
       AggregationDateListComponent.prototype.updateSelectValue = function (value) {
           this.updateValueSelection([value]);
       };
@@ -19724,13 +19764,15 @@
           this._internalReset();
           this._isFieldDirty = !!_hasData;
           if (this._isValueObject()) {
-              var _operator = NxQL._getRangeOperator(value);
-              var _val = NxQL._getValueRange(value, 'DATE', _operator);
-              this._onChange(_val);
+              this._onChange(this._prepareValueRange(value));
               return;
           }
           this._onChange(value);
       };
+      AggregationDateListComponent.prototype._prepareValueRange = function (value) {
+          var _operator = NxQL._getRangeOperator(value);
+          return NxQL._getValueRange(value, 'DATE', _operator);
+      };
       AggregationDateListComponent.prototype.updateValue = function (value) {
           this.internalValue = value;
           this._onChange(value);
@@ -19747,7 +19789,9 @@
           }
           if (this._isSendAsQueryParams()) {
               formGroup.addControl(this.fieldConfig.aggregation + "__minMaxDate", this.minMaxDateCtrl);
-              this.minMaxDateCtrl.valueChanges.pipe(operators.takeUntil(this.destroy$)).subscribe(function (_) {
+              this.minMaxDateCtrl.valueChanges
+                  .pipe(operators.takeUntil(this.destroy$))
+                  .subscribe(function (_) {
                   _this._internalReset();
                   _this.updateValue(null);
               });
@@ -19766,23 +19810,21 @@
       };
       AggregationDateListComponent.prototype._addSelectionListener = function () {
           var _this = this;
-          if (!!this.renderOptions.view && this.renderOptions.view !== DATE_LIST_VIEW.list) {
+          if (!!this.renderOptions.view &&
+              this.renderOptions.view !== DATE_LIST_VIEW.list) {
               return;
           }
           this.selectionModel.changed
               .asObservable()
               .pipe(operators.map(function (data) { return data.source.selected; }), operators.takeUntil(this.destroy$))
               .subscribe(function (value) {
-              if (_this.renderOptions.minMax) {
-                  _this._resetMinMaxCtrl(false);
-              }
               _this.updateValueSelection(value);
           });
       };
       AggregationDateListComponent.prototype._resetMinMaxCtrl = function (emitEvent) {
           if (emitEvent === void 0) { emitEvent = true; }
           this.minMaxDateCtrl.reset(null, {
-              emitEvent: emitEvent
+              emitEvent: emitEvent,
           });
       };
       AggregationDateListComponent.prototype._internalReset = function () {
@@ -19817,6 +19859,27 @@
               }
           });
       };
+      AggregationDateListComponent.prototype._toEndOfDayISO = function (timestamp) {
+          moment__default$1["default"].locale('en');
+          return moment__default$1["default"](timestamp).format('YYYY-MM-DDTHH:mm:ssZ');
+      };
+      AggregationDateListComponent.prototype._dateToTimestamp = function (date) {
+          moment__default$1["default"].locale('en');
+          return moment__default$1["default"].parseZone(date).valueOf();
+      };
+      AggregationDateListComponent.prototype.normalize = function (ts) {
+          return moment__default$1["default"](ts).startOf('second').valueOf();
+      };
+      AggregationDateListComponent.prototype.findByRange = function (list, range) {
+          var _this = this;
+          var from = this.normalize(range.from);
+          var to = this.normalize(range.to);
+          return list.find(function (item) {
+              var itemFrom = _this.normalize(item.constraints.range.from);
+              var itemTo = _this.normalize(item.constraints.range.to);
+              return itemFrom === from && itemTo === to;
+          });
+      };
       return AggregationDateListComponent;
   }(BaseAggregationField));
   AggregationDateListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationDateListComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
@@ -19824,13 +19887,13 @@
           {
               provide: i2.NG_VALUE_ACCESSOR,
               useExisting: i0.forwardRef(function () { return AggregationDateListComponent; }),
-              multi: true
+              multi: true,
           },
           {
               provide: i2.NG_VALIDATORS,
               useExisting: i0.forwardRef(function () { return AggregationDateListComponent; }),
-              multi: true
-          }
+              multi: true,
+          },
       ], usesInheritance: true, ngImport: i0__namespace, template: "<div *ngIf=\"options$ | async as options\">\r\n\t<field-header *ngIf=\"fieldConfig.label && !renderOptions?.hideLabel\" class=\"filter-date-list__label\">{{\r\n\t\tfieldConfig.label | translate\r\n\t}}</field-header>\r\n\r\n\t<div class=\"filter-date-list__wrapper\">\r\n\t\t<ng-container *ngIf=\"!renderOptions?.view || renderOptions.view === viewLayout.list\">\r\n\t\t\t<mat-radio-button\r\n\t\t\t\tclass=\"filter-date-list__item\"\r\n\t\t\t\t*ngFor=\"let option of options; index as index\"\r\n\t\t\t\t[checked]=\"selectionModel.isSelected(option.value)\"\r\n\t\t\t\t(change)=\"selectionModel.toggle(option.value)\"\r\n\t\t\t\t[class.checkedBox]=\"selectionModel.isSelected(option.value)\"\r\n\t\t\t\t[class.unCheckedBox]=\"!selectionModel.isSelected(option.value)\"\r\n\t\t\t>\r\n\t\t\t\t<ng-container\r\n\t\t\t\t\t[ngTemplateOutlet]=\"contentTemplate || defaultTemplate\"\r\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: option, fieldConfig, aggregation }\"\r\n\t\t\t\t></ng-container>\r\n\r\n\t\t\t\t<ng-template #defaultTemplate>\r\n\t\t\t\t\t<filter-option-text\r\n\t\t\t\t\t\t[option]=\"option\"\r\n\t\t\t\t\t\t[language]=\"language\"\r\n\t\t\t\t\t\t[showCount]=\"renderOptions?.showTotal\"\r\n\t\t\t\t\t></filter-option-text>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</mat-radio-button>\r\n\r\n\t\t\t<button *ngIf=\"selectionModel.hasValue()\" mat-flat-button class=\"mb-2\" (click)=\"clearSelected()\">\r\n\t\t\t\t{{ 'FILTERS.clear' | translate }}\r\n\t\t\t</button>\r\n\t\t</ng-container>\r\n\r\n\t\t<ng-container *ngIf=\"renderOptions.view === viewLayout.dropdown\">\r\n\t\t\t<ng-select\r\n\t\t\t\tclass=\"filter-date-list__select\"\r\n\t\t\t\t[items]=\"options\"\r\n\t\t\t\tbindValue=\"value\"\r\n\t\t\t\t[multiple]=\"false\"\r\n\t\t\t\t[ngModel]=\"internalValue\"\r\n\t\t\t\t(ngModelChange)=\"updateSelectValue($event)\"\r\n\t\t\t\t[notFoundText]=\"emptyPlaceholder || 'SELECT.notFoundText' | translate\"\r\n\t\t\t\t[placeholder]=\"'SELECT.placeholder' | translate\"\r\n\t\t\t\t[clearAllText]=\"'SELECT.clearAllText' | translate\"\r\n\t\t\t\t[typeToSearchText]=\"'SELECT.typeToSearchText' | translate\"\r\n\t\t\t\t[searchable]=\"false\"\r\n\t\t\t>\r\n\t\t\t\t<ng-template ng-option-tmp let-item=\"item\">\r\n\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t[ngTemplateOutlet]=\"contentTemplate || defaultTemplate\"\r\n\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item, fieldConfig, aggregation }\"\r\n\t\t\t\t\t></ng-container>\r\n\r\n\t\t\t\t\t<ng-template #defaultTemplate>\r\n\t\t\t\t\t\t<filter-option-text\r\n\t\t\t\t\t\t\t[option]=\"item\"\r\n\t\t\t\t\t\t\t[language]=\"language\"\r\n\t\t\t\t\t\t\t[showCount]=\"renderOptions?.showTotal\"\r\n\t\t\t\t\t\t></filter-option-text>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t</ng-template>\r\n\r\n\t\t\t\t<ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\r\n\t\t\t\t\t<div *ngFor=\"let item of items\" class=\"ng-value\">\r\n\t\t\t\t\t\t<span class=\"ng-value-label\">{{ item | localizedLabel : language }}</span>\r\n\t\t\t\t\t\t<button class=\"ng-value-icon left\" (click)=\"clear(item)\" aria-hidden=\"true\">\u00D7</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</ng-template>\r\n\r\n\t\t\t\t<ng-template ng-label-tmp let-item=\"item\">\r\n\t\t\t\t\t<filter-option-text\r\n\t\t\t\t\t\t[option]=\"item\"\r\n\t\t\t\t\t\t[language]=\"language\"\r\n\t\t\t\t\t\t[showCount]=\"renderOptions?.showTotal\"\r\n\t\t\t\t\t></filter-option-text>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</ng-select>\r\n\t\t</ng-container>\r\n\r\n\t\t<filter-date-range\r\n\t\t\tclass=\"filter-date-list__range\"\r\n\t\t\t*ngIf=\"renderOptions?.minMax\"\r\n\t\t\t[formControl]=\"minMaxDateCtrl\"\r\n\t\t></filter-date-range>\r\n\t</div>\r\n</div>\r\n", styles: [".filter-date-list{display:var(--fdl-display, block)}.filter-date-list__label{display:var(--fdl-label-display, block);margin-block:var(--fdl-label-margin-block, 0 .5rem);margin-inline:var(--fdl-label-margin-inline, 0 .2rem);padding:var(--fdl-padding, .2rem);font-weight:var(--fdl-weight, 600)}.filter-date-list__wrapper{display:var(--fdl-wrapper-display, flex);flex-direction:var(--fdl-wrapper-direction, column)}.filter-date-list__item{padding-inline-start:.5rem;margin-bottom:var(--fdl-row-margin-bottom, .3rem)}.filter-date-list__item .mat-radio-label{display:flex}.filter-date-list__item .mat-radio-label .mat-radio-label-content{flex-grow:1}.filter-date-list__select{margin-bottom:var(--fdl-row-margin-bottom, .3rem)}.filter-date-list__range{margin-top:var(--fdl-range-margin-top, .5rem);display:var(--fdl-range-display, flex);flex-direction:var(--fdl-range-direction, column)}\n"], components: [{ type: FieldHeaderComponent, selector: "field-header" }, { type: i2__namespace$5.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: FilterOptionTextComponent, selector: "filter-option-text", inputs: ["option", "showCount", "language"] }, { type: i1__namespace$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5__namespace.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: FilterDateRangeComponent, selector: "filter-date-range" }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5__namespace.ɵf, selector: "[ng-option-tmp]" }, { type: i5__namespace.ɵi, selector: "[ng-multi-label-tmp]" }, { type: i5__namespace.ɵh, selector: "[ng-label-tmp]" }, { type: i2__namespace$4.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "async": i4__namespace$1.AsyncPipe, "translate": i1__namespace.TranslatePipe, "localizedLabel": LocalizedLabelPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.Default, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationDateListComponent, decorators: [{
               type: i0.Component,
@@ -19844,17 +19907,17 @@
                           {
                               provide: i2.NG_VALUE_ACCESSOR,
                               useExisting: i0.forwardRef(function () { return AggregationDateListComponent; }),
-                              multi: true
+                              multi: true,
                           },
                           {
                               provide: i2.NG_VALIDATORS,
                               useExisting: i0.forwardRef(function () { return AggregationDateListComponent; }),
-                              multi: true
-                          }
+                              multi: true,
+                          },
                       ],
                       host: {
-                          class: 'filter-date-list'
-                      }
+                          class: 'filter-date-list',
+                      },
                   }]
           }], propDecorators: { _controlContainer: [{
                   type: i0.Optional
@@ -21950,21 +22013,6 @@
       }
   ];
 
-  var DynamicTableService = /** @class */ (function () {
-      function DynamicTableService() {
-          this.refreshData = new i0.EventEmitter();
-      }
-      return DynamicTableService;
-  }());
-  DynamicTableService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTableService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  DynamicTableService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTableService, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTableService, decorators: [{
-              type: i0.Injectable,
-              args: [{
-                      providedIn: 'root'
-                  }]
-          }], ctorParameters: function () { return []; } });
-
   var EMPTY_TEMPLATE = new i0.InjectionToken('EmptyTemplateDirective');
   var EmptyTemplateDirective = /** @class */ (function () {
       function EmptyTemplateDirective(template) {
@@ -21992,6 +22040,106 @@
                   }]
           }], ctorParameters: function () { return [{ type: i0__namespace.TemplateRef }]; } });
 
+  var DynamicTableService = /** @class */ (function () {
+      function DynamicTableService() {
+          this.refreshData = new i0.EventEmitter();
+      }
+      return DynamicTableService;
+  }());
+  DynamicTableService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTableService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  DynamicTableService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTableService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTableService, decorators: [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }], ctorParameters: function () { return []; } });
+
+  var TableHooksService = /** @class */ (function () {
+      function TableHooksService() {
+          this.beforeSubmitHooks = [];
+      }
+      TableHooksService.prototype.registerBeforeSubmit = function (handler) {
+          this.beforeSubmitHooks.push(handler);
+      };
+      TableHooksService.prototype.unregisterBeforeSubmit = function (handler) {
+          var index = this.beforeSubmitHooks.indexOf(handler);
+          if (index > -1) {
+              this.beforeSubmitHooks.splice(index, 1);
+          }
+      };
+      TableHooksService.prototype.clearBeforeSubmitHooks = function () {
+          this.beforeSubmitHooks = [];
+      };
+      TableHooksService.prototype.executeBeforeSubmit = function (payload) {
+          return __awaiter(this, void 0, void 0, function () {
+              var modifiedPayload, _a, _b, handler, result, err_1, e_1_1;
+              var e_1, _c;
+              return __generator(this, function (_d) {
+                  switch (_d.label) {
+                      case 0:
+                          modifiedPayload = Object.assign({}, payload);
+                          _d.label = 1;
+                      case 1:
+                          _d.trys.push([1, 8, 9, 10]);
+                          _a = __values(this.beforeSubmitHooks), _b = _a.next();
+                          _d.label = 2;
+                      case 2:
+                          if (!!_b.done) return [3 /*break*/, 7];
+                          handler = _b.value;
+                          _d.label = 3;
+                      case 3:
+                          _d.trys.push([3, 5, , 6]);
+                          return [4 /*yield*/, Promise.resolve(handler(modifiedPayload))];
+                      case 4:
+                          result = _d.sent();
+                          modifiedPayload = result !== null && result !== void 0 ? result : modifiedPayload;
+                          return [3 /*break*/, 6];
+                      case 5:
+                          err_1 = _d.sent();
+                          console.error('Error executing beforeSubmit handler:', err_1);
+                          return [3 /*break*/, 6];
+                      case 6:
+                          _b = _a.next();
+                          return [3 /*break*/, 2];
+                      case 7: return [3 /*break*/, 10];
+                      case 8:
+                          e_1_1 = _d.sent();
+                          e_1 = { error: e_1_1 };
+                          return [3 /*break*/, 10];
+                      case 9:
+                          try {
+                              if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
+                          }
+                          finally { if (e_1) throw e_1.error; }
+                          return [7 /*endfinally*/];
+                      case 10: return [2 /*return*/, modifiedPayload];
+                  }
+              });
+          });
+      };
+      TableHooksService.prototype.evaluate = function (expr, payload) {
+          try {
+              var context = { criteria: payload };
+              var result = Evaluator.evaluate(expr, context, 'payload');
+              return result !== null && result !== void 0 ? result : payload;
+          }
+          catch (e) {
+              console.error('Error evaluating beforeSubmit string:', e);
+              return payload;
+          }
+      };
+      return TableHooksService;
+  }());
+  TableHooksService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TableHooksService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  TableHooksService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TableHooksService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TableHooksService, decorators: [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }] });
+
   /**
    * you can use this component for any pagination
    *
@@ -22226,66 +22374,70 @@
    *    (actionOnRow)="performAction($event)">
    * </cts-dynamic-table>
    */
-  var DynamicTableComponent = /** @class */ (function () {
-      function DynamicTableComponent(adapter, callApi, nuxeoService, dynamicTableService, cdr) {
-          this.adapter = adapter;
-          this.callApi = callApi;
-          this.nuxeoService = nuxeoService;
-          this.dynamicTableService = dynamicTableService;
-          this.cdr = cdr;
+  var DynamicTableComponent = /** @class */ (function (_super) {
+      __extends(DynamicTableComponent, _super);
+      function DynamicTableComponent(adapter, callApi, nuxeoService, dynamicTableService, cdr, _tableHooksService) {
+          var _this = _super.call(this) || this;
+          _this.adapter = adapter;
+          _this.callApi = callApi;
+          _this.nuxeoService = nuxeoService;
+          _this.dynamicTableService = dynamicTableService;
+          _this.cdr = cdr;
+          _this._tableHooksService = _tableHooksService;
           /** event to emit when selecting single row  */
-          this.onRowSelected = new i0.EventEmitter();
+          _this.onRowSelected = new i0.EventEmitter();
           /** event to emit when selecting single row to catch index*/
-          this.onRowIndexSelected = new i0.EventEmitter();
+          _this.onRowIndexSelected = new i0.EventEmitter();
           /** event to emit when perform action on row (delte, edit, ... ) */
-          this.actionOnRow = new i0.EventEmitter();
+          _this.actionOnRow = new i0.EventEmitter();
           /** event to emit to the higher level  when getting data from api is finished */
-          this.onGettingData = new i0.EventEmitter();
+          _this.onGettingData = new i0.EventEmitter();
           /** event t emit when selecting multiple row */
-          this.onMultiRowSelected = new i0.EventEmitter();
+          _this.onMultiRowSelected = new i0.EventEmitter();
           /** event t emit when start getting data and when finish */
-          this.onLoading = new i0.EventEmitter();
-          this.sortChanged = new i0.EventEmitter();
+          _this.onLoading = new i0.EventEmitter();
+          _this.sortChanged = new i0.EventEmitter();
           /**
            * @deprecated Use `onPage` instead.
            * @see onPage
            */
-          this.onPageChange = new i0.EventEmitter();
-          this.onPage = new i0.EventEmitter();
-          this.onLoad = new i0.EventEmitter();
-          this.onInitialize = new i0.EventEmitter();
+          _this.onPageChange = new i0.EventEmitter();
+          _this.onPage = new i0.EventEmitter();
+          _this.onLoad = new i0.EventEmitter();
+          _this.onInitialize = new i0.EventEmitter();
           /** Translations prefix */
-          this.prefix = '';
+          _this.prefix = '';
           /** Controls number of items per page in table */
-          this.pageSize = 10;
+          _this.pageSize = 10;
           /** Controls number of items per page in table */
-          this.higlightUnread = false;
-          this.isLegacyMode = true;
-          this.showTotalRecord = false;
-          this._pageNumber = 1;
+          _this.higlightUnread = false;
+          _this.isLegacyMode = true;
+          _this.showTotalRecord = false;
+          _this._pageNumber = 1;
           /** Sorting column */
-          this.sortingBy = {};
-          this.queryParam = {};
-          this.customFilters = {};
-          this.fullWidth = 'auto';
+          _this.sortingBy = {};
+          _this.queryParam = {};
+          _this.customFilters = {};
+          _this.fullWidth = 'auto';
           /** 'list' for noraml table 'card' for cards mode like in memos */
-          this.tableMode = 'list';
-          this.defultSort = { name: 'properties.createdAt', dir: 'desc' };
-          this.isSearchPage = false;
+          _this.tableMode = 'list';
+          _this.defultSort = { name: 'properties.createdAt', dir: 'desc' };
+          _this.isSearchPage = false;
           /** allow multiselect rows with checkbox */
-          this.multiSelectRows = false;
+          _this.multiSelectRows = false;
           /** to show 1st row with custom template in the table*/
-          this.customFirstRow = false;
-          this.highlightSelectedCard = false;
-          this.showActionsAsMenu = false; // flage to show action in menu or side by side
-          this.filterParams = {};
-          this.skipAggregation = 'onPageChange';
-          this.format = 'MMMM d, y';
-          this.rows = [];
-          this.totalRecords = 0;
-          this.sorting = false;
-          this.pageSizes = [];
-          this.initialized = false;
+          _this.customFirstRow = false;
+          _this.highlightSelectedCard = false;
+          _this.showActionsAsMenu = false; // flage to show action in menu or side by side
+          _this.filterParams = {};
+          _this.skipAggregation = 'onPageChange';
+          _this.format = 'MMMM d, y';
+          _this.rows = [];
+          _this.totalRecords = 0;
+          _this.sorting = false;
+          _this.pageSizes = [];
+          _this.initialized = false;
+          return _this;
       }
       Object.defineProperty(DynamicTableComponent.prototype, "pageNumber", {
           set: function (value) {
@@ -22303,7 +22455,9 @@
       });
       DynamicTableComponent.prototype.ngOnInit = function () {
           var _this = this;
-          this.myDataSubscription = this.dynamicTableService.refreshData.pipe(operators.startWith(null)).subscribe(function (filterData) {
+          this.dynamicTableService.refreshData
+              .pipe(operators.startWith(null), operators.takeUntil(this.destroy$))
+              .subscribe(function (filterData) {
               if (filterData) {
                   _this.filterParams = Object.assign({}, filterData);
                   // reset page number when start new filtering
@@ -22312,9 +22466,6 @@
               _this.getData();
           });
       };
-      DynamicTableComponent.prototype.ngOnDestroy = function () {
-          this.myDataSubscription ? this.myDataSubscription.unsubscribe() : '';
-      };
       DynamicTableComponent.prototype.ngOnChanges = function (changes) {
           var isFirstChange = Object.values(changes).some(function (c) { return c.isFirstChange(); });
           if (isFirstChange) {
@@ -22341,94 +22492,113 @@
           this.onPage.emit({
               pageIndex: this._pageNumber,
               pageSize: this.pageSize,
-              length: this.totalRecords
+              length: this.totalRecords,
           });
       };
       DynamicTableComponent.prototype.getData = function (payload, headers) {
-          var _this = this;
           if (payload === void 0) { payload = {}; }
           if (headers === void 0) { headers = {}; }
-          var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-          this.loading = true; // internal loading
-          this.onLoading.emit(true); // external loading
-          var params = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (this.range ? { dublincore_created_agg: this.range } : {})), this.filterParams), this.queryParam), this.quickFilter), (Object.keys(this.sortingBy || {}).length
-              ? {
-                  sortBy: (_a = this.sortingBy) === null || _a === void 0 ? void 0 : _a.sortBy,
-                  sortOrder: (_b = this.sortingBy) === null || _b === void 0 ? void 0 : _b.sortOrder
-              }
-              : {})), { currentPageIndex: +this.pageNum - 1 }), (this.pageSize ? { pageSize: this.pageSize } : {})), { offset: 0 }), payload);
-          // don't refresh all table in case of sorting only
-          if (!this.sorting && this.isLegacyMode) {
-              // used to not refreshing all table in case of sorting since table lose sorting state when refresh all table
-              this.rows = []; // used to refresh table to feel changes in actions when perform action and need to refresh actions
-          }
-          this.sorting = false; // reset sorting status to false and for next sorting func sorting set it to true again
-          var _headers = Object.assign(Object.assign({}, this.headers), headers);
-          var _providerPayload = {
-              query: Object.assign({ pageProvider: this.pageProvider }, params),
-              options: {
-                  headers: _headers
-              }
-          };
-          var _customPayload = {
-              params: Object.assign(Object.assign({}, params), (((_c = this.customFilters) === null || _c === void 0 ? void 0 : _c.params) || {})),
-              headers: _headers,
-              payload: ___default["default"].merge({}, ((_d = this.customUrl) === null || _d === void 0 ? void 0 : _d.payload) || {}, ((_e = this.customFilters) === null || _e === void 0 ? void 0 : _e.payload) || {})
-          };
-          if (((_f = this.requestActions) === null || _f === void 0 ? void 0 : _f.beforeSubmit) && typeof ((_g = this.requestActions) === null || _g === void 0 ? void 0 : _g.beforeSubmit) === 'string') {
-              try {
-                  if (this.customUrl) {
-                      _customPayload = Evaluator.evaluate((_h = this.requestActions) === null || _h === void 0 ? void 0 : _h.beforeSubmit, { criteria: _customPayload }, 'payload');
-                  }
-                  else {
-                      _providerPayload = Evaluator.evaluate((_j = this.requestActions) === null || _j === void 0 ? void 0 : _j.beforeSubmit, { criteria: _providerPayload }, 'payload');
+          var _a, _b, _c, _d, _e, _f, _g, _h;
+          return __awaiter(this, void 0, void 0, function () {
+              var params, _headers, _providerPayload, _customPayload, requestData, beforeSubmitString, query$, _request, _request;
+              var _this = this;
+              return __generator(this, function (_j) {
+                  switch (_j.label) {
+                      case 0:
+                          this.loading = true; // internal loading
+                          this.onLoading.emit(true); // external loading
+                          params = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (this.range ? { dublincore_created_agg: this.range } : {})), this.filterParams), this.queryParam), this.quickFilter), (Object.keys(this.sortingBy || {}).length
+                              ? {
+                                  sortBy: (_a = this.sortingBy) === null || _a === void 0 ? void 0 : _a.sortBy,
+                                  sortOrder: (_b = this.sortingBy) === null || _b === void 0 ? void 0 : _b.sortOrder,
+                              }
+                              : {})), { currentPageIndex: +this.pageNum - 1 }), (this.pageSize ? { pageSize: this.pageSize } : {})), { offset: 0 }), payload);
+                          // don't refresh all table in case of sorting only
+                          if (!this.sorting && this.isLegacyMode) {
+                              // used to not refreshing all table in case of sorting since table lose sorting state when refresh all table
+                              this.rows = []; // used to refresh table to feel changes in actions when perform action and need to refresh actions
+                          }
+                          this.sorting = false; // reset sorting status to false and for next sorting func sorting set it to true again
+                          _headers = Object.assign(Object.assign({}, this.headers), headers);
+                          _providerPayload = {
+                              query: Object.assign(Object.assign({ pageProvider: this.pageProvider }, params), (((_c = this.customFilters) === null || _c === void 0 ? void 0 : _c.params) || {})),
+                              options: {
+                                  headers: _headers,
+                              },
+                          };
+                          _customPayload = {
+                              url: (_d = this.customUrl) === null || _d === void 0 ? void 0 : _d.url,
+                              params: Object.assign(Object.assign({}, params), (((_e = this.customFilters) === null || _e === void 0 ? void 0 : _e.params) || {})),
+                              headers: _headers,
+                              payload: ___default["default"].merge({}, ((_f = this.customUrl) === null || _f === void 0 ? void 0 : _f.payload) || {}, ((_g = this.customFilters) === null || _g === void 0 ? void 0 : _g.payload) || {}),
+                          };
+                          requestData = this.customUrl
+                              ? _customPayload
+                              : _providerPayload;
+                          beforeSubmitString = (_h = this.requestActions) === null || _h === void 0 ? void 0 : _h.beforeSubmit;
+                          if (!(typeof beforeSubmitString === 'string')) return [3 /*break*/, 2];
+                          return [4 /*yield*/, this._tableHooksService.evaluate(beforeSubmitString, requestData)];
+                      case 1:
+                          requestData = _j.sent();
+                          _j.label = 2;
+                      case 2: return [4 /*yield*/, this._tableHooksService.executeBeforeSubmit(requestData)];
+                      case 3:
+                          requestData = _j.sent();
+                          if (this.customUrl) {
+                              _request = requestData;
+                              query$ = this.callApi.customQuery({
+                                  url: _request.url,
+                                  method: this.customUrl.method,
+                              }, _request.params, _request.headers, _request.payload);
+                          }
+                          else {
+                              _request = requestData;
+                              query$ = this.callApi.query(_request.query, _request.options);
+                          }
+                          query$
+                              .pipe(operators.map(function (data) {
+                              data.entries.map(function (item) { return _this.adapter.adaptIn(item, _this.fields); });
+                              return data;
+                          }), operators.catchError(function (err) {
+                              throw err;
+                          }), operators.takeUntil(this.destroy$))
+                              .subscribe(function (res) {
+                              _this.loading = false;
+                              _this.onLoading.emit(false);
+                              _this.onLoad.emit(res);
+                              if (!_this.initialized) {
+                                  _this.onInitialize.emit(res);
+                                  _this.initialized = true;
+                              }
+                              res.entries.forEach(function (element) {
+                                  var _a, _b, _c, _d, _e, _f, _g, _h;
+                                  if (element.properties &&
+                                      ((_a = element.properties) === null || _a === void 0 ? void 0 : _a.creator) &&
+                                      ((_b = element.properties.creator) === null || _b === void 0 ? void 0 : _b.properties)) {
+                                      element.properties['creatorFullObject'] = Object.assign({}, element.properties.creator);
+                                      element.properties.creator =
+                                          ((_d = (_c = element.properties.creator) === null || _c === void 0 ? void 0 : _c.properties) === null || _d === void 0 ? void 0 : _d.firstName) +
+                                              ' ' +
+                                              ((_f = (_e = element.properties.creator) === null || _e === void 0 ? void 0 : _e.properties) === null || _f === void 0 ? void 0 : _f.lastName);
+                                  }
+                                  if (element.properties && ((_g = element.properties) === null || _g === void 0 ? void 0 : _g.assignee)) {
+                                      element.properties.assignee = (_h = element.properties) === null || _h === void 0 ? void 0 : _h.assignee.fullName;
+                                  }
+                                  // if(this.higlightUnread){
+                                  // 	this.cechkIfReadOrNot(element.properties);
+                                  // }
+                              });
+                              _this.totalRecords = res.resultsCount;
+                              _this.rows = res.entries;
+                              _this.cdr.detectChanges();
+                              // emit data to outside in case of search page for the first time only to prevent refreshing aggregation with every page change
+                              // and for any other page type emit data directly in all page numbers
+                              if ((_this.isSearchPage && _this.pageNum === 1) || !_this.isSearchPage)
+                                  _this.onGettingData.emit(res);
+                          });
+                          return [2 /*return*/];
                   }
-              }
-              catch (e) {
-                  console.error(e);
-              }
-          }
-          var query$ = this.customUrl
-              ? this.callApi.customQuery(this.customUrl, _customPayload.params, _customPayload.headers, _customPayload.payload)
-              : this.callApi.query(_providerPayload.query, _providerPayload.options);
-          query$
-              .pipe(operators.map(function (data) {
-              data.entries.map(function (item) { return _this.adapter.adaptIn(item, _this.fields); });
-              return data;
-          }), operators.catchError(function (err) {
-              throw err;
-          }))
-              .subscribe(function (res) {
-              _this.loading = false;
-              _this.onLoading.emit(false);
-              _this.onLoad.emit(res);
-              if (!_this.initialized) {
-                  _this.onInitialize.emit(res);
-                  _this.initialized = true;
-              }
-              res.entries.forEach(function (element) {
-                  var _a, _b, _c, _d, _e, _f, _g, _h;
-                  if (element.properties && ((_a = element.properties) === null || _a === void 0 ? void 0 : _a.creator) && ((_b = element.properties.creator) === null || _b === void 0 ? void 0 : _b.properties)) {
-                      element.properties['creatorFullObject'] = Object.assign({}, element.properties.creator);
-                      element.properties.creator =
-                          ((_d = (_c = element.properties.creator) === null || _c === void 0 ? void 0 : _c.properties) === null || _d === void 0 ? void 0 : _d.firstName) +
-                              ' ' +
-                              ((_f = (_e = element.properties.creator) === null || _e === void 0 ? void 0 : _e.properties) === null || _f === void 0 ? void 0 : _f.lastName);
-                  }
-                  if (element.properties && ((_g = element.properties) === null || _g === void 0 ? void 0 : _g.assignee)) {
-                      element.properties.assignee = (_h = element.properties) === null || _h === void 0 ? void 0 : _h.assignee.fullName;
-                  }
-                  // if(this.higlightUnread){
-                  // 	this.cechkIfReadOrNot(element.properties);
-                  // }
-              });
-              _this.totalRecords = res.resultsCount;
-              _this.rows = res.entries;
-              _this.cdr.detectChanges();
-              // emit data to outside in case of search page for the first time only to prevent refreshing aggregation with every page change
-              // and for any other page type emit data directly in all page numbers
-              if ((_this.isSearchPage && _this.pageNum === 1) || !_this.isSearchPage)
-                  _this.onGettingData.emit(res);
+              });
           });
       };
       // function to be executed when clicking on single row
@@ -22458,7 +22628,7 @@
           this.onPage.emit({
               pageIndex: this._pageNumber,
               pageSize: this.pageSize,
-              length: this.totalRecords
+              length: this.totalRecords,
           });
           this.getData({}, this.skipAggregation === 'onPageChange' ? { skipAggregates: 'true' } : {});
       };
@@ -22473,7 +22643,9 @@
           if (element['viewers:users'] && element['viewers:users'].length) {
               element.isReaded = false;
               element['viewers:users'].map(function (user) {
-                  if (user.username === _this.nuxeoService.nuxeoClient.user.properties.username && user.state === "read") {
+                  if (user.username ===
+                      _this.nuxeoService.nuxeoClient.user.properties.username &&
+                      user.state === 'read') {
                       element.isReaded = true;
                   }
               });
@@ -22483,9 +22655,9 @@
           }
       };
       return DynamicTableComponent;
-  }());
-  DynamicTableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTableComponent, deps: [{ token: AdapterService }, { token: CallApiService }, { token: NuxeoService }, { token: DynamicTableService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  DynamicTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicTableComponent, selector: "cts-dynamic-table", inputs: { columns: "columns", responsiveColumns: "responsiveColumns", entityType: "entityType", prefix: "prefix", headers: "headers", fields: "fields", pageProvider: "pageProvider", pageSize: "pageSize", higlightUnread: "higlightUnread", isLegacyMode: "isLegacyMode", showTotalRecord: "showTotalRecord", pageNumber: "pageNumber", sortingBy: "sortingBy", queryParam: "queryParam", customFilters: "customFilters", quickFilter: "quickFilter", report: "report", rowCursor: "rowCursor", fullWidth: "fullWidth", tableMode: "tableMode", componentName: "componentName", tableActions: "tableActions", defultSort: "defultSort", range: "range", isSearchPage: "isSearchPage", multiSelectRows: "multiSelectRows", customFirstRow: "customFirstRow", highlightSelectedCard: "highlightSelectedCard", showActionsAsMenu: "showActionsAsMenu", filterParams: "filterParams", skipAggregation: "skipAggregation", customUrl: "customUrl", format: "format", requestActions: "requestActions", pageSizes: "pageSizes" }, outputs: { onRowSelected: "onRowSelected", onRowIndexSelected: "onRowIndexSelected", actionOnRow: "actionOnRow", onGettingData: "onGettingData", onMultiRowSelected: "onMultiRowSelected", onLoading: "onLoading", sortChanged: "sortChanged", onPageChange: "onPageChange", onPage: "onPage", onLoad: "onLoad", onInitialize: "onInitialize" }, host: { properties: { "class.loading-results": "loading", "class.no-data": "rows.length <= 0" } }, queries: [{ propertyName: "emptyTemplate", first: true, predicate: EMPTY_TEMPLATE, descendants: true, read: i0.TemplateRef, static: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"wrapping table-wrapping\">\r\n\t<ng-container *ngIf=\"isLegacyMode\">\r\n\t\t<div class=\"table-reposition\">\r\n\t\t\t<ng-container *ngIf=\"rows.length\" [ngTemplateOutlet]=\"table\"></ng-container>\r\n\t\t</div>\r\n\t\t<ng-container *ngIf=\"loading\">\r\n\t\t\t<cts-spinner></cts-spinner>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\r\n\t<div class=\"table-reposition\" *ngIf=\"!isLegacyMode\">\r\n\t\t<ng-container  [ngTemplateOutlet]=\"table\"></ng-container>\r\n\t\t<ng-container\r\n\t\t\t*ngIf=\"!initialized\"\r\n\t\t\t[ngTemplateOutlet]=\"skeleton\"\r\n\t\t\t[ngTemplateOutletContext]=\"{ $implicit: 10 }\"\r\n\t\t></ng-container>\r\n\t</div>\r\n\r\n\t<div\r\n\t\tclass=\"pagination-iner-wraper my-3\"\r\n\t\t[ngClass]=\"{ relative: pageSizes?.length }\"\r\n\t\t*ngIf=\"rows.length \"\r\n\t>\r\n\t\t<cts-pagination\r\n      *ngIf=\"totalRecords > pageSize\"\r\n\t\t\t[page]=\"pageNum\"\r\n\t\t\t(change)=\"paginationChange($event)\"\r\n\t\t\t[size]=\"pageSize\"\r\n\t\t\t[count]=\"totalRecords\"\r\n\t\t></cts-pagination>\r\n\t\t<div class=\"absolute ndfPageSizes flex gap-x-3 items-center mt-2\">\r\n\t\t\t<ndf-page-sizes-list\r\n\t\t\t\t*ngIf=\"pageSizes?.length\"\r\n\t\t\t\t[pageSizes]=\"pageSizes\"\r\n\t\t\t\t[selectedPageSize]=\"pageSize\"\r\n\t\t\t\t(onChangePageSize)=\"onChangePageSize($event)\"\r\n\t\t\t>\r\n\t\t\t</ndf-page-sizes-list>\r\n\r\n\t\t\t<span *ngIf=\"showTotalRecord\">{{ 'TABLE.totalRecords' | translate: { count: totalRecords } }}</span>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<ng-container\r\n\t\t*ngIf=\"isLegacyMode\"\r\n\t\t[ngTemplateOutlet]=\"emptyTemplate || legacyDefaultEmptyState\"\r\n\t\t[ngTemplateOutletContext]=\"{ $implicit: loading, rows: rows, initialized: initialized }\"\r\n\t></ng-container>\r\n\r\n\t<ng-container\r\n\t\t*ngIf=\"!isLegacyMode\"\r\n\t\t[ngTemplateOutlet]=\"emptyTemplate || defaultEmptyState\"\r\n\t\t[ngTemplateOutletContext]=\"{ $implicit: loading, rows: rows, initialized: initialized }\"\r\n\t></ng-container>\r\n</div>\r\n\r\n<ng-template #table>\r\n\t<cts-table\r\n\t\t[rows]=\"rows\"\r\n\t\t[columns]=\"columns\"\r\n\t\t[responsiveColumns]=\"responsiveColumns\"\r\n\t\t[rowCursor]=\"rowCursor\"\r\n\t\t[fullWidth]=\"fullWidth\"\r\n\t\t[entityType]=\"entityType\"\r\n\t\t[prefix]=\"prefix\"\r\n\t\t[totalRecords]=\"totalRecords\"\r\n\t\t[tableMode]=\"tableMode\"\r\n\t\t[higlightUnread]=\"higlightUnread\"\r\n\t\t[componentName]=\"componentName\"\r\n\t\t[multiSelectRows]=\"multiSelectRows\"\r\n\t\t[tableActions]=\"tableActions\"\r\n\t\t[showActionsAsMenu]=\"showActionsAsMenu\"\r\n\t\t[defultSort]=\"defultSort\"\r\n\t\t[format]=\"format\"\r\n\t\t[highlightSelectedCard]=\"highlightSelectedCard\"\r\n\t\t[customFirstRow]=\"customFirstRow\"\r\n\t\t(onRowSelected)=\"rowDetails($event)\"\r\n\t\t(onRowIndexSelected)=\"indexDetails($event)\"\r\n\t\t(onMultiRowSelected)=\"onMultiRowSelectValue($event)\"\r\n\t\t(actionOnRow)=\"performAction($event)\"\r\n\t\t(onSorting)=\"onSort($event)\"\r\n\t></cts-table>\r\n</ng-template>\r\n\r\n<ng-template #legacyDefaultEmptyState>\r\n\t<div class=\"empty-state\" *ngIf=\"!loading && rows.length === 0\">\r\n\t\t<div class=\"text\">\r\n\t\t\t{{ (prefix ? prefix + 'noData' : 'noData') | translate }}\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"empty-state\" *ngIf=\"loading && rows.length === 0\">\r\n\t\t<div class=\"text\">\r\n\t\t\t{{ (prefix ? prefix + 'gettingData' : 'gettingData') | translate }}\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>\r\n\r\n<ng-template #defaultEmptyState>\r\n\t<div class=\"empty-state\" *ngIf=\"!loading && rows.length === 0\">\r\n\t\t<div class=\"text\">\r\n\t\t\t{{ (prefix ? prefix + 'noData' : 'noData') | translate }}\r\n\t\t</div>\r\n\t</div>\r\n\t<div *ngIf=\"loading && initialized\" class=\"loading-content\">\r\n\t\t<mat-spinner [diameter]=\"100\"></mat-spinner>\r\n\t</div>\r\n</ng-template>\r\n\r\n<ng-template #skeleton let-rows>\r\n\t<table class=\"w-full\">\r\n\t\t<thead *ngIf=\"false\">\r\n\t\t\t<tr class=\"border-b border-green-900\">\r\n\t\t\t\t<th *ngIf=\"multiSelectRows\" class=\"p-3 py-4\" style=\"width: 60px\">\r\n\t\t\t\t\t<app-skeleton width=\"60px\" height=\"1.3rem\"></app-skeleton>\r\n\t\t\t\t</th>\r\n\t\t\t\t<th *ngFor=\"let num of [].constructor(columns?.length || 4); let i = index\" class=\"px-3 py-4\">\r\n\t\t\t\t\t<app-skeleton [randomWidth]=\"true\" height=\"1.7rem\"></app-skeleton>\r\n\t\t\t\t</th>\r\n\t\t\t</tr>\r\n\t\t</thead>\r\n\t\t<tbody>\r\n\t\t\t<tr *ngFor=\"let row of [].constructor(rows || 10); let index = index\" class=\"border-b border-gray-200\">\r\n\t\t\t\t<td *ngIf=\"multiSelectRows\" class=\"p-3 py-4\" style=\"width: 50px\">\r\n\t\t\t\t\t<app-skeleton width=\"50px\" height=\"1.3rem\"></app-skeleton>\r\n\t\t\t\t</td>\r\n\t\t\t\t<td *ngFor=\"let col of [].constructor(columns?.length || 4); let i = index\" class=\"p-3 py-4\">\r\n\t\t\t\t\t<app-skeleton [randomWidth]=\"true\" height=\"1.3rem\"></app-skeleton>\r\n\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t</tbody>\r\n\t</table>\r\n</ng-template>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.wrapping{position:relative}.wrapping .table-reposition{overflow-y:var(--table-reposition-overflow-y, hidden);scrollbar-color:#b4bac6 transparent!important;scrollbar-width:thin!important;overflow-x:hidden}.empty-state{padding:200px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:bold}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#b4bac6}.dark-scroll::-webkit-scrollbar-thumb{background:#8f98aa}.ndfPageSizes{right:0;left:unset}.rtl .ndfPageSizes{right:unset;left:0}.loading-content{position:var(--loading-content-position, absolute);inset:0;display:grid;place-items:center;background:var(--loading-content-background, rgba(255, 255, 255, .2));-webkit-backdrop-filter:var(--loading-content-backdrop-filter, blur(3px));backdrop-filter:var(--loading-content-backdrop-filter, blur(3px))}.pagination-iner-wraper{display:var(--pagination-inner-display, flex);justify-content:var(--pagination-inner-justify, center);align-items:var(--pagination-inner-align, center)}\n"], components: [{ type: SpinnerComponent, selector: "cts-spinner" }, { type: PaginationComponent, selector: "cts-pagination", inputs: ["size", "count", "page"], outputs: ["change"] }, { type: PageSizesListComponent, selector: "ndf-page-sizes-list", inputs: ["pageSizes", "selectedPageSize"], outputs: ["onChangePageSize"] }, { type: TableComponent, selector: "cts-table", inputs: ["rows", "columns", "responsiveColumns", "entityType", "prefix", "pageCount", "totalRecords", "rowCursor", "fullWidth", "vocItemTranslationPrefix", "higlightUnread", "tableMode", "componentName", "tableActions", "format", "defultSort", "highlightSelectedCard", "multiSelectRows", "customFirstRow", "showActionsAsMenu", "messages", "defaultColumnSize"], outputs: ["onRowSelected", "onRowIndexSelected", "onIconSelected", "actionOnRow", "onSorting", "onMultiRowSelected"] }, { type: i6__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { 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: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
+  }(DestroySubject));
+  DynamicTableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTableComponent, deps: [{ token: AdapterService }, { token: CallApiService }, { token: NuxeoService }, { token: DynamicTableService }, { token: i0__namespace.ChangeDetectorRef }, { token: TableHooksService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  DynamicTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicTableComponent, selector: "cts-dynamic-table", inputs: { columns: "columns", responsiveColumns: "responsiveColumns", entityType: "entityType", prefix: "prefix", headers: "headers", fields: "fields", pageProvider: "pageProvider", pageSize: "pageSize", higlightUnread: "higlightUnread", isLegacyMode: "isLegacyMode", showTotalRecord: "showTotalRecord", pageNumber: "pageNumber", sortingBy: "sortingBy", queryParam: "queryParam", customFilters: "customFilters", quickFilter: "quickFilter", report: "report", rowCursor: "rowCursor", fullWidth: "fullWidth", tableMode: "tableMode", componentName: "componentName", tableActions: "tableActions", defultSort: "defultSort", range: "range", isSearchPage: "isSearchPage", multiSelectRows: "multiSelectRows", customFirstRow: "customFirstRow", highlightSelectedCard: "highlightSelectedCard", showActionsAsMenu: "showActionsAsMenu", filterParams: "filterParams", skipAggregation: "skipAggregation", customUrl: "customUrl", format: "format", requestActions: "requestActions", pageSizes: "pageSizes" }, outputs: { onRowSelected: "onRowSelected", onRowIndexSelected: "onRowIndexSelected", actionOnRow: "actionOnRow", onGettingData: "onGettingData", onMultiRowSelected: "onMultiRowSelected", onLoading: "onLoading", sortChanged: "sortChanged", onPageChange: "onPageChange", onPage: "onPage", onLoad: "onLoad", onInitialize: "onInitialize" }, host: { properties: { "class.loading-results": "loading", "class.no-data": "rows.length <= 0" } }, queries: [{ propertyName: "emptyTemplate", first: true, predicate: EMPTY_TEMPLATE, descendants: true, read: i0.TemplateRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"wrapping table-wrapping\">\r\n\t<ng-container *ngIf=\"isLegacyMode\">\r\n\t\t<div class=\"table-reposition\">\r\n\t\t\t<ng-container *ngIf=\"rows.length\" [ngTemplateOutlet]=\"table\"></ng-container>\r\n\t\t</div>\r\n\t\t<ng-container *ngIf=\"loading\">\r\n\t\t\t<cts-spinner></cts-spinner>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\r\n\t<div class=\"table-reposition\" *ngIf=\"!isLegacyMode\">\r\n\t\t<ng-container  [ngTemplateOutlet]=\"table\"></ng-container>\r\n\t\t<ng-container\r\n\t\t\t*ngIf=\"!initialized\"\r\n\t\t\t[ngTemplateOutlet]=\"skeleton\"\r\n\t\t\t[ngTemplateOutletContext]=\"{ $implicit: 10 }\"\r\n\t\t></ng-container>\r\n\t</div>\r\n\r\n\t<div\r\n\t\tclass=\"pagination-iner-wraper my-3\"\r\n\t\t[ngClass]=\"{ relative: pageSizes?.length }\"\r\n\t\t*ngIf=\"rows.length \"\r\n\t>\r\n\t\t<cts-pagination\r\n      *ngIf=\"totalRecords > pageSize\"\r\n\t\t\t[page]=\"pageNum\"\r\n\t\t\t(change)=\"paginationChange($event)\"\r\n\t\t\t[size]=\"pageSize\"\r\n\t\t\t[count]=\"totalRecords\"\r\n\t\t></cts-pagination>\r\n\t\t<div class=\"absolute ndfPageSizes flex gap-x-3 items-center mt-2\">\r\n\t\t\t<ndf-page-sizes-list\r\n\t\t\t\t*ngIf=\"pageSizes?.length\"\r\n\t\t\t\t[pageSizes]=\"pageSizes\"\r\n\t\t\t\t[selectedPageSize]=\"pageSize\"\r\n\t\t\t\t(onChangePageSize)=\"onChangePageSize($event)\"\r\n\t\t\t>\r\n\t\t\t</ndf-page-sizes-list>\r\n\r\n\t\t\t<span *ngIf=\"showTotalRecord\">{{ 'TABLE.totalRecords' | translate: { count: totalRecords } }}</span>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<ng-container\r\n\t\t*ngIf=\"isLegacyMode\"\r\n\t\t[ngTemplateOutlet]=\"emptyTemplate || legacyDefaultEmptyState\"\r\n\t\t[ngTemplateOutletContext]=\"{ $implicit: loading, rows: rows, initialized: initialized }\"\r\n\t></ng-container>\r\n\r\n\t<ng-container\r\n\t\t*ngIf=\"!isLegacyMode\"\r\n\t\t[ngTemplateOutlet]=\"emptyTemplate || defaultEmptyState\"\r\n\t\t[ngTemplateOutletContext]=\"{ $implicit: loading, rows: rows, initialized: initialized }\"\r\n\t></ng-container>\r\n</div>\r\n\r\n<ng-template #table>\r\n\t<cts-table\r\n\t\t[rows]=\"rows\"\r\n\t\t[columns]=\"columns\"\r\n\t\t[responsiveColumns]=\"responsiveColumns\"\r\n\t\t[rowCursor]=\"rowCursor\"\r\n\t\t[fullWidth]=\"fullWidth\"\r\n\t\t[entityType]=\"entityType\"\r\n\t\t[prefix]=\"prefix\"\r\n\t\t[totalRecords]=\"totalRecords\"\r\n\t\t[tableMode]=\"tableMode\"\r\n\t\t[higlightUnread]=\"higlightUnread\"\r\n\t\t[componentName]=\"componentName\"\r\n\t\t[multiSelectRows]=\"multiSelectRows\"\r\n\t\t[tableActions]=\"tableActions\"\r\n\t\t[showActionsAsMenu]=\"showActionsAsMenu\"\r\n\t\t[defultSort]=\"defultSort\"\r\n\t\t[format]=\"format\"\r\n\t\t[highlightSelectedCard]=\"highlightSelectedCard\"\r\n\t\t[customFirstRow]=\"customFirstRow\"\r\n\t\t(onRowSelected)=\"rowDetails($event)\"\r\n\t\t(onRowIndexSelected)=\"indexDetails($event)\"\r\n\t\t(onMultiRowSelected)=\"onMultiRowSelectValue($event)\"\r\n\t\t(actionOnRow)=\"performAction($event)\"\r\n\t\t(onSorting)=\"onSort($event)\"\r\n\t></cts-table>\r\n</ng-template>\r\n\r\n<ng-template #legacyDefaultEmptyState>\r\n\t<div class=\"empty-state\" *ngIf=\"!loading && rows.length === 0\">\r\n\t\t<div class=\"text\">\r\n\t\t\t{{ (prefix ? prefix + 'noData' : 'noData') | translate }}\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"empty-state\" *ngIf=\"loading && rows.length === 0\">\r\n\t\t<div class=\"text\">\r\n\t\t\t{{ (prefix ? prefix + 'gettingData' : 'gettingData') | translate }}\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>\r\n\r\n<ng-template #defaultEmptyState>\r\n\t<div class=\"empty-state\" *ngIf=\"!loading && rows.length === 0\">\r\n\t\t<div class=\"text\">\r\n\t\t\t{{ (prefix ? prefix + 'noData' : 'noData') | translate }}\r\n\t\t</div>\r\n\t</div>\r\n\t<div *ngIf=\"loading && initialized\" class=\"loading-content\">\r\n\t\t<mat-spinner [diameter]=\"100\"></mat-spinner>\r\n\t</div>\r\n</ng-template>\r\n\r\n<ng-template #skeleton let-rows>\r\n\t<table class=\"w-full\">\r\n\t\t<thead *ngIf=\"false\">\r\n\t\t\t<tr class=\"border-b border-green-900\">\r\n\t\t\t\t<th *ngIf=\"multiSelectRows\" class=\"p-3 py-4\" style=\"width: 60px\">\r\n\t\t\t\t\t<app-skeleton width=\"60px\" height=\"1.3rem\"></app-skeleton>\r\n\t\t\t\t</th>\r\n\t\t\t\t<th *ngFor=\"let num of [].constructor(columns?.length || 4); let i = index\" class=\"px-3 py-4\">\r\n\t\t\t\t\t<app-skeleton [randomWidth]=\"true\" height=\"1.7rem\"></app-skeleton>\r\n\t\t\t\t</th>\r\n\t\t\t</tr>\r\n\t\t</thead>\r\n\t\t<tbody>\r\n\t\t\t<tr *ngFor=\"let row of [].constructor(rows || 10); let index = index\" class=\"border-b border-gray-200\">\r\n\t\t\t\t<td *ngIf=\"multiSelectRows\" class=\"p-3 py-4\" style=\"width: 50px\">\r\n\t\t\t\t\t<app-skeleton width=\"50px\" height=\"1.3rem\"></app-skeleton>\r\n\t\t\t\t</td>\r\n\t\t\t\t<td *ngFor=\"let col of [].constructor(columns?.length || 4); let i = index\" class=\"p-3 py-4\">\r\n\t\t\t\t\t<app-skeleton [randomWidth]=\"true\" height=\"1.3rem\"></app-skeleton>\r\n\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t</tbody>\r\n\t</table>\r\n</ng-template>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.wrapping{position:relative}.wrapping .table-reposition{overflow-y:var(--table-reposition-overflow-y, hidden);scrollbar-color:#b4bac6 transparent!important;scrollbar-width:thin!important;overflow-x:hidden}.empty-state{padding:200px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:bold}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#b4bac6}.dark-scroll::-webkit-scrollbar-thumb{background:#8f98aa}.ndfPageSizes{right:0;left:unset}.rtl .ndfPageSizes{right:unset;left:0}.loading-content{position:var(--loading-content-position, absolute);inset:0;display:grid;place-items:center;background:var(--loading-content-background, rgba(255, 255, 255, .2));-webkit-backdrop-filter:var(--loading-content-backdrop-filter, blur(3px));backdrop-filter:var(--loading-content-backdrop-filter, blur(3px))}.pagination-iner-wraper{display:var(--pagination-inner-display, flex);justify-content:var(--pagination-inner-justify, center);align-items:var(--pagination-inner-align, center)}\n"], components: [{ type: SpinnerComponent, selector: "cts-spinner" }, { type: PaginationComponent, selector: "cts-pagination", inputs: ["size", "count", "page"], outputs: ["change"] }, { type: PageSizesListComponent, selector: "ndf-page-sizes-list", inputs: ["pageSizes", "selectedPageSize"], outputs: ["onChangePageSize"] }, { type: TableComponent, selector: "cts-table", inputs: ["rows", "columns", "responsiveColumns", "entityType", "prefix", "pageCount", "totalRecords", "rowCursor", "fullWidth", "vocItemTranslationPrefix", "higlightUnread", "tableMode", "componentName", "tableActions", "format", "defultSort", "highlightSelectedCard", "multiSelectRows", "customFirstRow", "showActionsAsMenu", "messages", "defaultColumnSize"], outputs: ["onRowSelected", "onRowIndexSelected", "onIconSelected", "actionOnRow", "onSorting", "onMultiRowSelected"] }, { type: i6__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { 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: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], 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: DynamicTableComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -22495,10 +22667,10 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       host: {
                           '[class.loading-results]': 'loading',
-                          '[class.no-data]': 'rows.length <= 0'
-                      }
+                          '[class.no-data]': 'rows.length <= 0',
+                      },
                   }]
-          }], ctorParameters: function () { return [{ type: AdapterService }, { type: CallApiService }, { type: NuxeoService }, { type: DynamicTableService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { onRowSelected: [{
+          }], ctorParameters: function () { return [{ type: AdapterService }, { type: CallApiService }, { type: NuxeoService }, { type: DynamicTableService }, { type: i0__namespace.ChangeDetectorRef }, { type: TableHooksService }]; }, propDecorators: { onRowSelected: [{
                   type: i0.Output
               }], onRowIndexSelected: [{
                   type: i0.Output
@@ -45898,9 +46070,268 @@
                   }]
           }], ctorParameters: function () { return [{ type: ChartDataTransformers }]; } });
 
+  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(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;
+          return this.query({
+              pageProvider: request.pageProvider,
+              headers: request === null || request === void 0 ? void 0 : request.headers,
+              params: criteria === null || criteria === void 0 ? void 0 : criteria.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;
+          return this._callApiService
+              .customQuery({
+              url: '/api/v1' + request.customUrl.url,
+              method: ((_a = request.customUrl) === null || _a === void 0 ? void 0 : _a.method) || 'GET',
+          }, Object.assign({}, (criteria === null || criteria === void 0 ? void 0 : criteria.params) || {}, (request === null || request === void 0 ? void 0 : request.params) || {}), request === null || request === void 0 ? void 0 : request.headers, Object.assign({}, (criteria === null || criteria === void 0 ? void 0 : criteria.payload) || {}, (request === null || request === void 0 ? void 0 : request.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) || {}));
+          var payload = ___default["default"].mergeWith(request.payload || {}, (criteria === null || criteria === void 0 ? void 0 : criteria.payload) || {}, function (objValue, srcValue, key) {
+              if (Array.isArray(objValue) && key === 'predicateList') {
+                  return objValue.concat(srcValue);
+              }
+          });
+          return {
+              params: params,
+              payload: payload,
+          };
+      };
+      return NdfReportsService;
+  }(BaseService));
+  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 ReportsHooksService = /** @class */ (function () {
+      function ReportsHooksService() {
+          this.beforeSubmitHooks = [];
+          this.reportsActions = new Map();
+      }
+      ReportsHooksService.prototype.registerBeforeSubmit = function (handler) {
+          this.beforeSubmitHooks.push(handler);
+      };
+      ReportsHooksService.prototype.unregisterBeforeSubmit = function (handler) {
+          var index = this.beforeSubmitHooks.indexOf(handler);
+          if (index > -1) {
+              this.beforeSubmitHooks.splice(index, 1);
+          }
+      };
+      ReportsHooksService.prototype.clearBeforeSubmitHooks = function () {
+          this.beforeSubmitHooks = [];
+      };
+      ReportsHooksService.prototype.executeBeforeSubmit = function (payload) {
+          return __awaiter(this, void 0, void 0, function () {
+              var modifiedPayload, _b, _c, handler, result, err_1, e_1_1;
+              var e_1, _d;
+              return __generator(this, function (_e) {
+                  switch (_e.label) {
+                      case 0:
+                          modifiedPayload = Object.assign({}, payload);
+                          _e.label = 1;
+                      case 1:
+                          _e.trys.push([1, 8, 9, 10]);
+                          _b = __values(this.beforeSubmitHooks), _c = _b.next();
+                          _e.label = 2;
+                      case 2:
+                          if (!!_c.done) return [3 /*break*/, 7];
+                          handler = _c.value;
+                          _e.label = 3;
+                      case 3:
+                          _e.trys.push([3, 5, , 6]);
+                          return [4 /*yield*/, Promise.resolve(handler(modifiedPayload))];
+                      case 4:
+                          result = _e.sent();
+                          modifiedPayload = result !== null && result !== void 0 ? result : modifiedPayload;
+                          return [3 /*break*/, 6];
+                      case 5:
+                          err_1 = _e.sent();
+                          console.error('Error executing beforeSubmit handler:', err_1);
+                          return [3 /*break*/, 6];
+                      case 6:
+                          _c = _b.next();
+                          return [3 /*break*/, 2];
+                      case 7: return [3 /*break*/, 10];
+                      case 8:
+                          e_1_1 = _e.sent();
+                          e_1 = { error: e_1_1 };
+                          return [3 /*break*/, 10];
+                      case 9:
+                          try {
+                              if (_c && !_c.done && (_d = _b.return)) _d.call(_b);
+                          }
+                          finally { if (e_1) throw e_1.error; }
+                          return [7 /*endfinally*/];
+                      case 10: return [2 /*return*/, modifiedPayload];
+                  }
+              });
+          });
+      };
+      ReportsHooksService.prototype.evaluate = function (expr, payload) {
+          try {
+              var context = { criteria: payload };
+              var result = Evaluator.evaluate(expr, context, 'payload');
+              return result !== null && result !== void 0 ? result : payload;
+          }
+          catch (e) {
+              console.error('Error evaluating beforeSubmit string:', e);
+              return payload;
+          }
+      };
+      ReportsHooksService.prototype.registerBeforeSubmitAction = function (name, action) {
+          this.reportsActions.set(name, action);
+      };
+      ReportsHooksService.prototype.unregisterBeforeSubmitAction = function (name) {
+          this.reportsActions.delete(name);
+      };
+      ReportsHooksService.prototype.executeBeforeSubmitAction = function (name, context) {
+          var _a;
+          return __awaiter(this, void 0, void 0, function () {
+              var action, e_2;
+              return __generator(this, function (_b) {
+                  switch (_b.label) {
+                      case 0:
+                          action = this.reportsActions.get(name);
+                          if (!action) {
+                              console.warn("beforeSubmit action \"" + name + "\" not found");
+                              return [2 /*return*/, {
+                                      request: context.request,
+                                      data: context.data,
+                                  }];
+                          }
+                          _b.label = 1;
+                      case 1:
+                          _b.trys.push([1, 3, , 4]);
+                          return [4 /*yield*/, action(context)];
+                      case 2: return [2 /*return*/, ((_a = (_b.sent())) !== null && _a !== void 0 ? _a : {
+                              request: context.request,
+                              data: context.data,
+                          })];
+                      case 3:
+                          e_2 = _b.sent();
+                          console.error("Error executing beforeSubmit action \"" + name + "\"", e_2);
+                          return [2 /*return*/, {
+                                  request: context.request,
+                                  data: context.data,
+                              }];
+                      case 4: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      return ReportsHooksService;
+  }());
+  ReportsHooksService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ReportsHooksService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  ReportsHooksService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ReportsHooksService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ReportsHooksService, decorators: [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root',
+                  }]
+          }] });
+
   var DynamicTimelineReportService = /** @class */ (function () {
-      function DynamicTimelineReportService(_ndfReportsService) {
+      function DynamicTimelineReportService(_ndfReportsService, _reportsHooksService) {
           this._ndfReportsService = _ndfReportsService;
+          this._reportsHooksService = _reportsHooksService;
           this._isInitialized = false;
           this.isLoadingResult = false;
           this._selectedGroupSub = new rxjs.BehaviorSubject(null);
@@ -45917,285 +46348,55 @@
       };
       DynamicTimelineReportService.prototype.prepareData = function () {
           var _this = this;
-          return rxjs.pipe(operators.tap(function (_d) {
-              var _e = __read(_d, 2), config = _e[0], criteria = _e[1];
+          return rxjs.pipe(operators.tap(function (_b) {
+              var _c = __read(_b, 2), config = _c[0], criteria = _c[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;
+          }), operators.switchMap(function (_b) {
+              var _c = __read(_b, 2), config = _c[0], criteria = _c[1];
+              var _a;
               var request = config === null || config === void 0 ? void 0 : config.request;
               if (!request) {
                   return rxjs.of(null);
               }
-              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 () {
-                  _this.isLoadingResult = false;
-              }));
-              return rxjs.forkJoin({
+              var _request = {
+                  request: request,
+                  data: _this._ndfReportsService.prepareRequest(request, _this.payload),
+              };
+              var beforeSubmit$ = ((_a = request === null || request === void 0 ? void 0 : request.actions) === null || _a === void 0 ? void 0 : _a.beforeSubmit)
+                  ? rxjs.from(_this._reportsHooksService.executeBeforeSubmitAction(request.actions.beforeSubmit, Object.assign({ config: Object.assign(Object.assign({}, config), { request: undefined }), criteria: criteria }, _request)))
+                  : rxjs.of(_request);
+              return beforeSubmit$.pipe(operators.switchMap(function (req) { return rxjs.forkJoin({
                   config: rxjs.of(config),
-                  data: data$
-              });
+                  data: _this._ndfReportsService.getData(req.request, req.data).pipe(operators.catchError(function (error) {
+                      console.error(error);
+                      return rxjs.of(null);
+                  }), operators.finalize(function () { return (_this.isLoadingResult = false); })),
+              }); }));
           }));
       };
       DynamicTimelineReportService.prototype.prepareSelectedGroups = function (config) {
           var _this = this;
           var data = config.datasource.map(function (source) { return ({
               name: source.aggregation,
-              interval: _this._selectedGroupSub.getValue()
+              interval: _this._selectedGroupSub.getValue(),
           }); });
           return {
               payload: {
-                  aggregationNames: data
-              }
+                  aggregationNames: data,
+              },
           };
       };
       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.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTimelineReportService, deps: [{ token: NdfReportsService }, { token: ReportsHooksService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   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
-          }], ctorParameters: function () { return [{ type: NdfReportsService }]; } });
-
-  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 ReportsHooksService = /** @class */ (function () {
-      function ReportsHooksService() {
-          this.beforeSubmitHooks = [];
-      }
-      ReportsHooksService.prototype.registerBeforeSubmit = function (handler) {
-          this.beforeSubmitHooks.push(handler);
-      };
-      ReportsHooksService.prototype.unregisterBeforeSubmit = function (handler) {
-          var index = this.beforeSubmitHooks.indexOf(handler);
-          if (index > -1) {
-              this.beforeSubmitHooks.splice(index, 1);
-          }
-      };
-      ReportsHooksService.prototype.clearBeforeSubmitHooks = function () {
-          this.beforeSubmitHooks = [];
-      };
-      ReportsHooksService.prototype.executeBeforeSubmit = function (payload) {
-          return __awaiter(this, void 0, void 0, function () {
-              var modifiedPayload, _a, _b, handler, result, err_1, e_1_1;
-              var e_1, _c;
-              return __generator(this, function (_d) {
-                  switch (_d.label) {
-                      case 0:
-                          modifiedPayload = Object.assign({}, payload);
-                          _d.label = 1;
-                      case 1:
-                          _d.trys.push([1, 8, 9, 10]);
-                          _a = __values(this.beforeSubmitHooks), _b = _a.next();
-                          _d.label = 2;
-                      case 2:
-                          if (!!_b.done) return [3 /*break*/, 7];
-                          handler = _b.value;
-                          _d.label = 3;
-                      case 3:
-                          _d.trys.push([3, 5, , 6]);
-                          return [4 /*yield*/, Promise.resolve(handler(modifiedPayload))];
-                      case 4:
-                          result = _d.sent();
-                          modifiedPayload = result !== null && result !== void 0 ? result : modifiedPayload;
-                          return [3 /*break*/, 6];
-                      case 5:
-                          err_1 = _d.sent();
-                          console.error('Error executing beforeSubmit handler:', err_1);
-                          return [3 /*break*/, 6];
-                      case 6:
-                          _b = _a.next();
-                          return [3 /*break*/, 2];
-                      case 7: return [3 /*break*/, 10];
-                      case 8:
-                          e_1_1 = _d.sent();
-                          e_1 = { error: e_1_1 };
-                          return [3 /*break*/, 10];
-                      case 9:
-                          try {
-                              if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
-                          }
-                          finally { if (e_1) throw e_1.error; }
-                          return [7 /*endfinally*/];
-                      case 10: return [2 /*return*/, modifiedPayload];
-                  }
-              });
-          });
-      };
-      ReportsHooksService.prototype.evaluate = function (expr, payload) {
-          try {
-              var context = { criteria: payload };
-              var result = Evaluator.evaluate(expr, context, 'payload');
-              return result !== null && result !== void 0 ? result : payload;
-          }
-          catch (e) {
-              console.error('Error evaluating beforeSubmit string:', e);
-              return payload;
-          }
-      };
-      return ReportsHooksService;
-  }());
-  ReportsHooksService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ReportsHooksService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  ReportsHooksService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ReportsHooksService, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ReportsHooksService, decorators: [{
-              type: i0.Injectable,
-              args: [{
-                      providedIn: 'root',
-                  }]
-          }] });
-
-  var NdfReportsService = /** @class */ (function (_super) {
-      __extends(NdfReportsService, _super);
-      function NdfReportsService(injector, _reportsDataTransformers, _reportsHooksService) {
-          var _this = _super.call(this, injector) || this;
-          _this._reportsDataTransformers = _reportsDataTransformers;
-          _this._reportsHooksService = _reportsHooksService;
-          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;
-          return rxjs.from(this._reportsHooksService.executeBeforeSubmit(Object.assign(Object.assign({}, this._prepareRequest(request, criteria)), { request: request }))).pipe(operators.switchMap(function (_b) {
-              var params = _b.params;
-              return _this.query({
-                  pageProvider: request.pageProvider,
-                  headers: request === null || request === void 0 ? void 0 : request.headers,
-                  params: params,
-              });
-          }), 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;
-          return rxjs.from(this._reportsHooksService.executeBeforeSubmit(Object.assign(Object.assign({}, this._prepareRequest(request, criteria)), { request: request }))).pipe(operators.switchMap(function (_b) {
-              var params = _b.params, payload = _b.payload;
-              var _a;
-              return _this.request({
-                  type: ((_a = request.customUrl) === null || _a === void 0 ? void 0 : _a.method) || 'get',
-                  endpoint: request.customUrl.url,
-                  headers: request === null || request === void 0 ? void 0 : request.headers,
-                  queryParams: params,
-                  payload: payload,
-              });
-          }), 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) || {}));
-          var payload = ___default["default"].mergeWith(request.payload || {}, (criteria === null || criteria === void 0 ? void 0 : criteria.payload) || {}, function (objValue, srcValue, key) {
-              if (Array.isArray(objValue) && key === 'predicateList') {
-                  return objValue.concat(srcValue);
-              }
-          });
-          return {
-              params: params,
-              payload: payload,
-          };
-      };
-      return NdfReportsService;
-  }(BaseService));
-  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 }, { token: ReportsHooksService }], 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 }, { type: ReportsHooksService }]; } });
+          }], ctorParameters: function () { return [{ type: NdfReportsService }, { type: ReportsHooksService }]; } });
 
   /**
    * Horizontal Bar Options
@@ -48138,26 +48339,6 @@
                   type: i0.Output
               }] } });
 
-  var CheckConditionPipe = /** @class */ (function () {
-      function CheckConditionPipe() {
-      }
-      CheckConditionPipe.prototype.transform = function (activeQuery, reports, config) {
-          if (reports === null || reports === void 0 ? void 0 : reports.condition) {
-              return Evaluator.evaluate(reports === null || reports === void 0 ? void 0 : reports.condition, { activeQuery: activeQuery, config: config }, 'show');
-          }
-          return true;
-      };
-      return CheckConditionPipe;
-  }());
-  CheckConditionPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CheckConditionPipe, deps: [], 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',
-                  }]
-          }] });
-
   var slideAnimation = animations.trigger('slideInOut', [
       animations.state('closed', animations.style({
           transform: 'translateX(var(--ndf-reports-details-translateX, -100%))',
@@ -48167,7 +48348,7 @@
   ]);
   var NdfReportsComponent = /** @class */ (function (_super) {
       __extends(NdfReportsComponent, _super);
-      function NdfReportsComponent(_translateService, _filtersMapper, _ndfReportsService, _chartHelperService, _transformService, _cdr, _filterQueryService, _stateService, _configurationService, _router, _ngZone) {
+      function NdfReportsComponent(_translateService, _filtersMapper, _ndfReportsService, _chartHelperService, _transformService, _cdr, _filterQueryService, _stateService, _configurationService, _router, _ngZone, _reportsHooksService) {
           var _this = _super.call(this) || this;
           _this._translateService = _translateService;
           _this._filtersMapper = _filtersMapper;
@@ -48180,6 +48361,7 @@
           _this._configurationService = _configurationService;
           _this._router = _router;
           _this._ngZone = _ngZone;
+          _this._reportsHooksService = _reportsHooksService;
           _this._isHeightUpdated = false;
           _this.direction = 'rtl';
           _this.isPanelOpened = false;
@@ -48192,6 +48374,7 @@
           _this.reportConfig$ = _this._configSubject.asObservable();
           _this._filtersCriteriaSubject = new rxjs.BehaviorSubject(null);
           _this.filtersParams$ = _this._filtersCriteriaSubject.asObservable();
+          _this._triggerFiltersSub = new rxjs.BehaviorSubject(true);
           _this._detailsFiltersSubject = new rxjs.BehaviorSubject(null);
           _this.detailsFiltersParams$ = _this._detailsFiltersSubject.asObservable();
           _this._reportDetailsSubject = new rxjs.BehaviorSubject(null);
@@ -48205,6 +48388,12 @@
           _this.trackByFn = function (_, report) {
               return report.id;
           };
+          _this.triggerUpdate = function () {
+              _this._triggerFiltersSub.next(true);
+          };
+          _this.resetFilters = function () {
+              _this._resetQueryAndFiltersCriteria();
+          };
           _this.filterChanged = function (criteria) {
               if (___default["default"].isEqual(_this.activeQuery, criteria)) {
                   return;
@@ -48266,6 +48455,12 @@
           this.reportsData$ = this._prepareReports();
           this._handleKeyboardEvent();
       };
+      NdfReportsComponent.prototype.callLoadCondition = function () {
+          if (this.loadCondition && typeof this.loadCondition == 'function') {
+              return this.loadCondition(this.activeQuery);
+          }
+          return true;
+      };
       NdfReportsComponent.prototype.ngOnChanges = function (changes) {
           var _a, _b;
           var reportsKey = (_a = changes.reportsKey) === null || _a === void 0 ? void 0 : _a.currentValue;
@@ -48378,8 +48573,9 @@
           var _this = this;
           this.isLoadingResult = true;
           return rxjs.combineLatest([
-              this.filtersParams$.pipe(operators.distinctUntilChanged(function (a, b) { return ___default["default"].isEqual(a, b); })),
+              this.filtersParams$,
               this.reportConfig$,
+              this._triggerFiltersSub,
           ]).pipe(operators.tap(function () {
               _this.isLoadingResult = true;
               _this._cdr.detectChanges();
@@ -48393,7 +48589,7 @@
               if (!criteria && !!config.activeQuery) {
                   _payload = _this.prepareCriteriaPayload(config.activeQuery);
               }
-              var data$ = _this._ndfReportsService.getData(request, _payload).pipe(operators.switchMap(function (reports) {
+              var data$ = rxjs.from(_this._reportsHooksService.executeBeforeSubmit(Object.assign(Object.assign({}, _this._ndfReportsService.prepareRequest(request, criteria)), { request: request }))).pipe(operators.switchMap(function (res) { return _this._ndfReportsService.getData(request, res); }), operators.switchMap(function (reports) {
                   return _this._transformService.prepareData(reports, config);
               }), operators.finalize(function () {
                   _this.isLoadingResult = false;
@@ -48517,8 +48713,8 @@
       };
       return NdfReportsComponent;
   }(DestroySubject));
-  NdfReportsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfReportsComponent, deps: [{ token: i1__namespace.TranslateService }, { token: FiltersMapperService }, { token: NdfReportsService }, { token: ChartManagerService }, { token: ReportTransformService }, { token: i0__namespace.ChangeDetectorRef }, { token: FilterQueryService }, { token: ReportsStateService }, { token: ReportConfigurationService }, { token: i1__namespace$5.Router }, { token: i0__namespace.NgZone }], 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" }, queries: [{ propertyName: "filterCustomTemplate", first: true, predicate: CUSTOM_TEMPLATE, descendants: true, read: i0.TemplateRef }, { propertyName: "headerPanelTemplate", first: true, predicate: HEADER_PANEL_TEMPLATE, descendants: true, read: i0.TemplateRef }, { propertyName: "emptyContentTemplate", first: true, predicate: EMPTY_CONTENT_TEMPLATE, descendants: true, read: i0.TemplateRef }], viewQueries: [{ propertyName: "fluidDirective", first: true, predicate: FluidHeightDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<div\r\n  class=\"ndf-reports__container\"\r\n  [class.panel-opened]=\"isPanelOpened && filtersConfig\"\r\n  [dir]=\"direction\"\r\n  ndfFluidHeight\r\n>\r\n  <div class=\"ndf-reports__panel print:hidden\">\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"headerPanelTemplate\"\r\n      [ngTemplateOutletContext]=\"{\r\n        $implicit: aggregations,\r\n        filterChanged: filterChanged,\r\n        activeQuery: activeQuery,\r\n        config: config\r\n      }\"\r\n    ></ng-container>\r\n    <app-filters-panel\r\n      *ngIf=\"!!filtersConfig?.fields?.length\"\r\n      [fields]=\"filtersConfig?.fields\"\r\n      [aggregations]=\"aggregations\"\r\n      (filterChanged)=\"filterChanged($event)\"\r\n      [activeQuery]=\"activeFiltersQuery$ | async\"\r\n      class=\"ndf-reports__filters\"\r\n      [customTemplateRef]=\"filterCustomTemplate\"\r\n    ></app-filters-panel>\r\n  </div>\r\n\r\n  <ng-container\r\n    *ngIf=\"\r\n      activeQuery | checkCondition : reportConfig : config;\r\n      else emptyContent\r\n    \"\r\n  >\r\n    <div\r\n      class=\"ndf-reports__content\"\r\n      (scrolled)=\"onContentScroll($event)\"\r\n      *ngIf=\"reportsData$ | async as reports\"\r\n    >\r\n      <div class=\"ndf-reports__header flex pt-4 print:hidden\">\r\n        <button\r\n          mat-stroked-button\r\n          class=\"toggle-button\"\r\n          (click)=\"togglePanel()\"\r\n        >\r\n          <mat-icon> filter_alt</mat-icon>\r\n        </button>\r\n        <app-editor-button\r\n          *ngIf=\"jsonEditorEnabled && reportsKey\"\r\n          [key]=\"reportsKey\"\r\n          [type]=\"editorType\"\r\n        ></app-editor-button>\r\n        <button\r\n          mat-stroked-button\r\n          *ngIf=\"config?.options?.print\"\r\n          class=\"print-button\"\r\n          (click)=\"printAll()\"\r\n        >\r\n          <mat-icon> print</mat-icon>\r\n        </button>\r\n      </div>\r\n      <mat-spinner\r\n        *ngIf=\"isLoadingResult\"\r\n        class=\"mt-5 mx-auto\"\r\n        [diameter]=\"48\"\r\n      ></mat-spinner>\r\n\r\n      <div class=\"reports-grid\" *ngIf=\"!isLoadingResult\">\r\n        <app-ndf-report\r\n          *ngFor=\"let config of reportConfig.items; trackBy: trackByFn\"\r\n          [config]=\"config\"\r\n          [data]=\"reports?.response\"\r\n          [criteria]=\"filtersParams$ | async\"\r\n          [direction]=\"direction\"\r\n          [attr.data-width]=\"config?.layout?.width || 4\"\r\n          [attr.data-height]=\"config?.layout?.height || 'auto'\"\r\n          [attr.data-start-column]=\"config?.layout?.columnPosition || 'auto'\"\r\n          [attr.data-start-row]=\"config?.layout?.rowPosition || 'auto'\"\r\n          [class.wide]=\"config?.layout?.width >= 6\"\r\n          [style]=\"config?.layout?.style\"\r\n          class=\"reports-grid__item {{ config?.layout?.styleClass }} \"\r\n          (onNavigate)=\"onNavigate($event)\"\r\n          (onOpen)=\"openReportDetails($event, config)\"\r\n        ></app-ndf-report>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  <div\r\n    class=\"ndf-reports__details print:hidden\"\r\n    [class.opened]=\"showDetails\"\r\n    [@slideInOut]=\"showDetails ? 'open' : 'closed'\"\r\n    (@slideInOut.done)=\"onDetailsAnimationEnd($event)\"\r\n  >\r\n    <app-ndf-table\r\n      *ngIf=\"reportDetails$ | async as report\"\r\n      [config]=\"report.config\"\r\n      [activeQuery]=\"activeFiltersQuery$ | async\"\r\n      [customCriteria]=\"detailsFiltersParams$ | async\"\r\n    >\r\n      <ng-template searchTableTemplate let-toggle=\"togglePanel\">\r\n        <div class=\"ndf-reports__details__header flex gap-2\">\r\n          <button mat-stroked-button class=\"toggle-button\" (click)=\"toggle()\">\r\n            <mat-icon> filter_alt</mat-icon>\r\n          </button>\r\n          <button\r\n            mat-stroked-button\r\n            class=\"close-button\"\r\n            (click)=\"closeDetailsPanel()\"\r\n          >\r\n            <mat-icon> close</mat-icon>\r\n          </button>\r\n        </div>\r\n        <h3>\r\n          {{ report.label | translate }}\r\n        </h3>\r\n      </ng-template>\r\n    </app-ndf-table>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #emptyContent>\r\n  <div class=\"ndf-reports__content flex items-center flex-grow-1\">\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"emptyContentTemplate || defaultEmptyContent\"\r\n    ></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultEmptyContent>\r\n  <div class=\"no-data mt-26\">\r\n    {{ 'noData' | translate }}\r\n  </div>\r\n</ng-template>\r\n", styles: [":host{--table-dev-height: var(--ndf-reports-table-dev-height, auto);--report-height: var(--ndf-reports-report-height, 430px);--cp-height: var(--report-height);padding-inline:var(--ndf-reports-inline-padding, 0);padding-block:var(--ndf-reports-block-padding, .5rem 0);height:100%;position:relative;display:flex;flex-direction:column;background-color:var(--ndf-reports-background, #fff);box-sizing:border-box;max-width:100%;flex:0 0 100%}:host:before,:host:after{box-sizing:border-box}:host[dir=ltr]{--ndf-reports-panel-translateX: -100%;--ndf-reports-details-translateX: 100%}@media print{:host{--report-height: auto;--cp-print-min-height: 80mm;padding:0}}.ndf-reports *{box-sizing:border-box;min-height:0}.ndf-reports__header{background-color:var(--ndf-reports-background, #fff);flex-direction:var(--ndf-reports-header-direction, row);justify-content:var(--ndf-reports-header-justify, space-between);align-items:var(--ndf-reports-header-items, center);padding-inline:var(--ndf-reports-header-padding-inline, .5rem);padding-block:var(--ndf-reports-header-padding-block, 0 .5rem);position:var(--ndf-reports-header-position, sticky);top:0;z-index:1}.ndf-reports__header__actions{justify-content:var(--ndf-reports-actions-justify, flex-end)}.ndf-reports__header__custom-actions .toggle-button{min-width:0;padding:0 10px}.ndf-reports__container{--panel-width: var(--ndf-reports-panel-width, 18rem);position:relative;overflow:var(--ndf-reports-container-overflow, hidden);display:grid;transition:all .2s;max-width:100%;width:100%;height:var(--ndf-reports-height, calc(var(--ndf-fluid-height) - calc(var(--ndf-reports-block-padding, 1rem) * 2.5)));flex-grow:1;grid-gap:var(--ndf-table-container-gap, .5rem);gap:var(--ndf-table-container-gap, .5rem)}.ndf-reports__container.panel-opened{--ndf-details-margin: var(--panel-width);--ndf-reports-panel-translateX: 0;--ndf-reports-content-pis: var(--panel-width)}@media print{.ndf-reports__container{--ndf-reports-container-overflow: visible;height:100%}}.ndf-reports__panel,.ndf-reports__content .ndf-reports__details{overflow:auto;transition:all .2s}.ndf-reports__panel{position:absolute;width:var(--panel-width);height:100%;transform:translate(var(--ndf-reports-panel-translateX, 100%));padding-inline:var(--ndf-reports-panel-inline-padding, .5rem);padding-block:var(--ndf-reports-panel-block-padding, .5rem);background:var(--ndf-reports-panel-background, #fff);z-index:1}.ndf-reports__content{flex-grow:1;padding-inline-start:var(--ndf-reports-content-pis, 1rem);padding-inline-end:var(--ndf-reports-content-pie, 1rem);padding-block:var(--ndf-reports-content-pb, 0 1rem);overflow-y:var(--ndf-reports-content-overflow-y, auto);position:relative;display:flex;flex-direction:column}@media print{.ndf-reports__content{--ndf-reports-content-overflow-y: visible;width:100%;margin:0;padding:0;page-break-after:avoid}}.ndf-reports__details{position:absolute;inset-inline-end:0;width:calc(100% - var(--ndf-details-margin, 0px));height:100%;transform:translate(var(--ndf-reports-details-translateX, -100%));padding-inline:var(--ndf-reports-details-inline-padding, 0rem);flex-grow:1;padding-block:var(--ndf-reports-details-block-padding, 0rem);background:var(--ndf-reports-details-background, #fff);z-index:1;transition:all .2s}.reports-grid{--grid-columns: 12;--column-width: calc(100% / var(--grid-columns));display:grid;grid-gap:var(--reports-grid-gap, 1.5rem);gap:var(--reports-grid-gap, 1.5rem);grid-template-columns:var(--rg-columns, repeat(var(--grid-columns), 1fr));margin-block:var(--reports-grid-margin-block, 1.25rem 0);padding-inline:var(--reports-grid-padding-inline, .5rem)}.reports-grid__item{display:grid;grid-gap:.3rem;gap:.3rem;min-width:0;text-align:center;vertical-align:middle}.reports-grid__item[data-width=\"1\"]{--col-span: span 1}.reports-grid__item[data-start-column=\"1\"]{--col-start: 1}.reports-grid__item[data-start-row=\"1\"]{--row-start: 1}.reports-grid__item[data-height=\"1\"]{--row-span: 1}.reports-grid__item[data-width=\"2\"]{--col-span: span 2}.reports-grid__item[data-start-column=\"2\"]{--col-start: 2}.reports-grid__item[data-start-row=\"2\"]{--row-start: 2}.reports-grid__item[data-height=\"2\"]{--row-span: 2}.reports-grid__item[data-width=\"3\"]{--col-span: span 3}.reports-grid__item[data-start-column=\"3\"]{--col-start: 3}.reports-grid__item[data-start-row=\"3\"]{--row-start: 3}.reports-grid__item[data-height=\"3\"]{--row-span: 3}.reports-grid__item[data-width=\"4\"]{--col-span: span 4}.reports-grid__item[data-start-column=\"4\"]{--col-start: 4}.reports-grid__item[data-start-row=\"4\"]{--row-start: 4}.reports-grid__item[data-height=\"4\"]{--row-span: 4}.reports-grid__item[data-width=\"5\"]{--col-span: span 5}.reports-grid__item[data-start-column=\"5\"]{--col-start: 5}.reports-grid__item[data-start-row=\"5\"]{--row-start: 5}.reports-grid__item[data-height=\"5\"]{--row-span: 5}.reports-grid__item[data-width=\"6\"]{--col-span: span 6}.reports-grid__item[data-start-column=\"6\"]{--col-start: 6}.reports-grid__item[data-start-row=\"6\"]{--row-start: 6}.reports-grid__item[data-height=\"6\"]{--row-span: 6}.reports-grid__item[data-width=\"7\"]{--col-span: span 7}.reports-grid__item[data-start-column=\"7\"]{--col-start: 7}.reports-grid__item[data-start-row=\"7\"]{--row-start: 7}.reports-grid__item[data-height=\"7\"]{--row-span: 7}.reports-grid__item[data-width=\"8\"]{--col-span: span 8}.reports-grid__item[data-start-column=\"8\"]{--col-start: 8}.reports-grid__item[data-start-row=\"8\"]{--row-start: 8}.reports-grid__item[data-height=\"8\"]{--row-span: 8}.reports-grid__item[data-width=\"9\"]{--col-span: span 9}.reports-grid__item[data-start-column=\"9\"]{--col-start: 9}.reports-grid__item[data-start-row=\"9\"]{--row-start: 9}.reports-grid__item[data-height=\"9\"]{--row-span: 9}.reports-grid__item[data-width=\"10\"]{--col-span: span 10}.reports-grid__item[data-start-column=\"10\"]{--col-start: 10}.reports-grid__item[data-start-row=\"10\"]{--row-start: 10}.reports-grid__item[data-height=\"10\"]{--row-span: 10}.reports-grid__item[data-width=\"11\"]{--col-span: span 11}.reports-grid__item[data-start-column=\"11\"]{--col-start: 11}.reports-grid__item[data-start-row=\"11\"]{--row-start: 11}.reports-grid__item[data-height=\"11\"]{--row-span: 11}.reports-grid__item[data-width=\"12\"]{--col-span: span 12}.reports-grid__item[data-start-column=\"12\"]{--col-start: 12}.reports-grid__item[data-start-row=\"12\"]{--row-start: 12}.reports-grid__item[data-height=\"12\"]{--row-span: 12}@media screen{.reports-grid__item{grid-column:var(--col-start, auto)/var(--col-span, span var(--grid-column, 2));grid-row:var(--row-start, auto)/span var(--row-span, 1);grid-template-rows:subgrid}}@media print{.reports-grid{--reports-grid-gap: 10mm;--reports-grid-margin-top: 0;padding:0;margin:0;--rg-columns: repeat(2, 1fr)}.reports-grid__item{--col-start: auto;--col-span: span 1;border:1px solid #f5f5f5;border-radius:var(--cp-radius, 1rem);page-break-inside:avoid;break-inside:avoid-page}}@media screen and (max-width: 1199px){.reports-grid__item[data-width=\"1\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"2\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"3\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"4\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"5\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"6\"]{--col-start: auto;--col-span: span 6}.reports-grid__item.wide{--col-start: 1;--col-span: -1}}@media screen and (max-width: 767px){.reports-grid__item[data-width]{--col-start: 1;--col-span: -1}}\n"], components: [{ type: 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: i6__namespace.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", "styleClass", "configTransformer", "tableKey", "jsonEditorEnabled", "config", "customCriteria", "searchTerm"], outputs: ["onRowSelected", "onRowIndexSelected", "actionOnRow", "onGettingData", "onMultiRowSelected", "onLoading", "onPage", "onInitialized", "onLoaded", "onQueryChange", "onSort"] }], directives: [{ type: FluidHeightDirective, selector: "[ndfFluidHeight]", inputs: ["minHeight", "ndfFluidHeight", "subtractItems", "decrease", "delay", "cssVar", "calculate", "inlineStyle"], exportAs: ["ndfFluidHeight"] }, { type: i4__namespace.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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, "checkCondition": CheckConditionPipe, "translate": i1__namespace.TranslatePipe }, animations: [slideAnimation] });
+  NdfReportsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfReportsComponent, deps: [{ token: i1__namespace.TranslateService }, { token: FiltersMapperService }, { token: NdfReportsService }, { token: ChartManagerService }, { token: ReportTransformService }, { token: i0__namespace.ChangeDetectorRef }, { token: FilterQueryService }, { token: ReportsStateService }, { token: ReportConfigurationService }, { token: i1__namespace$5.Router }, { token: i0__namespace.NgZone }, { token: ReportsHooksService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  NdfReportsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfReportsComponent, selector: "app-ndf-reports", inputs: { jsonEditorEnabled: "jsonEditorEnabled", reportsKey: "reportsKey", navigateRoute: "navigateRoute", loadCondition: "loadCondition", config: "config" }, outputs: { onQueryChange: "onQueryChange" }, host: { properties: { "dir": "direction" }, classAttribute: "ndf-reports" }, queries: [{ propertyName: "filterCustomTemplate", first: true, predicate: CUSTOM_TEMPLATE, descendants: true, read: i0.TemplateRef }, { propertyName: "headerPanelTemplate", first: true, predicate: HEADER_PANEL_TEMPLATE, descendants: true, read: i0.TemplateRef }, { propertyName: "emptyContentTemplate", first: true, predicate: EMPTY_CONTENT_TEMPLATE, descendants: true, read: i0.TemplateRef }], viewQueries: [{ propertyName: "fluidDirective", first: true, predicate: FluidHeightDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<div\r\n  class=\"ndf-reports__container\"\r\n  [class.panel-opened]=\"isPanelOpened && filtersConfig\"\r\n  [dir]=\"direction\"\r\n  ndfFluidHeight\r\n>\r\n  <div\r\n    class=\"absolute flex justify-center items-center loading-result\"\r\n    *ngIf=\"isLoadingResult && callLoadCondition()\"\r\n  >\r\n    <mat-spinner class=\"mt-5 mx-auto\" [diameter]=\"48\"></mat-spinner>\r\n  </div>\r\n\r\n  <div class=\"ndf-reports__panel print:hidden\">\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"headerPanelTemplate\"\r\n      [ngTemplateOutletContext]=\"{\r\n        $implicit: aggregations,\r\n        filterChanged: filterChanged,\r\n        activeQuery: activeQuery,\r\n        triggerUpdate: triggerUpdate,\r\n        reset: resetFilters,\r\n        config: config\r\n      }\"\r\n    ></ng-container>\r\n\r\n    <app-filters-panel\r\n      *ngIf=\"!!filtersConfig?.fields?.length && callLoadCondition()\"\r\n      [fields]=\"filtersConfig?.fields\"\r\n      [aggregations]=\"aggregations\"\r\n      (filterChanged)=\"filterChanged($event)\"\r\n      [activeQuery]=\"activeFiltersQuery$ | async\"\r\n      class=\"ndf-reports__filters\"\r\n      [customTemplateRef]=\"filterCustomTemplate\"\r\n    ></app-filters-panel>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"callLoadCondition(); else emptyContent\">\r\n    <div\r\n      class=\"ndf-reports__content\"\r\n      (scrolled)=\"onContentScroll($event)\"\r\n      *ngIf=\"reportsData$ | async as reports\"\r\n    >\r\n      <div class=\"ndf-reports__header flex pt-4 print:hidden\">\r\n        <button\r\n          mat-stroked-button\r\n          class=\"toggle-button\"\r\n          (click)=\"togglePanel()\"\r\n        >\r\n          <mat-icon> filter_alt</mat-icon>\r\n        </button>\r\n        <app-editor-button\r\n          *ngIf=\"jsonEditorEnabled && reportsKey\"\r\n          [key]=\"reportsKey\"\r\n          [type]=\"editorType\"\r\n        ></app-editor-button>\r\n        <button\r\n          mat-stroked-button\r\n          *ngIf=\"config?.options?.print\"\r\n          class=\"print-button\"\r\n          (click)=\"printAll()\"\r\n        >\r\n          <mat-icon> print</mat-icon>\r\n        </button>\r\n      </div>\r\n\r\n      <div class=\"reports-grid\" *ngIf=\"!isLoadingResult\">\r\n        <app-ndf-report\r\n          *ngFor=\"let config of reportConfig.items; trackBy: trackByFn\"\r\n          [config]=\"config\"\r\n          [data]=\"reports?.response\"\r\n          [criteria]=\"filtersParams$ | async\"\r\n          [direction]=\"direction\"\r\n          [attr.data-width]=\"config?.layout?.width || 4\"\r\n          [attr.data-height]=\"config?.layout?.height || 'auto'\"\r\n          [attr.data-start-column]=\"config?.layout?.columnPosition || 'auto'\"\r\n          [attr.data-start-row]=\"config?.layout?.rowPosition || 'auto'\"\r\n          [class.wide]=\"config?.layout?.width >= 6\"\r\n          [style]=\"config?.layout?.style\"\r\n          class=\"reports-grid__item {{ config?.layout?.styleClass }} \"\r\n          (onNavigate)=\"onNavigate($event)\"\r\n          (onOpen)=\"openReportDetails($event, config)\"\r\n        ></app-ndf-report>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  <div\r\n    class=\"ndf-reports__details print:hidden\"\r\n    [class.opened]=\"showDetails\"\r\n    [@slideInOut]=\"showDetails ? 'open' : 'closed'\"\r\n    (@slideInOut.done)=\"onDetailsAnimationEnd($event)\"\r\n  >\r\n    <app-ndf-table\r\n      *ngIf=\"reportDetails$ | async as report\"\r\n      [config]=\"report.config\"\r\n      [activeQuery]=\"activeFiltersQuery$ | async\"\r\n      [customCriteria]=\"detailsFiltersParams$ | async\"\r\n    >\r\n      <ng-template searchTableTemplate let-toggle=\"togglePanel\">\r\n        <div class=\"ndf-reports__details__header flex gap-2\">\r\n          <button mat-stroked-button class=\"toggle-button\" (click)=\"toggle()\">\r\n            <mat-icon> filter_alt</mat-icon>\r\n          </button>\r\n          <button\r\n            mat-stroked-button\r\n            class=\"close-button\"\r\n            (click)=\"closeDetailsPanel()\"\r\n          >\r\n            <mat-icon> close</mat-icon>\r\n          </button>\r\n        </div>\r\n        <h3>\r\n          {{ report.label | translate }}\r\n        </h3>\r\n      </ng-template>\r\n    </app-ndf-table>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #emptyContent>\r\n  <div class=\"ndf-reports__content flex items-center flex-grow-1\">\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"emptyContentTemplate || defaultEmptyContent\"\r\n    ></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultEmptyContent>\r\n  <div class=\"no-data mt-26\">\r\n    {{ 'noData' | translate }}\r\n  </div>\r\n</ng-template>\r\n", styles: [":host{--table-dev-height: var(--ndf-reports-table-dev-height, auto);--report-height: var(--ndf-reports-report-height, 430px);--cp-height: var(--report-height);padding-inline:var(--ndf-reports-inline-padding, 0);padding-block:var(--ndf-reports-block-padding, .5rem 0);height:100%;position:relative;display:flex;flex-direction:column;background-color:var(--ndf-reports-background, #fff);box-sizing:border-box;max-width:100%;flex:0 0 100%}:host:before,:host:after{box-sizing:border-box}:host[dir=ltr]{--ndf-reports-panel-translateX: -100%;--ndf-reports-details-translateX: 100%}@media print{:host{--report-height: auto;--cp-print-min-height: 80mm;padding:0}}.loading-result{background:var(--loading-result-background, rgba(255, 255, 255, .5));-webkit-backdrop-filter:var(--loading-result-filter, blur(3px));backdrop-filter:var(--loading-result-filter, blur(3px));width:100%;height:100%;z-index:3}.ndf-reports *{box-sizing:border-box;min-height:0}.ndf-reports__header{background-color:var(--ndf-reports-background, #fff);flex-direction:var(--ndf-reports-header-direction, row);justify-content:var(--ndf-reports-header-justify, space-between);align-items:var(--ndf-reports-header-items, center);padding-inline:var(--ndf-reports-header-padding-inline, .5rem);padding-block:var(--ndf-reports-header-padding-block, 0 .5rem);position:var(--ndf-reports-header-position, sticky);top:0;z-index:1}.ndf-reports__header__actions{justify-content:var(--ndf-reports-actions-justify, flex-end)}.ndf-reports__header__custom-actions .toggle-button{min-width:0;padding:0 10px}.ndf-reports__container{--panel-width: var(--ndf-reports-panel-width, 18rem);position:relative;overflow:var(--ndf-reports-container-overflow, hidden);display:grid;transition:all .2s;max-width:100%;width:100%;height:var(--ndf-reports-height, calc( var(--ndf-fluid-height) - calc(var(--ndf-reports-block-padding, 1rem) * 2.5) ));flex-grow:1;grid-gap:var(--ndf-table-container-gap, .5rem);gap:var(--ndf-table-container-gap, .5rem)}.ndf-reports__container.panel-opened{--ndf-details-margin: var(--panel-width);--ndf-reports-panel-translateX: 0;--ndf-reports-content-pis: var(--panel-width)}@media print{.ndf-reports__container{--ndf-reports-container-overflow: visible;height:100%}}.ndf-reports__panel,.ndf-reports__content .ndf-reports__details{overflow:auto;transition:all .2s}.ndf-reports__panel{position:absolute;width:var(--panel-width);height:100%;transform:translate(var(--ndf-reports-panel-translateX, 100%));padding-inline:var(--ndf-reports-panel-inline-padding, .5rem);padding-block:var(--ndf-reports-panel-block-padding, .5rem);background:var(--ndf-reports-panel-background, #fff);z-index:1}.ndf-reports__content{flex-grow:1;padding-inline-start:var(--ndf-reports-content-pis, 1rem);padding-inline-end:var(--ndf-reports-content-pie, 1rem);padding-block:var(--ndf-reports-content-pb, 0 1rem);overflow-y:var(--ndf-reports-content-overflow-y, auto);position:relative;display:flex;flex-direction:column}@media print{.ndf-reports__content{--ndf-reports-content-overflow-y: visible;width:100%;margin:0;padding:0;page-break-after:avoid}}.ndf-reports__details{position:absolute;inset-inline-end:0;width:calc(100% - var(--ndf-details-margin, 0px));height:100%;transform:translate(var(--ndf-reports-details-translateX, -100%));padding-inline:var(--ndf-reports-details-inline-padding, 0rem);flex-grow:1;padding-block:var(--ndf-reports-details-block-padding, 0rem);background:var(--ndf-reports-details-background, #fff);z-index:1;transition:all .2s}.reports-grid{--grid-columns: 12;--column-width: calc(100% / var(--grid-columns));display:grid;grid-gap:var(--reports-grid-gap, 1.5rem);gap:var(--reports-grid-gap, 1.5rem);grid-template-columns:var(--rg-columns, repeat(var(--grid-columns), 1fr));margin-block:var(--reports-grid-margin-block, 1.25rem 0);padding-inline:var(--reports-grid-padding-inline, .5rem)}.reports-grid__item{display:grid;grid-gap:.3rem;gap:.3rem;min-width:0;text-align:center;vertical-align:middle}.reports-grid__item[data-width=\"1\"]{--col-span: span 1}.reports-grid__item[data-start-column=\"1\"]{--col-start: 1}.reports-grid__item[data-start-row=\"1\"]{--row-start: 1}.reports-grid__item[data-height=\"1\"]{--row-span: 1}.reports-grid__item[data-width=\"2\"]{--col-span: span 2}.reports-grid__item[data-start-column=\"2\"]{--col-start: 2}.reports-grid__item[data-start-row=\"2\"]{--row-start: 2}.reports-grid__item[data-height=\"2\"]{--row-span: 2}.reports-grid__item[data-width=\"3\"]{--col-span: span 3}.reports-grid__item[data-start-column=\"3\"]{--col-start: 3}.reports-grid__item[data-start-row=\"3\"]{--row-start: 3}.reports-grid__item[data-height=\"3\"]{--row-span: 3}.reports-grid__item[data-width=\"4\"]{--col-span: span 4}.reports-grid__item[data-start-column=\"4\"]{--col-start: 4}.reports-grid__item[data-start-row=\"4\"]{--row-start: 4}.reports-grid__item[data-height=\"4\"]{--row-span: 4}.reports-grid__item[data-width=\"5\"]{--col-span: span 5}.reports-grid__item[data-start-column=\"5\"]{--col-start: 5}.reports-grid__item[data-start-row=\"5\"]{--row-start: 5}.reports-grid__item[data-height=\"5\"]{--row-span: 5}.reports-grid__item[data-width=\"6\"]{--col-span: span 6}.reports-grid__item[data-start-column=\"6\"]{--col-start: 6}.reports-grid__item[data-start-row=\"6\"]{--row-start: 6}.reports-grid__item[data-height=\"6\"]{--row-span: 6}.reports-grid__item[data-width=\"7\"]{--col-span: span 7}.reports-grid__item[data-start-column=\"7\"]{--col-start: 7}.reports-grid__item[data-start-row=\"7\"]{--row-start: 7}.reports-grid__item[data-height=\"7\"]{--row-span: 7}.reports-grid__item[data-width=\"8\"]{--col-span: span 8}.reports-grid__item[data-start-column=\"8\"]{--col-start: 8}.reports-grid__item[data-start-row=\"8\"]{--row-start: 8}.reports-grid__item[data-height=\"8\"]{--row-span: 8}.reports-grid__item[data-width=\"9\"]{--col-span: span 9}.reports-grid__item[data-start-column=\"9\"]{--col-start: 9}.reports-grid__item[data-start-row=\"9\"]{--row-start: 9}.reports-grid__item[data-height=\"9\"]{--row-span: 9}.reports-grid__item[data-width=\"10\"]{--col-span: span 10}.reports-grid__item[data-start-column=\"10\"]{--col-start: 10}.reports-grid__item[data-start-row=\"10\"]{--row-start: 10}.reports-grid__item[data-height=\"10\"]{--row-span: 10}.reports-grid__item[data-width=\"11\"]{--col-span: span 11}.reports-grid__item[data-start-column=\"11\"]{--col-start: 11}.reports-grid__item[data-start-row=\"11\"]{--row-start: 11}.reports-grid__item[data-height=\"11\"]{--row-span: 11}.reports-grid__item[data-width=\"12\"]{--col-span: span 12}.reports-grid__item[data-start-column=\"12\"]{--col-start: 12}.reports-grid__item[data-start-row=\"12\"]{--row-start: 12}.reports-grid__item[data-height=\"12\"]{--row-span: 12}@media screen{.reports-grid__item{grid-column:var(--col-start, auto)/var(--col-span, span var(--grid-column, 2));grid-row:var(--row-start, auto)/span var(--row-span, 1);grid-template-rows:subgrid}}@media print{.reports-grid{--reports-grid-gap: 10mm;--reports-grid-margin-top: 0;padding:0;margin:0;--rg-columns: repeat(2, 1fr)}.reports-grid__item{--col-start: auto;--col-span: span 1;border:1px solid #f5f5f5;border-radius:var(--cp-radius, 1rem);page-break-inside:avoid;break-inside:avoid-page}}@media screen and (max-width: 1199px){.reports-grid__item[data-width=\"1\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"2\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"3\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"4\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"5\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"6\"]{--col-start: auto;--col-span: span 6}.reports-grid__item.wide{--col-start: 1;--col-span: -1}}@media screen and (max-width: 767px){.reports-grid__item[data-width]{--col-start: 1;--col-span: -1}}\n"], components: [{ type: i6__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: FiltersPanelComponent, selector: "app-filters-panel", inputs: ["aggregations", "fields", "activeQuery"], outputs: ["filterChanged"] }, { type: i1__namespace$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: EditorButtonComponent, selector: "app-editor-button", inputs: ["type", "key"] }, { type: NdfReportComponent, selector: "app-ndf-report", inputs: ["config", "direction", "data", "criteria"], outputs: ["onNavigate", "onOpen"] }, { type: NdfTableComponent, selector: "app-ndf-table", inputs: ["rows", "totalRecords", "autoCalculateHeight", "emptyMessage", "activeQuery", "configPath", "styleClass", "configTransformer", "tableKey", "jsonEditorEnabled", "config", "customCriteria", "searchTerm"], outputs: ["onRowSelected", "onRowIndexSelected", "actionOnRow", "onGettingData", "onMultiRowSelected", "onLoading", "onPage", "onInitialized", "onLoaded", "onQueryChange", "onSort"] }], directives: [{ type: FluidHeightDirective, selector: "[ndfFluidHeight]", inputs: ["minHeight", "ndfFluidHeight", "subtractItems", "decrease", "delay", "cssVar", "calculate", "inlineStyle"], exportAs: ["ndfFluidHeight"] }, { type: i4__namespace.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: ScrollableDivDirective, selector: "[scrolled]", inputs: ["scrollTop"], outputs: ["scrolled"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: SearchTableTemplateDirective, selector: "[searchTableTemplate]" }], pipes: { "async": i4__namespace$1.AsyncPipe, "translate": i1__namespace.TranslatePipe }, animations: [slideAnimation] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfReportsComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -48531,7 +48727,7 @@
                       },
                       animations: [slideAnimation],
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }, { type: FiltersMapperService }, { type: NdfReportsService }, { type: ChartManagerService }, { type: ReportTransformService }, { type: i0__namespace.ChangeDetectorRef }, { type: FilterQueryService }, { type: ReportsStateService }, { type: ReportConfigurationService }, { type: i1__namespace$5.Router }, { type: i0__namespace.NgZone }]; }, propDecorators: { fluidDirective: [{
+          }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }, { type: FiltersMapperService }, { type: NdfReportsService }, { type: ChartManagerService }, { type: ReportTransformService }, { type: i0__namespace.ChangeDetectorRef }, { type: FilterQueryService }, { type: ReportsStateService }, { type: ReportConfigurationService }, { type: i1__namespace$5.Router }, { type: i0__namespace.NgZone }, { type: ReportsHooksService }]; }, propDecorators: { fluidDirective: [{
                   type: i0.ViewChild,
                   args: [FluidHeightDirective]
               }], jsonEditorEnabled: [{
@@ -48540,6 +48736,8 @@
                   type: i0.Input
               }], navigateRoute: [{
                   type: i0.Input
+              }], loadCondition: [{
+                  type: i0.Input
               }], config: [{
                   type: i0.Input
               }], onQueryChange: [{
@@ -48555,6 +48753,26 @@
                   args: [EMPTY_CONTENT_TEMPLATE, { read: i0.TemplateRef }]
               }] } });
 
+  var CheckConditionPipe = /** @class */ (function () {
+      function CheckConditionPipe() {
+      }
+      CheckConditionPipe.prototype.transform = function (activeQuery, condition, config) {
+          if (condition) {
+              return Evaluator.evaluate(condition, { activeQuery: activeQuery, config: config }, 'show');
+          }
+          return true;
+      };
+      return CheckConditionPipe;
+  }());
+  CheckConditionPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CheckConditionPipe, deps: [], 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',
+                  }]
+          }] });
+
   var CONTAINERS = [NdfReportsComponent, NdfReportComponent];
   var DIRECTIVES = [
       ScrollableDivDirective,
@@ -49014,7 +49232,7 @@
       return ConfigPreviewComponent;
   }());
   ConfigPreviewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigPreviewComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  ConfigPreviewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ConfigPreviewComponent, selector: "app-config-preview", inputs: { type: "type", data: "data" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"data | validateObject\">\r\n\t<ng-container [ngSwitch]=\"type\">\r\n\t\t<app-ndf-table *ngSwitchCase=\"types.TABLES\" [config]=\"data\"></app-ndf-table>\r\n\t\t<app-ndf-reports *ngSwitchCase=\"types.REPORTS\" [config]=\"data\"></app-ndf-reports>\r\n\t</ng-container>\r\n</ng-container>\r\n", styles: [":host{display:block;height:var(--monaco-config-editor-height, 100%);border:var(--monaco-config-editor-border, 1px solid var(--monaco-border-color, #bbb))}\n"], components: [{ type: NdfTableComponent, selector: "app-ndf-table", inputs: ["rows", "totalRecords", "autoCalculateHeight", "emptyMessage", "activeQuery", "configPath", "styleClass", "configTransformer", "tableKey", "jsonEditorEnabled", "config", "customCriteria", "searchTerm"], outputs: ["onRowSelected", "onRowIndexSelected", "actionOnRow", "onGettingData", "onMultiRowSelected", "onLoading", "onPage", "onInitialized", "onLoaded", "onQueryChange", "onSort"] }, { type: NdfReportsComponent, selector: "app-ndf-reports", inputs: ["jsonEditorEnabled", "reportsKey", "navigateRoute", "config"], outputs: ["onQueryChange"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4__namespace$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "validateObject": ValidateObjectPipe } });
+  ConfigPreviewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ConfigPreviewComponent, selector: "app-config-preview", inputs: { type: "type", data: "data" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"data | validateObject\">\r\n\t<ng-container [ngSwitch]=\"type\">\r\n\t\t<app-ndf-table *ngSwitchCase=\"types.TABLES\" [config]=\"data\"></app-ndf-table>\r\n\t\t<app-ndf-reports *ngSwitchCase=\"types.REPORTS\" [config]=\"data\"></app-ndf-reports>\r\n\t</ng-container>\r\n</ng-container>\r\n", styles: [":host{display:block;height:var(--monaco-config-editor-height, 100%);border:var(--monaco-config-editor-border, 1px solid var(--monaco-border-color, #bbb))}\n"], components: [{ type: NdfTableComponent, selector: "app-ndf-table", inputs: ["rows", "totalRecords", "autoCalculateHeight", "emptyMessage", "activeQuery", "configPath", "styleClass", "configTransformer", "tableKey", "jsonEditorEnabled", "config", "customCriteria", "searchTerm"], outputs: ["onRowSelected", "onRowIndexSelected", "actionOnRow", "onGettingData", "onMultiRowSelected", "onLoading", "onPage", "onInitialized", "onLoaded", "onQueryChange", "onSort"] }, { type: NdfReportsComponent, selector: "app-ndf-reports", inputs: ["jsonEditorEnabled", "reportsKey", "navigateRoute", "loadCondition", "config"], outputs: ["onQueryChange"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4__namespace$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "validateObject": ValidateObjectPipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigPreviewComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -52375,6 +52593,7 @@
   exports.TableColumnsTogglerComponent = TableColumnsTogglerComponent;
   exports.TableComponent = TableComponent;
   exports.TableExportComponent = TableExportComponent;
+  exports.TableHooksService = TableHooksService;
   exports.TableModule = TableModule;
   exports.TableSkeletonComponent = TableSkeletonComponent;
   exports.TagsApiService = TagsApiService;