nuxeo-development-framework 5.4.9 → 5.5.1

package/fesm2015/nuxeo-development-framework.js

@@ -37,7 +37,7 @@ import _omit from 'lodash/omit';
 import _assign from 'lodash/assign';
 import _cloneDeep from 'lodash/cloneDeep';
 import * as _ from 'lodash';
-import ___default, { filter, sortBy, each, unionWith, isEqual, cloneDeep, isNil, isObject as isObject$1, isDate, isBoolean, isNumber, keys, trim, get, set, values, union, assign, keyBy } from 'lodash';
+import ___default, { cloneDeep, filter, sortBy, each, unionWith, isEqual, isNil, isObject as isObject$1, isDate, isBoolean, isNumber, keys, trim, get, set, values, union, assign, keyBy } from 'lodash';
 import * as i1$4 from '@angular/platform-browser';
 import { BrowserTransferStateModule } from '@angular/platform-browser';
 import moment$8 from 'moment-es6';
@@ -3129,6 +3129,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
+class BaseEditorConfigService extends BaseService {
+    constructor(injector) {
+        super(injector);
+        this.injector = injector;
+        this.appConfigService = this.injector.get(AppConfigService);
+    }
+    fetchData({ key, type, app, localPath }) {
+        return this.request({
+            type: 'get',
+            endpoint: `/search/pp/PP_NDF_UI_Configurations/execute`,
+            queryParams: Object.assign({ ndfuiconfig_type: type, ndfuiconfig_key: key }, (app ? { ndfuiconfig_app: app } : {})),
+            headers: {
+                properties: 'ndfuiconfig,note'
+            }
+        }).pipe(map((response) => { var _a; return (_a = response.entries) === null || _a === void 0 ? void 0 : _a[0]; }), switchMap((entry) => {
+            var _a;
+            const content = this._parseData((_a = entry === null || entry === void 0 ? void 0 : entry.properties) === null || _a === void 0 ? void 0 : _a['note:note']);
+            if (content) {
+                return of({
+                    submitted: true,
+                    uid: entry.uid,
+                    data: {
+                        key: key,
+                        type: type,
+                        app: entry.properties['ndfuiconfig:app'],
+                        config: content
+                    }
+                });
+            }
+            const config = this.appConfigService.myConfiguration || {};
+            const base = localPath ? ___default.get(config, localPath) : config;
+            const data = cloneDeep(___default.get(base, key));
+            return of({
+                submitted: false,
+                data: {
+                    key: key,
+                    type: type,
+                    app: app,
+                    config: data
+                }
+            });
+        }));
+    }
+    _parseData(data) {
+        if (!data) {
+            return null;
+        }
+        try {
+            return JSON.parse(data);
+        }
+        catch (error) {
+            console.warn('Error parsing data:', error);
+            return null;
+        }
+    }
+}
+BaseEditorConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseEditorConfigService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+BaseEditorConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseEditorConfigService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseEditorConfigService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+
 /**
  * Transforms URL into async safe URL to be rendered in the view
  *
@@ -19563,13 +19626,13 @@ const CONFIG_EDITOR_MODE = {
 };
 
 const NDF_EDITOR_TYPE = {
-    REPORTS: 'reports',
-    TABLES: 'tables'
+    REPORTS: 'report',
+    TABLES: 'table'
 };
 
 const PARAMS_KEYS = {
     TYPE: 'type',
-    KEY: 'key'
+    KEY: 'key',
 };
 
 class DynamicTableService {
@@ -20334,17 +20397,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
-class NdfTableConfigurationService extends HttpBaseService {
+class NdfTableConfigurationService extends BaseEditorConfigService {
     constructor(injector) {
         super(injector);
         this.injector = injector;
-        this.appConfigService = this.injector.get(AppConfigService);
-        this.configurationsUrl = 'assets/configs/configuration.json';
     }
-    getTableConfiguration(key, path) {
-        return of(this.appConfigService.myConfiguration).pipe(map((config) => {
-            const base = path ? ___default.get(config, path) : config;
-            return cloneDeep(___default.get(base, key));
+    getTableConfiguration(key, localPath) {
+        var _a;
+        return this.fetchData({
+            key,
+            type: 'table',
+            app: (_a = this.environment) === null || _a === void 0 ? void 0 : _a.appKey,
+            localPath
+        }).pipe(map((res) => {
+            var _a;
+            if (!res.submitted) {
+                console.warn('%c  \n--------------------------------------------------\n' +
+                    'Unsaved table configuration detected. Open the config editor to save it' +
+                    '\n--------------------------------------------------\n', 'font-size: 14px;');
+            }
+            return (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.config;
         }));
     }
 }
@@ -20368,6 +20440,10 @@ class EditorButtonComponent {
         this.editorConfig = (_a = this.configService.myConfiguration) === null || _a === void 0 ? void 0 : _a.configEditor;
         this.isFeatureEnabled = environment.configEditor === 'YES';
     }
+    get isEnabled() {
+        var _a, _b, _c, _d;
+        return ((_a = this.editorConfig) === null || _a === void 0 ? void 0 : _a.enabled) && ((_d = (_c = (_b = this.editorConfig) === null || _b === void 0 ? void 0 : _b.types) === null || _c === void 0 ? void 0 : _c[this.type]) === null || _d === void 0 ? void 0 : _d.enabled);
+    }
     ngOnInit() { }
     navigate() {
         var _a;
@@ -20383,14 +20459,14 @@ class EditorButtonComponent {
         this.router.navigate([url], {
             queryParams: {
                 [PARAMS_KEYS.TYPE]: this.type,
-                [PARAMS_KEYS.KEY]: this.key
+                [PARAMS_KEYS.KEY]: this.key,
             }
         });
     }
 }
 EditorButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EditorButtonComponent, deps: [{ token: 'environment' }, { token: i1$5.Router }, { token: PROJECT_BASE_HREF }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Component });
 EditorButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EditorButtonComponent, selector: "app-editor-button", inputs: { type: "type", key: "key" }, ngImport: i0, template: `
-		<ng-container *ngIf="isFeatureEnabled && editorConfig?.enabled && editorConfig?.types?.tables?.enabled">
+		<ng-container *ngIf="isFeatureEnabled && isEnabled">
 			<button
 				mat-stroked-button
 				[matTooltip]="'JSON_EDITOR.navigateToEditor' | translate"
@@ -20406,7 +20482,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             args: [{
                     selector: 'app-editor-button',
                     template: `
-		<ng-container *ngIf="isFeatureEnabled && editorConfig?.enabled && editorConfig?.types?.tables?.enabled">
+		<ng-container *ngIf="isFeatureEnabled && isEnabled">
 			<button
 				mat-stroked-button
 				[matTooltip]="'JSON_EDITOR.navigateToEditor' | translate"
@@ -40655,6 +40731,18 @@ function createColorVariants(color, length, type = 'tint', amount = 43) {
         }
     }
     return variants;
+}
+function createConicGradient(chart, colors) {
+    const { ctx, chartArea } = chart;
+    if (!chartArea || !('createConicGradient' in ctx)) {
+        return null;
+    }
+    const { left, width, top, height } = chartArea;
+    //@ts-ignore
+    const gradient = ctx.createConicGradient(0, left + width / 2, top + height / 2);
+    gradient.addColorStop(0, colors === null || colors === void 0 ? void 0 : colors.startColor);
+    gradient.addColorStop(1, colors === null || colors === void 0 ? void 0 : colors.endColor);
+    return gradient;
 }
 
 function flatArray(data) {
@@ -40805,6 +40893,7 @@ var index$2 = /*#__PURE__*/Object.freeze({
   createTint: createTint,
   createShade: createShade,
   createColorVariants: createColorVariants,
+  createConicGradient: createConicGradient,
   flatArray: flatArray,
   isObject: isObject,
   getCssVariable: getCssVariable,
@@ -41276,147 +41365,211 @@ const scrollableLegends = {
     }
 };
 
+// Configuration constants
+const LABEL_CONFIG = {
+    minFontSize: 10,
+    maxFontSize: 16,
+    defaultFontSize: 12,
+    textPadding: 8,
+    minAngleForPieLabel: 0.3,
+    arcRadiusMultiplier: {
+        pie: 0.7,
+        doughnut: 0.8
+    },
+    fontSizeCalculation: {
+        percentageDivisor: 3,
+        maxPercentageForFontSize: 20
+    }
+};
+// Main plugin
 const chartDataLabels = {
     id: 'chartDataLabels',
     afterDatasetsDraw(chart, args, plugins) {
         var _a;
         const { ctx } = chart;
         ctx.save();
-        switch ((_a = chart.config) === null || _a === void 0 ? void 0 : _a.type) {
-            case 'bar':
-                barChartLabels(chart);
-                break;
-            case 'pie':
-                pieChartLabels(chart);
-                break;
-            case 'doughnut':
-                doughnutChartLabels(chart);
-                break;
+        const chartType = (_a = chart.config) === null || _a === void 0 ? void 0 : _a.type;
+        const renderer = getChartRenderer(chartType);
+        if (renderer) {
+            renderer(chart);
         }
         ctx.restore();
     }
 };
+// Chart type router
+function getChartRenderer(chartType) {
+    const renderers = {
+        bar: barChartLabels,
+        pie: pieChartLabels,
+        doughnut: doughnutChartLabels
+    };
+    return renderers[chartType];
+}
+// Core utility functions
+function calculatePercentage(value, total) {
+    return total > 0 ? (value / total) * 100 : 0;
+}
+function calculateFontSize(percentage) {
+    const { percentageDivisor, maxPercentageForFontSize } = LABEL_CONFIG.fontSizeCalculation;
+    const calculatedSize = Math.min(percentage / percentageDivisor, maxPercentageForFontSize);
+    return Math.max(LABEL_CONFIG.minFontSize, Math.min(calculatedSize, LABEL_CONFIG.maxFontSize));
+}
+function getTextMetrics(ctx, text, fontSize) {
+    ctx.font = `normal ${fontSize}px sans-serif`;
+    const metrics = ctx.measureText(text);
+    const height = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent || LABEL_CONFIG.defaultFontSize;
+    return {
+        width: metrics.width,
+        height
+    };
+}
+function prepareCanvasForText(ctx, fontSize, color) {
+    ctx.font = `bold ${fontSize}px sans-serif`;
+    ctx.textAlign = 'center';
+    ctx.textBaseline = 'middle';
+    ctx.fillStyle = color;
+}
+function extractLabelData(dataset, index, totalSum, chart) {
+    const value = dataset.data[index];
+    const percentage = calculatePercentage(value, totalSum);
+    const isVisible = chart.getDataVisibility(index);
+    if (!percentage || !isVisible) {
+        return null;
+    }
+    return {
+        text: `${percentage.toFixed(1)}%`,
+        percentage,
+        backgroundColor: Array.isArray(dataset.backgroundColor) ? dataset.backgroundColor[index] : dataset.backgroundColor,
+        isVisible
+    };
+}
+// Bar chart implementation
 function barChartLabels(chart) {
     var _a;
-    const { ctx, data } = chart;
+    const { ctx } = chart;
     const isHorizontalChart = ((_a = chart.options) === null || _a === void 0 ? void 0 : _a.indexAxis) === 'y';
-    const { isHorizontalReversed } = isBarChartReversed(chart);
+    const { isHorizontalReversed } = getBarChartOrientation(chart);
     chart.data.datasets.forEach((dataset, datasetIndex) => {
         const meta = chart.getDatasetMeta(datasetIndex);
-        const totalSum = dataset.data.reduce((sum, currentValue) => sum + currentValue, 0);
+        const totalSum = dataset.data.reduce((sum, value) => sum + value, 0);
         meta.data.forEach((dataPoint, index) => {
             if (!dataPoint)
                 return;
-            const percentage = (dataset.data[index] / totalSum) * 100;
-            const isVisible = chart.getDataVisibility(index);
-            if (!percentage || !isVisible) {
+            const labelData = extractLabelData(dataset, index, totalSum, chart);
+            if (!labelData)
                 return;
-            }
-            const bgColor = dataset.backgroundColor[index];
-            const textColor = getTextColor(bgColor);
-            const fontSize = Math.max(12, Math.min(percentage / 2, 14));
-            ctx.textAlign = 'center';
-            ctx.textBaseline = 'middle';
-            ctx.font = `normal ${fontSize}px sans-serif`;
-            ctx.fillStyle = textColor;
-            const text = `${percentage.toFixed()}%`;
-            const { width, height } = getTextMetrics(ctx, text);
-            const textHeight = height || 12;
-            const textWidth = width || 30;
-            if (isHorizontalChart) {
-                if ((dataPoint === null || dataPoint === void 0 ? void 0 : dataPoint.width) > 0) {
-                    const textPadding = 20;
-                    const offset = textPadding + textWidth <= dataPoint.width ? textWidth : textWidth >= dataPoint.width ? 0 : 10;
-                    const x = dataPoint.x + (isHorizontalReversed ? offset : -offset);
-                    ctx.fillStyle = dataPoint.width <= textWidth ? getColor('--chart-value-default-color', '#000') : textColor;
-                    if (percentage) {
-                        ctx.fillText(text, x, dataPoint.y);
-                    }
-                }
-            }
-            else {
-                if ((dataPoint === null || dataPoint === void 0 ? void 0 : dataPoint.height) > 0) {
-                    const y = textHeight >= dataPoint.height ? dataPoint.y - 10 : dataPoint.y + 10;
-                    ctx.fillStyle = textHeight >= dataPoint.height ? getColor('--chart-value-default-color', '#000') : textColor;
-                    if (!percentage) {
-                        return;
-                    }
-                    ctx.fillText(text, dataPoint.x, y);
-                }
+            const fontSize = calculateFontSize(labelData.percentage);
+            const textMetrics = getTextMetrics(ctx, labelData.text, fontSize);
+            const position = calculateBarLabelPosition(dataPoint, textMetrics, isHorizontalChart, isHorizontalReversed, labelData.backgroundColor);
+            if (position) {
+                prepareCanvasForText(ctx, fontSize, position.color);
+                ctx.fillText(labelData.text, position.x, position.y);
             }
         });
     });
 }
-function doughnutChartLabels(chart) {
-    const { ctx, data } = chart;
-    chart.data.datasets.forEach((dataset, datasetIndex) => {
-        const meta = chart.getDatasetMeta(datasetIndex);
-        const totalSum = dataset.data.reduce((sum, currentValue) => sum + currentValue, 0);
-        meta.data.forEach((arc, index) => {
-            if (!arc)
-                return;
-            const percentage = (dataset.data[index] / totalSum) * 100;
-            const isVisible = chart.getDataVisibility(index);
-            if (!percentage || !isVisible) {
-                return;
-            }
-            const midAngle = (arc.startAngle + arc.endAngle) / 2;
-            const x = arc.x + Math.cos(midAngle) * (arc.outerRadius / 1.2);
-            const y = arc.y + Math.sin(midAngle) * (arc.outerRadius / 1.2);
-            const fontSize = Math.max(12, Math.min(percentage / 2, 14));
-            const bgColor = dataset.backgroundColor[index] || '#00000';
-            prepareText(ctx, fontSize, bgColor);
-            ctx.fillText(`${percentage.toFixed()}%`, x, y);
-        });
-    });
+function calculateBarLabelPosition(dataPoint, textMetrics, isHorizontal, isReversed, backgroundColor) {
+    const { textPadding } = LABEL_CONFIG;
+    if (isHorizontal) {
+        const fitsInside = textMetrics.width + textPadding * 2 <= dataPoint.width;
+        if (fitsInside) {
+            return {
+                x: dataPoint.x + (isReversed ? textMetrics.width / 2 : -textMetrics.width / 2),
+                y: dataPoint.y,
+                color: getTextColor(backgroundColor)
+            };
+        }
+        else {
+            return {
+                x: dataPoint.x + (isReversed ? -textMetrics.width / 2 - textPadding : textMetrics.width / 2 + textPadding),
+                y: dataPoint.y,
+                color: getColor('--chart-value-default-color', '#000')
+            };
+        }
+    }
+    else {
+        const fitsInside = textMetrics.height + textPadding * 2 <= dataPoint.height;
+        if (fitsInside) {
+            return {
+                x: dataPoint.x,
+                y: dataPoint.y,
+                color: getTextColor(backgroundColor)
+            };
+        }
+        else {
+            return {
+                x: dataPoint.x,
+                y: dataPoint.y - textMetrics.height / 2 - textPadding,
+                color: getColor('--chart-value-default-color', '#000')
+            };
+        }
+    }
 }
+// Pie chart implementation
 function pieChartLabels(chart) {
-    const { ctx, data } = chart;
+    renderArcLabels(chart, 'pie');
+}
+// Doughnut chart implementation
+function doughnutChartLabels(chart) {
+    renderArcLabels(chart, 'doughnut');
+}
+function renderArcLabels(chart, chartType) {
+    const { ctx } = chart;
     chart.data.datasets.forEach((dataset, datasetIndex) => {
         const meta = chart.getDatasetMeta(datasetIndex);
-        const totalSum = dataset.data.reduce((sum, currentValue) => sum + currentValue, 0);
+        const totalSum = dataset.data.reduce((sum, value) => sum + value, 0);
         meta.data.forEach((arc, index) => {
             if (!arc)
                 return;
-            const percentage = (dataset.data[index] / totalSum) * 100;
-            const isVisible = chart.getDataVisibility(index);
-            if (!percentage || !isVisible) {
+            const labelData = extractLabelData(dataset, index, totalSum, chart);
+            if (!labelData)
                 return;
+            if (shouldShowArcLabel(arc, labelData.text, chartType)) {
+                const position = calculateArcLabelPosition(arc, chartType);
+                const fontSize = calculateFontSize(labelData.percentage);
+                const textColor = getTextColor(labelData.backgroundColor || '#000000');
+                prepareCanvasForText(ctx, fontSize, textColor);
+                ctx.fillText(labelData.text, position.x, position.y);
             }
-            const midAngle = (arc.startAngle + arc.endAngle) / 2;
-            const x = arc.x + Math.cos(midAngle) * (arc.outerRadius / 1.5);
-            const y = arc.y + Math.sin(midAngle) * (arc.outerRadius / 1.5);
-            const fontSize = Math.max(12, Math.min(percentage / 2, 14));
-            const bgColor = dataset.backgroundColor[index] || '#00000';
-            prepareText(ctx, fontSize, bgColor);
-            ctx.fillText(`${percentage.toFixed()}%`, x, y);
         });
     });
 }
-function isBarChartReversed(chart) {
-    var _a, _b;
-    const scales = chart.options.scales;
-    const isVerticalReversed = ((_a = scales === null || scales === void 0 ? void 0 : scales.y) === null || _a === void 0 ? void 0 : _a.reverse) === true;
-    const isHorizontalReversed = ((_b = scales === null || scales === void 0 ? void 0 : scales.x) === null || _b === void 0 ? void 0 : _b.reverse) === true;
+function shouldShowArcLabel(arc, text, chartType) {
+    const arcAngle = Math.abs(arc.endAngle - arc.startAngle);
+    // Don't show labels for very small slices
+    if (arcAngle < LABEL_CONFIG.minAngleForPieLabel) {
+        return false;
+    }
+    // For doughnut charts, also check if there's enough radial space
+    if (chartType === 'doughnut') {
+        const radialSpace = arc.outerRadius - arc.innerRadius;
+        return radialSpace >= LABEL_CONFIG.defaultFontSize * 1.5;
+    }
+    return true;
+}
+function calculateArcLabelPosition(arc, chartType) {
+    const midAngle = (arc.startAngle + arc.endAngle) / 2;
+    const radiusMultiplier = LABEL_CONFIG.arcRadiusMultiplier[chartType];
+    let radius;
+    if (chartType === 'doughnut') {
+        radius = (arc.outerRadius + arc.innerRadius) / 2;
+    }
+    else {
+        radius = arc.outerRadius * radiusMultiplier;
+    }
     return {
-        isVerticalReversed,
-        isHorizontalReversed
+        x: arc.x + Math.cos(midAngle) * radius,
+        y: arc.y + Math.sin(midAngle) * radius
     };
 }
-function getTextMetrics(ctx, text) {
-    const metrics = ctx.measureText(text);
-    const textHeight = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;
+// Utility functions
+function getBarChartOrientation(chart) {
+    var _a, _b;
+    const scales = chart.options.scales;
     return {
-        height: textHeight,
-        width: metrics.width
+        isVerticalReversed: ((_a = scales === null || scales === void 0 ? void 0 : scales.y) === null || _a === void 0 ? void 0 : _a.reverse) === true,
+        isHorizontalReversed: ((_b = scales === null || scales === void 0 ? void 0 : scales.x) === null || _b === void 0 ? void 0 : _b.reverse) === true
     };
-}
-function prepareText(ctx, fontSize, bgColor) {
-    const textColor = getTextColor(bgColor || getColor('--chart-value-default-color', '#000'));
-    ctx.font = `bold ${fontSize}px sans-serif`;
-    ctx.textAlign = 'center';
-    ctx.textBaseline = 'middle';
-    ctx.fillStyle = textColor;
 }
 
 var index = /*#__PURE__*/Object.freeze({
@@ -41434,9 +41587,9 @@ class BaseChart extends DestroySubject {
         this.injector = injector;
         this._translateService = this.injector.get(TranslateService);
         this._rebuildTriggerSub = new BehaviorSubject(false);
-        this._dataSub = new ReplaySubject(null);
         this._configSub = new ReplaySubject(null);
         this._isInitialized = false;
+        this._dataSub = new ReplaySubject(null);
         this.onReady = new EventEmitter();
         this._subscribeToLanguage();
     }
@@ -41631,13 +41784,13 @@ class ChartManagerService {
         });
         this._charts.clear();
     }
-    printChart(id, label) {
+    printChart(id, label, options = {}, plugins = []) {
         return __awaiter(this, void 0, void 0, function* () {
             const _chart = this._charts.get(id);
             if (!_chart) {
                 return;
             }
-            const { chart, destroy: destroyTempChart } = yield this._createHiddenCanvasForExport(_chart, label);
+            const { chart, destroy: destroyTempChart } = yield this._createHiddenCanvasForExport(_chart, label, options, plugins);
             if (!chart) {
                 return;
             }
@@ -41649,7 +41802,7 @@ class ChartManagerService {
             destroyTempChart();
         });
     }
-    _createHiddenCanvasForExport(chart, label) {
+    _createHiddenCanvasForExport(chart, label, options = {}, plugins = []) {
         const currentLang = this._translateService.currentLang;
         return new Promise((resolve) => {
             var _a;
@@ -41665,9 +41818,13 @@ class ChartManagerService {
             const hiddenChart = new Chart(hiddenCanvas, {
                 type: (_a = chart.config) === null || _a === void 0 ? void 0 : _a.type,
                 data: chart.config.data,
-                options: Object.assign(Object.assign({}, chart.config.options), { animation: false, responsive: false, layout: {
+                options: ___default.merge({}, chart.config.options, {
+                    animation: false,
+                    responsive: false,
+                    layout: {
                         padding: padding
-                    }, plugins: Object.assign(Object.assign({}, chart.config.options.plugins), { title: {
+                    },
+                    plugins: Object.assign(Object.assign({}, chart.config.options.plugins), { title: {
                             display: true,
                             text: label,
                             padding: {
@@ -41678,8 +41835,9 @@ class ChartManagerService {
                             display: true,
                             rtl: currentLang == 'ar',
                             position: currentLang == 'ar' ? 'right' : 'left'
-                        } }) }),
-                plugins: [
+                        } })
+                }, options),
+                plugins: ___default.merge([], [
                     chartDataLabels,
                     {
                         id: 'canvasBackgroundColor',
@@ -41704,7 +41862,7 @@ class ChartManagerService {
                             });
                         }
                     }
-                ]
+                ], plugins)
             });
             hiddenChart.render();
         });
@@ -41728,7 +41886,7 @@ class ReportTransformService {
     }
     _extractDataFormats(data) {
         const extractedData = ___default.flatMap(data, (item) => {
-            if (Array.isArray(item === null || item === void 0 ? void 0 : item.datasource)) {
+            if ('datasource' in item && Array.isArray(item === null || item === void 0 ? void 0 : item.datasource)) {
                 return ___default.filter(item.datasource, (source) => source.dataFormat);
             }
             return [];
@@ -42719,6 +42877,8 @@ class BaseReport extends DestroySubject {
     constructor(injector) {
         super();
         this.injector = injector;
+        this._translateService = this.injector.get(TranslateService);
+        this._cdr = this.injector.get(ChangeDetectorRef);
         this._configMapperService = this.injector.get(ReportConfigMapperService);
         this._configSub = new BehaviorSubject(null);
         this.config$ = this._configSub.asObservable();
@@ -42777,6 +42937,177 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Output
             }] } });
 
+class ReportsDialogService {
+    constructor(injector) {
+        this.injector = injector;
+        this._translateService = this.injector.get(TranslateService);
+        this._dialog = this.injector.get(MatDialog);
+    }
+    open(component, options) {
+        const { config, data, criteria, direction } = options;
+        const _a = (config === null || config === void 0 ? void 0 : config.dialog) || {}, { active, width, height, maxWidth } = _a, resetOptions = __rest(_a, ["active", "width", "height", "maxWidth"]);
+        this._dialog.open(component, Object.assign(Object.assign({}, resetOptions), { width: width || '100%', height: height || '100%', maxWidth: maxWidth || '100%', direction: direction, data: {
+                config: config,
+                data: data,
+                title: config.label,
+                direction: direction,
+                criteria: criteria
+            } }));
+    }
+}
+ReportsDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ReportsDialogService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+ReportsDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ReportsDialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ReportsDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+
+class BaseGraphReport extends BaseReport {
+    constructor() {
+        super(...arguments);
+        this._dialog = this.injector.get(ReportsDialogService);
+    }
+    openGraphDialog(component = GraphChartComponent) {
+        this._dialog.open(component, {
+            config: this.config,
+            data: this.data,
+            criteria: this.criteria,
+            direction: this.direction
+        });
+    }
+}
+BaseGraphReport.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseGraphReport, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+BaseGraphReport.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseGraphReport, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseGraphReport, decorators: [{
+            type: Directive
+        }] });
+
+class BaseCustomReport extends DestroySubject {
+    constructor(injector) {
+        super();
+        this.injector = injector;
+        this._chartHelperService = this.injector.get(ChartManagerService);
+        this.direction = 'rtl';
+        this._dataSub = new ReplaySubject(null);
+        this._criteriaSub = new ReplaySubject(null);
+        this.criteria$ = this._criteriaSub.asObservable();
+        this._configSub = new BehaviorSubject(null);
+        this.config$ = this._configSub.asObservable();
+    }
+    set data(data) {
+        this._data = data;
+        this._dataSub.next(data);
+    }
+    get data() {
+        return this._data;
+    }
+    set criteria(value) {
+        this._criteria = ___default.cloneDeep(value);
+        this._criteriaSub.next(this._criteria);
+    }
+    get criteria() {
+        return this._criteria;
+    }
+    set config(obj) {
+        if (obj) {
+            this._configSub.next(obj);
+        }
+    }
+    get config() {
+        return this._configSub.getValue();
+    }
+    chartReady(chart) {
+        this.chart = chart;
+        this._chartHelperService.setChart(chart);
+        this._printListener = (event) => {
+            this.chart.resize();
+        };
+        window.addEventListener('beforeprint', this._printListener);
+        queueMicrotask(() => {
+            this.chart.resize();
+        });
+    }
+}
+BaseCustomReport.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseCustomReport, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
+BaseCustomReport.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseCustomReport, inputs: { direction: "direction", definition: "definition", data: "data", criteria: "criteria", config: "config" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseCustomReport, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { direction: [{
+                type: Input
+            }], definition: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], criteria: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }] } });
+
+class CustomChartComponent extends BaseCustomReport {
+    constructor() {
+        super(...arguments);
+        this._registeredComponents = this.injector.get(CustomReportsRegistry);
+    }
+    ngOnInit() {
+        var _a, _b;
+        const componentType = this._registeredComponents.getComponent((_a = this.config) === null || _a === void 0 ? void 0 : _a.type);
+        if (!componentType) {
+            console.warn(`No component registered for type: ${(_b = this.config) === null || _b === void 0 ? void 0 : _b.type}`);
+            return;
+        }
+        this._componentRef = this._registeredComponents.renderComponent(componentType.type, this.container);
+        combineLatest([this._dataSub.asObservable(), this._configSub.asObservable(), this._criteriaSub.asObservable()])
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((res) => {
+            this._prepareComponent();
+        });
+    }
+    ngOnChanges(changes) {
+        if (!this._componentRef) {
+            return;
+        }
+        Object.keys(changes).forEach((key) => {
+            this._componentRef.instance[key] = changes[key].currentValue;
+        });
+        this._componentRef.changeDetectorRef.detectChanges();
+    }
+    ngOnDestroy() {
+        if (this._componentRef) {
+            this._componentRef.destroy();
+        }
+    }
+    _prepareComponent() {
+        const instance = this._componentRef.instance;
+        instance.config = this.config;
+        instance.criteria = this.criteria;
+        instance.data = this.data;
+        instance.direction = this.direction;
+        this._componentRef.changeDetectorRef.detectChanges();
+    }
+    print() {
+        const instance = this._componentRef.instance;
+        if (instance) {
+            instance.print();
+        }
+    }
+}
+CustomChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+CustomChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomChartComponent, selector: "app-custom-chart", viewQueries: [{ propertyName: "container", first: true, predicate: ["dynamicContainer"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-container #dynamicContainer></ng-container>', isInline: true, styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-custom-chart',
+                    template: '<ng-container #dynamicContainer></ng-container>',
+                    styleUrls: ['./custom-chart.component.scss']
+                }]
+        }], propDecorators: { container: [{
+                type: ViewChild,
+                args: ['dynamicContainer', { read: ViewContainerRef, static: true }]
+            }] } });
+
 class ChartPanel {
 }
 ChartPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ChartPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -42979,6 +43310,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Output
             }] } });
 
