pace-chart-lib 1.0.62 → 1.0.64

package/dist/pace-chart-lib.umd.js

@@ -16198,7 +16198,7 @@
     chartTypes.Speedometer,
     chartTypes.RadialBarChart
   ];
-  function drawLegends(height, svg, maxLegendDimensions, chartTitleHeight, width, legendMargin, formatOptions, seriesData, chartId, dataTableHeight, margin, legendShape, chartType) {
+  function drawLegends(height, svg, maxLegendDimensions, chartTitleHeight, width, legendMargin, formatOptions, seriesData, chartId, dataTableHeight, margin, legendShape, chartType, addLocalFilterFromLib) {
     try {
       let position = formatOptions.legends.legendPosition;
       let horizontalLegendAlignment = formatOptions.legends.legendAlignmentTopBottom;
@@ -16220,7 +16220,9 @@
               verticalLegendAlignment,
               legendShape,
               formatOptions,
-              chartId
+              chartId,
+              false,
+              addLocalFilterFromLib
             );
             break;
           case staticLegendPosition.top:
@@ -16235,7 +16237,9 @@
               horizontalLegendAlignment,
               legendShape,
               formatOptions,
-              chartId
+              chartId,
+              false,
+              addLocalFilterFromLib
             );
             break;
           case staticLegendPosition.left:
@@ -16252,7 +16256,9 @@
               verticalLegendAlignment,
               legendShape,
               formatOptions,
-              chartId
+              chartId,
+              false,
+              addLocalFilterFromLib
             );
             break;
           case staticLegendPosition.bottom:
@@ -16267,7 +16273,9 @@
               horizontalLegendAlignment,
               legendShape,
               formatOptions,
-              chartId
+              chartId,
+              false,
+              addLocalFilterFromLib
             );
             break;
         }
@@ -16792,7 +16800,7 @@
       logError$2(fileName$b, "findStringWithLongestLength", error);
     }
   };
