apexcharts 7.3.0 → 7.4.0

package/dist/apexcharts.js

@@ -42,7 +42,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 /*!
- * ApexCharts v7.3.0
+ * ApexCharts v7.4.0
  * (c) 2018-2026 ApexCharts
  */
 
@@ -82,6 +82,11 @@ var __async = (__this, __arguments, generator) => {
       return {};
     }
   }
+  const CHAR_WIDTH_EM = 0.55;
+  const ASCENT_EM = 0.917;
+  const DESCENT_EM = 0.25;
+  const LINE_HEIGHT_EM = 1.1;
+  const DEFAULT_FONT_SIZE = 11;
   class SSRElement {
     /**
      * @param {string} nodeName
@@ -202,6 +207,43 @@ var __async = (__this, __arguments, generator) => {
         y: 0
       };
     }
+    getBBox() {
+      if (this.nodeName !== "text" && this.nodeName !== "tspan") {
+        return { x: 0, y: 0, width: 0, height: 0 };
+      }
+      const lines = this._textLines();
+      const longest = lines.reduce((acc, line) => Math.max(acc, line.length), 0);
+      if (!longest) {
+        return { x: 0, y: 0, width: 0, height: 0 };
+      }
+      const fontSize = parseFloat(this.attributes.get("font-size")) || DEFAULT_FONT_SIZE;
+      const width = longest * fontSize * CHAR_WIDTH_EM;
+      const height = fontSize * (ASCENT_EM + DESCENT_EM) + (lines.length - 1) * fontSize * LINE_HEIGHT_EM;
+      const anchor = this.attributes.get("text-anchor");
+      const x = parseFloat(this.attributes.get("x")) || 0;
+      const y = parseFloat(this.attributes.get("y")) || 0;
+      return {
+        x: anchor === "middle" ? x - width / 2 : anchor === "end" ? x - width : x,
+        y: y - fontSize * ASCENT_EM,
+        width,
+        height
+      };
+    }
+    /**
+     * Text of this element, one entry per rendered line
+     * @returns {string[]}
+     */
+    _textLines() {
+      var _a;
+      const tspans = this.children.filter((child) => child.nodeName === "tspan");
+      if (tspans.length) {
+        return tspans.map((tspan) => {
+          var _a2;
+          return String((_a2 = tspan.textContent) != null ? _a2 : "");
+        });
+      }
+      return [String((_a = this.textContent) != null ? _a : "")];
+    }
     getRootNode() {
       let root = this;
       while (root.parentNode) {
@@ -691,15 +733,12 @@ var __async = (__this, __arguments, generator) => {
       return output;
     }
     // A per-series shallow copy: the series OBJECTS are copied, their data arrays
-    // are shared. Almost every internal "mutation" of a series' data is a
-    // property REPLACEMENT (`series[i].data = []` on legend collapse,
-    // `series[i] = 0` for non-axis charts), and those cannot reach a copy made
-    // this way because the series object was copied at capture time. The
-    // exception is appendData(), whose push loop grows the shared data array in
-    // place, so a copy taken before it does see the appended points; see the
-    // note above defineLazyInitialSeries(). This is the same cheap shape
-    // `globals.initialSeries` captures, so snapshotting a config stays O(n)
-    // instead of deep-cloning every point.
+    // are shared. Every internal "mutation" of a series' data is a property
+    // REPLACEMENT (`series[i].data = []` on legend collapse, `series[i] = 0` for
+    // non-axis charts, appendData's concat), and those cannot reach a copy made
+    // this way because the series object was copied at capture time. This is the
+    // same cheap shape `globals.initialSeries` captures, so snapshotting a config
+    // stays O(n) instead of deep-cloning every point.
     /**
      * @param {any} series
      */
@@ -1042,16 +1081,16 @@ var __async = (__this, __arguments, generator) => {
      * @param {string} color
      */
     shadeRGBColor(percent, color) {
-      const f = color.split(","), t2 = percent < 0 ? 0 : 255, p = percent < 0 ? percent * -1 : percent, R2 = parseInt(f[0].slice(4), 10), G = parseInt(f[1], 10), B = parseInt(f[2], 10);
-      return "rgb(" + (Math.round((t2 - R2) * p) + R2) + "," + (Math.round((t2 - G) * p) + G) + "," + (Math.round((t2 - B) * p) + B) + ")";
+      const f = color.split(","), t2 = percent < 0 ? 0 : 255, p = percent < 0 ? percent * -1 : percent, R = parseInt(f[0].slice(4), 10), G = parseInt(f[1], 10), B = parseInt(f[2], 10);
+      return "rgb(" + (Math.round((t2 - R) * p) + R) + "," + (Math.round((t2 - G) * p) + G) + "," + (Math.round((t2 - B) * p) + B) + ")";
     }
     /**
      * @param {number} percent
      * @param {string} color
      */
     shadeHexColor(percent, color) {
-      const f = parseInt(color.slice(1), 16), t2 = percent < 0 ? 0 : 255, p = percent < 0 ? percent * -1 : percent, R2 = f >> 16, G = f >> 8 & 255, B = f & 255;
-      return "#" + (16777216 + (Math.round((t2 - R2) * p) + R2) * 65536 + (Math.round((t2 - G) * p) + G) * 256 + (Math.round((t2 - B) * p) + B)).toString(16).slice(1);
+      const f = parseInt(color.slice(1), 16), t2 = percent < 0 ? 0 : 255, p = percent < 0 ? percent * -1 : percent, R = f >> 16, G = f >> 8 & 255, B = f & 255;
+      return "#" + (16777216 + (Math.round((t2 - R) * p) + R) * 65536 + (Math.round((t2 - G) * p) + G) * 256 + (Math.round((t2 - B) * p) + B)).toString(16).slice(1);
     }
     // beautiful color shading blending code
     // http://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors
@@ -1355,11 +1394,11 @@ var __async = (__this, __arguments, generator) => {
       format = format.replace(/(^|[^\\])yyyy+/g, "$1" + y);
       format = format.replace(/(^|[^\\])yy/g, "$1" + y.toString().substr(2, 2));
       format = format.replace(/(^|[^\\])y/g, "$1" + y);
-      const M2 = (utc ? date.getUTCMonth() : date.getMonth()) + 1;
+      const M = (utc ? date.getUTCMonth() : date.getMonth()) + 1;
       format = format.replace(/(^|[^\\])MMMM+/g, "$1" + MMMM[0]);
       format = format.replace(/(^|[^\\])MMM/g, "$1" + MMM[0]);
-      format = format.replace(/(^|[^\\])MM/g, "$1" + ii(M2));
-      format = format.replace(/(^|[^\\])M/g, "$1" + M2);
+      format = format.replace(/(^|[^\\])MM/g, "$1" + ii(M));
+      format = format.replace(/(^|[^\\])M/g, "$1" + M);
       const d = utc ? date.getUTCDate() : date.getDate();
       format = format.replace(/(^|[^\\])dddd+/g, "$1" + dddd[0]);
       format = format.replace(/(^|[^\\])ddd/g, "$1" + ddd[0]);
@@ -1383,26 +1422,26 @@ var __async = (__this, __arguments, generator) => {
       format = format.replace(/(^|[^\\])ff/g, "$1" + ii(f));
       f = Math.round(f / 10);
       format = format.replace(/(^|[^\\])f/g, "$1" + f);
-      const T2 = H < 12 ? "AM" : "PM";
-      format = format.replace(/(^|[^\\])TT+/g, "$1" + T2);
-      format = format.replace(/(^|[^\\])T/g, "$1" + T2.charAt(0));
-      const t2 = T2.toLowerCase();
+      const T = H < 12 ? "AM" : "PM";
+      format = format.replace(/(^|[^\\])TT+/g, "$1" + T);
+      format = format.replace(/(^|[^\\])T/g, "$1" + T.charAt(0));
+      const t2 = T.toLowerCase();
       format = format.replace(/(^|[^\\])tt+/g, "$1" + t2);
       format = format.replace(/(^|[^\\])t/g, "$1" + t2.charAt(0));
       let tz = -date.getTimezoneOffset();
-      let K = utc || !tz ? "Z" : tz > 0 ? "+" : "-";
+      let K2 = utc || !tz ? "Z" : tz > 0 ? "+" : "-";
       if (!utc) {
         tz = Math.abs(tz);
         const tzHrs = Math.floor(tz / 60);
         const tzMin = tz % 60;
-        K += ii(tzHrs) + ":" + ii(tzMin);
+        K2 += ii(tzHrs) + ":" + ii(tzMin);
       }
-      format = format.replace(/(^|[^\\])K/g, "$1" + K);
+      format = format.replace(/(^|[^\\])K/g, "$1" + K2);
       const day = (utc ? date.getUTCDay() : date.getDay()) + 1;
       format = format.replace(new RegExp(dddd[0], "g"), dddd[day]);
       format = format.replace(new RegExp(ddd[0], "g"), ddd[day]);
-      format = format.replace(new RegExp(MMMM[0], "g"), MMMM[M2]);
-      format = format.replace(new RegExp(MMM[0], "g"), MMM[M2]);
+      format = format.replace(new RegExp(MMMM[0], "g"), MMMM[M]);
+      format = format.replace(new RegExp(MMM[0], "g"), MMM[M]);
       format = format.replace(/\\(.)/g, "$1");
       return format;
     }
@@ -1870,6 +1909,7 @@ var __async = (__this, __arguments, generator) => {
     setLabelFormatters() {
       const w = this.w;
       const fmt = w.formatters;
+      const inferredNumericX = w.axisFlags.isXNumeric && w.axisFlags.dataFormatXNumeric && w.config.xaxis.type !== "datetime" && !w.config.xaxis.convertedCatToNumeric && !w.globals.isBarHorizontal;
       fmt.xaxisTooltipFormatter = (val) => {
         return this.defaultGeneralFormatter(val);
       };
@@ -1886,8 +1926,13 @@ var __async = (__this, __arguments, generator) => {
         fmt.xLabelFormatter = w.config.xaxis.labels.formatter;
       } else {
         fmt.xLabelFormatter = (val) => {
+          var _a;
           if (Utils$1.isNumber(val)) {
-            if (!w.config.xaxis.convertedCatToNumeric && w.config.xaxis.type === "numeric") {
+            if (!w.config.xaxis.convertedCatToNumeric && (w.config.xaxis.type === "numeric" || inferredNumericX)) {
+              const ticks = (_a = w.globals.xAxisScale) == null ? void 0 : _a.result;
+              if (inferredNumericX && Array.isArray(ticks) && ticks.every(Number.isInteger)) {
+                return val.toFixed(0);
+              }
               if (Utils$1.isNumber(w.config.xaxis.decimalsInFloat)) {
                 return val.toFixed(w.config.xaxis.decimalsInFloat);
               } else {
@@ -1913,6 +1958,12 @@ var __async = (__this, __arguments, generator) => {
       }
       if (typeof w.config.tooltip.x.formatter === "function") {
         fmt.ttKeyFormatter = w.config.tooltip.x.formatter;
+      } else if (w.config.xaxis.labels.formatter === void 0 && inferredNumericX) {
+        const xLabelFormatter = (
+          /** @type {(val: any) => any} */
+          fmt.xLabelFormatter
+        );
+        fmt.ttKeyFormatter = (val) => Number.isInteger(val) ? val.toFixed(0) : xLabelFormatter(val);
       } else {
         fmt.ttKeyFormatter = fmt.xLabelFormatter;
       }
@@ -2771,6 +2822,17 @@ var __async = (__this, __arguments, generator) => {
             // around the pinch centroid (matching the x-only wheel/toolbar zoom),
             // frame-by-frame rather than the 400ms wheel throttle.
             pinch: "auto",
+            // Drag-to-zoom is deliberate, so it is not gated the way those two
+            // are: it stays on with the toolbar hidden. The reset button that
+            // undoes it does not, which leaves the viewer in a window with no
+            // exit. So while the chart IS zoomed and nothing else on screen can
+            // reset it, one reset control is drawn where the toolbar would have
+            // been, and it goes when the range does. A chart nobody zooms is
+            // untouched. Set false for a page that supplies its own reset (which
+            // also turns off the Escape shortcut), or true to force the control
+            // on whenever the chart is zoomed, even where `toolbar.tools.reset`
+            // is off.
+            resetControl: "auto",
             zoomedArea: {
               fill: {
                 color: "#90CAF9",
@@ -2837,6 +2899,11 @@ var __async = (__this, __arguments, generator) => {
             borderRadius: 0,
             borderRadiusApplication: "around",
             // [around, end]
+            // Which segments of a stack round. 'all' caps both ends of the
+            // stack (baseline and far end); 'last' caps only the far end, so
+            // the stack sits square on the baseline. Stacked charts only.
+            borderRadiusWhenStacked: "all",
+            // [all, last]
             rangeBarOverlap: true,
             rangeBarGroupRows: false,
             hideZeroBarsWhenGrouped: false,
@@ -7625,16 +7692,11 @@ var __async = (__this, __arguments, generator) => {
      * which cannot reach the captured copies because each series object was
      * copied at capture time.
      *
-     * The one in-place mutator is appendData(), whose push loop grows the shared
-     * data array. Re-capturing after it does not undo that: the pushed points
-     * are already in the array both snapshots point at, so a snapshot taken
-     * before the append reads back as appended. That is the documented
-     * behaviour of appendData(overwriteInitialSeries = true), and the `false`
-     * case is not honoured for a separate, older reason: Data.parseData()
-     * re-captures initialSeries unconditionally on the re-render appendData
-     * triggers. Detaching would mean copying the data arrays, which is exactly
-     * the per-point cost this snapshot exists to avoid. The same exception
-     * applies to `initialConfig.series`, which is captured with the same shape.
+     * appendData() used to be the exception, growing the shared data array in
+     * place. It now replaces the array instead (`data = data.concat(newData)`):
+     * one array copy per call, against the per-point cost this snapshot exists
+     * to avoid. With that, no internal edit can reach a captured copy. The same
+     * holds for `initialConfig.series`, which is captured with the same shape.
      *
      * @param {Record<string, any>} globals
      */
@@ -8211,7 +8273,7 @@ var __async = (__this, __arguments, generator) => {
             includedIndexes.push(si);
           }
         });
-        const excludedIndices = w.seriesData.series.map((_, fi) => includedIndexes.indexOf(fi) === -1 ? fi : -1).filter((f) => f !== -1);
+        const excludedIndices = w.seriesData.series.map((_2, fi) => includedIndexes.indexOf(fi) === -1 ? fi : -1).filter((f) => f !== -1);
         total.push(this.getStackedSeriesTotals(excludedIndices));
       });
       return total;
@@ -8616,7 +8678,7 @@ var __async = (__this, __arguments, generator) => {
       _gl.yLogRatio = yRatio.slice();
       _gl.logYRange = /** @type {any[]} */
       gl.yRange.map(
-        (_, i2) => {
+        (_2, i2) => {
           const yAxisIndex = w.globals.seriesYAxisReverseMap[i2];
           if (w.config.yaxis[yAxisIndex] && this.w.config.yaxis[yAxisIndex].logarithmic) {
             const range = 1;
@@ -8982,11 +9044,11 @@ var __async = (__this, __arguments, generator) => {
     return false;
   }
   function arcToBezier(pos, val) {
-    var rx = Math.abs(val[1]), ry = Math.abs(val[2]), xAxisRotation = val[3] % 360, largeArcFlag = val[4], sweepFlag = val[5], x = val[6], y = val[7], A2 = new Point(pos[0], pos[1]), B = new Point(x, y), primedCoord, lambda, mat, k, c, cSquare, t2, O2, OA, OB, tetaStart, tetaEnd, deltaTeta, nbSectors, f, arcSegPoints, angle, sinAngle, cosAngle, pt, i2, il, retVal = [], x1, y1, x2, y2;
-    if (rx === 0 || ry === 0 || A2.x === B.x && A2.y === B.y) {
-      return [["C", A2.x, A2.y, B.x, B.y, B.x, B.y]];
+    var rx = Math.abs(val[1]), ry = Math.abs(val[2]), xAxisRotation = val[3] % 360, largeArcFlag = val[4], sweepFlag = val[5], x = val[6], y = val[7], A = new Point(pos[0], pos[1]), B = new Point(x, y), primedCoord, lambda, mat, k, c, cSquare, t2, O2, OA, OB, tetaStart, tetaEnd, deltaTeta, nbSectors, f, arcSegPoints, angle, sinAngle, cosAngle, pt, i2, il, retVal = [], x1, y1, x2, y2;
+    if (rx === 0 || ry === 0 || A.x === B.x && A.y === B.y) {
+      return [["C", A.x, A.y, B.x, B.y, B.x, B.y]];
     }
-    primedCoord = new Point((A2.x - B.x) / 2, (A2.y - B.y) / 2).transform(
+    primedCoord = new Point((A.x - B.x) / 2, (A.y - B.y) / 2).transform(
       // Start with the identity matrix (no args → Matrix defaults a=d=1, others 0).
       // Passing all-zero args here would produce a degenerate zero matrix, since
       // `0 ?? 1` is `0`, not `1` — every subsequent transform then yields (0,0)
@@ -9002,9 +9064,9 @@ var __async = (__this, __arguments, generator) => {
     }
     mat = /** @type {any} */
     new Matrix().rotate(xAxisRotation).scale(1 / rx, 1 / ry).rotate(-xAxisRotation);
-    A2 = A2.transform(mat);
+    A = A.transform(mat);
     B = B.transform(mat);
-    k = [B.x - A2.x, B.y - A2.y];
+    k = [B.x - A.x, B.y - A.y];
     cSquare = k[0] * k[0] + k[1] * k[1];
     c = Math.sqrt(cSquare);
     k[0] /= c;
@@ -9013,8 +9075,8 @@ var __async = (__this, __arguments, generator) => {
     if (largeArcFlag === sweepFlag) {
       t2 *= -1;
     }
-    O2 = new Point((B.x + A2.x) / 2 + t2 * -k[1], (B.y + A2.y) / 2 + t2 * k[0]);
-    OA = new Point(A2.x - O2.x, A2.y - O2.y);
+    O2 = new Point((B.x + A.x) / 2 + t2 * -k[1], (B.y + A.y) / 2 + t2 * k[0]);
+    OA = new Point(A.x - O2.x, A.y - O2.y);
     OB = new Point(B.x - O2.x, B.y - O2.y);
     tetaStart = Math.acos(OA.x / Math.sqrt(OA.x * OA.x + OA.y * OA.y));
     if (OA.y < 0) tetaStart *= -1;
@@ -9645,7 +9707,7 @@ var __async = (__this, __arguments, generator) => {
         _reducedMotionMql = window.matchMedia("(prefers-reduced-motion: reduce)");
       }
       return !!_reducedMotionMql.matches;
-    } catch (_) {
+    } catch (_2) {
       return false;
     }
   }
@@ -10008,7 +10070,7 @@ var __async = (__this, __arguments, generator) => {
           if (typeof node.getTotalLength === "function") {
             len = node.getTotalLength();
           }
-        } catch (_) {
+        } catch (_2) {
           len = 0;
         }
         if (!len) {
@@ -15531,7 +15593,17 @@ var __async = (__this, __arguments, generator) => {
         let ticks = 10;
         if (cnf.xaxis.tickAmount === void 0) {
           ticks = Math.round(gl.svgWidth / 150);
-          if (cnf.xaxis.type === "numeric" && gl.dataPoints < 30) {
+          const inferredNumericX = this.w.axisFlags.isXNumeric && this.w.axisFlags.dataFormatXNumeric && cnf.xaxis.type !== "datetime" && !cnf.xaxis.convertedCatToNumeric && !gl.isBarHorizontal;
+          const fontSize = parseFloat(cnf.xaxis.labels.style.fontSize) || 12;
+          const widestLabelLength = this.w.labelData.labels.reduce(
+            (widest, seriesLabels) => Array.isArray(seriesLabels) ? seriesLabels.reduce(
+              (seriesWidest, label) => Math.max(seriesWidest, String(label).length),
+              widest
+            ) : widest,
+            0
+          );
+          const allPointLabelsFit = gl.dataPoints * widestLabelLength * fontSize * 0.6 <= gl.svgWidth;
+          if ((cnf.xaxis.type === "numeric" || inferredNumericX && allPointLabelsFit) && gl.dataPoints < 30) {
             ticks = gl.dataPoints - 1;
           }
           if (ticks > gl.dataPoints && gl.dataPoints !== 0) {
@@ -15755,7 +15827,7 @@ var __async = (__this, __arguments, generator) => {
       });
       Object.entries(stackedPoss).forEach(([key]) => {
         stackedPoss[key].forEach(
-          (_, stgi) => {
+          (_2, stgi) => {
             gl.maxY = Math.max(gl.maxY, stackedPoss[key][stgi]);
             gl.minY = Math.min(gl.minY, stackedNegs[key][stgi]);
           }
@@ -16226,42 +16298,30 @@ var __async = (__this, __arguments, generator) => {
     }
     setYAxisTextAlignments() {
       const w = this.w;
-      const yaxis = Array.from(
-        w.dom.baseEl.getElementsByClassName("apexcharts-yaxis")
-      );
-      yaxis.forEach((y, index) => {
-        const yaxe = w.config.yaxis[index];
+      w.config.yaxis.forEach((yaxe, index) => {
         if (yaxe && !yaxe.floating && yaxe.labels.align !== void 0) {
           const yAxisInner = w.dom.baseEl.querySelector(
             `.apexcharts-yaxis[rel='${index}'] .apexcharts-yaxis-texts-g`
           );
+          if (!yAxisInner) return;
           const yAxisTexts = Array.from(
             w.dom.baseEl.querySelectorAll(
               `.apexcharts-yaxis[rel='${index}'] .apexcharts-yaxis-label`
             )
           );
-          const rect = (
-            /** @type {Element} */
-            yAxisInner.getBoundingClientRect()
-          );
+          const rect = yAxisInner.getBoundingClientRect();
           yAxisTexts.forEach((label) => {
             label.setAttribute("text-anchor", yaxe.labels.align);
           });
           if (yaxe.labels.align === "left" && !yaxe.opposite) {
-            yAxisInner.setAttribute(
-              "transform",
-              `translate(-${rect.width}, 0)`
-            );
+            yAxisInner.setAttribute("transform", `translate(-${rect.width}, 0)`);
           } else if (yaxe.labels.align === "center") {
             yAxisInner.setAttribute(
               "transform",
               `translate(${rect.width / 2 * (!yaxe.opposite ? -1 : 1)}, 0)`
             );
           } else if (yaxe.labels.align === "right" && yaxe.opposite) {
-            yAxisInner.setAttribute(
-              "transform",
-              `translate(${rect.width}, 0)`
-            );
+            yAxisInner.setAttribute("transform", `translate(${rect.width}, 0)`);
           }
         }
       });
@@ -17121,9 +17181,9 @@ var __async = (__this, __arguments, generator) => {
     if (!Array.isArray(oldY) || !Array.isArray(newY)) return null;
     if (!oldY.length || !newY.length) return null;
     const oldKeys = uniquifyKeys(
-      oldY.map((_, j2) => frameDatumKey(frame, realIndex, j2))
+      oldY.map((_2, j2) => frameDatumKey(frame, realIndex, j2))
     );
-    const newKeys = uniquifyKeys(newY.map((_, j2) => datumKey(w, realIndex, j2)));
+    const newKeys = uniquifyKeys(newY.map((_2, j2) => datumKey(w, realIndex, j2)));
     const join = joinKeys(oldKeys, newKeys);
     if (!join.ordered && !allowReorder) return null;
     if (!join.changed && !includeIdentity) return null;
@@ -17313,7 +17373,7 @@ var __async = (__this, __arguments, generator) => {
             origin = Math.abs(start.y - (bb.y + bb.height)) <= Math.abs(start.y - bb.y) ? "center bottom" : "center top";
           }
         }
-      } catch (_) {
+      } catch (_2) {
       }
       const style = node.style;
       style.transformBox = "fill-box";
@@ -17430,7 +17490,7 @@ var __async = (__this, __arguments, generator) => {
         xScale: currentXScale(w),
         yAnchors: currentYAnchors(w, yLabels)
       };
-    } catch (_) {
+    } catch (_2) {
       gl.prevChromeFrame = null;
     }
   }
@@ -17622,7 +17682,7 @@ var __async = (__this, __arguments, generator) => {
     if (!chrome || !gl.axisCharts || !Environment.isBrowser()) return;
     if (!lengthTransitionEnabled(w)) return;
     const anyMotion = (w.seriesData.series || []).some(
-      (_, i2) => seriesJoin(w, i2, true, true) !== null
+      (_2, i2) => seriesJoin(w, i2, true, true) !== null
     );
     if (!anyMotion) return;
     const root = w.dom.baseEl;
@@ -17663,7 +17723,7 @@ var __async = (__this, __arguments, generator) => {
         ease,
         project: projY
       });
-    } catch (_) {
+    } catch (_2) {
     }
   }
   const DL_GROUP_SEL = ".apexcharts-data-labels[data\\:dlKey]";
@@ -17723,7 +17783,7 @@ var __async = (__this, __arguments, generator) => {
         });
       });
       gl.prevDataLabels = map.size ? map : null;
-    } catch (_) {
+    } catch (_2) {
       gl.prevDataLabels = null;
     }
   }
@@ -17786,7 +17846,7 @@ var __async = (__this, __arguments, generator) => {
       if (typeof formatter === "function") {
         try {
           out = formatter(rounded, fmtOpts);
-        } catch (_) {
+        } catch (_2) {
           out = rounded;
         }
       }
@@ -17900,7 +17960,7 @@ var __async = (__this, __arguments, generator) => {
           });
         }
       });
-    } catch (_) {
+    } catch (_2) {
     }
   }
   class Series {
@@ -21929,7 +21989,7 @@ var __async = (__this, __arguments, generator) => {
         const point = data[j2];
         const x = point[0];
         const y = point[1];
-        const z = point[2];
+        const z2 = point[2];
         if (typeof y !== "undefined") {
           if (Array.isArray(y) && y.length === 4 && !isBoxPlot) {
             this.twoDSeries.push(Utils$1.parseNumber(y[3]));
@@ -21946,8 +22006,8 @@ var __async = (__this, __arguments, generator) => {
         } else {
           this.twoDSeriesX.push(x);
         }
-        if (typeof z !== "undefined") {
-          this.threeDSeries.push(z);
+        if (typeof z2 !== "undefined") {
+          this.threeDSeries.push(z2);
           this.w.axisFlags.isDataXYZ = true;
         }
       }
@@ -22829,7 +22889,7 @@ var __async = (__this, __arguments, generator) => {
             }
             const x = this.getNestedValue(item, effectiveParsing.x);
             let y;
-            let z = void 0;
+            let z2 = void 0;
             if (Array.isArray(effectiveParsing.y)) {
               const yValues = effectiveParsing.y.map(
                 (fieldName) => this.getNestedValue(item, fieldName)
@@ -22848,7 +22908,7 @@ var __async = (__this, __arguments, generator) => {
               y = this.getNestedValue(item, effectiveParsing.y);
             }
             if (effectiveParsing.z) {
-              z = this.getNestedValue(item, effectiveParsing.z);
+              z2 = this.getNestedValue(item, effectiveParsing.z);
             }
             if (x === void 0) {
               console.warn(
@@ -22867,8 +22927,8 @@ var __async = (__this, __arguments, generator) => {
                 result.z = zValue;
               }
             }
-            if (z !== void 0) {
-              result.z = z;
+            if (z2 !== void 0) {
+              result.z = z2;
             }
             return result;
           }
@@ -23140,8 +23200,11 @@ var __async = (__this, __arguments, generator) => {
     // Segregate user provided data into appropriate vars
     /**
      * @param {any[]} ser
+     * @param {boolean} [overwriteInitialSeries=true] false when the caller hands
+     *   back the series the chart already has (an internal re-render), so the
+     *   baseline resetSeries() restores must not move.
      */
-    parseData(ser) {
+    parseData(ser, overwriteInitialSeries = true) {
       var _a, _b, _c, _d, _e, _f, _g;
       const w = this.w;
       const cnf = w.config;
@@ -23174,7 +23237,8 @@ var __async = (__this, __arguments, generator) => {
         ser = ser.map((s2) => __spreadValues({}, s2));
       }
       cnf.series = ser;
-      if (gl.dataReducerRawSeries && ((_g = cnf.chart.dataReducer) == null ? void 0 : _g.enabled)) {
+      if (!overwriteInitialSeries) ;
+      else if (gl.dataReducerRawSeries && ((_g = cnf.chart.dataReducer) == null ? void 0 : _g.enabled)) {
         const stash = gl.dataReducerRawSeries;
         gl.initialSeries = ser.map((s2, i2) => {
           var _a2, _b2, _c2;
@@ -23614,7 +23678,9 @@ var __async = (__this, __arguments, generator) => {
               );
               initialConfig.series = !options2.series && prevInitialSeries ? prevInitialSeries : Utils$1.copySeriesShallow(w.config.series);
               w.globals.initialConfig = initialConfig;
-              w.globals.initialSeries = w.config.series;
+              if (options2.series) {
+                w.globals.initialSeries = w.config.series;
+              }
             }
             if (options2.series && (w.globals.collapsedSeriesIndices.length > 0 || w.globals.ancillaryCollapsedSeriesIndices.length > 0)) {
               ch.series.reconcileCollapsedByName();
@@ -23663,14 +23729,20 @@ var __async = (__this, __arguments, generator) => {
           w.globals.streamgraphRawSeries = null;
           w.globals.treemapRawSeries = null;
         }
+        const definedSeries = newSeries;
+        let reconciledCollapses = false;
         if (w.globals.axisCharts && (w.globals.collapsedSeriesIndices.length > 0 || w.globals.ancillaryCollapsedSeriesIndices.length > 0)) {
           newSeries = newSeries.map(
             (s2) => s2 && typeof s2 === "object" ? __spreadValues({}, s2) : s2
           );
           this.ctx.series.reconcileCollapsedByName(newSeries);
+          reconciledCollapses = true;
         }
         this.ctx.data.resetParsingFlags();
-        const parsedState = this.ctx.data.parseData(newSeries);
+        const parsedState = this.ctx.data.parseData(
+          newSeries,
+          overwriteInitialSeries
+        );
         this.ctx._writeParsedSeriesData(parsedState.seriesData);
         this.ctx._writeParsedRangeData(parsedState.rangeData);
         this.ctx._writeParsedCandleData(parsedState.candleData);
@@ -23679,10 +23751,12 @@ var __async = (__this, __arguments, generator) => {
         if (overwriteInitialSeries) {
           if (w.globals.initialConfig) {
             w.globals.initialConfig.series = Utils$1.copySeriesShallow(
-              w.config.series
+              reconciledCollapses ? definedSeries : w.config.series
             );
           }
-          w.globals.initialSeries = w.config.series;
+          if (reconciledCollapses) {
+            w.globals.initialSeries = definedSeries;
+          }
         }
         if (this._canUseFastPath(newSeries, prevSeriesCount, prevDataLengths, w)) {
           return this.ctx.fastUpdate(animate, prevAxisScaleSig).then(() => {
@@ -29323,14 +29397,14 @@ var __async = (__this, __arguments, generator) => {
           const t2 = __spreadProps(__spreadValues({}, n2), { signatureVerified: true });
           return void (this.licenseKey === e2 ? this.publish(t2) : this.notify(t2));
         }
-        const h = "Invalid license key. The license signature does not verify.", d = { data: i2.data, expired: false, message: h, signatureVerified: true, valid: false };
-        this.licenseKey === e2 ? this.publish(d) : this.notify(d), t(`[Apex] ${h}`);
+        const u = "Invalid license key. The license signature does not verify.", h = { data: i2.data, expired: false, message: u, signatureVerified: true, valid: false };
+        this.licenseKey === e2 ? this.publish(h) : this.notify(h), t(`[Apex] ${u}`);
       });
     }
   };
   l.publicKeysSpki = ["MFkwEwYHKoZIzj0CAQYIKoZIzj0DAQcDQgAEQIaK9UMD6n0oR/FIy8QdL0uSzKMQlf1BB+tOrji4/WuHsyRNxeDhVykoSsNURozMi1xhmqWvBH1L//xIfugTPA=="], l.verdicts = /* @__PURE__ */ new Map(), l.verifying = /* @__PURE__ */ new Set(), l.warnedUnverifiable = false, l.epoch = 0;
   let o = l;
-  const A = class {
+  const j = class {
     static applyStyles(e2) {
       Object.assign(e2.style, this.CRITICAL_STYLES, { backgroundImage: this.createWatermarkPattern(), backgroundRepeat: "repeat" });
     }
@@ -29388,34 +29462,34 @@ var __async = (__this, __arguments, generator) => {
       })));
     }
   };
-  A.WATERMARK_ATTR = "data-apexcharts-watermark", A.WATERMARK_TEXT = "APEXCHARTS", A.ATTR = "data-apexcharts-watermark", A.CRITICAL_STYLES = { bottom: "0", display: "block", left: "0", msUserSelect: "none", opacity: "1", pointerEvents: "none", position: "absolute", right: "0", top: "0", userSelect: "none", visibility: "visible", webkitUserSelect: "none", zIndex: "10000" }, A.managed = /* @__PURE__ */ new Set(), A.subscribed = false;
-  let M = A;
-  const L = 0.05, T = 0.05, j = 1 / 45;
-  function E(e2, t2, s2, i2) {
+  j.WATERMARK_ATTR = "data-apexcharts-watermark", j.WATERMARK_TEXT = "APEXCHARTS", j.ATTR = "data-apexcharts-watermark", j.CRITICAL_STYLES = { bottom: "0", display: "block", left: "0", msUserSelect: "none", opacity: "1", pointerEvents: "none", position: "absolute", right: "0", top: "0", userSelect: "none", visibility: "visible", webkitUserSelect: "none", zIndex: "10000" }, j.managed = /* @__PURE__ */ new Set(), j.subscribed = false;
+  let C = j;
+  const D = 0.05, K = 0.05, O = 1 / 45;
+  function $(e2, t2, s2, i2) {
     const n2 = { value: e2, velocity: 0, target: e2, stiffness: t2, damping: s2 };
     return n2;
   }
-  function R(e2, t2) {
-    if (t2 <= 0) return O(e2);
+  function q(e2, t2) {
+    if (t2 <= 0) return W(e2);
     let s2 = t2;
     for (; s2 > 0; ) {
-      const t3 = Math.min(s2, j), i2 = -e2.stiffness * (e2.value - e2.target) - e2.damping * e2.velocity;
+      const t3 = Math.min(s2, O), i2 = -e2.stiffness * (e2.value - e2.target) - e2.damping * e2.velocity;
       e2.velocity += i2 * t3, e2.value += e2.velocity * t3, s2 -= t3;
     }
-    return !!O(e2) && (e2.value = e2.target, e2.velocity = 0, true);
+    return !!W(e2) && (e2.value = e2.target, e2.velocity = 0, true);
   }
-  function D(e2, t2) {
+  function _(e2, t2) {
     e2.target = t2;
   }
-  function O(e2) {
+  function W(e2) {
     var _a, _b;
-    const t2 = (_a = e2.restVelocity) != null ? _a : L, s2 = (_b = e2.restDisplacement) != null ? _b : T;
+    const t2 = (_a = e2.restVelocity) != null ? _a : D, s2 = (_b = e2.restDisplacement) != null ? _b : K;
     return Math.abs(e2.velocity) < t2 && Math.abs(e2.value - e2.target) < s2;
   }
-  const $ = { crisp: [210, 26], gentle: [120, 20], snappy: [320, 30] };
-  function q(e2) {
+  const V = { crisp: [210, 26], gentle: [120, 20], snappy: [320, 30] };
+  function z(e2) {
     var _a;
-    return (_a = $[e2 != null ? e2 : "crisp"]) != null ? _a : $.crisp;
+    return (_a = V[e2 != null ? e2 : "crisp"]) != null ? _a : V.crisp;
   }
   const PRICING_URL = "https://apexcharts.com/pricing";
   let _perspectivesTokenDecoded = false;
@@ -29469,15 +29543,15 @@ var __async = (__this, __arguments, generator) => {
     return typeof plan === "string" && PREMIUM_PLANS.has(plan.toLowerCase());
   }
   function reinstateWatermark(ctx, elWrap) {
-    const node = M.add(elWrap, { manage: false });
+    const node = C.add(elWrap, { manage: false });
     if (!node || typeof MutationObserver === "undefined") return;
     if (ctx._wmNodeObserver && ctx._wmObservedNode === node) return;
     if (ctx._wmNodeObserver) ctx._wmNodeObserver.disconnect();
     const nodeObs = new MutationObserver(() => {
-      const n2 = M.node(elWrap);
+      const n2 = C.node(elWrap);
       if (!n2) return;
       nodeObs.disconnect();
-      M.applyStyles(n2);
+      C.applyStyles(n2);
       nodeObs.takeRecords();
       nodeObs.observe(n2, { attributes: true, attributeFilter: ["style"] });
     });
@@ -29489,7 +29563,7 @@ var __async = (__this, __arguments, generator) => {
     reinstateWatermark(ctx, elWrap);
     if (typeof MutationObserver === "undefined" || ctx._wmWrapObserver) return;
     const wrapObs = new MutationObserver(() => {
-      if (!M.node(elWrap)) reinstateWatermark(ctx, elWrap);
+      if (!C.node(elWrap)) reinstateWatermark(ctx, elWrap);
     });
     wrapObs.observe(elWrap, { childList: true });
     ctx._wmWrapObserver = wrapObs;
@@ -29505,7 +29579,7 @@ var __async = (__this, __arguments, generator) => {
     }
     ctx._wmObservedNode = null;
     const wrap = elWrap || ctx.w && ctx.w.dom && ctx.w.dom.elWrap;
-    if (wrap) M.remove(wrap, { manage: false });
+    if (wrap) C.remove(wrap, { manage: false });
   }
   function notifyTrial(ctx, key, features) {
     if (ctx._premiumLicenseNotified) return;
@@ -29882,8 +29956,9 @@ var __async = (__this, __arguments, generator) => {
     /**
      * @param {any[]} ser
      * @param {object} opts
+     * @param {boolean} [overwriteInitialSeries=true]
      */
-    create(ser, opts) {
+    create(ser, opts, overwriteInitialSeries = true) {
       var _a, _b, _c, _d, _e, _f;
       const w = this.w;
       if (!this.core) {
@@ -29930,7 +30005,7 @@ var __async = (__this, __arguments, generator) => {
       if (Environment.isBrowser()) {
         this.events.setupEventHandlers();
       }
-      const parsedState = this.data.parseData(series);
+      const parsedState = this.data.parseData(series, overwriteInitialSeries);
       this._writeParsedSeriesData(parsedState.seriesData);
       this._writeParsedRangeData(parsedState.rangeData);
       this._writeParsedCandleData(parsedState.candleData);
@@ -29997,7 +30072,7 @@ var __async = (__this, __arguments, generator) => {
       const me = this;
       const w = me.w;
       return new Promise((resolve, reject) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
         if (me.el === null) {
           return reject(
             new Error("Not enough data to display or target element not found")
@@ -30095,9 +30170,11 @@ var __async = (__this, __arguments, generator) => {
           }
           if (w.config.chart.toolbar.show && !w.globals.allSeriesCollapsed) {
             (_k = me.toolbar) == null ? void 0 : _k.createToolbar();
+          } else if (!w.globals.allSeriesCollapsed && ((_l = me.toolbar) == null ? void 0 : _l.resetControlDue())) {
+            me.toolbar.createToolbar({ resetOnly: true });
           }
         }
-        (_l = me.weave) == null ? void 0 : _l.dispatch("draw", {
+        (_m = me.weave) == null ? void 0 : _m.dispatch("draw", {
           pass: "full",
           xyRatios: graphData == null ? void 0 : graphData.xyRatios
         });
@@ -30286,6 +30363,7 @@ var __async = (__this, __arguments, generator) => {
      * @returns {Promise<ApexCharts>} Resolves with the chart instance after re-render.
      */
     appendData(newData, overwriteInitialSeries = true) {
+      var _a;
       const me = this;
       me.data.resetParsingFlags();
       me.w.globals.dataChanged = true;
@@ -30300,14 +30378,13 @@ var __async = (__this, __arguments, generator) => {
             newData[i2]
           );
           if (src && Array.isArray(src.data) && Array.isArray(derivedRaw[i2].data)) {
-            for (let j2 = 0; j2 < src.data.length; j2++) {
-              derivedRaw[i2].data.push(src.data[j2]);
-            }
+            derivedRaw[i2].data = derivedRaw[i2].data.concat(src.data);
           }
         }
-        return this.update();
+        return this.update(void 0, overwriteInitialSeries);
       }
       const newSeries = me.w.config.series.slice();
+      const reducerRaw = me.w.globals.dataReducerRawSeries;
       for (let i2 = 0; i2 < newSeries.length; i2++) {
         if (newData[i2] !== null && typeof newData[i2] !== "undefined") {
           const srcSerie = (
@@ -30318,17 +30395,15 @@ var __async = (__this, __arguments, generator) => {
             /** @type {any} */
             newSeries[i2]
           );
-          for (let j2 = 0; j2 < srcSerie.data.length; j2++) {
-            dstSerie.data.push(srcSerie.data[j2]);
+          dstSerie.data = dstSerie.data.concat(srcSerie.data);
+          if (reducerRaw && Array.isArray((_a = reducerRaw[i2]) == null ? void 0 : _a.data)) {
+            reducerRaw[i2].data = reducerRaw[i2].data.concat(srcSerie.data);
           }
         }
       }
       trimStreamingSeries(newSeries, me.w);
       me.w.config.series = newSeries;
-      if (overwriteInitialSeries) {
-        me.w.globals.initialSeries = me.w.config.series;
-      }
-      return this.update();
+      return this.update(void 0, overwriteInitialSeries);
     }
     /**
      * True when an options object carries enough series data that a
@@ -30350,15 +30425,22 @@ var __async = (__this, __arguments, generator) => {
     }
     /**
      * @param {object} [options]
+     * @param {boolean} [overwriteInitialSeries=false] true only when the caller
+     *   redefined the series before triggering this re-render, so the parse it
+     *   runs is the one that captures the new baseline.
      */
-    update(options2) {
+    update(options2, overwriteInitialSeries = false) {
       return new Promise((resolve, reject) => {
         if (options2 && this.lastUpdateOptions && !_ApexCharts._optionsTooBigToCompare(options2) && Utils$1.stringifyForCompare(this.lastUpdateOptions) === Utils$1.stringifyForCompare(options2)) {
           return resolve(this);
         }
         this.lastUpdateOptions = options2 && !_ApexCharts._optionsTooBigToCompare(options2) ? Utils$1.clone(options2) : null;
         new Destroy(this.ctx).clear({ isUpdating: true });
-        const graphData = this.create(this.w.config.series, options2 != null ? options2 : {});
+        const graphData = this.create(
+          this.w.config.series,
+          options2 != null ? options2 : {},
+          overwriteInitialSeries
+        );
         if (!graphData) return resolve(this);
         this.mount(graphData).then(() => {
           var _a;
@@ -32668,8 +32750,7 @@ var __async = (__this, __arguments, generator) => {
         }
       };
       const handleUnequalXValues = () => {
-        const categories = /* @__PURE__ */ new Set();
-        const data = {};
+        const byCategory = /* @__PURE__ */ new Map();
         series.forEach((s2, sI) => {
           s2 == null ? void 0 : s2.data.forEach((dataItem) => {
             let cat, value;
@@ -32682,23 +32763,22 @@ var __async = (__this, __arguments, generator) => {
             } else {
               return;
             }
-            if (!/** @type {Record<string,any>} */
-            data[cat]) {
-              data[cat] = Array(
-                series.length
-              ).fill("");
+            const key = String(cat);
+            let row = byCategory.get(key);
+            if (!row) {
+              row = { cat, values: Array(series.length).fill("") };
+              byCategory.set(key, row);
             }
-            data[cat][sI] = getFormattedValue(value);
-            categories.add(cat);
+            row.values[sI] = getFormattedValue(value);
           });
         });
         if (columns.length) {
           rows.push(columns.join(columnDelimiter));
         }
-        Array.from(categories).sort().forEach((cat) => {
-          const values = (
-            /** @type {Record<string,any>} */
-            data[cat]
+        Array.from(byCategory.keys()).sort().forEach((key) => {
+          const { cat, values } = (
+            /** @type {{cat: any, values: string[]}} */
+            byCategory.get(key)
           );
           rows.push([getFormattedCategory(cat), ...values].join(columnDelimiter));
         });
@@ -33714,7 +33794,7 @@ var __async = (__this, __arguments, generator) => {
           "dataPointMouseLeave",
           this._onCellLeave
         );
-      } catch (_) {
+      } catch (_2) {
       }
     }
     /** Wire mousemove/mouseout on each per-band hit-region (ranges mode). */
@@ -34133,7 +34213,7 @@ var __async = (__this, __arguments, generator) => {
       const isLegendInversed = w.config.legend.inverseOrder;
       const legendGroups = [];
       if (w.labelData.seriesGroups.length > 1 && w.config.legend.clusterGroupedSeries) {
-        w.labelData.seriesGroups.forEach((_, gi) => {
+        w.labelData.seriesGroups.forEach((_2, gi) => {
           legendGroups[gi] = BrowserAPIs.createElement("div");
           legendGroups[gi].classList.add(
             "apexcharts-legend-group",
@@ -34458,10 +34538,49 @@ var __async = (__this, __arguments, generator) => {
       this.elMenu = null;
       this.elMenuItems = [];
       this.t = null;
+      this._drawnForZoom = null;
     }
-    createToolbar() {
-      var _a, _b;
+    /**
+     * Whether this chart's built-in ways back out of a zoom are switched on.
+     *
+     * The gate `chart.zoom.resetControl` opens, and the one the Escape shortcut
+     * reads too, so a page that says it supplies its own reset gets neither.
+     * 'auto' means "supply one when nothing else on screen can": a toolbar
+     * showing its reset tool is a way back, and anything else is not.
+     *
+     * @returns {boolean}
+     */
+    resetControlAllowed() {
+      const c = this.w.config.chart;
+      if (!c.zoom || !c.zoom.enabled) return false;
+      const setting = c.zoom.resetControl === void 0 ? "auto" : c.zoom.resetControl;
+      if (setting !== "auto") return !!setting;
+      const onScreen = c.toolbar && c.toolbar.show && c.toolbar.tools && c.toolbar.tools.reset;
+      return !onScreen;
+    }
+    /**
+     * Whether a reset control has to be drawn for the state the chart is in now.
+     *
+     * Only while the chart is actually zoomed, which is the whole idea: the
+     * control appears at the moment the viewer changed the view, where they are
+     * already looking, and goes again when the range does. A page that never
+     * zooms never sees it, so `toolbar: { show: false }` still means an empty
+     * chart for everyone who does not zoom.
+     *
+     * @returns {boolean}
+     */
+    resetControlDue() {
+      return !!this.w.interact.zoomed && this.resetControlAllowed();
+    }
+    /**
+     * @param {{ resetOnly?: boolean }} [opts] `resetOnly` draws the on-demand
+     *   reset control and nothing else, for a chart whose page asked for no
+     *   toolbar at all. See {@link Toolbar#resetControlDue}.
+     */
+    createToolbar(opts = {}) {
+      var _a, _b, _c;
       const w = this.w;
+      const resetOnly = !!opts.resetOnly;
       const createDiv = () => {
         return BrowserAPIs.createElementNS("http://www.w3.org/1999/xhtml", "div");
       };
@@ -34489,6 +34608,24 @@ var __async = (__this, __arguments, generator) => {
       this.elMenu = createDiv();
       this.elCustomIcons = [];
       this.t = w.config.chart.toolbar.tools;
+      this._drawnForZoom = null;
+      if (resetOnly) {
+        this.t = {
+          zoom: false,
+          zoomin: false,
+          zoomout: false,
+          selection: false,
+          pan: false,
+          measure: false,
+          download: false,
+          customIcons: [],
+          reset: true
+        };
+        this._drawnForZoom = "wrap";
+      } else if (!this.t.reset && this.resetControlDue()) {
+        this.t = __spreadProps(__spreadValues({}, this.t), { reset: true });
+        this._drawnForZoom = "control";
+      }
       if (Array.isArray(this.t.customIcons)) {
         for (let i2 = 0; i2 < this.t.customIcons.length; i2++) {
           this.elCustomIcons.push(createBtn());
@@ -34511,16 +34648,16 @@ var __async = (__this, __arguments, generator) => {
       };
       appendZoomControl("zoomIn", this.elZoomIn, icoZoomIn);
       appendZoomControl("zoomOut", this.elZoomOut, icoZoomOut);
-      const zoomSelectionCtrls = (z) => {
-        if (this.t[z] && w.config.chart[z].enabled) {
+      const zoomSelectionCtrls = (z2) => {
+        if (this.t[z2] && w.config.chart[z2].enabled) {
           toolbarControls.push({
-            el: z === "zoom" ? this.elZoom : this.elSelection,
-            icon: typeof this.t[z] === "string" ? this.t[z] : z === "zoom" ? icoZoom : icoSelect,
+            el: z2 === "zoom" ? this.elZoom : this.elSelection,
+            icon: typeof this.t[z2] === "string" ? this.t[z2] : z2 === "zoom" ? icoZoom : icoSelect,
             title: (
               /** @type {any} */
-              this.localeValues[z === "zoom" ? "selectionZoom" : "selection"]
+              this.localeValues[z2 === "zoom" ? "selectionZoom" : "selection"]
             ),
-            class: `apexcharts-${z}-icon`
+            class: `apexcharts-${z2}-icon`
           });
         }
       };
@@ -34599,7 +34736,14 @@ var __async = (__this, __arguments, generator) => {
         this.elMenuIcon.setAttribute("aria-haspopup", "true");
         this.elMenuIcon.setAttribute("aria-expanded", "false");
       }
-      this._createHamburgerMenu(elToolbarWrap);
+      if (!resetOnly) this._createHamburgerMenu(elToolbarWrap);
+      if (resetOnly) {
+        (_a = this.elZoomReset) == null ? void 0 : _a.addEventListener(
+          "click",
+          this.handleZoomReset.bind(this)
+        );
+        return;
+      }
       if (w.interact.zoomEnabled) {
         this.elZoom.classList.add(this.selectedClass);
       } else if (w.interact.panEnabled) {
@@ -34608,7 +34752,7 @@ var __async = (__this, __arguments, generator) => {
         this.elSelection.classList.add(this.selectedClass);
       } else if (w.interact.measureEnabled && this.elMeasure) {
         this.elMeasure.classList.add(this.selectedClass);
-        (_b = (_a = this.ctx.measure) == null ? void 0 : _a.startMeasure) == null ? void 0 : _b.call(_a);
+        (_c = (_b = this.ctx.measure) == null ? void 0 : _b.startMeasure) == null ? void 0 : _c.call(_b);
       }
       this.addToolbarEventListeners();
     }
@@ -35014,9 +35158,28 @@ var __async = (__this, __arguments, generator) => {
           break;
       }
     }
+    /**
+     * Take down whatever the zoom alone put on screen.
+     *
+     * By hand, and not left to the next render, because of the order in
+     * {@link Toolbar#handleZoomReset}: the re-render happens while
+     * `interact.zoomed` is still true, so the control is drawn once more and then
+     * the flag clears with no further pass to notice. Reversing that order would
+     * change what every listener downstream of the update sees, which is a much
+     * larger promise than this control is worth.
+     */
+    clearZoomAffordance() {
+      const drawn = this._drawnForZoom;
+      this._drawnForZoom = null;
+      if (!drawn || !this.elZoomReset) return;
+      const parent = this.elZoomReset.parentNode;
+      const gone = drawn === "wrap" ? parent : this.elZoomReset;
+      if (gone && gone.parentNode) gone.parentNode.removeChild(gone);
+    }
     handleZoomReset() {
       const charts = this.ctx.getSyncedCharts();
       charts.forEach((ch) => {
+        var _a;
         const w = ch.w;
         if (!w.interact.zoomed) return;
         w.globals.lastXAxis.min = w.globals.initialConfig.xaxis.min;
@@ -35042,6 +35205,7 @@ var __async = (__this, __arguments, generator) => {
           w.config.chart.animations.dynamicAnimation.enabled
         );
         w.interact.zoomed = false;
+        (_a = ch.ctx.toolbar) == null ? void 0 : _a.clearZoomAffordance();
       });
     }
     destroy() {
@@ -35141,6 +35305,10 @@ var __async = (__this, __arguments, generator) => {
           passive: false
         });
       }
+      this.hoverArea.addEventListener("keydown", me.escapeResetEvent.bind(me), {
+        capture: false,
+        passive: true
+      });
       if (this._momentumEnabled()) {
         ["touchstart", "touchmove", "touchend", "touchcancel"].forEach(
           (event) => {
@@ -35273,12 +35441,16 @@ var __async = (__this, __arguments, generator) => {
     /**
      * A wheel or pinch zoom is an incidental gesture: the viewer can land in a
      * zoomed window without meaning to (a page scroll over the chart, a two-finger
-     * swipe), so it is only offered when there is a way back out of it. The only
-     * built-in way back is the toolbar's reset button, hence 'auto' (the default
-     * for both allowMouseWheelZoom and pinch) resolves against that button being
-     * present. A page that builds its own reset control sets the option to true
-     * and gets the gesture with no toolbar. Drag-to-zoom is deliberate, so it is
-     * not gated this way.
+     * swipe), so it is only offered when there is a way back out of it. 'auto'
+     * (the default for both allowMouseWheelZoom and pinch) resolves against a
+     * reset button that is already on screen. A page that builds its own reset
+     * control sets the option to true and gets the gesture with no toolbar.
+     * Drag-to-zoom is deliberate, so it is not gated this way.
+     *
+     * `chart.zoom.resetControl` supplies a reset of its own once a chart IS
+     * zoomed, and deliberately does NOT open this gate. It arrives after the
+     * fact, and what an incidental wheel zoom takes from the viewer first is the
+     * page scroll it swallowed, which no button hands back.
      *
      * @param {boolean|'auto'} setting
      */
@@ -35293,6 +35465,58 @@ var __async = (__this, __arguments, generator) => {
       const { zoom } = this.w.config.chart;
       return this._incidentalZoomEnabled(zoom && zoom.allowMouseWheelZoom);
     }
+    /**
+     * Put keyboard focus on the chart, where the chart is focusable at all.
+     *
+     * A drag is swallowed by the zoom handlers before the browser can move focus,
+     * so a viewer who has just zoomed by hand leaves nothing focused, and every
+     * key the chart offers is out of reach: Escape to reset (see
+     * {@link ZoomPanSelection#escapeResetEvent}) and the +, - and 0 the keyboard
+     * module already binds. Focusing what they just acted on puts those in reach.
+     *
+     * Pointer-driven focus, which keyboard navigation expects and does not read
+     * as a request to start navigating, and which the stylesheet draws no ring
+     * around (`svg:focus:not(:focus-visible)`).
+     *
+     * Only where the accessibility module has made the SVG focusable, which is
+     * the default: a page that turned keyboard support off is not handed a tab
+     * stop it never asked for, and still has the reset control as its way back.
+     */
+    _focusForKeyboard() {
+      var _a, _b;
+      const node = this.w.dom.Paper && this.w.dom.Paper.node;
+      if (!node || typeof node.focus !== "function") return;
+      if (node.getAttribute("tabindex") === null) return;
+      (_b = (_a = this.ctx.keyboardNavigation) == null ? void 0 : _a.notePointerFocus) == null ? void 0 : _b.call(_a);
+      try {
+        node.focus({ preventScroll: true });
+      } catch (e2) {
+        node.focus();
+      }
+    }
+    /**
+     * Escape, on a zoomed chart, puts the range back.
+     *
+     * The quiet half of the same answer the on-demand reset control gives, and
+     * gated on it, so a page that says it supplies its own way back gets neither.
+     *
+     * It defers to keyboard navigation, whose Escape dismisses the tooltip and
+     * which offers `0` for this, so the key means one thing at a time. It does
+     * not stop the event either, so a page listening for Escape still hears it.
+     *
+     * Reachable because a completed drag-zoom puts focus on the chart; see
+     * {@link ZoomPanSelection#_focusForKeyboard}.
+     *
+     * @param {any} e
+     */
+    escapeResetEvent(e2) {
+      if (e2.key !== "Escape" && e2.key !== "Esc") return;
+      if (!this.w.interact.zoomed) return;
+      const nav = this.ctx.keyboardNavigation;
+      if (nav && nav.active) return;
+      if (!this.resetControlAllowed()) return;
+      this.handleZoomReset();
+    }
     /** Lazily-created, re-render-surviving wheel-gesture state. */
     _wheel() {
       const it = this.w.interact;
@@ -35775,11 +35999,16 @@ var __async = (__this, __arguments, generator) => {
           if (!w.config.chart.group) {
             options2.yaxis = yaxis;
           }
-          me.ctx.updateHelpers._updateOptions(
+          const applied = me.ctx.updateHelpers._updateOptions(
             options2,
             false,
             me.w.config.chart.animations.dynamicAnimation.enabled
           );
+          if (applied && typeof applied.then === "function") {
+            applied.then(() => me._focusForKeyboard());
+          } else {
+            me._focusForKeyboard();
+          }
           if (typeof w.config.chart.events.zoomed === "function") {
             toolbar.zoomCallback(xaxis, yaxis);
           }
@@ -37532,6 +37761,19 @@ var __async = (__this, __arguments, generator) => {
     _onPointerDown() {
       this._lastPointerDownAt = Date.now();
     }
+    /**
+     * Note that a pointer gesture is about to move focus into the chart.
+     *
+     * The 100 ms window above catches the browser's own click-to-focus, which
+     * lands immediately. A drag-zoom moves focus deliberately, and only once its
+     * re-render is done (ZoomPanSelection#_focusForKeyboard), which is far
+     * outside that window. Without this it reads as a viewer asking to navigate
+     * by keyboard, which activates nav and flashes a tooltip at the first visible
+     * point after every zoom.
+     */
+    notePointerFocus() {
+      this._lastPointerDownAt = Date.now();
+    }
     /**
      * Called from Events.js keydown handler. Navigation keys are already handled
      * by the direct SVG listener (which can call preventDefault). This entry
@@ -41076,7 +41318,7 @@ var __async = (__this, __arguments, generator) => {
     }
   }
   ApexCharts.registerFeatures({ drilldown: Drilldown });
-  const WEAVE_API_VERSION = 4;
+  const WEAVE_API_VERSION = 5;
   const PLUGIN_CHART_METHODS = [
     "updateOptions",
     "updateSeries",
@@ -41307,6 +41549,19 @@ var __async = (__this, __arguments, generator) => {
             enabledOnSeries: Array.isArray(
               w.config.dataLabels && w.config.dataLabels.enabledOnSeries
             ) ? w.config.dataLabels.enabledOnSeries.slice() : null
+          }),
+          // The caller's own dashing, reported for the same reason and against
+          // the same trap (v5). `stroke.dashArray` is indexed by series position
+          // with no per-series escape hatch, so a plugin that wants ITS OWN
+          // computed series dashed has to write the whole array, and writing one
+          // without knowing what was there discards the caller's dashed lines
+          // with nothing to restore them from.
+          //
+          // A scalar applies to every series and an array is per series. There is
+          // no "unset" to report: the option defaults to 0, and 0 already means
+          // no dashing, so restoring it restores exactly what was there.
+          stroke: Object.freeze({
+            dashArray: Array.isArray(w.config.stroke && w.config.stroke.dashArray) ? w.config.stroke.dashArray.slice() : w.config.stroke && w.config.stroke.dashArray || 0
           })
         });
       },
@@ -41570,7 +41825,7 @@ var __async = (__this, __arguments, generator) => {
     _setScales(xyRatios) {
       const w = this.w;
       const gl = w.globals;
-      const L2 = w.layout;
+      const L = w.layout;
       if (!xyRatios || !gl.axisCharts) {
         this._currentScales = null;
         return;
@@ -41581,7 +41836,7 @@ var __async = (__this, __arguments, generator) => {
       const maxY = (axis) => gl.maxYArr[axis] != null ? gl.maxYArr[axis] : gl.maxY;
       const minY = (axis) => gl.minYArr[axis] != null ? gl.minYArr[axis] : gl.minY;
       const banded = !w.axisFlags.isXNumeric && !gl.isBarHorizontal && gl.dataPoints > 0;
-      const band = banded ? L2.gridWidth / gl.dataPoints : 0;
+      const band = banded ? L.gridWidth / gl.dataPoints : 0;
       this._currentScales = {
         x: banded ? (v) => band * (v + 0.5) : (v) => (v - gl.minX) / xRatio,
         /**
@@ -41592,8 +41847,8 @@ var __async = (__this, __arguments, generator) => {
         domainX: banded ? [-0.5, gl.dataPoints - 0.5] : [gl.minX, gl.maxX],
         /** @param {number} [axis] */
         domainY: (axis = 0) => [minY(axis), maxY(axis)],
-        gridWidth: L2.gridWidth,
-        gridHeight: L2.gridHeight,
+        gridWidth: L.gridWidth,
+        gridHeight: L.gridHeight,
         ratios: xyRatios
       };
     }
@@ -41958,14 +42213,14 @@ var __async = (__this, __arguments, generator) => {
      * @param {string} name
      * @param {{ z?: 'front'|'behind', className?: string }} opts
      */
-    _layer(name2, { z = "front", className = "" } = {}) {
+    _layer(name2, { z: z2 = "front", className = "" } = {}) {
       let g = this._layers.get(name2);
       if (!g) {
         g = this.ctx.graphics.group({
           class: `apexcharts-plugin-${name2} ${className}`.trim()
         });
         const parent = this.w.dom.elGraphical.node;
-        if (z === "behind") parent.insertBefore(g.node, parent.firstChild);
+        if (z2 === "behind") parent.insertBefore(g.node, parent.firstChild);
         else parent.appendChild(g.node);
         g.node.setAttribute("aria-hidden", "true");
         this._layers.set(name2, g);
@@ -42609,8 +42864,8 @@ var __async = (__this, __arguments, generator) => {
       const x = lo + g * step;
       let sum = 0;
       for (let i2 = 0; i2 < n2; i2++) {
-        const z = (x - sorted[i2]) / h;
-        sum += Math.exp(-0.5 * z * z);
+        const z2 = (x - sorted[i2]) / h;
+        sum += Math.exp(-0.5 * z2 * z2);
       }
       density.push([x, sum * norm]);
     }
@@ -43268,7 +43523,7 @@ var __async = (__this, __arguments, generator) => {
       values,
       order,
       carrier: visible.length ? visible[0] : 0,
-      hidden: raw.map((_, k) => k).filter((k) => collapsed.indexOf(k) !== -1)
+      hidden: raw.map((_2, k) => k).filter((k) => collapsed.indexOf(k) !== -1)
     };
     const carrier = w.dumbbellData.carrier;
     return raw.map((s2, k) => __spreadProps(__spreadValues({}, s2), {
@@ -44073,7 +44328,7 @@ var __async = (__this, __arguments, generator) => {
       highs,
       order: bandOrder,
       offset,
-      hidden: raw.map((_, k) => k).filter((k) => collapsed.indexOf(k) !== -1)
+      hidden: raw.map((_2, k) => k).filter((k) => collapsed.indexOf(k) !== -1)
     };
     return raw.map((s2, k) => {
       const lo = lows[k];
@@ -44822,7 +45077,7 @@ var __async = (__this, __arguments, generator) => {
             /**
              * @param {any} _
              */
-            brArr.map((_) => "none")
+            brArr.map((_2) => "none")
           )
         );
       }
@@ -45163,7 +45418,7 @@ var __async = (__this, __arguments, generator) => {
       ) : null;
       const isBar = (i2) => !barIndices || barIndices.has(i2);
       if (!groups || groups.length < 2) {
-        const bucket = Array.from({ length: numSeries }, (_, i2) => i2).filter(isBar);
+        const bucket = Array.from({ length: numSeries }, (_2, i2) => i2).filter(isBar);
         return bucket.length ? [bucket] : [];
       }
       const buckets = Array.from({ length: groups.length }, () => []);
@@ -45194,6 +45449,14 @@ var __async = (__this, __arguments, generator) => {
      * second at the top, and nothing else touched. Stacked totals already resolve
      * per group (see drawsStackedTotal, #4173); corners never got the same fix.
      *
+     * plotOptions.bar.borderRadiusWhenStacked picks which ends round: 'all'
+     * caps both the baseline and the far end, 'last' only the far end (#4845).
+     *
+     * A single-data-point chart used to hand its baseline segment 'top' (and a
+     * solo segment 'top' instead of 'both'), which on a horizontal stack rounded
+     * the first segment on its INNER edge and left a pill in the middle of the
+     * bar (#4845). One data point is resolved like any other now.
+     *
      * @param {any[]} series
      * @returns {string[][]}
      */
@@ -45208,9 +45471,11 @@ var __async = (__this, __arguments, generator) => {
         () => Array(numColumns).fill(alwaysApplyRadius ? "top" : "none")
       );
       if (alwaysApplyRadius) return output;
-      const isSoloHorizontal = this.w.config.chart.type === "bar" && numColumns === 1;
-      const soloCorner = isSoloHorizontal ? "top" : "both";
-      const baseCorner = isSoloHorizontal ? "top" : "bottom";
+      const lastOnly = w.config.plotOptions.bar.borderRadiusWhenStacked === "last";
+      const soloPositive = lastOnly ? "top" : "both";
+      const soloNegative = lastOnly ? "bottom" : "both";
+      const positiveBase = lastOnly ? "none" : "bottom";
+      const negativeBase = lastOnly ? "none" : "top";
       for (const stack of this.getStackedSeriesIndices(numSeries)) {
         for (let j2 = 0; j2 < numColumns; j2++) {
           const positiveIndices = [];
@@ -45222,22 +45487,22 @@ var __async = (__this, __arguments, generator) => {
           }
           if (positiveIndices.length > 0 && negativeIndices.length === 0) {
             if (positiveIndices.length === 1) {
-              output[positiveIndices[0]][j2] = soloCorner;
+              output[positiveIndices[0]][j2] = soloPositive;
             } else {
               const first = positiveIndices[0];
               const last = positiveIndices[positiveIndices.length - 1];
               for (const i2 of positiveIndices) {
-                output[i2][j2] = i2 === first ? baseCorner : i2 === last ? "top" : "none";
+                output[i2][j2] = i2 === first ? positiveBase : i2 === last ? "top" : "none";
               }
             }
           } else if (negativeIndices.length > 0 && positiveIndices.length === 0) {
             if (negativeIndices.length === 1) {
-              output[negativeIndices[0]][j2] = "both";
+              output[negativeIndices[0]][j2] = soloNegative;
             } else {
-              const highest = Math.max(...negativeIndices);
-              const lowest = Math.min(...negativeIndices);
+              const nearest = Math.min(...negativeIndices);
+              const farthest = Math.max(...negativeIndices);
               for (const i2 of negativeIndices) {
-                output[i2][j2] = i2 === highest ? "bottom" : i2 === lowest ? "top" : "none";
+                output[i2][j2] = i2 === nearest ? negativeBase : i2 === farthest ? "bottom" : "none";
               }
             }
           } else if (positiveIndices.length > 0 && negativeIndices.length > 0) {
@@ -45873,7 +46138,7 @@ var __async = (__this, __arguments, generator) => {
       const w = this.w;
       let nonZeroColumns = 0;
       let zeroEncounters = 0;
-      const seriesIndices = w.config.plotOptions.bar.horizontal ? w.seriesData.series.map((_, _i) => _i) : ((_a = w.globals.columnSeries) == null ? void 0 : _a.i.map((_i) => _i)) || [];
+      const seriesIndices = w.config.plotOptions.bar.horizontal ? w.seriesData.series.map((_2, _i) => _i) : ((_a = w.globals.columnSeries) == null ? void 0 : _a.i.map((_i) => _i)) || [];
       seriesIndices.forEach((_si) => {
         const val = w.globals.seriesPercent[_si][j2];
         if (val) {
@@ -46960,7 +47225,7 @@ var __async = (__this, __arguments, generator) => {
         series = w.globals.comboCharts ? (
           /** @type {any} */
           seriesIndex.map(
-            (_) => w.globals.seriesPercent[_]
+            (_2) => w.globals.seriesPercent[_2]
           )
         ) : w.globals.seriesPercent.slice();
       }
@@ -47759,17 +48024,17 @@ var __async = (__this, __arguments, generator) => {
               if (this.isHorizontal) {
                 const yRatio = this.invertedYRatio;
                 const bh = barHeight != null ? barHeight : 0;
-                const z = zeroW != null ? zeroW : 0;
+                const z2 = zeroW != null ? zeroW : 0;
                 center = paths.barYPosition + bh / 2;
                 halfExtent = bh / 2;
-                alongFn = (v) => z + logVal(v) / yRatio;
+                alongFn = (v) => z2 + logVal(v) / yRatio;
               } else {
                 const yRatio = this.yRatio[translationsIndex];
                 const bw = barWidth != null ? barWidth : 0;
-                const z = zeroH != null ? zeroH : 0;
+                const z2 = zeroH != null ? zeroH : 0;
                 center = paths.barXPosition + bw / 2;
                 halfExtent = bw / 2;
-                alongFn = (v) => z - logVal(v) / yRatio;
+                alongFn = (v) => z2 - logVal(v) / yRatio;
               }
               const groups = buildJitterGroups({
                 w,
@@ -48503,7 +48768,7 @@ var __async = (__this, __arguments, generator) => {
         return { nodes: [], maxWeight: 0 };
       }
       const order = d.values.map(
-        (_, k) => k
+        (_2, k) => k
       );
       order.sort(
         (a2, b) => d.values[a2] - d.values[b]
@@ -50466,15 +50731,15 @@ var __async = (__this, __arguments, generator) => {
         case "monotoneCubic": {
           const yAj = isRangeStart ? yArrj : y2Arrj;
           const getSmoothInputs = (xArr, yArr) => {
-            return xArr.map((_, i3) => {
-              return [_, yArr[i3]];
-            }).filter((_) => _[1] !== null);
+            return xArr.map((_2, i3) => {
+              return [_2, yArr[i3]];
+            }).filter((_2) => _2[1] !== null);
           };
           const getSegmentLengths = (yArr) => {
             const segLens = [];
             let count = 0;
-            yArr.forEach((_) => {
-              if (_ !== null) {
+            yArr.forEach((_2) => {
+              if (_2 !== null) {
                 count++;
               } else if (count > 0) {
                 segLens.push(count);
@@ -50521,11 +50786,11 @@ var __async = (__this, __arguments, generator) => {
               }
               let segmentCount = 0;
               let smoothInputsIndex = 0;
-              getSegments(_yAj, points).forEach((_) => {
+              getSegments(_yAj, points).forEach((_2) => {
                 segmentCount++;
-                const svgPoints = svgPath(_);
+                const svgPoints = svgPath(_2);
                 const _start = smoothInputsIndex;
-                smoothInputsIndex += _.length;
+                smoothInputsIndex += _2.length;
                 const _end = smoothInputsIndex - 1;
                 if (isLowerRangeAreaPath) {
                   linePath = graphics.move(
@@ -51008,13 +51273,13 @@ var __async = (__this, __arguments, generator) => {
   function sharpDonutSegmentPath({ cx, cy, rIn, rOut, a0, a1, spanDeg }) {
     const ptAt = (radius, deg) => arcPoint(cx, cy, radius, deg);
     const largeArc = spanDeg > 180 ? 1 : 0;
-    const A2 = ptAt(rOut, a0);
+    const A = ptAt(rOut, a0);
     const B = ptAt(rOut, a1);
-    const C = ptAt(rIn, a1);
+    const C2 = ptAt(rIn, a1);
     const Din = ptAt(rIn, a0);
     return [
       "M",
-      xy(A2),
+      xy(A),
       "A",
       rOut,
       rOut,
@@ -51023,7 +51288,7 @@ var __async = (__this, __arguments, generator) => {
       1,
       xy(B),
       "L",
-      xy(C),
+      xy(C2),
       "A",
       rIn,
       rIn,
@@ -51143,7 +51408,7 @@ var __async = (__this, __arguments, generator) => {
       const w = this.w;
       const helpers = new CircularChartsHelpers(w);
       const lineSets = (w.seriesData.seriesNames || []).map(
-        (_, i2) => this.getExternalLabelLines(i2)
+        (_2, i2) => this.getExternalLabelLines(i2)
       );
       const maxLabelWidth = helpers.getMaxLabelWidth(lineSets.flat(), {
         fontSize: this.externalLabelStyle.fontSize,
@@ -53836,7 +54101,7 @@ var __async = (__this, __arguments, generator) => {
         (_d = (_c = w.config.series[i2].data) == null ? void 0 : _c[j2]) == null ? void 0 : _d.x
       );
       const labelX = Array.isArray(x) ? x.join(" ") : x;
-      const rowIndex = w.labelData.labels.map((_) => Array.isArray(_) ? _.join(" ") : _).indexOf(labelX);
+      const rowIndex = w.labelData.labels.map((_2) => Array.isArray(_2) ? _2.join(" ") : _2).indexOf(labelX);
       const overlappedIndex = w.rangeData.seriesRange[i2].findIndex(
         (tx) => {
           var _a2;
@@ -55034,8 +55299,8 @@ var __async = (__this, __arguments, generator) => {
      */
     _zoomEnabled() {
       const w = this.w;
-      const z = w.config.plotOptions.treemap.zoom;
-      if (!z || !z.enabled || !this.showParents) return false;
+      const z2 = w.config.plotOptions.treemap.zoom;
+      if (!z2 || !z2.enabled || !this.showParents) return false;
       const dd = w.config.drilldown;
       if (dd && dd.enabled && Array.isArray(dd.series) && dd.series.length) {
         if (!this._warnedZoomConflict) {
@@ -55127,8 +55392,8 @@ var __async = (__this, __arguments, generator) => {
     }
     /** The breadcrumb config: a treemap-local override on the shared block. */
     _breadcrumbCfg() {
-      const z = this.w.config.plotOptions.treemap.zoom;
-      return breadcrumbConfig(this.w, z && z.breadcrumb);
+      const z2 = this.w.config.plotOptions.treemap.zoom;
+      return breadcrumbConfig(this.w, z2 && z2.breadcrumb);
     }
     /**
      * Breadcrumb back out of a zoom. Markup, config and accessible semantics are
@@ -55327,7 +55592,7 @@ var __async = (__this, __arguments, generator) => {
       if (typeof fmt === "function") {
         try {
           return String(fmt(v, { seriesIndex: 0, dataPointIndex: 0, w }));
-        } catch (_) {
+        } catch (_2) {
         }
       }
       return String(v);
@@ -55572,7 +55837,7 @@ var __async = (__this, __arguments, generator) => {
   const PK_CORNER = 1;
   const PK_GLYPH = 2;
   function springParams(preset, speed) {
-    const [stiffness, damping] = q(
+    const [stiffness, damping] = z(
       /** @type {import('apex-commons').SpringPreset|undefined} */
       preset
     );
@@ -55816,7 +56081,7 @@ var __async = (__this, __arguments, generator) => {
           r: typeof p.r === "number" && p.r > 0 ? p.r : void 0
         });
       });
-      const clusters = counts.map((_, i2) => ({
+      const clusters = counts.map((_2, i2) => ({
         i: i2,
         cx: gw / 2,
         cy: gh / 2,
@@ -55923,7 +56188,7 @@ var __async = (__this, __arguments, generator) => {
       const gw = w.layout.gridWidth;
       const gh = w.layout.gridHeight;
       const labelSpace = opts.clusterLabels && opts.clusterLabels.show ? 30 : 6;
-      const visible = counts.map((_, i2) => i2).filter((i2) => counts[i2] > 0);
+      const visible = counts.map((_2, i2) => i2).filter((i2) => counts[i2] > 0);
       const Kv = Math.max(1, visible.length);
       const slotOf = new Array(counts.length).fill(-1);
       visible.forEach((i2, s2) => slotOf[i2] = s2);
@@ -55938,7 +56203,7 @@ var __async = (__this, __arguments, generator) => {
       const cy = labelSpace + availH / 2;
       const outerRs = counts.map((n2) => step * Math.sqrt(Math.max(1, n2)) + dotR);
       const cellCentre = (i2) => slotOf[i2] >= 0 ? cellW * (slotOf[i2] + 0.5) : gw / 2;
-      let centers = counts.map((_, i2) => cellCentre(i2));
+      let centers = counts.map((_2, i2) => cellCentre(i2));
       const visOuter = visible.map((i2) => outerRs[i2]);
       let overlap = false;
       for (let s2 = 1; s2 < Kv; s2++) {
@@ -55963,10 +56228,10 @@ var __async = (__this, __arguments, generator) => {
         } else {
           const lo = visOuter[0];
           const hi = gw - visOuter[Kv - 1];
-          visCenters = visOuter.map((_, s2) => lo + (hi - lo) * s2 / (Kv - 1));
+          visCenters = visOuter.map((_2, s2) => lo + (hi - lo) * s2 / (Kv - 1));
         }
         centers = counts.map(
-          (_, i2) => slotOf[i2] >= 0 ? visCenters[slotOf[i2]] : gw / 2
+          (_2, i2) => slotOf[i2] >= 0 ? visCenters[slotOf[i2]] : gw / 2
         );
       }
       return counts.map((n2, i2) => ({
@@ -55998,11 +56263,11 @@ var __async = (__this, __arguments, generator) => {
       this._lastDotR = this._dotRadiusFromStep(step, opts);
       const cx = gw / 2;
       const cy = labelSpace + (gh - labelSpace) / 2;
-      const order = counts.map((_, i2) => i2);
+      const order = counts.map((_2, i2) => i2);
       if (opts.sortByGroup !== false) {
         order.sort((a2, b) => counts[a2] - counts[b]);
       }
-      const clusters = counts.map((_, i2) => ({
+      const clusters = counts.map((_2, i2) => ({
         i: i2,
         cx,
         cy,
@@ -56074,7 +56339,7 @@ var __async = (__this, __arguments, generator) => {
         }
       }
       seats.sort((s1, s2) => s1.a - s2.a);
-      const clusters = counts.map((_, i2) => ({
+      const clusters = counts.map((_2, i2) => ({
         i: i2,
         cx,
         cy,
@@ -56135,11 +56400,11 @@ var __async = (__this, __arguments, generator) => {
       const spacing = opts.spacing > 0 ? opts.spacing : 1.05;
       const absSpan = Math.abs(span) || Math.PI;
       const fixed = this._fixedRadius(opts);
-      const evalR = (R2) => {
-        R2 = Math.max(1, Math.round(R2));
+      const evalR = (R) => {
+        R = Math.max(1, Math.round(R));
         const radii = [];
-        for (let r2 = 0; r2 < R2; r2++) {
-          radii.push(R2 === 1 ? (r0 + r1) / 2 : r0 + (r1 - r0) * (r2 / (R2 - 1)));
+        for (let r2 = 0; r2 < R; r2++) {
+          radii.push(R === 1 ? (r0 + r1) / 2 : r0 + (r1 - r0) * (r2 / (R - 1)));
         }
         const weightSum = radii.reduce((a2, x) => a2 + x, 0) || 1;
         const raw = radii.map((rho) => total * rho / weightSum);
@@ -56152,19 +56417,19 @@ var __async = (__this, __arguments, generator) => {
           }
         });
         while (left > 0) {
-          seatsPerRow[R2 - 1]++;
+          seatsPerRow[R - 1]++;
           left--;
         }
-        const radialPitch = R2 === 1 ? r1 - r0 || r1 : (r1 - r0) / (R2 - 1);
+        const radialPitch = R === 1 ? r1 - r0 || r1 : (r1 - r0) / (R - 1);
         let minArcPitch = Infinity;
-        for (let r2 = 0; r2 < R2; r2++) {
+        for (let r2 = 0; r2 < R; r2++) {
           const n2 = seatsPerRow[r2];
           if (n2 <= 0) continue;
           const arcPitch = radii[r2] * absSpan / n2;
           if (arcPitch < minArcPitch) minArcPitch = arcPitch;
         }
         const pitch = Math.min(radialPitch, minArcPitch);
-        return { R: R2, radii, seatsPerRow, dotR: Math.max(1, pitch / (2 * spacing)) };
+        return { R, radii, seatsPerRow, dotR: Math.max(1, pitch / (2 * spacing)) };
       };
       const arcRows = opts.arc && opts.arc.rows;
       let res;
@@ -56176,8 +56441,8 @@ var __async = (__this, __arguments, generator) => {
       } else {
         const maxR = Math.max(1, Math.min(40, Math.ceil(Math.sqrt(total)) + 6));
         res = evalR(1);
-        for (let R2 = 2; R2 <= maxR; R2++) {
-          const cand = evalR(R2);
+        for (let R = 2; R <= maxR; R++) {
+          const cand = evalR(R);
           if (cand.dotR > res.dotR) res = cand;
         }
       }
@@ -56201,7 +56466,7 @@ var __async = (__this, __arguments, generator) => {
       const labelsOn = !!(opts.clusterLabels && opts.clusterLabels.show);
       const labelsBelow = labelsOn && opts.clusterLabels.position === "bottom";
       const topPad = labelsOn && !labelsBelow ? 30 : 6;
-      const visible = counts.map((_, i2) => i2).filter((i2) => counts[i2] > 0);
+      const visible = counts.map((_2, i2) => i2).filter((i2) => counts[i2] > 0);
       const Kv = Math.max(1, visible.length);
       const slotOf = new Array(counts.length).fill(-1);
       visible.forEach((i2, s2) => slotOf[i2] = s2);
@@ -56316,7 +56581,7 @@ var __async = (__this, __arguments, generator) => {
       const originX = (gw - blockW) / 2 + pitch / 2;
       const topY = labelSpace + (availH - blockH) / 2;
       const rowY = (rowIdx) => fillFrom === "bottom" ? topY + blockH - pitch / 2 - rowIdx * pitch : topY + pitch / 2 + rowIdx * pitch;
-      const clusters = counts.map((_, i2) => ({
+      const clusters = counts.map((_2, i2) => ({
         i: i2,
         cx: gw / 2,
         cy: labelSpace + availH / 2,
@@ -56362,14 +56627,14 @@ var __async = (__this, __arguments, generator) => {
       const fillFrom = gcfg.fillFrom === "top" ? "top" : "bottom";
       const cellsPerTile = Math.max(1, Math.round(gcfg.total > 0 ? gcfg.total : 100));
       const rowsPerTile = Math.max(1, Math.ceil(cellsPerTile / cols));
-      const visible = counts.map((_, i2) => i2).filter((i2) => counts[i2] > 0);
-      const K = Math.max(1, visible.length);
+      const visible = counts.map((_2, i2) => i2).filter((i2) => counts[i2] > 0);
+      const K2 = Math.max(1, visible.length);
       const denom = gcfg.max > 0 ? gcfg.max : Math.max(1, ...counts);
       const tileCols = Math.max(
         1,
-        Math.round(gcfg.tileColumns > 0 ? gcfg.tileColumns : Math.ceil(Math.sqrt(K)))
+        Math.round(gcfg.tileColumns > 0 ? gcfg.tileColumns : Math.ceil(Math.sqrt(K2)))
       );
-      const tileRows = Math.max(1, Math.ceil(K / tileCols));
+      const tileRows = Math.max(1, Math.ceil(K2 / tileCols));
       const labelsOn = !(opts.clusterLabels && opts.clusterLabels.show === false);
       const labelsBelow = labelsOn && opts.clusterLabels && opts.clusterLabels.position === "bottom";
       const topBand = labelsOn && !labelsBelow ? 22 : 4;
@@ -56489,7 +56754,7 @@ var __async = (__this, __arguments, generator) => {
         (cat) => Array.isArray(cat) ? cat.map(valueOf) : []
       );
       const isNum = (v) => v != null && isFinite(v);
-      const visible = catVals.map((_, i2) => i2).filter((i2) => catVals[i2].some(isNum));
+      const visible = catVals.map((_2, i2) => i2).filter((i2) => catVals[i2].some(isNum));
       const Kv = Math.max(1, visible.length);
       let vmin = Infinity;
       let vmax = -Infinity;
@@ -56608,7 +56873,7 @@ var __async = (__this, __arguments, generator) => {
         (cat) => Array.isArray(cat) ? cat.map(valueOf) : []
       );
       const isNum = (v) => v != null && isFinite(v);
-      const visible = catVals.map((_, i2) => i2).filter((i2) => catVals[i2].some(isNum));
+      const visible = catVals.map((_2, i2) => i2).filter((i2) => catVals[i2].some(isNum));
       const Kv = Math.max(1, visible.length);
       let vmin = Infinity;
       let vmax = -Infinity;
@@ -56725,7 +56990,7 @@ var __async = (__this, __arguments, generator) => {
       const isNum = (v) => typeof v === "number" && isFinite(v);
       const xOf = (d) => d && typeof d === "object" ? d.x : null;
       const yOf = (d) => d && typeof d === "object" ? d.y != null ? d.y : d.value : null;
-      const visible = unitData.map((_, i2) => i2).filter(
+      const visible = unitData.map((_2, i2) => i2).filter(
         (i2) => (unitData[i2] || []).some((d) => isNum(xOf(d)) && isNum(yOf(d)))
       );
       let xmn = Infinity;
@@ -56863,10 +57128,10 @@ var __async = (__this, __arguments, generator) => {
       let zmax = -Infinity;
       unitData.forEach(
         (cat) => (cat || []).forEach((d) => {
-          const z = d && typeof d === "object" ? d[field] : null;
-          if (typeof z === "number" && isFinite(z)) {
-            if (z < zmin) zmin = z;
-            if (z > zmax) zmax = z;
+          const z2 = d && typeof d === "object" ? d[field] : null;
+          if (typeof z2 === "number" && isFinite(z2)) {
+            if (z2 < zmin) zmin = z2;
+            if (z2 > zmax) zmax = z2;
           }
         })
       );
@@ -56883,9 +57148,9 @@ var __async = (__this, __arguments, generator) => {
      */
     _scatterRadius(d, st, fallback) {
       if (!st) return fallback;
-      const z = d && typeof d === "object" ? d[st.field] : null;
-      if (typeof z !== "number" || !isFinite(z)) return st.rMin;
-      const t2 = st.zmax > st.zmin ? (z - st.zmin) / (st.zmax - st.zmin) : 1;
+      const z2 = d && typeof d === "object" ? d[st.field] : null;
+      if (typeof z2 !== "number" || !isFinite(z2)) return st.rMin;
+      const t2 = st.zmax > st.zmin ? (z2 - st.zmin) / (st.zmax - st.zmin) : 1;
       const tc = Math.max(0, Math.min(1, t2));
       const aMin = st.rMin * st.rMin;
       const aMax = st.rMax * st.rMax;
@@ -57681,8 +57946,8 @@ var __async = (__this, __arguments, generator) => {
       for (let k = 0; k < dots.length; k++) {
         const d = dots[k];
         const carried = live && !d.isEnter && d.key != null ? live.get(d.key) : null;
-        const sx = carried ? carried.x : E(d.cx0, stiffness, damping);
-        const sy = carried ? carried.y : E(d.cy0, stiffness, damping);
+        const sx = carried ? carried.x : $(d.cx0, stiffness, damping);
+        const sy = carried ? carried.y : $(d.cy0, stiffness, damping);
         if (carried) {
           sx.stiffness = stiffness;
           sy.stiffness = stiffness;
@@ -57766,12 +58031,12 @@ var __async = (__this, __arguments, generator) => {
           let cx, cy;
           if (d.sx && d.sy) {
             if (elapsed >= 0 && !d.released) {
-              D(d.sx, d.x);
-              D(d.sy, d.y);
+              _(d.sx, d.x);
+              _(d.sy, d.y);
               d.released = true;
             }
-            const restX = R(d.sx, dt);
-            const restY = R(d.sy, dt);
+            const restX = q(d.sx, dt);
+            const restY = q(d.sy, dt);
             if (!d.released || !restX || !restY) done = false;
             cx = d.sx.value;
             cy = d.sy.value;
@@ -58103,14 +58368,14 @@ ${percent.toFixed(1)}%`;
       textEl.setAttribute("font-weight", String(cfg.fontWeight || 600));
       textEl.setAttribute("fill", cfg.color || color);
       const bottom = cfg.position === "bottom";
-      const R2 = cluster.outerR + fontSize * 0.6 + 3 + (cfg.offsetY || 0);
+      const R = cluster.outerR + fontSize * 0.6 + 3 + (cfg.offsetY || 0);
       const estWidth = str.length * fontSize * 0.55;
-      const curved = !bottom && !cluster.flat && cfg.curved !== false && estWidth <= Math.PI * R2 * 0.95;
+      const curved = !bottom && !cluster.flat && cfg.curved !== false && estWidth <= Math.PI * R * 0.95;
       if (curved) {
         const yMid = cluster.cy;
-        const x1 = cluster.cx - R2;
-        const x2 = cluster.cx + R2;
-        const d = `M ${x1} ${yMid} A ${R2} ${R2} 0 0 1 ${x2} ${yMid}`;
+        const x1 = cluster.cx - R;
+        const x2 = cluster.cx + R;
+        const d = `M ${x1} ${yMid} A ${R} ${R} 0 0 1 ${x2} ${yMid}`;
         const arcId = `apexcharts-unit-label-${w.globals.chartID}-${cluster.i}`;
         const pathEl = BrowserAPIs.createElementNS(NS, "path");
         pathEl.setAttribute("id", arcId);