@techie_doubts/editor-plugin-chart 3.1.0 → 3.1.1

package/dist/td-editor-plugin-chart.js

@@ -1,6 +1,6 @@
 /*!
  * TOAST UI Editor : Chart Plugin
- * @version 3.1.0 | Sat Feb 28 2026
+ * @version 3.1.1 | Sun Mar 01 2026
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */
@@ -6458,6 +6458,7 @@ var chart = {
     pie: (tui_chart_2026_root_toastui_Chart_default()).pieChart,
 };
 var chartMap = {};
+var chartRenderVersionMap = {};
 var effectiveDarkMode = null;
 var chartStyleInjected = false;
 var DARK_CHART_THEME = {
@@ -7044,13 +7045,36 @@ function destroyChart() {
         if (!container) {
             chartMap[id].destroy();
             delete chartMap[id];
+            delete chartRenderVersionMap[id];
         }
     });
 }
+function clearChartById(id, chartContainer) {
+    var existed = chartMap[id];
+    if (existed) {
+        existed.destroy();
+        delete chartMap[id];
+    }
+    if (chartContainer) {
+        chartContainer.innerHTML = '';
+    }
+}
 function doRenderChart(id, text, usageStatistics, pluginOptions, chartContainer) {
+    var renderVersion = (chartRenderVersionMap[id] || 0) + 1;
+    chartRenderVersionMap[id] = renderVersion;
     chartContainer.setAttribute('data-chart-text', encodeURIComponent(text));
+    clearChartById(id, chartContainer);
     try {
         parse(text, function (parsedInfo) {
+            if (chartRenderVersionMap[id] !== renderVersion) {
+                return;
+            }
+            if (!chartContainer.isConnected) {
+                return;
+            }
+            if (chartContainer.getAttribute('data-chart-id') !== id) {
+                return;
+            }
             var _a = parsedInfo || {}, data = _a.data, options = _a.options;
             var chartOptions = setDefaultOptions(options, pluginOptions, chartContainer, data);
             var chartType = chartOptions.editorChart.type;
@@ -7062,9 +7086,11 @@ function doRenderChart(id, text, usageStatistics, pluginOptions, chartContainer)
                 (CATEGORY_CHART_TYPES.indexOf(chartType) > -1 &&
                     data.categories.length !== data.series[0].data.length)) {
                 chartContainer.innerHTML = 'invalid chart data';
+                delete chartMap[id];
             }
             else if (SUPPORTED_CHART_TYPES.indexOf(chartType) < 0) {
                 chartContainer.innerHTML = "invalid chart type. type: bar, column, line, area, pie";
+                delete chartMap[id];
             }
             else {
                 var toastuiChart = chart[chartType];
@@ -7076,6 +7102,7 @@ function doRenderChart(id, text, usageStatistics, pluginOptions, chartContainer)
     }
     catch (e) {
         chartContainer.innerHTML = 'invalid chart data';
+        delete chartMap[id];
     }
 }
 function renderChart(id, text, usageStatistics, pluginOptions, retryCount) {
@@ -7102,6 +7129,7 @@ function reRenderAllCharts(usageStatistics, pluginOptions, forceDark) {
             chartMap[id].destroy();
             delete chartMap[id];
         }
+        delete chartRenderVersionMap[id];
         container.innerHTML = '';
         var text = decodeURIComponent(container.getAttribute('data-chart-text'));
         doRenderChart(id, text, usageStatistics, pluginOptions, container);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techie_doubts/editor-plugin-chart",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "TOAST UI Editor : Chart Plugin",
   "keywords": [
     "nhn",