nuxeo-development-framework 6.1.5 → 6.1.7

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('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('string-hash'), require('ngx-mask'), require('moment/moment'), 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', 'string-hash', 'ngx-mask', 'moment/moment', '@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.stringHash, global.i5$4, global.moment$8, 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, stringHash, i5$4, moment$8, 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('@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('ngx-markdown'), require('@kurkle/color'), 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', '@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', 'ngx-markdown', '@kurkle/color', '@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.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.i2$8, global.colorLib, 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, 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, i2$8, colorLib, i6$4, _flatMap, i1$e) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -76,7 +76,6 @@
   var i1__namespace$b = /*#__PURE__*/_interopNamespace(i1$c);
   var i7__namespace$3 = /*#__PURE__*/_interopNamespace(i7$3);
   var i5__namespace$3 = /*#__PURE__*/_interopNamespace(i5$3);
-  var stringHash__default = /*#__PURE__*/_interopDefaultLegacy(stringHash);
   var i5__namespace$4 = /*#__PURE__*/_interopNamespace(i5$4);
   var moment__namespace$1 = /*#__PURE__*/_interopNamespace(moment$8);
   var i5__namespace$5 = /*#__PURE__*/_interopNamespace(i5$5);
@@ -93,8 +92,8 @@
   var localeEn__default = /*#__PURE__*/_interopDefaultLegacy(localeEn);
   var i2__namespace$7 = /*#__PURE__*/_interopNamespace(i2$7);
   var i7__namespace$4 = /*#__PURE__*/_interopNamespace(i7$4);
-  var colorLib__default = /*#__PURE__*/_interopDefaultLegacy(colorLib);
   var i2__namespace$8 = /*#__PURE__*/_interopNamespace(i2$8);
+  var colorLib__default = /*#__PURE__*/_interopDefaultLegacy(colorLib);
   var i6__namespace$4 = /*#__PURE__*/_interopNamespace(i6$4);
   var _flatMap__default = /*#__PURE__*/_interopDefaultLegacy(_flatMap);
   var i1__namespace$e = /*#__PURE__*/_interopNamespace(i1$e);
@@ -16321,11 +16320,13 @@
               payload: {
                   name: query.field || fieldConfig.fieldKey,
                   operator: (_a = query.operator) !== null && _a !== void 0 ? _a : COMPARISON_OPERATOR.like,
-                  value: (query === null || query === void 0 ? void 0 : query.template) ? this.replacePlaceholder(query === null || query === void 0 ? void 0 : query.template, searchText) : "'%" + searchText + "%'"
-              }
+                  value: (query === null || query === void 0 ? void 0 : query.template)
+                      ? this.replacePlaceholder(query === null || query === void 0 ? void 0 : query.template, searchText)
+                      : "'%" + searchText + "%'",
+              },
           }).pipe(operators.map(function (response) { return Object.values(response)[0]; }), operators.switchMap(function (response) { return _this._aggregationService.prepareAggregationFiled({
               fieldConfig: fieldConfig,
-              aggregation: response
+              aggregation: response,
           }); }));
       };
       FilterAutocompleteService.prototype.replacePlaceholder = function (template, searchText) {
@@ -16338,7 +16339,7 @@
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FilterAutocompleteService, decorators: [{
               type: i0.Injectable,
               args: [{
-                      providedIn: 'root'
+                      providedIn: 'root',
                   }]
           }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; } });
 
@@ -16412,348 +16413,6 @@
                   }]
           }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }]; } });
 
-  /**
-   * Creates a secure context for function evaluation that prevents access to the window object.
-   * @returns {Record<string, any>} A secure context object with safe properties.
-   */
-  function createSecureContext() {
-      // Create a secure context with only safe properties
-      return {
-          // Add any safe globals here that should be accessible
-          console: {
-              log: console.log,
-              warn: console.warn,
-              error: console.error
-          },
-          // Add other safe objects/functions as needed
-          Math: Math,
-          Date: Date,
-          Number: Number,
-          String: String,
-          Boolean: Boolean,
-          Array: Array,
-          Object: Object,
-          JSON: JSON,
-          // Prevent access to window
-          window: undefined,
-          self: undefined,
-          globalThis: undefined,
-          _: ___default["default"] // Include lodash if needed, but ensure it's used safely
-      };
-  }
-  /**
-   * A utility class for evaluating expressions, interpolating strings, and working with templates.
-   * This class provides static methods for dynamic evaluation of code, string interpolation,
-   * and template processing with caching capabilities.
-   */
-  var Evaluator = /** @class */ (function () {
-      function Evaluator() {
-      }
-      /**
-       * Creates a function from a string or returns the function if already provided.
-       * Uses a secure context to prevent access to the window object by default.
-       * @param {string|Function} func - The function or string to convert to a function.
-       * @param {...any} params - The parameters to pass to the function.
-       * @param {EvaluatorOptions} [options={}] - Optional configuration for the evaluation.
-       * @returns {Function} - The resulting function.
-       */
-      Evaluator.evaluator = function (func) {
-          var params = [];
-          for (var _i = 1; _i < arguments.length; _i++) {
-              params[_i - 1] = arguments[_i];
-          }
-          // Extract options if the last parameter is an options object
-          var options = {};
-          if (params.length > 0 &&
-              params[params.length - 1] &&
-              typeof params[params.length - 1] === 'object' &&
-              'securityMode' in params[params.length - 1]) {
-              options = params.pop();
-          }
-          if (typeof func === 'function') {
-              return func;
-          }
-          if (typeof params[0] === 'object') {
-              params = _.keys(params[0]);
-          }
-          // Check if we should use secure mode (default) or unsafe mode
-          var securityMode = options.securityMode || 'secure';
-          if (securityMode === 'unsafe') {
-              // In unsafe mode, create a function with access to all globals
-              return new (Function.bind.apply(Function, __spreadArray(__spreadArray([void 0], __read(params)), [func])))();
-          }
-          var sandbox = createSecureContext();
-          var sandboxKeys = Object.keys(sandbox);
-          var sandboxAssignments = sandboxKeys.map(function (key) { return "const " + key + " = sandbox." + key + ";"; }).join('');
-          var wrapper = new (Function.bind.apply(Function, __spreadArray(__spreadArray([void 0], __read(params)), ['sandbox', "" + sandboxAssignments + func])))();
-          return function () {
-              var args = [];
-              for (var _i = 0; _i < arguments.length; _i++) {
-                  args[_i] = arguments[_i];
-              }
-              return wrapper.apply(void 0, __spreadArray(__spreadArray([], __read(args)), [sandbox]));
-          };
-      };
-      /**
-       * Replaces template expressions in a string with values from data.
-       * Supports function calls within templates and fallback values using || syntax.
-       * By default, ensures evaluation happens in a secure context to prevent access to window object.
-       * @param {string} rawTemplate - The template string containing expressions to interpolate.
-       * @param {Record<string, any>} data - The data object containing values to use for interpolation.
-       * @param {EvaluatorOptions} [options={}] - Optional configuration for the interpolation process.
-       * @returns {string} - The interpolated string with all expressions replaced with actual values.
-       */
-      Evaluator.interpolateString = function (rawTemplate, data, options) {
-          if (options === void 0) { options = {}; }
-          if (!rawTemplate) {
-              return '';
-          }
-          if (typeof rawTemplate !== 'string') {
-              return rawTemplate.toString();
-          }
-          // Check if we should use secure mode (default) or unsafe mode
-          var securityMode = options.securityMode || 'secure';
-          // Create a secure data object if needed
-          var secureData = securityMode === 'unsafe'
-              ? data
-              : Object.assign(Object.assign(Object.assign({}, createSecureContext()), data), {
-                  // Ensure these remain undefined
-                  window: undefined, self: undefined, globalThis: undefined
-              });
-          return rawTemplate.replace(/({{\s*(.*?)\s*}})/g, function (match, $1, expression) {
-              if (expression.indexOf('(') !== -1) {
-                  return expression.replace(/([^(]+)\(([^)]+)\s*\);?/, function (_$1, fnName, argsStr) {
-                      fnName = _.trim(fnName);
-                      var func = _.get(secureData, fnName);
-                      if (func) {
-                          if (argsStr) {
-                              var args = argsStr.split(',').map(function (arg) {
-                                  var trimmed = _.trim(arg);
-                                  if (/^['"]/.test(trimmed))
-                                      return trimmed.slice(1, -1);
-                                  return _.get(secureData, trimmed);
-                              });
-                              return Evaluator.evaluate(func, args, '', false, secureData, options);
-                          }
-                          return Evaluator.evaluate(func, [], '', false, secureData, options);
-                      }
-                      return '';
-                  });
-              }
-              else {
-                  var dataPath = expression;
-                  if (expression.indexOf('?') !== -1) {
-                      dataPath = expression.replace(/\?\./g, '.');
-                  }
-                  var parts = dataPath.split('||').map(function (item) { return item.trim(); });
-                  var value = '';
-                  var path = '';
-                  for (var i = 0; i < parts.length; i++) {
-                      path = parts[i];
-                      if (___default["default"].has(secureData, path)) {
-                          value = ___default["default"].get(secureData, path);
-                          break;
-                      }
-                  }
-                  if (options.data) {
-                      _.set(options.data, path, value);
-                  }
-                  return value;
-              }
-          });
-      };
-      /**
-       * Performs an evaluation using the evaluation context of this component.
-       * By default, ensures evaluation happens in a secure context to prevent access to window object.
-       * @param {string|Function|object} func - The function or string to evaluate.
-       * @param {object} args - The arguments to pass to the evaluation.
-       * @param {string} ret - The name of the variable within the evaluation context to return.
-       * @param {boolean} interpolate - Determines if it should replace all {{ }} token references with actual data.
-       * @param {object} context -   - The evaluation context.
-       * @param {EvaluatorOptions } options - The options to pass to the evaluation.
-       * @returns {*} - The result of the evaluation.
-       */
-      Evaluator.evaluate = function (func, args, ret, interpolate, context, options) {
-          if (args === void 0) { args = {}; }
-          if (ret === void 0) { ret = 'show'; }
-          if (interpolate === void 0) { interpolate = false; }
-          if (context === void 0) { context = {}; }
-          if (options === void 0) { options = {}; }
-          var returnVal = null;
-          var field = args.field ? args.field : { key: 'unknown' };
-          var fieldKey = field.key;
-          if (typeof func === 'string') {
-              if (ret) {
-                  func = "var " + ret + ";" + func + ";return " + ret;
-              }
-              if (interpolate) {
-                  func = Evaluator.interpolate(func, args, options);
-              }
-              try {
-                  // Pass the security mode option to the evaluator
-                  var evaluatorOptions = { securityMode: options.securityMode || 'secure' };
-                  func = Evaluator.evaluator(func, args, context, evaluatorOptions);
-                  args = Array.isArray(args) ? args : _.values(args);
-              }
-              catch (err) {
-                  console.warn("An error occured within the custom function for " + fieldKey, err);
-                  returnVal = null;
-                  func = false;
-              }
-          }
-          if (typeof func === 'function') {
-              try {
-                  returnVal = Evaluator.execute(func, args, context, options);
-              }
-              catch (err) {
-                  returnVal = null;
-                  console.warn("An error occured within custom function for " + fieldKey, err);
-              }
-          }
-          else if (func) {
-              console.warn("Unknown function type for " + fieldKey);
-          }
-          return returnVal;
-      };
-      /**
-       * Executes a function with provided arguments and context.
-       * By default, ensures execution happens in a secure context to prevent access to window object.
-       * @param {Function} func - The function to execute.
-       * @param {any[]|Record<string, any>} args - The arguments to pass to the function, either as an array or object.
-       * @param {Record<string, any>} [context={}] - The context (this) to use when executing the function.
-       * @param {EvaluatorOptions} [options={}] - Optional configuration for the execution.
-       * @returns {any} - The result of the function execution.
-       */
-      Evaluator.execute = function (func, args, context, options) {
-          if (context === void 0) { context = {}; }
-          if (options === void 0) { options = {}; }
-          // Check if we should use secure mode (default) or unsafe mode
-          var securityMode = options.securityMode || 'secure';
-          if (securityMode === 'unsafe') {
-              // In unsafe mode, execute with the original context
-              return Array.isArray(args) ? func.apply(context, args) : func.call(context, args);
-          }
-          else {
-              // In secure mode, create a secure context by merging the provided context with our secure context
-              var secureContext = Object.assign(Object.assign(Object.assign({}, createSecureContext()), context), {
-                  // Ensure these remain undefined even if they were in the provided context
-                  window: undefined, self: undefined, globalThis: undefined
-              });
-              // Execute the function with the secure context
-              return Array.isArray(args) ? func.apply(secureContext, args) : func.call(secureContext, args);
-          }
-      };
-      /**
-       * Creates a template function from a string with caching for performance.
-       * By default, ensures the template function executes in a secure context.
-       * @param {string} template - The template string to compile into a function.
-       * @param {string} [hash] - Optional hash to use as cache key. If not provided, a hash will be generated from the template.
-       * @param {EvaluatorOptions} [options={}] - Optional configuration for the template.
-       * @returns {Function|undefined} - The compiled template function, or undefined if compilation fails.
-       */
-      Evaluator.template = function (template, hash, options) {
-          if (options === void 0) { options = {}; }
-          hash = hash || stringHash__default["default"](template).toString();
-          // If hash contains options object, extract it
-          if (typeof hash === 'object' && 'securityMode' in hash) {
-              options = hash;
-              hash = stringHash__default["default"](template).toString();
-          }
-          // Check if we have a cached version
-          var cacheKey = hash + (options.securityMode || 'secure');
-          if (Evaluator.cache[cacheKey]) {
-              return Evaluator.cache[cacheKey];
-          }
-          try {
-              template = template.replace(/ctx\./g, '');
-              // Create the template function using lodash
-              var templateFunc_1 = ___default["default"].template(template, Evaluator.templateSettings);
-              // Check if we should use secure mode (default) or unsafe mode
-              var securityMode = options.securityMode || 'secure';
-              if (securityMode === 'unsafe') {
-                  // In unsafe mode, return the original template function
-                  return (Evaluator.cache[cacheKey] = templateFunc_1);
-              }
-              else {
-                  // In secure mode, wrap the template function to ensure it runs in a secure context
-                  var secureTemplateFunc = function (data) {
-                      // Create a secure context for the template
-                      var secureData = Object.assign(Object.assign(Object.assign({}, createSecureContext()), data), {
-                          // Ensure these remain undefined
-                          window: undefined, self: undefined, globalThis: undefined
-                      });
-                      return templateFunc_1(secureData);
-                  };
-                  // Cache and return the secure template function
-                  return (Evaluator.cache[cacheKey] = secureTemplateFunc);
-              }
-          }
-          catch (err) {
-              console.warn('Error while processing template', err, template);
-              return undefined;
-          }
-      };
-      /**
-       * Interpolates a template with data, handling both function templates and string templates.
-       * By default, ensures interpolation happens in a secure context to prevent access to window object.
-       * @param {string|Function} rawTemplate - The template to interpolate, either as a string or a function.
-       * @param {Record<string, any>} data - The data object to use for interpolation.
-       * @param {EvaluatorOptions} options - Options for the interpolation process.
-       * @returns {string|any} - The result of the interpolation, typically a string but could be any type depending on the template.
-       */
-      Evaluator.interpolate = function (rawTemplate, data, options) {
-          if (options === void 0) { options = {}; }
-          if (typeof rawTemplate === 'function') {
-              try {
-                  // If the template is a function, execute it with the data
-                  // We can't directly secure a provided function, but we can use execute
-                  // to run it in a secure context if needed
-                  if (options.securityMode !== 'unsafe') {
-                      var secureData = Object.assign(Object.assign(Object.assign({}, createSecureContext()), data), { window: undefined, self: undefined, globalThis: undefined });
-                      return rawTemplate(secureData);
-                  }
-                  else {
-                      return rawTemplate(data);
-                  }
-              }
-              catch (err) {
-                  console.warn('Error interpolating template', err, data);
-                  return err.message;
-              }
-          }
-          rawTemplate = String(rawTemplate);
-          // Pass the security mode option to the template method
-          var template = Evaluator.template(rawTemplate, undefined, options);
-          if (typeof template === 'function') {
-              try {
-                  return template(data);
-              }
-              catch (err) {
-                  console.warn('Error interpolating template', err, rawTemplate, data);
-                  return err.message;
-              }
-          }
-          return template;
-      };
-      return Evaluator;
-  }());
-  /**
-   * Cache for storing compiled template functions to improve performance.
-   * Keys are string hashes of the template, values are the compiled functions.
-   */
-  Evaluator.cache = {};
-  /**
-   * Settings for template processing, defining regex patterns for different template operations.
-   * - interpolate: Pattern for variable interpolation ({{ variable }})
-   * - evaluate: Pattern for code evaluation ({% code %})
-   * - escape: Pattern for HTML escaping ({{{ variable }}})
-   */
-  Evaluator.templateSettings = {
-      interpolate: /{{([\s\S]+?)}}/g,
-      evaluate: /\{%([\s\S]+?)%\}/g,
-      escape: /\{\{\{([\s\S]+?)\}\}\}/g
-  };
-
   var EvaluatorLabelPipe = /** @class */ (function () {
       /**
        *
@@ -16766,7 +16425,7 @@
               return '';
           }
           try {
-              var text = Evaluator.interpolate(option.labelTemplate, {
+              var text = formiojs.Utils.interpolate(option.labelTemplate, {
                   language: language,
                   option: option,
                   moment: moment__namespace,
@@ -20847,11 +20506,6 @@
                   type: i0.Input
               }] } });
 
-  var NDF_EDITOR_TYPE = {
-      REPORTS: 'report',
-      TABLES: 'table'
-  };
-
   var BaseField = /** @class */ (function (_super) {
       __extends(BaseField, _super);
       function BaseField() {
@@ -21246,7 +20900,7 @@
           var _a;
           this.formGroup.patchValue(obj.query, {
               emitEvent: (_a = obj === null || obj === void 0 ? void 0 : obj.emitEvent) !== null && _a !== void 0 ? _a : true,
-              onlySelf: obj === null || obj === void 0 ? void 0 : obj.onlySelf
+              onlySelf: obj === null || obj === void 0 ? void 0 : obj.onlySelf,
           });
       };
       FiltersPanelComponent.prototype._prepareFiltersForm = function () {
@@ -21306,12 +20960,12 @@
               var condition = (_a = field.config) === null || _a === void 0 ? void 0 : _a.condition;
               try {
                   var isVisible = !condition ||
-                      Evaluator.evaluate(condition, ___default["default"].cloneDeep({
+                      formiojs.Utils.evaluate(condition, ___default["default"].cloneDeep({
                           aggregations: _this.aggregations,
                           language: _this.currentLang,
                           user: _this.nuxeoService.nuxeoClient.user,
-                          values: _this.formGroup.getRawValue()
-                      }));
+                          values: _this.formGroup.getRawValue(),
+                      }), 'show');
                   _this.visibleFields[fieldKey] = isVisible;
                   if (!isVisible) {
                       var control = _this.formGroup.get(fieldKey);
@@ -21337,7 +20991,7 @@
                       selector: 'app-filters-panel',
                       templateUrl: './filters-panel.component.html',
                       styleUrls: ['./filters-panel.component.scss'],
-                      changeDetection: i0.ChangeDetectionStrategy.OnPush
+                      changeDetection: i0.ChangeDetectionStrategy.OnPush,
                   }]
           }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }, { type: NuxeoService }]; }, propDecorators: { aggregations: [{
                   type: i0.Input
@@ -21449,7 +21103,12 @@
               return true;
           }
           try {
-              return Evaluator.evaluate(condition, ___default["default"].cloneDeep({ aggregations: aggregations, language: language, user: this.user, values: filterValues }));
+              return formiojs.Utils.evaluate(condition, ___default["default"].cloneDeep({
+                  aggregations: aggregations,
+                  language: language,
+                  user: this.user,
+                  values: filterValues,
+              }), 'show');
           }
           catch (error) {
               console.error({ error: error });
@@ -21463,7 +21122,7 @@
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CheckConditionPipe$1, decorators: [{
               type: i0.Pipe,
               args: [{
-                      name: 'checkCondition'
+                      name: 'checkCondition',
                   }]
           }], ctorParameters: function () { return [{ type: NuxeoService }]; } });
 
@@ -22052,6 +21711,11 @@
       }
   ];
 
+  var NDF_EDITOR_TYPE = {
+      REPORTS: 'report',
+      TABLES: 'table'
+  };
+
   var EMPTY_TEMPLATE = new i0.InjectionToken('EmptyTemplateDirective');
   var EmptyTemplateDirective = /** @class */ (function () {
       function EmptyTemplateDirective(template) {
@@ -22160,7 +21824,7 @@
       TableHooksService.prototype.evaluate = function (expr, payload) {
           try {
               var context = { criteria: payload };
-              var result = Evaluator.evaluate(expr, context, 'payload');
+              var result = formiojs.Utils.evaluate(expr, context, 'payload');
               return result !== null && result !== void 0 ? result : payload;
           }
           catch (e) {
@@ -22175,7 +21839,7 @@
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TableHooksService, decorators: [{
               type: i0.Injectable,
               args: [{
-                      providedIn: 'root'
+                      providedIn: 'root',
                   }]
           }] });
 
@@ -30121,6 +29785,7 @@
           WebViewer__default["default"]({
               path: this.baseHref + '/assets/pdftrons',
           }, document.getElementById('global-pdftron')).then(function (instance) {
+              instance.CoreControls.disableEmbeddedJavaScript();
               _this.saveOptions = instance.CoreControls.SaveOptions;
               _this.instance = instance;
           });
@@ -38276,6 +37941,210 @@
                   }]
           }], ctorParameters: function () { return []; } });
 
