nuxeo-development-framework 6.1.5 → 6.1.7

package/fesm2015/nuxeo-development-framework.js

@@ -32,7 +32,7 @@ import * as i7 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { merge } from 'lodash-es';
 import * as _ from 'lodash';
-import ___default, { cloneDeep, filter, sortBy, each, unionWith, isEqual, isNil, keys, trim, get, set, values, isObject as isObject$1, isDate, isBoolean, isNumber, union, assign, keyBy, flatMap, map as map$1 } from 'lodash';
+import ___default, { cloneDeep, filter, sortBy, each, unionWith, isEqual, isNil, isObject as isObject$1, isDate, isBoolean, isNumber, union, assign, keyBy, values, flatMap, map as map$1 } from 'lodash';
 import * as moment$6 from 'moment';
 import moment__default, { isMoment } from 'moment';
 import _omit from 'lodash/omit';
@@ -96,7 +96,6 @@ import * as i7$3 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import * as i5$3 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import stringHash from 'string-hash';
 import * as i5$4 from 'ngx-mask';
 import { NgxMaskModule } from 'ngx-mask';
 import * as moment$7 from 'moment/moment';
@@ -136,9 +135,9 @@ import { getDOMSocketPosition } from 'rete-render-utils';
 import * as i7$4 from '@angular/material/badge';
 import { MatBadgeModule } from '@angular/material/badge';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import colorLib from '@kurkle/color';
 import * as i2$8 from 'ngx-markdown';
 import { MarkdownModule } from 'ngx-markdown';
+import colorLib from '@kurkle/color';
 import * as i6$4 from '@angular/cdk/accordion';
 import { CdkAccordionModule } from '@angular/cdk/accordion';
 import _flatMap from 'lodash/flatMap';