+class GraphReportComponent extends BaseGraphReport {
+    constructor() {
+        super(...arguments);
+        this.chartType$ = this.config$.pipe(map((config) => {
+            var _a, _b;
+            if (config.chart.type !== 'bar') {
+                return config.chart.type;
+            }
+            return ((_b = (_a = config.chart) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.indexAxis) == 'y' ? CHARTS_TYPES.horizontalBar : CHARTS_TYPES.verticalBar;
+        }));
+    }
+    changeChartType(type) {
+        var _a, _b;
+        const _c = this._configSub.getValue(), { chart } = _c, config = __rest(_c, ["chart"]);
+        const { options } = chart, chartConfig = __rest(chart, ["options"]);
+        if (config.mode !== REPORT_MODE.graph) {
+            return;
+        }
+        const barTypes = {
+            [CHARTS_TYPES.horizontalBar]: 'bar',
+            [CHARTS_TYPES.verticalBar]: 'bar'
+        };
+        const chartType = (_a = barTypes[type]) !== null && _a !== void 0 ? _a : type;
+        this._configSub.next(Object.assign(Object.assign({}, config), { chart: Object.assign(Object.assign({}, chartConfig), { type: chartType, options: (_b = chart.overrides) === null || _b === void 0 ? void 0 : _b[type] }) }));
+    }
+    printChart() {
+        if (this.graphChartComponent) {
+            this.graphChartComponent.printChart();
+        }
+    }
+}
+GraphReportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GraphReportComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+GraphReportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: GraphReportComponent, selector: "app-graph-report", host: { classAttribute: "graph-report flex flex-col flex-grow" }, viewQueries: [{ propertyName: "graphChartComponent", first: true, predicate: ["graphChart"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<chart-panel *ngIf=\"config$ | async as config\" class=\"ndf-report chart-report\">\r\n\t<chart-panel-header class=\"ndf-report__header mb-3\">\r\n\t\t<span>\r\n\t\t\t{{ config.label | translate }}\r\n\t\t</span>\r\n\t\t<button\r\n\t\t\t*ngIf=\"config?.dialog?.active\"\r\n\t\t\tclass=\"dialog-button print:hidden\"\r\n\t\t\t(click)=\"openGraphDialog()\"\r\n\t\t\t[matTooltip]=\"'REPORTS.fullscreen' | translate\"\r\n\t\t>\r\n\t\t\t<mat-icon>fullscreen</mat-icon>\r\n\t\t</button>\r\n\t</chart-panel-header>\r\n\r\n\t<app-graph-chart\r\n\t\t#graphChart\r\n\t\tclass=\"ndf-report__content graph-chart\"\r\n\t\t[config]=\"config\"\r\n\t\t[data]=\"data\"\r\n\t></app-graph-chart>\r\n\r\n\t<chart-panel-footer class=\"ndf-report__footer flex-wrap\">\r\n\t\t<app-report-actions\r\n\t\t\t[config]=\"config\"\r\n\t\t\t(print)=\"printChart()\"\r\n\t\t\t(navigate)=\"navigate()\"\r\n\t\t\t(open)=\"onOpen.emit(null)\"\r\n\t\t></app-report-actions>\r\n\r\n\t\t<chart-type-selector\r\n      [config]=\"config?.typeConfig\"\r\n\t\t\t[direction]=\"direction\"\r\n\t\t\t[type]=\"chartType$ | async\"\r\n\t\t\t(typeChange)=\"changeChartType($event)\"\r\n\t\t></chart-type-selector>\r\n\t</chart-panel-footer>\r\n</chart-panel>\r\n", styles: [".ndf-report{display:flex;flex-direction:column;min-width:0;max-width:100%;flex-grow:1}.ndf-report__content{position:relative;padding-block:.5rem;flex-grow:1;min-width:0;max-width:100%}.chart-actions{border:var(--chart-actions-border, 1px solid var(--border-color))}.chart-actions__item{background:var(--chart-actions-background, transparent);color:var(--chart-actions-color, currentColor);box-shadow:var(--chart-actions-shadow, unset);width:var(--chart-actions-width, 35px);height:var(--chart-actions-height, 35px);border-radius:var(--chart-actions-border-radius, 4px);flex-grow:1;display:grid;place-items:center}.chart-actions__item .mat-icon{color:var(--main-color, currentColor)}.chart-actions__item:hover{--chart-actions-shadow: var(--chart-actions-hover-shadow, 0 0 0 1px var(--main-color))}.chart-actions__item.selected{--chart-actions-background: var(--chart-actions-active-background, var(--main-color));--chart-actions-color: var(--chart-actions-active-color, var(--main-hover))}.chart-actions__item.selected .mat-icon{color:currentColor!important}@media print{.chart-actions{display:none}}:host{min-width:0;max-width:100%}\n"], components: [{ type: ChartPanel, selector: "chart-panel" }, { type: ChartPanelHeaderComponent, selector: "chart-panel-header" }, { type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: GraphChartComponent, selector: "app-graph-chart" }, { type: ChartPanelFooterComponent, selector: "chart-panel-footer" }, { type: ReportActionsComponent, selector: "app-report-actions", inputs: ["config"], outputs: ["navigate", "open", "print"] }, { type: ChartTypeSelectorComponent, selector: "chart-type-selector", inputs: ["direction", "config", "type"], outputs: ["typeChange"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "async": i4$1.AsyncPipe, "translate": i1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GraphReportComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-graph-report',
+                    templateUrl: './graph-report.component.html',
+                    styleUrls: ['./graph-report.component.scss'],
+                    host: {
+                        class: 'graph-report flex flex-col flex-grow'
+                    }
+                }]
+        }], propDecorators: { graphChartComponent: [{
+                type: ViewChild,
+                args: ['graphChart']
+            }] } });
+
 class TimeGroupSelectorComponent {
     constructor() {
         this.groups = this._prepareGroups();
@@ -43120,82 +43499,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 args: ['graphChart']
             }] } });
 