+  var NdfTronExtractText = /** @class */ (function (_super) {
+      __extends(NdfTronExtractText, _super);
+      function NdfTronExtractText(pdfTronService, renderer, injector) {
+          var _this = _super.call(this, injector) || this;
+          _this.pdfTronService = pdfTronService;
+          _this.renderer = renderer;
+          _this.injector = injector;
+          _this.listnerAdded = false;
+          _this.detectionRectColor = {
+              R: 255,
+              G: 230,
+              B: 162,
+              A: 1
+          };
+          _this.focusedField = '';
+          _this.focusedFieldPrefix = '';
+          _this.onExtractText = new i0.EventEmitter();
+          _this.extractedText = '';
+          _this.savedCoordinates = [];
+          _this.onAnnotationsChange = function (annotations, action) {
+              var _a;
+              _this.extractedText = '';
+              var _f = (_a = _this.pdfTronService) === null || _a === void 0 ? void 0 : _a.instance, annotManager = _f.annotManager, docViewer = _f.docViewer, Annotations = _f.Annotations;
+              if (action === 'add') {
+                  annotations.forEach(function (annot) {
+                      var _a;
+                      if (annot instanceof ((_a = _this.pdfTronService) === null || _a === void 0 ? void 0 : _a.instance.Annotations.RectangleAnnotation)) {
+                          _this.rect = annot.getRect();
+                          if (_this.currentPageNum != docViewer.getCurrentPage()) {
+                              _this.currentPageNum = docViewer.getCurrentPage();
+                              _this.targetPage = _this.pagesZones.pages[_this.currentPageNum - 1];
+                              _this.allWords = _this.getAllWordsInThePage();
+                          }
+                          var pageHeight = _this.targetPage.page_height;
+                          var pageWidth = _this.targetPage.page_width;
+                          var standardHeight = docViewer.getPageHeight(_this.currentPageNum);
+                          var standardWidth = docViewer.getPageWidth(_this.currentPageNum);
+                          var widthRatio_1 = pageWidth / standardWidth;
+                          var heightRatio_1 = pageHeight / standardHeight;
+                          _this.allWords.forEach(function (word) {
+                              if (word.coordinates.upper_left.x >= widthRatio_1 * _this.rect.x1 &&
+                                  word.coordinates.upper_left.y >= heightRatio_1 * _this.rect.y1 &&
+                                  word.coordinates.bottom_right.x <= widthRatio_1 * _this.rect.x2 &&
+                                  word.coordinates.bottom_right.y <= heightRatio_1 * _this.rect.y2) {
+                                  _this.extractedText += word.text + ' ';
+                              }
+                          });
+                          if (_this.extractedText) {
+                              _this.onExtractText.emit(_this.extractedText);
+                              _this.addFieldNameToRectangle(docViewer, annotManager, Annotations);
+                              _this.holdDrawedRectangleCoordinates({
+                                  width: widthRatio_1,
+                                  height: heightRatio_1
+                              });
+                          }
+                      }
+                  });
+              }
+          };
+          _this.initiateTextDimensions();
+          _this.routerService.events.pipe(operators.takeUntil(_this.destroy$)).subscribe(function (res) {
+              var _a;
+              if (res instanceof i1$3.NavigationStart) {
+                  var _f = (_a = _this.pdfTronService) === null || _a === void 0 ? void 0 : _a.instance, annotManager = _f.annotManager, docViewer = _f.docViewer;
+                  annotManager.off('annotationChanged', _this.onAnnotationsChange);
+                  docViewer.off('documentLoaded', _this.enableAnnotationRectangle);
+              }
+          });
+          return _this;
+      }
+      NdfTronExtractText.prototype.ngOnChanges = function (changes) {
+          if (changes.focusedField || changes.pagesZones) {
+              this.enableAnnotationRectangle();
+          }
+      };
+      NdfTronExtractText.prototype.enableAnnotationRectangle = function () {
+          var _a, _b, _c, _d, _e;
+          if (this.focusedField && ((_a = this.pagesZones.pages) === null || _a === void 0 ? void 0 : _a.length)) {
+              (_c = (_b = this.pdfTronService) === null || _b === void 0 ? void 0 : _b.instance) === null || _c === void 0 ? void 0 : _c.setToolMode('AnnotationCreateRectangle');
+              this.focusedLabelDimensions = this.calculateWidthOfText();
+          }
+          else {
+              (_e = (_d = this.pdfTronService) === null || _d === void 0 ? void 0 : _d.instance) === null || _e === void 0 ? void 0 : _e.setToolMode('TextSelect');
+              this.initiateTextDimensions();
+          }
+      };
+      NdfTronExtractText.prototype.ngAfterViewChecked = function () {
+          var _a, _b;
+          if (((_a = this.pdfTronService) === null || _a === void 0 ? void 0 : _a.instance) && !this.listnerAdded && this.pagesZones) {
+              this.listnerAdded = true;
+              var _f = (_b = this.pdfTronService) === null || _b === void 0 ? void 0 : _b.instance, annotManager = _f.annotManager, docViewer = _f.docViewer;
+              docViewer.on('documentLoaded', this.enableAnnotationRectangle);
+              this.setColorOfRectangle(docViewer);
+              annotManager.on('annotationChanged', this.onAnnotationsChange);
+          }
+      };
+      NdfTronExtractText.prototype.setColorOfRectangle = function (docViewer) {
+          var rectangleTool = docViewer.getTool('AnnotationCreateRectangle');
+          rectangleTool.defaults = {
+              StrokeColor: this.detectionRectColor,
+              FillColor: this.detectionRectColor,
+              StrokeThickness: 2,
+              Opacity: 0.4
+          };
+      };
+      NdfTronExtractText.prototype.addFieldNameToRectangle = function (docViewer, annotManager, Annotations) {
+          var _f = this.rect, x1 = _f.x1, x2 = _f.x2, y1 = _f.y1, y2 = _f.y2;
+          if (this.focusedField) {
+              var textAnnot = new Annotations.FreeTextAnnotation();
+              textAnnot.PageNumber = docViewer.getCurrentPage();
+              var rectWidth = x2 - x1;
+              var rectHeight = y2 - y1;
+              if (this.focusedLabelDimensions.width > rectWidth || this.focusedLabelDimensions.height > rectHeight) {
+                  textAnnot.X = x1;
+                  textAnnot.Y = y1 - 15;
+              }
+              else {
+                  textAnnot.X = x1 + rectWidth / 2 - this.focusedLabelDimensions.width / 2;
+                  textAnnot.Y = y1 + rectHeight / 2 - this.focusedLabelDimensions.height / 2;
+              }
+              textAnnot.Width = this.focusedLabelDimensions.width;
+              textAnnot.Height = this.focusedLabelDimensions.height;
+              textAnnot.FontSize = '24px';
+              textAnnot.setPadding(new Annotations.Rect(0, 0, 0, 0));
+              textAnnot.TextColor = new Annotations.Color(83, 70, 199);
+              textAnnot.setContents(this.translatedLabel);
+              textAnnot.StrokeThickness = 0;
+              annotManager.addAnnotation(textAnnot);
+              annotManager.redrawAnnotation(textAnnot);
+          }
+      };
+      NdfTronExtractText.prototype.holdDrawedRectangleCoordinates = function (ratio) {
+          var _this = this;
+          var _windowCoordinates = {
+              x1: ratio.width * this.rect.x1,
+              x2: ratio.width * this.rect.x2,
+              y1: ratio.height * this.rect.y1,
+              y2: ratio.height * this.rect.y2
+          };
+          var index = this.savedCoordinates.findIndex(function (elem) { return elem.fieldName === _this.focusedField; });
+          if (index > -1) {
+              this.savedCoordinates[index].coordinates.push({
+                  pdfTronCoordinate: this.rect,
+                  windowCoordinate: _windowCoordinates
+              });
+          }
+          else {
+              this.savedCoordinates.push({
+                  fieldName: this.focusedField,
+                  coordinates: [
+                      {
+                          pdfTronCoordinate: this.rect,
+                          windowCoordinate: _windowCoordinates
+                      }
+                  ]
+              });
+          }
+      };
+      NdfTronExtractText.prototype.getAllWordsInThePage = function () {
+          return _.flatMap(this.targetPage.zones, function (zone) { return _.flatMap(zone.paragraphs, function (paragraph) { return _.flatMap(paragraph.lines, function (line) { return _.map(line.words); }); }); });
+      };
+      NdfTronExtractText.prototype.initiateTextDimensions = function () {
+          this.focusedLabelDimensions = { width: 0, height: 0 };
+      };
+      NdfTronExtractText.prototype.calculateWidthOfText = function () {
+          var span = this.renderer.createElement('span');
+          var textNode = this.renderer.createText(this.translatedLabel);
+          this.renderer.appendChild(span, textNode);
+          this.renderer.setStyle(span, 'font-size', '24px');
+          this.renderer.setStyle(span, 'visibility', 'hidden');
+          this.renderer.setStyle(span, 'position', 'absolute');
+          this.renderer.appendChild(document.body, span);
+          var dimensions = { width: span.clientWidth, height: span.clientHeight };
+          this.renderer.removeChild(document.body, span);
+          return dimensions;
+      };
+      Object.defineProperty(NdfTronExtractText.prototype, "translatedLabel", {
+          get: function () {
+              return this.translateService.instant(this.focusedFieldPrefix + this.focusedField);
+          },
+          enumerable: false,
+          configurable: true
+      });
+      return NdfTronExtractText;
+  }(BaseComponent));
+  NdfTronExtractText.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTronExtractText, deps: [{ token: PdftronService }, { token: i0__namespace.Renderer2 }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+  NdfTronExtractText.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: NdfTronExtractText, selector: "[ndfTronExtractText]", inputs: { pagesZones: "pagesZones", detectionRectColor: "detectionRectColor", focusedField: "focusedField", focusedFieldPrefix: "focusedFieldPrefix" }, outputs: { onExtractText: "onExtractText" }, usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTronExtractText, decorators: [{
+              type: i0.Directive,
+              args: [{
+                      selector: '[ndfTronExtractText]'
+                  }]
+          }], ctorParameters: function () { return [{ type: PdftronService }, { type: i0__namespace.Renderer2 }, { type: i0__namespace.Injector }]; }, propDecorators: { pagesZones: [{
+                  type: i0.Input
+              }], detectionRectColor: [{
+                  type: i0.Input
+              }], focusedField: [{
+                  type: i0.Input
+              }], focusedFieldPrefix: [{
+                  type: i0.Input
+              }], onExtractText: [{
+                  type: i0.Output
+              }] } });
+
   var _SilentPdfTronService_instances, _SilentPdfTronService_webViewerInstance, _SilentPdfTronService_webViewerElement, _SilentPdfTronService_isInitialized, _SilentPdfTronService_initializationPromise, _SilentPdfTronService_isArabic, _SilentPdfTronService_isEnabled, _SilentPdfTronService_initializeWebViewer;
   var SilentPdfTronService = /** @class */ (function () {
       function SilentPdfTronService(baseHref, translationService, environment, nuxeo) {
@@ -38346,6 +38215,7 @@
           disabledElements: ['downloadButton', 'printButton']
       }, __classPrivateFieldGet(this, _SilentPdfTronService_webViewerElement, "f"))
           .then(function (instance) {
+          instance.CoreControls.disableEmbeddedJavaScript();
           __classPrivateFieldSet(_this, _SilentPdfTronService_webViewerInstance, instance, "f");
           __classPrivateFieldSet(_this, _SilentPdfTronService_isInitialized, true, "f");
       })
@@ -39124,6 +38994,7 @@
       });
   }, _PdftronComponent_afterLoadWebViewer = function _PdftronComponent_afterLoadWebViewer(instance) {
       var _a, _b;
+      instance.CoreControls.disableEmbeddedJavaScript();
       this.isArabic ? instance.setLanguage('ar') : instance.setLanguage('en');
       this.pdftronService.instance = this.webViewerInstance = instance;
       if (this.correspondance.facets.indexOf('ctocr') > -1 && ((_b = (_a = this.correspondance) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b['ctocr:recognizedJson'])) {
@@ -39252,210 +39123,6 @@
                   type: i0.Output
               }] } });
 