@@ -14849,11 +14848,13 @@ class FilterAutocompleteService extends BaseService {
             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(map((response) => Object.values(response)[0]), switchMap((response) => this._aggregationService.prepareAggregationFiled({
             fieldConfig: fieldConfig,
-            aggregation: response
+            aggregation: response,
         })));
     }
     replacePlaceholder(template, searchText) {
@@ -14865,7 +14866,7 @@ FilterAutocompleteService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FilterAutocompleteService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
@@ -14934,322 +14935,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1.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,
-        Date,
-        Number,
-        String,
-        Boolean,
-        Array,
-        Object,
-        JSON,
-        // Prevent access to window
-        window: undefined,
-        self: undefined,
-        globalThis: undefined,
-        _: ___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.
- */
-class 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.
-     */
-    static evaluator(func, ...params) {
-        // Extract options if the last parameter is an options object
-        let 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
-        const securityMode = options.securityMode || 'secure';
-        if (securityMode === 'unsafe') {
-            // In unsafe mode, create a function with access to all globals
-            return new Function(...params, func);
-        }
-        const sandbox = createSecureContext();
-        const sandboxKeys = Object.keys(sandbox);
-        const sandboxAssignments = sandboxKeys.map((key) => `const ${key} = sandbox.${key};`).join('');
-        const wrapper = new Function(...params, 'sandbox', `${sandboxAssignments}${func}`);
-        return (...args) => wrapper(...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.
-     */
-    static interpolateString(rawTemplate, data, options = {}) {
-        if (!rawTemplate) {
-            return '';
-        }
-        if (typeof rawTemplate !== 'string') {
-            return rawTemplate.toString();
-        }
-        // Check if we should use secure mode (default) or unsafe mode
-        const securityMode = options.securityMode || 'secure';
-        // Create a secure data object if needed
-        const 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, (match, $1, expression) => {
-            if (expression.indexOf('(') !== -1) {
-                return expression.replace(/([^(]+)\(([^)]+)\s*\);?/, (_, fnName, argsStr) => {
-                    fnName = trim(fnName);
-                    const func = get(secureData, fnName);
-                    if (func) {
-                        if (argsStr) {
-                            const args = argsStr.split(',').map((arg) => {
-                                const 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 {
-                let dataPath = expression;
-                if (expression.indexOf('?') !== -1) {
-                    dataPath = expression.replace(/\?\./g, '.');
-                }
-                const parts = dataPath.split('||').map((item) => item.trim());
-                let value = '';
-                let path = '';
-                for (let i = 0; i < parts.length; i++) {
-                    path = parts[i];
-                    if (___default.has(secureData, path)) {
-                        value = ___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.
-     */
-    static evaluate(func, args = {}, ret = 'show', interpolate = false, context = {}, options = {}) {
-        let returnVal = null;
-        const field = args.field ? args.field : { key: 'unknown' };
-        const 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
-                const 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.
-     */
-    static execute(func, args, context = {}, options = {}) {
-        // Check if we should use secure mode (default) or unsafe mode
-        const 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
-            const 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.
-     */
-    static template(template, hash, options = {}) {
-        hash = hash || stringHash(template).toString();
-        // If hash contains options object, extract it
-        if (typeof hash === 'object' && 'securityMode' in hash) {
-            options = hash;
-            hash = stringHash(template).toString();
-        }
-        // Check if we have a cached version
-        const 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
-            const templateFunc = ___default.template(template, Evaluator.templateSettings);
-            // Check if we should use secure mode (default) or unsafe mode
-            const securityMode = options.securityMode || 'secure';
-            if (securityMode === 'unsafe') {
-                // In unsafe mode, return the original template function
-                return (Evaluator.cache[cacheKey] = templateFunc);
-            }
-            else {
-                // In secure mode, wrap the template function to ensure it runs in a secure context
-                const secureTemplateFunc = (data) => {
-                    // Create a secure context for the template
-                    const secureData = Object.assign(Object.assign(Object.assign({}, createSecureContext()), data), { 
-                        // Ensure these remain undefined
-                        window: undefined, self: undefined, globalThis: undefined });
-                    return templateFunc(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.
-     */
-    static interpolate(rawTemplate, data, 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') {
-                    const 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
-        const 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;
-    }
-}
-/**
- * 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
-};
-
 class EvaluatorLabelPipe {
     /**
      *
@@ -15262,7 +14947,7 @@ class EvaluatorLabelPipe {
             return '';
         }
         try {
-            const text = Evaluator.interpolate(option.labelTemplate, {
+            const text = Utils.interpolate(option.labelTemplate, {
                 language,
                 option,
                 moment: moment$6,
@@ -19031,11 +18716,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }] } });
 
-const NDF_EDITOR_TYPE = {
-    REPORTS: 'report',
-    TABLES: 'table'
-};
-
 class BaseField extends BaseCustomValueAccessor {
     constructor() {
         super(...arguments);
@@ -19396,7 +19076,7 @@ class FiltersPanelComponent extends BaseFiltersPanel {
         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,
         });
     }
     _prepareFiltersForm() {
@@ -19440,12 +19120,12 @@ class FiltersPanelComponent extends BaseFiltersPanel {
             const condition = (_a = field.config) === null || _a === void 0 ? void 0 : _a.condition;
             try {
                 const isVisible = !condition ||
-                    Evaluator.evaluate(condition, ___default.cloneDeep({
+                    Utils.evaluate(condition, ___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) {
                     const control = this.formGroup.get(fieldKey);
@@ -19470,7 +19150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     selector: 'app-filters-panel',
                     templateUrl: './filters-panel.component.html',
                     styleUrls: ['./filters-panel.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: NuxeoService }]; }, propDecorators: { aggregations: [{
                 type: Input
@@ -19570,7 +19250,12 @@ class CheckConditionPipe$1 {
             return true;
         }
         try {
-            return Evaluator.evaluate(condition, ___default.cloneDeep({ aggregations, language, user: this.user, values: filterValues }));
+            return Utils.evaluate(condition, ___default.cloneDeep({
+                aggregations,
+                language,
+                user: this.user,
+                values: filterValues,
+            }), 'show');
         }
         catch (error) {
             console.error({ error });
@@ -19583,7 +19268,7 @@ CheckConditionPipe$1.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", versi
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CheckConditionPipe$1, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'checkCondition'
+                    name: 'checkCondition',
                 }]
         }], ctorParameters: function () { return [{ type: NuxeoService }]; } });
 
@@ -20131,6 +19816,11 @@ const PAGE_SIZE = [
     }
 ];
 
+const NDF_EDITOR_TYPE = {
+    REPORTS: 'report',
+    TABLES: 'table'
+};
+
 const EMPTY_TEMPLATE = new InjectionToken('EmptyTemplateDirective');
 class EmptyTemplateDirective {
     constructor(template) {
@@ -20205,7 +19895,7 @@ class TableHooksService {
     evaluate(expr, payload) {
         try {
             const context = { criteria: payload };
-            const result = Evaluator.evaluate(expr, context, 'payload');
+            const result = Utils.evaluate(expr, context, 'payload');
             return result !== null && result !== void 0 ? result : payload;
         }
         catch (e) {
@@ -20219,7 +19909,7 @@ TableHooksService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", ve
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TableHooksService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }] });
 
@@ -27903,6 +27593,7 @@ class GlobalPdfTron {
         WebViewer({
             path: this.baseHref + '/assets/pdftrons',
         }, document.getElementById('global-pdftron')).then((instance) => {
+            instance.CoreControls.disableEmbeddedJavaScript();
             this.saveOptions = instance.CoreControls.SaveOptions;
             this.instance = instance;
         });
@@ -35682,6 +35373,202 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }], ctorParameters: function () { return []; } });
 
+class NdfTronExtractText extends BaseComponent {
+    constructor(pdfTronService, renderer, injector) {
+        super(injector);
+        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 EventEmitter();
+        this.extractedText = '';
+        this.savedCoordinates = [];
+        this.onAnnotationsChange = (annotations, action) => {
+            var _a;
+            this.extractedText = '';
+            const { annotManager, docViewer, Annotations } = (_a = this.pdfTronService) === null || _a === void 0 ? void 0 : _a.instance;
+            if (action === 'add') {
+                annotations.forEach((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();
+                        }
+                        const pageHeight = this.targetPage.page_height;
+                        const pageWidth = this.targetPage.page_width;
+                        const standardHeight = docViewer.getPageHeight(this.currentPageNum);
+                        const standardWidth = docViewer.getPageWidth(this.currentPageNum);
+                        const widthRatio = pageWidth / standardWidth;
+                        const heightRatio = pageHeight / standardHeight;
+                        this.allWords.forEach((word) => {
+                            if (word.coordinates.upper_left.x >= widthRatio * this.rect.x1 &&
+                                word.coordinates.upper_left.y >= heightRatio * this.rect.y1 &&
+                                word.coordinates.bottom_right.x <= widthRatio * this.rect.x2 &&
+                                word.coordinates.bottom_right.y <= heightRatio * this.rect.y2) {
+                                this.extractedText += word.text + ' ';
+                            }
+                        });
+                        if (this.extractedText) {
+                            this.onExtractText.emit(this.extractedText);
+                            this.addFieldNameToRectangle(docViewer, annotManager, Annotations);
+                            this.holdDrawedRectangleCoordinates({
+                                width: widthRatio,
+                                height: heightRatio
+                            });
+                        }
+                    }
+                });
+            }
+        };
+        this.initiateTextDimensions();
+        this.routerService.events.pipe(takeUntil(this.destroy$)).subscribe((res) => {
+            var _a;
+            if (res instanceof NavigationStart) {
+                const { annotManager, docViewer } = (_a = this.pdfTronService) === null || _a === void 0 ? void 0 : _a.instance;
+                annotManager.off('annotationChanged', this.onAnnotationsChange);
+                docViewer.off('documentLoaded', this.enableAnnotationRectangle);
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes.focusedField || changes.pagesZones) {
+            this.enableAnnotationRectangle();
+        }
+    }
+    enableAnnotationRectangle() {
+        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();
+        }
+    }
+    ngAfterViewChecked() {
+        var _a, _b;
+        if (((_a = this.pdfTronService) === null || _a === void 0 ? void 0 : _a.instance) && !this.listnerAdded && this.pagesZones) {
+            this.listnerAdded = true;
+            const { annotManager, docViewer } = (_b = this.pdfTronService) === null || _b === void 0 ? void 0 : _b.instance;
+            docViewer.on('documentLoaded', this.enableAnnotationRectangle);
+            this.setColorOfRectangle(docViewer);
+            annotManager.on('annotationChanged', this.onAnnotationsChange);
+        }
+    }
+    setColorOfRectangle(docViewer) {
+        const rectangleTool = docViewer.getTool('AnnotationCreateRectangle');
+        rectangleTool.defaults = {
+            StrokeColor: this.detectionRectColor,
+            FillColor: this.detectionRectColor,
+            StrokeThickness: 2,
+            Opacity: 0.4
+        };
+    }
+    addFieldNameToRectangle(docViewer, annotManager, Annotations) {
+        const { x1, x2, y1, y2 } = this.rect;
+        if (this.focusedField) {
+            const textAnnot = new Annotations.FreeTextAnnotation();
+            textAnnot.PageNumber = docViewer.getCurrentPage();
+            const rectWidth = x2 - x1;
+            const 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);
+        }
+    }
+    holdDrawedRectangleCoordinates(ratio) {
+        const _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
+        };
+        let index = this.savedCoordinates.findIndex((elem) => 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
+                    }
+                ]
+            });
+        }
+    }
+    getAllWordsInThePage() {
+        return flatMap(this.targetPage.zones, (zone) => flatMap(zone.paragraphs, (paragraph) => flatMap(paragraph.lines, (line) => map$1(line.words))));
+    }
+    initiateTextDimensions() {
+        this.focusedLabelDimensions = { width: 0, height: 0 };
+    }
+    calculateWidthOfText() {
+        const span = this.renderer.createElement('span');
+        const 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);
+        const dimensions = { width: span.clientWidth, height: span.clientHeight };
+        this.renderer.removeChild(document.body, span);
+        return dimensions;
+    }
+    get translatedLabel() {
+        return this.translateService.instant(this.focusedFieldPrefix + this.focusedField);
+    }
+}
+NdfTronExtractText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTronExtractText, deps: [{ token: PdftronService }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
+NdfTronExtractText.ɵdir = i0.ɵɵ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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTronExtractText, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ndfTronExtractText]'
+                }]
+        }], ctorParameters: function () { return [{ type: PdftronService }, { type: i0.Renderer2 }, { type: i0.Injector }]; }, propDecorators: { pagesZones: [{
+                type: Input
+            }], detectionRectColor: [{
+                type: Input
+            }], focusedField: [{
+                type: Input
+            }], focusedFieldPrefix: [{
+                type: Input
+            }], onExtractText: [{
+                type: Output
+            }] } });
+
 var _SilentPdfTronService_instances, _SilentPdfTronService_webViewerInstance, _SilentPdfTronService_webViewerElement, _SilentPdfTronService_isInitialized, _SilentPdfTronService_initializationPromise, _SilentPdfTronService_isArabic, _SilentPdfTronService_isEnabled, _SilentPdfTronService_initializeWebViewer;
 class SilentPdfTronService {
     constructor(baseHref, translationService, environment, nuxeo) {
@@ -35744,6 +35631,7 @@ _SilentPdfTronService_webViewerInstance = new WeakMap(), _SilentPdfTronService_w
         disabledElements: ['downloadButton', 'printButton']
     }, __classPrivateFieldGet(this, _SilentPdfTronService_webViewerElement, "f"))
         .then((instance) => {
+        instance.CoreControls.disableEmbeddedJavaScript();
         __classPrivateFieldSet(this, _SilentPdfTronService_webViewerInstance, instance, "f");
         __classPrivateFieldSet(this, _SilentPdfTronService_isInitialized, true, "f");
     })
@@ -36485,6 +36373,7 @@ _PdftronComponent_docLoaded = new WeakMap(), _PdftronComponent_instances = new W
     });
 }, _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'])) {
@@ -36611,202 +36500,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Output
             }] } });
 
-class NdfTronExtractText extends BaseComponent {
-    constructor(pdfTronService, renderer, injector) {
-        super(injector);
-        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 EventEmitter();
-        this.extractedText = '';
-        this.savedCoordinates = [];
-        this.onAnnotationsChange = (annotations, action) => {
-            var _a;
-            this.extractedText = '';
-            const { annotManager, docViewer, Annotations } = (_a = this.pdfTronService) === null || _a === void 0 ? void 0 : _a.instance;
-            if (action === 'add') {
-                annotations.forEach((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();
-                        }
-                        const pageHeight = this.targetPage.page_height;
-                        const pageWidth = this.targetPage.page_width;
-                        const standardHeight = docViewer.getPageHeight(this.currentPageNum);
-                        const standardWidth = docViewer.getPageWidth(this.currentPageNum);
-                        const widthRatio = pageWidth / standardWidth;
-                        const heightRatio = pageHeight / standardHeight;
-                        this.allWords.forEach((word) => {
-                            if (word.coordinates.upper_left.x >= widthRatio * this.rect.x1 &&
-                                word.coordinates.upper_left.y >= heightRatio * this.rect.y1 &&
-                                word.coordinates.bottom_right.x <= widthRatio * this.rect.x2 &&
-                                word.coordinates.bottom_right.y <= heightRatio * this.rect.y2) {
-                                this.extractedText += word.text + ' ';
-                            }
-                        });
-                        if (this.extractedText) {
-                            this.onExtractText.emit(this.extractedText);
-                            this.addFieldNameToRectangle(docViewer, annotManager, Annotations);
-                            this.holdDrawedRectangleCoordinates({
-                                width: widthRatio,
-                                height: heightRatio
-                            });
-                        }
-                    }
-                });
-            }
-        };
-        this.initiateTextDimensions();
-        this.routerService.events.pipe(takeUntil(this.destroy$)).subscribe((res) => {
-            var _a;
-            if (res instanceof NavigationStart) {
-                const { annotManager, docViewer } = (_a = this.pdfTronService) === null || _a === void 0 ? void 0 : _a.instance;
-                annotManager.off('annotationChanged', this.onAnnotationsChange);
-                docViewer.off('documentLoaded', this.enableAnnotationRectangle);
-            }
-        });
-    }
-    ngOnChanges(changes) {
-        if (changes.focusedField || changes.pagesZones) {
-            this.enableAnnotationRectangle();
-        }
-    }
-    enableAnnotationRectangle() {
-        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();
-        }
-    }
-    ngAfterViewChecked() {
-        var _a, _b;
-        if (((_a = this.pdfTronService) === null || _a === void 0 ? void 0 : _a.instance) && !this.listnerAdded && this.pagesZones) {
-            this.listnerAdded = true;
-            const { annotManager, docViewer } = (_b = this.pdfTronService) === null || _b === void 0 ? void 0 : _b.instance;
-            docViewer.on('documentLoaded', this.enableAnnotationRectangle);
-            this.setColorOfRectangle(docViewer);
-            annotManager.on('annotationChanged', this.onAnnotationsChange);
-        }
-    }
-    setColorOfRectangle(docViewer) {
-        const rectangleTool = docViewer.getTool('AnnotationCreateRectangle');
-        rectangleTool.defaults = {
-            StrokeColor: this.detectionRectColor,
-            FillColor: this.detectionRectColor,
-            StrokeThickness: 2,
-            Opacity: 0.4
-        };
-    }
-    addFieldNameToRectangle(docViewer, annotManager, Annotations) {
-        const { x1, x2, y1, y2 } = this.rect;
-        if (this.focusedField) {
-            const textAnnot = new Annotations.FreeTextAnnotation();
-            textAnnot.PageNumber = docViewer.getCurrentPage();
-            const rectWidth = x2 - x1;
-            const 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);
-        }
-    }
-    holdDrawedRectangleCoordinates(ratio) {
-        const _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
-        };
-        let index = this.savedCoordinates.findIndex((elem) => 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
-                    }
-                ]
-            });
-        }
-    }
-    getAllWordsInThePage() {
-        return flatMap(this.targetPage.zones, (zone) => flatMap(zone.paragraphs, (paragraph) => flatMap(paragraph.lines, (line) => map$1(line.words))));
-    }
-    initiateTextDimensions() {
-        this.focusedLabelDimensions = { width: 0, height: 0 };
-    }
-    calculateWidthOfText() {
-        const span = this.renderer.createElement('span');
-        const 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);
-        const dimensions = { width: span.clientWidth, height: span.clientHeight };
-        this.renderer.removeChild(document.body, span);
-        return dimensions;
-    }
-    get translatedLabel() {
-        return this.translateService.instant(this.focusedFieldPrefix + this.focusedField);
-    }
-}
-NdfTronExtractText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTronExtractText, deps: [{ token: PdftronService }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
-NdfTronExtractText.ɵdir = i0.ɵɵ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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTronExtractText, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ndfTronExtractText]'
-                }]
-        }], ctorParameters: function () { return [{ type: PdftronService }, { type: i0.Renderer2 }, { type: i0.Injector }]; }, propDecorators: { pagesZones: [{
-                type: Input
-            }], detectionRectColor: [{
-                type: Input
-            }], focusedField: [{
-                type: Input
-            }], focusedFieldPrefix: [{
-                type: Input
-            }], onExtractText: [{
-                type: Output
-            }] } });
-
 class PdfTronModule {
 }
 PdfTronModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PdfTronModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -41270,192 +40963,242 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             type: Injectable
         }] });
 
-class NdfPanelComponent {
-    constructor() {
-        this.maxBodyHeight = 'auto';
+class DataAccessService extends BaseEditorConfigService {
+    constructor(injector) {
+        super(injector);
+    }
+    saveData(payload) {
+        return this.customAutomation({
+            operation: 'AC_UA_Create_UI_Configuration',
+            context: payload
+        });
     }
 }
-NdfPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NdfPanelComponent.ɵcmp = i0.ɵɵ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: TemplateRef }, { propertyName: "panelBody", first: true, predicate: ["panelBody"], descendants: true, read: TemplateRef }, { propertyName: "panelFooter", first: true, predicate: ["panelFooter"], descendants: true, read: TemplateRef }], ngImport: i0, 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$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfPanelComponent, decorators: [{
-            type: Component,
+DataAccessService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataAccessService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+DataAccessService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataAccessService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataAccessService, decorators: [{
+            type: Injectable,
             args: [{
-                    selector: 'ndf-panel',
-                    templateUrl: './ndf-panel.component.html',
-                    styleUrls: ['./ndf-panel.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    providedIn: 'root'
                 }]
-        }], propDecorators: { maxBodyHeight: [{
-                type: Input
-            }], panelHeader: [{
-                type: ContentChild,
-                args: ['panelHeader', { read: TemplateRef }]
-            }], panelBody: [{
-                type: ContentChild,
-                args: ['panelBody', { read: TemplateRef }]
-            }], panelFooter: [{
-                type: ContentChild,
-                args: ['panelFooter', { read: TemplateRef }]
-            }] } });
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
-class NdfPanelModule {
-}
-NdfPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NdfPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfPanelModule, declarations: [NdfPanelComponent], imports: [CommonModule], exports: [NdfPanelComponent] });
-NdfPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfPanelModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfPanelModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [NdfPanelComponent],
-                    imports: [CommonModule],
-                    exports: [NdfPanelComponent]
-                }]
-        }] });
+const METADATA_EDITOR_OPTIONS = new InjectionToken('METADATA_EDITOR_CONFIG');
 
-class NdfTabsComponent extends BaseComponent {
-    constructor(injector, evaluatorsService) {
-        super(injector);
-        this.evaluatorsService = evaluatorsService;
-        this.isAllowdTabFn = (_) => true;
-        this._showHeader = true;
-        this.activeTabEmitter = new EventEmitter();
-        this.checkingPermission = false;
+class DataStoreService {
+    constructor(dataAccessService, environment, options) {
+        this.dataAccessService = dataAccessService;
+        this.environment = environment;
+        this.options = options;
+        this._editorTypeSubject = new BehaviorSubject(NDF_EDITOR_TYPE.TABLES);
+        this.editorType$ = this._editorTypeSubject.asObservable();
+        this._editorModeSubject = new BehaviorSubject(CONFIG_EDITOR_MODE.EDIT);
+        this.editorMode$ = this._editorModeSubject.asObservable();
+        this._dataSubject = new BehaviorSubject('{\n"key": "value"\n}');
+        this.editorData$ = this._dataSubject.asObservable();
+        this.previewData$ = this._dataSubject.asObservable().pipe(map((result) => JSON.parse(result)));
     }
-    set showHeader(value) {
-        this._showHeader = value;
+    get editorMode() {
+        return this._editorModeSubject.getValue();
     }
-    get showHeader() {
-        return this._showHeader;
+    get type() {
+        return this._editorTypeSubject.getValue();
     }
-    ngOnInit() {
-        this.checkTabsPermissions();
+    get editorData() {
+        return this._dataSubject.getValue();
     }
-    checkTabsPermissions() {
-        this.checkingPermission = true;
-        const permissionCalls = [];
-        const createPermissionCall = (id, permission, secondaryTab = false) => {
-            if (permission) {
-                return from(this.evaluatorsService.evaluateRule(permission)).pipe(map((res) => ({ id, enabled: res, secondaryTab })));
-            }
-            return of({ id, enabled: true, secondaryTab });
-        };
-        this.tabs.forEach((tab) => {
-            var _a;
-            permissionCalls.push(createPermissionCall(tab.id, tab.permission));
-            (_a = tab.secondary_tabs) === null || _a === void 0 ? void 0 : _a.forEach((subTab) => {
-                permissionCalls.push(createPermissionCall(subTab.id, subTab.permission, true));
-            });
-        });
-        forkJoin(permissionCalls)
-            .pipe(takeUntil(this.destroy$), tap((results) => {
-            const secondaryTabsPerms = results.filter((r) => r.secondaryTab);
-            const primaryTabsPerms = results.filter((r) => !r.secondaryTab);
-            let filteredTabs = cloneDeep(this.tabs);
-            filteredTabs = filteredTabs
-                .filter((tab) => primaryTabsPerms.some((p) => p.id === tab.id && p.enabled))
-                .map((tab) => {
-                var _a;
-                if ((_a = tab.secondary_tabs) === null || _a === void 0 ? void 0 : _a.length) {
-                    tab.secondary_tabs = tab.secondary_tabs.filter((sub) => secondaryTabsPerms.some((p) => p.id === sub.id && p.enabled));
-                }
-                return tab;
-            });
-            this.tabs = filteredTabs;
-        }))
-            .subscribe(() => {
-            if (this.tabs.length && !this.activeTab) {
-                this.activateTab(this.tabs[0]);
+    changeMode(mode) {
+        this._editorModeSubject.next(mode);
+    }
+    changeEditorType(type) {
+        this._editorTypeSubject.next(type);
+    }
+    getData(key, type) {
+        var _a, _b;
+        const 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(switchMap((res) => {
+            var _a, _b;
+            if ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.config) {
+                const 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}');
             }
-            this.checkingPermission = false;
+            return this.editorData$;
+        }));
+    }
+    saveData(key, type) {
+        var _a;
+        const 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
         });
     }
-    get activatedTabId() {
-        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;
+    storeData(data) {
+        this._dataSubject.next(data);
     }
-    get activatedTab() {
-        return this.tabs.find(({ id }) => id === this.activatedTabId);
+}
+DataStoreService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataStoreService, deps: [{ token: DataAccessService }, { token: 'environment' }, { token: METADATA_EDITOR_OPTIONS }], target: i0.ɵɵFactoryTarget.Injectable });
+DataStoreService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataStoreService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataStoreService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: DataAccessService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['environment']
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [METADATA_EDITOR_OPTIONS]
+                }] }]; } });
+
+// monaco-loader.service.ts
+class MonacoLoaderService {
+    constructor() {
+        this.loaded = false;
     }
-    activateTab(tab) {
-        this.activeTab = tab.id;
-        this.activeTabEmitter.emit(tab);
+    load(baseUrl = window.location.origin) {
+        const _vsUrl = window.location.origin + baseUrl + '/assets/monaco-editor/min/vs';
+        if (this.loaded)
+            return this.loadPromise;
+        this.loaded = true;
+        this.loadPromise = new Promise((resolve) => {
+            // If already available
+            if (window.monaco) {
+                resolve(window.monaco);
+                return;
+            }
+            const onAmdLoader = () => {
+                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'], () => {
+                    resolve(window.monaco);
+                });
+            };
+            // Load AMD loader if needed
+            if (!window.require) {
+                const 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;
     }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
+}
+MonacoLoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonacoLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+MonacoLoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonacoLoaderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonacoLoaderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class EditorModeSwitchComponent {
+    constructor() {
+        this.changeMode = new EventEmitter();
+        this.modes = CONFIG_EDITOR_MODE;
     }
-    isEnabledTab(tabId) {
-        var _a;
-        return (_a = tabId.isEnable) !== null && _a !== void 0 ? _a : true;
+    ngOnInit() { }
+    onModeChange(mode) {
+        this.changeMode.emit(mode.value);
     }
 }
-NdfTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTabsComponent, deps: [{ token: i0.Injector }, { token: EvaluatorsService }], target: i0.ɵɵFactoryTarget.Component });
-NdfTabsComponent.ɵcmp = i0.ɵɵ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: TemplateRef }, { propertyName: "headerOptions", first: true, predicate: ["headerOptions"], descendants: true, read: TemplateRef }, { propertyName: "tabBody", first: true, predicate: ["tabBody"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, 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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i1.TranslatePipe }, animations: [
-        trigger('visibilitySlide', [
-            state('true', style({ height: '*', visibility: '*' })),
-            state('false', style({ height: '0', visibility: 'hidden' })),
-            transition('false => true', animate('150ms ease-out')),
-            transition('true => false', animate('150ms ease-in'))
-        ])
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTabsComponent, decorators: [{
+EditorModeSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EditorModeSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EditorModeSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EditorModeSwitchComponent, selector: "app-editor-mode-switch", inputs: { mode: "mode" }, outputs: { changeMode: "changeMode" }, ngImport: i0, template: `
+		<mat-button-toggle-group [value]="mode" (change)="onModeChange($event)">
+			<mat-button-toggle *ngFor="let mod of modes | keyvalue" [value]="mod.value"
+				>{{ 'JSON_EDITOR.MODES.' + (mod.key | lowercase) | translate }}
+			</mat-button-toggle>
+		</mat-button-toggle-group>
+	`, isInline: true, styles: [""], components: [{ type: i1$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$b.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "keyvalue": i4$1.KeyValuePipe, "translate": i1.TranslatePipe, "lowercase": i4$1.LowerCasePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EditorModeSwitchComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ndf-tabs',
-                    templateUrl: './ndf-tabs.component.html',
-                    styleUrls: ['./ndf-tabs.component.scss'],
-                    host: { class: 'w-full h-full' },
-                    animations: [
-                        trigger('visibilitySlide', [
-                            state('true', style({ height: '*', visibility: '*' })),
-                            state('false', style({ height: '0', visibility: 'hidden' })),
-                            transition('false => true', animate('150ms ease-out')),
-                            transition('true => false', animate('150ms ease-in'))
-                        ])
-                    ]
+                    selector: 'app-editor-mode-switch',
+                    template: `
+		<mat-button-toggle-group [value]="mode" (change)="onModeChange($event)">
+			<mat-button-toggle *ngFor="let mod of modes | keyvalue" [value]="mod.value"
+				>{{ 'JSON_EDITOR.MODES.' + (mod.key | lowercase) | translate }}
+			</mat-button-toggle>
+		</mat-button-toggle-group>
+	`,
+                    styles: ['']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: EvaluatorsService }]; }, propDecorators: { tabHeader: [{
-                type: ContentChild,
-                args: ['tabHeader', { read: TemplateRef }]
-            }], headerOptions: [{
-                type: ContentChild,
-                args: ['headerOptions', { read: TemplateRef }]
-            }], tabBody: [{
-                type: ContentChild,
-                args: ['tabBody', { read: TemplateRef }]
-            }], tabs: [{
-                type: Input
-            }], activeTab: [{
-                type: Input
-            }], isAllowdTabFn: [{
-                type: Input
-            }], showHeader: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { mode: [{
                 type: Input
-            }], activeTabEmitter: [{
+            }], changeMode: [{
                 type: Output
             }] } });
 
-class NdfTabsModule {
+class InfoDialogComponent extends BaseDialogComponent {
+    constructor() {
+        super(...arguments);
+        this.baseAppUrl = this._injector.get(APP_BASE_HREF);
+        this.activeDoc = null;
+    }
+    ngOnInit() {
+        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 || '';
+        }
+    }
 }
-NdfTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NdfTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTabsModule, declarations: [NdfTabsComponent], imports: [CommonModule,
-        TranslateModule], exports: [NdfTabsComponent] });
-NdfTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTabsModule, imports: [[
-            CommonModule,
-            TranslateModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTabsModule, decorators: [{
-            type: NgModule,
+InfoDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InfoDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+InfoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: InfoDialogComponent, selector: "app-info-dialog", usesInheritance: true, ngImport: i0, 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$8.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "emoji", "katex", "katexOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start"], outputs: ["error", "load", "ready"] }], directives: [{ type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InfoDialogComponent, decorators: [{
+            type: Component,
             args: [{
-                    declarations: [NdfTabsComponent],
-                    imports: [
-                        CommonModule,
-                        TranslateModule
-                    ],
-                    exports: [NdfTabsComponent]
+                    selector: 'app-info-dialog',
+                    templateUrl: './info-dialog.component.html',
+                    styleUrls: ['./info-dialog.component.scss']
                 }]
         }] });
 
+class ConfigEditorActionsComponent {
+    constructor() {
+        this.saveDisabled = false;
+        this.onSave = new EventEmitter();
+        this.onInfo = new EventEmitter();
+        this.onBack = new EventEmitter();
+    }
+    ngOnInit() { }
+}
+ConfigEditorActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigEditorActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ConfigEditorActionsComponent.ɵcmp = i0.ɵɵ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, 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$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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigEditorActionsComponent, decorators: [{
+            type: 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: Input
+            }], config: [{
+                type: Input
+            }], onSave: [{
+                type: Output
+            }], onInfo: [{
+                type: Output
+            }], onBack: [{
+                type: Output
+            }] } });
+
 const COLORS_COUNT = 10;
 const CHART_MAIN_COLOR = '#184e77';
 
@@ -43416,7 +43159,7 @@ class ReportsHooksService {
     evaluate(expr, payload) {
         try {
             const context = { criteria: payload };
-            const result = Evaluator.evaluate(expr, context, 'payload');
+            const result = Utils.evaluate(expr, context, 'payload');
             return result !== null && result !== void 0 ? result : payload;
         }
         catch (e) {
@@ -43925,22 +43668,35 @@ class ReportConfigMapperService {
                     type: 'bar',
                     options: overrides === null || overrides === void 0 ? void 0 : overrides.verticalBar,
                     direction: 'vertical',
-                    callbacks
+                    callbacks,
                 }),
                 horizontalBar: this._getChartOptions({
                     type: 'bar',
                     options: overrides === null || overrides === void 0 ? void 0 : overrides.verticalBar,
                     direction: 'horizontal',
-                    callbacks
+                    callbacks,
                 }),
                 doughnut: this._getChartOptions({
                     type: 'doughnut',
                     options: overrides === null || overrides === void 0 ? void 0 : overrides.doughnut,
-                    callbacks
+                    callbacks,
                 }),
-                line: this._getChartOptions({ type: 'line', options: overrides === null || overrides === void 0 ? void 0 : overrides.line, callbacks }),
-                pie: this._getChartOptions({ type: 'pie', options: overrides === null || overrides === void 0 ? void 0 : overrides.pie, callbacks })
-            }, options: this._getChartOptions({ type: config.chart.type, options, direction, callbacks }) });
+                line: this._getChartOptions({
+                    type: 'line',
+                    options: overrides === null || overrides === void 0 ? void 0 : overrides.line,
+                    callbacks,
+                }),
+                pie: this._getChartOptions({
+                    type: 'pie',
+                    options: overrides === null || overrides === void 0 ? void 0 : overrides.pie,
+                    callbacks,
+                }),
+            }, options: this._getChartOptions({
+                type: config.chart.type,
+                options,
+                direction,
+                callbacks,
+            }) });
         if (Array.isArray(plugins) && plugins.length > 0) {
             chart.plugins = this._preparePlugins(plugins);
         }
@@ -43995,14 +43751,14 @@ class ReportConfigMapperService {
             return acc;
         }, []);
     }
-    _getChartOptions({ type, options, direction = 'horizontal', callbacks }) {
+    _getChartOptions({ type, options, direction = 'horizontal', callbacks, }) {
         var _a;
         const _optionsMap = {
             verticalBar: getVerticalBarOptions,
             horizontalBar: getHorizontalBarOptions,
             doughnut: getDoughnutOptions,
             line: getLineOptions,
-            pie: getPieOptions
+            pie: getPieOptions,
         };
         const key = type === 'bar' ? `${direction}Bar` : type;
         const _options = ((_a = _optionsMap[key]) === null || _a === void 0 ? void 0 : _a.call(_optionsMap, options)) || {};
@@ -44024,7 +43780,7 @@ class ReportConfigMapperService {
             .filter((call) => !!call.path && !!call.callback)
             .forEach((callback) => {
             try {
-                const fn = Evaluator.evaluate(callback.callback, {
+                const fn = Utils.evaluate(callback.callback, {
                     type,
                     translate: this._translateService,
                     register: this._chartPluginsCallbacks,
@@ -44043,7 +43799,7 @@ ReportConfigMapperService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ReportConfigMapperService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: function () { return [{ type: ChartPluginsRegistry }, { type: ChartCallbacksRegisterService }, { type: i1.TranslateService }]; } });
 
@@ -45678,7 +45434,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
 class CheckConditionPipe {
     transform(activeQuery, condition, config) {
         if (condition) {
-            return Evaluator.evaluate(condition, { activeQuery, config }, 'show');
+            return Utils.evaluate(condition, { activeQuery, config }, 'show');
         }
         return true;
     }
@@ -45810,242 +45566,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
-class DataAccessService extends BaseEditorConfigService {
-    constructor(injector) {
-        super(injector);
-    }
-    saveData(payload) {
-        return this.customAutomation({
-            operation: 'AC_UA_Create_UI_Configuration',
-            context: payload
-        });
-    }
-}
-DataAccessService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataAccessService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-DataAccessService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataAccessService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataAccessService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
-
-const METADATA_EDITOR_OPTIONS = new InjectionToken('METADATA_EDITOR_CONFIG');
-
-class DataStoreService {
-    constructor(dataAccessService, environment, options) {
-        this.dataAccessService = dataAccessService;
-        this.environment = environment;
-        this.options = options;
-        this._editorTypeSubject = new BehaviorSubject(NDF_EDITOR_TYPE.TABLES);
-        this.editorType$ = this._editorTypeSubject.asObservable();
-        this._editorModeSubject = new BehaviorSubject(CONFIG_EDITOR_MODE.EDIT);
-        this.editorMode$ = this._editorModeSubject.asObservable();
-        this._dataSubject = new BehaviorSubject('{\n"key": "value"\n}');
-        this.editorData$ = this._dataSubject.asObservable();
-        this.previewData$ = this._dataSubject.asObservable().pipe(map((result) => JSON.parse(result)));
-    }
-    get editorMode() {
-        return this._editorModeSubject.getValue();
-    }
-    get type() {
-        return this._editorTypeSubject.getValue();
-    }
-    get editorData() {
-        return this._dataSubject.getValue();
-    }
-    changeMode(mode) {
-        this._editorModeSubject.next(mode);
-    }
-    changeEditorType(type) {
-        this._editorTypeSubject.next(type);
-    }
-    getData(key, type) {
-        var _a, _b;
-        const 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(switchMap((res) => {
-            var _a, _b;
-            if ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.config) {
-                const 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$;
-        }));
-    }
-    saveData(key, type) {
-        var _a;
-        const 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
-        });
-    }
-    storeData(data) {
-        this._dataSubject.next(data);
-    }
-}
-DataStoreService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataStoreService, deps: [{ token: DataAccessService }, { token: 'environment' }, { token: METADATA_EDITOR_OPTIONS }], target: i0.ɵɵFactoryTarget.Injectable });
-DataStoreService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataStoreService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DataStoreService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: DataAccessService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['environment']
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [METADATA_EDITOR_OPTIONS]
-                }] }]; } });
-
-// monaco-loader.service.ts
-class MonacoLoaderService {
-    constructor() {
-        this.loaded = false;
-    }
-    load(baseUrl = window.location.origin) {
-        const _vsUrl = window.location.origin + baseUrl + '/assets/monaco-editor/min/vs';
-        if (this.loaded)
-            return this.loadPromise;
-        this.loaded = true;
-        this.loadPromise = new Promise((resolve) => {
-            // If already available
-            if (window.monaco) {
-                resolve(window.monaco);
-                return;
-            }
-            const onAmdLoader = () => {
-                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'], () => {
-                    resolve(window.monaco);
-                });
-            };
-            // Load AMD loader if needed
-            if (!window.require) {
-                const 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;
-    }
-}
-MonacoLoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonacoLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-MonacoLoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonacoLoaderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonacoLoaderService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-class EditorModeSwitchComponent {
-    constructor() {
-        this.changeMode = new EventEmitter();
-        this.modes = CONFIG_EDITOR_MODE;
-    }
-    ngOnInit() { }
-    onModeChange(mode) {
-        this.changeMode.emit(mode.value);
-    }
-}
-EditorModeSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EditorModeSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EditorModeSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EditorModeSwitchComponent, selector: "app-editor-mode-switch", inputs: { mode: "mode" }, outputs: { changeMode: "changeMode" }, ngImport: i0, template: `
-		<mat-button-toggle-group [value]="mode" (change)="onModeChange($event)">
-			<mat-button-toggle *ngFor="let mod of modes | keyvalue" [value]="mod.value"
-				>{{ 'JSON_EDITOR.MODES.' + (mod.key | lowercase) | translate }}
-			</mat-button-toggle>
-		</mat-button-toggle-group>
-	`, isInline: true, styles: [""], components: [{ type: i1$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$b.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "keyvalue": i4$1.KeyValuePipe, "translate": i1.TranslatePipe, "lowercase": i4$1.LowerCasePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EditorModeSwitchComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-editor-mode-switch',
-                    template: `
-		<mat-button-toggle-group [value]="mode" (change)="onModeChange($event)">
-			<mat-button-toggle *ngFor="let mod of modes | keyvalue" [value]="mod.value"
-				>{{ 'JSON_EDITOR.MODES.' + (mod.key | lowercase) | translate }}
-			</mat-button-toggle>
-		</mat-button-toggle-group>
-	`,
-                    styles: ['']
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { mode: [{
-                type: Input
-            }], changeMode: [{
-                type: Output
-            }] } });
-
-class InfoDialogComponent extends BaseDialogComponent {
-    constructor() {
-        super(...arguments);
-        this.baseAppUrl = this._injector.get(APP_BASE_HREF);
-        this.activeDoc = null;
-    }
-    ngOnInit() {
-        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 || '';
-        }
-    }
-}
-InfoDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InfoDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-InfoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: InfoDialogComponent, selector: "app-info-dialog", usesInheritance: true, ngImport: i0, 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$8.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "emoji", "katex", "katexOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start"], outputs: ["error", "load", "ready"] }], directives: [{ type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InfoDialogComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-info-dialog',
-                    templateUrl: './info-dialog.component.html',
-                    styleUrls: ['./info-dialog.component.scss']
-                }]
-        }] });
-
-class ConfigEditorActionsComponent {
-    constructor() {
-        this.saveDisabled = false;
-        this.onSave = new EventEmitter();
-        this.onInfo = new EventEmitter();
-        this.onBack = new EventEmitter();
-    }
-    ngOnInit() { }
-}
-ConfigEditorActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigEditorActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ConfigEditorActionsComponent.ɵcmp = i0.ɵɵ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, 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$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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfigEditorActionsComponent, decorators: [{
-            type: 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: Input
-            }], config: [{
-                type: Input
-            }], onSave: [{
-                type: Output
-            }], onInfo: [{
-                type: Output
-            }], onBack: [{
-                type: Output
-            }] } });
-
 class EditorSettingsComponent {
     constructor(_componentRegister, _evaluatorsService, _ndfTransformService, _chartDataTransformers, _chartPluginsRegistry) {
         this._componentRegister = _componentRegister;
@@ -46572,6 +46092,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
+class NdfPanelComponent {
+    constructor() {
+        this.maxBodyHeight = 'auto';
+    }
+}
+NdfPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NdfPanelComponent.ɵcmp = i0.ɵɵ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: TemplateRef }, { propertyName: "panelBody", first: true, predicate: ["panelBody"], descendants: true, read: TemplateRef }, { propertyName: "panelFooter", first: true, predicate: ["panelFooter"], descendants: true, read: TemplateRef }], ngImport: i0, 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$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ndf-panel',
+                    templateUrl: './ndf-panel.component.html',
+                    styleUrls: ['./ndf-panel.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { maxBodyHeight: [{
+                type: Input
+            }], panelHeader: [{
+                type: ContentChild,
+                args: ['panelHeader', { read: TemplateRef }]
+            }], panelBody: [{
+                type: ContentChild,
+                args: ['panelBody', { read: TemplateRef }]
+            }], panelFooter: [{
+                type: ContentChild,
+                args: ['panelFooter', { read: TemplateRef }]
+            }] } });
+
+class NdfPanelModule {
+}
+NdfPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NdfPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfPanelModule, declarations: [NdfPanelComponent], imports: [CommonModule], exports: [NdfPanelComponent] });
+NdfPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfPanelModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfPanelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NdfPanelComponent],
+                    imports: [CommonModule],
+                    exports: [NdfPanelComponent]
+                }]
+        }] });
+
 const UPLOADER_CONFIG = {
     DEFAULT_PROVIDER: 'nuxeo',
     MAX_CONCURRENT_REQUESTS: 5,
@@ -48899,6 +48461,150 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
+class NdfTabsComponent extends BaseComponent {
+    constructor(injector, evaluatorsService) {
+        super(injector);
+        this.evaluatorsService = evaluatorsService;
+        this.isAllowdTabFn = (_) => true;
+        this._showHeader = true;
+        this.activeTabEmitter = new EventEmitter();
+        this.checkingPermission = false;
+    }
+    set showHeader(value) {
+        this._showHeader = value;
+    }
+    get showHeader() {
+        return this._showHeader;
+    }
+    ngOnInit() {
+        this.checkTabsPermissions();
+    }
+    checkTabsPermissions() {
+        this.checkingPermission = true;
+        const permissionCalls = [];
+        const createPermissionCall = (id, permission, secondaryTab = false) => {
+            if (permission) {
+                return from(this.evaluatorsService.evaluateRule(permission)).pipe(map((res) => ({ id, enabled: res, secondaryTab })));
+            }
+            return of({ id, enabled: true, secondaryTab });
+        };
+        this.tabs.forEach((tab) => {
+            var _a;
+            permissionCalls.push(createPermissionCall(tab.id, tab.permission));
+            (_a = tab.secondary_tabs) === null || _a === void 0 ? void 0 : _a.forEach((subTab) => {
+                permissionCalls.push(createPermissionCall(subTab.id, subTab.permission, true));
+            });
+        });
+        forkJoin(permissionCalls)
+            .pipe(takeUntil(this.destroy$), tap((results) => {
+            const secondaryTabsPerms = results.filter((r) => r.secondaryTab);
+            const primaryTabsPerms = results.filter((r) => !r.secondaryTab);
+            let filteredTabs = cloneDeep(this.tabs);
+            filteredTabs = filteredTabs
+                .filter((tab) => primaryTabsPerms.some((p) => p.id === tab.id && p.enabled))
+                .map((tab) => {
+                var _a;
+                if ((_a = tab.secondary_tabs) === null || _a === void 0 ? void 0 : _a.length) {
+                    tab.secondary_tabs = tab.secondary_tabs.filter((sub) => secondaryTabsPerms.some((p) => p.id === sub.id && p.enabled));
+                }
+                return tab;
+            });
+            this.tabs = filteredTabs;
+        }))
+            .subscribe(() => {
+            if (this.tabs.length && !this.activeTab) {
+                this.activateTab(this.tabs[0]);
+            }
+            this.checkingPermission = false;
+        });
+    }
+    get activatedTabId() {
+        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;
+    }
+    get activatedTab() {
+        return this.tabs.find(({ id }) => id === this.activatedTabId);
+    }
+    activateTab(tab) {
+        this.activeTab = tab.id;
+        this.activeTabEmitter.emit(tab);
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    isEnabledTab(tabId) {
+        var _a;
+        return (_a = tabId.isEnable) !== null && _a !== void 0 ? _a : true;
+    }
+}
+NdfTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTabsComponent, deps: [{ token: i0.Injector }, { token: EvaluatorsService }], target: i0.ɵɵFactoryTarget.Component });
+NdfTabsComponent.ɵcmp = i0.ɵɵ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: TemplateRef }, { propertyName: "headerOptions", first: true, predicate: ["headerOptions"], descendants: true, read: TemplateRef }, { propertyName: "tabBody", first: true, predicate: ["tabBody"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, 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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i1.TranslatePipe }, animations: [
+        trigger('visibilitySlide', [
+            state('true', style({ height: '*', visibility: '*' })),
+            state('false', style({ height: '0', visibility: 'hidden' })),
+            transition('false => true', animate('150ms ease-out')),
+            transition('true => false', animate('150ms ease-in'))
+        ])
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTabsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ndf-tabs',
+                    templateUrl: './ndf-tabs.component.html',
+                    styleUrls: ['./ndf-tabs.component.scss'],
+                    host: { class: 'w-full h-full' },
+                    animations: [
+                        trigger('visibilitySlide', [
+                            state('true', style({ height: '*', visibility: '*' })),
+                            state('false', style({ height: '0', visibility: 'hidden' })),
+                            transition('false => true', animate('150ms ease-out')),
+                            transition('true => false', animate('150ms ease-in'))
+                        ])
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: EvaluatorsService }]; }, propDecorators: { tabHeader: [{
+                type: ContentChild,
+                args: ['tabHeader', { read: TemplateRef }]
+            }], headerOptions: [{
+                type: ContentChild,
+                args: ['headerOptions', { read: TemplateRef }]
+            }], tabBody: [{
+                type: ContentChild,
+                args: ['tabBody', { read: TemplateRef }]
+            }], tabs: [{
+                type: Input
+            }], activeTab: [{
+                type: Input
+            }], isAllowdTabFn: [{
+                type: Input
+            }], showHeader: [{
+                type: Input
+            }], activeTabEmitter: [{
+                type: Output
+            }] } });
+
+class NdfTabsModule {
+}
+NdfTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NdfTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTabsModule, declarations: [NdfTabsComponent], imports: [CommonModule,
+        TranslateModule], exports: [NdfTabsComponent] });
+NdfTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTabsModule, imports: [[
+            CommonModule,
+            TranslateModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfTabsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NdfTabsComponent],
+                    imports: [
+                        CommonModule,
+                        TranslateModule
+                    ],
+                    exports: [NdfTabsComponent]
+                }]
+        }] });
+
 /*
  * Public API Surface of nuxeo-development-framework
  */
@@ -48907,5 +48613,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIONS_TABLE_TEMPLATE, AGGREGATION_FIELD_TYPES, AUTOCOMPLETE_TEMPLATE, ActionsTableTemplateDirective, ActiveUserSwitchComponent, ActivitiesLogComponent, ActivitiesLogModule, ActivityLineComponent, AdapterService, AddPermissionsDialogComponent, AddToCollectionComponent, AggregationAutocompleteComponent, AggregationCheckboxComponent, AggregationCustomComponent, AggregationDateListComponent, AggregationFieldComponent, AggregationGroupComponent, AggregationRadioComponent, AggregationSelectComponent, AggregationSwitchComponent, ApisErrorsMessagesService, AppConfigService, AppHasRoleDirective, AttachmentItemComponent, AttachmentItemModule, AttachmentModalModule, AttachmentsComponent, AttachmentsListComponent, AttachmentsPageProviderComponent, AutocompleteFilterPipe, AutocompleteTemplateDirective, AvatarComponent, AvatarModule, BaseChartBuilderService, BaseChartComponent, BaseColumnComponent, BaseComponent, BaseCustomReport, BaseDatePicker, BaseDateValueAccessor, BaseDialogComponent, BaseEditorConfigService, BaseNodeClass, BaseSelector, BaseService, BooleanViewerComponent, ButtonComponent, CHART_DEFAULTS_OPTIONS, CHART_MAIN_COLOR, CHECKBOX_TEMPLATE, COLORS_COUNT, COMPARISON_OPERATOR, CONFIG_EDITOR_MODE, CUSTOM_FIELD_TYPES, CUSTOM_TEMPLATE, CachingExpiryUnit, CalendarService, CallApiService, CardComponent, CardModule, ChartCallbacksRegisterService, ChartComponent, ChartDataService, ChartDataTransformers, index$1 as ChartDefaults, ChartManagerService, ChartPanel, ChartPanelFooterComponent, ChartPanelHeaderComponent, ChartPanelModule, index as ChartPlugins, ChartPluginsRegistry, ChartThemeService, index$2 as ChartUtils, ChartsModule, CheckConditionPipe$1 as CheckConditionPipe, CheckboxTemplateDirective, CircleNode, CircleNodeComponent, ClickOutsideDirective, ClipboardComponent, ColumnRendererRegistryService, CommentApiService, CommentsDashletComponent, CommentsModule, ComponentRegisterService, ComponentTranslationModel, ConfigEditorActionsComponent, ConfigPreviewComponent, ConfirmCallerDialogComponent, ConfirmCallerModule, ConfirmDialogComponent, ConfirmationDialogComponent, ConfirmationDialogModule, Connection, ConnectionLabelComponent, ContentActionType, ContentNode, ContentNodeComponent, CopyComponent, CopyToClipboardDirective, CopyToClipboardModule, CorrespondenceRelationComponent, CorrespondenceRelationCreateFormComponent, CorrespondenceRelationModule, CorrespondenceRelationService, CorrespondenceTagsComponent, CreateDirectoryComponent, CreateEntityComponent, CreateEntityModule, CreateModalComponent, CreationTypeComponent, CtsTagsModule, CustomConnectionComponent, CustomDocumentViewerComponent, CustomFieldComponent, CustomMomentDateAdapter, CustomPpViewerComponent, CustomReportsRegistry, CustomSocketComponent, CustomTemplateDirective, CustomToastrModule, CustomToastrService, CutomeVocViewerComponent, DATE_LIST_TEMPLATE, DATE_LIST_VIEW, DATE_LOCALE_KEYS, DATE_TYPE, DEFAULT_DEBOUNCE_TIME, DEFAULT_VIEW, DIAGRAM_DEFAULT_OPTIONS, DIAGRAM_HEIGHT, DROPDOWN_LABEL_TEMPLATE, DROPDOWN_MULTI_LABEL_TEMPLATE, DROPDOWN_TEMPLATE, DataChartComponent, DataViewerComponent, DateFormatterService, DateHelperService, DateListTemplateDirective, DateViewerComponent, DeleteComponent, DepartmentApiService, DepartmentFormComponent, DepartmentManagementService, DepartmentViewerComponent, DestroySubject, DiagramDirective, DiagramPluginsService, DiagramService, DiagramUtils, DiagramsModule, DialogMangmentService, DigitChartService, DirectiveModule, DisplaySuitableIconComponent, DisplaySuitableIconModule, DocumentScanService, DocumentTemplatesConstants, DocumentTemplatesService, DocumentUploadComponent, DocumentsComponent, DocumentsConstants, DocumentsListComponent, DocumentsModule, DocumentsService, DragAndDropDirective, DropdownLabelTemplateDirective, DropdownMultiLabelTemplateDirective, DropdownTemplateDirective, DropdownViewerComponent, DynamicChartComponent, DynamicChartModule, DynamicColumnComponent, DynamicCustomComponent, DynamicFieldsRendererComponent, DynamicFieldsRendererModule, DynamicFilterComponent, DynamicFilterModule, DynamicFormBoolItemComponent, DynamicFormBuilderComponent, DynamicFormCheckboxItemComponent, DynamicFormComponent, DynamicFormDateItemComponent, DynamicFormDepartmentComponent, DynamicFormFieldComponent, DynamicFormHijriDateitemComponent, DynamicFormMapItemComponent, DynamicFormModule, DynamicFormOptionsComponent, DynamicFormSelectItemComponent, DynamicFormSelectTagComponent, DynamicFormSelectUserFilterComponent, DynamicFormSelectUsersComponent, DynamicFormService, DynamicFormSlideToggleitemComponent, DynamicFormTextItemComponent, DynamicFormTextareaComponent, DynamicFormViewerComponent, DynamicFormVocabularyItemComponent, DynamicSearchComponent, DynamicSearchModule, DynamicTableComponent, DynamicTableModule, DynamicTableService, DynamicTabsComponent, DynamicTabsModule, DynamicTimelineReportService, DynamicViewModule, EMPTY_CONTENT_TEMPLATE, EMPTY_TEMPLATE, ENTITY_TYPE, EXTENSION_JSONS, EditDeleteModalComponent, EditorModeSwitchComponent, EditorSettingsComponent, ElementHeightDirective, ElementHeightModule, EmdhaAuthDialog, EmdhaService, EmptyContentTemplateDirective, EmptyTemplateDirective, EnvManager, Evaluator, EvaluatorLabelPipe, EvaluatorsService, ExtensionLoaderService, ExtensionService, FIELD_SEND_MODE, FIELD_TYPE, FILE_CONTENT, FILTER_CUSTOM_TEMPLATE, FILTER_DATES_TYPE, FieldHeaderComponent, FieldValueObject, FileEventType, FileGridInfiniteScrollDirective, FileManagerAbstract, FileManagerAdapter, FileManagerPaginationConfig, FileManagerService, FileMangerModule, FileSizePipe, FileStatus, FilterAutocompleteInputComponent, FilterCollapseControlComponent, FilterComponent, FilterCustomTemplateDirective, FilterDateRangeComponent, FilterEmptyMessageComponent, FilterModule, FilterOptionTextComponent, FilterOptionsSortComponent, FilterPipe, FilterQueryService, FilterSearchInputComponent, FiltersByRolesPipe, FiltersMapperService, FiltersPanelComponent, FluidHeightDirective, FluidHeightModule, FolderModalComponent, FolderishType, FormBuilderService, GREGORIAN_DATE_FORMATS, GREGORIAN_FORMAT, GatewayNodeComponent, GatewayPortsComponent, GeneralNotificationPopupComponent, GlobalAdminService, GlobalPdfTron, GregorianDatepickerComponent, HEADER_PANEL_TEMPLATE, HIJRI_DATE_ARABIC_NAMES, HIJRI_DATE_ENGLISH_NAMES, HIJRI_DATE_FORMATS, HIJRI_FORMAT, HashTranslateAsyncPipe, HashTranslatePipe, HeaderPanelTemplateDirective, HijriAdapterService, HijriDatePipe, HijriDatepickerComponent, HijriGregorianDatepickerComponent, HtmlDialogComponent, IN_OUT_DIRECTION, IconService, InfoDialogComponent, InitializationService, InputDateComponent, InputPort, InputRangeDateComponent, InsertSingPosition, ItemListComponent, Lang, LatestActivityComponent, LatestActivityModule, LibrarySharedModule, ListViewerComponent, LoanRequestComponent, LocalStoragService, LocalizeState, LocalizedDatePipe, LocalizedLabelPipe, MAT_MOMENT_DATE_ADAPTER_OPTIONS, MAT_MOMENT_DATE_ADAPTER_OPTIONS_FACTORY, MESSAGE_TYPE, METADATA_EDITOR_OPTIONS, MIN_VISIBLE_COUNT, MONACO_EDITOR_CONFIG, MY_MOMENT_FORMATS, MainfolderService, MapToAggregationConfigPipe, MessageService, ModeTogglerComponent, MomentDateAdapter, MonacoEditorComponent, MoveComponent, MultiValuePipe, MultipleDynamicFormViewerComponent, MutipleDynamicFormViewerModule, NDF_EDITOR_TYPE, NODE_CIRCLE_SIZE, NODE_GATEWAY_SIZE, NODE_HEIGHT, NODE_MARGIN, NODE_STATUS, NODE_TYPE, NODE_WIDTH, NOTIFICATIONS_LIST_OPTIONS, NOTIFICATION_ICON, NOTIFICATION_ITEM, NOTIFICATION_STATUS, NOTIFY_EVENT, NdfConfigEditorComponent, NdfConfigEditorModule, NdfConfirmationDialogComponent, NdfDatepickerComponent, NdfDatepickerModule, NdfFiltersPanelModule, NdfGregorianDatepickerComponent, NdfHijriDatepickerComponent, NdfNuxeoDialog, NdfPanelComponent, NdfPanelModule, NdfReportComponent, NdfReportsComponent, NdfReportsModule, NdfReportsService, NdfScannerComponent, NdfScannerModule, NdfSignaturePanelComponent, NdfSignaturesModule, NdfTableComponent, NdfTableConfigurationService, NdfTableModule, NdfTableService, NdfTabsComponent, NdfTabsModule, NdfTransformService, NdfTronExtractText, NdfUploaderBottomSheetComponent, NdfUploaderBottomSheetService, NdfUploaderModule, NdfUploaderService, NdfUploaderSheetEventType, NgxHijriGregorianDatepickerModule, NoDataComponent, NoDataFoundComponent, NoDataModule, NodeIconComponent, NodeInputsComponent, NodeOutputsComponent, NodePortsComponent, NotificationIconDirective, NotificationItemComponent, NotificationItemDirective, NotificationSourceSelectComponent, NotificationStatusToggleComponent, NotificationToastComponent, NotificationsButtonComponent, NotificationsDateSelectComponent, NotificationsListComponent, NotificationsListContainerComponent, NotificationsModule, NotificationsService, NotificationsSettingsContainerComponent, NuxeoCoreModule, NuxeoDevelopmentFrameworkComponent, NuxeoDevelopmentFrameworkModule, NuxeoDevelopmentFrameworkService, NuxeoDialogModule, NuxeoDialogService, NuxeoMapper, NuxeoService, NxQL, NxQlQuery, OutputPort, OverrideTokenService, PAGINATION_MODE, PANEL_MODE, PARAMS_KEYS, PREDICATE_FIELD_TYPES, PROJECT_BASE_HREF, PageSizesListComponent, PaginationComponent, PaginationModule, PdfTronModule, PdftronComponent, PdftronService, PermissionService, PermissionsComponent, PermissionsDirective, PermissionsModule, PermissionsTemplateComponent, PipesModule, PredicateDateInputComponent, PredicateFieldComponent, PredicateTextInputComponent, PublishDialogComponent, PublishingDocumentService, RADIO_TEMPLATE, RadioTemplateDirective, ReadMoreComponent, RecentlyViewedService, RemoveButtonComponent, RenameComponent, ReportConfigMapperService, ReportConfigurationService, ReportTransformService, ReportsDataTransformers, ReportsHooksService, ReportsStateService, RolesService, SEARCH_TABLE_TEMPLATE, SOCKET_WIDTH, SUBSCRIPTION_STATE, SWITCH_TEMPLATE, SafeHtmlPipe, SanitizerPipe, ScanComponent, ScanModalComponent, ScrollableDivDirective, SearchAutocompleteComponent, SearchTableTemplateDirective, SecurePipe, SelectComponent, SelectModule, SelectUsersByDepartmentModule, SelectUsersByDepartmentsComponent, SetDirRtlDirective, SetRtlDirective, ShareDialogComponent, SharedDocsService, SharedServicesModule, SidepanelComponent, SignatureType, SignaturesService, SilentPdfTronService, SingleActivityComponent, SkeletonComponent, SkeletonModule, Socket, SortListPipe, SortingListComponent, SpellCheckerFieldModule, SpellCheckerTextFieldComponent, SpinnerComponent, StatisticService, StatusIconComponent, SwitchTemplateDirective, TRANSLATION_PROVIDER, TableColumnsTogglerComponent, TableComponent, TableExportComponent, TableHooksService, TableModule, TableSkeletonComponent, TagsApiService, TemplateModalComponent, TemplateNode, TemplateNodeComponent, TextSearchComponent, TimeAgoPipe, ToastsModule, TooltipPipe, TransactionStatus, TransferDocComponent, TranslateLoaderService, TranslatedVocabularySelectComponent, TranslationService, TreeviewSelectComponent, UpdateModalComponent, UploadFileService, UploadManagmentService, UploadProvider, UserCardComponent, UserComponent, UserModule, UserPreferenceValues, UserPreferencesService, UserService, UsersCardComponent, UsersCardModule, UtilityService, VALUE_OBJECT, VersionsComponent, ViewerFilesService, ViewerLogComponent, ViewerLogModule, VocabularyApiService$1 as VocabularyApiService, VocabularyComponent, VocabularyModule, WorkflowService, ZoomControlComponent, appInitializer, departmentCacheBuster$, extensionJsonsFactory, filterEnabled, getConnections, getDoughnutOptions, getHorizontalBarOptions, getLineOptions, getPieOptions, getRandomNumber, getValue, getVerticalBarOptions, isDateObject, isFieldValueObject, mergeArrays, mergeObjects, minute$1 as minute, provideExtensionConfig, reduceEmptyMenus, reduceSeparators, removeConnections, removeEmptyKeys, removeNode, removeNodeAndConnections, serializeControl, serializePort, slideAnimation, sortByOrder };
+export { ACTIONS_TABLE_TEMPLATE, AGGREGATION_FIELD_TYPES, AUTOCOMPLETE_TEMPLATE, ActionsTableTemplateDirective, ActiveUserSwitchComponent, ActivitiesLogComponent, ActivitiesLogModule, ActivityLineComponent, AdapterService, AddPermissionsDialogComponent, AddToCollectionComponent, AggregationAutocompleteComponent, AggregationCheckboxComponent, AggregationCustomComponent, AggregationDateListComponent, AggregationFieldComponent, AggregationGroupComponent, AggregationRadioComponent, AggregationSelectComponent, AggregationSwitchComponent, ApisErrorsMessagesService, AppConfigService, AppHasRoleDirective, AttachmentItemComponent, AttachmentItemModule, AttachmentModalModule, AttachmentsComponent, AttachmentsListComponent, AttachmentsPageProviderComponent, AutocompleteFilterPipe, AutocompleteTemplateDirective, AvatarComponent, AvatarModule, BaseChartBuilderService, BaseChartComponent, BaseColumnComponent, BaseComponent, BaseCustomReport, BaseDatePicker, BaseDateValueAccessor, BaseDialogComponent, BaseEditorConfigService, BaseNodeClass, BaseSelector, BaseService, BooleanViewerComponent, ButtonComponent, CHART_DEFAULTS_OPTIONS, CHART_MAIN_COLOR, CHECKBOX_TEMPLATE, COLORS_COUNT, COMPARISON_OPERATOR, CONFIG_EDITOR_MODE, CUSTOM_FIELD_TYPES, CUSTOM_TEMPLATE, CachingExpiryUnit, CalendarService, CallApiService, CardComponent, CardModule, ChartCallbacksRegisterService, ChartComponent, ChartDataService, ChartDataTransformers, index$1 as ChartDefaults, ChartManagerService, ChartPanel, ChartPanelFooterComponent, ChartPanelHeaderComponent, ChartPanelModule, index as ChartPlugins, ChartPluginsRegistry, ChartThemeService, index$2 as ChartUtils, ChartsModule, CheckConditionPipe$1 as CheckConditionPipe, CheckboxTemplateDirective, CircleNode, CircleNodeComponent, ClickOutsideDirective, ClipboardComponent, ColumnRendererRegistryService, CommentApiService, CommentsDashletComponent, CommentsModule, ComponentRegisterService, ComponentTranslationModel, ConfigEditorActionsComponent, ConfigPreviewComponent, ConfirmCallerDialogComponent, ConfirmCallerModule, ConfirmDialogComponent, ConfirmationDialogComponent, ConfirmationDialogModule, Connection, ConnectionLabelComponent, ContentActionType, ContentNode, ContentNodeComponent, CopyComponent, CopyToClipboardDirective, CopyToClipboardModule, CorrespondenceRelationComponent, CorrespondenceRelationCreateFormComponent, CorrespondenceRelationModule, CorrespondenceRelationService, CorrespondenceTagsComponent, CreateDirectoryComponent, CreateEntityComponent, CreateEntityModule, CreateModalComponent, CreationTypeComponent, CtsTagsModule, CustomConnectionComponent, CustomDocumentViewerComponent, CustomFieldComponent, CustomMomentDateAdapter, CustomPpViewerComponent, CustomReportsRegistry, CustomSocketComponent, CustomTemplateDirective, CustomToastrModule, CustomToastrService, CutomeVocViewerComponent, DATE_LIST_TEMPLATE, DATE_LIST_VIEW, DATE_LOCALE_KEYS, DATE_TYPE, DEFAULT_DEBOUNCE_TIME, DEFAULT_VIEW, DIAGRAM_DEFAULT_OPTIONS, DIAGRAM_HEIGHT, DROPDOWN_LABEL_TEMPLATE, DROPDOWN_MULTI_LABEL_TEMPLATE, DROPDOWN_TEMPLATE, DataChartComponent, DataViewerComponent, DateFormatterService, DateHelperService, DateListTemplateDirective, DateViewerComponent, DeleteComponent, DepartmentApiService, DepartmentFormComponent, DepartmentManagementService, DepartmentViewerComponent, DestroySubject, DiagramDirective, DiagramPluginsService, DiagramService, DiagramUtils, DiagramsModule, DialogMangmentService, DigitChartService, DirectiveModule, DisplaySuitableIconComponent, DisplaySuitableIconModule, DocumentScanService, DocumentTemplatesConstants, DocumentTemplatesService, DocumentUploadComponent, DocumentsComponent, DocumentsConstants, DocumentsListComponent, DocumentsModule, DocumentsService, DragAndDropDirective, DropdownLabelTemplateDirective, DropdownMultiLabelTemplateDirective, DropdownTemplateDirective, DropdownViewerComponent, DynamicChartComponent, DynamicChartModule, DynamicColumnComponent, DynamicCustomComponent, DynamicFieldsRendererComponent, DynamicFieldsRendererModule, DynamicFilterComponent, DynamicFilterModule, DynamicFormBoolItemComponent, DynamicFormBuilderComponent, DynamicFormCheckboxItemComponent, DynamicFormComponent, DynamicFormDateItemComponent, DynamicFormDepartmentComponent, DynamicFormFieldComponent, DynamicFormHijriDateitemComponent, DynamicFormMapItemComponent, DynamicFormModule, DynamicFormOptionsComponent, DynamicFormSelectItemComponent, DynamicFormSelectTagComponent, DynamicFormSelectUserFilterComponent, DynamicFormSelectUsersComponent, DynamicFormService, DynamicFormSlideToggleitemComponent, DynamicFormTextItemComponent, DynamicFormTextareaComponent, DynamicFormViewerComponent, DynamicFormVocabularyItemComponent, DynamicSearchComponent, DynamicSearchModule, DynamicTableComponent, DynamicTableModule, DynamicTableService, DynamicTabsComponent, DynamicTabsModule, DynamicTimelineReportService, DynamicViewModule, EMPTY_CONTENT_TEMPLATE, EMPTY_TEMPLATE, ENTITY_TYPE, EXTENSION_JSONS, EditDeleteModalComponent, EditorModeSwitchComponent, EditorSettingsComponent, ElementHeightDirective, ElementHeightModule, EmdhaAuthDialog, EmdhaService, EmptyContentTemplateDirective, EmptyTemplateDirective, EnvManager, EvaluatorLabelPipe, EvaluatorsService, ExtensionLoaderService, ExtensionService, FIELD_SEND_MODE, FIELD_TYPE, FILE_CONTENT, FILTER_CUSTOM_TEMPLATE, FILTER_DATES_TYPE, FieldHeaderComponent, FieldValueObject, FileEventType, FileGridInfiniteScrollDirective, FileManagerAbstract, FileManagerAdapter, FileManagerPaginationConfig, FileManagerService, FileMangerModule, FileSizePipe, FileStatus, FilterAutocompleteInputComponent, FilterCollapseControlComponent, FilterComponent, FilterCustomTemplateDirective, FilterDateRangeComponent, FilterEmptyMessageComponent, FilterModule, FilterOptionTextComponent, FilterOptionsSortComponent, FilterPipe, FilterQueryService, FilterSearchInputComponent, FiltersByRolesPipe, FiltersMapperService, FiltersPanelComponent, FluidHeightDirective, FluidHeightModule, FolderModalComponent, FolderishType, FormBuilderService, GREGORIAN_DATE_FORMATS, GREGORIAN_FORMAT, GatewayNodeComponent, GatewayPortsComponent, GeneralNotificationPopupComponent, GlobalAdminService, GlobalPdfTron, GregorianDatepickerComponent, HEADER_PANEL_TEMPLATE, HIJRI_DATE_ARABIC_NAMES, HIJRI_DATE_ENGLISH_NAMES, HIJRI_DATE_FORMATS, HIJRI_FORMAT, HashTranslateAsyncPipe, HashTranslatePipe, HeaderPanelTemplateDirective, HijriAdapterService, HijriDatePipe, HijriDatepickerComponent, HijriGregorianDatepickerComponent, HtmlDialogComponent, IN_OUT_DIRECTION, IconService, InfoDialogComponent, InitializationService, InputDateComponent, InputPort, InputRangeDateComponent, InsertSingPosition, ItemListComponent, Lang, LatestActivityComponent, LatestActivityModule, LibrarySharedModule, ListViewerComponent, LoanRequestComponent, LocalStoragService, LocalizeState, LocalizedDatePipe, LocalizedLabelPipe, MAT_MOMENT_DATE_ADAPTER_OPTIONS, MAT_MOMENT_DATE_ADAPTER_OPTIONS_FACTORY, MESSAGE_TYPE, METADATA_EDITOR_OPTIONS, MIN_VISIBLE_COUNT, MONACO_EDITOR_CONFIG, MY_MOMENT_FORMATS, MainfolderService, MapToAggregationConfigPipe, MessageService, ModeTogglerComponent, MomentDateAdapter, MonacoEditorComponent, MoveComponent, MultiValuePipe, MultipleDynamicFormViewerComponent, MutipleDynamicFormViewerModule, NDF_EDITOR_TYPE, NODE_CIRCLE_SIZE, NODE_GATEWAY_SIZE, NODE_HEIGHT, NODE_MARGIN, NODE_STATUS, NODE_TYPE, NODE_WIDTH, NOTIFICATIONS_LIST_OPTIONS, NOTIFICATION_ICON, NOTIFICATION_ITEM, NOTIFICATION_STATUS, NOTIFY_EVENT, NdfConfigEditorComponent, NdfConfigEditorModule, NdfConfirmationDialogComponent, NdfDatepickerComponent, NdfDatepickerModule, NdfFiltersPanelModule, NdfGregorianDatepickerComponent, NdfHijriDatepickerComponent, NdfNuxeoDialog, NdfPanelComponent, NdfPanelModule, NdfReportComponent, NdfReportsComponent, NdfReportsModule, NdfReportsService, NdfScannerComponent, NdfScannerModule, NdfSignaturePanelComponent, NdfSignaturesModule, NdfTableComponent, NdfTableConfigurationService, NdfTableModule, NdfTableService, NdfTabsComponent, NdfTabsModule, NdfTransformService, NdfTronExtractText, NdfUploaderBottomSheetComponent, NdfUploaderBottomSheetService, NdfUploaderModule, NdfUploaderService, NdfUploaderSheetEventType, NgxHijriGregorianDatepickerModule, NoDataComponent, NoDataFoundComponent, NoDataModule, NodeIconComponent, NodeInputsComponent, NodeOutputsComponent, NodePortsComponent, NotificationIconDirective, NotificationItemComponent, NotificationItemDirective, NotificationSourceSelectComponent, NotificationStatusToggleComponent, NotificationToastComponent, NotificationsButtonComponent, NotificationsDateSelectComponent, NotificationsListComponent, NotificationsListContainerComponent, NotificationsModule, NotificationsService, NotificationsSettingsContainerComponent, NuxeoCoreModule, NuxeoDevelopmentFrameworkComponent, NuxeoDevelopmentFrameworkModule, NuxeoDevelopmentFrameworkService, NuxeoDialogModule, NuxeoDialogService, NuxeoMapper, NuxeoService, NxQL, NxQlQuery, OutputPort, OverrideTokenService, PAGINATION_MODE, PANEL_MODE, PARAMS_KEYS, PREDICATE_FIELD_TYPES, PROJECT_BASE_HREF, PageSizesListComponent, PaginationComponent, PaginationModule, PdfTronModule, PdftronComponent, PdftronService, PermissionService, PermissionsComponent, PermissionsDirective, PermissionsModule, PermissionsTemplateComponent, PipesModule, PredicateDateInputComponent, PredicateFieldComponent, PredicateTextInputComponent, PublishDialogComponent, PublishingDocumentService, RADIO_TEMPLATE, RadioTemplateDirective, ReadMoreComponent, RecentlyViewedService, RemoveButtonComponent, RenameComponent, ReportConfigMapperService, ReportConfigurationService, ReportTransformService, ReportsDataTransformers, ReportsHooksService, ReportsStateService, RolesService, SEARCH_TABLE_TEMPLATE, SOCKET_WIDTH, SUBSCRIPTION_STATE, SWITCH_TEMPLATE, SafeHtmlPipe, SanitizerPipe, ScanComponent, ScanModalComponent, ScrollableDivDirective, SearchAutocompleteComponent, SearchTableTemplateDirective, SecurePipe, SelectComponent, SelectModule, SelectUsersByDepartmentModule, SelectUsersByDepartmentsComponent, SetDirRtlDirective, SetRtlDirective, ShareDialogComponent, SharedDocsService, SharedServicesModule, SidepanelComponent, SignatureType, SignaturesService, SilentPdfTronService, SingleActivityComponent, SkeletonComponent, SkeletonModule, Socket, SortListPipe, SortingListComponent, SpellCheckerFieldModule, SpellCheckerTextFieldComponent, SpinnerComponent, StatisticService, StatusIconComponent, SwitchTemplateDirective, TRANSLATION_PROVIDER, TableColumnsTogglerComponent, TableComponent, TableExportComponent, TableHooksService, TableModule, TableSkeletonComponent, TagsApiService, TemplateModalComponent, TemplateNode, TemplateNodeComponent, TextSearchComponent, TimeAgoPipe, ToastsModule, TooltipPipe, TransactionStatus, TransferDocComponent, TranslateLoaderService, TranslatedVocabularySelectComponent, TranslationService, TreeviewSelectComponent, UpdateModalComponent, UploadFileService, UploadManagmentService, UploadProvider, UserCardComponent, UserComponent, UserModule, UserPreferenceValues, UserPreferencesService, UserService, UsersCardComponent, UsersCardModule, UtilityService, VALUE_OBJECT, VersionsComponent, ViewerFilesService, ViewerLogComponent, ViewerLogModule, VocabularyApiService$1 as VocabularyApiService, VocabularyComponent, VocabularyModule, WorkflowService, ZoomControlComponent, appInitializer, departmentCacheBuster$, extensionJsonsFactory, filterEnabled, getConnections, getDoughnutOptions, getHorizontalBarOptions, getLineOptions, getPieOptions, getRandomNumber, getValue, getVerticalBarOptions, isDateObject, isFieldValueObject, mergeArrays, mergeObjects, minute$1 as minute, provideExtensionConfig, reduceEmptyMenus, reduceSeparators, removeConnections, removeEmptyKeys, removeNode, removeNodeAndConnections, serializeControl, serializePort, slideAnimation, sortByOrder };
 //# sourceMappingURL=nuxeo-development-framework.js.map