@sproutsocial/seeds-react-data-viz 0.27.3 → 0.28.0

package/dist/{chunk-5TWNMPQU.js → chunk-V5EXL244.js}

@@ -10,7 +10,7 @@
 
 
 
-var _chunk34OKRQETjs = require('./chunk-34OKRQET.js');
+var _chunkXH7ZKGHDjs = require('./chunk-XH7ZKGHD.js');
 
 // src/charts/shared/baseChartOptions.ts
 function buildBaseChartOptions({
@@ -46,6 +46,16 @@ function buildBaseChartOptions({
   };
 }
 
+// src/charts/shared/pointerClick.ts
+function deriveClickCoords(event) {
+  const isClickEvent = event.type === "click";
+  if (!isClickEvent && event.target) {
+    const rect = event.target.getBoundingClientRect();
+    return { pageX: rect.x, pageY: rect.y };
+  }
+  return { pageX: _nullishCoalesce(event.pageX, () => ( 0)), pageY: _nullishCoalesce(event.pageY, () => ( 0)) };
+}
+
 // src/charts/wordcloud/adapter.ts
 var DEFAULT_OPACITY_RANGE = [0.6, 1];
 var WORD_CLOUD_MIN_FONT_SIZE = 13;
@@ -186,18 +196,15 @@ function transformWordCloudDataToPoints(data, groups, opacityRange, maxWordCount
   });
 }
 function transformWordCloudClickData(event) {
-  const base = {
+  return {
     name: event.point.name,
+    // `weight` is optional on the event type only to keep it comparable with
+    // Highcharts' `Point` (see `TypeSeedsChartWordCloudClickEvent`); always set.
     weight: _nullishCoalesce(_optionalChain([event, 'access', _ => _.point, 'access', _2 => _2.custom, 'optionalAccess', _3 => _3.rawWeight]), () => ( event.point.weight)),
     groupId: _optionalChain([event, 'access', _4 => _4.point, 'access', _5 => _5.custom, 'optionalAccess', _6 => _6.groupId]),
-    pointIndex: event.point.index
+    pointIndex: event.point.index,
+    ...deriveClickCoords(event)
   };
-  const isClickEvent = event.type === "click";
-  if (!isClickEvent && event.target) {
-    const rect = event.target.getBoundingClientRect();
-    return { ...base, pageX: rect.x, pageY: rect.y };
-  }
-  return { ...base, pageX: _nullishCoalesce(event.pageX, () => ( 0)), pageY: _nullishCoalesce(event.pageY, () => ( 0)) };
 }
 function buildWordCloudOptions(props, containerWidth, hasActiveNames = false) {
   const opacityRange = _nullishCoalesce(props.opacityRange, () => ( DEFAULT_OPACITY_RANGE));
@@ -220,7 +227,7 @@ function buildWordCloudOptions(props, containerWidth, hasActiveNames = false) {
     chart: {
       ...base.chart,
       type: "wordcloud",
-      height: _nullishCoalesce(props.height, () => ( _chunk34OKRQETjs.WORD_CLOUD_CHART_HEIGHT))
+      height: _nullishCoalesce(props.height, () => ( _chunkXH7ZKGHDjs.WORD_CLOUD_CHART_HEIGHT))
     },
     // `ChartRenderer`'s default-tooltip routing only recognizes "pie" and
     // "packedbubble" as single-point (non-cartesian) series types
@@ -289,10 +296,10 @@ function buildWordCloudOptions(props, containerWidth, hasActiveNames = false) {
             } : void 0,
             mouseOver: props.onWordHover ? (event) => {
               const point = event.target;
-              if (!point) return;
+              if (!_optionalChain([point, 'optionalAccess', _9 => _9.name])) return;
               props.onWordHover({
                 name: point.name,
-                groupId: _optionalChain([point, 'access', _9 => _9.custom, 'optionalAccess', _10 => _10.groupId])
+                groupId: _optionalChain([point, 'access', _10 => _10.custom, 'optionalAccess', _11 => _11.groupId])
               });
             } : void 0,
             mouseOut: props.onWordHover ? () => {
@@ -379,20 +386,22 @@ var ChartAnnotationMarkerPortal = _react.memo.call(void 0,
       existingAnnotationContainers.forEach(
         (annotation) => annotation.setAttribute(MARKER_ATTR, "false")
       );
-      annotationContext.labels.forEach((label) => {
-        const labelElement = _optionalChain([label, 'access', _11 => _11.graphic, 'optionalAccess', _12 => _12.div]);
-        if (!labelElement) return;
-        let annotationDiv = labelElement.querySelector(
-          `div[${MARKER_ATTR}]`
-        );
-        if (!annotationDiv) {
-          annotationDiv = document.createElement("div");
-          labelElement.appendChild(annotationDiv);
+      annotationContext.labels.forEach(
+        (label) => {
+          const labelElement = _optionalChain([label, 'access', _12 => _12.graphic, 'optionalAccess', _13 => _13.div]);
+          if (!labelElement) return;
+          let annotationDiv = labelElement.querySelector(
+            `div[${MARKER_ATTR}]`
+          );
+          if (!annotationDiv) {
+            annotationDiv = document.createElement("div");
+            labelElement.appendChild(annotationDiv);
+          }
+          annotationDiv.setAttribute(MARKER_ATTR, "true");
+          const xValue = _optionalChain([label, 'access', _14 => _14.options, 'optionalAccess', _15 => _15.point, 'optionalAccess', _16 => _16.x]);
+          newContainers[xValue] = annotationDiv;
         }
-        annotationDiv.setAttribute(MARKER_ATTR, "true");
-        const xValue = _optionalChain([label, 'access', _13 => _13.options, 'optionalAccess', _14 => _14.point, 'optionalAccess', _15 => _15.x]);
-        newContainers[xValue] = annotationDiv;
-      });
+      );
       annotationContainers.current = newContainers;
       forceRender();
       requestAnimationFrame(() => {
@@ -457,9 +466,9 @@ var getDatePartsInTimezone = (date, timezone) => {
   });
   const parts = formatter.formatToParts(date);
   return {
-    day: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _16 => _16.find, 'call', _17 => _17((p) => p.type === "day"), 'optionalAccess', _18 => _18.value]), () => ( "0")), 10),
-    month: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _19 => _19.find, 'call', _20 => _20((p) => p.type === "month"), 'optionalAccess', _21 => _21.value]), () => ( "0")), 10),
-    year: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _22 => _22.find, 'call', _23 => _23((p) => p.type === "year"), 'optionalAccess', _24 => _24.value]), () => ( "0")), 10)
+    day: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _17 => _17.find, 'call', _18 => _18((p) => p.type === "day"), 'optionalAccess', _19 => _19.value]), () => ( "0")), 10),
+    month: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _20 => _20.find, 'call', _21 => _21((p) => p.type === "month"), 'optionalAccess', _22 => _22.value]), () => ( "0")), 10),
+    year: parseInt(_nullishCoalesce(_optionalChain([parts, 'access', _23 => _23.find, 'call', _24 => _24((p) => p.type === "year"), 'optionalAccess', _25 => _25.value]), () => ( "0")), 10)
   };
 };
 var deriveGranularity = (tickPositions) => {
@@ -518,20 +527,20 @@ function datetimeFormatter({
   switch (granularity) {
     case "hour":
       firstPartOptions = timeFormat === "24" ? { hour: "numeric", minute: "numeric", hour12: false } : { hour: "numeric" };
-      if (isFirst || valueParts.day !== _optionalChain([previousValueParts, 'optionalAccess', _25 => _25.day])) {
+      if (isFirst || valueParts.day !== _optionalChain([previousValueParts, 'optionalAccess', _26 => _26.day])) {
         secondPartOptions = { day: "numeric", month: "short" };
       }
       break;
     case "day":
     case "week":
       firstPartOptions = { day: "numeric" };
-      if (isFirst || valueParts.month !== _optionalChain([previousValueParts, 'optionalAccess', _26 => _26.month])) {
+      if (isFirst || valueParts.month !== _optionalChain([previousValueParts, 'optionalAccess', _27 => _27.month])) {
         secondPartOptions = { month: "short" };
       }
       break;
     case "month":
       firstPartOptions = { month: "short" };
-      if (isFirst || valueParts.year !== _optionalChain([previousValueParts, 'optionalAccess', _27 => _27.year])) {
+      if (isFirst || valueParts.year !== _optionalChain([previousValueParts, 'optionalAccess', _28 => _28.year])) {
         secondPartOptions = { year: "numeric" };
       }
       break;
@@ -676,11 +685,11 @@ function AnnotationHeader({
   const hasIconOrTitle = Boolean(icon || title);
   if (!hasIconOrTitle && !description) return null;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    hasIconOrTitle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
+    hasIconOrTitle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
       icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacticon.Icon, { name: icon, size: "mini", color: "icon.base" }) : null,
       title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { color: "text.body", fontSize: 200, children: title }) : null
     ] }) }) : null,
-    description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { fontSize: 200, color: "text.subtext", children: description }) }) : null
+    description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { fontSize: 200, color: "text.subtext", children: description }) }) : null
   ] });
 }
 function DefaultChartTooltip({
@@ -702,7 +711,7 @@ function DefaultChartTooltip({
   const rows = data.map((d) => {
     const formattedValue = d.value == null ? _nullishCoalesce(invalidNumberLabel, () => ( "\u2014")) : valueFormatter({ ...valueFormat, value: d.value, abbreviate: false });
     const nameCell = {
-      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartLegendLabel, { color: d.color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLabelWithIcon, { icon: d.icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${d.name}: `, children: d.name }) }) })
+      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartLegendLabel, { color: d.color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLabelWithIcon, { icon: d.icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { "aria-label": `${d.name}: `, children: d.name }) }) })
     };
     const percent = d.percent;
     if (usePercentColumn) {
@@ -781,7 +790,7 @@ function DefaultChartTooltip({
       ]
     }
   ] : [];
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk34OKRQETjs.ChartTooltip, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXH7ZKGHDjs.ChartTooltip, { children: [
     annotation ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       AnnotationHeader,
       {
@@ -790,7 +799,7 @@ function DefaultChartTooltip({
         description: annotation.description
       }
     ) : null,
-    hideTitle ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipTitle, { children: formatTitle({
+    hideTitle ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipTitle, { children: formatTitle({
       position,
       timezone,
       timeFormat,
@@ -798,12 +807,12 @@ function DefaultChartTooltip({
       textLocale
     }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk34OKRQETjs.ChartTooltipTable,
+      _chunkXH7ZKGHDjs.ChartTooltipTable,
       {
         rows: [...rows, ...totalRow]
       }
     ),
-    hasOnClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartTooltipFooter, { children: typeof tooltipClickLabel === "string" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
+    hasOnClick && tooltipClickLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartTooltipFooter, { children: typeof tooltipClickLabel === "string" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _seedsreactbox.Box, { display: "flex", alignItems: "center", gap: 300, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacticon.Icon, { name: "hand-pointer-clicking-outline", color: "icon.base" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _seedsreacttext.Text, { color: "text.subtext", fontSize: 200, children: tooltipClickLabel })
     ] }) : tooltipClickLabel }) : null
@@ -821,7 +830,7 @@ var SeriesLegend = _react.memo.call(void 0, function SeriesLegend2({
     content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartLabelWithIcon, { icon: item.icon, children: item.name }),
     color: item.color
   }));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.ChartLegend, { legendLabels: labels });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.ChartLegend, { legendLabels: labels });
 });
 
 // src/charts/shared/stacking.ts
@@ -914,7 +923,7 @@ function buildExportChartOptions({
   colors,
   exportTitle: rawTitle
 }) {
-  const exportTitle = _optionalChain([rawTitle, 'optionalAccess', _28 => _28.trim, 'call', _29 => _29()]);
+  const exportTitle = _optionalChain([rawTitle, 'optionalAccess', _29 => _29.trim, 'call', _30 => _30()]);
   const axisOptions = {
     lineColor: theme.colors.container.border.base,
     gridLineColor: theme.colors.container.border.base,
@@ -986,7 +995,7 @@ function buildExportChartOptions({
   };
 }
 function createChartExportHandle(chart, getExportChartOptions) {
-  const resolveName = (filename) => _nullishCoalesce(filename, () => ( defaultFilename(_optionalChain([chart, 'access', _30 => _30.options, 'access', _31 => _31.chart, 'optionalAccess', _32 => _32.type]), /* @__PURE__ */ new Date())));
+  const resolveName = (filename) => _nullishCoalesce(filename, () => ( defaultFilename(_optionalChain([chart, 'access', _31 => _31.options, 'access', _32 => _32.chart, 'optionalAccess', _33 => _33.type]), /* @__PURE__ */ new Date())));
   const exportImage = async (type, filename) => {
     chart.exportChartLocal(
       { type, filename: resolveName(filename) },
@@ -1036,7 +1045,7 @@ function ChartRenderer({
   const exportThemeRef = _react.useRef.call(void 0, { theme, colors, exportTitle });
   exportThemeRef.current = { theme, colors, exportTitle };
   const captureChart = _react.useCallback.call(void 0, (chartInstance) => {
-    const forExport = _optionalChain([chartInstance, 'access', _33 => _33.options, 'access', _34 => _34.chart, 'optionalAccess', _35 => _35.forExport]);
+    const forExport = _optionalChain([chartInstance, 'access', _34 => _34.options, 'access', _35 => _35.chart, 'optionalAccess', _36 => _36.forExport]);
     if (!forExport) {
       setChart(chartInstance);
       setPlotHeight(chartInstance.plotHeight);
@@ -1046,7 +1055,7 @@ function ChartRenderer({
   onReadyRef.current = onReady;
   _react.useEffect.call(void 0, () => {
     if (!chart) return;
-    _optionalChain([onReadyRef, 'access', _36 => _36.current, 'optionalCall', _37 => _37(
+    _optionalChain([onReadyRef, 'access', _37 => _37.current, 'optionalCall', _38 => _38(
       createChartExportHandle(
         chart,
         () => buildExportChartOptions(exportThemeRef.current)
@@ -1062,18 +1071,18 @@ function ChartRenderer({
     return () => unbind();
   }, [chart]);
   const highchartsOptions = _react.useMemo.call(void 0, () => {
-    const pointDescriptionFormatter = _optionalChain([options, 'access', _38 => _38.accessibility, 'optionalAccess', _39 => _39.point, 'optionalAccess', _40 => _40.descriptionFormatter]);
-    const svgContainerLabel = _optionalChain([options, 'access', _41 => _41.accessibility, 'optionalAccess', _42 => _42.svgContainerLabel]);
-    const packedBubbleDataLabelFormatter = _optionalChain([options, 'access', _43 => _43.plotOptions, 'optionalAccess', _44 => _44.packedbubble, 'optionalAccess', _45 => _45.dataLabels, 'optionalAccess', _46 => _46.formatter]);
+    const pointDescriptionFormatter = _optionalChain([options, 'access', _39 => _39.accessibility, 'optionalAccess', _40 => _40.point, 'optionalAccess', _41 => _41.descriptionFormatter]);
+    const svgContainerLabel = _optionalChain([options, 'access', _42 => _42.accessibility, 'optionalAccess', _43 => _43.svgContainerLabel]);
+    const packedBubbleDataLabelFormatter = _optionalChain([options, 'access', _44 => _44.plotOptions, 'optionalAccess', _45 => _45.packedbubble, 'optionalAccess', _46 => _46.dataLabels, 'optionalAccess', _47 => _47.formatter]);
     return {
       ...options,
       ...packedBubbleDataLabelFormatter ? {
         plotOptions: {
           ...options.plotOptions,
           packedbubble: {
-            ..._optionalChain([options, 'access', _47 => _47.plotOptions, 'optionalAccess', _48 => _48.packedbubble]),
+            ..._optionalChain([options, 'access', _48 => _48.plotOptions, 'optionalAccess', _49 => _49.packedbubble]),
             dataLabels: {
-              ..._optionalChain([options, 'access', _49 => _49.plotOptions, 'optionalAccess', _50 => _50.packedbubble, 'optionalAccess', _51 => _51.dataLabels]),
+              ..._optionalChain([options, 'access', _50 => _50.plotOptions, 'optionalAccess', _51 => _51.packedbubble, 'optionalAccess', _52 => _52.dataLabels]),
               formatter() {
                 const bubblePoint = this.point;
                 return packedBubbleDataLabelFormatter.call({
@@ -1083,7 +1092,7 @@ function ChartRenderer({
                     index: bubblePoint.index,
                     series: { index: bubblePoint.series.index }
                   },
-                  radius: _nullishCoalesce(_optionalChain([bubblePoint, 'access', _52 => _52.marker, 'optionalAccess', _53 => _53.radius]), () => ( 0))
+                  radius: _nullishCoalesce(_optionalChain([bubblePoint, 'access', _53 => _53.marker, 'optionalAccess', _54 => _54.radius]), () => ( 0))
                 });
               }
             }
@@ -1091,7 +1100,7 @@ function ChartRenderer({
         }
       } : {},
       accessibility: {
-        description: _optionalChain([options, 'access', _54 => _54.accessibility, 'optionalAccess', _55 => _55.description]),
+        description: _optionalChain([options, 'access', _55 => _55.accessibility, 'optionalAccess', _56 => _56.description]),
         ...pointDescriptionFormatter ? {
           point: {
             descriptionFormatter: (point) => {
@@ -1118,9 +1127,9 @@ function ChartRenderer({
   }, [options]);
   if (series.length === 0) return null;
   const chartWithAnnotations = chart;
-  const hasRenderedAnnotations = !!_optionalChain([chartWithAnnotations, 'optionalAccess', _56 => _56.annotations, 'optionalAccess', _57 => _57.length]) && !!_optionalChain([annotationLookup, 'optionalAccess', _58 => _58.size]) && plotHeight > 0;
+  const hasRenderedAnnotations = !!_optionalChain([chartWithAnnotations, 'optionalAccess', _57 => _57.annotations, 'optionalAccess', _58 => _58.length]) && !!_optionalChain([annotationLookup, 'optionalAccess', _59 => _59.size]) && plotHeight > 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34OKRQETjs.GlobalChartStyleOverrides, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXH7ZKGHDjs.GlobalChartStyleOverrides, {}),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _highchartsreactofficial.HighchartsReact,
       {
@@ -1139,12 +1148,12 @@ function ChartRenderer({
       }
     ) : null,
     chart ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk34OKRQETjs.ChartTooltipPortal,
+      _chunkXH7ZKGHDjs.ChartTooltipPortal,
       {
         chart,
         renderContent: (context) => {
           const ctx = context;
-          const isPackedBubble = !ctx.points && _optionalChain([ctx, 'access', _59 => _59.series, 'optionalAccess', _60 => _60.type]) === "packedbubble";
+          const isPackedBubble = !ctx.points && _optionalChain([ctx, 'access', _60 => _60.series, 'optionalAccess', _61 => _61.type]) === "packedbubble";
           const isPie = !ctx.points && !isPackedBubble;
           const data = isPackedBubble ? (
             // Mirrors v1's `transformBubbleChartTooltipData`: color comes from
@@ -1154,7 +1163,7 @@ function ChartRenderer({
                 color: _nullishCoalesce((ctx.colorIndex !== void 0 ? colors[ctx.colorIndex] : void 0), () => ( "")),
                 name: _nullishCoalesce(ctx.key, () => ( ctx.point.name)),
                 value: ctx.point.y,
-                seriesIndex: _optionalChain([ctx, 'access', _61 => _61.series, 'optionalAccess', _62 => _62.index]),
+                seriesIndex: _optionalChain([ctx, 'access', _62 => _62.series, 'optionalAccess', _63 => _63.index]),
                 pointIndex: ctx.point.index
               }
             ]
@@ -1165,7 +1174,7 @@ function ChartRenderer({
               value: ctx.point.y,
               percent: ctx.point.percentage,
               // Icon indexed by the hovered slice — same source the legend reads.
-              icon: _optionalChain([series, 'access', _63 => _63[ctx.point.index], 'optionalAccess', _64 => _64.icon])
+              icon: _optionalChain([series, 'access', _64 => _64[ctx.point.index], 'optionalAccess', _65 => _65.icon])
             }
           ] : (
             // Drop v1's `readonly` wrapper (v2 is mutable); icon is forwarded
@@ -1175,7 +1184,7 @@ function ChartRenderer({
               const pctCtx = context;
               const pointIndex = pctCtx.point.index;
               const chartSeries = pctCtx.series.chart.series;
-              return _chunk34OKRQETjs.transformTimeSeriesTooltipData.call(void 0, {
+              return _chunkXH7ZKGHDjs.transformTimeSeriesTooltipData.call(void 0, {
                 context,
                 data: series.map((s, i) => ({
                   name: s.name,
@@ -1183,20 +1192,20 @@ function ChartRenderer({
                   styles: { color: _nullishCoalesce(_nullishCoalesce(s.color, () => ( colors[i])), () => ( "")) }
                 }))
               }).map((row, i) => {
-                const percentage = _optionalChain([chartSeries, 'access', _65 => _65[i], 'optionalAccess', _66 => _66.points, 'optionalAccess', _67 => _67[pointIndex], 'optionalAccess', _68 => _68.percentage]);
+                const percentage = _optionalChain([chartSeries, 'access', _66 => _66[i], 'optionalAccess', _67 => _67.points, 'optionalAccess', _68 => _68[pointIndex], 'optionalAccess', _69 => _69.percentage]);
                 return {
                   color: row.color,
                   name: row.name,
                   value: row.value,
-                  icon: _optionalChain([series, 'access', _69 => _69[i], 'optionalAccess', _70 => _70.icon]),
+                  icon: _optionalChain([series, 'access', _70 => _70[i], 'optionalAccess', _71 => _71.icon]),
                   ...showPercent && typeof percentage === "number" && !isNaN(percentage) ? { percent: percentage } : {}
                 };
               });
             })()
           );
           const position = isPie || isPackedBubble ? _nullishCoalesce(ctx.key, () => ( ctx.point.name)) : context.x;
-          const tickPositions = _optionalChain([ctx, 'access', _71 => _71.points, 'optionalAccess', _72 => _72[0], 'optionalAccess', _73 => _73.series, 'optionalAccess', _74 => _74.xAxis, 'optionalAccess', _75 => _75.tickPositions]);
-          const resolved = _optionalChain([annotationLookup, 'optionalAccess', _76 => _76.get, 'call', _77 => _77(context.point.x)]);
+          const tickPositions = _optionalChain([ctx, 'access', _72 => _72.points, 'optionalAccess', _73 => _73[0], 'optionalAccess', _74 => _74.series, 'optionalAccess', _75 => _75.xAxis, 'optionalAccess', _76 => _76.tickPositions]);
+          const resolved = _optionalChain([annotationLookup, 'optionalAccess', _77 => _77.get, 'call', _78 => _78(context.point.x)]);
           const annotation = resolved ? {
             icon: resolved.icon,
             color: resolved.color,
@@ -1242,5 +1251,6 @@ function ChartRenderer({
 
 
 
-exports.datetimeFormatter = datetimeFormatter; exports.valueFormatter = valueFormatter; exports.buildBaseChartOptions = buildBaseChartOptions; exports.deriveMaxFontSize = deriveMaxFontSize; exports.deriveMaxWordCount = deriveMaxWordCount; exports.deriveWordPadding = deriveWordPadding; exports.buildWordCloudOptions = buildWordCloudOptions; exports.useSeedsChartSetup = useSeedsChartSetup; exports.ChartRenderer = ChartRenderer;
-//# sourceMappingURL=chunk-5TWNMPQU.js.map
+
+exports.datetimeFormatter = datetimeFormatter; exports.valueFormatter = valueFormatter; exports.buildBaseChartOptions = buildBaseChartOptions; exports.deriveClickCoords = deriveClickCoords; exports.deriveMaxFontSize = deriveMaxFontSize; exports.deriveMaxWordCount = deriveMaxWordCount; exports.deriveWordPadding = deriveWordPadding; exports.buildWordCloudOptions = buildWordCloudOptions; exports.useSeedsChartSetup = useSeedsChartSetup; exports.ChartRenderer = ChartRenderer;
+//# sourceMappingURL=chunk-V5EXL244.js.map