-  var NdfTronExtractText = /** @class */ (function (_super) {
-      __extends(NdfTronExtractText, _super);
-      function NdfTronExtractText(pdfTronService, renderer, injector) {
-          var _this = _super.call(this, injector) || this;
-          _this.pdfTronService = pdfTronService;
-          _this.renderer = renderer;
-          _this.injector = injector;
-          _this.listnerAdded = false;
-          _this.detectionRectColor = {
-              R: 255,
-              G: 230,
-              B: 162,
-              A: 1
-          };
-          _this.focusedField = '';
-          _this.focusedFieldPrefix = '';
-          _this.onExtractText = new i0.EventEmitter();
-          _this.extractedText = '';
-          _this.savedCoordinates = [];
-          _this.onAnnotationsChange = function (annotations, action) {
-              var _a;
-              _this.extractedText = '';
-              var _f = (_a = _this.pdfTronService) === null || _a === void 0 ? void 0 : _a.instance, annotManager = _f.annotManager, docViewer = _f.docViewer, Annotations = _f.Annotations;
-              if (action === 'add') {
-                  annotations.forEach(function (annot) {
-                      var _a;
-                      if (annot instanceof ((_a = _this.pdfTronService) === null || _a === void 0 ? void 0 : _a.instance.Annotations.RectangleAnnotation)) {
-                          _this.rect = annot.getRect();
-                          if (_this.currentPageNum != docViewer.getCurrentPage()) {
-                              _this.currentPageNum = docViewer.getCurrentPage();
-                              _this.targetPage = _this.pagesZones.pages[_this.currentPageNum - 1];
-                              _this.allWords = _this.getAllWordsInThePage();
-                          }
-                          var pageHeight = _this.targetPage.page_height;
-                          var pageWidth = _this.targetPage.page_width;
-                          var standardHeight = docViewer.getPageHeight(_this.currentPageNum);
-                          var standardWidth = docViewer.getPageWidth(_this.currentPageNum);
-                          var widthRatio_1 = pageWidth / standardWidth;
-                          var heightRatio_1 = pageHeight / standardHeight;
-                          _this.allWords.forEach(function (word) {
-                              if (word.coordinates.upper_left.x >= widthRatio_1 * _this.rect.x1 &&
-                                  word.coordinates.upper_left.y >= heightRatio_1 * _this.rect.y1 &&
-                                  word.coordinates.bottom_right.x <= widthRatio_1 * _this.rect.x2 &&
-                                  word.coordinates.bottom_right.y <= heightRatio_1 * _this.rect.y2) {
-                                  _this.extractedText += word.text + ' ';
-                              }
-                          });
-                          if (_this.extractedText) {
-                              _this.onExtractText.emit(_this.extractedText);
-                              _this.addFieldNameToRectangle(docViewer, annotManager, Annotations);
-                              _this.holdDrawedRectangleCoordinates({
-                                  width: widthRatio_1,
-                                  height: heightRatio_1
-                              });
-                          }
-                      }
-                  });
-              }
-          };
-          _this.initiateTextDimensions();
-          _this.routerService.events.pipe(operators.takeUntil(_this.destroy$)).subscribe(function (res) {
-              var _a;
-              if (res instanceof i1$3.NavigationStart) {
-                  var _f = (_a = _this.pdfTronService) === null || _a === void 0 ? void 0 : _a.instance, annotManager = _f.annotManager, docViewer = _f.docViewer;
-                  annotManager.off('annotationChanged', _this.onAnnotationsChange);
-                  docViewer.off('documentLoaded', _this.enableAnnotationRectangle);
-              }
-          });
-          return _this;
-      }
-      NdfTronExtractText.prototype.ngOnChanges = function (changes) {
-          if (changes.focusedField || changes.pagesZones) {
-              this.enableAnnotationRectangle();
-          }
-      };
-      NdfTronExtractText.prototype.enableAnnotationRectangle = function () {
-          var _a, _b, _c, _d, _e;
-          if (this.focusedField && ((_a = this.pagesZones.pages) === null || _a === void 0 ? void 0 : _a.length)) {
-              (_c = (_b = this.pdfTronService) === null || _b === void 0 ? void 0 : _b.instance) === null || _c === void 0 ? void 0 : _c.setToolMode('AnnotationCreateRectangle');
-              this.focusedLabelDimensions = this.calculateWidthOfText();
-          }
-          else {
-              (_e = (_d = this.pdfTronService) === null || _d === void 0 ? void 0 : _d.instance) === null || _e === void 0 ? void 0 : _e.setToolMode('TextSelect');
-              this.initiateTextDimensions();
-          }
-      };
-      NdfTronExtractText.prototype.ngAfterViewChecked = function () {
-          var _a, _b;
-          if (((_a = this.pdfTronService) === null || _a === void 0 ? void 0 : _a.instance) && !this.listnerAdded && this.pagesZones) {
-              this.listnerAdded = true;
-              var _f = (_b = this.pdfTronService) === null || _b === void 0 ? void 0 : _b.instance, annotManager = _f.annotManager, docViewer = _f.docViewer;
-              docViewer.on('documentLoaded', this.enableAnnotationRectangle);
-              this.setColorOfRectangle(docViewer);
-              annotManager.on('annotationChanged', this.onAnnotationsChange);
-          }
-      };
-      NdfTronExtractText.prototype.setColorOfRectangle = function (docViewer) {
-          var rectangleTool = docViewer.getTool('AnnotationCreateRectangle');
-          rectangleTool.defaults = {
-              StrokeColor: this.detectionRectColor,
-              FillColor: this.detectionRectColor,
-              StrokeThickness: 2,
-              Opacity: 0.4
-          };
-      };
-      NdfTronExtractText.prototype.addFieldNameToRectangle = function (docViewer, annotManager, Annotations) {
-          var _f = this.rect, x1 = _f.x1, x2 = _f.x2, y1 = _f.y1, y2 = _f.y2;
-          if (this.focusedField) {
-              var textAnnot = new Annotations.FreeTextAnnotation();
-              textAnnot.PageNumber = docViewer.getCurrentPage();
-              var rectWidth = x2 - x1;
-              var rectHeight = y2 - y1;
-              if (this.focusedLabelDimensions.width > rectWidth || this.focusedLabelDimensions.height > rectHeight) {
-                  textAnnot.X = x1;
-                  textAnnot.Y = y1 - 15;
-              }
-              else {
-                  textAnnot.X = x1 + rectWidth / 2 - this.focusedLabelDimensions.width / 2;
-                  textAnnot.Y = y1 + rectHeight / 2 - this.focusedLabelDimensions.height / 2;
-              }
-              textAnnot.Width = this.focusedLabelDimensions.width;
-              textAnnot.Height = this.focusedLabelDimensions.height;
-              textAnnot.FontSize = '24px';
-              textAnnot.setPadding(new Annotations.Rect(0, 0, 0, 0));
-              textAnnot.TextColor = new Annotations.Color(83, 70, 199);
-              textAnnot.setContents(this.translatedLabel);
-              textAnnot.StrokeThickness = 0;
-              annotManager.addAnnotation(textAnnot);
-              annotManager.redrawAnnotation(textAnnot);
-          }
-      };
-      NdfTronExtractText.prototype.holdDrawedRectangleCoordinates = function (ratio) {
-          var _this = this;
-          var _windowCoordinates = {
-              x1: ratio.width * this.rect.x1,
-              x2: ratio.width * this.rect.x2,
-              y1: ratio.height * this.rect.y1,
-              y2: ratio.height * this.rect.y2
-          };
-          var index = this.savedCoordinates.findIndex(function (elem) { return elem.fieldName === _this.focusedField; });
-          if (index > -1) {
-              this.savedCoordinates[index].coordinates.push({
-                  pdfTronCoordinate: this.rect,
-                  windowCoordinate: _windowCoordinates
-              });
-          }
-          else {
-              this.savedCoordinates.push({
-                  fieldName: this.focusedField,
-                  coordinates: [
-                      {
-                          pdfTronCoordinate: this.rect,
-                          windowCoordinate: _windowCoordinates
-                      }
-                  ]
-              });
-          }
-      };
-      NdfTronExtractText.prototype.getAllWordsInThePage = function () {
-          return _.flatMap(this.targetPage.zones, function (zone) { return _.flatMap(zone.paragraphs, function (paragraph) { return _.flatMap(paragraph.lines, function (line) { return _.map(line.words); }); }); });
-      };
-      NdfTronExtractText.prototype.initiateTextDimensions = function () {
-          this.focusedLabelDimensions = { width: 0, height: 0 };
-      };
-      NdfTronExtractText.prototype.calculateWidthOfText = function () {
-          var span = this.renderer.createElement('span');
-          var textNode = this.renderer.createText(this.translatedLabel);
-          this.renderer.appendChild(span, textNode);
-          this.renderer.setStyle(span, 'font-size', '24px');
-          this.renderer.setStyle(span, 'visibility', 'hidden');
-          this.renderer.setStyle(span, 'position', 'absolute');
-          this.renderer.appendChild(document.body, span);
-          var dimensions = { width: span.clientWidth, height: span.clientHeight };
-          this.renderer.removeChild(document.body, span);
-          return dimensions;
-      };
-      Object.defineProperty(NdfTronExtractText.prototype, "translatedLabel", {
-          get: function () {
-              return this.translateService.instant(this.focusedFieldPrefix + this.focusedField);
-          },
-          enumerable: false,
-          configurable: true
-      });
-      return NdfTronExtractText;
-  }(BaseComponent));
-  NdfTronExtractText.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTronExtractText, deps: [{ token: PdftronService }, { token: i0__namespace.Renderer2 }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-  NdfTronExtractText.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: NdfTronExtractText, selector: "[ndfTronExtractText]", inputs: { pagesZones: "pagesZones", detectionRectColor: "detectionRectColor", focusedField: "focusedField", focusedFieldPrefix: "focusedFieldPrefix" }, outputs: { onExtractText: "onExtractText" }, usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTronExtractText, decorators: [{
-              type: i0.Directive,
-              args: [{
-                      selector: '[ndfTronExtractText]'
-                  }]
-          }], ctorParameters: function () { return [{ type: PdftronService }, { type: i0__namespace.Renderer2 }, { type: i0__namespace.Injector }]; }, propDecorators: { pagesZones: [{
-                  type: i0.Input
-              }], detectionRectColor: [{
-                  type: i0.Input
-              }], focusedField: [{
-                  type: i0.Input
-              }], focusedFieldPrefix: [{
-                  type: i0.Input
-              }], onExtractText: [{
-                  type: i0.Output
-              }] } });
-
   var PdfTronModule = /** @class */ (function () {
       function PdfTronModule() {
       }
@@ -44050,220 +43717,255 @@
               type: i0.Injectable
           }] });
 