-class BaseGraphReport extends BaseReport {
-    constructor() {
-        super(...arguments);
-        this._translateService = this.injector.get(TranslateService);
-        this._cdr = this.injector.get(ChangeDetectorRef);
-        this._dialog = this.injector.get(MatDialog);
-    }
-    openGraphDialog(_options) {
-        var _a;
-        const { config, data, component, criteria } = _options || {
-            config: this.config,
-            data: this.data,
-            component: GraphDialogComponent
-        };
-        const _b = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.dialog) || {}, { active, width, height, maxWidth } = _b, options = __rest(_b, ["active", "width", "height", "maxWidth"]);
-        this._dialog.open(component, Object.assign(Object.assign({}, options), { width: width || '100%', height: height || '100%', maxWidth: maxWidth || '100%', direction: this.direction, data: {
-                config: config,
-                data: data,
-                title: config.label,
-                direction: this.direction,
-                criteria: criteria
-            } }));
-    }
-}
-BaseGraphReport.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseGraphReport, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-BaseGraphReport.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseGraphReport, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseGraphReport, decorators: [{
-            type: Directive
-        }] });
-
-class GraphReportComponent extends BaseGraphReport {
-    constructor() {
-        super(...arguments);
-        this.chartType$ = this.config$.pipe(map((config) => {
-            var _a, _b;
-            if (config.chart.type !== 'bar') {
-                return config.chart.type;
-            }
-            return ((_b = (_a = config.chart) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.indexAxis) == 'y' ? CHARTS_TYPES.horizontalBar : CHARTS_TYPES.verticalBar;
-        }));
+class CustomChartDialogComponent {
+    constructor(dialogRef, chart) {
+        this.dialogRef = dialogRef;
+        this.chart = chart;
     }
-    changeChartType(type) {
-        var _a, _b;
-        const _c = this._configSub.getValue(), { chart } = _c, config = __rest(_c, ["chart"]);
-        const { options } = chart, chartConfig = __rest(chart, ["options"]);
-        if (config.mode !== REPORT_MODE.graph) {
-            return;
-        }
-        const barTypes = {
-            [CHARTS_TYPES.horizontalBar]: 'bar',
-            [CHARTS_TYPES.verticalBar]: 'bar'
-        };
-        const chartType = (_a = barTypes[type]) !== null && _a !== void 0 ? _a : type;
-        this._configSub.next(Object.assign(Object.assign({}, config), { chart: Object.assign(Object.assign({}, chartConfig), { type: chartType, options: (_b = chart.overrides) === null || _b === void 0 ? void 0 : _b[type] }) }));
+    close() {
+        this.dialogRef.close();
     }
     printChart() {
-        if (this.graphChartComponent) {
-            this.graphChartComponent.printChart();
+        if (this.customChartComponent) {
+            this.customChartComponent.print();
         }
     }
 }
-GraphReportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GraphReportComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-GraphReportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: GraphReportComponent, selector: "app-graph-report", host: { classAttribute: "graph-report flex flex-col flex-grow" }, viewQueries: [{ propertyName: "graphChartComponent", first: true, predicate: ["graphChart"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<chart-panel *ngIf=\"config$ | async as config\" class=\"ndf-report chart-report\">\r\n\t<chart-panel-header class=\"ndf-report__header mb-3\">\r\n\t\t<span>\r\n\t\t\t{{ config.label | translate }}\r\n\t\t</span>\r\n\t\t<button\r\n\t\t\t*ngIf=\"config?.dialog?.active\"\r\n\t\t\tclass=\"dialog-button print:hidden\"\r\n\t\t\t(click)=\"openGraphDialog()\"\r\n\t\t\t[matTooltip]=\"'REPORTS.fullscreen' | translate\"\r\n\t\t>\r\n\t\t\t<mat-icon>fullscreen</mat-icon>\r\n\t\t</button>\r\n\t</chart-panel-header>\r\n\r\n\t<app-graph-chart\r\n\t\t#graphChart\r\n\t\tclass=\"ndf-report__content graph-chart\"\r\n\t\t[config]=\"config\"\r\n\t\t[data]=\"data\"\r\n\t></app-graph-chart>\r\n\r\n\t<chart-panel-footer class=\"ndf-report__footer flex-wrap\">\r\n\t\t<app-report-actions\r\n\t\t\t[config]=\"config\"\r\n\t\t\t(print)=\"printChart()\"\r\n\t\t\t(navigate)=\"navigate()\"\r\n\t\t\t(open)=\"onOpen.emit(null)\"\r\n\t\t></app-report-actions>\r\n\r\n\t\t<chart-type-selector\r\n      [config]=\"config?.typeConfig\"\r\n\t\t\t[direction]=\"direction\"\r\n\t\t\t[type]=\"chartType$ | async\"\r\n\t\t\t(typeChange)=\"changeChartType($event)\"\r\n\t\t></chart-type-selector>\r\n\t</chart-panel-footer>\r\n</chart-panel>\r\n", styles: [".ndf-report{display:flex;flex-direction:column;min-width:0;max-width:100%;flex-grow:1}.ndf-report__content{position:relative;padding-block:.5rem;flex-grow:1;min-width:0;max-width:100%}.chart-actions{border:var(--chart-actions-border, 1px solid var(--border-color))}.chart-actions__item{background:var(--chart-actions-background, transparent);color:var(--chart-actions-color, currentColor);box-shadow:var(--chart-actions-shadow, unset);width:var(--chart-actions-width, 35px);height:var(--chart-actions-height, 35px);border-radius:var(--chart-actions-border-radius, 4px);flex-grow:1;display:grid;place-items:center}.chart-actions__item .mat-icon{color:var(--main-color, currentColor)}.chart-actions__item:hover{--chart-actions-shadow: var(--chart-actions-hover-shadow, 0 0 0 1px var(--main-color))}.chart-actions__item.selected{--chart-actions-background: var(--chart-actions-active-background, var(--main-color));--chart-actions-color: var(--chart-actions-active-color, var(--main-hover))}.chart-actions__item.selected .mat-icon{color:currentColor!important}@media print{.chart-actions{display:none}}:host{min-width:0;max-width:100%}\n"], components: [{ type: ChartPanel, selector: "chart-panel" }, { type: ChartPanelHeaderComponent, selector: "chart-panel-header" }, { type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: GraphChartComponent, selector: "app-graph-chart" }, { type: ChartPanelFooterComponent, selector: "chart-panel-footer" }, { type: ReportActionsComponent, selector: "app-report-actions", inputs: ["config"], outputs: ["navigate", "open", "print"] }, { type: ChartTypeSelectorComponent, selector: "chart-type-selector", inputs: ["direction", "config", "type"], outputs: ["typeChange"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "async": i4$1.AsyncPipe, "translate": i1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GraphReportComponent, decorators: [{
+CustomChartDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomChartDialogComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+CustomChartDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomChartDialogComponent, selector: "app-custom-chart-dialog", viewQueries: [{ propertyName: "customChartComponent", first: true, predicate: ["customChart"], descendants: true }], ngImport: i0, template: "<ndf-nuxeo-dialog dialogTitle=\"{{ chart?.title | translate }}\">\r\n\t<ng-template #contentTemplate>\r\n\t\t<app-custom-chart\r\n\t\t\t#customChart\r\n\t\t\tclass=\"ndf-report__content graph-chart\"\r\n\t\t\t[config]=\"config\"\r\n\t\t\t[data]=\"data\"\r\n\t\t\t[criteria]=\"criteria\"\r\n\t\t\t[direction]=\"direction\"\r\n\t\t></app-custom-chart>\r\n\t</ng-template>\r\n\t<ng-template #footerTemplate>\r\n\t\t<div class=\"flex gap-x-4\">\r\n\t\t\t<div class=\"chart-actions flex items-center rounded-lg gap-2 p-1\">\r\n\t\t\t\t<button\r\n\t\t\t\t\tclass=\"print-button chart-actions__item rounded\"\r\n\t\t\t\t\t(click)=\"printChart()\"\r\n\t\t\t\t\t[matTooltip]=\"'REPORTS.print' | translate\"\r\n\t\t\t\t\t*ngIf=\"chart.config?.print\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<mat-icon>print</mat-icon>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</ng-template>\r\n</ndf-nuxeo-dialog>\r\n", styles: [""], components: [{ type: NdfNuxeoDialog, selector: "ndf-nuxeo-dialog", inputs: ["dialogTitle", "subTitle", "panelClass", "loaderMode"] }, { type: CustomChartComponent, selector: "app-custom-chart" }, { type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "translate": i1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomChartDialogComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'app-graph-report',
-                    templateUrl: './graph-report.component.html',
-                    styleUrls: ['./graph-report.component.scss'],
-                    host: {
-                        class: 'graph-report flex flex-col flex-grow'
-                    }
+                    selector: 'app-custom-chart-dialog',
+                    templateUrl: './custom-chart-dialog.component.html',
+                    styleUrls: ['./custom-chart-dialog.component.scss']
                 }]
-        }], propDecorators: { graphChartComponent: [{
+        }], ctorParameters: function () { return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; }, propDecorators: { customChartComponent: [{
                 type: ViewChild,
-                args: ['graphChart']
+                args: ['customChart']
             }] } });
 
 class DynamicTimelineReportComponent extends BaseGraphReport {
@@ -43227,11 +43559,7 @@ class DynamicTimelineReportComponent extends BaseGraphReport {
         this._timelineService.changeGroup(group);
     }
     openTimelineDialog() {
-        this.openGraphDialog({
-            config: this.config,
-            data: this.data,
-            component: TimelineDialogComponent
-        });
+        this.openGraphDialog(TimelineDialogComponent);
     }
     openDetails() {
         this.onOpen.emit(this._timelineService.payload);
@@ -43256,94 +43584,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 args: ['graphChart']
             }] } });
 
-class BaseCustomReport extends DestroySubject {
-    constructor(injector) {
-        super();
-        this.injector = injector;
-        this._chartHelperService = this.injector.get(ChartManagerService);
-        this.direction = 'rtl';
-        this._criteriaSub = new ReplaySubject(null);
-        this.criteria$ = this._criteriaSub.asObservable();
-        this._configSub = new BehaviorSubject(null);
-        this.config$ = this._configSub.asObservable();
-    }
-    set criteria(value) {
-        this._criteria = ___default.cloneDeep(value);
-        this._criteriaSub.next(this._criteria);
-    }
-    set config(obj) {
-        if (obj) {
-            this._configSub.next(obj);
-        }
-    }
-    get config() {
-        return this._configSub.getValue();
-    }
-    chartReady(chart) {
-        this.chart = chart;
-        this._chartHelperService.setChart(chart);
-        this._printListener = (event) => {
-            this.chart.resize();
-        };
-        window.addEventListener('beforeprint', this._printListener);
-        queueMicrotask(() => {
-            this.chart.resize();
-        });
-    }
-}
-BaseCustomReport.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseCustomReport, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
-BaseCustomReport.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseCustomReport, inputs: { direction: "direction", data: "data", criteria: "criteria", config: "config" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseCustomReport, decorators: [{
-            type: Directive
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { direction: [{
-                type: Input
-            }], data: [{
-                type: Input
-            }], criteria: [{
-                type: Input
-            }], config: [{
-                type: Input
-            }] } });
-
 class CustomReportComponent extends BaseReport {
     constructor() {
         super(...arguments);
-        this._registeredComponents = this.injector.get(CustomReportsRegistry);
+        this._dialog = this.injector.get(ReportsDialogService);
     }
-    ngOnInit() {
-        var _a, _b;
-        const componentType = this._registeredComponents.getComponent((_a = this.config) === null || _a === void 0 ? void 0 : _a.type);
-        if (!componentType) {
-            console.warn(`No component registered for type: ${(_b = this.config) === null || _b === void 0 ? void 0 : _b.type}`);
-            return;
+    printChart() {
+        if (this.customChartComponent) {
+            this.customChartComponent.print();
         }
-        this._componentRef = this._registeredComponents.renderComponent(componentType.type, this.container);
-        this._prepareComponent();
     }
-    ngOnChanges(changes) {
-        if (!this._componentRef) {
-            return;
-        }
-        Object.keys(changes).forEach((key) => {
-            this._componentRef.instance[key] = changes[key].currentValue;
+    openDialog() {
+        this._dialog.open(CustomChartDialogComponent, {
+            config: this.config,
+            data: this.data,
+            criteria: this.criteria,
+            direction: this.direction
         });
-        this._componentRef.changeDetectorRef.markForCheck();
-    }
-    ngOnDestroy() {
-        if (this._componentRef) {
-            this._componentRef.destroy();
-        }
-    }
-    _prepareComponent() {
-        const instance = this._componentRef.instance;
-        instance.config = this.config;
-        instance.criteria = this.criteria;
-        instance.data = this.data;
-        instance.direction = this.direction;
     }
 }
 CustomReportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomReportComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CustomReportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomReportComponent, selector: "app-custom-report", host: { classAttribute: "custom-report flex flex-col flex-grow" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["dynamicContainer"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<chart-panel *ngIf=\"config$ | async as config\" class=\"ndf-report chart-report\">\r\n\t<chart-panel-header class=\"ndf-report__header mb-3\">\r\n\t\t<span>\r\n\t\t\t{{ config.label | translate }}\r\n\t\t</span>\r\n\t\t<!--<button\r\n      *ngIf=\"config?.dialog?.active\"\r\n      class=\"dialog-button print:hidden\"\r\n      (click)=\"openGraphDialog()\"\r\n      [matTooltip]=\"'REPORTS.fullscreen' | translate\"\r\n    >\r\n      <mat-icon>fullscreen</mat-icon>\r\n    </button>-->\r\n\t</chart-panel-header>\r\n\r\n\t<ng-container #dynamicContainer></ng-container>\r\n\r\n\t<chart-panel-footer class=\"ndf-report__footer flex-wrap\">\r\n\t\t<app-report-actions\r\n\t\t\t[config]=\"config\"\r\n\t\t\t(print)=\"printChart()\"\r\n\t\t\t(navigate)=\"navigate()\"\r\n\t\t\t(open)=\"onOpen.emit(null)\"\r\n\t\t></app-report-actions>\r\n\t</chart-panel-footer>\r\n</chart-panel>\r\n", styles: [""], components: [{ type: ChartPanel, selector: "chart-panel" }, { type: ChartPanelHeaderComponent, selector: "chart-panel-header" }, { type: ChartPanelFooterComponent, selector: "chart-panel-footer" }, { type: ReportActionsComponent, selector: "app-report-actions", inputs: ["config"], outputs: ["navigate", "open", "print"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4$1.AsyncPipe, "translate": i1.TranslatePipe } });
+CustomReportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomReportComponent, selector: "app-custom-report", host: { classAttribute: "custom-report flex flex-col flex-grow" }, viewQueries: [{ propertyName: "customChartComponent", first: true, predicate: ["customChart"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<chart-panel *ngIf=\"config$ | async as config\" class=\"ndf-report chart-report\">\r\n\t<chart-panel-header class=\"ndf-report__header mb-3\">\r\n\t\t<span>\r\n\t\t\t{{ config?.label | translate }}\r\n\t\t</span>\r\n\t\t<button\r\n\t\t\t*ngIf=\"config?.dialog?.active\"\r\n\t\t\tclass=\"dialog-button print:hidden\"\r\n\t\t\t(click)=\"openDialog()\"\r\n\t\t\t[matTooltip]=\"'REPORTS.fullscreen' | translate\"\r\n\t\t>\r\n\t\t\t<mat-icon>fullscreen</mat-icon>\r\n\t\t</button>\r\n\t</chart-panel-header>\r\n\r\n\t<app-custom-chart\r\n\t\t#customChart\r\n\t\tclass=\"ndf-report__content graph-chart\"\r\n\t\t[config]=\"config\"\r\n\t\t[data]=\"data\"\r\n\t\t[criteria]=\"criteria\"\r\n\t\t[direction]=\"direction\"\r\n\t></app-custom-chart>\r\n\r\n\t<chart-panel-footer class=\"ndf-report__footer flex-wrap\">\r\n\t\t<app-report-actions\r\n\t\t\t[config]=\"config\"\r\n\t\t\t(print)=\"printChart()\"\r\n\t\t\t(navigate)=\"navigate()\"\r\n\t\t\t(open)=\"onOpen.emit(null)\"\r\n\t\t></app-report-actions>\r\n\t</chart-panel-footer>\r\n</chart-panel>\r\n", styles: [""], components: [{ type: ChartPanel, selector: "chart-panel" }, { type: ChartPanelHeaderComponent, selector: "chart-panel-header" }, { type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: CustomChartComponent, selector: "app-custom-chart" }, { type: ChartPanelFooterComponent, selector: "chart-panel-footer" }, { type: ReportActionsComponent, selector: "app-report-actions", inputs: ["config"], outputs: ["navigate", "open", "print"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "async": i4$1.AsyncPipe, "translate": i1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CustomReportComponent, decorators: [{
             type: Component,
             args: [{
@@ -43354,9 +43615,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         class: 'custom-report flex flex-col flex-grow'
                     }
                 }]
-        }], propDecorators: { container: [{
+        }], propDecorators: { customChartComponent: [{
                 type: ViewChild,
-                args: ['dynamicContainer', { read: ViewContainerRef, static: true }]
+                args: ['customChart']
             }] } });
 
 function mapToNdfTableConfig(report, details) {
@@ -43413,7 +43674,7 @@ class NdfReportComponent extends DestroySubject {
     }
 }
 NdfReportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfReportComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NdfReportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfReportComponent, selector: "app-ndf-report", inputs: { config: "config", direction: "direction", data: "data", criteria: "criteria" }, outputs: { onNavigate: "onNavigate", onOpen: "onOpen" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"config\">\r\n\t<ng-container [ngSwitch]=\"config.mode\">\r\n\t\t<app-graph-report\r\n\t\t\t*ngSwitchCase=\"reportModes.graph\"\r\n\t\t\t[definition]=\"config\"\r\n\t\t\t[data]=\"data\"\r\n      [criteria]=\"criteria\"\r\n\t\t\t[direction]=\"direction\"\r\n\t\t\t(onNavigate)=\"onNavigate.emit($event)\"\r\n\t\t\t(onOpen)=\"onOpen.emit($event)\"\r\n\t\t></app-graph-report>\r\n\t\t<app-dynamic-timeline-report\r\n\t\t\t*ngSwitchCase=\"reportModes.dynamicLine\"\r\n\t\t\t[definition]=\"config\"\r\n\t\t\t[data]=\"data\"\r\n      [criteria]=\"criteria\"\r\n\t\t\t[direction]=\"direction\"\r\n      (onOpen)=\"onOpen.emit($event)\"\r\n\t\t></app-dynamic-timeline-report>\r\n\t\t<app-digit-report\r\n\t\t\t*ngSwitchCase=\"reportModes.digit\"\r\n\t\t\t[definition]=\"config\"\r\n\t\t\t[data]=\"data\"\r\n      [criteria]=\"criteria\"\r\n\t\t\t[direction]=\"direction\"\r\n      (onOpen)=\"onOpen.emit($event)\"\r\n\t\t></app-digit-report>\r\n\t</ng-container>\r\n</ng-container>\r\n", styles: [".ndf-report{display:flex;flex-direction:column;min-width:0;max-width:100%;flex-grow:1}.ndf-report__content{position:relative;padding-block:.5rem;flex-grow:1;min-width:0;max-width:100%}.chart-actions{border:var(--chart-actions-border, 1px solid var(--border-color))}.chart-actions__item{background:var(--chart-actions-background, transparent);color:var(--chart-actions-color, currentColor);box-shadow:var(--chart-actions-shadow, unset);width:var(--chart-actions-width, 35px);height:var(--chart-actions-height, 35px);border-radius:var(--chart-actions-border-radius, 4px);flex-grow:1;display:grid;place-items:center}.chart-actions__item .mat-icon{color:var(--main-color, currentColor)}.chart-actions__item:hover{--chart-actions-shadow: var(--chart-actions-hover-shadow, 0 0 0 1px var(--main-color))}.chart-actions__item.selected{--chart-actions-background: var(--chart-actions-active-background, var(--main-color));--chart-actions-color: var(--chart-actions-active-color, var(--main-hover))}.chart-actions__item.selected .mat-icon{color:currentColor!important}@media print{.chart-actions{display:none}}\n"], components: [{ type: GraphReportComponent, selector: "app-graph-report" }, { type: DynamicTimelineReportComponent, selector: "app-dynamic-timeline-report" }, { type: DigitReportComponent, selector: "app-digit-report" }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+NdfReportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfReportComponent, selector: "app-ndf-report", inputs: { config: "config", direction: "direction", data: "data", criteria: "criteria" }, outputs: { onNavigate: "onNavigate", onOpen: "onOpen" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"config\">\r\n\t<ng-container [ngSwitch]=\"config.mode\">\r\n\r\n\t\t<app-graph-report\r\n\t\t\t*ngSwitchCase=\"reportModes.graph\"\r\n\t\t\t[definition]=\"config\"\r\n\t\t\t[data]=\"data\"\r\n\t\t\t[criteria]=\"criteria\"\r\n\t\t\t[direction]=\"direction\"\r\n\t\t\t(onNavigate)=\"onNavigate.emit($event)\"\r\n\t\t\t(onOpen)=\"onOpen.emit($event)\"\r\n\t\t></app-graph-report>\r\n\r\n\t\t<app-dynamic-timeline-report\r\n\t\t\t*ngSwitchCase=\"reportModes.dynamicLine\"\r\n\t\t\t[definition]=\"config\"\r\n\t\t\t[data]=\"data\"\r\n\t\t\t[criteria]=\"criteria\"\r\n\t\t\t[direction]=\"direction\"\r\n\t\t\t(onOpen)=\"onOpen.emit($event)\"\r\n\t\t></app-dynamic-timeline-report>\r\n\r\n\t\t<app-digit-report\r\n\t\t\t*ngSwitchCase=\"reportModes.digit\"\r\n\t\t\t[definition]=\"config\"\r\n\t\t\t[data]=\"data\"\r\n\t\t\t[criteria]=\"criteria\"\r\n\t\t\t[direction]=\"direction\"\r\n\t\t\t(onOpen)=\"onOpen.emit($event)\"\r\n\t\t></app-digit-report>\r\n\r\n\t\t<app-custom-report\r\n\t\t\t*ngSwitchCase=\"reportModes.custom\"\r\n\t\t\t[definition]=\"config\"\r\n\t\t\t[data]=\"data\"\r\n\t\t\t[criteria]=\"criteria\"\r\n\t\t\t[direction]=\"direction\"\r\n\t\t\t(onOpen)=\"onOpen.emit($event)\"\r\n\t\t>\r\n\t\t</app-custom-report>\r\n\t</ng-container>\r\n</ng-container>\r\n", styles: [".ndf-report{display:flex;flex-direction:column;min-width:0;max-width:100%;flex-grow:1}.ndf-report__content{position:relative;padding-block:.5rem;flex-grow:1;min-width:0;max-width:100%}.chart-actions{border:var(--chart-actions-border, 1px solid var(--border-color))}.chart-actions__item{background:var(--chart-actions-background, transparent);color:var(--chart-actions-color, currentColor);box-shadow:var(--chart-actions-shadow, unset);width:var(--chart-actions-width, 35px);height:var(--chart-actions-height, 35px);border-radius:var(--chart-actions-border-radius, 4px);flex-grow:1;display:grid;place-items:center}.chart-actions__item .mat-icon{color:var(--main-color, currentColor)}.chart-actions__item:hover{--chart-actions-shadow: var(--chart-actions-hover-shadow, 0 0 0 1px var(--main-color))}.chart-actions__item.selected{--chart-actions-background: var(--chart-actions-active-background, var(--main-color));--chart-actions-color: var(--chart-actions-active-color, var(--main-hover))}.chart-actions__item.selected .mat-icon{color:currentColor!important}@media print{.chart-actions{display:none}}\n"], components: [{ type: GraphReportComponent, selector: "app-graph-report" }, { type: DynamicTimelineReportComponent, selector: "app-dynamic-timeline-report" }, { type: DigitReportComponent, selector: "app-digit-report" }, { type: CustomReportComponent, selector: "app-custom-report" }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfReportComponent, decorators: [{
             type: Component,
             args: [{
@@ -43692,7 +43953,7 @@ class NdfReportsComponent extends DestroySubject {
     }
 }
 NdfReportsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfReportsComponent, deps: [{ token: i1.TranslateService }, { token: FiltersMapperService }, { token: NdfReportsService }, { token: ChartManagerService }, { token: ReportTransformService }, { token: i0.ChangeDetectorRef }, { token: FilterQueryService }, { token: ReportsStateService }, { token: i1$5.Router }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-NdfReportsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfReportsComponent, selector: "app-ndf-reports", inputs: { jsonEditorEnabled: "jsonEditorEnabled", reportsKey: "reportsKey", navigateRoute: "navigateRoute", config: "config" }, outputs: { onQueryChange: "onQueryChange" }, host: { properties: { "dir": "direction" }, classAttribute: "ndf-reports" }, viewQueries: [{ propertyName: "fluidDirective", first: true, predicate: FluidHeightDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n\t*ngIf=\"reportsData$ | async as reports\"\r\n\tclass=\"ndf-reports__container\"\r\n\t[class.panel-opened]=\"isPanelOpened && filtersConfig\"\r\n\t[dir]=\"direction\"\r\n\tndfFluidHeight\r\n>\r\n\t<div class=\"ndf-reports__panel print:hidden\" *ngIf=\"!!filtersConfig?.fields?.length\">\r\n\t\t<app-filters-panel\r\n\t\t\t[fields]=\"filtersConfig?.fields\"\r\n\t\t\t[aggregations]=\"aggregations\"\r\n\t\t\t(filterChanged)=\"filterChanged($event)\"\r\n\t\t\t[activeQuery]=\"activeFiltersQuery$ | async\"\r\n\t\t\tclass=\"ndf-reports__filters\"\r\n\t\t></app-filters-panel>\r\n\t</div>\r\n\r\n\t<div class=\"ndf-reports__content\" (scrolled)=\"onContentScroll($event)\">\r\n\t\t<div class=\"ndf-reports__header flex pt-4 print:hidden\">\r\n\t\t\t<button mat-stroked-button class=\"toggle-button\" (click)=\"togglePanel()\">\r\n\t\t\t\t<mat-icon> filter_alt</mat-icon>\r\n\t\t\t</button>\r\n\t\t\t<app-editor-button\r\n\t\t\t\t*ngIf=\"jsonEditorEnabled && reportsKey\"\r\n\t\t\t\t[key]=\"reportsKey\"\r\n\t\t\t\t[type]=\"editorType\"\r\n\t\t\t></app-editor-button>\r\n\t\t\t<button mat-stroked-button *ngIf=\"config?.options?.print\" class=\"print-button\" (click)=\"printAll()\">\r\n\t\t\t\t<mat-icon> print</mat-icon>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t\t<mat-spinner *ngIf=\"isLoadingResult\" class=\"mt-5 mx-auto\" [diameter]=\"48\"></mat-spinner>\r\n\r\n\t\t<div class=\"reports-grid\" *ngIf=\"!isLoadingResult\">\r\n\t\t\t<app-ndf-report\r\n\t\t\t\t*ngFor=\"let config of reportConfig.items; trackBy: trackByFn\"\r\n\t\t\t\t[config]=\"config\"\r\n\t\t\t\t[data]=\"reports?.response\"\r\n\t\t\t\t[criteria]=\"filtersParams$ | async\"\r\n\t\t\t\t[direction]=\"direction\"\r\n\t\t\t\t[attr.data-width]=\"config?.layout?.width || 4\"\r\n\t\t\t\t[attr.data-height]=\"config?.layout?.height || 'auto'\"\r\n\t\t\t\t[attr.data-start-column]=\"config?.layout?.columnPosition || 'auto'\"\r\n\t\t\t\t[attr.data-start-row]=\"config?.layout?.rowPosition || 'auto'\"\r\n\t\t\t\t[class.wide]=\"config?.layout?.width >= 6\"\r\n\t\t\t\tclass=\"reports-grid__item {{ config?.layout?.styleClass }} \"\r\n\t\t\t\t(onNavigate)=\"onNavigate($event)\"\r\n\t\t\t\t(onOpen)=\"openReportDetails($event, config)\"\r\n\t\t\t></app-ndf-report>\r\n\t\t</div>\r\n\t</div>\r\n\t<div\r\n\t\tclass=\"ndf-reports__details print:hidden\"\r\n\t\t[class.opened]=\"showDetails\"\r\n\t\t[@slideInOut]=\"showDetails ? 'open' : 'closed'\"\r\n\t\t(@slideInOut.done)=\"onDetailsAnimationEnd($event)\"\r\n\t>\r\n\t\t<app-ndf-table\r\n\t\t\t*ngIf=\"reportDetails$ | async as report\"\r\n\t\t\t[config]=\"report.config\"\r\n\t\t\t[activeQuery]=\"activeFiltersQuery$ | async\"\r\n\t\t\t[customCriteria]=\"filtersParams$ | async\"\r\n\t\t>\r\n\t\t\t<ng-template searchTableTemplate>\r\n\t\t\t\t<div class=\"ndf-reports__details__header flex gap-2\">\r\n\t\t\t\t\t<button mat-stroked-button class=\"toggle-button\" (click)=\"togglePanel()\">\r\n\t\t\t\t\t\t<mat-icon> filter_alt</mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<button mat-stroked-button class=\"close-button\" (click)=\"closeDetailsPanel()\">\r\n\t\t\t\t\t\t<mat-icon> close</mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t{{ report.label | translate }}\r\n\t\t\t\t</h3>\r\n\t\t\t</ng-template>\r\n\t\t</app-ndf-table>\r\n\t</div>\r\n</div>\r\n", styles: [":host{padding-inline:var(--ndf-reports-inline-padding, 0);padding-block:var(--ndf-reports-block-padding, .5rem 0);height:100%;position:relative;display:flex;flex-direction:column;background-color:var(--ndf-reports-background, #fff);box-sizing:border-box;max-width:100%;flex:0 0 100%}:host:before,:host:after{box-sizing:border-box}:host[dir=ltr]{--ndf-reports-panel-translateX: -100%;--ndf-reports-details-translateX: 100%}.ndf-reports__header{background-color:var(--ndf-reports-background, #fff);flex-direction:var(--ndf-reports-header-direction, row);justify-content:var(--ndf-reports-header-justify, space-between);align-items:var(--ndf-reports-header-items, center);padding-inline:var(--ndf-reports-header-padding-inline, .5rem);padding-block:var(--ndf-reports-header-padding-block, 0 .5rem);position:var(--ndf-reports-header-position, sticky);top:0;z-index:1}.ndf-reports__header__actions{justify-content:var(--ndf-reports-actions-justify, flex-end)}.ndf-reports__header__custom-actions .toggle-button{min-width:0;padding:0 10px}.ndf-reports__container{--panel-width: var(--ndf-reports-panel-width, 18rem);position:relative;overflow:var(--ndf-reports-container-overflow, hidden);display:grid;transition:all .2s;max-width:100%;width:100%;height:var(--ndf-reports-height, calc(var(--ndf-fluid-height) - calc(var(--ndf-reports-block-padding, 1rem) * 2.5)));flex-grow:1;grid-gap:var(--ndf-table-container-gap, .5rem);gap:var(--ndf-table-container-gap, .5rem)}.ndf-reports__container.panel-opened{--ndf-details-margin: var(--panel-width);--ndf-reports-panel-translateX: 0;--ndf-reports-content-margin: var(--panel-width)}@media print{.ndf-reports__container{--ndf-reports-container-overflow: visible;height:100%}}.ndf-reports__panel,.ndf-reports__content .ndf-reports__details{overflow:auto;transition:all .2s}.ndf-reports__panel{position:absolute;width:var(--panel-width);height:100%;transform:translate(var(--ndf-reports-panel-translateX, 100%));padding-inline:var(--ndf-reports-panel-inline-padding, .5rem);padding-block:var(--ndf-reports-panel-block-padding, .5rem);background:var(--ndf-reports-panel-background, #fff);z-index:1}.ndf-reports__content{flex-grow:1;padding-inline-start:var(--ndf-reports-content-margin, 1rem);padding-inline-end:var(--ndf-reports-content-pie, 1rem);padding-block:var(--ndf-reports-content-pb, 0 1rem);overflow-y:var(--ndf-reports-content-overflow-y, auto);position:relative;display:flex;flex-direction:column}@media print{.ndf-reports__content{--ndf-reports-content-overflow-y: visible}}.ndf-reports__details{position:absolute;inset-inline-end:0;width:calc(100% - var(--ndf-details-margin, 0px));height:100%;transform:translate(var(--ndf-reports-details-translateX, -100%));padding-inline:var(--ndf-reports-details-inline-padding, 0rem);flex-grow:1;padding-block:var(--ndf-reports-details-block-padding, 0rem);background:var(--ndf-reports-details-background, #fff);z-index:1;transition:all .2s}.reports-grid{--grid-columns: 12;--column-width: calc(100% / var(--grid-columns));display:grid;grid-gap:var(--reports-grid-gap, 1.5rem);gap:var(--reports-grid-gap, 1.5rem);grid-template-columns:var(--rg-columns, repeat(var(--grid-columns), 1fr));margin-block:var(--reports-grid-margin-block, 1.25rem 0);padding-inline:var(--reports-grid-padding-inline, .5rem)}.reports-grid__item{background:#f5f5f5;display:grid;grid-gap:.3rem;gap:.3rem;min-width:0;text-align:center;vertical-align:middle}.reports-grid__item[data-width=\"1\"]{--col-span: span 1}.reports-grid__item[data-start-column=\"1\"]{--col-start: 1}.reports-grid__item[data-start-row=\"1\"]{--row-start: 1}.reports-grid__item[data-height=\"1\"]{--row-span: 1}.reports-grid__item[data-width=\"2\"]{--col-span: span 2}.reports-grid__item[data-start-column=\"2\"]{--col-start: 2}.reports-grid__item[data-start-row=\"2\"]{--row-start: 2}.reports-grid__item[data-height=\"2\"]{--row-span: 2}.reports-grid__item[data-width=\"3\"]{--col-span: span 3}.reports-grid__item[data-start-column=\"3\"]{--col-start: 3}.reports-grid__item[data-start-row=\"3\"]{--row-start: 3}.reports-grid__item[data-height=\"3\"]{--row-span: 3}.reports-grid__item[data-width=\"4\"]{--col-span: span 4}.reports-grid__item[data-start-column=\"4\"]{--col-start: 4}.reports-grid__item[data-start-row=\"4\"]{--row-start: 4}.reports-grid__item[data-height=\"4\"]{--row-span: 4}.reports-grid__item[data-width=\"5\"]{--col-span: span 5}.reports-grid__item[data-start-column=\"5\"]{--col-start: 5}.reports-grid__item[data-start-row=\"5\"]{--row-start: 5}.reports-grid__item[data-height=\"5\"]{--row-span: 5}.reports-grid__item[data-width=\"6\"]{--col-span: span 6}.reports-grid__item[data-start-column=\"6\"]{--col-start: 6}.reports-grid__item[data-start-row=\"6\"]{--row-start: 6}.reports-grid__item[data-height=\"6\"]{--row-span: 6}.reports-grid__item[data-width=\"7\"]{--col-span: span 7}.reports-grid__item[data-start-column=\"7\"]{--col-start: 7}.reports-grid__item[data-start-row=\"7\"]{--row-start: 7}.reports-grid__item[data-height=\"7\"]{--row-span: 7}.reports-grid__item[data-width=\"8\"]{--col-span: span 8}.reports-grid__item[data-start-column=\"8\"]{--col-start: 8}.reports-grid__item[data-start-row=\"8\"]{--row-start: 8}.reports-grid__item[data-height=\"8\"]{--row-span: 8}.reports-grid__item[data-width=\"9\"]{--col-span: span 9}.reports-grid__item[data-start-column=\"9\"]{--col-start: 9}.reports-grid__item[data-start-row=\"9\"]{--row-start: 9}.reports-grid__item[data-height=\"9\"]{--row-span: 9}.reports-grid__item[data-width=\"10\"]{--col-span: span 10}.reports-grid__item[data-start-column=\"10\"]{--col-start: 10}.reports-grid__item[data-start-row=\"10\"]{--row-start: 10}.reports-grid__item[data-height=\"10\"]{--row-span: 10}.reports-grid__item[data-width=\"11\"]{--col-span: span 11}.reports-grid__item[data-start-column=\"11\"]{--col-start: 11}.reports-grid__item[data-start-row=\"11\"]{--row-start: 11}.reports-grid__item[data-height=\"11\"]{--row-span: 11}.reports-grid__item[data-width=\"12\"]{--col-span: span 12}.reports-grid__item[data-start-column=\"12\"]{--col-start: 12}.reports-grid__item[data-start-row=\"12\"]{--row-start: 12}.reports-grid__item[data-height=\"12\"]{--row-span: 12}@media screen{.reports-grid__item{grid-column:var(--col-start, auto)/var(--col-span, span var(--grid-column, 2));grid-row:var(--row-start, auto)/span var(--row-span, 1);grid-template-rows:subgrid}}@media print{.reports-grid{--reports-grid-gap: 11mm;--reports-grid-margin-top: 9mm;--rg-columns: repeat(2, 1fr)}.reports-grid__item{--col-start: auto;--col-span: span 1;border:1px solid #f5f5f5;border-radius:var(--cp-radius, 1rem);page-break-inside:avoid;break-inside:avoid-page}}@media screen and (max-width: 1199px){.reports-grid__item[data-width=\"1\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"2\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"3\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"4\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"5\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"6\"]{--col-start: auto;--col-span: span 6}.reports-grid__item.wide{--col-start: 1;--col-span: -1}}@media screen and (max-width: 767px){.reports-grid__item[data-width]{--col-start: 1;--col-span: -1}}\n"], components: [{ type: FiltersPanelComponent, selector: "app-filters-panel", inputs: ["aggregations", "fields", "activeQuery"], outputs: ["filterChanged"] }, { type: i1$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: EditorButtonComponent, selector: "app-editor-button", inputs: ["type", "key"] }, { type: i3$1.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: NdfReportComponent, selector: "app-ndf-report", inputs: ["config", "direction", "data", "criteria"], outputs: ["onNavigate", "onOpen"] }, { type: NdfTableComponent, selector: "app-ndf-table", inputs: ["rows", "totalRecords", "autoCalculateHeight", "emptyMessage", "activeQuery", "configPath", "configTransformer", "tableKey", "jsonEditorEnabled", "config", "customCriteria", "searchTerm"], outputs: ["onRowSelected", "onRowIndexSelected", "actionOnRow", "onGettingData", "onMultiRowSelected", "onLoading", "onPage", "onInitialized", "onLoaded", "onQueryChange", "onSort"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: FluidHeightDirective, selector: "[ndfFluidHeight]", inputs: ["minHeight", "ndfFluidHeight", "subtractItems", "decrease", "delay", "cssVar", "calculate", "inlineStyle"], exportAs: ["ndfFluidHeight"] }, { type: i4.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: ScrollableDivDirective, selector: "[scrolled]", inputs: ["scrollTop"], outputs: ["scrolled"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: SearchTableTemplateDirective, selector: "[searchTableTemplate]" }], pipes: { "async": i4$1.AsyncPipe, "translate": i1.TranslatePipe }, animations: [slideAnimation] });
+NdfReportsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfReportsComponent, selector: "app-ndf-reports", inputs: { jsonEditorEnabled: "jsonEditorEnabled", reportsKey: "reportsKey", navigateRoute: "navigateRoute", config: "config" }, outputs: { onQueryChange: "onQueryChange" }, host: { properties: { "dir": "direction" }, classAttribute: "ndf-reports" }, viewQueries: [{ propertyName: "fluidDirective", first: true, predicate: FluidHeightDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n\t*ngIf=\"reportsData$ | async as reports\"\r\n\tclass=\"ndf-reports__container\"\r\n\t[class.panel-opened]=\"isPanelOpened && filtersConfig\"\r\n\t[dir]=\"direction\"\r\n\tndfFluidHeight\r\n>\r\n\t<div class=\"ndf-reports__panel print:hidden\" *ngIf=\"!!filtersConfig?.fields?.length\">\r\n\t\t<app-filters-panel\r\n\t\t\t[fields]=\"filtersConfig?.fields\"\r\n\t\t\t[aggregations]=\"aggregations\"\r\n\t\t\t(filterChanged)=\"filterChanged($event)\"\r\n\t\t\t[activeQuery]=\"activeFiltersQuery$ | async\"\r\n\t\t\tclass=\"ndf-reports__filters\"\r\n\t\t></app-filters-panel>\r\n\t</div>\r\n\r\n\t<div class=\"ndf-reports__content\" (scrolled)=\"onContentScroll($event)\">\r\n\t\t<div class=\"ndf-reports__header flex pt-4 print:hidden\">\r\n\t\t\t<button mat-stroked-button class=\"toggle-button\" (click)=\"togglePanel()\">\r\n\t\t\t\t<mat-icon> filter_alt</mat-icon>\r\n\t\t\t</button>\r\n\t\t\t<app-editor-button\r\n\t\t\t\t*ngIf=\"jsonEditorEnabled && reportsKey\"\r\n\t\t\t\t[key]=\"reportsKey\"\r\n\t\t\t\t[type]=\"editorType\"\r\n\t\t\t></app-editor-button>\r\n\t\t\t<button mat-stroked-button *ngIf=\"config?.options?.print\" class=\"print-button\" (click)=\"printAll()\">\r\n\t\t\t\t<mat-icon> print</mat-icon>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t\t<mat-spinner *ngIf=\"isLoadingResult\" class=\"mt-5 mx-auto\" [diameter]=\"48\"></mat-spinner>\r\n\r\n\t\t<div class=\"reports-grid\" *ngIf=\"!isLoadingResult\">\r\n\t\t\t<app-ndf-report\r\n\t\t\t\t*ngFor=\"let config of reportConfig.items; trackBy: trackByFn\"\r\n\t\t\t\t[config]=\"config\"\r\n\t\t\t\t[data]=\"reports?.response\"\r\n\t\t\t\t[criteria]=\"filtersParams$ | async\"\r\n\t\t\t\t[direction]=\"direction\"\r\n\t\t\t\t[attr.data-width]=\"config?.layout?.width || 4\"\r\n\t\t\t\t[attr.data-height]=\"config?.layout?.height || 'auto'\"\r\n\t\t\t\t[attr.data-start-column]=\"config?.layout?.columnPosition || 'auto'\"\r\n\t\t\t\t[attr.data-start-row]=\"config?.layout?.rowPosition || 'auto'\"\r\n\t\t\t\t[class.wide]=\"config?.layout?.width >= 6\"\r\n\t\t\t\tclass=\"reports-grid__item {{ config?.layout?.styleClass }} \"\r\n\t\t\t\t(onNavigate)=\"onNavigate($event)\"\r\n\t\t\t\t(onOpen)=\"openReportDetails($event, config)\"\r\n\t\t\t></app-ndf-report>\r\n\t\t</div>\r\n\t</div>\r\n\t<div\r\n\t\tclass=\"ndf-reports__details print:hidden\"\r\n\t\t[class.opened]=\"showDetails\"\r\n\t\t[@slideInOut]=\"showDetails ? 'open' : 'closed'\"\r\n\t\t(@slideInOut.done)=\"onDetailsAnimationEnd($event)\"\r\n\t>\r\n\t\t<app-ndf-table\r\n\t\t\t*ngIf=\"reportDetails$ | async as report\"\r\n\t\t\t[config]=\"report.config\"\r\n\t\t\t[activeQuery]=\"activeFiltersQuery$ | async\"\r\n\t\t\t[customCriteria]=\"filtersParams$ | async\"\r\n\t\t>\r\n\t\t\t<ng-template searchTableTemplate>\r\n\t\t\t\t<div class=\"ndf-reports__details__header flex gap-2\">\r\n\t\t\t\t\t<button mat-stroked-button class=\"toggle-button\" (click)=\"togglePanel()\">\r\n\t\t\t\t\t\t<mat-icon> filter_alt</mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<button mat-stroked-button class=\"close-button\" (click)=\"closeDetailsPanel()\">\r\n\t\t\t\t\t\t<mat-icon> close</mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t{{ report.label | translate }}\r\n\t\t\t\t</h3>\r\n\t\t\t</ng-template>\r\n\t\t</app-ndf-table>\r\n\t</div>\r\n</div>\r\n", styles: [":host{padding-inline:var(--ndf-reports-inline-padding, 0);padding-block:var(--ndf-reports-block-padding, .5rem 0);height:100%;position:relative;display:flex;flex-direction:column;background-color:var(--ndf-reports-background, #fff);box-sizing:border-box;max-width:100%;flex:0 0 100%}:host:before,:host:after{box-sizing:border-box}:host[dir=ltr]{--ndf-reports-panel-translateX: -100%;--ndf-reports-details-translateX: 100%}.ndf-reports__header{background-color:var(--ndf-reports-background, #fff);flex-direction:var(--ndf-reports-header-direction, row);justify-content:var(--ndf-reports-header-justify, space-between);align-items:var(--ndf-reports-header-items, center);padding-inline:var(--ndf-reports-header-padding-inline, .5rem);padding-block:var(--ndf-reports-header-padding-block, 0 .5rem);position:var(--ndf-reports-header-position, sticky);top:0;z-index:1}.ndf-reports__header__actions{justify-content:var(--ndf-reports-actions-justify, flex-end)}.ndf-reports__header__custom-actions .toggle-button{min-width:0;padding:0 10px}.ndf-reports__container{--panel-width: var(--ndf-reports-panel-width, 18rem);position:relative;overflow:var(--ndf-reports-container-overflow, hidden);display:grid;transition:all .2s;max-width:100%;width:100%;height:var(--ndf-reports-height, calc(var(--ndf-fluid-height) - calc(var(--ndf-reports-block-padding, 1rem) * 2.5)));flex-grow:1;grid-gap:var(--ndf-table-container-gap, .5rem);gap:var(--ndf-table-container-gap, .5rem)}.ndf-reports__container.panel-opened{--ndf-details-margin: var(--panel-width);--ndf-reports-panel-translateX: 0;--ndf-reports-content-margin: var(--panel-width)}@media print{.ndf-reports__container{--ndf-reports-container-overflow: visible;height:100%}}.ndf-reports__panel,.ndf-reports__content .ndf-reports__details{overflow:auto;transition:all .2s}.ndf-reports__panel{position:absolute;width:var(--panel-width);height:100%;transform:translate(var(--ndf-reports-panel-translateX, 100%));padding-inline:var(--ndf-reports-panel-inline-padding, .5rem);padding-block:var(--ndf-reports-panel-block-padding, .5rem);background:var(--ndf-reports-panel-background, #fff);z-index:1}.ndf-reports__content{flex-grow:1;padding-inline-start:var(--ndf-reports-content-margin, 1rem);padding-inline-end:var(--ndf-reports-content-pie, 1rem);padding-block:var(--ndf-reports-content-pb, 0 1rem);overflow-y:var(--ndf-reports-content-overflow-y, auto);position:relative;display:flex;flex-direction:column}@media print{.ndf-reports__content{--ndf-reports-content-overflow-y: visible}}.ndf-reports__details{position:absolute;inset-inline-end:0;width:calc(100% - var(--ndf-details-margin, 0px));height:100%;transform:translate(var(--ndf-reports-details-translateX, -100%));padding-inline:var(--ndf-reports-details-inline-padding, 0rem);flex-grow:1;padding-block:var(--ndf-reports-details-block-padding, 0rem);background:var(--ndf-reports-details-background, #fff);z-index:1;transition:all .2s}.reports-grid{--grid-columns: 12;--column-width: calc(100% / var(--grid-columns));display:grid;grid-gap:var(--reports-grid-gap, 1.5rem);gap:var(--reports-grid-gap, 1.5rem);grid-template-columns:var(--rg-columns, repeat(var(--grid-columns), 1fr));margin-block:var(--reports-grid-margin-block, 1.25rem 0);padding-inline:var(--reports-grid-padding-inline, .5rem)}.reports-grid__item{display:grid;grid-gap:.3rem;gap:.3rem;min-width:0;text-align:center;vertical-align:middle}.reports-grid__item[data-width=\"1\"]{--col-span: span 1}.reports-grid__item[data-start-column=\"1\"]{--col-start: 1}.reports-grid__item[data-start-row=\"1\"]{--row-start: 1}.reports-grid__item[data-height=\"1\"]{--row-span: 1}.reports-grid__item[data-width=\"2\"]{--col-span: span 2}.reports-grid__item[data-start-column=\"2\"]{--col-start: 2}.reports-grid__item[data-start-row=\"2\"]{--row-start: 2}.reports-grid__item[data-height=\"2\"]{--row-span: 2}.reports-grid__item[data-width=\"3\"]{--col-span: span 3}.reports-grid__item[data-start-column=\"3\"]{--col-start: 3}.reports-grid__item[data-start-row=\"3\"]{--row-start: 3}.reports-grid__item[data-height=\"3\"]{--row-span: 3}.reports-grid__item[data-width=\"4\"]{--col-span: span 4}.reports-grid__item[data-start-column=\"4\"]{--col-start: 4}.reports-grid__item[data-start-row=\"4\"]{--row-start: 4}.reports-grid__item[data-height=\"4\"]{--row-span: 4}.reports-grid__item[data-width=\"5\"]{--col-span: span 5}.reports-grid__item[data-start-column=\"5\"]{--col-start: 5}.reports-grid__item[data-start-row=\"5\"]{--row-start: 5}.reports-grid__item[data-height=\"5\"]{--row-span: 5}.reports-grid__item[data-width=\"6\"]{--col-span: span 6}.reports-grid__item[data-start-column=\"6\"]{--col-start: 6}.reports-grid__item[data-start-row=\"6\"]{--row-start: 6}.reports-grid__item[data-height=\"6\"]{--row-span: 6}.reports-grid__item[data-width=\"7\"]{--col-span: span 7}.reports-grid__item[data-start-column=\"7\"]{--col-start: 7}.reports-grid__item[data-start-row=\"7\"]{--row-start: 7}.reports-grid__item[data-height=\"7\"]{--row-span: 7}.reports-grid__item[data-width=\"8\"]{--col-span: span 8}.reports-grid__item[data-start-column=\"8\"]{--col-start: 8}.reports-grid__item[data-start-row=\"8\"]{--row-start: 8}.reports-grid__item[data-height=\"8\"]{--row-span: 8}.reports-grid__item[data-width=\"9\"]{--col-span: span 9}.reports-grid__item[data-start-column=\"9\"]{--col-start: 9}.reports-grid__item[data-start-row=\"9\"]{--row-start: 9}.reports-grid__item[data-height=\"9\"]{--row-span: 9}.reports-grid__item[data-width=\"10\"]{--col-span: span 10}.reports-grid__item[data-start-column=\"10\"]{--col-start: 10}.reports-grid__item[data-start-row=\"10\"]{--row-start: 10}.reports-grid__item[data-height=\"10\"]{--row-span: 10}.reports-grid__item[data-width=\"11\"]{--col-span: span 11}.reports-grid__item[data-start-column=\"11\"]{--col-start: 11}.reports-grid__item[data-start-row=\"11\"]{--row-start: 11}.reports-grid__item[data-height=\"11\"]{--row-span: 11}.reports-grid__item[data-width=\"12\"]{--col-span: span 12}.reports-grid__item[data-start-column=\"12\"]{--col-start: 12}.reports-grid__item[data-start-row=\"12\"]{--row-start: 12}.reports-grid__item[data-height=\"12\"]{--row-span: 12}@media screen{.reports-grid__item{grid-column:var(--col-start, auto)/var(--col-span, span var(--grid-column, 2));grid-row:var(--row-start, auto)/span var(--row-span, 1);grid-template-rows:subgrid}}@media print{.reports-grid{--reports-grid-gap: 11mm;--reports-grid-margin-top: 9mm;--rg-columns: repeat(2, 1fr)}.reports-grid__item{--col-start: auto;--col-span: span 1;border:1px solid #f5f5f5;border-radius:var(--cp-radius, 1rem);page-break-inside:avoid;break-inside:avoid-page}}@media screen and (max-width: 1199px){.reports-grid__item[data-width=\"1\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"2\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"3\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"4\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"5\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"6\"]{--col-start: auto;--col-span: span 6}.reports-grid__item.wide{--col-start: 1;--col-span: -1}}@media screen and (max-width: 767px){.reports-grid__item[data-width]{--col-start: 1;--col-span: -1}}\n"], components: [{ type: FiltersPanelComponent, selector: "app-filters-panel", inputs: ["aggregations", "fields", "activeQuery"], outputs: ["filterChanged"] }, { type: i1$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: EditorButtonComponent, selector: "app-editor-button", inputs: ["type", "key"] }, { type: i3$1.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: NdfReportComponent, selector: "app-ndf-report", inputs: ["config", "direction", "data", "criteria"], outputs: ["onNavigate", "onOpen"] }, { type: NdfTableComponent, selector: "app-ndf-table", inputs: ["rows", "totalRecords", "autoCalculateHeight", "emptyMessage", "activeQuery", "configPath", "configTransformer", "tableKey", "jsonEditorEnabled", "config", "customCriteria", "searchTerm"], outputs: ["onRowSelected", "onRowIndexSelected", "actionOnRow", "onGettingData", "onMultiRowSelected", "onLoading", "onPage", "onInitialized", "onLoaded", "onQueryChange", "onSort"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: FluidHeightDirective, selector: "[ndfFluidHeight]", inputs: ["minHeight", "ndfFluidHeight", "subtractItems", "decrease", "delay", "cssVar", "calculate", "inlineStyle"], exportAs: ["ndfFluidHeight"] }, { type: i4.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: ScrollableDivDirective, selector: "[scrolled]", inputs: ["scrollTop"], outputs: ["scrolled"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: SearchTableTemplateDirective, selector: "[searchTableTemplate]" }], pipes: { "async": i4$1.AsyncPipe, "translate": i1.TranslatePipe }, animations: [slideAnimation] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfReportsComponent, decorators: [{
             type: Component,
             args: [{
@@ -43741,7 +44002,7 @@ NdfReportsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         DynamicTimelineReportComponent,
         TimeGroupSelectorComponent,
         GraphDialogComponent,
-        TimelineDialogComponent, ScrollableDivDirective, GraphChartComponent, DigitChartComponent, ReportActionsComponent, CustomReportComponent], imports: [CommonModule,
+        TimelineDialogComponent, ScrollableDivDirective, GraphChartComponent, DigitChartComponent, ReportActionsComponent, CustomReportComponent, CustomChartComponent, CustomChartDialogComponent], imports: [CommonModule,
         TranslateModule,
         MatMenuModule,
         MatIconModule,
@@ -43786,7 +44047,7 @@ NdfReportsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfReportsModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [CONTAINERS, COMPONENTS, DIRECTIVES, CHARTS, ReportActionsComponent, CustomReportComponent],
+                    declarations: [CONTAINERS, COMPONENTS, DIRECTIVES, CHARTS, ReportActionsComponent, CustomReportComponent, CustomChartComponent, CustomChartDialogComponent],
                     imports: [
                         CommonModule,
                         TranslateModule,
@@ -43813,1350 +44074,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
-const TABLE_DATA = {
-    options: {
-        columns: {
-            toggle: true,
-            sortable: {
-                enabled: true,
-            },
-        },
-        filters: {
-            mode: 'payload',
-            reload: {
-                strategy: 'always',
-            },
-            panel: {
-                visible: true,
-                toggleButton: true,
-            },
-            fields: [
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'rmAdvancedSearch.recDefintionSystemName',
-                        aggregation: 'RecordDefinition_systemName_agg',
-                        fieldKey: 'recdef:systemName',
-                        dataTransformer: 'system',
-                        order: 0,
-                        sendMode: 'queryParam',
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'rmAdvancedSearch.gdocCategoryHierarchyCode',
-                        aggregation: 'generaldocument_categoryHierarchyCode_agg',
-                        fieldKey: 'gdoc:categoryHierarchyCode',
-                        dataTransformer: 'subject',
-                        order: 0,
-                        sendMode: 'queryParam',
-                        valueType: 'property',
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'rmAdvancedSearch.gdocCategoryHierarchyCode1',
-                        aggregation: 'generaldocument_categoryHierarchyCode_1_agg',
-                        fieldKey: 'gdoc:categoryHierarchyCode__1',
-                        order: 0,
-                        sendMode: 'queryParam',
-                        valueType: 'property',
-                        dataTransformer: 'subject',
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                                collapse: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'rmAdvancedSearch.gdocDocumentTypeCode',
-                        aggregation: 'generaldocument_documentTypeCode_agg',
-                        fieldKey: 'gdoc:documentTypeCode',
-                        dataTransformer: 'documentTypee',
-                        sendMode: 'queryParam',
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                                filter: true,
-                                sort: true,
-                                collapse: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'predicate',
-                    config: {
-                        label: 'FILTERS.gdocDocumentSubject',
-                        fieldKey: 'gdoc:documentSubject',
-                        sendMode: 'payload',
-                        valueType: 'valueObject',
-                        render: {
-                            type: 'input',
-                            options: {
-                                delay: 300,
-                                suffix: {
-                                    dropdown: {
-                                        items: [
-                                            {
-                                                key: 'OPERATORS.equals',
-                                                value: '=',
-                                            },
-                                            {
-                                                key: 'OPERATORS.notEquals',
-                                                value: '!=',
-                                            },
-                                            {
-                                                key: 'OPERATORS.like',
-                                                value: 'LIKE',
-                                            },
-                                            {
-                                                key: 'OPERATORS.iLike',
-                                                value: 'ILIKE',
-                                            },
-                                        ],
-                                    },
-                                },
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'predicate',
-                    config: {
-                        label: 'FILTERS.dcTitle',
-                        fieldKey: 'dc:title',
-                        sendMode: 'payload',
-                        valueType: 'valueObject',
-                        render: {
-                            type: 'input',
-                            options: {
-                                delay: 300,
-                                suffix: {
-                                    dropdown: {
-                                        items: [
-                                            {
-                                                key: 'OPERATORS.equals',
-                                                value: '=',
-                                            },
-                                            {
-                                                key: 'OPERATORS.notEquals',
-                                                value: '!=',
-                                            },
-                                            {
-                                                key: 'OPERATORS.like',
-                                                value: 'LIKE',
-                                            },
-                                            {
-                                                key: 'OPERATORS.iLike',
-                                                value: 'ILIKE',
-                                            },
-                                        ],
-                                    },
-                                },
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'predicate',
-                    config: {
-                        label: 'FILTERS.documentNumber',
-                        fieldKey: 'gdoc:documentReferenceNumber',
-                        sendMode: 'payload',
-                        valueType: 'valueObject',
-                        render: {
-                            type: 'input',
-                            options: {
-                                debounceTime: 300,
-                                suffix: {
-                                    dropdown: {
-                                        items: [
-                                            {
-                                                key: 'OPERATORS.equals',
-                                                value: '=',
-                                            },
-                                            {
-                                                key: 'OPERATORS.notEquals',
-                                                value: '!=',
-                                            },
-                                            {
-                                                key: 'OPERATORS.like',
-                                                value: 'LIKE',
-                                            },
-                                            {
-                                                key: 'OPERATORS.iLike',
-                                                value: 'ILIKE',
-                                            },
-                                        ],
-                                    },
-                                },
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'predicate',
-                    config: {
-                        label: 'FILTERS.recUnifiedNumber',
-                        fieldKey: 'recdef:unifiedNumber',
-                        sendMode: 'payload',
-                        valueType: 'valueObject',
-                        render: {
-                            type: 'input',
-                            options: {
-                                delay: 300,
-                                suffix: {
-                                    dropdown: {
-                                        items: [
-                                            {
-                                                key: 'OPERATORS.equals',
-                                                value: '=',
-                                            },
-                                            {
-                                                key: 'OPERATORS.notEquals',
-                                                value: '!=',
-                                            },
-                                            {
-                                                key: 'OPERATORS.like',
-                                                value: 'LIKE',
-                                            },
-                                            {
-                                                key: 'OPERATORS.iLike',
-                                                value: 'ILIKE',
-                                            },
-                                        ],
-                                    },
-                                },
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'FILTERS.recPhysicalOriginal',
-                        aggregation: 'RecordDefinition_physicalOriginal_agg',
-                        fieldKey: 'recdef:physicalOriginal',
-                        prefix: 'FILTERS.BUCKETS.physicalOriginal.',
-                        sendMode: 'queryParam',
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'rmAdvancedSearch.gdocSecrecyLevel',
-                        aggregation: 'generaldocument_secrecyLevel_agg',
-                        fieldKey: 'gdoc:secrecyLevel',
-                        prefix: 'search.buckets.',
-                        sendMode: 'queryParam',
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'predicate',
-                    config: {
-                        label: 'FILTERS.tags',
-                        fieldKey: 'ecm:tag',
-                        sendMode: 'payload',
-                        valueType: 'valueObject',
-                        render: {
-                            type: 'input',
-                            options: {
-                                delay: 300,
-                                suffix: {
-                                    dropdown: {
-                                        items: [
-                                            {
-                                                key: 'OPERATORS.equals',
-                                                value: '=',
-                                            },
-                                            {
-                                                key: 'OPERATORS.notEquals',
-                                                value: '!=',
-                                            },
-                                            {
-                                                key: 'OPERATORS.like',
-                                                value: 'LIKE',
-                                            },
-                                            {
-                                                key: 'OPERATORS.iLike',
-                                                value: 'ILIKE',
-                                            },
-                                        ],
-                                    },
-                                },
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'FILTERS.priority',
-                        aggregation: 'generaldocument_importance_agg',
-                        fieldKey: 'gdoc:importance',
-                        prefix: 'search.buckets.',
-                        sendMode: 'queryParam',
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'FILTERS.dcCreated',
-                        aggregation: 'dublincore_created_agg',
-                        fieldKey: 'dc:created',
-                        prefix: 'search.buckets.',
-                        sendMode: 'queryParam',
-                        tooltip: {
-                            type: 'date',
-                            properties: {
-                                from: 'from',
-                                to: 'to',
-                            },
-                        },
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'rmAdvancedSearch.gdocGDocumentDate',
-                        aggregation: 'generaldocument_gDocumentDate_agg',
-                        fieldKey: 'gdoc:gDocumentDate',
-                        prefix: 'search.buckets.',
-                        sendMode: 'custom',
-                        valueType: 'valueObject',
-                        render: {
-                            type: 'dateList',
-                            view: 'list',
-                            options: {
-                                showTotal: true,
-                                minMax: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'rmAdvancedSearch.saveTypee',
-                        aggregation: 'RetentionInfo_saveTypee_agg',
-                        fieldKey: 'retentioninfo:saveTypee',
-                        prefix: 'FILTERS.BUCKETS.physicalOriginal.',
-                        sendMode: 'queryParam',
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'rmAdvancedSearch.retentionPlan',
-                        aggregation: 'RetentionInfo_status_agg',
-                        fieldKey: 'retentioninfo:status',
-                        prefix: 'FILTERS.BUCKETS.physicalOriginal.',
-                        sendMode: 'queryParam',
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'FILTERS.startDateActiveRetention',
-                        aggregation: 'RetentionInfo_activeRetentionStartDateHijri_agg',
-                        fieldKey: 'retentioninfo:activeRetentionStartDateHijri',
-                        prefix: 'search.buckets.',
-                        sendMode: 'queryParam',
-                        permission: 'hasRoleOnArchiveOrLoan',
-                        tooltip: {
-                            type: 'date',
-                            properties: {
-                                from: 'from',
-                                to: 'to',
-                            },
-                        },
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'FILTERS.endDateActiveRetention',
-                        aggregation: 'RetentionInfo_activeRetentionEndDateHijri_agg',
-                        fieldKey: 'retentioninfo:activeRetentionEndDateHijri',
-                        prefix: 'search.buckets.',
-                        sendMode: 'queryParam',
-                        permission: 'hasRoleOnArchiveOrLoan',
-                        tooltip: {
-                            type: 'date',
-                            properties: {
-                                from: 'from',
-                                to: 'to',
-                            },
-                        },
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'FILTERS.endDateRetention',
-                        aggregation: 'RetentionInfo_retentionEndDateHijri_agg',
-                        fieldKey: 'retentioninfo:retentionEndDateHijri',
-                        prefix: 'search.buckets.',
-                        sendMode: 'queryParam',
-                        permission: 'hasRoleOnArchiveOrLoan',
-                        tooltip: {
-                            type: 'date',
-                            properties: {
-                                from: 'from',
-                                to: 'to',
-                            },
-                        },
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'rmAdvancedSearch.locationReference_site_agg',
-                        aggregation: 'LocationReferenceSchema_site_agg',
-                        permission: 'hasRoleOnArchiveOrLoan',
-                        fieldKey: 'locRef:site',
-                        order: 0,
-                        sendMode: 'queryParam',
-                        valueType: 'property',
-                        dataTransformer: 'site',
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'aggregation',
-                    config: {
-                        label: 'rmAdvancedSearch.locationReference_store_agg',
-                        aggregation: 'LocationReferenceSchema_store_agg',
-                        fieldKey: 'locRef:store',
-                        permission: 'hasRoleOnArchiveOrLoan',
-                        order: 0,
-                        sendMode: 'queryParam',
-                        valueType: 'property',
-                        dataTransformer: 'store',
-                        render: {
-                            type: 'checkbox',
-                            options: {
-                                showTotal: true,
-                            },
-                        },
-                    },
-                },
-                {
-                    type: 'predicate',
-                    config: {
-                        label: 'rmAdvancedSearch.locationReference_box',
-                        fieldKey: 'locRef:boxCode',
-                        permission: 'hasRoleOnArchiveOrLoan',
-                        sendMode: 'payload',
-                        valueType: 'valueObject',
-                        render: {
-                            type: 'input',
-                            options: {
-                                debounceTime: 400,
-                                mask: {
-                                    mask: '00-00-00-00-000',
-                                    dropSpecialCharacters: false,
-                                    showMaskTyped: true,
-                                },
-                                suffix: {
-                                    dropdown: {
-                                        items: [
-                                            {
-                                                key: 'OPERATORS.equals',
-                                                value: '=',
-                                            },
-                                            {
-                                                key: 'OPERATORS.notEquals',
-                                                value: '!=',
-                                            },
-                                            {
-                                                key: 'OPERATORS.like',
-                                                value: 'LIKE',
-                                            },
-                                            {
-                                                key: 'OPERATORS.iLike',
-                                                value: 'ILIKE',
-                                            },
-                                        ],
-                                    },
-                                },
-                            },
-                        },
-                    },
-                },
-            ],
-        },
-        search: {
-            fieldKey: 'ecm:fulltext',
-            searchMode: 'triggered',
-            suffix: {
-                dialog: {
-                    title: 'INFO.dialogTitle',
-                    content: [
-                        '##INFO.query_sequence##',
-                        '##INFO.query_and##',
-                        '##INFO.query_negation##',
-                        '##INFO.query_prefix##',
-                        '##INFO.query_historical##',
-                        '##INFO.query_or##',
-                        '##INFO.query_phrase##',
-                    ],
-                },
-            },
-        },
-        tableMode: {
-            mode: 'list',
-            componentName: 'rms.components.advancedSearchCard',
-            toggleMode: true,
-            availableMode: [
-                {
-                    value: 'list',
-                    icon: 'table_rows',
-                },
-                {
-                    value: 'custom',
-                    icon: 'rectangle',
-                },
-            ],
-        },
-    },
-    scrollbarH: true,
-    pageNumber: 1,
-    pageSize: 10,
-    prefix: 'LISTING.',
-    pageProvider: 'PP_RM_Record',
-    customUrl: {
-        url: '/api/v1/custom-search/pp/PP_RM_Record/execute',
-        method: 'POST',
-    },
-    headers: {
-        properties: 'dublincore, file, generaldocument, RecordDefinition,RetentionInfo, LocationReferenceSchema, facetedTag',
-    },
-    quickFilters: 'After Archiving',
-    fullWidth: 'auto',
-    fields: {
-        systemName: 'recdef:systemName',
-        categoryHierarchyCode: 'gdoc:categoryHierarchyCode',
-        docTypee: 'gdoc:documentTypeCode',
-        subject: 'gdoc:documentSubject',
-        title: 'dc:title',
-        docNum: 'gdoc:documentReferenceNumber',
-        unifiedNumber: 'recdef:unifiedNumber',
-        physicalOriginal: 'recdef:physicalOriginal',
-        secrecyLevel: 'gdoc:secrecyLevel',
-        tags: 'ecm:tag',
-        importance: 'gdoc:importance',
-        created: 'dc:created',
-        gdocumentDate: 'gdoc:gDocumentDate',
-        saveTypee: 'retentioninfo:saveTypee',
-        retentioninfoStatus: 'retentioninfo:status',
-        activeRetentionStartDateHijri: 'retentioninfo:activeRetentionStartDateHijri',
-        activeRetentionEndDateHijri: 'retentioninfo:activeRetentionEndDateHijri',
-        retentionEndDateHijri: 'retentioninfo:retentionEndDateHijri',
-        site: 'locRef:site',
-        store: 'locRef:store',
-        box: 'locRef:boxCode',
-        file: 'file:content',
-    },
-    columns: [
-        {
-            name: 'systemName',
-            prop: 'properties.systemName',
-            display: true,
-            type: 'custom',
-            template: 'common.components.systemName',
-            translatePrefix: 'search.buckets',
-            isOrginalKey: true,
-            sortable: false,
-            headerClass: 'recdef:systemName',
-            defaultVisible: true,
-            minWidth: 150,
-        },
-        {
-            name: 'categoryHierarchyCode',
-            prop: 'properties.categoryHierarchyCode',
-            display: true,
-            type: 'custom',
-            template: 'rms.components.mainAndSecondaryCategory',
-            mainCategory: true,
-            sortable: true,
-            headerClass: 'gdoc:categoryHierarchyCode',
-            defaultVisible: true,
-        },
-        {
-            name: 'categoryHierarchyCode1',
-            prop: 'properties.categoryHierarchyCode',
-            display: true,
-            type: 'custom',
-            template: 'rms.components.mainAndSecondaryCategory',
-            mainCategory: false,
-            sortable: true,
-            headerClass: 'gdoc:categoryHierarchyCode',
-            defaultVisible: true,
-        },
-        {
-            name: 'Doc_Type',
-            prop: 'properties.docTypee',
-            display: true,
-            template: 'common.components.documentType',
-            type: 'custom',
-            headerClass: 'gdoc:documentTypeCode',
-            defaultVisible: true,
-        },
-        {
-            name: 'Doc_subject',
-            prop: 'properties.subject',
-            display: true,
-            type: 'text',
-            headerClass: 'gdoc:documentSubject',
-            defaultVisible: true,
-        },
-        {
-            name: 'Doc_Name',
-            prop: 'properties.title',
-            display: true,
-            type: 'custom',
-            template: 'common.components.titleWithIcon',
-            sortable: true,
-            headerClass: 'dc:title',
-            defaultVisible: false,
-        },
-        {
-            name: 'Doc_RefernceNum',
-            prop: 'properties.docNum',
-            display: true,
-            type: 'text',
-            sortable: true,
-            headerClass: 'gdoc:documentReferenceNumber',
-            defaultVisible: true,
-        },
-        {
-            name: 'unifiedNumber',
-            prop: 'properties.unifiedNumber',
-            display: true,
-            type: 'text',
-            sortable: true,
-            headerClass: 'recdef:unifiedNumber',
-            defaultVisible: true,
-        },
-        {
-            name: 'physicalOriginal',
-            prop: 'properties.physicalOriginal',
-            display: true,
-            type: 'custom',
-            template: 'rms.components.TranslatedValueColumn',
-            translatePrefix: 'rmDocumentUpload.hasPhysicalOriginal',
-            isBooleanValue: true,
-            sortable: false,
-            headerClass: 'recdef:physicalOriginal',
-            defaultVisible: false,
-            minWidth: 150,
-        },
-        {
-            name: 'secrecyLevel',
-            prop: 'properties.secrecyLevel',
-            display: true,
-            type: 'custom',
-            template: 'common.components.coloredSecrecyLevel',
-            headerClass: 'gdoc:secrecyLevel',
-            defaultVisible: true,
-            minWidth: 150,
-        },
-        {
-            name: 'tags',
-            prop: 'properties.tags',
-            display: true,
-            type: 'custom',
-            template: 'common.components.tags',
-            translatePrefix: 'search.buckets',
-            isOrginalKey: true,
-            sortable: false,
-            headerClass: 'ecm:tag',
-            defaultVisible: false,
-            minWidth: 150,
-        },
-        {
-            name: 'importance',
-            prop: 'properties.importance',
-            display: true,
-            translatePrefix: 'search.buckets',
-            type: 'custom',
-            template: 'rms.components.TranslatedValueColumn',
-            sortable: true,
-            isOrginalKey: true,
-            headerClass: 'gdoc:importance',
-            defaultVisible: false,
-        },
-        {
-            name: 'date_created',
-            prop: 'properties.created',
-            display: true,
-            type: 'custom',
-            template: 'common.components.dateWithoutTime',
-            headerClass: 'dc:created',
-            defaultVisible: false,
-            minWidth: 150,
-        },
-        {
-            name: 'docDate',
-            prop: 'properties.gdocumentDate',
-            display: true,
-            type: 'custom',
-            template: 'common.components.dateWithoutTime',
-            headerClass: 'gdoc:gDocumentDate',
-            defaultVisible: false,
-        },
-        {
-            name: 'retentionType',
-            prop: 'properties.saveTypee',
-            display: true,
-            translatePrefix: 'search.buckets',
-            type: 'custom',
-            template: 'rms.components.TranslatedValueColumn',
-            headerClass: 'retentioninfo:saveTypee',
-            defaultVisible: false,
-        },
-        {
-            name: 'retentioninfoStatus',
-            prop: 'properties.retentioninfoStatus',
-            display: true,
-            translatePrefix: 'search.buckets',
-            type: 'custom',
-            template: 'rms.components.TranslatedValueColumn',
-            headerClass: 'retentioninfo:status',
-            defaultVisible: false,
-        },
-        {
-            name: 'activeRetentionStartDateHijri',
-            prop: 'properties.activeRetentionStartDateHijri',
-            display: false,
-            type: 'custom',
-            template: 'common.components.hijri',
-            headerClass: 'retentioninfo:activeRetentionStartDateHijri',
-            defaultVisible: false,
-        },
-        {
-            name: 'activeRetentionEndDateHijri',
-            prop: 'properties.activeRetentionEndDateHijri',
-            display: false,
-            type: 'custom',
-            template: 'common.components.hijri',
-            headerClass: 'retentioninfo:activeRetentionEndDateHijri',
-            defaultVisible: false,
-        },
-        {
-            name: 'retentionEndDateHijri',
-            prop: 'properties.retentionEndDateHijri',
-            display: false,
-            type: 'custom',
-            template: 'common.components.hijri',
-            headerClass: 'retentioninfo:retentionEndDateHijri',
-            defaultVisible: true,
-        },
-        {
-            name: 'site',
-            prop: 'properties.site',
-            display: false,
-            type: 'custom',
-            template: 'common.components.site',
-            headerClass: 'locRef:site',
-            defaultVisible: true,
-        },
-        {
-            name: 'store',
-            prop: 'properties.store',
-            display: false,
-            type: 'custom',
-            template: 'common.components.store',
-            headerClass: 'locRef:store',
-            defaultVisible: true,
-        },
-        {
-            name: 'Box',
-            prop: 'properties.box',
-            display: false,
-            type: 'custom',
-            template: 'common.components.box',
-            headerClass: 'locRef:boxCode',
-            defaultVisible: true,
-        },
-    ],
-    columnsWithDynamicDisplay: [
-        'activeRetentionStartDateHijri',
-        'activeRetentionEndDateHijri',
-        'retentionEndDateHijri',
-        'site',
-        'store',
-        'Box',
-    ],
-};
-const REPORTS_DATA = {
-    request: {
-        pageProvider: 'PP_RPT_Expected_TransferArchive_Records',
-        customUrl: {
-            url: '/custom-search/pp/PP_RPT_Expected_TransferArchive_Records/execute',
-            method: 'post',
-        },
-        params: {
-            pageSize: 1,
-        },
-    },
-    filters: {
-        mode: 'payload',
-        visible: true,
-        togglePanel: true,
-        fields: [
-            {
-                type: 'aggregation',
-                config: {
-                    label: 'rmAdvancedSearch.gdocCategoryHierarchyCode',
-                    aggregation: 'generaldocument_categoryHierarchyCode_agg',
-                    fieldKey: 'gdoc:categoryHierarchyCode',
-                    dataTransformer: 'subject',
-                    order: 0,
-                    sendMode: 'queryParam',
-                    valueType: 'property',
-                    render: {
-                        type: 'checkbox',
-                        options: {
-                            showTotal: true,
-                        },
-                    },
-                },
-            },
-            {
-                type: 'aggregation',
-                config: {
-                    label: 'rmAdvancedSearch.gdocCategoryHierarchyCode1',
-                    aggregation: 'generaldocument_categoryHierarchyCode_1_agg',
-                    fieldKey: 'gdoc:categoryHierarchyCode__1',
-                    order: 0,
-                    sendMode: 'queryParam',
-                    valueType: 'property',
-                    dataTransformer: 'subject',
-                    render: {
-                        type: 'checkbox',
-                        options: {
-                            showTotal: true,
-                            collapse: true,
-                        },
-                    },
-                },
-            },
-        ],
-    },
-    reports: {
-        details: {
-            enabled: true,
-            prefix: 'LISTING.',
-            // quickFilters: 'After Archiving',
-            columnsOptions: {
-                toggle: true,
-                sortable: {
-                    enabled: true,
-                },
-            },
-            request: {
-                headers: {
-                    properties: 'dublincore, file, generaldocument, RecordDefinition,retentioninfo',
-                },
-            },
-            fields: {
-                title: 'dc:title',
-                subject: 'gdoc:documentSubject',
-                docTypee: 'gdoc:documentTypeCode',
-                secrecyLevel: 'gdoc:secrecyLevel',
-                docTypeId: 'documenttypee:documentTypeId',
-                created: 'dc:created',
-                department: 'department',
-                file: 'file:content',
-                systemName: 'recdef:systemName',
-                docNum: 'gdoc:documentReferenceNumber',
-                physicalOriginal: 'recdef:physicalOriginal',
-                gdocumentDate: 'gdoc:gDocumentDate',
-                importance: 'gdoc:importance',
-                unifiedNumber: 'recdef:unifiedNumber',
-                creator: 'dc:creator',
-                saveTypee: 'retentioninfo:saveTypee',
-            },
-            columns: [
-                {
-                    name: 'Doc_Name',
-                    prop: 'properties.title',
-                    display: true,
-                    type: 'custom',
-                    template: 'common.components.titleWithIcon',
-                    sortable: true,
-                    headerClass: 'dc:title',
-                    defaultVisible: true,
-                },
-                {
-                    name: 'systemName',
-                    prop: 'properties.systemName',
-                    display: true,
-                    type: 'custom',
-                    template: 'common.components.systemName',
-                    translatePrefix: 'search.buckets',
-                    isOrginalKey: true,
-                    sortable: false,
-                    headerClass: 'recdef:systemName',
-                    defaultVisible: true,
-                },
-                {
-                    name: 'Doc_RefernceNum',
-                    prop: 'properties.docNum',
-                    display: true,
-                    type: 'text',
-                    sortable: true,
-                    headerClass: 'gdoc:documentReferenceNumber',
-                    defaultVisible: true,
-                },
-                {
-                    name: 'Doc_Type',
-                    prop: 'properties.docTypee',
-                    display: true,
-                    template: 'common.components.documentType',
-                    type: 'custom',
-                    headerClass: 'gdoc:documentTypeCode',
-                    defaultVisible: false,
-                },
-                {
-                    name: 'retentionType',
-                    prop: 'properties.saveTypee',
-                    display: true,
-                    type: 'text',
-                    translatePrefix: 'vocabulary.VOC_SaveType',
-                    headerClass: 'retentioninfo:saveTypee',
-                    defaultVisible: false,
-                },
-                {
-                    name: 'physicalOriginal',
-                    prop: 'properties.physicalOriginal',
-                    display: true,
-                    type: 'custom',
-                    template: 'rms.components.TranslatedValueColumn',
-                    translatePrefix: 'rmDocumentUpload.hasPhysicalOriginal',
-                    isBooleanValue: true,
-                    sortable: false,
-                    headerClass: 'recdef:physicalOriginal',
-                    defaultVisible: false,
-                },
-                {
-                    name: 'mainTopic',
-                    prop: 'properties.subject',
-                    display: true,
-                    type: 'text',
-                    headerClass: 'gdoc:documentSubject',
-                    defaultVisible: false,
-                },
-                {
-                    name: 'docDate',
-                    prop: 'properties.gdocumentDate',
-                    display: true,
-                    type: 'custom',
-                    template: 'common.components.dateWithoutTime',
-                    headerClass: 'gdoc:gDocumentDate',
-                    defaultVisible: true,
-                },
-                {
-                    name: 'secrecyLevel',
-                    prop: 'properties.secrecyLevel',
-                    display: true,
-                    type: 'custom',
-                    template: 'common.components.coloredSecrecyLevel',
-                    headerClass: 'gdoc:secrecyLevel',
-                    defaultVisible: true,
-                },
-                {
-                    name: 'importance',
-                    prop: 'properties.importance',
-                    display: true,
-                    translatePrefix: 'search.buckets',
-                    type: 'custom',
-                    template: 'rms.components.TranslatedValueColumn',
-                    sortable: true,
-                    isOrginalKey: true,
-                    headerClass: 'gdoc:importance',
-                },
-                {
-                    name: 'unifiedNumber',
-                    prop: 'properties.unifiedNumber',
-                    display: true,
-                    type: 'text',
-                    sortable: true,
-                    headerClass: 'recdef:unifiedNumber',
-                },
-                {
-                    name: 'docDate',
-                    prop: 'properties.created',
-                    display: true,
-                    type: 'custom',
-                    template: 'common.components.dateWithoutTime',
-                    headerClass: 'dc:created',
-                    defaultVisible: false,
-                },
-                {
-                    name: 'creator',
-                    prop: 'properties.creator',
-                    display: true,
-                    type: 'text',
-                    sortable: true,
-                    headerClass: 'dc:creator',
-                    defaultVisible: false,
-                },
-                {
-                    name: 'documentType',
-                    prop: 'properties.docTypeId',
-                    display: true,
-                    type: 'custom',
-                    template: 'common.components.documentType',
-                    headerClass: 'gdoc:documentTypeCode',
-                    defaultVisible: false,
-                },
-                {
-                    name: 'orgUnit',
-                    prop: 'department.title',
-                    display: true,
-                    type: 'custom',
-                    template: 'common.components.departement',
-                    headerClass: 'recdef:departmentCode',
-                    sortable: false,
-                    defaultVisible: false,
-                },
-            ],
-        },
-        items: [
-            {
-                id: 'resultsCount',
-                label: 'REPORTS.resultsCount',
-                mode: 'digit',
-                datasource: {
-                    propertyPath: 'resultsCount',
-                },
-            },
-            {
-                id: 'future__gdocCategoryHierarchyCode',
-                label: 'REPORTS.gdocCategoryHierarchyCode',
-                mode: 'graph',
-                print: true,
-                dialog: {
-                    active: true,
-                },
-                details: {
-                    enabled: true,
-                },
-                datasource: [
-                    {
-                        propertyPath: 'aggregations.generaldocument_categoryHierarchyCode_agg.buckets',
-                        dataFormat: 'subject',
-                        transformer: 'reduceData',
-                    },
-                ],
-                chart: {
-                    type: 'pie',
-                    plugins: [
-                        'chartDataLabels',
-                        'scrollableLegends',
-                        'doughnutEmptyState',
-                    ],
-                },
-            },
-            {
-                id: 'future__generaldocument_categoryHierarchyCode_1_agg',
-                label: 'REPORTS.gdocCategoryHierarchyCode1',
-                mode: 'graph',
-                print: true,
-                dialog: {
-                    active: true,
-                },
-                details: {
-                    enabled: true,
-                },
-                datasource: [
-                    {
-                        propertyPath: 'aggregations.generaldocument_categoryHierarchyCode_1_agg.buckets',
-                        dataFormat: 'subject',
-                        transformer: 'reduceData',
-                    },
-                ],
-                chart: {
-                    type: 'doughnut',
-                    plugins: [
-                        'chartDataLabels',
-                        'scrollableLegends',
-                        'doughnutEmptyState',
-                    ],
-                },
-            },
-            {
-                id: 'future__generaldocument_secrecyLevel_agg',
-                label: 'REPORTS.gdocSecrecyLevel',
-                mode: 'graph',
-                print: true,
-                dialog: {
-                    active: true,
-                },
-                prefix: 'search.buckets.',
-                details: {
-                    enabled: true,
-                },
-                datasource: [
-                    {
-                        propertyPath: 'aggregations.generaldocument_secrecyLevel_agg.buckets',
-                        transformer: 'reduceData',
-                    },
-                ],
-                chart: {
-                    type: 'bar',
-                    options: {
-                        indexAxis: 'y',
-                        responsive: true,
-                        maintainAspectRatio: false,
-                        scales: {
-                            x: {
-                                ticks: {
-                                    stepSize: 1,
-                                },
-                                grid: {
-                                    color: '#eee',
-                                },
-                            },
-                            y: {
-                                ticks: {
-                                    precision: 0,
-                                    stepSize: 1,
-                                    color: '#000',
-                                    crossAlign: 'far',
-                                    callback: function (_, index) {
-                                        const label = `${this.getLabels()[index]}`;
-                                        const maxLength = 18;
-                                        return (label === null || label === void 0 ? void 0 : label.length) > maxLength
-                                            ? label.substring(0, maxLength) + '...'
-                                            : label;
-                                    },
-                                },
-                                grid: {
-                                    color: '#000',
-                                },
-                            },
-                        },
-                        plugins: {
-                            legend: {
-                                display: false,
-                            },
-                        },
-                    },
-                    plugins: [
-                        'chartDataLabels',
-                        'scrollableLegends',
-                        'doughnutEmptyState',
-                    ],
-                },
-            },
-            {
-                id: 'future__RetentionInfo_saveTypee_agg',
-                label: 'REPORTS.rinfoSaveTypee',
-                mode: 'graph',
-                print: true,
-                prefix: 'search.buckets.',
-                details: {
-                    enabled: true,
-                },
-                datasource: [
-                    {
-                        propertyPath: 'aggregations.RetentionInfo_saveTypee_agg.buckets',
-                        transformer: 'reduceData',
-                    },
-                ],
-                chart: {
-                    type: 'pie',
-                    plugins: [
-                        'chartDataLabels',
-                        'scrollableLegends',
-                        'doughnutEmptyState',
-                    ],
-                },
-            },
-            {
-                mode: 'dynamicLine',
-                id: 'late_RetentionInfo_activeRetentionExpireDate_agg',
-                label: 'REPORTS.expectedTransferDate',
-                print: true,
-                dialog: {
-                    active: true,
-                },
-                details: {
-                    enabled: true,
-                },
-                request: {
-                    pageProvider: 'PP_RPT_Expected_TransferArchive_Records',
-                    customUrl: {
-                        url: '/custom-search/pp/PP_RPT_Expected_TransferArchive_Records/execute',
-                        method: 'post',
-                    },
-                },
-                datasource: [
-                    {
-                        aggregation: 'RetentionInfo_activeRetentionExpireDate_agg',
-                        propertyPath: 'aggregations.RetentionInfo_activeRetentionExpireDate_agg.buckets',
-                        transformer: 'timeFormat',
-                    },
-                ],
-                chart: {
-                    type: 'line',
-                    options: {
-                        layout: {
-                            padding: {
-                                right: 40,
-                                left: 40,
-                            },
-                        },
-                    },
-                    datasets: [
-                        {
-                            borderWidth: 2,
-                            borderColor: '#000',
-                            pointBorderWidth: 0,
-                            pointBackgroundColor: '#000',
-                        },
-                    ],
-                },
-            },
-            {
-                id: 'future__RecordDefinition_systemName_agg',
-                label: 'REPORTS.rdSystemName',
-                mode: 'graph',
-                print: true,
-                dialog: {
-                    active: true,
-                },
-                prefix: 'search.buckets.',
-                details: {
-                    enabled: true,
-                },
-                datasource: [
-                    {
-                        propertyPath: 'aggregations.RecordDefinition_systemName_agg.buckets',
-                        transformer: 'reduceData',
-                    },
-                ],
-                chart: {
-                    type: 'bar',
-                    direction: 'vertical',
-                    plugins: [
-                        'chartDataLabels',
-                        'scrollableLegends',
-                        'doughnutEmptyState',
-                    ],
-                },
-            },
-        ],
-    },
-};
-
-class DataAccessService extends BaseService {
-    getData(key, type) {
-        if (type == NDF_EDITOR_TYPE.REPORTS) {
-            return of(JSON.stringify(REPORTS_DATA, null, 2));
-        }
-        return of(JSON.stringify(TABLE_DATA, null, 2));
+class DataAccessService extends BaseEditorConfigService {
+    constructor(injector) {
+        super(injector);
     }
-    saveData(key, data) {
-        return of(JSON.stringify(TABLE_DATA, null, 2));
+    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: null, target: i0.ɵɵFactoryTarget.Injectable });
+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) {
+    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);
@@ -45181,24 +44125,49 @@ class DataStoreService {
         this._editorTypeSubject.next(type);
     }
     getData(key, type) {
-        return this.dataAccessService.getData(key, type).pipe(switchMap((data) => {
-            this._dataSubject.next(data);
+        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) {
+    saveData(key, type) {
+        var _a;
         const data = this._dataSubject.getValue();
-        return this.dataAccessService.saveData(key, data);
+        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 }], target: i0.ɵɵFactoryTarget.Injectable });
+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 }]; } });
+        }], 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 {
@@ -45646,7 +44615,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }] });
 
 class NdfConfigEditorComponent extends DestroySubject {
-    constructor(environment, dataStore, configService, matDialog, location) {
+    constructor(environment, dataStore, configService, matDialog, location, toastrService) {
         var _a;
         super();
         this.environment = environment;
@@ -45654,6 +44623,7 @@ class NdfConfigEditorComponent extends DestroySubject {
         this.configService = configService;
         this.matDialog = matDialog;
         this.location = location;
+        this.toastrService = toastrService;
         this.isEditorHasErrors = false;
         this._defaultEditorOptions = {
             value: ``,
@@ -45680,7 +44650,7 @@ class NdfConfigEditorComponent extends DestroySubject {
     ngOnInit() {
         this._dataKeySubject
             .pipe(switchMap((key) => this.dataStore.getData(key, this.metadata.type)), takeUntil(this.destroy$))
-            .subscribe((res) => { });
+            .subscribe();
     }
     onDataChanged(data) {
         this.dataStore.storeData(data);
@@ -45689,7 +44659,12 @@ class NdfConfigEditorComponent extends DestroySubject {
         this.isEditorHasErrors = hasErrors;
     }
     saveData() {
-        this.dataStore.saveData(this.metadata.key);
+        this.dataStore
+            .saveData(this.metadata.key, this.metadata.type)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((res) => {
+            this.toastrService.show('success', 'TOASTER.SUCCESS', 'JSON_EDITOR.MESSAGES.dataSaved');
+        });
     }
     navigateBack() {
         this.location.back();
@@ -45734,7 +44709,7 @@ class NdfConfigEditorComponent extends DestroySubject {
         }
     }
 }
-NdfConfigEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfConfigEditorComponent, deps: [{ token: 'environment' }, { token: DataStoreService }, { token: AppConfigService }, { token: i1$3.MatDialog }, { token: i4$1.Location }], target: i0.ɵɵFactoryTarget.Component });
+NdfConfigEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfConfigEditorComponent, deps: [{ token: 'environment' }, { token: DataStoreService }, { token: AppConfigService }, { token: i1$3.MatDialog }, { token: i4$1.Location }, { token: CustomToastrService }], target: i0.ɵɵFactoryTarget.Component });
 NdfConfigEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfConfigEditorComponent, selector: "app-ndf-config-editor", inputs: { metadata: "metadata", theme: "theme", options: "options" }, providers: [DataStoreService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"config?.enabled && isFeatureEnabled; else emptyTpl\">\r\n\t<div class=\"ndf-config-editor\" ndfFluidHeight *permission=\"{ name: config?.types[metadata?.type]?.permission }\">\r\n\t\t<div class=\"ndf-config-editor__sidebar\">\r\n\t\t\t<app-editor-settings class=\"ndf-config-editor__setting\"></app-editor-settings>\r\n\t\t\t<app-config-editor-actions\r\n\t\t\t\tappItemHeight\r\n\t\t\t\tcssVar=\"--ndf-editor-actions-height\"\r\n\t\t\t\t[saveDisabled]=\"isEditorHasErrors || !(dataStore.editorData | isValidJson)\"\r\n\t\t\t\t[config]=\"config?.types[metadata?.type]\"\r\n\t\t\t\t(onInfo)=\"openInfoDialog($event)\"\r\n\t\t\t\t(onBack)=\"navigateBack()\"\r\n\t\t\t\t(onSave)=\"saveData()\"\r\n\t\t\t>\r\n\t\t\t</app-config-editor-actions>\r\n\t\t</div>\r\n\t\t<div class=\"ndf-config-editor__content\">\r\n\t\t\t<div class=\"ndf-config-editor__topbar\">\r\n\t\t\t\t<app-editor-mode-switch\r\n\t\t\t\t\t[mode]=\"dataStore.editorMode\"\r\n\t\t\t\t\t(changeMode)=\"dataStore.changeMode($event)\"\r\n\t\t\t\t></app-editor-mode-switch>\r\n\t\t\t</div>\r\n\t\t\t<app-config-preview\r\n\t\t\t\t*ngIf=\"dataStore.editorMode === modes.PREVIEW\"\r\n        [type]=\"dataStore.editorType$ | async\"\r\n\t\t\t\t[data]=\"previewData$ | async\"\r\n\t\t\t></app-config-preview>\r\n\t\t\t<ndf-monaco-editor\r\n\t\t\t\t*ngIf=\"dataStore.editorMode === modes.EDIT\"\r\n\t\t\t\t[value]=\"editorData$ | async\"\r\n\t\t\t\t[options]=\"options$ | async\"\r\n\t\t\t\t[theme]=\"theme$ | async\"\r\n\t\t\t\t(valueChange)=\"onDataChanged($event)\"\r\n\t\t\t\t(hasError)=\"onEditorErrors($event)\"\r\n\t\t\t\t(onInit)=\"onEditorReady($event)\"\r\n\t\t\t></ndf-monaco-editor>\r\n\t\t</div>\r\n\t</div>\r\n</ng-container>\r\n\r\n<ng-template #emptyTpl>\r\n\t<div class=\"ndf-empty-config\">\r\n\t\t<app-no-data-found message=\"JSON_EDITOR.MESSAGES.notAllowed\"></app-no-data-found>\r\n\t</div>\r\n</ng-template>\r\n", styles: [":host{display:var(--ndf-config-wrapper-display, flex);flex-direction:var(--ndf-config-wrapper-direction, column);grid-gap:var(--ndf-config-wrapper-gap, .5rem);gap:var(--ndf-config-wrapper-gap, .5rem);flex-grow:1;height:var(--ndf-config-wrapper-height, 100%)}.ndf-empty-config{justify-content:center;align-items:center}.ndf-empty-config,.ndf-config-editor{padding:var(--ndf-editor-padding, 1rem);background-color:var(--ndf-editor-background-color, #fff);color:var(--ndf-editor-color);border-radius:var(--ndf-editor-border-radius, .5rem);display:flex;flex-grow:1;max-height:var(--ndf-fluid-height, 100%)}.ndf-config-editor{grid-gap:var(--ndf-editor--gap, 1rem);gap:var(--ndf-editor--gap, 1rem)}.ndf-config-editor__sidebar{width:var(--ndf-editor-sidebar-width, 18rem);background:var(--ndf-editor-sidebar-background);border:var(--ndf-editor-sidebars-border, 0px solid transparent);border-radius:var(--ndf-editor-sidebar-radius, 0rem);display:grid;grid-template-rows:var(--ndf-editor-sidebar-rows, 1fr auto)}.ndf-config-editor__content{flex-grow:1;background:var(--ndf-editor-content-background);border:var(--ndf-editor-content-border, 0px solid transparent);border-radius:var(--ndf-editor-content-radius, 0rem);display:flex;flex-direction:column;grid-gap:var(--ndf-editor-content-gap, 1rem);gap:var(--ndf-editor-content-gap, 1rem)}.ndf-config-editor__topbar{display:var(--ndf-editor-topbar-display, flex);justify-content:var(--ndf-editor-topbar-justify-content, flex-end)}.ndf-config-editor__setting{max-height:var(--ndf-editor-content-max-height, calc(var(--ndf-fluid-height) - var(--ndf-editor-actions-height, 125px) - 2.5rem));overflow:auto}\n"], components: [{ type: EditorSettingsComponent, selector: "app-editor-settings" }, { type: ConfigEditorActionsComponent, selector: "app-config-editor-actions", inputs: ["saveDisabled", "config"], outputs: ["onSave", "onInfo", "onBack"] }, { type: EditorModeSwitchComponent, selector: "app-editor-mode-switch", inputs: ["mode"], outputs: ["changeMode"] }, { type: ConfigPreviewComponent, selector: "app-config-preview", inputs: ["type", "data"] }, { type: MonacoEditorComponent, selector: "ndf-monaco-editor", inputs: ["value", "options", "theme", "model"], outputs: ["onInit", "hasError", "valueChange"] }, { type: NoDataFoundComponent, selector: "app-no-data-found", inputs: ["message", "width", "height"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: FluidHeightDirective, selector: "[ndfFluidHeight]", inputs: ["minHeight", "ndfFluidHeight", "subtractItems", "decrease", "delay", "cssVar", "calculate", "inlineStyle"], exportAs: ["ndfFluidHeight"] }, { type: ElementHeightDirective, selector: "[appItemHeight]", inputs: ["cssVar", "calculate", "inlineStyle"], exportAs: ["appItemHeight"] }], pipes: { "isValidJson": IsValidJsonPipe, "async": i4$1.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NdfConfigEditorComponent, decorators: [{
             type: Component,
@@ -45747,7 +44722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
-                }] }, { type: DataStoreService }, { type: AppConfigService }, { type: i1$3.MatDialog }, { type: i4$1.Location }]; }, propDecorators: { metadata: [{
+                }] }, { type: DataStoreService }, { type: AppConfigService }, { type: i1$3.MatDialog }, { type: i4$1.Location }, { type: CustomToastrService }]; }, propDecorators: { metadata: [{
                 type: Input
             }], theme: [{
                 type: Input
@@ -45859,5 +44834,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, BaseDatePicker, BaseDateValueAccessor, BaseDialogComponent, 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, ChartComponent, ChartDataService, ChartDataTransformers, index$1 as ChartDefaults, ChartManagerService, ChartPanel, ChartPanelFooterComponent, ChartPanelHeaderComponent, ChartPanelModule, index as ChartPlugins, ChartPluginsRegistry, index$2 as ChartUtils, ChartsModule, CheckConditionPipe, CheckboxTemplateDirective, CircleNode, CircleNodeComponent, ClickOutsideDirective, ClipboardComponent, 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_TEMPLATE, ENTITY_TYPE, EXTENSION_JSONS, EditDeleteModalComponent, EditorModeSwitchComponent, EditorSettingsComponent, ElementHeightDirective, ElementHeightModule, EmptyTemplateDirective, EnvManager, Evaluator, EvaluatorsService, ExtensionLoaderService, ExtensionService, FIELD_SEND_MODE, FIELD_TYPE, FILTER_CUSTOM_TEMPLATE, FILTER_DATES_TYPE, FieldHeaderComponent, FieldValueObject, FileGridInfiniteScrollDirective, FileManagerAbstract, FileManagerAdapter, FileManagerPaginationConfig, FileManagerService, FileMangerModule, FileSizePipe, 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, GlobalAdminService, GlobalPdfTron, GregorianDatepickerComponent, HIJRI_DATE_ARABIC_NAMES, HIJRI_DATE_ENGLISH_NAMES, HIJRI_DATE_FORMATS, HIJRI_FORMAT, HashTranslateAsyncPipe, HashTranslatePipe, HijriAdapterService, HijriDatePipe, HijriDatepickerComponent, HijriGregorianDatepickerComponent, HtmlDialogComponent, IN_OUT_DIRECTION, IconService, InfoDialogComponent, InitializationService, InputDateComponent, InputPort, InputRangeDateComponent, ItemListComponent, Lang, LatestActivityComponent, LatestActivityModule, LibrarySharedModule, ListViewerComponent, LoanRequestComponent, LocalStoragService, LocalizeState, LocalizedDatePipe, LocalizedLabelPipe, MAT_MOMENT_DATE_ADAPTER_OPTIONS, MAT_MOMENT_DATE_ADAPTER_OPTIONS_FACTORY, MESSAGE_TYPE, 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, NdfTableComponent, NdfTableConfigurationService, NdfTableModule, NdfTableService, NdfTabsComponent, NdfTabsModule, NdfTransformService, 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, 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, ReportTransformService, ReportsDataTransformers, ReportsStateService, RolesService, SEARCH_TABLE_TEMPLATE, SOCKET_WIDTH, SUBSCRIPTION_STATE, SWITCH_TEMPLATE, SafeHtmlPipe, SanitizerPipe, ScanComponent, ScanModalComponent, SearchAutocompleteComponent, SearchTableTemplateDirective, SecurePipe, SelectComponent, SelectModule, SelectUsersByDepartmentModule, SelectUsersByDepartmentsComponent, SetDirRtlDirective, SetRtlDirective, ShareDialogComponent, SharedDocsService, SharedServicesModule, SidepanelComponent, SilentPdfTronService, SingleActivityComponent, SkeletonComponent, SkeletonModule, Socket, SortListPipe, SortingListComponent, SpellCheckerFieldModule, SpellCheckerTextFieldComponent, SpinnerComponent, StatisticService, StatusIconComponent, SwitchTemplateDirective, TRANSLATION_PROVIDER, TableColumnsTogglerComponent, TableComponent, TableExportComponent, TableModule, TableSkeletonComponent, TagsApiService, TemplateModalComponent, TemplateNode, TemplateNodeComponent, TextSearchComponent, TimeAgoPipe, ToastsModule, TooltipPipe, TransferDocComponent, TranslateLoaderService, TranslatedVocabularySelectComponent, TranslationService, TreeviewSelectComponent, UpdateModalComponent, UploadFileService, UploadManagmentService, UserCardComponent, UserComponent, UserModule, UserPreferenceValues, UserPreferencesService, UserService, UsersCardComponent, UsersCardModule, UtilityService, VALUE_OBJECT, VersionsComponent, ViewerFilesService, ViewerLogComponent, ViewerLogModule, VocabularyApiService, VocabularyComponent, VocabularyModule, WorkflowService, ZoomControlComponent, appInitializer, departmentCacheBuster$, extensionJsonsFactory, filterEnabled, getChartsOptions, 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, ChartComponent, ChartDataService, ChartDataTransformers, index$1 as ChartDefaults, ChartManagerService, ChartPanel, ChartPanelFooterComponent, ChartPanelHeaderComponent, ChartPanelModule, index as ChartPlugins, ChartPluginsRegistry, index$2 as ChartUtils, ChartsModule, CheckConditionPipe, CheckboxTemplateDirective, CircleNode, CircleNodeComponent, ClickOutsideDirective, ClipboardComponent, 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_TEMPLATE, ENTITY_TYPE, EXTENSION_JSONS, EditDeleteModalComponent, EditorModeSwitchComponent, EditorSettingsComponent, ElementHeightDirective, ElementHeightModule, EmptyTemplateDirective, EnvManager, Evaluator, EvaluatorsService, ExtensionLoaderService, ExtensionService, FIELD_SEND_MODE, FIELD_TYPE, FILTER_CUSTOM_TEMPLATE, FILTER_DATES_TYPE, FieldHeaderComponent, FieldValueObject, FileGridInfiniteScrollDirective, FileManagerAbstract, FileManagerAdapter, FileManagerPaginationConfig, FileManagerService, FileMangerModule, FileSizePipe, 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, GlobalAdminService, GlobalPdfTron, GregorianDatepickerComponent, HIJRI_DATE_ARABIC_NAMES, HIJRI_DATE_ENGLISH_NAMES, HIJRI_DATE_FORMATS, HIJRI_FORMAT, HashTranslateAsyncPipe, HashTranslatePipe, HijriAdapterService, HijriDatePipe, HijriDatepickerComponent, HijriGregorianDatepickerComponent, HtmlDialogComponent, IN_OUT_DIRECTION, IconService, InfoDialogComponent, InitializationService, InputDateComponent, InputPort, InputRangeDateComponent, 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, NdfTableComponent, NdfTableConfigurationService, NdfTableModule, NdfTableService, NdfTabsComponent, NdfTabsModule, NdfTransformService, 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, 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, ReportTransformService, ReportsDataTransformers, ReportsStateService, RolesService, SEARCH_TABLE_TEMPLATE, SOCKET_WIDTH, SUBSCRIPTION_STATE, SWITCH_TEMPLATE, SafeHtmlPipe, SanitizerPipe, ScanComponent, ScanModalComponent, SearchAutocompleteComponent, SearchTableTemplateDirective, SecurePipe, SelectComponent, SelectModule, SelectUsersByDepartmentModule, SelectUsersByDepartmentsComponent, SetDirRtlDirective, SetRtlDirective, ShareDialogComponent, SharedDocsService, SharedServicesModule, SidepanelComponent, SilentPdfTronService, SingleActivityComponent, SkeletonComponent, SkeletonModule, Socket, SortListPipe, SortingListComponent, SpellCheckerFieldModule, SpellCheckerTextFieldComponent, SpinnerComponent, StatisticService, StatusIconComponent, SwitchTemplateDirective, TRANSLATION_PROVIDER, TableColumnsTogglerComponent, TableComponent, TableExportComponent, TableModule, TableSkeletonComponent, TagsApiService, TemplateModalComponent, TemplateNode, TemplateNodeComponent, TextSearchComponent, TimeAgoPipe, ToastsModule, TooltipPipe, TransferDocComponent, TranslateLoaderService, TranslatedVocabularySelectComponent, TranslationService, TreeviewSelectComponent, UpdateModalComponent, UploadFileService, UploadManagmentService, UserCardComponent, UserComponent, UserModule, UserPreferenceValues, UserPreferencesService, UserService, UsersCardComponent, UsersCardModule, UtilityService, VALUE_OBJECT, VersionsComponent, ViewerFilesService, ViewerLogComponent, ViewerLogModule, VocabularyApiService, VocabularyComponent, VocabularyModule, WorkflowService, ZoomControlComponent, appInitializer, departmentCacheBuster$, extensionJsonsFactory, filterEnabled, getChartsOptions, 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