apexcharts 7.2.0 → 7.4.0

package/dist/core.esm.js

@@ -39,7 +39,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 /*!
- * ApexCharts v7.2.0
+ * ApexCharts v7.4.0
  * (c) 2018-2026 ApexCharts
  */
 class Environment {
@@ -78,6 +78,11 @@ class Environment {
     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
@@ -198,6 +203,43 @@ class SSRElement {
       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) {
@@ -687,15 +729,12 @@ let Utils$1 = class Utils {
     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
    */
@@ -1351,11 +1390,11 @@ class DateTime {
     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]);
@@ -1397,8 +1436,8 @@ class DateTime {
     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;
   }
@@ -1866,6 +1905,7 @@ class Formatters {
   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);
     };
@@ -1882,8 +1922,13 @@ class Formatters {
       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 {
@@ -1909,6 +1954,12 @@ class Formatters {
     }
     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;
     }
@@ -2767,6 +2818,17 @@ class Options {
           // 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",
@@ -2833,6 +2895,11 @@ class Options {
           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,
@@ -7621,16 +7688,11 @@ class Globals {
    * 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
    */
@@ -8157,9 +8219,9 @@ class CoreUtils {
     if (w.seriesData.series.length === 0) return total;
     for (let i2 = 0; i2 < w.seriesData.series[w.globals.maxValsInArrayIndex].length; i2++) {
       let t2 = 0;
-      for (let j = 0; j < w.seriesData.series.length; j++) {
-        if (typeof w.seriesData.series[j][i2] !== "undefined" && excludedSeriesIndices.indexOf(j) === -1) {
-          t2 += w.seriesData.series[j][i2];
+      for (let j2 = 0; j2 < w.seriesData.series.length; j2++) {
+        if (typeof w.seriesData.series[j2][i2] !== "undefined" && excludedSeriesIndices.indexOf(j2) === -1) {
+          t2 += w.seriesData.series[j2][i2];
         }
       }
       total.push(t2);
@@ -8405,8 +8467,8 @@ class CoreUtils {
     w.globals.seriesTotals = w.seriesData.series.map((ser) => {
       let total = 0;
       if (Array.isArray(ser)) {
-        for (let j = 0; j < ser.length; j++) {
-          total += ser[j];
+        for (let j2 = 0; j2 < ser.length; j2++) {
+          total += ser[j2];
         }
       } else {
         total += ser;
@@ -8422,9 +8484,9 @@ class CoreUtils {
     const w = this.w;
     const seriesTotalsXRange = w.seriesData.series.map((ser, index) => {
       let total = 0;
-      for (let j = 0; j < ser.length; j++) {
-        if (w.seriesData.seriesX[index][j] > minX && w.seriesData.seriesX[index][j] < maxX) {
-          total += ser[j];
+      for (let j2 = 0; j2 < ser.length; j2++) {
+        if (w.seriesData.seriesX[index][j2] > minX && w.seriesData.seriesX[index][j2] < maxX) {
+          total += ser[j2];
         }
       }
       return total;
@@ -8442,11 +8504,11 @@ class CoreUtils {
     w.globals.seriesPercent = w.seriesData.series.map((ser) => {
       const seriesPercent = [];
       if (Array.isArray(ser)) {
-        for (let j = 0; j < ser.length; j++) {
-          const total = w.seriesData.stackedSeriesTotals[j];
+        for (let j2 = 0; j2 < ser.length; j2++) {
+          const total = w.seriesData.stackedSeriesTotals[j2];
           let percent = 0;
           if (total) {
-            percent = 100 * ser[j] / total;
+            percent = 100 * ser[j2] / total;
           }
           seriesPercent.push(percent);
         }
@@ -8821,44 +8883,44 @@ function parsePath(d) {
     if (cmd === "Z") {
       commands.push(["Z"]);
     } else if (cmd === "M" || cmd === "L" || cmd === "T") {
-      for (let j = 0; j < nums.length; j += 2) {
-        commands.push([cmd, nums[j], nums[j + 1]]);
+      for (let j2 = 0; j2 < nums.length; j2 += 2) {
+        commands.push([cmd, nums[j2], nums[j2 + 1]]);
       }
     } else if (cmd === "H") {
-      for (let j = 0; j < nums.length; j++) {
-        commands.push([cmd, nums[j]]);
+      for (let j2 = 0; j2 < nums.length; j2++) {
+        commands.push([cmd, nums[j2]]);
       }
     } else if (cmd === "V") {
-      for (let j = 0; j < nums.length; j++) {
-        commands.push([cmd, nums[j]]);
+      for (let j2 = 0; j2 < nums.length; j2++) {
+        commands.push([cmd, nums[j2]]);
       }
     } else if (cmd === "C") {
-      for (let j = 0; j < nums.length; j += 6) {
+      for (let j2 = 0; j2 < nums.length; j2 += 6) {
         commands.push([
           cmd,
-          nums[j],
-          nums[j + 1],
-          nums[j + 2],
-          nums[j + 3],
-          nums[j + 4],
-          nums[j + 5]
+          nums[j2],
+          nums[j2 + 1],
+          nums[j2 + 2],
+          nums[j2 + 3],
+          nums[j2 + 4],
+          nums[j2 + 5]
         ]);
       }
     } else if (cmd === "S" || cmd === "Q") {
-      for (let j = 0; j < nums.length; j += 4) {
-        commands.push([cmd, nums[j], nums[j + 1], nums[j + 2], nums[j + 3]]);
+      for (let j2 = 0; j2 < nums.length; j2 += 4) {
+        commands.push([cmd, nums[j2], nums[j2 + 1], nums[j2 + 2], nums[j2 + 3]]);
       }
     } else if (cmd === "A") {
-      for (let j = 0; j < nums.length; j += 7) {
+      for (let j2 = 0; j2 < nums.length; j2 += 7) {
         commands.push([
           cmd,
-          nums[j],
-          nums[j + 1],
-          nums[j + 2],
-          nums[j + 3],
-          nums[j + 4],
-          nums[j + 5],
-          nums[j + 6]
+          nums[j2],
+          nums[j2 + 1],
+          nums[j2 + 2],
+          nums[j2 + 3],
+          nums[j2 + 4],
+          nums[j2 + 5],
+          nums[j2 + 6]
         ]);
       }
     }
@@ -8978,11 +9040,11 @@ function findNextM(arr, offset) {
   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, O, 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, O, 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)
@@ -8998,9 +9060,9 @@ function arcToBezier(pos, val) {
   }
   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;
@@ -9009,8 +9071,8 @@ function arcToBezier(pos, val) {
   if (largeArcFlag === sweepFlag) {
     t2 *= -1;
   }
-  O = new Point((B.x + A2.x) / 2 + t2 * -k[1], (B.y + A2.y) / 2 + t2 * k[0]);
-  OA = new Point(A2.x - O.x, A2.y - O.y);
+  O = new Point((B.x + A.x) / 2 + t2 * -k[1], (B.y + A.y) / 2 + t2 * k[0]);
+  OA = new Point(A.x - O.x, A.y - O.y);
   OB = new Point(B.x - O.x, B.y - O.y);
   tetaStart = Math.acos(OA.x / Math.sqrt(OA.x * OA.x + OA.y * OA.y));
   if (OA.y < 0) tetaStart *= -1;
@@ -9800,7 +9862,7 @@ class Animations {
     const {
       el,
       realIndex,
-      j,
+      j: j2,
       fill,
       pathFrom,
       pathTo,
@@ -9821,7 +9883,7 @@ class Animations {
     me.morphSVG(
       el,
       realIndex,
-      j,
+      j2,
       w.config.chart.type === "line" && !w.globals.comboCharts ? "stroke" : fill,
       pathFrom,
       pathTo,
@@ -9897,7 +9959,7 @@ class Animations {
    * @param {any} el            - SVG.js path element
    * @param {{realIndex: number, j?: number, isFill: boolean, isLast: boolean, speed: number, delay: number, mask?: {type: 'rect'|'radial', cx?: number, cy?: number, r?: number}}} params
    */
-  animateDraw(el, { realIndex, j, isFill, isLast, speed, delay, mask: maskShape }) {
+  animateDraw(el, { realIndex, j: j2, isFill, isLast, speed, delay, mask: maskShape }) {
     const w = this.w;
     const me = this;
     const finalize = () => {
@@ -9918,7 +9980,7 @@ class Animations {
       const radialCx = maskShape && maskShape.cx || 0;
       const radialCy = maskShape && maskShape.cy || 0;
       const targetRadius = (maskShape && maskShape.r || w.layout.gridWidth / 2) + pad;
-      const maskId = `apexDrawMask${w.globals.cuid}-${realIndex}-${j != null ? j : 0}-${isFill ? "f" : "s"}`;
+      const maskId = `apexDrawMask${w.globals.cuid}-${realIndex}-${j2 != null ? j2 : 0}-${isFill ? "f" : "s"}`;
       const mask = BrowserAPIs.createElementNS(SVGNS, "mask");
       mask.setAttribute("id", maskId);
       mask.setAttribute("maskUnits", "userSpaceOnUse");
@@ -10030,7 +10092,7 @@ class Animations {
    *   pathTo (extra anchors sitting exactly on the final geometry) and snap to
    *   the clean pathTo at the end.
    */
-  morphSVG(el, realIndex, j, fill, pathFrom, pathTo, speed, delay, scrollMorph, pathToInterp) {
+  morphSVG(el, realIndex, j2, fill, pathFrom, pathTo, speed, delay, scrollMorph, pathToInterp) {
     var _a, _b;
     const w = this.w;
     if (!pathFrom) {
@@ -10078,9 +10140,9 @@ class Animations {
       morphAlgo,
       pathToInterp ? pathTo : void 0
     ).after(() => {
-      if (Utils$1.isNumber(j)) {
+      if (Utils$1.isNumber(j2)) {
         const maxSeries = w.seriesData.series[w.globals.maxValsInArrayIndex];
-        if (maxSeries && j === maxSeries.length - 2 && w.globals.shouldAnimate) {
+        if (maxSeries && j2 === maxSeries.length - 2 && w.globals.shouldAnimate) {
           this.animationCompleted(el);
         }
       } else if (fill !== "none" && w.globals.shouldAnimate) {
@@ -10653,7 +10715,7 @@ class Graphics {
    * @return {any} svg.js path object
    **/
   renderPaths({
-    j,
+    j: j2,
     realIndex,
     pathFrom,
     pathTo,
@@ -10748,7 +10810,7 @@ class Graphics {
     });
     const defaultAnimateOpts = {
       el,
-      j,
+      j: j2,
       realIndex,
       pathFrom,
       pathTo,
@@ -10766,7 +10828,7 @@ class Graphics {
         const isLast = w.globals.comboCharts ? true : realIndex === seriesCount - 1;
         anim.animateDraw(el, {
           realIndex,
-          j,
+          j: j2,
           isFill,
           isLast,
           speed: drawSpeed,
@@ -11134,19 +11196,19 @@ class Graphics {
     const w = this.w;
     const filters = new Filters(this.w);
     const i2 = parseInt((_a = path.node.getAttribute("index")) != null ? _a : "", 10);
-    const j = parseInt((_b = path.node.getAttribute("j")) != null ? _b : "", 10);
-    if (isNaN(i2) || isNaN(j)) return;
+    const j2 = parseInt((_b = path.node.getAttribute("j")) != null ? _b : "", 10);
+    if (isNaN(i2) || isNaN(j2)) return;
     if (typeof w.config.chart.events.dataPointMouseEnter === "function") {
       w.config.chart.events.dataPointMouseEnter(e2, this.ctx, {
         seriesIndex: i2,
-        dataPointIndex: j,
+        dataPointIndex: j2,
         w
       });
     }
     Graphics._fireEvent(w, "dataPointMouseEnter", [
       e2,
       this.ctx,
-      { seriesIndex: i2, dataPointIndex: j, w }
+      { seriesIndex: i2, dataPointIndex: j2, w }
     ]);
     if (w.config.states.active.filter.type !== "none") {
       if (path.node.getAttribute("selected") === "true") {
@@ -11170,19 +11232,19 @@ class Graphics {
     const w = this.w;
     const filters = new Filters(this.w);
     const i2 = parseInt((_a = path.node.getAttribute("index")) != null ? _a : "", 10);
-    const j = parseInt((_b = path.node.getAttribute("j")) != null ? _b : "", 10);
-    if (isNaN(i2) || isNaN(j)) return;
+    const j2 = parseInt((_b = path.node.getAttribute("j")) != null ? _b : "", 10);
+    if (isNaN(i2) || isNaN(j2)) return;
     if (typeof w.config.chart.events.dataPointMouseLeave === "function") {
       w.config.chart.events.dataPointMouseLeave(e2, this.ctx, {
         seriesIndex: i2,
-        dataPointIndex: j,
+        dataPointIndex: j2,
         w
       });
     }
     Graphics._fireEvent(w, "dataPointMouseLeave", [
       e2,
       this.ctx,
-      { seriesIndex: i2, dataPointIndex: j, w }
+      { seriesIndex: i2, dataPointIndex: j2, w }
     ]);
     if (w.config.states.active.filter.type !== "none") {
       if (path.node.getAttribute("selected") === "true") {
@@ -11226,11 +11288,11 @@ class Graphics {
    * @param {any} path @param {any} filters @param {number} i @param {number} j
    * @returns {'true' | 'false'}
    */
-  _togglePointSelection(path, filters, i2, j) {
+  _togglePointSelection(path, filters, i2, j2) {
     const w = this.w;
     if (path.node.getAttribute("selected") === "true") {
       path.node.setAttribute("selected", "false");
-      const index = w.interact.selectedDataPoints[i2].indexOf(j);
+      const index = w.interact.selectedDataPoints[i2].indexOf(j2);
       if (index > -1) {
         w.interact.selectedDataPoints[i2].splice(index, 1);
       }
@@ -11243,7 +11305,7 @@ class Graphics {
     if (typeof w.interact.selectedDataPoints[i2] === "undefined") {
       w.interact.selectedDataPoints[i2] = [];
     }
-    w.interact.selectedDataPoints[i2].push(j);
+    w.interact.selectedDataPoints[i2].push(j2);
     return "true";
   }
   /**
@@ -11287,19 +11349,19 @@ class Graphics {
     const w = this.w;
     const filters = new Filters(this.w);
     const i2 = parseInt((_a = path.node.getAttribute("index")) != null ? _a : "", 10);
-    const j = parseInt((_b = path.node.getAttribute("j")) != null ? _b : "", 10);
-    if (isNaN(i2) || isNaN(j)) return;
+    const j2 = parseInt((_b = path.node.getAttribute("j")) != null ? _b : "", 10);
+    if (isNaN(i2) || isNaN(j2)) return;
     const link = w.config.chart.link;
     const crossfilterClick = !!(link && (typeof link.dimension === "function" || link.enabled));
     if (!crossfilterClick) {
-      const selected = this._togglePointSelection(path, filters, i2, j);
+      const selected = this._togglePointSelection(path, filters, i2, j2);
       this._applyPointSelectionFilter(path, filters, i2, selected);
     }
     if (typeof w.config.chart.events.dataPointSelection === "function") {
       w.config.chart.events.dataPointSelection(e2, this.ctx, {
         selectedDataPoints: w.interact.selectedDataPoints,
         seriesIndex: i2,
-        dataPointIndex: j,
+        dataPointIndex: j2,
         w
       });
     }
@@ -11310,7 +11372,7 @@ class Graphics {
         {
           selectedDataPoints: w.interact.selectedDataPoints,
           seriesIndex: i2,
-          dataPointIndex: j,
+          dataPointIndex: j2,
           w
         }
       ]);
@@ -12062,9 +12124,9 @@ class Markers {
         /** @type {Record<string, any>} */
         (_e = w.config.series[i2]) == null ? void 0 : _e.data
       );
-      for (let j = 0; j < series[i2].length; j++) {
-        if (series[i2][j] === null) hasNull = true;
-        const d = Array.isArray(data) ? data[j] : null;
+      for (let j2 = 0; j2 < series[i2].length; j2++) {
+        if (series[i2][j2] === null) hasNull = true;
+        const d = Array.isArray(data) ? data[j2] : null;
         if (d && (d.fillColor || d.strokeColor)) {
           perPointStyle = true;
           break;
@@ -12102,7 +12164,7 @@ class Markers {
   plotChartMarkers({
     pointsPos,
     seriesIndex,
-    j,
+    j: j2,
     pSize,
     alwaysDrawMarker = false,
     isVirtualPoint = false
@@ -12117,13 +12179,13 @@ class Markers {
     if (Array.isArray(p.x)) {
       for (let q = 0; q < p.x.length; q++) {
         let markerElement;
-        let dataPointIndex = j;
+        let dataPointIndex = j2;
         let invalidMarker = !Utils$1.isNumber(p.y[q]);
-        if (w.globals.markers.largestSize === 0 && w.globals.hasNullValues && w.seriesData.series[i2][j + 1] !== null && !isVirtualPoint) {
+        if (w.globals.markers.largestSize === 0 && w.globals.hasNullValues && w.seriesData.series[i2][j2 + 1] !== null && !isVirtualPoint) {
           invalidMarker = true;
         }
-        if (j === 1 && q === 0) dataPointIndex = 0;
-        if (j === 1 && q === 1) dataPointIndex = 1;
+        if (j2 === 1 && q === 0) dataPointIndex = 0;
+        if (j2 === 1 && q === 1) dataPointIndex = 1;
         let markerClasses = "apexcharts-marker";
         if (Markers.markersAreInert(w)) {
           markerClasses += " no-pointer-events";
@@ -12428,7 +12490,7 @@ class Scatter {
    * @param {number} j
    * @param {Record<string, any>} opts
    */
-  draw(elSeries, j, opts) {
+  draw(elSeries, j2, opts) {
     const w = this.w;
     const graphics = this.graphics;
     const emit = seriesEmitter(this.ctx, graphics);
@@ -12453,10 +12515,10 @@ class Scatter {
     }
     if (Array.isArray(pointsPos.x)) {
       for (let q = 0; q < pointsPos.x.length; q++) {
-        let dataPointIndex = j + 1;
+        let dataPointIndex = j2 + 1;
         let shouldDraw = true;
-        if (j === 0 && q === 0) dataPointIndex = 0;
-        if (j === 0 && q === 1) dataPointIndex = 1;
+        if (j2 === 0 && q === 0) dataPointIndex = 0;
+        if (j2 === 0 && q === 1) dataPointIndex = 1;
         let radius = w.globals.markers.size[realIndex];
         if (zRatio !== Infinity) {
           const bubble = w.config.plotOptions.bubble;
@@ -12484,7 +12546,7 @@ class Scatter {
             radius,
             realIndex,
             dataPointIndex,
-            j
+            j2
           );
           elPointsWrap.add(point);
           if (emit.kind === "canvas") {
@@ -12535,7 +12597,7 @@ class Scatter {
    * @param {number} dataPointIndex
    * @param {number} j
    */
-  drawPoint(x, y, radius, realIndex, dataPointIndex, j) {
+  drawPoint(x, y, radius, realIndex, dataPointIndex, j2) {
     var _a;
     const w = this.w;
     const i2 = realIndex;
@@ -12588,7 +12650,7 @@ class Scatter {
         dataPointIndex,
         color: markerConfig.pointFillColor,
         patternUnits: "objectBoundingBox",
-        value: w.seriesData.series[realIndex][j]
+        value: w.seriesData.series[realIndex][j2]
       });
       if (ps.fillCacheable === void 0) {
         ps.fillCacheable = ps.canCacheConfig && fill.getFillType(realIndex) === "solid" && typeof markerConfig.pointFillColor === "string" && !!markerConfig.pointFillColor;
@@ -12742,13 +12804,13 @@ class DataLabels {
     };
   }
   /** @param {{type: any, pos: any, i: any, j: any, isRangeStart: any, strokeWidth?: any}} opts */
-  drawDataLabel({ type, pos, i: i2, j, isRangeStart, strokeWidth = 2 }) {
+  drawDataLabel({ type, pos, i: i2, j: j2, isRangeStart, strokeWidth = 2 }) {
     const w = this.w;
     const graphics = new Graphics(this.w);
     const dataLabelsConfig = w.config.dataLabels;
     let x = 0;
     let y = 0;
-    let dataPointIndex = j;
+    let dataPointIndex = j2;
     let elDataLabelsWrap = null;
     const seriesCollapsed = w.globals.collapsedSeriesIndices.indexOf(i2) !== -1;
     if (seriesCollapsed || !dataLabelsConfig.enabled || !Array.isArray(pos.x)) {
@@ -12758,8 +12820,8 @@ class DataLabels {
       class: "apexcharts-data-labels"
     });
     for (let q = 0; q < pos.x.length; q++) {
-      if (j === 1 && q === 0) dataPointIndex = 0;
-      if (j === 1 && q === 1) dataPointIndex = 1;
+      if (j2 === 1 && q === 0) dataPointIndex = 0;
+      if (j2 === 1 && q === 1) dataPointIndex = 1;
       x = pos.x[q] + resolveDataLabelOffset(dataLabelsConfig.offsetX, w, i2, dataPointIndex);
       y = pos.y[q] + resolveDataLabelOffset(dataLabelsConfig.offsetY, w, i2, dataPointIndex) + strokeWidth;
       if (!isNaN(x)) {
@@ -12831,7 +12893,7 @@ class DataLabels {
       x,
       y,
       i: i2,
-      j,
+      j: j2,
       text,
       textAnchor,
       fontSize,
@@ -12844,7 +12906,7 @@ class DataLabels {
       // some callers (radar) reuse `j` for something other than the data point
       // index, so per-point offsets take these explicit indices when supplied
       seriesIndex = i2,
-      dataPointIndex = j
+      dataPointIndex = j2
     } = opts;
     let dataLabelText = null;
     if (Array.isArray(w.config.dataLabels.enabledOnSeries)) {
@@ -12864,7 +12926,7 @@ class DataLabels {
         y,
         text,
         i2,
-        j,
+        j2,
         alwaysDrawDataLabel,
         parseInt(
           /** @type {any} */
@@ -12887,14 +12949,14 @@ class DataLabels {
     }
     let dataLabelColor = w.globals.dataLabels.style.colors[i2];
     if ((w.config.chart.type === "bar" || w.config.chart.type === "rangeBar") && w.config.plotOptions.bar.distributed || w.config.dataLabels.distributed) {
-      dataLabelColor = w.globals.dataLabels.style.colors[j];
+      dataLabelColor = w.globals.dataLabels.style.colors[j2];
     }
     if (typeof dataLabelColor === "function") {
       dataLabelColor = /** @type {any} */
       dataLabelColor({
         series: w.seriesData.series,
         seriesIndex: i2,
-        dataPointIndex: j,
+        dataPointIndex: j2,
         w
       });
     }
@@ -12917,10 +12979,10 @@ class DataLabels {
     let offX = resolvedOffX;
     const offY = resolvedOffY;
     if (w.globals.isSlopeChart) {
-      if (j !== 0) {
+      if (j2 !== 0) {
         offX = resolvedOffX * -2 + 5;
       }
-      if (j !== 0 && j !== /** @type {Record<string,any>} */
+      if (j2 !== 0 && j2 !== /** @type {Record<string,any>} */
       w.config.series[i2].data.length - 1) {
         offX = 0;
       }
@@ -12956,7 +13018,7 @@ class DataLabels {
       if (typeof w.globals.lastDrawnDataLabelsIndexes[i2] === "undefined") {
         w.globals.lastDrawnDataLabelsIndexes[i2] = [];
       }
-      w.globals.lastDrawnDataLabelsIndexes[i2].push(j);
+      w.globals.lastDrawnDataLabelsIndexes[i2].push(j2);
     }
     return dataLabelText;
   }
@@ -14863,14 +14925,14 @@ class Scales {
                   /** @type {Record<string,any>} */
                   cnf.series[si].group === gn
                 ) {
-                  for (let j = 0; j < this.w.seriesData.series[si].length; j++) {
-                    const val = this.w.seriesData.series[si][j];
+                  for (let j2 = 0; j2 < this.w.seriesData.series[si].length; j2++) {
+                    const val = this.w.seriesData.series[si][j2];
                     if (val >= 0) {
-                      posSeries[gni][j] += val;
+                      posSeries[gni][j2] += val;
                     } else {
-                      negSeries[gni][j] += val;
+                      negSeries[gni][j2] += val;
                     }
-                    sumSeries[gni][j] += val;
+                    sumSeries[gni][j2] += val;
                     lowestY = Math.min(lowestY, val);
                     highestY = Math.max(highestY, val);
                   }
@@ -15197,8 +15259,8 @@ class Range {
         } else {
           let yDec = gl.yValueDecimal;
           let hasNulls = false;
-          for (let j = firstXIndex; j <= jEnd; j++) {
-            const val = arr[j];
+          for (let j2 = firstXIndex; j2 <= jEnd; j2++) {
+            const val = arr[j2];
             if (val !== null && typeof val === "number" && val === val && val !== Infinity && val !== -Infinity) {
               if (val > maxY) maxY = val;
               if (val < lowestY) lowestY = val;
@@ -15237,58 +15299,58 @@ class Range {
         }
         continue;
       }
-      for (let j = firstXIndex; j <= lastXIndex && j < this.w.seriesData.series[i2].length; j++) {
-        let val = series[i2][j];
+      for (let j2 = firstXIndex; j2 <= lastXIndex && j2 < this.w.seriesData.series[i2].length; j2++) {
+        let val = series[i2][j2];
         if (val !== null && Utils$1.isNumber(val)) {
-          if (typeof ((_b = seriesMax[i2]) == null ? void 0 : _b[j]) !== "undefined") {
-            maxY = Math.max(maxY, seriesMax[i2][j]);
-            lowestY = Math.min(lowestY, seriesMax[i2][j]);
+          if (typeof ((_b = seriesMax[i2]) == null ? void 0 : _b[j2]) !== "undefined") {
+            maxY = Math.max(maxY, seriesMax[i2][j2]);
+            lowestY = Math.min(lowestY, seriesMax[i2][j2]);
           }
-          if (typeof ((_c = seriesMin[i2]) == null ? void 0 : _c[j]) !== "undefined") {
-            lowestY = Math.min(lowestY, seriesMin[i2][j]);
-            highestY = Math.max(highestY, seriesMin[i2][j]);
+          if (typeof ((_c = seriesMin[i2]) == null ? void 0 : _c[j2]) !== "undefined") {
+            lowestY = Math.min(lowestY, seriesMin[i2][j2]);
+            highestY = Math.max(highestY, seriesMin[i2][j2]);
           }
           switch (seriesType) {
             case "candlestick":
               {
-                if (typeof this.w.candleData.seriesCandleC[i2][j] !== "undefined") {
-                  maxY = Math.max(maxY, this.w.candleData.seriesCandleH[i2][j]);
+                if (typeof this.w.candleData.seriesCandleC[i2][j2] !== "undefined") {
+                  maxY = Math.max(maxY, this.w.candleData.seriesCandleH[i2][j2]);
                   lowestY = Math.min(
                     lowestY,
-                    this.w.candleData.seriesCandleL[i2][j]
+                    this.w.candleData.seriesCandleL[i2][j2]
                   );
                 }
               }
               break;
             case "boxPlot":
               {
-                if (typeof this.w.candleData.seriesCandleC[i2][j] !== "undefined") {
-                  maxY = Math.max(maxY, this.w.candleData.seriesCandleC[i2][j]);
+                if (typeof this.w.candleData.seriesCandleC[i2][j2] !== "undefined") {
+                  maxY = Math.max(maxY, this.w.candleData.seriesCandleC[i2][j2]);
                   lowestY = Math.min(
                     lowestY,
-                    this.w.candleData.seriesCandleO[i2][j]
+                    this.w.candleData.seriesCandleO[i2][j2]
                   );
                 }
               }
               break;
             case "violin":
               {
-                if (typeof ((_d = this.w.violinData.seriesViolinMax[i2]) == null ? void 0 : _d[j]) !== "undefined") {
-                  maxY = Math.max(maxY, this.w.violinData.seriesViolinMax[i2][j]);
+                if (typeof ((_d = this.w.violinData.seriesViolinMax[i2]) == null ? void 0 : _d[j2]) !== "undefined") {
+                  maxY = Math.max(maxY, this.w.violinData.seriesViolinMax[i2][j2]);
                   lowestY = Math.min(
                     lowestY,
-                    this.w.violinData.seriesViolinMin[i2][j]
+                    this.w.violinData.seriesViolinMin[i2][j2]
                   );
                 }
               }
               break;
           }
           if (seriesType && seriesType !== "candlestick" && seriesType !== "boxPlot" && seriesType !== "violin" && seriesType !== "rangeArea" && seriesType !== "rangeBar") {
-            maxY = Math.max(maxY, this.w.seriesData.series[i2][j]);
-            lowestY = Math.min(lowestY, this.w.seriesData.series[i2][j]);
+            maxY = Math.max(maxY, this.w.seriesData.series[i2][j2]);
+            lowestY = Math.min(lowestY, this.w.seriesData.series[i2][j2]);
           }
-          if (this.w.seriesData.seriesGoals[i2] && this.w.seriesData.seriesGoals[i2][j] && Array.isArray(this.w.seriesData.seriesGoals[i2][j])) {
-            this.w.seriesData.seriesGoals[i2][j].forEach(
+          if (this.w.seriesData.seriesGoals[i2] && this.w.seriesData.seriesGoals[i2][j2] && Array.isArray(this.w.seriesData.seriesGoals[i2][j2])) {
+            this.w.seriesData.seriesGoals[i2][j2].forEach(
               (g) => {
                 maxY = Math.max(maxY, g.value);
                 lowestY = Math.min(lowestY, g.value);
@@ -15296,7 +15358,7 @@ class Range {
             );
           }
           if (this.w.config.chart.type === "boxPlot" || seriesType === "boxPlot") {
-            const boxPts = (_f = (_e = this.w.candleData.seriesBoxPoints) == null ? void 0 : _e[i2]) == null ? void 0 : _f[j];
+            const boxPts = (_f = (_e = this.w.candleData.seriesBoxPoints) == null ? void 0 : _e[i2]) == null ? void 0 : _f[j2];
             if (boxPts) {
               for (let p = 0; p < boxPts.length; p++) {
                 const pv = boxPts[p];
@@ -15315,8 +15377,8 @@ class Range {
               val.toString().split(".")[1].length
             );
           }
-          if (minY > ((_g = seriesMin[i2]) == null ? void 0 : _g[j]) && ((_h = seriesMin[i2]) == null ? void 0 : _h[j]) < 0) {
-            minY = seriesMin[i2][j];
+          if (minY > ((_g = seriesMin[i2]) == null ? void 0 : _g[j2]) && ((_h = seriesMin[i2]) == null ? void 0 : _h[j2]) < 0) {
+            minY = seriesMin[i2][j2];
           }
         } else {
           gl.hasNullValues = true;
@@ -15497,8 +15559,8 @@ class Range {
           if (pe.minX < minX) minX = pe.minX;
           continue;
         }
-        for (let j = 0; j < lbls.length; j++) {
-          const v = lbls[j];
+        for (let j2 = 0; j2 < lbls.length; j2++) {
+          const v = lbls[j2];
           if (v !== null && typeof v === "number" && v === v) {
             if (v > maxX) maxX = v;
             if (v < minX) minX = v;
@@ -15527,7 +15589,17 @@ class Range {
       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) {
@@ -15611,10 +15683,10 @@ class Range {
     if (!this.w.axisFlags.isDataXYZ) return;
     for (let i2 = 0; i2 < this.w.seriesData.series.length; i2++) {
       if (typeof this.w.seriesData.seriesZ[i2] !== "undefined") {
-        for (let j = 0; j < this.w.seriesData.seriesZ[i2].length; j++) {
-          if (this.w.seriesData.seriesZ[i2][j] !== null && Utils$1.isNumber(this.w.seriesData.seriesZ[i2][j])) {
-            gl.maxZ = Math.max(gl.maxZ, this.w.seriesData.seriesZ[i2][j]);
-            gl.minZ = Math.min(gl.minZ, this.w.seriesData.seriesZ[i2][j]);
+        for (let j2 = 0; j2 < this.w.seriesData.seriesZ[i2].length; j2++) {
+          if (this.w.seriesData.seriesZ[i2][j2] !== null && Utils$1.isNumber(this.w.seriesData.seriesZ[i2][j2])) {
+            gl.maxZ = Math.max(gl.maxZ, this.w.seriesData.seriesZ[i2][j2]);
+            gl.minZ = Math.min(gl.minZ, this.w.seriesData.seriesZ[i2][j2]);
           }
         }
       }
@@ -15676,8 +15748,8 @@ class Range {
           }
           let presorted = true;
           let minDiff = gl.minXDiff;
-          for (let j = 1; j < sX.length; j++) {
-            const d = sX[j] - sX[j - 1];
+          for (let j2 = 1; j2 < sX.length; j2++) {
+            const d = sX[j2] - sX[j2 - 1];
             if (d > 0) {
               if (d < minDiff) minDiff = d;
             } else if (d < 0) {
@@ -15694,9 +15766,9 @@ class Range {
           }
           const seriesX = sX.slice();
           seriesX.sort((a2, b) => a2 - b);
-          seriesX.forEach((s2, j) => {
-            if (j > 0) {
-              const xDiff = s2 - seriesX[j - 1];
+          seriesX.forEach((s2, j2) => {
+            if (j2 > 0) {
+              const xDiff = s2 - seriesX[j2 - 1];
               if (xDiff > 0) {
                 gl.minXDiff = Math.min(xDiff, gl.minXDiff);
               }
@@ -15730,19 +15802,19 @@ class Range {
         const bounds = windowed ? this._autoScaleXBounds(i2) : null;
         const xs = this.w.seriesData.seriesX[i2];
         const hasX = !!(bounds && xs && xs.length);
-        for (let j = 0; j < this.w.seriesData.series[gl.maxValsInArrayIndex].length; j++) {
-          if (hasX && (xs[j] < bounds.lo || xs[j] > bounds.hi)) continue;
-          if (typeof stackedPoss[group][j] === "undefined") {
-            stackedPoss[group][j] = 0;
-            stackedNegs[group][j] = 0;
+        for (let j2 = 0; j2 < this.w.seriesData.series[gl.maxValsInArrayIndex].length; j2++) {
+          if (hasX && (xs[j2] < bounds.lo || xs[j2] > bounds.hi)) continue;
+          if (typeof stackedPoss[group][j2] === "undefined") {
+            stackedPoss[group][j2] = 0;
+            stackedNegs[group][j2] = 0;
           }
           const stackSeries = this.w.config.chart.stacked && !gl.comboCharts || this.w.config.chart.stacked && gl.comboCharts && (!this.w.config.chart.stackOnlyBar || /** @type {Record<string,any>} */
           ((_b = (_a = this.w.config.series) == null ? void 0 : _a[i2]) == null ? void 0 : _b.type) === "bar" || /** @type {Record<string,any>} */
           ((_d = (_c = this.w.config.series) == null ? void 0 : _c[i2]) == null ? void 0 : _d.type) === "column");
           if (stackSeries) {
-            if (this.w.seriesData.series[i2][j] !== null && Utils$1.isNumber(this.w.seriesData.series[i2][j])) {
-              this.w.seriesData.series[i2][j] > 0 ? stackedPoss[group][j] += parseFloat(String(this.w.seriesData.series[i2][j])) + 1e-4 : stackedNegs[group][j] += parseFloat(
-                String(this.w.seriesData.series[i2][j])
+            if (this.w.seriesData.series[i2][j2] !== null && Utils$1.isNumber(this.w.seriesData.series[i2][j2])) {
+              this.w.seriesData.series[i2][j2] > 0 ? stackedPoss[group][j2] += parseFloat(String(this.w.seriesData.series[i2][j2])) + 1e-4 : stackedNegs[group][j2] += parseFloat(
+                String(this.w.seriesData.series[i2][j2])
               );
             }
           }
@@ -16222,42 +16294,30 @@ class YAxis {
   }
   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)`);
         }
       }
     });
@@ -16695,15 +16755,15 @@ function captureStreamFrame(w) {
     w.dom.baseEl.querySelectorAll(".apexcharts-marker").forEach((node) => {
       var _a2, _b2, _c2, _d, _e;
       const ri = parseInt((_a2 = node.getAttribute("index")) != null ? _a2 : "", 10);
-      const j = parseInt(
+      const j2 = parseInt(
         (_c2 = (_b2 = node.getAttribute("j")) != null ? _b2 : node.getAttribute("rel")) != null ? _c2 : "",
         10
       );
       const r2 = parseFloat(
         (_e = (_d = node.getAttribute("r")) != null ? _d : node.getAttribute("default-marker-size")) != null ? _e : ""
       );
-      if (isFinite(ri) && isFinite(j) && isFinite(r2)) {
-        (rPixels[ri] = rPixels[ri] || [])[j] = r2;
+      if (isFinite(ri) && isFinite(j2) && isFinite(r2)) {
+        (rPixels[ri] = rPixels[ri] || [])[j2] = r2;
       }
     });
   }
@@ -16758,29 +16818,29 @@ function lengthTransitionEnabled(w) {
   if (largeThreshold > 0 && w.globals.dataPoints > largeThreshold) return false;
   return !!(Environment.isBrowser() && w.globals.dataChanged && w.globals.shouldAnimate);
 }
-function datumKey(w, realIndex, j) {
+function datumKey(w, realIndex, j2) {
   var _a, _b, _c, _d;
   if ((_a = w.axisFlags) == null ? void 0 : _a.isXNumeric) {
     const sx = (_c = (_b = w.seriesData) == null ? void 0 : _b.seriesX) == null ? void 0 : _c[realIndex];
-    if (sx && sx.length && sx[j] != null) return "x:" + sx[j];
+    if (sx && sx.length && sx[j2] != null) return "x:" + sx[j2];
   }
-  const lbl = (_d = w.globals.labels) == null ? void 0 : _d[j];
+  const lbl = (_d = w.globals.labels) == null ? void 0 : _d[j2];
   if (lbl != null && String(lbl) !== "") {
     return "c:" + (Array.isArray(lbl) ? lbl.join(" ") : String(lbl));
   }
-  return "j:" + j;
+  return "j:" + j2;
 }
-function frameDatumKey(frame, realIndex, j) {
+function frameDatumKey(frame, realIndex, j2) {
   var _a, _b;
   if (frame.isXNumeric) {
     const sx = (_a = frame.seriesX) == null ? void 0 : _a[realIndex];
-    if (sx && sx.length && sx[j] != null) return "x:" + sx[j];
+    if (sx && sx.length && sx[j2] != null) return "x:" + sx[j2];
   }
-  const lbl = (_b = frame.labels) == null ? void 0 : _b[j];
+  const lbl = (_b = frame.labels) == null ? void 0 : _b[j2];
   if (lbl != null && String(lbl) !== "") {
     return "c:" + (Array.isArray(lbl) ? lbl.join(" ") : String(lbl));
   }
-  return "j:" + j;
+  return "j:" + j2;
 }
 function joinKeys(oldKeys, newKeys) {
   const oldIndex = /* @__PURE__ */ new Map();
@@ -16826,9 +16886,9 @@ function seriesJoin(w, realIndex, includeIdentity = false, allowReorder = false)
   if (!Array.isArray(oldY) || !Array.isArray(newY)) return null;
   if (!oldY.length || !newY.length) return null;
   const oldKeys = uniquifyKeys(
-    oldY.map((_, j) => frameDatumKey(frame, realIndex, j))
+    oldY.map((_, j2) => frameDatumKey(frame, realIndex, j2))
   );
-  const newKeys = uniquifyKeys(newY.map((_, j) => datumKey(w, realIndex, j)));
+  const newKeys = uniquifyKeys(newY.map((_, j2) => datumKey(w, realIndex, j2)));
   const join = joinKeys(oldKeys, newKeys);
   if (!join.ordered && !allowReorder) return null;
   if (!join.changed && !includeIdentity) return null;
@@ -17370,7 +17430,7 @@ function applyDataLabelTransition(w) {
       }
       if (countUp && old) {
         const realIndex = parseInt(key, 10);
-        const j = parseInt(group.getAttribute("data:dlJ") || "", 10);
+        const j2 = parseInt(group.getAttribute("data:dlJ") || "", 10);
         countUpText(w, {
           el: textEl,
           from: old.val,
@@ -17381,7 +17441,7 @@ function applyDataLabelTransition(w) {
           // of `w` on every frame. Same shape the bar formatter gets.
           fmtOpts: __spreadProps(__spreadValues({}, w), {
             seriesIndex: realIndex,
-            dataPointIndex: isFinite(j) ? j : 0,
+            dataPointIndex: isFinite(j2) ? j2 : 0,
             w
           }),
           duration,
@@ -17668,20 +17728,20 @@ class Series {
       const nextRecords = [];
       const nextIndices = [];
       records.forEach((rec) => {
-        const j = rec && rec.name != null ? newNames.indexOf(rec.name) : rec.index;
-        if (j == null || j < 0 || j >= target.length) return;
+        const j2 = rec && rec.name != null ? newNames.indexOf(rec.name) : rec.index;
+        if (j2 == null || j2 < 0 || j2 >= target.length) return;
         const s2 = (
           /** @type {any} */
-          target[j]
+          target[j2]
         );
-        rec.index = j;
+        rec.index = j2;
         if (gl.axisCharts) {
           if (s2 && Array.isArray(s2.data) && s2.data.length) rec.data = s2.data.slice();
         } else {
           rec.data = s2;
         }
         nextRecords.push(rec);
-        nextIndices.push(j);
+        nextIndices.push(j2);
       });
       return { records: nextRecords, indices: nextIndices };
     };
@@ -17949,14 +18009,14 @@ class Series {
         ),
         realIndex: seriesEls[i2].getAttribute("data:realIndex")
       };
-      for (let j = 0; j < paths.length; j++) {
-        if (paths[j].hasAttribute("pathTo")) {
-          const d = paths[j].getAttribute("pathTo");
+      for (let j2 = 0; j2 < paths.length; j2++) {
+        if (paths[j2].hasAttribute("pathTo")) {
+          const d = paths[j2].getAttribute("pathTo");
           dArr.paths.push({
             d,
-            key: paths[j].getAttribute("data:pathKey"),
-            fill: paths[j].getAttribute("fill"),
-            flip: paths[j].classList.contains("apexcharts-flip-y") || paths[j].classList.contains("apexcharts-flip-x")
+            key: paths[j2].getAttribute("data:pathKey"),
+            fill: paths[j2].getAttribute("fill"),
+            flip: paths[j2].classList.contains("apexcharts-flip-y") || paths[j2].classList.contains("apexcharts-flip-x")
           });
         }
       }
@@ -18067,7 +18127,7 @@ class Series {
     const w = this.w;
     for (let sl = 0; sl < series.length; sl++) {
       if (series[sl].length === 0) {
-        for (let j = 0; j < series[w.globals.maxValsInArrayIndex].length; j++) {
+        for (let j2 = 0; j2 < series[w.globals.maxValsInArrayIndex].length; j2++) {
           series[sl].push(0);
         }
       }
@@ -19257,8 +19317,8 @@ class DimGrid {
     if (!totals.length) return;
     const formatter = totalConfig.formatter || w.config.dataLabels.formatter;
     const labels = totals.map(
-      (val, j) => String(
-        formatter ? formatter(val, __spreadProps(__spreadValues({}, w), { seriesIndex: 0, dataPointIndex: j, w })) : val
+      (val, j2) => String(
+        formatter ? formatter(val, __spreadProps(__spreadValues({}, w), { seriesIndex: 0, dataPointIndex: j2, w })) : val
       )
     );
     const graphics = new Graphics(w);
@@ -20953,7 +21013,7 @@ function toNode(w, d, i2, paletteFromParent, parentKey, seenIds = null, opts = {
   if (opts.keepDatum) node._datum = d;
   if (isObj && Array.isArray(d.children) && d.children.length) {
     node.children = d.children.map(
-      (c, j) => toNode(w, c, j, null, node._key, seenIds, opts)
+      (c, j2) => toNode(w, c, j2, null, node._key, seenIds, opts)
     );
   } else if (isObj && d.drilldown != null && opts.expandDrilldown !== false) {
     const visited = seenIds || /* @__PURE__ */ new Set();
@@ -20964,7 +21024,7 @@ function toNode(w, d, i2, paletteFromParent, parentKey, seenIds = null, opts = {
         nextSeen.add(d.drilldown);
         const palette = Array.isArray(dd.colors) ? dd.colors : null;
         node.children = dd.data.map(
-          (c, j) => toNode(w, c, j, palette, node._key, nextSeen, opts)
+          (c, j2) => toNode(w, c, j2, palette, node._key, nextSeen, opts)
         );
       }
     }
@@ -20988,7 +21048,7 @@ function buildSeriesRoots(w, series, opts = {}) {
       _key: key,
       _seriesIndex: i2,
       children: data.map(
-        (d, j) => toNode(w, d, j, null, key, null, opts)
+        (d, j2) => toNode(w, d, j2, null, key, null, opts)
       )
     };
     return root;
@@ -21012,8 +21072,8 @@ function hasNesting(series, opts = {}) {
   for (let i2 = 0; i2 < series.length; i2++) {
     const data = series[i2] && series[i2].data;
     if (!Array.isArray(data)) continue;
-    for (let j = 0; j < data.length; j++) {
-      const d = data[j];
+    for (let j2 = 0; j2 < data.length; j2++) {
+      const d = data[j2];
       if (!d || typeof d !== "object") continue;
       if (Array.isArray(d.children) && d.children.length) return true;
       if (countDrilldown && d.drilldown != null) return true;
@@ -21170,8 +21230,8 @@ class Data {
     let xSorted = true;
     let minXDiff = Infinity;
     let prevX = NaN;
-    for (let j = 0; j < n2; j++) {
-      const point = data[j];
+    for (let j2 = 0; j2 < n2; j2++) {
+      const point = data[j2];
       if (!Array.isArray(point) || point.length > 2) return false;
       const x = point[0];
       const y = point[1];
@@ -21219,8 +21279,8 @@ class Data {
       } else {
         return false;
       }
-      ys[j] = y;
-      xs[j] = x;
+      ys[j2] = y;
+      xs[j2] = x;
     }
     this.twoDSeries = ys;
     this.twoDSeriesX = xs;
@@ -21255,8 +21315,8 @@ class Data {
     if (!isBoxPlot && cnf.xaxis.type !== "datetime" && this._fast2DArrayParse(data, i2)) {
       return;
     }
-    for (let j = 0; j < data.length; j++) {
-      const point = data[j];
+    for (let j2 = 0; j2 < data.length; j2++) {
+      const point = data[j2];
       const x = point[0];
       const y = point[1];
       const z = point[2];
@@ -21296,8 +21356,8 @@ class Data {
       activeI = this.activeSeriesIndex;
     }
     const activeData = ser[activeI].data;
-    for (let j = 0; j < data.length; j++) {
-      const point = data[j];
+    for (let j2 = 0; j2 < data.length; j2++) {
+      const point = data[j2];
       if (typeof point.y !== "undefined") {
         const val = Array.isArray(point.y) ? Utils$1.parseNumber(point.y[point.y.length - 1]) : Utils$1.parseNumber(point.y);
         this.twoDSeries.push(val);
@@ -21315,8 +21375,8 @@ class Data {
         this.w.axisFlags.isDataXYZ = true;
       }
     }
-    for (let j = 0; j < activeData.length; j++) {
-      const point = activeData[j];
+    for (let j2 = 0; j2 < activeData.length; j2++) {
+      const point = activeData[j2];
       const x = point.x;
       const isXString = typeof x === "string";
       const isXArr = Array.isArray(x);
@@ -21423,12 +21483,12 @@ class Data {
     const data = ser[i2].data || [];
     const start = [];
     const end = [];
-    for (let j = 0; j < data.length; j++) {
-      const datum = data[j];
+    for (let j2 = 0; j2 < data.length; j2++) {
+      const datum = data[j2];
       let lo;
       let hi;
       if (typeof yExtent === "function") {
-        let ext = yExtent(datum, j);
+        let ext = yExtent(datum, j2);
         if (!Array.isArray(ext)) ext = [ext];
         const nums = ext.map((v) => Utils$1.parseNumber(v)).filter((v) => v !== null && !isNaN(v));
         lo = nums.length ? Math.min(...nums) : null;
@@ -21495,8 +21555,8 @@ class Data {
     const minArr = [];
     const maxArr = [];
     const placeholders = [];
-    for (let j = 0; j < data.length; j++) {
-      const d = data[j];
+    for (let j2 = 0; j2 < data.length; j2++) {
+      const d = data[j2];
       const dens = (_c = (_b = (_a = d == null ? void 0 : d.y) == null ? void 0 : _a.density) != null ? _b : d == null ? void 0 : d[1]) != null ? _c : [];
       const pts = (_f = (_e = (_d = d == null ? void 0 : d.y) == null ? void 0 : _d.points) != null ? _e : d == null ? void 0 : d[2]) != null ? _f : [];
       const summary = this._parseViolinSummary((_h = (_g = d == null ? void 0 : d.y) == null ? void 0 : _g.summary) != null ? _h : d == null ? void 0 : d[3]);
@@ -21588,29 +21648,29 @@ class Data {
       }
     });
     if (format === "array") {
-      for (let j = 0; j < ser[i2].data.length; j++) {
-        if (Array.isArray(ser[i2].data[j])) {
-          rangeStart.push(ser[i2].data[j][1][0]);
-          rangeEnd.push(ser[i2].data[j][1][1]);
+      for (let j2 = 0; j2 < ser[i2].data.length; j2++) {
+        if (Array.isArray(ser[i2].data[j2])) {
+          rangeStart.push(ser[i2].data[j2][1][0]);
+          rangeEnd.push(ser[i2].data[j2][1][1]);
         } else {
-          rangeStart.push(ser[i2].data[j]);
-          rangeEnd.push(ser[i2].data[j]);
+          rangeStart.push(ser[i2].data[j2]);
+          rangeEnd.push(ser[i2].data[j2]);
         }
       }
     } else if (format === "xy") {
-      for (let j = 0; j < ser[i2].data.length; j++) {
-        const isDataPoint2D = Array.isArray(ser[i2].data[j].y);
+      for (let j2 = 0; j2 < ser[i2].data.length; j2++) {
+        const isDataPoint2D = Array.isArray(ser[i2].data[j2].y);
         const id = Utils$1.randomId();
-        const x = ser[i2].data[j].x;
+        const x = ser[i2].data[j2].x;
         const y = {
-          y1: isDataPoint2D ? ser[i2].data[j].y[0] : ser[i2].data[j].y,
-          y2: isDataPoint2D ? ser[i2].data[j].y[1] : ser[i2].data[j].y,
+          y1: isDataPoint2D ? ser[i2].data[j2].y[0] : ser[i2].data[j2].y,
+          y2: isDataPoint2D ? ser[i2].data[j2].y[1] : ser[i2].data[j2].y,
           rangeName: id
         };
         const gl = this.w.globals;
         if (!gl.seriesRangeName) gl.seriesRangeName = {};
         if (!gl.seriesRangeName[i2]) gl.seriesRangeName[i2] = {};
-        gl.seriesRangeName[i2][j] = id;
+        gl.seriesRangeName[i2][j2] = id;
         const keyObj = uniqueKeysMap.get(x);
         if (keyObj) {
           keyObj.y.push(y);
@@ -21653,8 +21713,8 @@ class Data {
     } else {
       getVals = (d) => Array.isArray(d.y) ? d.y : [];
     }
-    for (let j = 0; j < data.length; j++) {
-      const vals = getVals(data[j]);
+    for (let j2 = 0; j2 < data.length; j2++) {
+      const vals = getVals(data[j2]);
       if (vals && vals.length >= 2) {
         serO.push(vals[0]);
         serH.push(vals[1]);
@@ -21667,8 +21727,8 @@ class Data {
           serC.push(vals[3]);
         }
       }
-      const pts = data[j] && /** @type {any} */
-      data[j].points;
+      const pts = data[j2] && /** @type {any} */
+      data[j2].points;
       serPoints.push(Array.isArray(pts) ? pts : []);
     }
     return {
@@ -21716,18 +21776,18 @@ class Data {
     });
     this.w.labelData.seriesGroups = buckets;
     const handleDates = () => {
-      for (let j = 0; j < xlabels.length; j++) {
-        if (typeof xlabels[j] === "string") {
-          const isDate = dt.isValidDate(xlabels[j]);
+      for (let j2 = 0; j2 < xlabels.length; j2++) {
+        if (typeof xlabels[j2] === "string") {
+          const isDate = dt.isValidDate(xlabels[j2]);
           if (isDate) {
-            this.twoDSeriesX.push(dt.parseDate(xlabels[j]));
+            this.twoDSeriesX.push(dt.parseDate(xlabels[j2]));
           } else {
             throw new Error(
               "You have provided invalid Date format. Please provide a valid JavaScript Date"
             );
           }
         } else {
-          this.twoDSeriesX.push(xlabels[j]);
+          this.twoDSeriesX.push(xlabels[j2]);
         }
       }
     };
@@ -22470,8 +22530,11 @@ class Data {
   // 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;
@@ -22504,7 +22567,8 @@ class Data {
       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;
@@ -22723,9 +22787,9 @@ class Data {
       let avgX = 0;
       let avgY = 0;
       const avgRangeLen = avgRangeEnd - avgRangeStart;
-      for (let j = avgRangeStart; j < avgRangeEnd; j++) {
-        avgX += getX(data[j]);
-        avgY += getY(data[j]);
+      for (let j2 = avgRangeStart; j2 < avgRangeEnd; j2++) {
+        avgX += getX(data[j2]);
+        avgY += getY(data[j2]);
       }
       avgX /= avgRangeLen;
       avgY /= avgRangeLen;
@@ -22735,13 +22799,13 @@ class Data {
       const pointAY = getY(data[a2]);
       let maxArea = -1;
       let maxAreaIdx = rangeStart;
-      for (let j = rangeStart; j < rangeEnd; j++) {
+      for (let j2 = rangeStart; j2 < rangeEnd; j2++) {
         const area = Math.abs(
-          (pointAX - avgX) * (getY(data[j]) - pointAY) - (pointAX - getX(data[j])) * (avgY - pointAY)
+          (pointAX - avgX) * (getY(data[j2]) - pointAY) - (pointAX - getX(data[j2])) * (avgY - pointAY)
         ) * 0.5;
         if (area > maxArea) {
           maxArea = area;
-          maxAreaIdx = j;
+          maxAreaIdx = j2;
         }
       }
       sampled.push(data[maxAreaIdx]);
@@ -22783,8 +22847,8 @@ class Data {
       let high = firstY[1];
       let low = firstY[2];
       let close = firstY[3];
-      for (let j = start + 1; j < end; j++) {
-        const y = getY(data[j]);
+      for (let j2 = start + 1; j2 < end; j2++) {
+        const y = getY(data[j2]);
         if (y[1] > high) high = y[1];
         if (y[2] < low) low = y[2];
         close = y[3];
@@ -22824,8 +22888,8 @@ class Data {
       if (end <= start) continue;
       let low = Infinity;
       let high = -Infinity;
-      for (let j = start; j < end; j++) {
-        const y = getY(data[j]);
+      for (let j2 = start; j2 < end; j2++) {
+        const y = getY(data[j2]);
         if (y == null) continue;
         for (let k = 0; k < 2; k++) {
           const v = y[k];
@@ -22944,7 +23008,9 @@ class UpdateHelpers {
             );
             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();
@@ -22993,14 +23059,20 @@ class UpdateHelpers {
         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);
@@ -23009,10 +23081,12 @@ class UpdateHelpers {
       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(() => {
@@ -23343,11 +23417,11 @@ class Utils2 {
         hoverArea.classList.add("hovering-pan");
       }
     }
-    let j = Math.round(hoverX / xDivisor);
+    let j2 = Math.round(hoverX / xDivisor);
     const jHorz = Math.floor(hoverY / yDivisor);
     if (hasBars && !w.config.xaxis.convertedCatToNumeric) {
-      j = Math.ceil(hoverX / xDivisor);
-      j = j - 1;
+      j2 = Math.ceil(hoverX / xDivisor);
+      j2 = j2 - 1;
     }
     let capturedSeries = null;
     let closest = null;
@@ -23373,7 +23447,7 @@ class Utils2 {
         seriesYValArr
       );
       capturedSeries = closest.index;
-      j = (_a = closest.j) != null ? _a : 0;
+      j2 = (_a = closest.j) != null ? _a : 0;
       const wasCompacted = seriesXValArr.some(
         (arr, i2) => arr.length !== w.globals.seriesXvalues[i2].length
       );
@@ -23389,19 +23463,19 @@ class Utils2 {
             nearest = i2;
           }
         }
-        if (nearest !== null) j = nearest;
+        if (nearest !== null) j2 = nearest;
       }
     }
     w.interact.capturedSeriesIndex = capturedSeries === null ? -1 : capturedSeries;
-    if (!j || j < 1) j = 0;
+    if (!j2 || j2 < 1) j2 = 0;
     if (w.globals.isBarHorizontal) {
       w.interact.capturedDataPointIndex = jHorz;
     } else {
-      w.interact.capturedDataPointIndex = j;
+      w.interact.capturedDataPointIndex = j2;
     }
     return {
       capturedSeries,
-      j: w.globals.isBarHorizontal ? jHorz : j,
+      j: w.globals.isBarHorizontal ? jHorz : j2,
       hoverX,
       hoverY
     };
@@ -23448,11 +23522,11 @@ class Utils2 {
         const xArr = Xarrays[i2];
         const yArr = Yarrays[i2];
         const len = Math.min(xArr.length, yArr.length);
-        for (let j = 0; j < len; j++) {
-          const distX = Math.abs(hoverX - xArr[j]);
+        for (let j2 = 0; j2 < len; j2++) {
+          const distX = Math.abs(hoverX - xArr[j2]);
           if (distX < bucketDistX) {
             bucketDistX = distX;
-            closestPointIndex = j;
+            closestPointIndex = j2;
           }
         }
       }
@@ -23474,14 +23548,14 @@ class Utils2 {
               }
               continue;
             }
-            for (let j = 0; j < len - 1; j++) {
+            for (let j2 = 0; j2 < len - 1; j2++) {
               const seg = this._distanceToSegment(
                 hoverX,
                 hoverY,
-                xArr[j],
-                yArr[j],
-                xArr[j + 1],
-                yArr[j + 1]
+                xArr[j2],
+                yArr[j2],
+                xArr[j2 + 1],
+                yArr[j2 + 1]
               );
               if (seg.dist < bestSegDist) {
                 bestSegDist = seg.dist;
@@ -23516,33 +23590,33 @@ class Utils2 {
       const yArr = Yarrays[i2];
       const len = Math.min(xArr.length, yArr.length);
       if (isLineArea && len >= 2) {
-        for (let j = 0; j < len - 1; j++) {
+        for (let j2 = 0; j2 < len - 1; j2++) {
           const seg = this._distanceToSegment(
             hoverX,
             hoverY,
-            xArr[j],
-            yArr[j],
-            xArr[j + 1],
-            yArr[j + 1]
+            xArr[j2],
+            yArr[j2],
+            xArr[j2 + 1],
+            yArr[j2 + 1]
           );
           if (seg.dist < closestDist) {
             closestDist = seg.dist;
             closestSeriesIndex = i2;
-            closestPointIndex = seg.t < 0.5 ? j : j + 1;
+            closestPointIndex = seg.t < 0.5 ? j2 : j2 + 1;
           }
         }
         continue;
       }
-      for (let j = 0; j < len; j++) {
-        const xVal = xArr[j];
+      for (let j2 = 0; j2 < len; j2++) {
+        const xVal = xArr[j2];
         const distX = hoverX - xVal;
-        const yVal = yArr[j];
+        const yVal = yArr[j2];
         const distY = hoverY - yVal;
         const dist = Math.sqrt(distX * distX + distY * distY);
         if (dist < closestDist) {
           closestDist = dist;
           closestSeriesIndex = i2;
-          closestPointIndex = j;
+          closestPointIndex = j2;
         }
       }
     }
@@ -23604,7 +23678,7 @@ class Utils2 {
    * @param {number} j - the inner index of series (series[i][j])
    * @return {boolean}
    */
-  isXoverlap(j) {
+  isXoverlap(j2) {
     const w = this.w;
     const xSameForAllSeriesJArr = [];
     const seriesX = w.seriesData.seriesX.filter(
@@ -23612,8 +23686,8 @@ class Utils2 {
     );
     if (seriesX.length > 0) {
       for (let i2 = 0; i2 < seriesX.length - 1; i2++) {
-        if (typeof seriesX[i2][j] !== "undefined" && typeof seriesX[i2 + 1][j] !== "undefined") {
-          if (seriesX[i2][j] !== seriesX[i2 + 1][j]) {
+        if (typeof seriesX[i2][j2] !== "undefined" && typeof seriesX[i2 + 1][j2] !== "undefined") {
+          if (seriesX[i2][j2] !== seriesX[i2 + 1][j2]) {
             xSameForAllSeriesJArr.push("unEqual");
           }
         }
@@ -23764,20 +23838,20 @@ class Labels {
     this.tooltipUtil = new Utils2(tooltipContext);
   }
   /** @param {{ shared?: boolean, ttItems?: any, i?: number, j?: any, y1?: any, y2?: any, e?: any }} opts */
-  drawSeriesTexts({ shared = true, ttItems, i: i2 = 0, j = null, y1, y2, e: e2 }) {
+  drawSeriesTexts({ shared = true, ttItems, i: i2 = 0, j: j2 = null, y1, y2, e: e2 }) {
     const w = this.w;
     if (w.config.tooltip.custom !== void 0) {
-      this.handleCustomTooltip({ i: i2, j, y1, y2, w });
+      this.handleCustomTooltip({ i: i2, j: j2, y1, y2, w });
     } else {
       this.toggleActiveInactiveSeries(shared, i2);
     }
     const values = this.getValuesToPrint({
       i: i2,
-      j
+      j: j2
     });
     this.printLabels({
       i: i2,
-      j,
+      j: j2,
       values,
       ttItems,
       shared,
@@ -23790,16 +23864,16 @@ class Labels {
     }
   }
   /** @param {{i: any, j: any, values: any, ttItems: any, shared: any, e: any}} opts */
-  printLabels({ i: i2, j, values, ttItems, shared, e: e2 }) {
+  printLabels({ i: i2, j: j2, values, ttItems, shared, e: e2 }) {
     const w = this.w;
     const { xVal, zVal, xAxisTTVal } = values;
     const seriesLen = w.seriesData.series.length;
-    const basePColor = j !== null && w.config.plotOptions.bar.distributed ? w.globals.colors[j] : w.globals.colors[i2];
+    const basePColor = j2 !== null && w.config.plotOptions.bar.distributed ? w.globals.colors[j2] : w.globals.colors[i2];
     for (let t2 = 0; t2 < seriesLen; t2++) {
       const tIndex = w.config.tooltip.inverseOrder ? seriesLen - 1 - t2 : t2;
       const row = this.computeSeriesRow({
         i: i2,
-        j,
+        j: j2,
         t: t2,
         tIndex,
         shared,
@@ -23809,7 +23883,7 @@ class Labels {
       this.DOMHandling({
         i: i2,
         t: tIndex,
-        j,
+        j: j2,
         ttItems,
         values: {
           val: row.val,
@@ -23830,7 +23904,7 @@ class Labels {
    * printLabels() to keep the outer loop scannable.
    * @param {{i: number, j: any, t: number, tIndex: number, shared: boolean, e: any, basePColor: string}} opts
    */
-  computeSeriesRow({ i: i2, j, tIndex, shared, e: e2, basePColor }) {
+  computeSeriesRow({ i: i2, j: j2, tIndex, shared, e: e2, basePColor }) {
     const w = this.w;
     let f = this.getFormatters(i2);
     let pColor = basePColor;
@@ -23842,19 +23916,19 @@ class Labels {
     let seriesName = w.config.chart.type === "treemap" ? f.yLbTitleFormatter(
       String(
         /** @type {any} */
-        w.config.series[i2].data[j].x
+        w.config.series[i2].data[j2].x
       ),
       {
         series: w.seriesData.series,
         seriesIndex: i2,
-        dataPointIndex: j,
+        dataPointIndex: j2,
         w
       }
     ) : this.getSeriesName({
       fn: f.yLbTitleFormatter,
       index: i2,
       seriesIndex: i2,
-      j
+      j: j2
     });
     if (w.globals.axisCharts) {
       if (shared) {
@@ -23863,18 +23937,18 @@ class Labels {
           fn: f.yLbTitleFormatter,
           index: tIndex,
           seriesIndex: i2,
-          j
+          j: j2
         });
         pColor = w.globals.colors[tIndex];
-        val = this.formatYValue(f, tIndex, j);
-        goalVals = this.formatGoalVals(f, tIndex, j);
+        val = this.formatYValue(f, tIndex, j2);
+        goalVals = this.formatGoalVals(f, tIndex, j2);
       } else {
         pColor = this.resolvePatternColor(e2, pColor);
-        val = this.formatYValue(f, i2, j);
-        goalVals = this.formatGoalVals(f, i2, j);
+        val = this.formatYValue(f, i2, j2);
+        goalVals = this.formatGoalVals(f, i2, j2);
       }
     }
-    if (j === null) {
+    if (j2 === null) {
       val = f.yLbFormatter(w.seriesData.series[i2], __spreadProps(__spreadValues({}, w), {
         seriesIndex: i2,
         dataPointIndex: i2
@@ -23889,35 +23963,35 @@ class Labels {
    * @param {number} index
    * @param {any} j
    */
-  formatYValue(f, index, j) {
+  formatYValue(f, index, j2) {
     var _a, _b, _c, _d;
     const w = this.w;
     const steps = w.waterfallData && w.waterfallData.values;
-    if (steps && steps[index] && steps[index][j] != null) {
-      return f.yLbFormatter(steps[index][j], {
+    if (steps && steps[index] && steps[index][j2] != null) {
+      return f.yLbFormatter(steps[index][j2], {
         series: steps,
         seriesIndex: index,
-        dataPointIndex: j,
+        dataPointIndex: j2,
         w
       });
     }
     if (w.axisFlags.isRangeData) {
-      return f.yLbFormatter((_b = (_a = w.rangeData.seriesRangeStart) == null ? void 0 : _a[index]) == null ? void 0 : _b[j], {
+      return f.yLbFormatter((_b = (_a = w.rangeData.seriesRangeStart) == null ? void 0 : _a[index]) == null ? void 0 : _b[j2], {
         series: w.rangeData.seriesRangeStart,
         seriesIndex: index,
-        dataPointIndex: j,
+        dataPointIndex: j2,
         w
-      }) + " - " + f.yLbFormatter((_d = (_c = w.rangeData.seriesRangeEnd) == null ? void 0 : _c[index]) == null ? void 0 : _d[j], {
+      }) + " - " + f.yLbFormatter((_d = (_c = w.rangeData.seriesRangeEnd) == null ? void 0 : _c[index]) == null ? void 0 : _d[j2], {
         series: w.rangeData.seriesRangeEnd,
         seriesIndex: index,
-        dataPointIndex: j,
+        dataPointIndex: j2,
         w
       });
     }
-    return f.yLbFormatter(w.seriesData.series[index][j], {
+    return f.yLbFormatter(w.seriesData.series[index][j2], {
       series: w.seriesData.series,
       seriesIndex: index,
-      dataPointIndex: j,
+      dataPointIndex: j2,
       w
     });
   }
@@ -23928,16 +24002,16 @@ class Labels {
    * @param {number} index
    * @param {any} j
    */
-  formatGoalVals(f, index, j) {
+  formatGoalVals(f, index, j2) {
     var _a;
     const w = this.w;
-    const goals = (_a = w.seriesData.seriesGoals[index]) == null ? void 0 : _a[j];
+    const goals = (_a = w.seriesData.seriesGoals[index]) == null ? void 0 : _a[j2];
     if (!Array.isArray(goals)) return [];
     return goals.map((goal) => ({
       attrs: goal,
       val: f.yLbFormatter(goal.value, {
         seriesIndex: index,
-        dataPointIndex: j,
+        dataPointIndex: j2,
         w
       })
     }));
@@ -24009,17 +24083,17 @@ class Labels {
     };
   }
   /** @param {{fn: any, index: any, seriesIndex: any, j: any}} opts */
-  getSeriesName({ fn, index, seriesIndex, j }) {
+  getSeriesName({ fn, index, seriesIndex, j: j2 }) {
     const w = this.w;
     return fn(String(w.seriesData.seriesNames[index]), {
       series: w.seriesData.series,
       seriesIndex,
-      dataPointIndex: j,
+      dataPointIndex: j2,
       w
     });
   }
   /** @param {{ t?: any, j?: any, i?: any, ttItems?: any, values?: any, seriesName?: any, shared?: any, pColor?: any }} opts */
-  DOMHandling({ t: t2, j, ttItems, values, seriesName, shared, pColor }) {
+  DOMHandling({ t: t2, j: j2, ttItems, values, seriesName, shared, pColor }) {
     const w = this.w;
     const ttCtx = this.ttCtx;
     const { val, goalVals, xVal, xAxisTTVal, zVal } = values;
@@ -24086,7 +24160,7 @@ class Labels {
         ttGVal.innerHTML = gVals + `</div>`;
       };
       if (shared) {
-        if (w.seriesData.seriesGoals[t2][j] && Array.isArray(w.seriesData.seriesGoals[t2][j])) {
+        if (w.seriesData.seriesGoals[t2][j2] && Array.isArray(w.seriesData.seriesGoals[t2][j2])) {
           createGoalsHtml();
         } else {
           ttGLabel.innerHTML = "";
@@ -24158,7 +24232,7 @@ class Labels {
     }
   }
   /** @param {{i: any, j: any}} opts */
-  getValuesToPrint({ i: i2, j }) {
+  getValuesToPrint({ i: i2, j: j2 }) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const w = this.w;
     const filteredSeriesX = w.seriesData.seriesX.map(
@@ -24171,29 +24245,29 @@ class Labels {
     const customFormatterOpts = {
       series: w.seriesData.series,
       seriesIndex: i2,
-      dataPointIndex: j,
+      dataPointIndex: j2,
       w
     };
     const zFormatter = w.formatters.ttZFormatter;
-    if (j === null) {
+    if (j2 === null) {
       val = w.seriesData.series[i2];
     } else {
       if (w.axisFlags.isXNumeric && w.config.chart.type !== "treemap") {
-        xVal = filteredSeriesX[i2][j];
+        xVal = filteredSeriesX[i2][j2];
         if (filteredSeriesX[i2].length === 0) {
           const firstActiveSeriesIndex = this.tooltipUtil.getFirstActiveXArray(filteredSeriesX);
-          xVal = filteredSeriesX[firstActiveSeriesIndex][j];
+          xVal = filteredSeriesX[firstActiveSeriesIndex][j2];
         }
       } else {
         const dataFormat = new Data(this.w);
         if (dataFormat.isFormatXY()) {
           xVal = typeof /** @type {any} */
-          w.config.series[i2].data[j] !== "undefined" ? (
+          w.config.series[i2].data[j2] !== "undefined" ? (
             /** @type {any} */
-            w.config.series[i2].data[j].x
+            w.config.series[i2].data[j2].x
           ) : "";
         } else {
-          xVal = typeof w.labelData.labels[j] !== "undefined" ? w.labelData.labels[j] : "";
+          xVal = typeof w.labelData.labels[j2] !== "undefined" ? w.labelData.labels[j2] : "";
         }
       }
     }
@@ -24222,7 +24296,7 @@ class Labels {
       xVal = (_f = (_e = (_d = w.formatters).ttKeyFormatter) == null ? void 0 : _e.call(_d, bufferXVal, customFormatterOpts)) != null ? _f : bufferXVal;
     }
     if (w.seriesData.seriesZ.length > 0 && w.seriesData.seriesZ[i2].length > 0) {
-      zVal = zFormatter == null ? void 0 : zFormatter(w.seriesData.seriesZ[i2][j], w);
+      zVal = zFormatter == null ? void 0 : zFormatter(w.seriesData.seriesZ[i2][j2], w);
     }
     if (typeof w.config.xaxis.tooltip.formatter === "function") {
       xAxisTTVal = (_h = (_g = w.formatters).xaxisTooltipFormatter) == null ? void 0 : _h.call(
@@ -24241,7 +24315,7 @@ class Labels {
     };
   }
   /** @param {{i: any, j: any, y1: any, y2: any, w: any}} opts */
-  handleCustomTooltip({ i: i2, j, y1, y2, w }) {
+  handleCustomTooltip({ i: i2, j: j2, y1, y2, w }) {
     const tooltipEl = this.ttCtx.getElTooltip();
     let fn = w.config.tooltip.custom;
     if (Array.isArray(fn)) {
@@ -24251,7 +24325,7 @@ class Labels {
     const customTooltip = fn({
       series: w.seriesData.series,
       seriesIndex: i2,
-      dataPointIndex: j,
+      dataPointIndex: j2,
       y1,
       y2,
       w
@@ -24285,14 +24359,14 @@ class Position {
    * @param {number} cx - point's x position, wherever point's x is, you need to move crosshair
    * @param {number | null} [j]
    */
-  moveXCrosshairs(cx, j = null) {
+  moveXCrosshairs(cx, j2 = null) {
     const ttCtx = this.ttCtx;
     const w = this.w;
     const xcrosshairs = ttCtx.getElXCrosshairs();
     let x = cx - ttCtx.xcrosshairsWidth / 2;
     const tickAmount = w.labelData.labels.slice().length;
-    if (j !== null) {
-      x = w.layout.gridWidth / tickAmount * j;
+    if (j2 !== null) {
+      x = w.layout.gridWidth / tickAmount * j2;
     }
     if (xcrosshairs !== null && !w.globals.isBarHorizontal) {
       xcrosshairs.setAttribute("x", String(x));
@@ -24568,7 +24642,7 @@ class Position {
    * @param {number} i
    * @param {number} j
    */
-  moveMarkers(i2, j) {
+  moveMarkers(i2, j2) {
     var _a;
     const w = this.w;
     const ttCtx = this.ttCtx;
@@ -24577,14 +24651,14 @@ class Position {
         ` .apexcharts-series[data\\:realIndex='${i2}'] .apexcharts-marker`
       );
       for (let p = 0; p < allPoints.length; p++) {
-        if (parseInt((_a = allPoints[p].getAttribute("rel")) != null ? _a : "0", 10) === j) {
+        if (parseInt((_a = allPoints[p].getAttribute("rel")) != null ? _a : "0", 10) === j2) {
           ttCtx.marker.resetPointsSize();
-          ttCtx.marker.enlargeCurrentPoint(j, allPoints[p]);
+          ttCtx.marker.enlargeCurrentPoint(j2, allPoints[p]);
         }
       }
     } else {
       ttCtx.marker.resetPointsSize();
-      this.moveDynamicPointOnHover(j, i2);
+      this.moveDynamicPointOnHover(j2, i2);
     }
   }
   // This function is used when you need to show markers/points only on hover -
@@ -24593,7 +24667,7 @@ class Position {
    * @param {number} j
    * @param {number} capturedSeries
    */
-  moveDynamicPointOnHover(j, capturedSeries) {
+  moveDynamicPointOnHover(j2, capturedSeries) {
     var _a, _b, _c, _d, _e;
     const w = this.w;
     const ttCtx = this.ttCtx;
@@ -24609,8 +24683,8 @@ class Position {
     if (serType && (serType === "column" || serType === "candlestick" || serType === "boxPlot" || serType === "violin")) {
       return;
     }
-    cx = (_b = (_a = pointsArr[capturedSeries]) == null ? void 0 : _a[j]) == null ? void 0 : _b[0];
-    cy = ((_d = (_c = pointsArr[capturedSeries]) == null ? void 0 : _c[j]) == null ? void 0 : _d[1]) || 0;
+    cx = (_b = (_a = pointsArr[capturedSeries]) == null ? void 0 : _a[j2]) == null ? void 0 : _b[0];
+    cy = ((_d = (_c = pointsArr[capturedSeries]) == null ? void 0 : _c[j2]) == null ? void 0 : _d[1]) || 0;
     const point = w.dom.baseEl.querySelector(
       `.apexcharts-series[data\\:realIndex='${capturedSeries}'] .apexcharts-series-markers path`
     );
@@ -24629,7 +24703,7 @@ class Position {
   /**
    * @param {number} j
    */
-  moveDynamicPointsOnHover(j) {
+  moveDynamicPointsOnHover(j2) {
     var _a, _b;
     const ttCtx = this.ttCtx;
     const w = ttCtx.w;
@@ -24646,9 +24720,9 @@ class Position {
       "bubble"
     ]);
     const hoverSize = ttCtx.tooltipUtil.getHoverMarkerSize(activeSeries);
-    if ((_a = pointsArr[activeSeries]) == null ? void 0 : _a[j]) {
-      cx = pointsArr[activeSeries][j][0];
-      cy = pointsArr[activeSeries][j][1];
+    if ((_a = pointsArr[activeSeries]) == null ? void 0 : _a[j2]) {
+      cx = pointsArr[activeSeries][j2][0];
+      cy = pointsArr[activeSeries][j2][1];
     }
     if (isNaN(cx)) {
       return;
@@ -24663,12 +24737,12 @@ class Position {
           }
         }
         if (points[p] && pointArr && pointArr.length) {
-          let pcy = pointsArr[p][j][1];
+          let pcy = pointsArr[p][j2][1];
           let pcy2;
           points[p].setAttribute("cx", cx);
           const shape = (_b = points[p].getAttribute("shape")) != null ? _b : "circle";
           if (w.config.chart.type === "rangeArea" && !w.globals.comboCharts) {
-            const rangeStartIndex = j + w.seriesData.series[p].length;
+            const rangeStartIndex = j2 + w.seriesData.series[p].length;
             pcy2 = pointsArr[p][rangeStartIndex][1];
             const pcyDiff = Math.abs(pcy - pcy2) / 2;
             pcy = pcy - pcyDiff;
@@ -24691,7 +24765,7 @@ class Position {
    * @param {number} j
    * @param {number} capturedSeries
    */
-  moveStickyTooltipOverBars(j, capturedSeries) {
+  moveStickyTooltipOverBars(j2, capturedSeries) {
     var _a, _b, _c, _d, _e;
     const w = this.w;
     const ttCtx = this.ttCtx;
@@ -24708,15 +24782,15 @@ class Position {
       i2 = series.getActiveConfigSeriesIndex("desc") + 1;
     }
     let jBar = w.dom.baseEl.querySelector(
-      `.apexcharts-bar-series .apexcharts-series[rel='${i2}'] path[j='${j}'], .apexcharts-candlestick-series .apexcharts-series[rel='${i2}'] path[j='${j}'], .apexcharts-boxPlot-series .apexcharts-series[rel='${i2}'] path[j='${j}'], .apexcharts-violin-series .apexcharts-series[rel='${i2}'] path[j='${j}'], .apexcharts-rangebar-series .apexcharts-series[rel='${i2}'] path[j='${j}']`
+      `.apexcharts-bar-series .apexcharts-series[rel='${i2}'] path[j='${j2}'], .apexcharts-candlestick-series .apexcharts-series[rel='${i2}'] path[j='${j2}'], .apexcharts-boxPlot-series .apexcharts-series[rel='${i2}'] path[j='${j2}'], .apexcharts-violin-series .apexcharts-series[rel='${i2}'] path[j='${j2}'], .apexcharts-rangebar-series .apexcharts-series[rel='${i2}'] path[j='${j2}']`
     );
     if (!jBar && typeof capturedSeries === "number") {
       jBar = w.dom.baseEl.querySelector(
-        `.apexcharts-bar-series .apexcharts-series[data\\:realIndex='${capturedSeries}'] path[j='${j}'],
-        .apexcharts-candlestick-series .apexcharts-series[data\\:realIndex='${capturedSeries}'] path[j='${j}'],
-        .apexcharts-boxPlot-series .apexcharts-series[data\\:realIndex='${capturedSeries}'] path[j='${j}'],
-        .apexcharts-violin-series .apexcharts-series[data\\:realIndex='${capturedSeries}'] path[j='${j}'],
-        .apexcharts-rangebar-series .apexcharts-series[data\\:realIndex='${capturedSeries}'] path[j='${j}']`
+        `.apexcharts-bar-series .apexcharts-series[data\\:realIndex='${capturedSeries}'] path[j='${j2}'],
+        .apexcharts-candlestick-series .apexcharts-series[data\\:realIndex='${capturedSeries}'] path[j='${j2}'],
+        .apexcharts-boxPlot-series .apexcharts-series[data\\:realIndex='${capturedSeries}'] path[j='${j2}'],
+        .apexcharts-violin-series .apexcharts-series[data\\:realIndex='${capturedSeries}'] path[j='${j2}'],
+        .apexcharts-rangebar-series .apexcharts-series[data\\:realIndex='${capturedSeries}'] path[j='${j2}']`
       );
     }
     let bc = null;
@@ -24725,11 +24799,11 @@ class Position {
       w.globals.barCanvasCoords
     );
     if (!jBar && bcc) {
-      bc = typeof capturedSeries === "number" && ((_a = bcc[capturedSeries]) == null ? void 0 : _a[j]) || null;
+      bc = typeof capturedSeries === "number" && ((_a = bcc[capturedSeries]) == null ? void 0 : _a[j2]) || null;
       if (!bc) {
         for (const key in bcc) {
-          if ((_b = bcc[key]) == null ? void 0 : _b[j]) {
-            bc = bcc[key][j];
+          if ((_b = bcc[key]) == null ? void 0 : _b[j2]) {
+            bc = bcc[key][j2];
             break;
           }
         }
@@ -24744,7 +24818,7 @@ class Position {
     const isBoxOrCandle = jBar && (jBar.classList.contains("apexcharts-candlestick-area") || jBar.classList.contains("apexcharts-boxPlot-area"));
     if (w.axisFlags.isXNumeric) {
       if (jBar && !isBoxOrCandle) {
-        const center = this._datapointCenterXFromBars(j);
+        const center = this._datapointCenterXFromBars(j2);
         if (center != null) {
           bcx = center;
         } else {
@@ -24757,9 +24831,9 @@ class Position {
       }
     } else {
       if (!w.globals.isBarHorizontal && !bc) {
-        bcx = ttCtx.xAxisTicksPositions[j - 1] + ttCtx.dataPointsDividedWidth / 2;
+        bcx = ttCtx.xAxisTicksPositions[j2 - 1] + ttCtx.dataPointsDividedWidth / 2;
         if (isNaN(bcx)) {
-          bcx = ttCtx.xAxisTicksPositions[j] - ttCtx.dataPointsDividedWidth / 2;
+          bcx = ttCtx.xAxisTicksPositions[j2] - ttCtx.dataPointsDividedWidth / 2;
         }
       }
     }
@@ -24779,7 +24853,7 @@ class Position {
     }
     if (!ttCtx.fixedTooltip) {
       if (w.globals.isBarHorizontal && !w.config.tooltip.followCursor) {
-        const placed = this.placeHorizontalSharedTooltip(j);
+        const placed = this.placeHorizontalSharedTooltip(j2);
         if (placed) return;
       }
       this.moveTooltip(bcx, bcy || w.layout.gridHeight);
@@ -24796,11 +24870,11 @@ class Position {
    * @param {number} j
    * @returns {number | null}
    */
-  _datapointCenterXFromBars(j) {
+  _datapointCenterXFromBars(j2) {
     var _a, _b;
     const w = this.w;
     const bars = w.dom.baseEl.querySelectorAll(
-      `.apexcharts-bar-series path[j='${j}'],.apexcharts-rangebar-series path[j='${j}']`
+      `.apexcharts-bar-series path[j='${j2}'],.apexcharts-rangebar-series path[j='${j2}']`
     );
     if (!bars.length) return null;
     let unionLeft = Infinity;
@@ -24829,7 +24903,7 @@ class Position {
    * @param {number} j
    * @returns {boolean}
    */
-  placeHorizontalSharedTooltip(j) {
+  placeHorizontalSharedTooltip(j2) {
     var _a, _b;
     const w = this.w;
     const ttCtx = this.ttCtx;
@@ -24839,7 +24913,7 @@ class Position {
     if (!elGrid) return false;
     const gridRect = elGrid.getBoundingClientRect();
     const bars = w.dom.baseEl.querySelectorAll(
-      `.apexcharts-bar-series path[j='${j}'],.apexcharts-rangebar-series path[j='${j}'],.apexcharts-boxPlot-series path[j='${j}']`
+      `.apexcharts-bar-series path[j='${j2}'],.apexcharts-rangebar-series path[j='${j2}'],.apexcharts-boxPlot-series path[j='${j2}']`
     );
     if (!bars.length) return false;
     let unionLeft = Infinity;
@@ -25008,12 +25082,12 @@ class Marker {
   /**
    * @param {number} j
    */
-  enlargePoints(j) {
+  enlargePoints(j2) {
     var _a, _b;
     const w = this.w;
     const me = this;
     const ttCtx = this.ttCtx;
-    const col = j;
+    const col = j2;
     const points = w.dom.baseEl.querySelectorAll(
       ".apexcharts-series:not(.apexcharts-series-collapsed) .apexcharts-marker"
     );
@@ -25128,7 +25202,7 @@ class Intersect {
     const renderer = w.globals.activeRenderer;
     const canvasCells = type === "heatmap" && renderer && renderer.kind === "canvas" && typeof renderer.hitTest === "function";
     const hovered = Utils2.hoverTarget(e2);
-    let i2, j, cx, cy, width, height;
+    let i2, j2, cx, cy, width, height;
     if (canvasCells) {
       const seriesBound = opt.elGrid.getBoundingClientRect();
       const clientX = (_a = opt.clientX) != null ? _a : e2.type === "touchmove" ? e2.touches[0].clientX : e2.clientX;
@@ -25141,14 +25215,14 @@ class Intersect {
         return { x, y, noHit: true };
       }
       i2 = hit.seriesIndex;
-      j = hit.dataPointIndex;
+      j2 = hit.dataPointIndex;
       cx = hit.x;
       cy = hit.y;
       width = hit.width;
       height = hit.height;
     } else if (hovered.classList.contains(`apexcharts-${type}-rect`)) {
       i2 = this.getAttr(e2, "i");
-      j = this.getAttr(e2, "j");
+      j2 = this.getAttr(e2, "j");
       cx = this.getAttr(e2, "cx");
       cy = this.getAttr(e2, "cy");
       width = this.getAttr(e2, "width");
@@ -25159,12 +25233,12 @@ class Intersect {
     ttCtx.tooltipLabels.drawSeriesTexts({
       ttItems: opt.ttItems,
       i: i2,
-      j,
+      j: j2,
       shared: false,
       e: e2
     });
     w.interact.capturedSeriesIndex = i2;
-    w.interact.capturedDataPointIndex = j;
+    w.interact.capturedDataPointIndex = j2;
     ttCtx.tooltipPosition.moveXCrosshairs(cx + width / 2);
     const tooltipEl = ttCtx.getElTooltip();
     if (type === "heatmap" && w.config.tooltip.arrow && !w.config.tooltip.followCursor && tooltipEl) {
@@ -25247,12 +25321,12 @@ class Intersect {
     const w = this.w;
     const ttCtx = this.ttCtx;
     let i2;
-    let j;
+    let j2;
     if (Utils2.hoverTarget(e2).classList.contains("apexcharts-marker")) {
       const cx = parseInt(opt.paths.getAttribute("cx"), 10);
       const cy = parseInt(opt.paths.getAttribute("cy"), 10);
       const val = parseFloat(opt.paths.getAttribute("val"));
-      j = parseInt(opt.paths.getAttribute("rel"), 10);
+      j2 = parseInt(opt.paths.getAttribute("rel"), 10);
       i2 = parseInt(
         opt.paths.parentNode.parentNode.parentNode.getAttribute("rel"),
         10
@@ -25266,15 +25340,15 @@ class Intersect {
       ttCtx.tooltipLabels.drawSeriesTexts({
         ttItems: opt.ttItems,
         i: i2,
-        j,
+        j: j2,
         shared: ttCtx.showOnIntersect ? false : w.config.tooltip.shared,
         e: e2
       });
       if (e2.type === "mouseup") {
-        ttCtx.markerClick(e2, i2, j);
+        ttCtx.markerClick(e2, i2, j2);
       }
       w.interact.capturedSeriesIndex = i2;
-      w.interact.capturedDataPointIndex = j;
+      w.interact.capturedDataPointIndex = j2;
       const arrowEnabled = !!w.config.tooltip.arrow;
       x = cx;
       if (arrowEnabled) {
@@ -25291,7 +25365,7 @@ class Intersect {
         const seriesBound = elGrid.getBoundingClientRect();
         y = ttCtx.e.clientY + w.layout.translateY - seriesBound.top;
       }
-      ttCtx.marker.enlargeCurrentPoint(j, opt.paths, x, y);
+      ttCtx.marker.enlargeCurrentPoint(j2, opt.paths, x, y);
     }
     return {
       x,
@@ -25320,9 +25394,9 @@ class Intersect {
       return;
     }
     i2 = barXY.i;
-    const j = barXY.j;
+    const j2 = barXY.j;
     w.interact.capturedSeriesIndex = i2;
-    w.interact.capturedDataPointIndex = j !== null ? j : w.interact.capturedDataPointIndex;
+    w.interact.capturedDataPointIndex = j2 !== null ? j2 : w.interact.capturedDataPointIndex;
     if (w.globals.isBarHorizontal && ttCtx.tooltipUtil.hasBars() || !w.config.tooltip.shared) {
       x = barXY.x;
       y = barXY.y;
@@ -25438,7 +25512,7 @@ class Intersect {
   /** @param {{e: any, opt: any}} opts */
   getBarTooltipXY({ e: e2, opt }) {
     const w = this.w;
-    let j = null;
+    let j2 = null;
     const ttCtx = this.ttCtx;
     let i2 = 0;
     let x = 0;
@@ -25477,7 +25551,7 @@ class Intersect {
         bottom: rectTopInGrid + bh
       };
       const clientX = e2.type === "touchmove" ? e2.touches[0].clientX : e2.clientX;
-      j = parseInt(bar.getAttribute("j"), 10);
+      j2 = parseInt(bar.getAttribute("j"), 10);
       i2 = parseInt(bar.parentNode.getAttribute("rel"), 10) - 1;
       const y1 = bar.getAttribute("data-range-y1");
       const y2 = bar.getAttribute("data-range-y2");
@@ -25502,7 +25576,7 @@ class Intersect {
       ttCtx.tooltipLabels.drawSeriesTexts({
         ttItems: opt.ttItems,
         i: i2,
-        j,
+        j: j2,
         y1: y1 ? parseInt(y1, 10) : null,
         y2: y2 ? parseInt(y2, 10) : null,
         shared: ttCtx.showOnIntersect ? false : w.config.tooltip.shared,
@@ -25535,7 +25609,7 @@ class Intersect {
       barHeight,
       barWidth,
       i: i2,
-      j,
+      j: j2,
       // SVG attribute values — left for any caller that still wants them.
       barCx,
       barCy,
@@ -26496,9 +26570,9 @@ class Tooltip {
     const tooltipEl = this.getElTooltip();
     if (!tooltipEl) return;
     const i2 = parseInt(dotEl.getAttribute("i") || "0", 10);
-    const j = parseInt(dotEl.getAttribute("j") || "0", 10);
+    const j2 = parseInt(dotEl.getAttribute("j") || "0", 10);
     if (typeof w.config.tooltip.custom === "function") {
-      this.tooltipLabels.handleCustomTooltip({ i: i2, j, y1: null, y2: null, w });
+      this.tooltipLabels.handleCustomTooltip({ i: i2, j: j2, y1: null, y2: null, w });
       return;
     }
     const seriesName = w.seriesData.seriesNames[i2] || `series-${i2 + 1}`;
@@ -26508,7 +26582,7 @@ class Tooltip {
     const unitOpts = w.config.plotOptions.unit || {};
     const unitValue = unitOpts.unitValue > 0 ? unitOpts.unitValue : 1;
     const catData = w.seriesData.unitData && w.seriesData.unitData[i2];
-    const datum = catData ? catData[j] : void 0;
+    const datum = catData ? catData[j2] : void 0;
     const datumObj = datum && typeof datum === "object" ? datum : null;
     const color = datumObj && datumObj.fillColor || w.globals.colors && w.globals.colors[i2] || "#008FFB";
     let body;
@@ -26517,7 +26591,7 @@ class Tooltip {
       body = fmt({
         seriesName,
         seriesIndex: i2,
-        dataPointIndex: j,
+        dataPointIndex: j2,
         count,
         value,
         unitValue,
@@ -26528,9 +26602,9 @@ class Tooltip {
     } else if (datum !== void 0 && datum !== null) {
       const label = datumObj ? (_c = (_b = (_a = datumObj.name) != null ? _a : datumObj.label) != null ? _b : datumObj.x) != null ? _c : null : null;
       const dVal = datumObj ? (_e = (_d = datumObj.value) != null ? _d : datumObj.y) != null ? _e : null : datum;
-      body = label != null && dVal != null ? `${label}: ${dVal}` : label != null ? String(label) : dVal != null ? String(dVal) : `#${(j + 1).toLocaleString()} of ${count.toLocaleString()}`;
+      body = label != null && dVal != null ? `${label}: ${dVal}` : label != null ? String(label) : dVal != null ? String(dVal) : `#${(j2 + 1).toLocaleString()} of ${count.toLocaleString()}`;
     } else {
-      body = `#${(j + 1).toLocaleString()} of ${count.toLocaleString()}`;
+      body = `#${(j2 + 1).toLocaleString()} of ${count.toLocaleString()}`;
       if (unitValue !== 1) {
         body += ` &middot; ${unitValue.toLocaleString()} per dot`;
       }
@@ -26559,7 +26633,7 @@ class Tooltip {
       clientX,
       clientY
     });
-    const j = capj.j;
+    const j2 = capj.j;
     let capturedSeries = capj.capturedSeries;
     if (capturedSeries !== null && w.globals.collapsedSeriesIndices.includes(capturedSeries != null ? capturedSeries : -1))
       capturedSeries = null;
@@ -26569,9 +26643,9 @@ class Tooltip {
       return;
     }
     if (capturedSeries !== null) {
-      this.handleStickyCapturedSeries(e2, capturedSeries != null ? capturedSeries : -1, opt, j != null ? j : 0);
+      this.handleStickyCapturedSeries(e2, capturedSeries != null ? capturedSeries : -1, opt, j2 != null ? j2 : 0);
     } else {
-      if (this.tooltipUtil.isXoverlap(j != null ? j : 0) || w.globals.isBarHorizontal) {
+      if (this.tooltipUtil.isXoverlap(j2 != null ? j2 : 0) || w.globals.isBarHorizontal) {
         const firstVisibleSeries = w.seriesData.series.findIndex(
           /**
            * @param {any} s
@@ -26579,7 +26653,7 @@ class Tooltip {
            */
           (s2, i2) => !w.globals.collapsedSeriesIndices.includes(i2)
         );
-        this.create(e2, this, firstVisibleSeries, j != null ? j : 0, opt.ttItems);
+        this.create(e2, this, firstVisibleSeries, j2 != null ? j2 : 0, opt.ttItems);
       }
     }
   }
@@ -26589,23 +26663,23 @@ class Tooltip {
    * @param {Record<string, any>} opt
    * @param {number} j
    */
-  handleStickyCapturedSeries(e2, capturedSeries, opt, j) {
+  handleStickyCapturedSeries(e2, capturedSeries, opt, j2) {
     const w = this.w;
     if (!this.tConfig.shared) {
-      const ignoreNull = w.seriesData.series[capturedSeries][j] === null;
+      const ignoreNull = w.seriesData.series[capturedSeries][j2] === null;
       if (ignoreNull) {
         this.handleMouseOut(opt);
         return;
       }
     }
-    if (typeof w.seriesData.series[capturedSeries][j] !== "undefined") {
-      if (this.tConfig.shared && this.tooltipUtil.isXoverlap(j) && this.tooltipUtil.isInitialSeriesSameLen()) {
-        this.create(e2, this, capturedSeries, j, opt.ttItems);
+    if (typeof w.seriesData.series[capturedSeries][j2] !== "undefined") {
+      if (this.tConfig.shared && this.tooltipUtil.isXoverlap(j2) && this.tooltipUtil.isInitialSeriesSameLen()) {
+        this.create(e2, this, capturedSeries, j2, opt.ttItems);
       } else {
-        this.create(e2, this, capturedSeries, j, opt.ttItems, false);
+        this.create(e2, this, capturedSeries, j2, opt.ttItems, false);
       }
     } else {
-      if (this.tooltipUtil.isXoverlap(j)) {
+      if (this.tooltipUtil.isXoverlap(j2)) {
         const firstVisibleSeries = w.seriesData.series.findIndex(
           /**
            * @param {any} s
@@ -26613,7 +26687,7 @@ class Tooltip {
            */
           (s2, i2) => !w.globals.collapsedSeriesIndices.includes(i2)
         );
-        this.create(e2, this, firstVisibleSeries, j, opt.ttItems);
+        this.create(e2, this, firstVisibleSeries, j2, opt.ttItems);
       }
     }
   }
@@ -26721,12 +26795,12 @@ class Tooltip {
    * @param {any} ttItems
    * @param {boolean | null} shared
    */
-  create(e2, context, capturedSeries, j, ttItems, shared = null) {
+  create(e2, context, capturedSeries, j2, ttItems, shared = null) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
     const w = this.w;
     const ttCtx = context;
     if (e2.type === "mouseup") {
-      this.markerClick(e2, capturedSeries, j);
+      this.markerClick(e2, capturedSeries, j2);
     }
     if (shared === null) shared = this.tConfig.shared;
     const hasMarkers = this.tooltipUtil.hasMarkers(capturedSeries);
@@ -26737,9 +26811,9 @@ class Tooltip {
     const bars = this.tooltipUtil.getElBars();
     const handlePoints = () => {
       if (w.globals.markers.largestSize > 0 && !canvasMode && !w.globals.markers.batched) {
-        ttCtx.marker.enlargePoints(j);
+        ttCtx.marker.enlargePoints(j2);
       } else {
-        ttCtx.tooltipPosition.moveDynamicPointsOnHover(j);
+        ttCtx.tooltipPosition.moveDynamicPointsOnHover(j2);
       }
     };
     if (w.config.legend.tooltipHoverFormatter) {
@@ -26760,7 +26834,7 @@ class Tooltip {
         );
         const text = legendFormatter(legendName, {
           seriesIndex: shared ? lsIndex : capturedSeries,
-          dataPointIndex: j,
+          dataPointIndex: j2,
           w
         });
         if (!shared) {
@@ -26780,11 +26854,11 @@ class Tooltip {
     const commonSeriesTextsParams = __spreadValues(__spreadValues({
       ttItems,
       i: capturedSeries,
-      j
-    }, ((_i = (_h = (_g = (_f = _rangeData.seriesRange) == null ? void 0 : _f[capturedSeries]) == null ? void 0 : _g[j]) == null ? void 0 : _h.y[0]) == null ? void 0 : _i.y1) !== void 0 && {
-      y1: (_m = (_l = (_k = (_j = _rangeData.seriesRange) == null ? void 0 : _j[capturedSeries]) == null ? void 0 : _k[j]) == null ? void 0 : _l.y[0]) == null ? void 0 : _m.y1
-    }), ((_q = (_p = (_o = (_n = _rangeData.seriesRange) == null ? void 0 : _n[capturedSeries]) == null ? void 0 : _o[j]) == null ? void 0 : _p.y[0]) == null ? void 0 : _q.y2) !== void 0 && {
-      y2: (_u = (_t = (_s = (_r = _rangeData.seriesRange) == null ? void 0 : _r[capturedSeries]) == null ? void 0 : _s[j]) == null ? void 0 : _t.y[0]) == null ? void 0 : _u.y2
+      j: j2
+    }, ((_i = (_h = (_g = (_f = _rangeData.seriesRange) == null ? void 0 : _f[capturedSeries]) == null ? void 0 : _g[j2]) == null ? void 0 : _h.y[0]) == null ? void 0 : _i.y1) !== void 0 && {
+      y1: (_m = (_l = (_k = (_j = _rangeData.seriesRange) == null ? void 0 : _j[capturedSeries]) == null ? void 0 : _k[j2]) == null ? void 0 : _l.y[0]) == null ? void 0 : _m.y1
+    }), ((_q = (_p = (_o = (_n = _rangeData.seriesRange) == null ? void 0 : _n[capturedSeries]) == null ? void 0 : _o[j2]) == null ? void 0 : _p.y[0]) == null ? void 0 : _q.y2) !== void 0 && {
+      y2: (_u = (_t = (_s = (_r = _rangeData.seriesRange) == null ? void 0 : _r[capturedSeries]) == null ? void 0 : _s[j2]) == null ? void 0 : _t.y[0]) == null ? void 0 : _u.y2
     });
     if (shared) {
       ttCtx.tooltipLabels.drawSeriesTexts(__spreadProps(__spreadValues({}, commonSeriesTextsParams), {
@@ -26794,7 +26868,7 @@ class Tooltip {
         handlePoints();
       } else if (this.tooltipUtil.hasBars()) {
         if (canvasMode) {
-          ttCtx.tooltipPosition.moveStickyTooltipOverBars(j, capturedSeries);
+          ttCtx.tooltipPosition.moveStickyTooltipOverBars(j2, capturedSeries);
         }
         this.barSeriesHeight = this.tooltipUtil.getBarsHeight(
           /** @type {any[]} */
@@ -26802,13 +26876,13 @@ class Tooltip {
         );
         if (this.barSeriesHeight > 0) {
           const graphics = new Graphics(this.w, this.ctx);
-          const paths = w.dom.Paper.find(`.apexcharts-bar-area[j='${j}']`);
+          const paths = w.dom.Paper.find(`.apexcharts-bar-area[j='${j2}']`);
           this.deactivateHoverFilter();
           const points = ttCtx.tooltipUtil.getAllMarkers(true);
           if (points.length && !this.barSeriesHeight) {
             handlePoints();
           }
-          ttCtx.tooltipPosition.moveStickyTooltipOverBars(j, capturedSeries);
+          ttCtx.tooltipPosition.moveStickyTooltipOverBars(j2, capturedSeries);
           for (let b = 0; b < paths.length; b++) {
             graphics.pathMouseEnter(
               /** @type {any} */
@@ -26824,12 +26898,12 @@ class Tooltip {
         shared: false
       }, commonSeriesTextsParams));
       if (this.tooltipUtil.hasBars()) {
-        ttCtx.tooltipPosition.moveStickyTooltipOverBars(j, capturedSeries);
+        ttCtx.tooltipPosition.moveStickyTooltipOverBars(j2, capturedSeries);
       }
       if (hasMarkers) {
-        ttCtx.tooltipPosition.moveMarkers(capturedSeries, j);
+        ttCtx.tooltipPosition.moveMarkers(capturedSeries, j2);
       } else if (dynamicPoints) {
-        ttCtx.tooltipPosition.moveDynamicPointOnHover(j, capturedSeries);
+        ttCtx.tooltipPosition.moveDynamicPointOnHover(j2, capturedSeries);
       }
     }
   }
@@ -28642,14 +28716,14 @@ const l = class {
         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" });
   }
@@ -28707,8 +28781,8 @@ const A = class {
     })));
   }
 };
-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;
+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 PRICING_URL = "https://apexcharts.com/pricing";
 let _perspectivesTokenDecoded = false;
 const enforced = /* @__PURE__ */ new Set();
@@ -28761,15 +28835,15 @@ function licensedForPremium(key) {
   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"] });
   });
@@ -28781,7 +28855,7 @@ function addWatermark(ctx, elWrap) {
   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;
@@ -28797,7 +28871,7 @@ function teardownWatermark(ctx, elWrap) {
   }
   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;
@@ -29174,8 +29248,9 @@ const _ApexCharts = class _ApexCharts {
   /**
    * @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) {
@@ -29222,7 +29297,7 @@ const _ApexCharts = class _ApexCharts {
     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);
@@ -29289,7 +29364,7 @@ const _ApexCharts = class _ApexCharts {
     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")
@@ -29387,9 +29462,11 @@ const _ApexCharts = class _ApexCharts {
         }
         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
       });
@@ -29578,6 +29655,7 @@ const _ApexCharts = class _ApexCharts {
    * @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;
@@ -29592,14 +29670,13 @@ const _ApexCharts = class _ApexCharts {
           newData[i2]
         );
         if (src && Array.isArray(src.data) && Array.isArray(derivedRaw[i2].data)) {
-          for (let j = 0; j < src.data.length; j++) {
-            derivedRaw[i2].data.push(src.data[j]);
-          }
+          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 = (
@@ -29610,17 +29687,15 @@ const _ApexCharts = class _ApexCharts {
           /** @type {any} */
           newSeries[i2]
         );
-        for (let j = 0; j < srcSerie.data.length; j++) {
-          dstSerie.data.push(srcSerie.data[j]);
+        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
@@ -29642,15 +29717,22 @@ const _ApexCharts = class _ApexCharts {
   }
   /**
    * @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;