-  var NdfPanelComponent = /** @class */ (function () {
-      function NdfPanelComponent() {
-          this.maxBodyHeight = 'auto';
+  var DataAccessService = /** @class */ (function (_super) {
+      __extends(DataAccessService, _super);
+      function DataAccessService(injector) {
+          return _super.call(this, injector) || this;
       }
-      return NdfPanelComponent;
-  }());
-  NdfPanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  NdfPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfPanelComponent, selector: "ndf-panel", inputs: { maxBodyHeight: "maxBodyHeight" }, queries: [{ propertyName: "panelHeader", first: true, predicate: ["panelHeader"], descendants: true, read: i0.TemplateRef }, { propertyName: "panelBody", first: true, predicate: ["panelBody"], descendants: true, read: i0.TemplateRef }, { propertyName: "panelFooter", first: true, predicate: ["panelFooter"], descendants: true, read: i0.TemplateRef }], ngImport: i0__namespace, template: "<div class=\"scroll-panel\">\r\n\t<div class=\"header\">\r\n\t\t<ng-container [ngTemplateOutlet]=\"panelHeader\"></ng-container>\r\n\t</div>\r\n\r\n\t<div class=\"body\" [style.maxHeight]=\"maxBodyHeight\">\r\n\t\t<ng-container [ngTemplateOutlet]=\"panelBody\"></ng-container>\r\n\t</div>\r\n\r\n\t<div class=\"footer\">\r\n\t\t<ng-container [ngTemplateOutlet]=\"panelFooter\"></ng-container>\r\n\t</div>\r\n</div>\r\n", styles: [".scroll-panel{display:var(--ndf-panel-display, flex);flex-direction:var(--ndf-panel-flex-direction, column);height:var(--ndf-panel-height, calc(100dvh - 65px));border:1px solid var(--ndf-panel-main-border)}.header{flex:var(--ndf-panel-header-flex, 0 0 auto);color:var(--ndf-panel-color, #3b3b3c);background-color:var(--ndf-panel-bg, #f6f9f5);border-bottom:1px solid var(--ndf-panel-border-color, #e7e7e7)}.footer{border-top:1px solid var(--ndf-panel-border-color, #e7e7e7)}.body{flex:var(--ndf-panel-body-flex, 1 1 auto);overflow-y:var(--ndf-panel-body-overflow-y, auto);min-height:var(--ndf-panel-body-min-height, 0)}\n"], directives: [{ type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelComponent, decorators: [{
-              type: i0.Component,
+      DataAccessService.prototype.saveData = function (payload) {
+          return this.customAutomation({
+              operation: 'AC_UA_Create_UI_Configuration',
+              context: payload
+          });
+      };
+      return DataAccessService;
+  }(BaseEditorConfigService));
+  DataAccessService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataAccessService, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  DataAccessService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataAccessService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataAccessService, decorators: [{
+              type: i0.Injectable,
               args: [{
-                      selector: 'ndf-panel',
-                      templateUrl: './ndf-panel.component.html',
-                      styleUrls: ['./ndf-panel.component.scss'],
-                      changeDetection: i0.ChangeDetectionStrategy.OnPush
+                      providedIn: 'root'
                   }]
-          }], propDecorators: { maxBodyHeight: [{
-                  type: i0.Input
-              }], panelHeader: [{
-                  type: i0.ContentChild,
-                  args: ['panelHeader', { read: i0.TemplateRef }]
-              }], panelBody: [{
-                  type: i0.ContentChild,
-                  args: ['panelBody', { read: i0.TemplateRef }]
-              }], panelFooter: [{
-                  type: i0.ContentChild,
-                  args: ['panelFooter', { read: i0.TemplateRef }]
-              }] } });
+          }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; } });
 
-  var NdfPanelModule = /** @class */ (function () {
-      function NdfPanelModule() {
-      }
-      return NdfPanelModule;
-  }());
-  NdfPanelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  NdfPanelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelModule, declarations: [NdfPanelComponent], imports: [i4.CommonModule], exports: [NdfPanelComponent] });
-  NdfPanelModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelModule, imports: [[i4.CommonModule]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      declarations: [NdfPanelComponent],
-                      imports: [i4.CommonModule],
-                      exports: [NdfPanelComponent]
-                  }]
-          }] });
+  var METADATA_EDITOR_OPTIONS = new i0.InjectionToken('METADATA_EDITOR_CONFIG');
 