-  const legendsWithScroll = (svg, seriesData, x2, y2, width, height, legendPosition, alignment, legendShape, chartFormatOptions, chartId, isVennChart = false) => {
+  const legendsWithScroll = (svg, seriesData, x2, y2, width, height, legendPosition, alignment, legendShape, chartFormatOptions, chartId, isVennChart = false, addLocalFilterFromLib) => {
     try {
       if (chartFormatOptions.legends.legendVisibility) {
         let justifyContent = "";
@@ -16815,7 +16823,9 @@
         if (legendPosition == staticLegendPosition.top || legendPosition == staticLegendPosition.bottom)
           div.style("flex-direction", "row");
         seriesData.forEach((d, i) => {
-          let innerdiv = div.append("div").style("display", "inline-flex").style("justify-content", "flex-start").style("align-items", "center").style("width", "fit-content").style("margin", "3px 0px").style("flex-wrap", "nowrap").style("white-space", "nowrap").on("mousemove", function() {
+          let innerdiv = div.append("div").style("display", "inline-flex").style("justify-content", "flex-start").style("align-items", "center").style("width", "fit-content").style("margin", "3px 0px").style("flex-wrap", "nowrap").style("white-space", "nowrap").on("dblclick", function() {
+            addLocalFilterFromLib(d?.properties);
+          }).on("mousemove", function() {
             if (chartFormatOptions.legends.onHoverEffect) {
               const hoverId = this.textContent.replace(/\s+/g, "-");
               svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
@@ -17083,7 +17093,7 @@
       logError$2(fileName$b, "marginCalculationsForChartsWithoutAxis", error);
     }
   };
-  const initLegendListWithTotalValueAllowance = (chartFormatOptions, svg, seriesData, width, height, legendListWidth, chartTitleHeight, chartId, margins, staticLegendShape2, shouldAllowTotalValueMargin = true) => {
+  const initLegendListWithTotalValueAllowance = (chartFormatOptions, svg, seriesData, width, height, legendListWidth, chartTitleHeight, chartId, margins, staticLegendShape2, shouldAllowTotalValueMargin = true, addLocalFilterFromLib) => {
     try {
       let position = chartFormatOptions.legends.legendPosition;
       let totalPosition = chartFormatOptions.total.totalPosition;
@@ -17106,7 +17116,9 @@
             verticalLegendAlignment,
             staticLegendShape2,
             chartFormatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
         case staticLegendPosition.top:
@@ -17121,7 +17133,9 @@
             horizontalLegendAlignment,
             staticLegendShape2,
             chartFormatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
         case staticLegendPosition.left:
@@ -17136,7 +17150,9 @@
             verticalLegendAlignment,
             staticLegendShape2,
             chartFormatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
         case staticLegendPosition.bottom:
@@ -17151,7 +17167,9 @@
             horizontalLegendAlignment,
             staticLegendShape2,
             chartFormatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
       }
@@ -17385,7 +17403,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -17601,7 +17620,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -17957,7 +17978,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -18185,8 +18207,9 @@
         chartId,
         dataTableHeight,
         margin,
-        null
-        // legendShape.rectangle
+        null,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -19100,7 +19123,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -19303,7 +19327,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -19654,7 +19680,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -19856,7 +19883,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -20390,7 +20419,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -20591,7 +20621,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -22226,7 +22258,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -22444,7 +22477,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.line
+        staticLegendShape.line,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -22799,7 +22834,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -23002,7 +23038,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.line
+        staticLegendShape.line,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -23384,7 +23422,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -23578,7 +23617,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.line
+        staticLegendShape.line,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -23912,7 +23953,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -24114,7 +24156,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -24462,7 +24506,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -24636,7 +24681,9 @@
         chartId,
         0,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -25184,7 +25231,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -25357,7 +25405,9 @@
         chartId,
         0,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -25662,7 +25712,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -25834,7 +25885,9 @@
         chartId,
         0,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -26876,7 +26929,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -27092,7 +27146,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.areaWithLine
+        staticLegendShape.areaWithLine,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -27466,7 +27522,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -27669,7 +27726,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.areaWithLine
+        staticLegendShape.areaWithLine,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -28066,7 +28125,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -28259,7 +28319,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.areaWithLine
+        staticLegendShape.areaWithLine,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -28723,7 +28785,7 @@
     }
   };
   const fileName$8 = "PieChart.tsx";
-  const PieChart = ({ data, formatOptions, chartId, isReportEditable, onDataLabelCoordinatesChange }) => {
+  const PieChart = ({ data, formatOptions, chartId, isReportEditable, onDataLabelCoordinatesChange, addLocalFilterFromLib }) => {
     const svgRef = require$$0$1.useRef();
     const seriesData = generalizedChartData(data.ChartData);
     let chartFormatOptions;
@@ -28775,7 +28837,9 @@
         chartTitleHeight,
         chartId,
         margins,
-        staticLegendShape.circle
+        staticLegendShape.circle,
+        void 0,
+        addLocalFilterFromLib
       );
       initPieChartData();
       drawPieChart();
@@ -29153,7 +29217,8 @@
     formatOptions,
     chartId,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const svgRef = require$$0$1.useRef();
     const seriesData = generalizedChartData(data.ChartData);
@@ -29208,7 +29273,8 @@
         chartId,
         margins,
         staticLegendShape.hollowCircle,
-        false
+        false,
+        addLocalFilterFromLib
       );
       initPieChartData();
       drawDonutChart();
@@ -30319,7 +30385,8 @@
     data,
     formatOptions,
     chartId,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const svgRef = require$$0$1.useRef();
     let seriesData = generalizedChartData(data.ChartData);
@@ -30373,7 +30440,8 @@
         chartId,
         margins,
         staticLegendShape.rectangle,
-        false
+        false,
+        addLocalFilterFromLib
       );
       initPyramidData();
       drawPyramidChart();
@@ -30707,7 +30775,8 @@
   const ProgressChart = ({
     data: { ChartData },
     formatOptions,
-    chartId
+    chartId,
+    addLocalFilterFromLib
   }) => {
     const svgRef = require$$0$1.useRef();
     let seriesData = generalizedChartData(ChartData);
@@ -30760,7 +30829,9 @@
         chartTitleHeight,
         chartId,
         margins,
-        staticLegendShape.hollowCircle
+        staticLegendShape.hollowCircle,
+        true,
+        addLocalFilterFromLib
       );
       initProgressChartData();
       drawProgressChart();
@@ -31487,7 +31558,8 @@
   const RadialBarChart = ({
     data: { ChartData },
     formatOptions,
-    chartId
+    chartId,
+    addLocalFilterFromLib
   }) => {
     const svgRef = require$$0$1.useRef();
     const seriesData = generalizedChartData(ChartData);
@@ -31536,7 +31608,9 @@
         chartTitleHeight,
         chartId,
         margins,
-        staticLegendShape.hollowCircle
+        staticLegendShape.hollowCircle,
+        false,
+        addLocalFilterFromLib
       );
       initRadialBarChart();
     };
@@ -54686,7 +54760,8 @@
   const BubbleChart = ({
     data,
     formatOptions,
-    chartId
+    chartId,
+    addLocalFilterFromLib
   }) => {
     let legendEntries = data.LegendList;
     const svgRef = require$$0$1.useRef();
@@ -55100,7 +55175,9 @@
           chartTitleHeight,
           chartId,
           margins,
-          staticLegendShape.circle
+          staticLegendShape.circle,
+          false,
+          addLocalFilterFromLib
         );
       } catch (e) {
         logError$2("BubbleChart", "initLegendList", e);
@@ -57121,7 +57198,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -57292,7 +57370,9 @@
         chartId,
         0,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -58046,9 +58126,14 @@
     if (displayUnits === "Billions") return (value2 / 1e9).toFixed(precision) + "B";
     return value2.toFixed(precision);
   }
-  function mapFormatOptionsToChartJS(formatOptions, chartType, hasSecondaryAxis = false) {
+  function findLegendFromAlias(legendList, alias) {
+    return legendList.find((d) => d.alias == alias);
+  }
+  function mapFormatOptionsToChartJS(formatOptions, chartType, hasSecondaryAxis = false, addLocalFilterFromLib, legendList) {
     const isCircular = chartType === "pie" || chartType === "doughnut" || chartType === "polarArea";
     const isHorizontal = chartType === "horizontalBar";
+    let lastClickTime = 0;
+    const DOUBLE_CLICK_DELAY = 300;
     const gridColor = formatOptions.plotArea?.gridLinesColor ?? "#e0e0e0";
     const legendLabelColor = formatOptions.legends?.legendFontColor ?? "#333333";
     const opts = {
@@ -58073,6 +58158,21 @@
             usePointStyle: false,
             boxWidth: 12,
             padding: 16
+          },
+          onClick: function(e, legendItem, legend) {
+            if (addLocalFilterFromLib) {
+              const currentTime = (/* @__PURE__ */ new Date()).getTime();
+              const timeDiff = currentTime - lastClickTime;
+              if (timeDiff < DOUBLE_CLICK_DELAY) {
+                const actualLegend = findLegendFromAlias(legendList, legendItem.text);
+                if (actualLegend) {
+                  addLocalFilterFromLib(actualLegend);
+                }
+                lastClickTime = 0;
+              } else {
+                lastClickTime = currentTime;
+              }
+            }
           }
         },
         // ---- Tooltip ----
@@ -73474,9 +73574,14 @@ ${formattedValue}` : formattedValue;
     clientWidth = 0,
     clientHeight = 0,
     isChartStacked,
-    colorBank
+    colorBank,
     //= CJS_DEFAULT_COLORS,
+    addLocalFilterFromLib
   }) => {
+    const legendList = require$$0$1.useMemo(
+      () => data.ChartData?.map((s2) => s2.properties),
+      [data]
+    );
     const hasSecondaryAxis = require$$0$1.useMemo(
       () => data.ChartData?.some((s2) => s2.Axis === "Secondary" || s2.properties?.axis === "Secondary"),
       [data]
@@ -73486,7 +73591,7 @@ ${formattedValue}` : formattedValue;
       [data, formatOptions, colorBank]
     );
     const chartOptions = require$$0$1.useMemo(() => {
-      const opts = mapFormatOptionsToChartJS(formatOptions, "bar", hasSecondaryAxis);
+      const opts = mapFormatOptionsToChartJS(formatOptions, "bar", hasSecondaryAxis, addLocalFilterFromLib, legendList);
       if (isChartStacked) {
         opts.scales ??= {};
         opts.scales.x ??= {};
@@ -73515,8 +73620,13 @@ ${formattedValue}` : formattedValue;
     clientWidth = 0,
     clientHeight = 0,
     isChartStacked,
-    colorBank = CJS_DEFAULT_COLORS
+    colorBank = CJS_DEFAULT_COLORS,
+    addLocalFilterFromLib
   }) => {
+    const legendList = require$$0$1.useMemo(
+      () => data.ChartData?.map((s2) => s2.properties),
+      [data]
+    );
     const hasSecondaryAxis = require$$0$1.useMemo(
       () => data.ChartData?.some((s2) => s2.Axis === "Secondary" || s2.properties?.axis === "Secondary"),
       [data]
@@ -73526,7 +73636,7 @@ ${formattedValue}` : formattedValue;
       [data, formatOptions, colorBank]
     );
     const chartOptions = require$$0$1.useMemo(() => {
-      const opts = mapFormatOptionsToChartJS(formatOptions, "horizontalBar", hasSecondaryAxis);
+      const opts = mapFormatOptionsToChartJS(formatOptions, "horizontalBar", hasSecondaryAxis, addLocalFilterFromLib, legendList);
       opts.indexAxis = "y";
       if (isChartStacked) {
         opts.scales ??= {};
@@ -73556,8 +73666,13 @@ ${formattedValue}` : formattedValue;
     clientWidth = 0,
     clientHeight = 0,
     isChartStacked,
-    colorBank = CJS_DEFAULT_COLORS
+    colorBank = CJS_DEFAULT_COLORS,
+    addLocalFilterFromLib
   }) => {
+    const legendList = require$$0$1.useMemo(
+      () => data.ChartData?.map((s2) => s2.properties),
+      [data]
+    );
     const hasSecondaryAxis = require$$0$1.useMemo(
       () => data.ChartData?.some((s2) => s2.Axis === "Secondary" || s2.properties?.axis === "Secondary"),
       [data]
@@ -73567,7 +73682,7 @@ ${formattedValue}` : formattedValue;
       [data, formatOptions, colorBank]
     );
     const chartOptions = require$$0$1.useMemo(() => {
-      const opts = mapFormatOptionsToChartJS(formatOptions, "line", hasSecondaryAxis);
+      const opts = mapFormatOptionsToChartJS(formatOptions, "line", hasSecondaryAxis, addLocalFilterFromLib, legendList);
       if (isChartStacked) {
         opts.scales ??= {};
         opts.scales.y ??= {};
@@ -73594,8 +73709,13 @@ ${formattedValue}` : formattedValue;
     clientWidth = 0,
     clientHeight = 0,
     isChartStacked,
-    colorBank = CJS_DEFAULT_COLORS
+    colorBank,
+    addLocalFilterFromLib
   }) => {
+    const legendList = require$$0$1.useMemo(
+      () => data.ChartData?.map((s2) => s2.properties),
+      [data]
+    );
     const hasSecondaryAxis = require$$0$1.useMemo(
       () => data.ChartData?.some((s2) => s2.Axis === "Secondary" || s2.properties?.axis === "Secondary"),
       [data]
@@ -73605,7 +73725,7 @@ ${formattedValue}` : formattedValue;
       [data, formatOptions, colorBank]
     );
     const chartOptions = require$$0$1.useMemo(() => {
-      const opts = mapFormatOptionsToChartJS(formatOptions, "area", hasSecondaryAxis);
+      const opts = mapFormatOptionsToChartJS(formatOptions, "area", hasSecondaryAxis, addLocalFilterFromLib, legendList);
       if (isChartStacked) {
         opts.scales ??= {};
         opts.scales.y ??= {};
@@ -73631,14 +73751,19 @@ ${formattedValue}` : formattedValue;
     formatOptions,
     clientWidth,
     clientHeight,
-    colorBank
+    colorBank,
+    addLocalFilterFromLib
   }) => {
+    const legendList = require$$0$1.useMemo(
+      () => data.LegendList ?? [],
+      [data]
+    );
     const chartData = require$$0$1.useMemo(
       () => transformToChartJSData(data, "pie", formatOptions, colorBank),
       [data, formatOptions, colorBank]
     );
     const chartOptions = require$$0$1.useMemo(
-      () => mapFormatOptionsToChartJS(formatOptions, "pie", false),
+      () => mapFormatOptionsToChartJS(formatOptions, "pie", false, addLocalFilterFromLib, legendList),
       [formatOptions]
     );
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -73658,14 +73783,19 @@ ${formattedValue}` : formattedValue;
     formatOptions,
     clientWidth,
     clientHeight,
-    colorBank = CJS_DEFAULT_COLORS
+    colorBank = CJS_DEFAULT_COLORS,
+    addLocalFilterFromLib
   }) => {
+    const legendList = require$$0$1.useMemo(
+      () => data.LegendList ?? [],
+      [data]
+    );
     const chartData = require$$0$1.useMemo(
       () => transformToChartJSData(data, "doughnut", formatOptions, colorBank),
       [data, formatOptions, colorBank]
     );
     const chartOptions = require$$0$1.useMemo(() => {
-      const base = mapFormatOptionsToChartJS(formatOptions, "doughnut", false);
+      const base = mapFormatOptionsToChartJS(formatOptions, "doughnut", false, addLocalFilterFromLib, legendList);
       const rawInner = formatOptions.plotArea?.innerRadius;
       if (rawInner !== void 0 && rawInner !== null) {
         base.cutout = `${rawInner}%`;
@@ -73716,14 +73846,19 @@ ${formattedValue}` : formattedValue;
     formatOptions,
     clientWidth,
     clientHeight,
-    colorBank = CJS_DEFAULT_COLORS
+    colorBank = CJS_DEFAULT_COLORS,
+    addLocalFilterFromLib
   }) => {
+    const legendList = require$$0$1.useMemo(
+      () => data.ChartData?.map((s2) => s2.properties),
+      [data]
+    );
     const chartData = require$$0$1.useMemo(
       () => transformToChartJSData(data, "bubble", formatOptions, colorBank),
       [data, formatOptions, colorBank]
     );
     const chartOptions = require$$0$1.useMemo(
-      () => mapFormatOptionsToChartJS(formatOptions, "bubble", false),
+      () => mapFormatOptionsToChartJS(formatOptions, "bubble", false, addLocalFilterFromLib, legendList),
       [formatOptions]
     );
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -73791,15 +73926,20 @@ ${formattedValue}` : formattedValue;
     formatOptions,
     clientWidth,
     clientHeight,
-    colorBank = CJS_DEFAULT_COLORS
+    colorBank = CJS_DEFAULT_COLORS,
+    addLocalFilterFromLib
   }) => {
+    const legendList = require$$0$1.useMemo(
+      () => data.LegendList ?? [],
+      [data]
+    );
     const chartData = require$$0$1.useMemo(
       // Reuse the circular builder (same shape as pie)
       () => transformToChartJSData(data, "polarArea", formatOptions, colorBank),
       [data, formatOptions, colorBank]
     );
     const chartOptions = require$$0$1.useMemo(() => {
-      const opts = mapFormatOptionsToChartJS(formatOptions, "polarArea", false);
+      const opts = mapFormatOptionsToChartJS(formatOptions, "polarArea", false, addLocalFilterFromLib, legendList);
       delete opts.scales;
       const xAxisFontStyle = formatOptions.xAxisLabel?.xAxisLabelFontStyle;
       const isItalic = Array.isArray(xAxisFontStyle) ? xAxisFontStyle.includes("Italic") || xAxisFontStyle.includes("italic") : false;
@@ -73840,8 +73980,13 @@ ${formattedValue}` : formattedValue;
     formatOptions,
     clientWidth = 0,
     clientHeight = 0,
-    colorBank = CJS_DEFAULT_COLORS
+    colorBank = CJS_DEFAULT_COLORS,
+    addLocalFilterFromLib
   }) => {
+    const legendList = require$$0$1.useMemo(
+      () => data.ChartData?.map((s2) => s2.properties),
+      [data]
+    );
     const chartData = require$$0$1.useMemo(
       () => transformToNormalizedChartJSData(data, "bar", formatOptions, colorBank),
       [data, formatOptions, colorBank]
@@ -73851,7 +73996,7 @@ ${formattedValue}` : formattedValue;
       [chartData]
     );
     const chartOptions = require$$0$1.useMemo(() => {
-      const opts = mapFormatOptionsToChartJS(formatOptions, "bar", false);
+      const opts = mapFormatOptionsToChartJS(formatOptions, "bar", false, addLocalFilterFromLib, legendList);
       opts.scales ??= {};
       opts.scales.x ??= {};
       opts.scales.y ??= {};
@@ -73882,8 +74027,13 @@ ${formattedValue}` : formattedValue;
     formatOptions,
     clientWidth = 0,
     clientHeight = 0,
-    colorBank = CJS_DEFAULT_COLORS
+    colorBank = CJS_DEFAULT_COLORS,
+    addLocalFilterFromLib
   }) => {
+    const legendList = require$$0$1.useMemo(
+      () => data.ChartData?.map((s2) => s2.properties),
+      [data]
+    );
     const chartData = require$$0$1.useMemo(
       () => transformToNormalizedChartJSData(data, "horizontalBar", formatOptions, colorBank),
       [data, formatOptions, colorBank]
@@ -73893,7 +74043,7 @@ ${formattedValue}` : formattedValue;
       [chartData]
     );
     const chartOptions = require$$0$1.useMemo(() => {
-      const opts = mapFormatOptionsToChartJS(formatOptions, "horizontalBar", false);
+      const opts = mapFormatOptionsToChartJS(formatOptions, "horizontalBar", false, addLocalFilterFromLib, legendList);
       opts.indexAxis = "y";
       opts.scales ??= {};
       opts.scales.x ??= {};
@@ -73925,8 +74075,13 @@ ${formattedValue}` : formattedValue;
     formatOptions,
     clientWidth = 0,
     clientHeight = 0,
-    colorBank = CJS_DEFAULT_COLORS
+    colorBank = CJS_DEFAULT_COLORS,
+    addLocalFilterFromLib
   }) => {
+    const legendList = require$$0$1.useMemo(
+      () => data.ChartData?.map((s2) => s2.properties),
+      [data]
+    );
     const chartData = require$$0$1.useMemo(
       () => transformToNormalizedChartJSData(data, "line", formatOptions, colorBank),
       [data, formatOptions, colorBank]
@@ -73936,7 +74091,7 @@ ${formattedValue}` : formattedValue;
       [chartData]
     );
     const chartOptions = require$$0$1.useMemo(() => {
-      const opts = mapFormatOptionsToChartJS(formatOptions, "line", false);
+      const opts = mapFormatOptionsToChartJS(formatOptions, "line", false, addLocalFilterFromLib, legendList);
       opts.scales ??= {};
       opts.scales.y ??= {};
       opts.scales.y.stacked = true;
@@ -73965,8 +74120,13 @@ ${formattedValue}` : formattedValue;
     formatOptions,
     clientWidth = 0,
     clientHeight = 0,
-    colorBank = CJS_DEFAULT_COLORS
+    colorBank = CJS_DEFAULT_COLORS,
+    addLocalFilterFromLib
   }) => {
+    const legendList = require$$0$1.useMemo(
+      () => data.ChartData?.map((s2) => s2.properties),
+      [data]
+    );
     const chartData = require$$0$1.useMemo(
       () => transformToNormalizedChartJSData(data, "area", formatOptions, colorBank),
       [data, formatOptions, colorBank]
@@ -73976,7 +74136,7 @@ ${formattedValue}` : formattedValue;
       [chartData]
     );
     const chartOptions = require$$0$1.useMemo(() => {
-      const opts = mapFormatOptionsToChartJS(formatOptions, "area", false);
+      const opts = mapFormatOptionsToChartJS(formatOptions, "area", false, addLocalFilterFromLib, legendList);
       opts.scales ??= {};
       opts.scales.y ??= {};
       opts.scales.y.stacked = true;