jodit-pro 4.18.3 → 4.18.7

package/es2015/plugins/chart/chart.js

@@ -0,0 +1,1479 @@
+/*!
+ * jodit-pro - PRO Version of Jodit Editor
+ * Author: Chupurnov Valerii <chupurnov@gmail.com>
+ * Version: v4.18.7
+ * Url: https://xdsoft.net/jodit/pro/
+ * License(s): SEE LICENSE IN LICENSE.md
+ */
+	
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else {
+		var a = factory();
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(self, function() {
+return (self["webpackChunkjodit_pro"] = self["webpackChunkjodit_pro"] || []).push([[418],{
+
+/***/ 97467:
+/***/ (function(module) {
+
+module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <g fill=\"none\"> <path d=\"M5 20v-7M12 20V4M19 20v-5M3 20h18\"/> </g> </svg>"
+
+/***/ }),
+
+/***/ 57722:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Chart: function() { return /* binding */ Chart; }
+/* harmony export */ });
+/* harmony import */ var _swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82749);
+/* harmony import */ var _swc_helpers_object_spread__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56075);
+/* harmony import */ var _swc_helpers_object_spread_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11886);
+/* harmony import */ var _swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(31635);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(88902);
+/* harmony import */ var _ui_editor_editor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(90142);
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(99131);
+/* harmony import */ var jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(65478);
+/* harmony import */ var jodit_esm_core_dom_dom__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(2748);
+/* harmony import */ var jodit_esm_core_helpers_array_to_array__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(4510);
+/* harmony import */ var jodit_esm_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(5700);
+/* harmony import */ var jodit_esm_core_plugin__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(50911);
+/* harmony import */ var jodit_esm_core_ui_button_button_button__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(10830);
+/* harmony import */ var jodit_esm_core_ui_popup_popup__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(56917);
+/* harmony import */ var jodit_esm_modules_dialog_dialog__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(78584);
+/* harmony import */ var jodit_esm_modules_toolbar_factory__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(21491);
+/* harmony import */ var jodit_pro_jodit_pro__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(2692);
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Inserts self-contained SVG charts (bar, horizontal bar, line, pie, donut)
+ * and lets the user edit them in a dialog or remove them from a popup.
+ */ class Chart extends jodit_esm_core_plugin__WEBPACK_IMPORTED_MODULE_11__.Plugin {
+    afterInit(jodit) {
+        jodit.e.on('openChartEditor', this.openEditor).on('removeChart', this.removeChart).on('isChartEditorOpened', ()=>{
+            var _this___dialog;
+            return Boolean((_this___dialog = this.__dialog) === null || _this___dialog === void 0 ? void 0 : _this___dialog.isOpened);
+        });
+        jodit.registerCommand('insertChart', ()=>{
+            this.openEditor();
+            return false;
+        });
+        this.__decorateAll();
+    }
+    beforeDestruct() {
+        var _this___popup, _this___dialog;
+        this.closePopup();
+        (_this___popup = this.__popup) === null || _this___popup === void 0 ? void 0 : _this___popup.destruct();
+        (_this___dialog = this.__dialog) === null || _this___dialog === void 0 ? void 0 : _this___dialog.destruct();
+    }
+    /**
+	 * Opens the editor dialog for a new chart or for an existing one.
+	 */ openEditor(target) {
+        const figure = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.findChart)(this.j, target !== null && target !== void 0 ? target : null);
+        const data = figure && (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.readChartData)(this.j, figure) || (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.defaultChartData)(this.j);
+        this.closePopup();
+        this.j.s.save();
+        const dialog = this.__getDialog();
+        const editor = this.__editor;
+        if (!editor) {
+            return;
+        }
+        editor.setData(data);
+        dialog.setHeader(this.j.i18n(figure ? 'Edit chart' : 'Insert chart')).setFooter([
+            (0,jodit_esm_core_ui_button_button_button__WEBPACK_IMPORTED_MODULE_12__.Button)(dialog, 'cancel', 'Cancel', 'default').onAction(()=>{
+                dialog.close();
+            }),
+            (0,jodit_esm_core_ui_button_button_button__WEBPACK_IMPORTED_MODULE_12__.Button)(dialog, 'ok', figure ? 'Save' : 'Insert', 'primary').onAction(()=>{
+                this.__save(figure, editor.getData());
+                dialog.close();
+            })
+        ]).open();
+    }
+    /**
+	 * Removes the chart that owns the given node.
+	 */ removeChart(target) {
+        const figure = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.findChart)(this.j, target !== null && target !== void 0 ? target : this.__target);
+        this.closePopup();
+        if (figure) {
+            this.j.s.setCursorAfter(figure);
+            jodit_esm_core_dom_dom__WEBPACK_IMPORTED_MODULE_8__.Dom.safeRemove(figure);
+            this.j.synchronizeValues();
+        }
+    }
+    __save(figure, data) {
+        if (figure) {
+            (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.applyChartData)(this.j, figure, data);
+        } else {
+            figure = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.createChart)(this.j, data);
+            this.j.s.restore();
+            this.j.s.insertNode(figure, false, false);
+        }
+        this.j.s.setCursorAfter(figure);
+        this.j.synchronizeValues();
+    }
+    __getDialog() {
+        if (!this.__dialog) {
+            const { dialog } = this.j.o.chart;
+            this.__dialog = new jodit_esm_modules_dialog_dialog__WEBPACK_IMPORTED_MODULE_14__.Dialog({
+                language: this.j.o.language,
+                theme: this.j.o.theme,
+                shadowRoot: this.j.o.shadowRoot,
+                events: this.j.o.events
+            });
+            this.__editor = new _ui_editor_editor__WEBPACK_IMPORTED_MODULE_5__.UIChartEditor(this.j);
+            this.__dialog.setContent(this.__editor).setSize(dialog.width, dialog.height);
+            this.__dialog.e.on('beforeClose', ()=>{
+                this.j.s.restore();
+            });
+        }
+        return this.__dialog;
+    }
+    /**
+	 * Handler: clicking a chart opens its popup; clicking elsewhere closes it.
+	 */ onClick(e) {
+        const figure = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.findChart)(this.j, e.target);
+        if (figure) {
+            this.openPopup(figure);
+        } else {
+            this.closePopup();
+        }
+    }
+    onDblClick(e) {
+        const figure = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.findChart)(this.j, e.target);
+        if (figure) {
+            this.openEditor(figure);
+        }
+    }
+    onOutsideClick() {
+        this.closePopup();
+    }
+    /**
+	 * Shows the contextual popup (edit / delete) above the chart.
+	 */ openPopup(figure) {
+        if (this.j.o.readonly || !this.j.o.chart.popup.length) {
+            return;
+        }
+        if (!this.__popup) {
+            this.__popup = new jodit_esm_core_ui_popup_popup__WEBPACK_IMPORTED_MODULE_13__.Popup(this.j, false);
+            this.__toolbar = (0,jodit_esm_modules_toolbar_factory__WEBPACK_IMPORTED_MODULE_15__.makeCollection)(this.j, this.__popup);
+        }
+        const popup = this.__popup;
+        const toolbar = this.__toolbar;
+        if (!toolbar) {
+            return;
+        }
+        this.__target = figure;
+        toolbar.build(this.j.o.chart.popup, figure);
+        popup.setContent(toolbar.container);
+        if (popup.isOpened) {
+            popup.updatePosition();
+        } else {
+            popup.open(()=>(0,jodit_esm_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_10__.position)(figure, this.j));
+        }
+    }
+    closePopup() {
+        var _this___popup;
+        this.__target = null;
+        (_this___popup = this.__popup) === null || _this___popup === void 0 ? void 0 : _this___popup.close();
+    }
+    /**
+	 * Decorates charts that arrived with the value (initial load, paste) and
+	 * re-renders charts whose box was changed by the resizer.
+	 */ onChange() {
+        this.__decorateAll();
+        if (this.__target && !this.j.editor.contains(this.__target)) {
+            this.closePopup();
+        }
+    }
+    __decorateAll() {
+        let changed = false;
+        (0,jodit_esm_core_helpers_array_to_array__WEBPACK_IMPORTED_MODULE_9__.toArray)(this.j.editor.querySelectorAll(`figure[${_helpers__WEBPACK_IMPORTED_MODULE_6__.CHART_ATTR}]`)).forEach((figure)=>{
+            if (!(0,_helpers__WEBPACK_IMPORTED_MODULE_6__.isChartElement)(figure, this.j.o.chart.className)) {
+                return;
+            }
+            ;(0,_helpers__WEBPACK_IMPORTED_MODULE_6__.decorateChart)(this.j, figure);
+            changed = this.__syncResized(figure) || changed;
+            changed = this.__renderMissing(figure) || changed;
+        });
+        if (changed) {
+            this.j.synchronizeValues();
+        }
+    }
+    /**
+	 * A figure that carries data but no SVG (e.g. content produced by a
+	 * backend) is rendered on load.
+	 */ __renderMissing(figure) {
+        if (figure.querySelector('svg')) {
+            return false;
+        }
+        const data = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.readChartData)(this.j, figure);
+        if (!data) {
+            return false;
+        }
+        ;(0,_helpers__WEBPACK_IMPORTED_MODULE_6__.applyChartData)(this.j, figure, data);
+        return true;
+    }
+    __syncResized(figure) {
+        const data = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.readChartData)(this.j, figure);
+        if (!data) {
+            return false;
+        }
+        const width = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.pixels)(figure.style.width) || data.width;
+        const height = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.pixels)(figure.style.height) || data.height;
+        if (width === data.width && height === data.height) {
+            return false;
+        }
+        ;(0,_helpers__WEBPACK_IMPORTED_MODULE_6__.applyChartData)(this.j, figure, (0,_swc_helpers_object_spread_props__WEBPACK_IMPORTED_MODULE_2__._)((0,_swc_helpers_object_spread__WEBPACK_IMPORTED_MODULE_1__._)({}, data), {
+            width,
+            height
+        }));
+        return true;
+    }
+    constructor(...args){
+        super(...args), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "buttons", [
+            {
+                name: 'chart',
+                group: 'insert'
+            }
+        ]), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__dialog", null), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__editor", null), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__popup", null), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__toolbar", null), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__target", null);
+    }
+}
+;(0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(Chart, "requires", [
+    'license'
+]);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_3__.__decorate)([
+    jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_7__.autobind
+], Chart.prototype, "openEditor", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_3__.__decorate)([
+    jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_7__.autobind
+], Chart.prototype, "removeChart", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_3__.__decorate)([
+    (0,jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_7__.watch)(':click')
+], Chart.prototype, "onClick", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_3__.__decorate)([
+    (0,jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_7__.watch)(':dblclick')
+], Chart.prototype, "onDblClick", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_3__.__decorate)([
+    (0,jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_7__.watch)(':outsideClick')
+], Chart.prototype, "onOutsideClick", null);
+(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_3__.__decorate)([
+    (0,jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_7__.watch)([
+        ':change',
+        ':afterSetMode'
+    ]),
+    (0,jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_7__.debounce)()
+], Chart.prototype, "onChange", null);
+jodit_pro_jodit_pro__WEBPACK_IMPORTED_MODULE_16__.JoditPro.plugins.add('chart', Chart);
+
+
+/***/ }),
+
+/***/ 88902:
+/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _assets_chart_svg__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(97467);
+/* harmony import */ var _assets_chart_svg__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_assets_chart_svg__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var jodit_esm_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6441);
+/* harmony import */ var jodit_esm_core_ui_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(12153);
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */ 
+
+
+jodit_esm_config__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.chart = {
+    className: 'jodit-chart',
+    types: [
+        'bar',
+        'horizontalBar',
+        'line',
+        'area',
+        'pie',
+        'donut',
+        'radar'
+    ],
+    defaultType: 'bar',
+    defaultTitle: 'Sample chart',
+    defaultPoints: [
+        {
+            label: 'Item 1',
+            value: 10
+        },
+        {
+            label: 'Item 2',
+            value: 20
+        },
+        {
+            label: 'Item 3',
+            value: 15
+        },
+        {
+            label: 'Item 4',
+            value: 25
+        },
+        {
+            label: 'Item 5',
+            value: 30
+        }
+    ],
+    colors: [
+        '#2a78d6',
+        '#eb6834',
+        '#1baf7a',
+        '#eda100',
+        '#e87ba4',
+        '#008300',
+        '#6250d6',
+        '#e34948'
+    ],
+    defaultBackground: '#ffffff',
+    defaultTextColor: '#111827',
+    defaultBorderColor: '#e5e7eb',
+    allowChangeBackground: true,
+    allowChangeTextColor: true,
+    allowChangeBorderColor: true,
+    fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
+    width: 600,
+    height: 400,
+    popup: [
+        'chartEdit',
+        'chartRemove'
+    ],
+    dialog: {
+        width: 620,
+        height: 720
+    }
+};
+jodit_esm_config__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.controls.chart = {
+    tooltip: 'Insert chart',
+    icon: 'chart',
+    isActive (editor) {
+        return Boolean(editor.e.fire('isChartEditorOpened'));
+    },
+    exec (editor) {
+        editor.e.fire('openChartEditor');
+    }
+};
+jodit_esm_config__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.controls.chartEdit = {
+    tooltip: 'Edit chart',
+    icon: 'pencil',
+    exec (editor, target) {
+        editor.e.fire('openChartEditor', target);
+    }
+};
+jodit_esm_config__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.controls.chartRemove = {
+    tooltip: 'Delete chart',
+    icon: 'bin',
+    exec (editor, target) {
+        editor.e.fire('removeChart', target);
+    }
+};
+jodit_esm_config__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.allowResizeTags = new Set([
+    ...jodit_esm_config__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.allowResizeTags,
+    'figure'
+]);
+jodit_esm_core_ui_icon__WEBPACK_IMPORTED_MODULE_2__.Icon.set('chart', (_assets_chart_svg__WEBPACK_IMPORTED_MODULE_0___default()));
+
+
+/***/ }),
+
+/***/ 99131:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   applyChartData: function() { return /* binding */ applyChartData; },
+/* harmony export */   cloneChartData: function() { return /* binding */ cloneChartData; },
+/* harmony export */   createChart: function() { return /* binding */ createChart; },
+/* harmony export */   decorateChart: function() { return /* binding */ decorateChart; },
+/* harmony export */   defaultChartData: function() { return /* binding */ defaultChartData; },
+/* harmony export */   findChart: function() { return /* binding */ findChart; },
+/* harmony export */   isChartElement: function() { return /* binding */ isChartElement; },
+/* harmony export */   normalizePoint: function() { return /* binding */ normalizePoint; },
+/* harmony export */   pixels: function() { return /* binding */ pixels; },
+/* harmony export */   readChartData: function() { return /* binding */ readChartData; }
+/* harmony export */ });
+/* unused harmony exports CHART_TYPES, isChartType, normalizeChartData */
+/* harmony import */ var _swc_helpers_object_spread__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(56075);
+/* harmony import */ var _swc_helpers_object_spread_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(11886);
+/* harmony import */ var _render__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(75787);
+/* harmony import */ var jodit_esm_core_dom_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2748);
+/* harmony import */ var jodit_esm_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(70799);
+/* harmony import */ var jodit_esm_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(29960);
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */ 
+
+
+
+
+
+const CHART_ATTR = 'data-jodit-chart';
+const CHART_TYPES = [
+    'bar',
+    'horizontalBar',
+    'line',
+    'area',
+    'pie',
+    'donut',
+    'radar'
+];
+const CHART_TYPE_TITLES = {
+    bar: 'Bar chart',
+    horizontalBar: 'Horizontal bar',
+    line: 'Line chart',
+    area: 'Area chart',
+    pie: 'Pie chart',
+    donut: 'Donut chart',
+    radar: 'Radar chart'
+};
+function isChartType(value) {
+    return CHART_TYPES.includes(value);
+}
+function normalizePoint(raw) {
+    var _raw_label;
+    const value = Number(raw.value);
+    const point = {
+        label: String((_raw_label = raw.label) !== null && _raw_label !== void 0 ? _raw_label : ''),
+        value: isFinite(value) ? value : 0
+    };
+    if (raw.color) {
+        point.color = String(raw.color);
+    }
+    return point;
+}
+function normalizeChartData(raw, defaults) {
+    var _raw_title;
+    const width = Number(raw.width);
+    const height = Number(raw.height);
+    return {
+        type: isChartType(raw.type) ? raw.type : defaults.type,
+        title: String((_raw_title = raw.title) !== null && _raw_title !== void 0 ? _raw_title : defaults.title),
+        points: Array.isArray(raw.points) ? raw.points.map(normalizePoint) : defaults.points.map(normalizePoint),
+        width: width > 0 ? Math.round(width) : defaults.width,
+        height: height > 0 ? Math.round(height) : defaults.height,
+        background: (0,jodit_esm_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_4__.isString)(raw.background) ? raw.background : defaults.background,
+        textColor: (0,jodit_esm_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_4__.isString)(raw.textColor) ? raw.textColor : defaults.textColor,
+        borderColor: (0,jodit_esm_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_4__.isString)(raw.borderColor) ? raw.borderColor : defaults.borderColor
+    };
+}
+function cloneChartData(data) {
+    return (0,_swc_helpers_object_spread_props__WEBPACK_IMPORTED_MODULE_1__._)((0,_swc_helpers_object_spread__WEBPACK_IMPORTED_MODULE_0__._)({}, data), {
+        points: data.points.map((p)=>(0,_swc_helpers_object_spread__WEBPACK_IMPORTED_MODULE_0__._)({}, p))
+    });
+}
+function isChartElement(node, className) {
+    return jodit_esm_core_dom_dom__WEBPACK_IMPORTED_MODULE_3__.Dom.isTag(node, 'figure') && (node.hasAttribute(CHART_ATTR) || node.classList.contains(className));
+}
+function findChart(jodit, node) {
+    return jodit_esm_core_dom_dom__WEBPACK_IMPORTED_MODULE_3__.Dom.closest(node, (n)=>isChartElement(n, jodit.o.chart.className), jodit.editor);
+}
+function readChartData(jodit, figure) {
+    const json = (0,jodit_esm_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_5__.attr)(figure, CHART_ATTR);
+    if (!json) {
+        return null;
+    }
+    try {
+        return normalizeChartData(JSON.parse(json), defaultChartData(jodit));
+    } catch (unused) {
+        return null;
+    }
+}
+function defaultChartData(jodit) {
+    const { chart } = jodit.o;
+    return {
+        type: chart.defaultType,
+        title: chart.defaultTitle,
+        points: chart.defaultPoints.map(normalizePoint),
+        width: chart.width,
+        height: chart.height,
+        background: chart.defaultBackground,
+        textColor: chart.defaultTextColor,
+        borderColor: chart.defaultBorderColor
+    };
+}
+function decorateChart(jodit, figure) {
+    ;(0,jodit_esm_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_5__.attr)(figure, {
+        class: jodit.o.chart.className,
+        contenteditable: false
+    });
+}
+function applyChartData(jodit, figure, data) {
+    const { chart } = jodit.o;
+    decorateChart(jodit, figure);
+    (0,jodit_esm_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_5__.attr)(figure, CHART_ATTR, JSON.stringify(data));
+    figure.style.width = data.width + 'px';
+    figure.style.maxWidth = '100%';
+    figure.style.height = '';
+    figure.innerHTML = (0,_render__WEBPACK_IMPORTED_MODULE_2__.renderChart)(data, {
+        colors: chart.colors,
+        fontFamily: chart.fontFamily
+    });
+}
+function createChart(jodit, data) {
+    const figure = jodit.createInside.element('figure');
+    applyChartData(jodit, figure, data);
+    return figure;
+}
+function pixels(value) {
+    return /^\d+(\.\d+)?px$/.test(value) ? Math.round(parseFloat(value)) : 0;
+}
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, [
+/* harmony export */   "CHART_ATTR", 0, /* binding */ CHART_ATTR,
+/* harmony export */   "CHART_TYPE_TITLES", 0, /* binding */ CHART_TYPE_TITLES
+/* harmony export */ ]);
+
+
+/***/ }),
+
+/***/ 93054:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   renderBar: function() { return /* binding */ renderBar; },
+/* harmony export */   renderHorizontalBar: function() { return /* binding */ renderHorizontalBar; }
+/* harmony export */ });
+/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(36838);
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */ 
+function renderBar(data, options) {
+    const scale = (0,_common__WEBPACK_IMPORTED_MODULE_0__.ticks)(data.points);
+    const top = scale[scale.length - 1];
+    const yLabelWidth = Math.max(...scale.map((v)=>(0,_common__WEBPACK_IMPORTED_MODULE_0__.textWidth)((0,_common__WEBPACK_IMPORTED_MODULE_0__.formatValue)(v), (/* inlined export .TICK_FONT */12))));
+    const box = (0,_common__WEBPACK_IMPORTED_MODULE_0__.plotBox)(data, {
+        x: yLabelWidth + 12,
+        y: 28,
+        width: 0,
+        height: 28
+    });
+    const theme = (0,_common__WEBPACK_IMPORTED_MODULE_0__.chartTheme)(data);
+    const parts = [
+        (0,_common__WEBPACK_IMPORTED_MODULE_0__.svgOpen)(data, options)
+    ];
+    scale.forEach((v)=>{
+        const y = box.y + box.height - v / top * box.height;
+        parts.push(`<line x1="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.x)}" y1="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(y)}" x2="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.x + box.width)}" y2="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(y)}" stroke="${theme.grid}" stroke-dasharray="3 3"/>`, `<text x="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.x - 8)}" y="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(y + 4)}" font-size="${(/* inlined export .TICK_FONT */12)}" fill="${theme.inkMuted}" text-anchor="end">${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_0__.formatValue)(v))}</text>`);
+    });
+    const count = data.points.length || 1;
+    const band = box.width / count;
+    const barWidth = Math.max(2, band * 0.6);
+    const baseline = box.y + box.height;
+    data.points.forEach((point, i)=>{
+        const color = (0,_common__WEBPACK_IMPORTED_MODULE_0__.pointColor)(point, i, options);
+        const value = point.value > 0 ? point.value : 0;
+        const height = value / top * box.height;
+        const x = box.x + i * band + (band - barWidth) / 2;
+        const cx = x + barWidth / 2;
+        parts.push(`<path d="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.roundedBarPath)(x, baseline - height, barWidth, height, (/* inlined export .BAR_RADIUS */4), 'top')}" fill="${color}"><title>${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)(point.label)}: ${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_0__.formatValue)(point.value))}</title></path>`, (0,_common__WEBPACK_IMPORTED_MODULE_0__.valuePill)(cx, baseline - height - 18, point.value, color, theme), `<text x="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(cx)}" y="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(baseline + 20)}" font-size="${(/* inlined export .LABEL_FONT */13)}" fill="${theme.inkMuted}" text-anchor="middle">${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_0__.truncate)(point.label))}</text>`);
+    });
+    parts.push(`<line x1="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.x)}" y1="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(baseline)}" x2="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.x + box.width)}" y2="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(baseline)}" stroke="${theme.border}"/>`, (0,_common__WEBPACK_IMPORTED_MODULE_0__.svgClose)());
+    return parts.join('');
+}
+function renderHorizontalBar(data, options) {
+    const scale = (0,_common__WEBPACK_IMPORTED_MODULE_0__.ticks)(data.points);
+    const top = scale[scale.length - 1];
+    const labelWidth = Math.min(160, Math.max(...data.points.map((p)=>(0,_common__WEBPACK_IMPORTED_MODULE_0__.textWidth)((0,_common__WEBPACK_IMPORTED_MODULE_0__.truncate)(p.label), (/* inlined export .LABEL_FONT */13)))));
+    const box = (0,_common__WEBPACK_IMPORTED_MODULE_0__.plotBox)(data, {
+        x: labelWidth + 12,
+        y: 8,
+        width: 56,
+        height: 28
+    });
+    const theme = (0,_common__WEBPACK_IMPORTED_MODULE_0__.chartTheme)(data);
+    const parts = [
+        (0,_common__WEBPACK_IMPORTED_MODULE_0__.svgOpen)(data, options)
+    ];
+    const bottom = box.y + box.height;
+    scale.forEach((v)=>{
+        const x = box.x + v / top * box.width;
+        parts.push(`<line x1="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(x)}" y1="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.y)}" x2="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(x)}" y2="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(bottom)}" stroke="${theme.grid}" stroke-dasharray="3 3"/>`, `<text x="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(x)}" y="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(bottom + 18)}" font-size="${(/* inlined export .TICK_FONT */12)}" fill="${theme.inkMuted}" text-anchor="middle">${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_0__.formatValue)(v))}</text>`);
+    });
+    const count = data.points.length || 1;
+    const band = box.height / count;
+    const barHeight = Math.max(2, band * 0.6);
+    data.points.forEach((point, i)=>{
+        const color = (0,_common__WEBPACK_IMPORTED_MODULE_0__.pointColor)(point, i, options);
+        const value = point.value > 0 ? point.value : 0;
+        const width = value / top * box.width;
+        const y = box.y + i * band + (band - barHeight) / 2;
+        const cy = y + barHeight / 2;
+        parts.push(`<path d="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.roundedBarPath)(box.x, y, width, barHeight, (/* inlined export .BAR_RADIUS */4), 'right')}" fill="${color}"><title>${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)(point.label)}: ${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_0__.formatValue)(point.value))}</title></path>`, (0,_common__WEBPACK_IMPORTED_MODULE_0__.valuePill)(box.x + width + 12 + (0,_common__WEBPACK_IMPORTED_MODULE_0__.textWidth)((0,_common__WEBPACK_IMPORTED_MODULE_0__.formatValue)(point.value), (/* inlined export .LABEL_FONT */13)) / 2 + 8, cy, point.value, color, theme), `<text x="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.x - 12)}" y="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(cy + 4.5)}" font-size="${(/* inlined export .LABEL_FONT */13)}" fill="${theme.inkMuted}" text-anchor="end">${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_0__.truncate)(point.label))}</text>`);
+    });
+    parts.push(`<line x1="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.x)}" y1="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.y)}" x2="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.x)}" y2="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(bottom)}" stroke="${theme.border}"/>`, (0,_common__WEBPACK_IMPORTED_MODULE_0__.svgClose)());
+    return parts.join('');
+}
+
+
+/***/ }),
+
+/***/ 36838:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   chartTheme: function() { return /* binding */ chartTheme; },
+/* harmony export */   esc: function() { return /* binding */ esc; },
+/* harmony export */   formatValue: function() { return /* binding */ formatValue; },
+/* harmony export */   num: function() { return /* binding */ num; },
+/* harmony export */   plotBox: function() { return /* binding */ plotBox; },
+/* harmony export */   pointColor: function() { return /* binding */ pointColor; },
+/* harmony export */   roundedBarPath: function() { return /* binding */ roundedBarPath; },
+/* harmony export */   svgClose: function() { return /* binding */ svgClose; },
+/* harmony export */   svgOpen: function() { return /* binding */ svgOpen; },
+/* harmony export */   textWidth: function() { return /* binding */ textWidth; },
+/* harmony export */   ticks: function() { return /* binding */ ticks; },
+/* harmony export */   truncate: function() { return /* binding */ truncate; },
+/* harmony export */   valuePill: function() { return /* binding */ valuePill; }
+/* harmony export */ });
+/* unused harmony exports TICK_COUNT, MAX_LABEL, niceStep, renderTitle */
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */ const PAD = 24;
+const TITLE_HEIGHT = 40;
+const LABEL_FONT = 13;
+const TICK_FONT = 12;
+const TICK_COUNT = 4;
+const BAR_RADIUS = 4;
+const MAX_LABEL = 14;
+const DEFAULT_BACKGROUND = '#ffffff';
+const DEFAULT_TEXT_COLOR = '#111827';
+function alpha(hex, opacity) {
+    const m = /^#?([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(hex);
+    if (!m) {
+        return hex;
+    }
+    const [r, g, b] = [
+        m[1],
+        m[2],
+        m[3]
+    ].map((c)=>parseInt(c, 16));
+    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+}
+/**
+ * Colors derived from the chart background and text color so grids, axes and
+ * secondary labels stay readable on light and dark surfaces alike.
+ */ function chartTheme(data) {
+    var _data_background;
+    const ink = data.textColor || DEFAULT_TEXT_COLOR;
+    const background = (_data_background = data.background) !== null && _data_background !== void 0 ? _data_background : DEFAULT_BACKGROUND;
+    return {
+        surface: background || DEFAULT_BACKGROUND,
+        transparent: !background,
+        border: data.borderColor || alpha(ink, 0.12),
+        grid: alpha(ink, 0.12),
+        ink,
+        inkSecondary: alpha(ink, 0.8),
+        inkMuted: alpha(ink, 0.6)
+    };
+}
+// DOM-free so the renderers can run outside the browser (SSR, tests).
+function esc(value) {
+    return String(value).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+}
+function num(value) {
+    return String(Math.round(value * 100) / 100);
+}
+function formatValue(value) {
+    return num(value).replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+}
+function truncate(label, max = MAX_LABEL) {
+    return label.length > max ? label.slice(0, max - 1) + '…' : label;
+}
+function pointColor(point, index, options) {
+    const { colors } = options;
+    return point.color || colors[index % colors.length] || '#2a78d6';
+}
+function niceStep(rawStep) {
+    var _candidates_find;
+    if (rawStep <= 0) {
+        return 1;
+    }
+    const magnitude = Math.pow(10, Math.floor(Math.log10(rawStep)));
+    const normalized = rawStep / magnitude;
+    const candidates = [
+        1,
+        2,
+        2.5,
+        5,
+        10
+    ];
+    const step = (_candidates_find = candidates.find((c)=>c >= normalized)) !== null && _candidates_find !== void 0 ? _candidates_find : 10;
+    return step * magnitude;
+}
+function ticks(points) {
+    const max = Math.max(0, ...points.map((p)=>p.value > 0 ? p.value : 0));
+    const step = niceStep((max || 1) / TICK_COUNT);
+    const top = Math.max(step, Math.ceil(max / step) * step);
+    const result = [];
+    for(let v = 0; v <= top + step / 2; v += step){
+        result.push(Math.round(v * 1000) / 1000);
+    }
+    return result;
+}
+function textWidth(text, fontSize) {
+    return text.length * fontSize * 0.58;
+}
+function plotBox(data, margin) {
+    const top = PAD + (data.title ? TITLE_HEIGHT : 0) + margin.y;
+    return {
+        x: PAD + margin.x,
+        y: top,
+        width: Math.max(10, data.width - PAD * 2 - margin.x - margin.width),
+        height: Math.max(10, data.height - top - PAD - margin.height)
+    };
+}
+function svgOpen(data, options) {
+    const theme = chartTheme(data);
+    const label = data.title ? ` aria-label="${esc(data.title)}"` : '';
+    const card = theme.transparent ? '' : `<rect x="0.5" y="0.5" width="${data.width - 1}" height="${data.height - 1}" rx="12" fill="${theme.surface}" stroke="${theme.border}"/>`;
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${data.width} ${data.height}" width="100%" role="img"${label} font-family="${esc(options.fontFamily)}">` + card + renderTitle(data, theme);
+}
+function svgClose() {
+    return '</svg>';
+}
+function renderTitle(data, theme) {
+    if (!data.title) {
+        return '';
+    }
+    return `<text x="${PAD}" y="${PAD + 20}" font-size="20" font-weight="600" fill="${theme.ink}">${esc(data.title)}</text>`;
+}
+function roundedBarPath(x, y, width, height, radius, side) {
+    if (height <= 0 || width <= 0) {
+        return '';
+    }
+    const r = Math.min(radius, width / 2, height / 2);
+    if (side === 'top') {
+        return [
+            `M${num(x)},${num(y + height)}`,
+            `V${num(y + r)}`,
+            `a${num(r)},${num(r)} 0 0 1 ${num(r)},${num(-r)}`,
+            `h${num(width - r * 2)}`,
+            `a${num(r)},${num(r)} 0 0 1 ${num(r)},${num(r)}`,
+            `V${num(y + height)}`,
+            'Z'
+        ].join('');
+    }
+    return [
+        `M${num(x)},${num(y)}`,
+        `H${num(x + width - r)}`,
+        `a${num(r)},${num(r)} 0 0 1 ${num(r)},${num(r)}`,
+        `v${num(height - r * 2)}`,
+        `a${num(r)},${num(r)} 0 0 1 ${num(-r)},${num(r)}`,
+        `H${num(x)}`,
+        'Z'
+    ].join('');
+}
+function valuePill(cx, cy, value, color, theme) {
+    const text = formatValue(value);
+    const width = textWidth(text, LABEL_FONT) + 16;
+    const height = 22;
+    return `<rect x="${num(cx - width / 2)}" y="${num(cy - height / 2)}" width="${num(width)}" height="${height}" rx="6" fill="${color}" fill-opacity="0.14"/>` + `<text x="${num(cx)}" y="${num(cy + 4.5)}" font-size="${LABEL_FONT}" font-weight="600" fill="${theme.inkSecondary}" text-anchor="middle">${esc(text)}</text>`;
+}
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, [
+/* harmony export */   "DEFAULT_BACKGROUND", 0, /* binding */ DEFAULT_BACKGROUND,
+/* harmony export */   "DEFAULT_TEXT_COLOR", 0, /* binding */ DEFAULT_TEXT_COLOR
+/* harmony export */ ]);
+
+
+/***/ }),
+
+/***/ 75787:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   renderChart: function() { return /* binding */ renderChart; }
+/* harmony export */ });
+/* harmony import */ var _bar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(93054);
+/* harmony import */ var _line__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(73077);
+/* harmony import */ var _pie__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(83349);
+/* harmony import */ var _radar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67407);
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */ 
+
+
+
+function renderChart(data, options) {
+    switch(data.type){
+        case 'horizontalBar':
+            return (0,_bar__WEBPACK_IMPORTED_MODULE_0__.renderHorizontalBar)(data, options);
+        case 'line':
+            return (0,_line__WEBPACK_IMPORTED_MODULE_1__.renderLine)(data, options, false);
+        case 'area':
+            return (0,_line__WEBPACK_IMPORTED_MODULE_1__.renderLine)(data, options, true);
+        case 'radar':
+            return (0,_radar__WEBPACK_IMPORTED_MODULE_3__.renderRadar)(data, options);
+        case 'pie':
+            return (0,_pie__WEBPACK_IMPORTED_MODULE_2__.renderPie)(data, options, false);
+        case 'donut':
+            return (0,_pie__WEBPACK_IMPORTED_MODULE_2__.renderPie)(data, options, true);
+        default:
+            return (0,_bar__WEBPACK_IMPORTED_MODULE_0__.renderBar)(data, options);
+    }
+}
+
+
+/***/ }),
+
+/***/ 73077:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   renderLine: function() { return /* binding */ renderLine; }
+/* harmony export */ });
+/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(36838);
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */ 
+function renderLine(data, options, area) {
+    const scale = (0,_common__WEBPACK_IMPORTED_MODULE_0__.ticks)(data.points);
+    const top = scale[scale.length - 1];
+    const yLabelWidth = Math.max(...scale.map((v)=>(0,_common__WEBPACK_IMPORTED_MODULE_0__.textWidth)((0,_common__WEBPACK_IMPORTED_MODULE_0__.formatValue)(v), (/* inlined export .TICK_FONT */12))));
+    const box = (0,_common__WEBPACK_IMPORTED_MODULE_0__.plotBox)(data, {
+        x: yLabelWidth + 12,
+        y: 28,
+        width: 0,
+        height: 28
+    });
+    const theme = (0,_common__WEBPACK_IMPORTED_MODULE_0__.chartTheme)(data);
+    const parts = [
+        (0,_common__WEBPACK_IMPORTED_MODULE_0__.svgOpen)(data, options)
+    ];
+    const baseline = box.y + box.height;
+    scale.forEach((v)=>{
+        const y = baseline - v / top * box.height;
+        parts.push(`<line x1="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.x)}" y1="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(y)}" x2="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.x + box.width)}" y2="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(y)}" stroke="${theme.grid}" stroke-dasharray="3 3"/>`, `<text x="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.x - 8)}" y="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(y + 4)}" font-size="${(/* inlined export .TICK_FONT */12)}" fill="${theme.inkMuted}" text-anchor="end">${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_0__.formatValue)(v))}</text>`);
+    });
+    const count = data.points.length || 1;
+    const band = box.width / count;
+    // A single series wears a single color: the first point's color (or the
+    // first palette slot) is the color of the whole line.
+    const color = data.points.length ? (0,_common__WEBPACK_IMPORTED_MODULE_0__.pointColor)(data.points[0], 0, options) : options.colors[0];
+    const coords = data.points.map((point, i)=>({
+            x: box.x + i * band + band / 2,
+            y: baseline - (point.value > 0 ? point.value : 0) / top * box.height
+        }));
+    if (coords.length > 1) {
+        const d = coords.map((c, i)=>`${i ? 'L' : 'M'}${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(c.x)},${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(c.y)}`).join('');
+        if (area) {
+            parts.push(`<path d="${d}L${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(coords[coords.length - 1].x)},${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(baseline)}L${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(coords[0].x)},${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(baseline)}Z" fill="${color}" fill-opacity="0.18"/>`);
+        }
+        parts.push(`<path d="${d}" fill="none" stroke="${color}" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"/>`);
+    }
+    data.points.forEach((point, i)=>{
+        const { x, y } = coords[i];
+        parts.push(`<circle cx="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(x)}" cy="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(y)}" r="5" fill="${color}" stroke="${theme.surface}" stroke-width="2"><title>${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)(point.label)}: ${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_0__.formatValue)(point.value))}</title></circle>`, (0,_common__WEBPACK_IMPORTED_MODULE_0__.valuePill)(x, y - 20, point.value, color, theme), `<text x="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(x)}" y="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(baseline + 20)}" font-size="${(/* inlined export .LABEL_FONT */13)}" fill="${theme.inkMuted}" text-anchor="middle">${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_0__.truncate)(point.label))}</text>`);
+    });
+    parts.push(`<line x1="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.x)}" y1="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(baseline)}" x2="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(box.x + box.width)}" y2="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(baseline)}" stroke="${theme.border}"/>`, (0,_common__WEBPACK_IMPORTED_MODULE_0__.svgClose)());
+    return parts.join('');
+}
+
+
+/***/ }),
+
+/***/ 83349:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   renderPie: function() { return /* binding */ renderPie; }
+/* harmony export */ });
+/* harmony import */ var _swc_helpers_object_spread__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(56075);
+/* harmony import */ var _swc_helpers_object_spread_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(11886);
+/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(36838);
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */ 
+
+
+const LEGEND_WIDTH = 180;
+const LEGEND_ROW = 26;
+const STACK_BELOW = 420;
+const MIN_PIE = 160;
+function polar(cx, cy, r, angle) {
+    return `${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(cx + r * Math.cos(angle))},${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(cy + r * Math.sin(angle))}`;
+}
+function slicePath(cx, cy, outer, inner, start, end) {
+    const full = end - start >= Math.PI * 2 - 0.0001;
+    if (full) {
+        const ring = inner ? ` M${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(cx - inner)},${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(cy)} a${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(inner)},${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(inner)} 0 1 0 ${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(inner * 2)},0 a${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(inner)},${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(inner)} 0 1 0 ${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(-inner * 2)},0` : '';
+        return `M${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(cx - outer)},${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(cy)} a${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(outer)},${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(outer)} 0 1 0 ${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(outer * 2)},0 a${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(outer)},${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(outer)} 0 1 0 ${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(-outer * 2)},0${ring}`;
+    }
+    const large = end - start > Math.PI ? 1 : 0;
+    const path = [
+        `M${polar(cx, cy, outer, start)}`,
+        `A${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(outer)},${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(outer)} 0 ${large} 1 ${polar(cx, cy, outer, end)}`
+    ];
+    if (inner) {
+        path.push(`L${polar(cx, cy, inner, end)}`, `A${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(inner)},${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(inner)} 0 ${large} 0 ${polar(cx, cy, inner, start)}`);
+    } else {
+        path.push(`L${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(cx)},${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(cy)}`);
+    }
+    return path.join('') + 'Z';
+}
+function renderPie(data, options, donut) {
+    const points = data.points.filter((p)=>p.value > 0);
+    const total = points.reduce((sum, p)=>sum + p.value, 0);
+    // Narrow charts stack the legend under the pie and grow in height so the
+    // pie keeps a readable size; wide ones keep the legend aside.
+    const stacked = data.width < STACK_BELOW;
+    const legendWidth = stacked ? data.width - (/* inlined export .PAD */24) * 2 : Math.min(LEGEND_WIDTH, Math.max(120, data.width * 0.3));
+    const legendHeight = points.length * LEGEND_ROW;
+    if (stacked) {
+        const needed = (/* inlined export .PAD */24) * 2 + (data.title ? (/* inlined export .TITLE_HEIGHT */40) : 0) + MIN_PIE + legendHeight + (/* inlined export .PAD */24) / 2;
+        data = (0,_swc_helpers_object_spread_props__WEBPACK_IMPORTED_MODULE_1__._)((0,_swc_helpers_object_spread__WEBPACK_IMPORTED_MODULE_0__._)({}, data), {
+            height: Math.max(data.height, needed)
+        });
+    }
+    const box = (0,_common__WEBPACK_IMPORTED_MODULE_2__.plotBox)(data, {
+        x: 0,
+        y: 0,
+        width: stacked ? 0 : legendWidth + (/* inlined export .PAD */24),
+        height: stacked ? legendHeight + (/* inlined export .PAD */24) / 2 : 0
+    });
+    const outer = Math.max(10, Math.min(box.width, box.height) / 2 - 4);
+    const inner = donut ? outer * 0.58 : 0;
+    const cx = box.x + box.width / 2;
+    const cy = box.y + box.height / 2;
+    const theme = (0,_common__WEBPACK_IMPORTED_MODULE_2__.chartTheme)(data);
+    const parts = [
+        (0,_common__WEBPACK_IMPORTED_MODULE_2__.svgOpen)(data, options)
+    ];
+    let angle = -Math.PI / 2;
+    points.forEach((point, i)=>{
+        const color = (0,_common__WEBPACK_IMPORTED_MODULE_2__.pointColor)(point, i, options);
+        const sweep = total ? point.value / total * Math.PI * 2 : 0;
+        const percent = total ? Math.round(point.value / total * 1000) / 10 : 0;
+        parts.push(`<path d="${slicePath(cx, cy, outer, inner, angle, angle + sweep)}" fill="${color}" stroke="${theme.surface}" stroke-width="2" fill-rule="evenodd"><title>${(0,_common__WEBPACK_IMPORTED_MODULE_2__.esc)(point.label)}: ${(0,_common__WEBPACK_IMPORTED_MODULE_2__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_2__.formatValue)(point.value))} (${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(percent)}%)</title></path>`);
+        angle += sweep;
+    });
+    if (donut && total) {
+        parts.push(`<text x="${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(cx)}" y="${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(cy + 7)}" font-size="20" font-weight="600" fill="${theme.ink}" text-anchor="middle">${(0,_common__WEBPACK_IMPORTED_MODULE_2__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_2__.formatValue)(total))}</text>`);
+    }
+    const legendX = stacked ? (/* inlined export .PAD */24) : data.width - (/* inlined export .PAD */24) - legendWidth;
+    // Room for the label between the swatch and the right-aligned percent.
+    const labelChars = Math.max(6, Math.floor((legendWidth - 22 - 48) / ((/* inlined export .LABEL_FONT */13) * 0.58)));
+    const legendY = stacked ? box.y + box.height + (/* inlined export .PAD */24) / 2 + LEGEND_ROW / 2 : cy - legendHeight / 2 + LEGEND_ROW / 2;
+    points.forEach((point, i)=>{
+        const color = (0,_common__WEBPACK_IMPORTED_MODULE_2__.pointColor)(point, i, options);
+        const y = legendY + i * LEGEND_ROW;
+        const percent = total ? Math.round(point.value / total * 1000) / 10 : 0;
+        parts.push(`<rect x="${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(legendX)}" y="${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(y - 7)}" width="14" height="14" rx="4" fill="${color}"/>`, `<text x="${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(legendX + 22)}" y="${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(y + 4.5)}" font-size="${(/* inlined export .LABEL_FONT */13)}" fill="${theme.inkSecondary}">${(0,_common__WEBPACK_IMPORTED_MODULE_2__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_2__.truncate)(point.label, labelChars))}</text>`, `<text x="${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(legendX + legendWidth)}" y="${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(y + 4.5)}" font-size="${(/* inlined export .LABEL_FONT */13)}" fill="${theme.inkMuted}" text-anchor="end">${(0,_common__WEBPACK_IMPORTED_MODULE_2__.num)(percent)}%</text>`);
+    });
+    parts.push((0,_common__WEBPACK_IMPORTED_MODULE_2__.svgClose)());
+    return parts.join('');
+}
+
+
+/***/ }),
+
+/***/ 67407:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   renderRadar: function() { return /* binding */ renderRadar; }
+/* harmony export */ });
+/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(36838);
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */ 
+const LABEL_GAP = 18;
+function spoke(cx, cy, radius, index, count) {
+    const angle = -Math.PI / 2 + index / count * Math.PI * 2;
+    return {
+        x: cx + radius * Math.cos(angle),
+        y: cy + radius * Math.sin(angle),
+        angle
+    };
+}
+function anchor(angle) {
+    const cos = Math.cos(angle);
+    if (Math.abs(cos) < 0.2) {
+        return 'middle';
+    }
+    return cos > 0 ? 'start' : 'end';
+}
+function renderRadar(data, options) {
+    const scale = (0,_common__WEBPACK_IMPORTED_MODULE_0__.ticks)(data.points);
+    const top = scale[scale.length - 1];
+    const box = (0,_common__WEBPACK_IMPORTED_MODULE_0__.plotBox)(data, {
+        x: 60,
+        y: 24,
+        width: 60,
+        height: 24
+    });
+    const cx = box.x + box.width / 2;
+    const cy = box.y + box.height / 2;
+    const radius = Math.max(10, Math.min(box.width, box.height) / 2 - 4);
+    const count = Math.max(1, data.points.length);
+    const theme = (0,_common__WEBPACK_IMPORTED_MODULE_0__.chartTheme)(data);
+    const parts = [
+        (0,_common__WEBPACK_IMPORTED_MODULE_0__.svgOpen)(data, options)
+    ];
+    const color = data.points.length ? (0,_common__WEBPACK_IMPORTED_MODULE_0__.pointColor)(data.points[0], 0, options) : options.colors[0];
+    // Concentric rings for the tick values, the outer one carries the label.
+    scale.forEach((v, i)=>{
+        if (!v) {
+            return;
+        }
+        const r = v / top * radius;
+        const ring = data.points.map((_, index)=>spoke(cx, cy, r, index, count)).map((p, index)=>`${index ? 'L' : 'M'}${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(p.x)},${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(p.y)}`).join('');
+        parts.push(count > 2 ? `<path d="${ring}Z" fill="none" stroke="${theme.grid}" stroke-dasharray="3 3"/>` : `<circle cx="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(cx)}" cy="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(cy)}" r="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(r)}" fill="none" stroke="${theme.grid}" stroke-dasharray="3 3"/>`, i === scale.length - 1 ? `<text x="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(cx + 6)}" y="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(cy - r + 12)}" font-size="${(/* inlined export .TICK_FONT */12)}" fill="${theme.inkMuted}">${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_0__.formatValue)(v))}</text>` : '');
+    });
+    data.points.forEach((point, i)=>{
+        const end = spoke(cx, cy, radius, i, count);
+        const label = spoke(cx, cy, radius + LABEL_GAP, i, count);
+        parts.push(`<line x1="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(cx)}" y1="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(cy)}" x2="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(end.x)}" y2="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(end.y)}" stroke="${theme.grid}"/>`, `<text x="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(label.x)}" y="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(label.y + 4.5)}" font-size="${(/* inlined export .LABEL_FONT */13)}" fill="${theme.inkMuted}" text-anchor="${anchor(label.angle)}">${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_0__.truncate)(point.label))}</text>`);
+    });
+    const coords = data.points.map((point, i)=>spoke(cx, cy, (point.value > 0 ? point.value : 0) / top * radius, i, count));
+    if (coords.length > 1) {
+        const d = coords.map((c, i)=>`${i ? 'L' : 'M'}${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(c.x)},${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(c.y)}`).join('');
+        parts.push(`<path d="${d}Z" fill="${color}" fill-opacity="0.18" stroke="${color}" stroke-width="2" stroke-linejoin="round"/>`);
+    }
+    data.points.forEach((point, i)=>{
+        const { x, y } = coords[i];
+        parts.push(`<circle cx="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(x)}" cy="${(0,_common__WEBPACK_IMPORTED_MODULE_0__.num)(y)}" r="5" fill="${color}" stroke="${theme.surface}" stroke-width="2"><title>${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)(point.label)}: ${(0,_common__WEBPACK_IMPORTED_MODULE_0__.esc)((0,_common__WEBPACK_IMPORTED_MODULE_0__.formatValue)(point.value))}</title></circle>`);
+    });
+    parts.push((0,_common__WEBPACK_IMPORTED_MODULE_0__.svgClose)());
+    return parts.join('');
+}
+
+
+/***/ }),
+
+/***/ 90142:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UIChartEditor: function() { return /* binding */ UIChartEditor; }
+/* harmony export */ });
+/* harmony import */ var _swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82749);
+/* harmony import */ var _swc_helpers_object_spread__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56075);
+/* harmony import */ var _swc_helpers_object_spread_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11886);
+/* harmony import */ var _swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(31635);
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(99131);
+/* harmony import */ var _render__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(75787);
+/* harmony import */ var _render_common__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(36838);
+/* harmony import */ var jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(65478);
+/* harmony import */ var jodit_esm_core_dom_dom__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(2748);
+/* harmony import */ var jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(38837);
+/* harmony import */ var jodit_esm_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(29960);
+/* harmony import */ var jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(67510);
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+class UIChartEditor extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_11__.UIElement {
+    className() {
+        return 'UIChartEditor';
+    }
+    render() {
+        return `<div>
+			<div class="&__preview">
+				<div class="&__colors"></div>
+				<div class="&__canvas"></div>
+			</div>
+			<div class="&__fields"></div>
+			<div class="&__points-header">
+				<span class="&__points-title">~Data points~</span>
+				<span class="&__summary"></span>
+				<span class="&__add"></span>
+			</div>
+			<div class="&__points"></div>
+		</div>`;
+    }
+    syncTransparent() {
+        const transparent = !this.state.background;
+        this.transparentButton.classList.toggle(this.getFullElName('transparent', 'active'), transparent);
+        (0,jodit_esm_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_10__.attr)(this.transparentButton, 'aria-pressed', transparent);
+    }
+    createColorInput(name, onInput) {
+        const input = this.j.c.element('input', {
+            type: 'color',
+            name,
+            title: this.j.i18n(name === 'background' ? 'Background' : 'Text color'),
+            class: this.getFullElName('color-input')
+        });
+        this.j.e.on(input, 'input', ()=>{
+            onInput(input.value);
+            this.refresh();
+        });
+        return input;
+    }
+    colorField(label, input) {
+        return this.j.c.element('label', {
+            class: this.getFullElName('color-field')
+        }, [
+            input,
+            this.j.c.span(this.getFullElName('color-label'), this.j.i18n(label))
+        ]);
+    }
+    /**
+	 * Loads a copy of the data into the form.
+	 */ setData(data) {
+        this.state = (0,_helpers__WEBPACK_IMPORTED_MODULE_4__.cloneChartData)(data);
+        this.typeSelect.value = this.state.type;
+        this.titleInput.value = this.state.title;
+        this.backgroundInput.value = this.state.background || _render_common__WEBPACK_IMPORTED_MODULE_6__.DEFAULT_BACKGROUND;
+        this.textColorInput.value = this.state.textColor || _render_common__WEBPACK_IMPORTED_MODULE_6__.DEFAULT_TEXT_COLOR;
+        this.borderColorInput.value = this.state.borderColor || this.j.o.chart.defaultBorderColor;
+        this.syncTransparent();
+        this.rebuildPoints();
+        this.__render();
+    }
+    /**
+	 * Returns a normalized copy of the edited data.
+	 */ getData() {
+        return (0,_swc_helpers_object_spread_props__WEBPACK_IMPORTED_MODULE_2__._)((0,_swc_helpers_object_spread__WEBPACK_IMPORTED_MODULE_1__._)({}, this.state), {
+            title: this.state.title.trim(),
+            points: this.state.points.map(_helpers__WEBPACK_IMPORTED_MODULE_4__.normalizePoint)
+        });
+    }
+    addPoint() {
+        var _inputs_;
+        const { points } = this.state;
+        points.push({
+            label: this.j.i18n('Item') + ' ' + (points.length + 1),
+            value: 0
+        });
+        this.rebuildPoints();
+        this.refresh();
+        const inputs = this.getElms('point-label');
+        const last = (_inputs_ = inputs[inputs.length - 1]) === null || _inputs_ === void 0 ? void 0 : _inputs_.querySelector('input');
+        last === null || last === void 0 ? void 0 : last.focus();
+    }
+    removePoint(index) {
+        this.state.points.splice(index, 1);
+        this.rebuildPoints();
+        this.refresh();
+    }
+    rebuildPoints() {
+        const list = this.getElm('points');
+        (0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_9__.assert)(list != null, 'points element does not exist');
+        jodit_esm_core_dom_dom__WEBPACK_IMPORTED_MODULE_8__.Dom.detach(list);
+        this.state.points.forEach((point, index)=>{
+            list.appendChild(this.createPointRow(point, index));
+        });
+    }
+    createPointRow(point, index) {
+        const { j } = this;
+        const label = new jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_11__.UIInput(j, {
+            name: 'label',
+            label: 'Label',
+            value: point.label,
+            className: this.getFullElName('point-label'),
+            onChange: (value)=>{
+                point.label = value;
+                this.refresh();
+            }
+        });
+        const value = new jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_11__.UIInput(j, {
+            name: 'value',
+            label: 'Value',
+            type: 'number',
+            value: point.value,
+            className: this.getFullElName('point-value'),
+            onChange: (raw)=>{
+                const parsed = Number(raw);
+                point.value = isFinite(parsed) ? parsed : 0;
+                this.refresh();
+            }
+        });
+        const color = j.c.element('input', {
+            type: 'color',
+            title: j.i18n('Color'),
+            class: this.getFullElName('point-color'),
+            value: (0,_render_common__WEBPACK_IMPORTED_MODULE_6__.pointColor)(point, index, {
+                colors: j.o.chart.colors,
+                fontFamily: ''
+            })
+        });
+        j.e.on(color, 'input', ()=>{
+            point.color = color.value;
+            this.refresh();
+        });
+        const remove = (0,jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_11__.Button)(j, 'bin', '', 'default').setMod('variant', 'remove').onAction(()=>this.removePoint(index));
+        (0,jodit_esm_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_10__.attr)(remove.container, 'title', j.i18n('Remove point'));
+        const grip = j.c.element('span', {
+            class: this.getFullElName('point-grip'),
+            title: j.i18n('Drag to reorder')
+        });
+        const row = j.c.div(this.getFullElName('point'), [
+            grip,
+            label.container,
+            value.container,
+            color,
+            remove.container
+        ]);
+        this.bindDragAndDrop(row, grip, index);
+        return row;
+    }
+    /**
+	 * Native drag and drop of a row. The grip is the draggable element so text
+	 * selection inside the inputs keeps working.
+	 */ bindDragAndDrop(row, grip, index) {
+        const { j } = this;
+        const dropMod = (value)=>{
+            row.classList.toggle(this.getFullElName('point', 'drop', 'before'), value === 'before');
+            row.classList.toggle(this.getFullElName('point', 'drop', 'after'), value === 'after');
+        };
+        const isAfter = (e)=>{
+            const box = row.getBoundingClientRect();
+            return e.clientY > box.top + box.height / 2;
+        };
+        (0,jodit_esm_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_10__.attr)(grip, 'draggable', true);
+        j.e.on(grip, 'dragstart', (e)=>{
+            this.__dragIndex = index;
+            row.classList.add(this.getFullElName('point', 'dragging'));
+            if (e.dataTransfer) {
+                e.dataTransfer.effectAllowed = 'move';
+                e.dataTransfer.setData('text/plain', String(index));
+                e.dataTransfer.setDragImage(row, 10, 10);
+            }
+        }).on(grip, 'dragend', ()=>{
+            this.__dragIndex = -1;
+            row.classList.remove(this.getFullElName('point', 'dragging'));
+            this.getElms('point').forEach((elm)=>{
+                elm.classList.remove(this.getFullElName('point', 'drop', 'before'), this.getFullElName('point', 'drop', 'after'));
+            });
+        });
+        j.e.on(row, 'dragover', (e)=>{
+            if (this.__dragIndex < 0 || this.__dragIndex === index) {
+                return;
+            }
+            e.preventDefault();
+            if (e.dataTransfer) {
+                e.dataTransfer.dropEffect = 'move';
+            }
+            dropMod(isAfter(e) ? 'after' : 'before');
+        }).on(row, 'dragleave', ()=>dropMod(null)).on(row, 'drop', (e)=>{
+            if (this.__dragIndex < 0 || this.__dragIndex === index) {
+                return;
+            }
+            e.preventDefault();
+            this.movePoint(this.__dragIndex, index, isAfter(e));
+            this.__dragIndex = -1;
+        });
+    }
+    /**
+	 * Moves a point before or after another one and rebuilds the list.
+	 */ movePoint(from, to, after) {
+        const { points } = this.state;
+        if (from === to || !points[from] || !points[to]) {
+            return;
+        }
+        const [point] = points.splice(from, 1);
+        let target = from < to ? to - 1 : to;
+        if (after) {
+            target++;
+        }
+        points.splice(target, 0, point);
+        this.rebuildPoints();
+        this.refresh();
+    }
+    refresh() {
+        this.__render();
+    }
+    __render() {
+        const { chart } = this.j.o;
+        const preview = this.getElm('canvas');
+        const summary = this.getElm('summary');
+        if (preview) {
+            preview.innerHTML = (0,_render__WEBPACK_IMPORTED_MODULE_5__.renderChart)(this.state, {
+                colors: chart.colors,
+                fontFamily: chart.fontFamily
+            });
+        }
+        if (summary) {
+            const total = this.state.points.reduce((sum, p)=>sum + p.value, 0);
+            summary.textContent = this.state.points.length + ' ' + this.j.i18n('points') + ' · ' + this.j.i18n('Total') + ': ' + (0,_render_common__WEBPACK_IMPORTED_MODULE_6__.formatValue)(total);
+        }
+    }
+    constructor(jodit){
+        super(jodit), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "state", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "typeSelect", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "titleInput", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "addButton", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "backgroundInput", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "textColorInput", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "borderColorInput", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "transparentButton", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__dragIndex", -1);
+        this.typeSelect = new jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_11__.UISelect(jodit, {
+            name: 'type',
+            label: 'Chart type',
+            options: jodit.o.chart.types.map((type)=>({
+                    value: type,
+                    text: jodit.i18n(_helpers__WEBPACK_IMPORTED_MODULE_4__.CHART_TYPE_TITLES[type])
+                })),
+            onChange: (value)=>{
+                this.state.type = value;
+                this.refresh();
+            }
+        });
+        this.titleInput = new jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_11__.UIInput(jodit, {
+            name: 'title',
+            label: 'Chart title',
+            placeholder: 'Optional',
+            onChange: (value)=>{
+                this.state.title = value;
+                this.refresh();
+            }
+        });
+        this.addButton = (0,jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_11__.Button)(jodit, 'plus', 'Add point').onAction(this.addPoint.bind(this));
+        const fields = this.getElm('fields');
+        (0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_9__.assert)(fields != null, 'fields element does not exist');
+        fields.appendChild(this.typeSelect.container);
+        fields.appendChild(this.titleInput.container);
+        const add = this.getElm('add');
+        (0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_9__.assert)(add != null, 'add element does not exist');
+        add.appendChild(this.addButton.container);
+        this.backgroundInput = this.createColorInput('background', (value)=>{
+            this.state.background = value;
+            this.syncTransparent();
+        });
+        this.textColorInput = this.createColorInput('textColor', (value)=>{
+            this.state.textColor = value;
+        });
+        this.borderColorInput = this.createColorInput('borderColor', (value)=>{
+            this.state.borderColor = value;
+        });
+        this.transparentButton = jodit.c.element('button', {
+            type: 'button',
+            name: 'transparent',
+            class: this.getFullElName('transparent')
+        });
+        jodit.e.on(this.transparentButton, 'click', ()=>{
+            this.state.background = this.state.background ? '' : this.backgroundInput.value;
+            this.syncTransparent();
+            this.refresh();
+        });
+        const colors = this.getElm('colors');
+        (0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_9__.assert)(colors != null, 'colors element does not exist');
+        const { chart } = jodit.o;
+        if (chart.allowChangeBackground) {
+            colors.appendChild(this.colorField('Background', this.backgroundInput));
+        }
+        if (chart.allowChangeTextColor) {
+            colors.appendChild(this.colorField('Text', this.textColorInput));
+        }
+        if (chart.allowChangeBorderColor) {
+            colors.appendChild(this.colorField('Border', this.borderColorInput));
+        }
+        if (chart.allowChangeBackground) {
+            colors.appendChild(this.colorField('Transparent', this.transparentButton));
+        }
+        if (!colors.childNodes.length) {
+            jodit_esm_core_dom_dom__WEBPACK_IMPORTED_MODULE_8__.Dom.safeRemove(colors);
+        }
+    }
+}
+;(0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_3__.__decorate)([
+    (0,jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_7__.debounce)(50)
+], UIChartEditor.prototype, "refresh", null);
+UIChartEditor = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_3__.__decorate)([
+    jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_7__.component
+], UIChartEditor);
+
+
+/***/ }),
+
+/***/ 11886:
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   _: function() { return /* binding */ _object_spread_props; }
+/* harmony export */ });
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+
+
+
+/***/ })
+
+},
+/******/ function(__webpack_require__) { // webpackRuntimeModules
+/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(moduleId); }
+/******/ var __webpack_exports__ = (__webpack_exec__(57722));
+/******/ return __webpack_exports__;
+/******/ }
+]);
+});