-  var NdfTabsComponent = /** @class */ (function (_super) {
-      __extends(NdfTabsComponent, _super);
-      function NdfTabsComponent(injector, evaluatorsService) {
-          var _this = _super.call(this, injector) || this;
-          _this.evaluatorsService = evaluatorsService;
-          _this.isAllowdTabFn = function (_) { return true; };
-          _this._showHeader = true;
-          _this.activeTabEmitter = new i0.EventEmitter();
-          _this.checkingPermission = false;
-          return _this;
+  var DataStoreService = /** @class */ (function () {
+      function DataStoreService(dataAccessService, environment, options) {
+          this.dataAccessService = dataAccessService;
+          this.environment = environment;
+          this.options = options;
+          this._editorTypeSubject = new rxjs.BehaviorSubject(NDF_EDITOR_TYPE.TABLES);
+          this.editorType$ = this._editorTypeSubject.asObservable();
+          this._editorModeSubject = new rxjs.BehaviorSubject(CONFIG_EDITOR_MODE.EDIT);
+          this.editorMode$ = this._editorModeSubject.asObservable();
+          this._dataSubject = new rxjs.BehaviorSubject('{\n"key": "value"\n}');
+          this.editorData$ = this._dataSubject.asObservable();
+          this.previewData$ = this._dataSubject.asObservable().pipe(operators.map(function (result) { return JSON.parse(result); }));
       }
-      Object.defineProperty(NdfTabsComponent.prototype, "showHeader", {
+      Object.defineProperty(DataStoreService.prototype, "editorMode", {
           get: function () {
-              return this._showHeader;
-          },
-          set: function (value) {
-              this._showHeader = value;
+              return this._editorModeSubject.getValue();
           },
           enumerable: false,
           configurable: true
       });
-      NdfTabsComponent.prototype.ngOnInit = function () {
-          this.checkTabsPermissions();
-      };
-      NdfTabsComponent.prototype.checkTabsPermissions = function () {
-          var _this = this;
-          this.checkingPermission = true;
-          var permissionCalls = [];
-          var createPermissionCall = function (id, permission, secondaryTab) {
-              if (secondaryTab === void 0) { secondaryTab = false; }
-              if (permission) {
-                  return rxjs.from(_this.evaluatorsService.evaluateRule(permission)).pipe(operators.map(function (res) { return ({ id: id, enabled: res, secondaryTab: secondaryTab }); }));
-              }
-              return rxjs.of({ id: id, enabled: true, secondaryTab: secondaryTab });
-          };
-          this.tabs.forEach(function (tab) {
-              var _a;
-              permissionCalls.push(createPermissionCall(tab.id, tab.permission));
-              (_a = tab.secondary_tabs) === null || _a === void 0 ? void 0 : _a.forEach(function (subTab) {
-                  permissionCalls.push(createPermissionCall(subTab.id, subTab.permission, true));
-              });
-          });
-          rxjs.forkJoin(permissionCalls)
-              .pipe(operators.takeUntil(this.destroy$), operators.tap(function (results) {
-              var secondaryTabsPerms = results.filter(function (r) { return r.secondaryTab; });
-              var primaryTabsPerms = results.filter(function (r) { return !r.secondaryTab; });
-              var filteredTabs = _.cloneDeep(_this.tabs);
-              filteredTabs = filteredTabs
-                  .filter(function (tab) { return primaryTabsPerms.some(function (p) { return p.id === tab.id && p.enabled; }); })
-                  .map(function (tab) {
-                  var _a;
-                  if ((_a = tab.secondary_tabs) === null || _a === void 0 ? void 0 : _a.length) {
-                      tab.secondary_tabs = tab.secondary_tabs.filter(function (sub) { return secondaryTabsPerms.some(function (p) { return p.id === sub.id && p.enabled; }); });
-                  }
-                  return tab;
-              });
-              _this.tabs = filteredTabs;
-          }))
-              .subscribe(function () {
-              if (_this.tabs.length && !_this.activeTab) {
-                  _this.activateTab(_this.tabs[0]);
-              }
-              _this.checkingPermission = false;
-          });
-      };
-      Object.defineProperty(NdfTabsComponent.prototype, "activatedTabId", {
+      Object.defineProperty(DataStoreService.prototype, "type", {
           get: function () {
-              var _a, _b, _c;
-              return (_a = this.activeTab) !== null && _a !== void 0 ? _a : (_c = (_b = this.tabs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.id;
+              return this._editorTypeSubject.getValue();
           },
           enumerable: false,
           configurable: true
       });
-      Object.defineProperty(NdfTabsComponent.prototype, "activatedTab", {
+      Object.defineProperty(DataStoreService.prototype, "editorData", {
           get: function () {
-              var _this = this;
-              return this.tabs.find(function (_d) {
-                  var id = _d.id;
-                  return id === _this.activatedTabId;
-              });
+              return this._dataSubject.getValue();
           },
           enumerable: false,
           configurable: true
       });
-      NdfTabsComponent.prototype.activateTab = function (tab) {
-          this.activeTab = tab.id;
-          this.activeTabEmitter.emit(tab);
+      DataStoreService.prototype.changeMode = function (mode) {
+          this._editorModeSubject.next(mode);
       };
-      NdfTabsComponent.prototype.ngOnDestroy = function () {
-          this.destroy$.next();
-          this.destroy$.complete();
+      DataStoreService.prototype.changeEditorType = function (type) {
+          this._editorTypeSubject.next(type);
       };
-      NdfTabsComponent.prototype.isEnabledTab = function (tabId) {
+      DataStoreService.prototype.getData = function (key, type) {
+          var _this = this;
+          var _a, _b;
+          var metadata = ((_a = this.options) === null || _a === void 0 ? void 0 : _a[type]) || {};
+          return this.dataAccessService
+              .fetchData({
+              app: (_b = this.environment) === null || _b === void 0 ? void 0 : _b.appKey,
+              key: key,
+              type: type,
+              localPath: metadata === null || metadata === void 0 ? void 0 : metadata.localPath
+          })
+              .pipe(operators.switchMap(function (res) {
+              var _a, _b;
+              if ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.config) {
+                  var data = JSON.stringify((_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.config, null, 2);
+                  _this._dataSubject.next(data || '{\n"key": "value"\n}');
+              }
+              return _this.editorData$;
+          }));
+      };
+      DataStoreService.prototype.saveData = function (key, type) {
           var _a;
-          return (_a = tabId.isEnable) !== null && _a !== void 0 ? _a : true;
+          var data = this._dataSubject.getValue();
+          return this.dataAccessService.saveData({
+              app: (_a = this.environment) === null || _a === void 0 ? void 0 : _a.appKey,
+              key: key,
+              type: type,
+              content: data
+          });
       };
-      return NdfTabsComponent;
-  }(BaseComponent));
-  NdfTabsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTabsComponent, deps: [{ token: i0__namespace.Injector }, { token: EvaluatorsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  NdfTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfTabsComponent, selector: "ndf-tabs", inputs: { tabs: "tabs", activeTab: "activeTab", isAllowdTabFn: "isAllowdTabFn", showHeader: "showHeader" }, outputs: { activeTabEmitter: "activeTabEmitter" }, host: { classAttribute: "w-full h-full" }, queries: [{ propertyName: "tabHeader", first: true, predicate: ["tabHeader"], descendants: true, read: i0.TemplateRef }, { propertyName: "headerOptions", first: true, predicate: ["headerOptions"], descendants: true, read: i0.TemplateRef }, { propertyName: "tabBody", first: true, predicate: ["tabBody"], descendants: true, read: i0.TemplateRef }], usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"flex flex-col ndf-tabs-wrapper rounded-md   px-0.5\" *ngIf=\"!checkingPermission\">\r\n\t<div\r\n\t\tclass=\"tabs-header flex justify-between items-center w-full border-b print:hidden\"\r\n\t\t[@visibilitySlide]=\"showHeader\"\r\n\t\t[class.overflow-hidden]=\"!showHeader\"\r\n\t>\r\n\t\t<div class=\"tabs-wrapper flex justify-start items-center gap-2.5 self-stretch\">\r\n\t\t\t<ng-container *ngFor=\"let tab of tabs\">\r\n\t\t\t\t<ng-container *ngIf=\"isEnabledTab(tab) && isAllowdTabFn(tab)\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t'selected-tab': activeTab === tab.id\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\tclass=\"tab-item flex p-4 justify-center items-center gap-2.5 rounded-t-md font-medium text-xl cursor-pointer\"\r\n\t\t\t\t\t\t(click)=\"activateTab(tab)\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ng-template\r\n\t\t\t\t\t\t\t[ngTemplateOutlet]=\"tabHeader || defaultHeader\"\r\n\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: tab }\"\r\n\t\t\t\t\t\t></ng-template>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\t\t<ng-template\r\n\t\t\t[ngTemplateOutlet]=\"headerOptions\"\r\n\t\t\t[ngTemplateOutletContext]=\"{ $implicit: activatedTab }\"\r\n\t\t></ng-template>\r\n\t</div>\r\n\t<ng-template\r\n\t\t[ngTemplateOutlet]=\"tabBody || defaultBody\"\r\n\t\t[ngTemplateOutletContext]=\"{ $implicit: activatedTab }\"\r\n\t></ng-template>\r\n</div>\r\n\r\n<ng-template #defaultHeader let-tab>{{ tab.label | translate }}</ng-template>\r\n<ng-template #defaultBody>Default Body</ng-template>\r\n", styles: [":host{display:block}.ndf-tabs-wrapper{background-color:var(--ndf-tabs-body, #fff);border-radius:8px 8px 0 0;overflow:var(--ndf-tabs-wrapper-overflow, auto);height:var(--ndf-tabs-wrapper-height, calc(100vh - 100px))}.ndf-tabs-wrapper .tabs-header{background-color:var(--ndf-tabs-header, #fff)}@media print{.ndf-tabs-wrapper{--ndf-tabs-wrapper-overflow: visible;--ndf-tabs-wrapper-height: auto}}\n"], 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i1__namespace.TranslatePipe }, animations: [
-          animations.trigger('visibilitySlide', [
-              animations.state('true', animations.style({ height: '*', visibility: '*' })),
-              animations.state('false', animations.style({ height: '0', visibility: 'hidden' })),
-              animations.transition('false => true', animations.animate('150ms ease-out')),
-              animations.transition('true => false', animations.animate('150ms ease-in'))
-          ])
-      ] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTabsComponent, decorators: [{
+      DataStoreService.prototype.storeData = function (data) {
+          this._dataSubject.next(data);
+      };
+      return DataStoreService;
+  }());
+  DataStoreService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataStoreService, deps: [{ token: DataAccessService }, { token: 'environment' }, { token: METADATA_EDITOR_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  DataStoreService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataStoreService });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataStoreService, decorators: [{
+              type: i0.Injectable
+          }], ctorParameters: function () {
+          return [{ type: DataAccessService }, { type: undefined, decorators: [{
+                          type: i0.Inject,
+                          args: ['environment']
+                      }] }, { type: undefined, decorators: [{
+                          type: i0.Inject,
+                          args: [METADATA_EDITOR_OPTIONS]
+                      }] }];
+      } });
+
+  // monaco-loader.service.ts
+  var MonacoLoaderService = /** @class */ (function () {
+      function MonacoLoaderService() {
+          this.loaded = false;
+      }
+      MonacoLoaderService.prototype.load = function (baseUrl) {
+          if (baseUrl === void 0) { baseUrl = window.location.origin; }
+          var _vsUrl = window.location.origin + baseUrl + '/assets/monaco-editor/min/vs';
+          if (this.loaded)
+              return this.loadPromise;
+          this.loaded = true;
+          this.loadPromise = new Promise(function (resolve) {
+              // If already available
+              if (window.monaco) {
+                  resolve(window.monaco);
+                  return;
+              }
+              var onAmdLoader = function () {
+                  window.require.config({ paths: { vs: _vsUrl } });
+                  // Set the worker URL to the correct path
+                  /*window.monaco.editor?.setWorkerOptions({
+            // Make sure the worker path points to the correct location
+            baseUrl: `${baseUrl}/worker/`
+          });*/
+                  window.require(['vs/editor/editor.main'], function () {
+                      resolve(window.monaco);
+                  });
+              };
+              // Load AMD loader if needed
+              if (!window.require) {
+                  var loaderScript = document.createElement('script');
+                  loaderScript.type = 'text/javascript';
+                  loaderScript.src = _vsUrl + "/loader.js";
+                  loaderScript.onload = onAmdLoader;
+                  document.body.appendChild(loaderScript);
+              }
+              else {
+                  onAmdLoader();
+              }
+          });
+          return this.loadPromise;
+      };
+      return MonacoLoaderService;
+  }());
+  MonacoLoaderService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MonacoLoaderService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  MonacoLoaderService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MonacoLoaderService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MonacoLoaderService, decorators: [{
+              type: i0.Injectable,
+              args: [{ providedIn: 'root' }]
+          }] });
+
+  var EditorModeSwitchComponent = /** @class */ (function () {
+      function EditorModeSwitchComponent() {
+          this.changeMode = new i0.EventEmitter();
+          this.modes = CONFIG_EDITOR_MODE;
+      }
+      EditorModeSwitchComponent.prototype.ngOnInit = function () { };
+      EditorModeSwitchComponent.prototype.onModeChange = function (mode) {
+          this.changeMode.emit(mode.value);
+      };
+      return EditorModeSwitchComponent;
+  }());
+  EditorModeSwitchComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EditorModeSwitchComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+  EditorModeSwitchComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EditorModeSwitchComponent, selector: "app-editor-mode-switch", inputs: { mode: "mode" }, outputs: { changeMode: "changeMode" }, ngImport: i0__namespace, template: "\n\t\t<mat-button-toggle-group [value]=\"mode\" (change)=\"onModeChange($event)\">\n\t\t\t<mat-button-toggle *ngFor=\"let mod of modes | keyvalue\" [value]=\"mod.value\"\n\t\t\t\t>{{ 'JSON_EDITOR.MODES.' + (mod.key | lowercase) | translate }}\n\t\t\t</mat-button-toggle>\n\t\t</mat-button-toggle-group>\n\t", isInline: true, styles: [""], components: [{ type: i1__namespace$b.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-labelledby", "tabIndex", "appearance", "checked", "disabled", "id", "name", "aria-label", "value"], outputs: ["change"], exportAs: ["matButtonToggle"] }], directives: [{ type: i1__namespace$b.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "keyvalue": i4__namespace$1.KeyValuePipe, "translate": i1__namespace.TranslatePipe, "lowercase": i4__namespace$1.LowerCasePipe } });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EditorModeSwitchComponent, decorators: [{
               type: i0.Component,
               args: [{
-                      selector: 'ndf-tabs',
-                      templateUrl: './ndf-tabs.component.html',
-                      styleUrls: ['./ndf-tabs.component.scss'],
-                      host: { class: 'w-full h-full' },
-                      animations: [
-                          animations.trigger('visibilitySlide', [
-                              animations.state('true', animations.style({ height: '*', visibility: '*' })),
-                              animations.state('false', animations.style({ height: '0', visibility: 'hidden' })),
-                              animations.transition('false => true', animations.animate('150ms ease-out')),
-                              animations.transition('true => false', animations.animate('150ms ease-in'))
-                          ])
-                      ]
+                      selector: 'app-editor-mode-switch',
+                      template: "\n\t\t<mat-button-toggle-group [value]=\"mode\" (change)=\"onModeChange($event)\">\n\t\t\t<mat-button-toggle *ngFor=\"let mod of modes | keyvalue\" [value]=\"mod.value\"\n\t\t\t\t>{{ 'JSON_EDITOR.MODES.' + (mod.key | lowercase) | translate }}\n\t\t\t</mat-button-toggle>\n\t\t</mat-button-toggle-group>\n\t",
+                      styles: ['']
                   }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.Injector }, { type: EvaluatorsService }]; }, propDecorators: { tabHeader: [{
-                  type: i0.ContentChild,
-                  args: ['tabHeader', { read: i0.TemplateRef }]
-              }], headerOptions: [{
-                  type: i0.ContentChild,
-                  args: ['headerOptions', { read: i0.TemplateRef }]
-              }], tabBody: [{
-                  type: i0.ContentChild,
-                  args: ['tabBody', { read: i0.TemplateRef }]
-              }], tabs: [{
-                  type: i0.Input
-              }], activeTab: [{
-                  type: i0.Input
-              }], isAllowdTabFn: [{
-                  type: i0.Input
-              }], showHeader: [{
+          }], ctorParameters: function () { return []; }, propDecorators: { mode: [{
                   type: i0.Input
-              }], activeTabEmitter: [{
+              }], changeMode: [{
                   type: i0.Output
               }] } });
 
-  var NdfTabsModule = /** @class */ (function () {
-      function NdfTabsModule() {
+  var InfoDialogComponent = /** @class */ (function (_super) {
+      __extends(InfoDialogComponent, _super);
+      function InfoDialogComponent() {
+          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+          _this.baseAppUrl = _this._injector.get(i4.APP_BASE_HREF);
+          _this.activeDoc = null;
+          return _this;
       }
-      return NdfTabsModule;
-  }());
-  NdfTabsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTabsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  NdfTabsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTabsModule, declarations: [NdfTabsComponent], imports: [i4.CommonModule,
-          i1.TranslateModule], exports: [NdfTabsComponent] });
-  NdfTabsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTabsModule, imports: [[
-              i4.CommonModule,
-              i1.TranslateModule
-          ]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTabsModule, decorators: [{
-              type: i0.NgModule,
+      InfoDialogComponent.prototype.ngOnInit = function () {
+          var _a;
+          this.documentations = this.dialogData.documentations;
+          if ((_a = this.documentations) === null || _a === void 0 ? void 0 : _a.length) {
+              this.activeDoc = this.documentations[0].name || '';
+          }
+      };
+      return InfoDialogComponent;
+  }(BaseDialogComponent));
+  InfoDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InfoDialogComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+  InfoDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: InfoDialogComponent, selector: "app-info-dialog", usesInheritance: true, ngImport: i0__namespace, template: "<ndf-nuxeo-dialog [dialogTitle]=\"dialogData.title | translate\" bodyClass=\"gap-4 p-0\">\r\n\t<ng-template #contentTemplate>\r\n\t\t<div class=\"secondary-tabs flex gap-5 items-center self-stretch doc-tabs\">\r\n\t\t\t<div\r\n\t\t\t\t[class.selected-tab]=\"doc.name === activeDoc\"\r\n\t\t\t\tclass=\"tab-item relative flex py-5 px-3 justify-start items-center gap-2.5 cursor-pointer\"\r\n\t\t\t\t*ngFor=\"let doc of documentations\"\r\n\t\t\t\t(click)=\"activeDoc = doc.name\"\r\n\t\t\t>\r\n\t\t\t\t<h4>{{ doc?.name | translate }}</h4>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<ng-container *ngFor=\"let doc of documentations\">\r\n\t\t\t<markdown class=\"markdown-content\" [src]=\"baseAppUrl + doc.path\" *ngIf=\"doc.name === activeDoc\"> </markdown>\r\n\t\t</ng-container>\r\n\t</ng-template>\r\n\r\n\t<ng-template #actionsTemplate let-dialog=\"dialog\"> </ng-template>\r\n</ndf-nuxeo-dialog>\r\n", styles: ["::ng-deep .markdown-content{direction:var(--markdown-direction, ltr)!important;text-align:start;color:var(--markdonw-text-color, inherit);background:var(--markdonw-background-color, transparent);border:var(--markdonw-border, 0px solid transparent);border-radius:var(--markdonw-border-radius, 0);padding:var(--markdown-padding, 1rem)}::ng-deep .markdown-content em{background-color:transparent}::ng-deep .markdown-content code,::ng-deep .markdown-content kbd,::ng-deep .markdown-content samp,::ng-deep .markdown-content pre{font-family:ui-monospace,SFMono-Regular,Consolas,\"Liberation Mono\",Menlo,monospace;font-size:1em}::ng-deep .markdown-content hr{margin-block:1rem}::ng-deep .markdown-content table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;font-variant:tabular-nums;margin-block:.5rem}::ng-deep .markdown-content table tr{border-top:1px solid var(--markdonw-table-tr-border-color, #d1d9e0b3)}::ng-deep .markdown-content table th,::ng-deep .markdown-content table td{padding:6px 13px;border:1px solid var(--markdonw-table-border-color, #d1d9e0)}.doc-tabs{position:sticky;top:0;background:var(--markdonw-tabs-background-color, #fff)}\n"], components: [{ type: NdfNuxeoDialog, selector: "ndf-nuxeo-dialog", inputs: ["dialogTitle", "subTitle", "panelClass", "bodyClass", "loaderMode"] }, { type: i2__namespace$8.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "emoji", "katex", "katexOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start"], outputs: ["error", "load", "ready"] }], directives: [{ type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InfoDialogComponent, decorators: [{
+              type: i0.Component,
               args: [{
-                      declarations: [NdfTabsComponent],
-                      imports: [
-                          i4.CommonModule,
-                          i1.TranslateModule
-                      ],
-                      exports: [NdfTabsComponent]
+                      selector: 'app-info-dialog',
+                      templateUrl: './info-dialog.component.html',
+                      styleUrls: ['./info-dialog.component.scss']
                   }]
           }] });
 
+  var ConfigEditorActionsComponent = /** @class */ (function () {
+      function ConfigEditorActionsComponent() {
+          this.saveDisabled = false;
+          this.onSave = new i0.EventEmitter();
+          this.onInfo = new i0.EventEmitter();
+          this.onBack = new i0.EventEmitter();
+      }
+      ConfigEditorActionsComponent.prototype.ngOnInit = function () { };
+      return ConfigEditorActionsComponent;
+  }());
+  ConfigEditorActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigEditorActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+  ConfigEditorActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ConfigEditorActionsComponent, selector: "app-config-editor-actions", inputs: { saveDisabled: "saveDisabled", config: "config" }, outputs: { onSave: "onSave", onInfo: "onInfo", onBack: "onBack" }, ngImport: i0__namespace, template: "<button mat-stroked-button (click)=\"onSave.emit($event)\" [disabled]=\"saveDisabled\">\r\n\t{{ 'JSON_EDITOR.save' | translate }}\r\n</button>\r\n<button mat-stroked-button (click)=\"onInfo.emit(config?.documentations)\" *ngIf=\"!!config?.documentations?.length\">\r\n\t{{ 'JSON_EDITOR.info' | translate }}\r\n</button>\r\n\r\n<button mat-stroked-button (click)=\"onBack.emit($event)\">{{ 'JSON_EDITOR.back' | translate }}</button>\r\n", styles: [":host{display:var(--ndf-editor-actions-display, flex);flex-direction:var(--ndf-editor-actions-direction, column);grid-gap:var(--ndf-editor-actions-gap, .5rem);gap:var(--ndf-editor-actions-gap, .5rem)}\n"], components: [{ type: i1__namespace$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigEditorActionsComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'app-config-editor-actions',
+                      templateUrl: './config-editor-actions.component.html',
+                      styleUrls: ['./config-editor-actions.component.scss']
+                  }]
+          }], ctorParameters: function () { return []; }, propDecorators: { saveDisabled: [{
+                  type: i0.Input
+              }], config: [{
+                  type: i0.Input
+              }], onSave: [{
+                  type: i0.Output
+              }], onInfo: [{
+                  type: i0.Output
+              }], onBack: [{
+                  type: i0.Output
+              }] } });
+
   var COLORS_COUNT = 10;
   var CHART_MAIN_COLOR = '#184e77';
 
@@ -46307,7 +46009,7 @@
       ReportsHooksService.prototype.evaluate = function (expr, payload) {
           try {
               var context = { criteria: payload };
-              var result = Evaluator.evaluate(expr, context, 'payload');
+              var result = formiojs.Utils.evaluate(expr, context, 'payload');
               return result !== null && result !== void 0 ? result : payload;
           }
           catch (e) {
@@ -46858,22 +46560,35 @@
                       type: 'bar',
                       options: overrides === null || overrides === void 0 ? void 0 : overrides.verticalBar,
                       direction: 'vertical',
-                      callbacks: callbacks
+                      callbacks: callbacks,
                   }),
                   horizontalBar: this._getChartOptions({
                       type: 'bar',
                       options: overrides === null || overrides === void 0 ? void 0 : overrides.verticalBar,
                       direction: 'horizontal',
-                      callbacks: callbacks
+                      callbacks: callbacks,
                   }),
                   doughnut: this._getChartOptions({
                       type: 'doughnut',
                       options: overrides === null || overrides === void 0 ? void 0 : overrides.doughnut,
-                      callbacks: callbacks
+                      callbacks: callbacks,
+                  }),
+                  line: this._getChartOptions({
+                      type: 'line',
+                      options: overrides === null || overrides === void 0 ? void 0 : overrides.line,
+                      callbacks: callbacks,
                   }),
-                  line: this._getChartOptions({ type: 'line', options: overrides === null || overrides === void 0 ? void 0 : overrides.line, callbacks: callbacks }),
-                  pie: this._getChartOptions({ type: 'pie', options: overrides === null || overrides === void 0 ? void 0 : overrides.pie, callbacks: callbacks })
-              }, options: this._getChartOptions({ type: config.chart.type, options: options, direction: direction, callbacks: callbacks }) });
+                  pie: this._getChartOptions({
+                      type: 'pie',
+                      options: overrides === null || overrides === void 0 ? void 0 : overrides.pie,
+                      callbacks: callbacks,
+                  }),
+              }, options: this._getChartOptions({
+                  type: config.chart.type,
+                  options: options,
+                  direction: direction,
+                  callbacks: callbacks,
+              }) });
           if (Array.isArray(plugins) && plugins.length > 0) {
               chart.plugins = this._preparePlugins(plugins);
           }
@@ -46937,7 +46652,7 @@
               horizontalBar: getHorizontalBarOptions,
               doughnut: getDoughnutOptions,
               line: getLineOptions,
-              pie: getPieOptions
+              pie: getPieOptions,
           };
           var key = type === 'bar' ? direction + "Bar" : type;
           var _options = ((_a = _optionsMap[key]) === null || _a === void 0 ? void 0 : _a.call(_optionsMap, options)) || {};
@@ -46960,7 +46675,7 @@
               .filter(function (call) { return !!call.path && !!call.callback; })
               .forEach(function (callback) {
               try {
-                  var fn = Evaluator.evaluate(callback.callback, {
+                  var fn = formiojs.Utils.evaluate(callback.callback, {
                       type: type,
                       translate: _this._translateService,
                       register: _this._chartPluginsCallbacks,
@@ -46980,7 +46695,7 @@
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ReportConfigMapperService, decorators: [{
               type: i0.Injectable,
               args: [{
-                      providedIn: 'root'
+                      providedIn: 'root',
                   }]
           }], ctorParameters: function () { return [{ type: ChartPluginsRegistry }, { type: ChartCallbacksRegisterService }, { type: i1__namespace.TranslateService }]; } });
 
@@ -48797,7 +48512,7 @@
       }
       CheckConditionPipe.prototype.transform = function (activeQuery, condition, config) {
           if (condition) {
-              return Evaluator.evaluate(condition, { activeQuery: activeQuery, config: config }, 'show');
+              return formiojs.Utils.evaluate(condition, { activeQuery: activeQuery, config: config }, 'show');
           }
           return true;
       };
@@ -48933,255 +48648,6 @@
                   }]
           }] });
 
-  var DataAccessService = /** @class */ (function (_super) {
-      __extends(DataAccessService, _super);
-      function DataAccessService(injector) {
-          return _super.call(this, injector) || this;
-      }
-      DataAccessService.prototype.saveData = function (payload) {
-          return this.customAutomation({
-              operation: 'AC_UA_Create_UI_Configuration',
-              context: payload
-          });
-      };
-      return DataAccessService;
-  }(BaseEditorConfigService));
-  DataAccessService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataAccessService, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  DataAccessService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataAccessService, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataAccessService, decorators: [{
-              type: i0.Injectable,
-              args: [{
-                      providedIn: 'root'
-                  }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; } });
-
-  var METADATA_EDITOR_OPTIONS = new i0.InjectionToken('METADATA_EDITOR_CONFIG');
-
-  var DataStoreService = /** @class */ (function () {
-      function DataStoreService(dataAccessService, environment, options) {
-          this.dataAccessService = dataAccessService;
-          this.environment = environment;
-          this.options = options;
-          this._editorTypeSubject = new rxjs.BehaviorSubject(NDF_EDITOR_TYPE.TABLES);
-          this.editorType$ = this._editorTypeSubject.asObservable();
-          this._editorModeSubject = new rxjs.BehaviorSubject(CONFIG_EDITOR_MODE.EDIT);
-          this.editorMode$ = this._editorModeSubject.asObservable();
-          this._dataSubject = new rxjs.BehaviorSubject('{\n"key": "value"\n}');
-          this.editorData$ = this._dataSubject.asObservable();
-          this.previewData$ = this._dataSubject.asObservable().pipe(operators.map(function (result) { return JSON.parse(result); }));
-      }
-      Object.defineProperty(DataStoreService.prototype, "editorMode", {
-          get: function () {
-              return this._editorModeSubject.getValue();
-          },
-          enumerable: false,
-          configurable: true
-      });
-      Object.defineProperty(DataStoreService.prototype, "type", {
-          get: function () {
-              return this._editorTypeSubject.getValue();
-          },
-          enumerable: false,
-          configurable: true
-      });
-      Object.defineProperty(DataStoreService.prototype, "editorData", {
-          get: function () {
-              return this._dataSubject.getValue();
-          },
-          enumerable: false,
-          configurable: true
-      });
-      DataStoreService.prototype.changeMode = function (mode) {
-          this._editorModeSubject.next(mode);
-      };
-      DataStoreService.prototype.changeEditorType = function (type) {
-          this._editorTypeSubject.next(type);
-      };
-      DataStoreService.prototype.getData = function (key, type) {
-          var _this = this;
-          var _a, _b;
-          var metadata = ((_a = this.options) === null || _a === void 0 ? void 0 : _a[type]) || {};
-          return this.dataAccessService
-              .fetchData({
-              app: (_b = this.environment) === null || _b === void 0 ? void 0 : _b.appKey,
-              key: key,
-              type: type,
-              localPath: metadata === null || metadata === void 0 ? void 0 : metadata.localPath
-          })
-              .pipe(operators.switchMap(function (res) {
-              var _a, _b;
-              if ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.config) {
-                  var data = JSON.stringify((_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.config, null, 2);
-                  _this._dataSubject.next(data || '{\n"key": "value"\n}');
-              }
-              return _this.editorData$;
-          }));
-      };
-      DataStoreService.prototype.saveData = function (key, type) {
-          var _a;
-          var data = this._dataSubject.getValue();
-          return this.dataAccessService.saveData({
-              app: (_a = this.environment) === null || _a === void 0 ? void 0 : _a.appKey,
-              key: key,
-              type: type,
-              content: data
-          });
-      };
-      DataStoreService.prototype.storeData = function (data) {
-          this._dataSubject.next(data);
-      };
-      return DataStoreService;
-  }());
-  DataStoreService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataStoreService, deps: [{ token: DataAccessService }, { token: 'environment' }, { token: METADATA_EDITOR_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  DataStoreService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataStoreService });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataStoreService, decorators: [{
-              type: i0.Injectable
-          }], ctorParameters: function () {
-          return [{ type: DataAccessService }, { type: undefined, decorators: [{
-                          type: i0.Inject,
-                          args: ['environment']
-                      }] }, { type: undefined, decorators: [{
-                          type: i0.Inject,
-                          args: [METADATA_EDITOR_OPTIONS]
-                      }] }];
-      } });
-
-  // monaco-loader.service.ts
-  var MonacoLoaderService = /** @class */ (function () {
-      function MonacoLoaderService() {
-          this.loaded = false;
-      }
-      MonacoLoaderService.prototype.load = function (baseUrl) {
-          if (baseUrl === void 0) { baseUrl = window.location.origin; }
-          var _vsUrl = window.location.origin + baseUrl + '/assets/monaco-editor/min/vs';
-          if (this.loaded)
-              return this.loadPromise;
-          this.loaded = true;
-          this.loadPromise = new Promise(function (resolve) {
-              // If already available
-              if (window.monaco) {
-                  resolve(window.monaco);
-                  return;
-              }
-              var onAmdLoader = function () {
-                  window.require.config({ paths: { vs: _vsUrl } });
-                  // Set the worker URL to the correct path
-                  /*window.monaco.editor?.setWorkerOptions({
-            // Make sure the worker path points to the correct location
-            baseUrl: `${baseUrl}/worker/`
-          });*/
-                  window.require(['vs/editor/editor.main'], function () {
-                      resolve(window.monaco);
-                  });
-              };
-              // Load AMD loader if needed
-              if (!window.require) {
-                  var loaderScript = document.createElement('script');
-                  loaderScript.type = 'text/javascript';
-                  loaderScript.src = _vsUrl + "/loader.js";
-                  loaderScript.onload = onAmdLoader;
-                  document.body.appendChild(loaderScript);
-              }
-              else {
-                  onAmdLoader();
-              }
-          });
-          return this.loadPromise;
-      };
-      return MonacoLoaderService;
-  }());
-  MonacoLoaderService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MonacoLoaderService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  MonacoLoaderService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MonacoLoaderService, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MonacoLoaderService, decorators: [{
-              type: i0.Injectable,
-              args: [{ providedIn: 'root' }]
-          }] });
-
-  var EditorModeSwitchComponent = /** @class */ (function () {
-      function EditorModeSwitchComponent() {
-          this.changeMode = new i0.EventEmitter();
-          this.modes = CONFIG_EDITOR_MODE;
-      }
-      EditorModeSwitchComponent.prototype.ngOnInit = function () { };
-      EditorModeSwitchComponent.prototype.onModeChange = function (mode) {
-          this.changeMode.emit(mode.value);
-      };
-      return EditorModeSwitchComponent;
-  }());
-  EditorModeSwitchComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EditorModeSwitchComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  EditorModeSwitchComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EditorModeSwitchComponent, selector: "app-editor-mode-switch", inputs: { mode: "mode" }, outputs: { changeMode: "changeMode" }, ngImport: i0__namespace, template: "\n\t\t<mat-button-toggle-group [value]=\"mode\" (change)=\"onModeChange($event)\">\n\t\t\t<mat-button-toggle *ngFor=\"let mod of modes | keyvalue\" [value]=\"mod.value\"\n\t\t\t\t>{{ 'JSON_EDITOR.MODES.' + (mod.key | lowercase) | translate }}\n\t\t\t</mat-button-toggle>\n\t\t</mat-button-toggle-group>\n\t", isInline: true, styles: [""], components: [{ type: i1__namespace$b.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-labelledby", "tabIndex", "appearance", "checked", "disabled", "id", "name", "aria-label", "value"], outputs: ["change"], exportAs: ["matButtonToggle"] }], directives: [{ type: i1__namespace$b.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "keyvalue": i4__namespace$1.KeyValuePipe, "translate": i1__namespace.TranslatePipe, "lowercase": i4__namespace$1.LowerCasePipe } });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EditorModeSwitchComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'app-editor-mode-switch',
-                      template: "\n\t\t<mat-button-toggle-group [value]=\"mode\" (change)=\"onModeChange($event)\">\n\t\t\t<mat-button-toggle *ngFor=\"let mod of modes | keyvalue\" [value]=\"mod.value\"\n\t\t\t\t>{{ 'JSON_EDITOR.MODES.' + (mod.key | lowercase) | translate }}\n\t\t\t</mat-button-toggle>\n\t\t</mat-button-toggle-group>\n\t",
-                      styles: ['']
-                  }]
-          }], ctorParameters: function () { return []; }, propDecorators: { mode: [{
-                  type: i0.Input
-              }], changeMode: [{
-                  type: i0.Output
-              }] } });
-
-  var InfoDialogComponent = /** @class */ (function (_super) {
-      __extends(InfoDialogComponent, _super);
-      function InfoDialogComponent() {
-          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-          _this.baseAppUrl = _this._injector.get(i4.APP_BASE_HREF);
-          _this.activeDoc = null;
-          return _this;
-      }
-      InfoDialogComponent.prototype.ngOnInit = function () {
-          var _a;
-          this.documentations = this.dialogData.documentations;
-          if ((_a = this.documentations) === null || _a === void 0 ? void 0 : _a.length) {
-              this.activeDoc = this.documentations[0].name || '';
-          }
-      };
-      return InfoDialogComponent;
-  }(BaseDialogComponent));
-  InfoDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InfoDialogComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  InfoDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: InfoDialogComponent, selector: "app-info-dialog", usesInheritance: true, ngImport: i0__namespace, template: "<ndf-nuxeo-dialog [dialogTitle]=\"dialogData.title | translate\" bodyClass=\"gap-4 p-0\">\r\n\t<ng-template #contentTemplate>\r\n\t\t<div class=\"secondary-tabs flex gap-5 items-center self-stretch doc-tabs\">\r\n\t\t\t<div\r\n\t\t\t\t[class.selected-tab]=\"doc.name === activeDoc\"\r\n\t\t\t\tclass=\"tab-item relative flex py-5 px-3 justify-start items-center gap-2.5 cursor-pointer\"\r\n\t\t\t\t*ngFor=\"let doc of documentations\"\r\n\t\t\t\t(click)=\"activeDoc = doc.name\"\r\n\t\t\t>\r\n\t\t\t\t<h4>{{ doc?.name | translate }}</h4>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<ng-container *ngFor=\"let doc of documentations\">\r\n\t\t\t<markdown class=\"markdown-content\" [src]=\"baseAppUrl + doc.path\" *ngIf=\"doc.name === activeDoc\"> </markdown>\r\n\t\t</ng-container>\r\n\t</ng-template>\r\n\r\n\t<ng-template #actionsTemplate let-dialog=\"dialog\"> </ng-template>\r\n</ndf-nuxeo-dialog>\r\n", styles: ["::ng-deep .markdown-content{direction:var(--markdown-direction, ltr)!important;text-align:start;color:var(--markdonw-text-color, inherit);background:var(--markdonw-background-color, transparent);border:var(--markdonw-border, 0px solid transparent);border-radius:var(--markdonw-border-radius, 0);padding:var(--markdown-padding, 1rem)}::ng-deep .markdown-content em{background-color:transparent}::ng-deep .markdown-content code,::ng-deep .markdown-content kbd,::ng-deep .markdown-content samp,::ng-deep .markdown-content pre{font-family:ui-monospace,SFMono-Regular,Consolas,\"Liberation Mono\",Menlo,monospace;font-size:1em}::ng-deep .markdown-content hr{margin-block:1rem}::ng-deep .markdown-content table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;font-variant:tabular-nums;margin-block:.5rem}::ng-deep .markdown-content table tr{border-top:1px solid var(--markdonw-table-tr-border-color, #d1d9e0b3)}::ng-deep .markdown-content table th,::ng-deep .markdown-content table td{padding:6px 13px;border:1px solid var(--markdonw-table-border-color, #d1d9e0)}.doc-tabs{position:sticky;top:0;background:var(--markdonw-tabs-background-color, #fff)}\n"], components: [{ type: NdfNuxeoDialog, selector: "ndf-nuxeo-dialog", inputs: ["dialogTitle", "subTitle", "panelClass", "bodyClass", "loaderMode"] }, { type: i2__namespace$8.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "emoji", "katex", "katexOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start"], outputs: ["error", "load", "ready"] }], directives: [{ type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InfoDialogComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'app-info-dialog',
-                      templateUrl: './info-dialog.component.html',
-                      styleUrls: ['./info-dialog.component.scss']
-                  }]
-          }] });
-
-  var ConfigEditorActionsComponent = /** @class */ (function () {
-      function ConfigEditorActionsComponent() {
-          this.saveDisabled = false;
-          this.onSave = new i0.EventEmitter();
-          this.onInfo = new i0.EventEmitter();
-          this.onBack = new i0.EventEmitter();
-      }
-      ConfigEditorActionsComponent.prototype.ngOnInit = function () { };
-      return ConfigEditorActionsComponent;
-  }());
-  ConfigEditorActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigEditorActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  ConfigEditorActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ConfigEditorActionsComponent, selector: "app-config-editor-actions", inputs: { saveDisabled: "saveDisabled", config: "config" }, outputs: { onSave: "onSave", onInfo: "onInfo", onBack: "onBack" }, ngImport: i0__namespace, template: "<button mat-stroked-button (click)=\"onSave.emit($event)\" [disabled]=\"saveDisabled\">\r\n\t{{ 'JSON_EDITOR.save' | translate }}\r\n</button>\r\n<button mat-stroked-button (click)=\"onInfo.emit(config?.documentations)\" *ngIf=\"!!config?.documentations?.length\">\r\n\t{{ 'JSON_EDITOR.info' | translate }}\r\n</button>\r\n\r\n<button mat-stroked-button (click)=\"onBack.emit($event)\">{{ 'JSON_EDITOR.back' | translate }}</button>\r\n", styles: [":host{display:var(--ndf-editor-actions-display, flex);flex-direction:var(--ndf-editor-actions-direction, column);grid-gap:var(--ndf-editor-actions-gap, .5rem);gap:var(--ndf-editor-actions-gap, .5rem)}\n"], components: [{ type: i1__namespace$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfigEditorActionsComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'app-config-editor-actions',
-                      templateUrl: './config-editor-actions.component.html',
-                      styleUrls: ['./config-editor-actions.component.scss']
-                  }]
-          }], ctorParameters: function () { return []; }, propDecorators: { saveDisabled: [{
-                  type: i0.Input
-              }], config: [{
-                  type: i0.Input
-              }], onSave: [{
-                  type: i0.Output
-              }], onInfo: [{
-                  type: i0.Output
-              }], onBack: [{
-                  type: i0.Output
-              }] } });
-
   var EditorSettingsComponent = /** @class */ (function () {
       function EditorSettingsComponent(_componentRegister, _evaluatorsService, _ndfTransformService, _chartDataTransformers, _chartPluginsRegistry) {
           this._componentRegister = _componentRegister;
@@ -49728,6 +49194,52 @@
                   }]
           }] });
 
+  var NdfPanelComponent = /** @class */ (function () {
+      function NdfPanelComponent() {
+          this.maxBodyHeight = 'auto';
+      }
+      return NdfPanelComponent;
+  }());
+  NdfPanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+  NdfPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfPanelComponent, selector: "ndf-panel", inputs: { maxBodyHeight: "maxBodyHeight" }, queries: [{ propertyName: "panelHeader", first: true, predicate: ["panelHeader"], descendants: true, read: i0.TemplateRef }, { propertyName: "panelBody", first: true, predicate: ["panelBody"], descendants: true, read: i0.TemplateRef }, { propertyName: "panelFooter", first: true, predicate: ["panelFooter"], descendants: true, read: i0.TemplateRef }], ngImport: i0__namespace, template: "<div class=\"scroll-panel\">\r\n\t<div class=\"header\">\r\n\t\t<ng-container [ngTemplateOutlet]=\"panelHeader\"></ng-container>\r\n\t</div>\r\n\r\n\t<div class=\"body\" [style.maxHeight]=\"maxBodyHeight\">\r\n\t\t<ng-container [ngTemplateOutlet]=\"panelBody\"></ng-container>\r\n\t</div>\r\n\r\n\t<div class=\"footer\">\r\n\t\t<ng-container [ngTemplateOutlet]=\"panelFooter\"></ng-container>\r\n\t</div>\r\n</div>\r\n", styles: [".scroll-panel{display:var(--ndf-panel-display, flex);flex-direction:var(--ndf-panel-flex-direction, column);height:var(--ndf-panel-height, calc(100dvh - 65px));border:1px solid var(--ndf-panel-main-border)}.header{flex:var(--ndf-panel-header-flex, 0 0 auto);color:var(--ndf-panel-color, #3b3b3c);background-color:var(--ndf-panel-bg, #f6f9f5);border-bottom:1px solid var(--ndf-panel-border-color, #e7e7e7)}.footer{border-top:1px solid var(--ndf-panel-border-color, #e7e7e7)}.body{flex:var(--ndf-panel-body-flex, 1 1 auto);overflow-y:var(--ndf-panel-body-overflow-y, auto);min-height:var(--ndf-panel-body-min-height, 0)}\n"], directives: [{ type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'ndf-panel',
+                      templateUrl: './ndf-panel.component.html',
+                      styleUrls: ['./ndf-panel.component.scss'],
+                      changeDetection: i0.ChangeDetectionStrategy.OnPush
+                  }]
+          }], propDecorators: { maxBodyHeight: [{
+                  type: i0.Input
+              }], panelHeader: [{
+                  type: i0.ContentChild,
+                  args: ['panelHeader', { read: i0.TemplateRef }]
+              }], panelBody: [{
+                  type: i0.ContentChild,
+                  args: ['panelBody', { read: i0.TemplateRef }]
+              }], panelFooter: [{
+                  type: i0.ContentChild,
+                  args: ['panelFooter', { read: i0.TemplateRef }]
+              }] } });
+
+  var NdfPanelModule = /** @class */ (function () {
+      function NdfPanelModule() {
+      }
+      return NdfPanelModule;
+  }());
+  NdfPanelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  NdfPanelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelModule, declarations: [NdfPanelComponent], imports: [i4.CommonModule], exports: [NdfPanelComponent] });
+  NdfPanelModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelModule, imports: [[i4.CommonModule]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfPanelModule, decorators: [{
+              type: i0.NgModule,
+              args: [{
+                      declarations: [NdfPanelComponent],
+                      imports: [i4.CommonModule],
+                      exports: [NdfPanelComponent]
+                  }]
+          }] });
+
   var UPLOADER_CONFIG = {
       DEFAULT_PROVIDER: 'nuxeo',
       MAX_CONCURRENT_REQUESTS: 5,
@@ -52159,6 +51671,174 @@
                   }]
           }] });
 
+  var NdfTabsComponent = /** @class */ (function (_super) {
+      __extends(NdfTabsComponent, _super);
+      function NdfTabsComponent(injector, evaluatorsService) {
+          var _this = _super.call(this, injector) || this;
+          _this.evaluatorsService = evaluatorsService;
+          _this.isAllowdTabFn = function (_) { return true; };
+          _this._showHeader = true;
+          _this.activeTabEmitter = new i0.EventEmitter();
+          _this.checkingPermission = false;
+          return _this;
+      }
+      Object.defineProperty(NdfTabsComponent.prototype, "showHeader", {
+          get: function () {
+              return this._showHeader;
+          },
+          set: function (value) {
+              this._showHeader = value;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      NdfTabsComponent.prototype.ngOnInit = function () {
+          this.checkTabsPermissions();
+      };
+      NdfTabsComponent.prototype.checkTabsPermissions = function () {
+          var _this = this;
+          this.checkingPermission = true;
+          var permissionCalls = [];
+          var createPermissionCall = function (id, permission, secondaryTab) {
+              if (secondaryTab === void 0) { secondaryTab = false; }
+              if (permission) {
+                  return rxjs.from(_this.evaluatorsService.evaluateRule(permission)).pipe(operators.map(function (res) { return ({ id: id, enabled: res, secondaryTab: secondaryTab }); }));
+              }
+              return rxjs.of({ id: id, enabled: true, secondaryTab: secondaryTab });
+          };
+          this.tabs.forEach(function (tab) {
+              var _a;
+              permissionCalls.push(createPermissionCall(tab.id, tab.permission));
+              (_a = tab.secondary_tabs) === null || _a === void 0 ? void 0 : _a.forEach(function (subTab) {
+                  permissionCalls.push(createPermissionCall(subTab.id, subTab.permission, true));
+              });
+          });
+          rxjs.forkJoin(permissionCalls)
+              .pipe(operators.takeUntil(this.destroy$), operators.tap(function (results) {
+              var secondaryTabsPerms = results.filter(function (r) { return r.secondaryTab; });
+              var primaryTabsPerms = results.filter(function (r) { return !r.secondaryTab; });
+              var filteredTabs = _.cloneDeep(_this.tabs);
+              filteredTabs = filteredTabs
+                  .filter(function (tab) { return primaryTabsPerms.some(function (p) { return p.id === tab.id && p.enabled; }); })
+                  .map(function (tab) {
+                  var _a;
+                  if ((_a = tab.secondary_tabs) === null || _a === void 0 ? void 0 : _a.length) {
+                      tab.secondary_tabs = tab.secondary_tabs.filter(function (sub) { return secondaryTabsPerms.some(function (p) { return p.id === sub.id && p.enabled; }); });
+                  }
+                  return tab;
+              });
+              _this.tabs = filteredTabs;
+          }))
+              .subscribe(function () {
+              if (_this.tabs.length && !_this.activeTab) {
+                  _this.activateTab(_this.tabs[0]);
+              }
+              _this.checkingPermission = false;
+          });
+      };
+      Object.defineProperty(NdfTabsComponent.prototype, "activatedTabId", {
+          get: function () {
+              var _a, _b, _c;
+              return (_a = this.activeTab) !== null && _a !== void 0 ? _a : (_c = (_b = this.tabs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.id;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(NdfTabsComponent.prototype, "activatedTab", {
+          get: function () {
+              var _this = this;
+              return this.tabs.find(function (_d) {
+                  var id = _d.id;
+                  return id === _this.activatedTabId;
+              });
+          },
+          enumerable: false,
+          configurable: true
+      });
+      NdfTabsComponent.prototype.activateTab = function (tab) {
+          this.activeTab = tab.id;
+          this.activeTabEmitter.emit(tab);
+      };
+      NdfTabsComponent.prototype.ngOnDestroy = function () {
+          this.destroy$.next();
+          this.destroy$.complete();
+      };
+      NdfTabsComponent.prototype.isEnabledTab = function (tabId) {
+          var _a;
+          return (_a = tabId.isEnable) !== null && _a !== void 0 ? _a : true;
+      };
+      return NdfTabsComponent;
+  }(BaseComponent));
+  NdfTabsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTabsComponent, deps: [{ token: i0__namespace.Injector }, { token: EvaluatorsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  NdfTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfTabsComponent, selector: "ndf-tabs", inputs: { tabs: "tabs", activeTab: "activeTab", isAllowdTabFn: "isAllowdTabFn", showHeader: "showHeader" }, outputs: { activeTabEmitter: "activeTabEmitter" }, host: { classAttribute: "w-full h-full" }, queries: [{ propertyName: "tabHeader", first: true, predicate: ["tabHeader"], descendants: true, read: i0.TemplateRef }, { propertyName: "headerOptions", first: true, predicate: ["headerOptions"], descendants: true, read: i0.TemplateRef }, { propertyName: "tabBody", first: true, predicate: ["tabBody"], descendants: true, read: i0.TemplateRef }], usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"flex flex-col ndf-tabs-wrapper rounded-md   px-0.5\" *ngIf=\"!checkingPermission\">\r\n\t<div\r\n\t\tclass=\"tabs-header flex justify-between items-center w-full border-b print:hidden\"\r\n\t\t[@visibilitySlide]=\"showHeader\"\r\n\t\t[class.overflow-hidden]=\"!showHeader\"\r\n\t>\r\n\t\t<div class=\"tabs-wrapper flex justify-start items-center gap-2.5 self-stretch\">\r\n\t\t\t<ng-container *ngFor=\"let tab of tabs\">\r\n\t\t\t\t<ng-container *ngIf=\"isEnabledTab(tab) && isAllowdTabFn(tab)\">\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t'selected-tab': activeTab === tab.id\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\tclass=\"tab-item flex p-4 justify-center items-center gap-2.5 rounded-t-md font-medium text-xl cursor-pointer\"\r\n\t\t\t\t\t\t(click)=\"activateTab(tab)\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ng-template\r\n\t\t\t\t\t\t\t[ngTemplateOutlet]=\"tabHeader || defaultHeader\"\r\n\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: tab }\"\r\n\t\t\t\t\t\t></ng-template>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</ng-container>\r\n\t\t</div>\r\n\t\t<ng-template\r\n\t\t\t[ngTemplateOutlet]=\"headerOptions\"\r\n\t\t\t[ngTemplateOutletContext]=\"{ $implicit: activatedTab }\"\r\n\t\t></ng-template>\r\n\t</div>\r\n\t<ng-template\r\n\t\t[ngTemplateOutlet]=\"tabBody || defaultBody\"\r\n\t\t[ngTemplateOutletContext]=\"{ $implicit: activatedTab }\"\r\n\t></ng-template>\r\n</div>\r\n\r\n<ng-template #defaultHeader let-tab>{{ tab.label | translate }}</ng-template>\r\n<ng-template #defaultBody>Default Body</ng-template>\r\n", styles: [":host{display:block}.ndf-tabs-wrapper{background-color:var(--ndf-tabs-body, #fff);border-radius:8px 8px 0 0;overflow:var(--ndf-tabs-wrapper-overflow, auto);height:var(--ndf-tabs-wrapper-height, calc(100vh - 100px))}.ndf-tabs-wrapper .tabs-header{background-color:var(--ndf-tabs-header, #fff)}@media print{.ndf-tabs-wrapper{--ndf-tabs-wrapper-overflow: visible;--ndf-tabs-wrapper-height: auto}}\n"], 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i1__namespace.TranslatePipe }, animations: [
+          animations.trigger('visibilitySlide', [
+              animations.state('true', animations.style({ height: '*', visibility: '*' })),
+              animations.state('false', animations.style({ height: '0', visibility: 'hidden' })),
+              animations.transition('false => true', animations.animate('150ms ease-out')),
+              animations.transition('true => false', animations.animate('150ms ease-in'))
+          ])
+      ] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTabsComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'ndf-tabs',
+                      templateUrl: './ndf-tabs.component.html',
+                      styleUrls: ['./ndf-tabs.component.scss'],
+                      host: { class: 'w-full h-full' },
+                      animations: [
+                          animations.trigger('visibilitySlide', [
+                              animations.state('true', animations.style({ height: '*', visibility: '*' })),
+                              animations.state('false', animations.style({ height: '0', visibility: 'hidden' })),
+                              animations.transition('false => true', animations.animate('150ms ease-out')),
+                              animations.transition('true => false', animations.animate('150ms ease-in'))
+                          ])
+                      ]
+                  }]
+          }], ctorParameters: function () { return [{ type: i0__namespace.Injector }, { type: EvaluatorsService }]; }, propDecorators: { tabHeader: [{
+                  type: i0.ContentChild,
+                  args: ['tabHeader', { read: i0.TemplateRef }]
+              }], headerOptions: [{
+                  type: i0.ContentChild,
+                  args: ['headerOptions', { read: i0.TemplateRef }]
+              }], tabBody: [{
+                  type: i0.ContentChild,
+                  args: ['tabBody', { read: i0.TemplateRef }]
+              }], tabs: [{
+                  type: i0.Input
+              }], activeTab: [{
+                  type: i0.Input
+              }], isAllowdTabFn: [{
+                  type: i0.Input
+              }], showHeader: [{
+                  type: i0.Input
+              }], activeTabEmitter: [{
+                  type: i0.Output
+              }] } });
+
+  var NdfTabsModule = /** @class */ (function () {
+      function NdfTabsModule() {
+      }
+      return NdfTabsModule;
+  }());
+  NdfTabsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTabsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  NdfTabsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTabsModule, declarations: [NdfTabsComponent], imports: [i4.CommonModule,
+          i1.TranslateModule], exports: [NdfTabsComponent] });
+  NdfTabsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTabsModule, imports: [[
+              i4.CommonModule,
+              i1.TranslateModule
+          ]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfTabsModule, decorators: [{
+              type: i0.NgModule,
+              args: [{
+                      declarations: [NdfTabsComponent],
+                      imports: [
+                          i4.CommonModule,
+                          i1.TranslateModule
+                      ],
+                      exports: [NdfTabsComponent]
+                  }]
+          }] });
+
   /*
    * Public API Surface of nuxeo-development-framework
    */
@@ -52388,7 +52068,6 @@
   exports.EmptyContentTemplateDirective = EmptyContentTemplateDirective;
   exports.EmptyTemplateDirective = EmptyTemplateDirective;
   exports.EnvManager = EnvManager;
-  exports.Evaluator = Evaluator;
   exports.EvaluatorLabelPipe = EvaluatorLabelPipe;
   exports.EvaluatorsService = EvaluatorsService;
   exports.ExtensionLoaderService = ExtensionLoaderService;