chartformers 1.0.58 → 1.0.59

package/dist/chartformers.es.js

@@ -6315,14 +6315,14 @@ function i1({
       (k) => F(U ? new Date(k[n]) : k[n])
     ).y0($).y1((k) => pt(Number(k[r])));
     e === "area" && (t.map((j) => j.title).forEach((j, nt) => {
-      const Tt = ts(j), W = z.append("linearGradient").attr("id", Tt).attr("x1", "0%").attr("y1", "0%").attr("x2", "0%").attr("y2", "100%"), q = de(nt, !1, !0);
+      const St = ts(j), W = z.append("linearGradient").attr("id", St).attr("x1", "0%").attr("y1", "0%").attr("x2", "0%").attr("y2", "100%"), q = de(nt, !1, !0);
       W.append("stop").attr("offset", "0%").attr("stop-color", q).attr("stop-opacity", 0.7), W.append("stop").attr("offset", "100%").attr("stop-color", q).attr("stop-opacity", 0);
     }), O.selectAll("path.chartarea").data(function(j) {
       return [j.datum];
     }).join(
       (j) => j.append("path").attr("class", "chartarea").attr("stroke", "none").attr("fill", function() {
-        const nt = ne(this.parentNode).datum(), { title: Tt } = nt;
-        return `url(#${ts(Tt)})`;
+        const nt = ne(this.parentNode).datum(), { title: St } = nt;
+        return `url(#${ts(St)})`;
       }).attr("d", (nt) => K(nt)).attr("clip-path", "url(#clip)").style("pointer-events", "none"),
       void 0,
       (j) => j.remove()
@@ -6330,7 +6330,7 @@ function i1({
       return [k.datum];
     }).join(
       (k) => k.append("path").attr("class", "chartline").attr("fill", "none").attr("stroke", function() {
-        const j = ne(this.parentNode).datum(), nt = d.current.findIndex((Tt) => Tt === j.title) + i;
+        const j = ne(this.parentNode).datum(), nt = d.current.findIndex((St) => St === j.title) + i;
         return de(nt, !1, !0);
       }).attr("stroke-width", 2).attr("d", (j) => K(j)).attr("clip-path", "url(#clip)").style("pointer-events", "none"),
       void 0,
@@ -6340,7 +6340,7 @@ function i1({
       return [k.datum];
     }).join(
       (k) => k.append("circle").attr("class", "tooltipCircle").attr("cx", 20).attr("cy", 30).attr("r", X).attr("fill", function() {
-        const j = ne(this.parentNode).datum(), nt = d.current.findIndex((Tt) => Tt === j.title) + i;
+        const j = ne(this.parentNode).datum(), nt = d.current.findIndex((St) => St === j.title) + i;
         return de(nt, !1, !0);
       }).style("opacity", 0),
       void 0,
@@ -6353,7 +6353,7 @@ function i1({
     function L(k) {
       const j = ta(
         (ut) => U ? new Date(ut[n]) : ut[n]
-      ).center, nt = j(t[0].datum, F.invert(xr(k)[0])), Tt = t[0].datum[nt], W = ue(t, function(ut) {
+      ).center, nt = j(t[0].datum, F.invert(xr(k)[0])), St = t[0].datum[nt], W = ue(t, function(ut) {
         return Number(ut.datum[nt][r]);
       }), q = [];
       for (let ut = 0; ut < t.length; ut++) {
@@ -6372,7 +6372,7 @@ function i1({
       );
       E.style("opacity", 1).attr("x1", Dt).attr("x2", Dt), ft(q);
       const Rt = 5, Q = F(
-        U ? new Date(Tt[n]) : Tt[n]
+        U ? new Date(St[n]) : St[n]
       ), Nt = pt(W ?? 0) + X + Rt;
       tt.transition().duration(100).style("display", null).attr("transform", `translate(${Q},${Nt})`);
     }
@@ -6383,12 +6383,12 @@ function i1({
       const j = tt.selectAll("path").data([null]).join("path").attr("fill", "white").attr("stroke", "black"), nt = k.reduce((W, q) => {
         const Dt = q.title, Rt = q.label + ": " + (et ?? "") + q.value + (D ?? "");
         return W.push(Dt), W.push(Rt), W;
-      }, []), Tt = tt.selectAll("text").data([null]).join("text").call((W) => W.selectAll("tspan").data(nt).join("tspan").attr("x", 0).attr("y", (q, Dt) => `${Dt * 1.1}em`).style("align", "right").text((q) => q));
-      st(Tt, j), a && it.transition().duration(h / 4).style("opacity", 0);
+      }, []), St = tt.selectAll("text").data([null]).join("text").call((W) => W.selectAll("tspan").data(nt).join("tspan").attr("x", 0).attr("y", (q, Dt) => `${Dt * 1.1}em`).style("align", "right").text((q) => q));
+      st(St, j), a && it.transition().duration(h / 4).style("opacity", 0);
     }
     function st(k, j) {
-      const { x: nt, y: Tt, width: W, height: q } = k.node().getBBox();
-      k.attr("transform", `translate(${-W / 2},${15 - Tt})`), j.attr("d", `M${-W / 2 - 10},5H-5l5,-5l5,5H${W / 2 + 10}v${q + 20}h-${W + 20}z`);
+      const { x: nt, y: St, width: W, height: q } = k.node().getBBox();
+      k.attr("transform", `translate(${-W / 2},${15 - St})`), j.attr("d", `M${-W / 2 - 10},5H-5l5,-5l5,5H${W / 2 + 10}v${q + 20}h-${W + 20}z`);
     }
     const it = _.select(".brush-area").attr("transform", "translate(" + g.left + "," + ($ + g.top + g.bottom) + ")");
     if (it.selectAll("path.line").remove(), it.selectAll("path.area").remove(), it.selectAll("g.brush").remove(), a) {
@@ -6404,7 +6404,7 @@ function i1({
       };
       const j = U ? ni().domain(C) : me().domain(C);
       j.range([0, S]);
-      const nt = me().domain([dt, bt]).range([w, 0]), Tt = Gn().x(
+      const nt = me().domain([dt, bt]).range([w, 0]), St = Gn().x(
         (Dt) => F(U ? new Date(Dt[n]) : Dt[n])
       ).y((Dt) => nt(Number(Dt[r])));
       for (let Dt = 0; Dt < t.length; Dt++) {
@@ -6417,7 +6417,7 @@ function i1({
             return `url(#${ts(Q)})`;
           }).attr("stroke", "none").attr("d", Rt).attr("clip-path", "url(#clip)");
         }
-        it.append("path").datum(t[Dt].datum).attr("class", "line").attr("fill", "none").attr("stroke", ot(Dt)).attr("stroke-width", 2).attr("d", Tt).attr("clip-path", "url(#clip)");
+        it.append("path").datum(t[Dt].datum).attr("class", "line").attr("fill", "none").attr("stroke", ot(Dt)).attr("stroke-width", 2).attr("d", St).attr("clip-path", "url(#clip)");
       }
       it.select(".x-axis").attr("transform", "translate(0," + w + ")").call(he(j)).selectAll("text").attr("class", V);
       const W = Yc().extent([[0, 0], [c, w]]).on("brush", k);
@@ -6841,19 +6841,19 @@ function o1({
     if (d === 0 || x === 0) return;
     const et = { top: 20, right: 30, bottom: 30, left: 30 }, D = M.length === 0 ? [] : Object.keys(M[0]).filter((Y) => Y !== "label" && Y !== "total"), dt = e ? D : D.filter((Y) => !p.includes(Y));
     M.forEach((Y, mt) => {
-      const Mt = dt.reduce((jt, ee) => {
+      const At = dt.reduce((jt, ee) => {
         ee in Y || (Y[ee] = 0);
-        const re = Y[ee], lt = typeof re == "number" ? re : 0, xt = jt.total + lt, kt = jt.totalPos + (lt >= 0 ? lt : 0), Ft = jt.totalMin + (lt < 0 ? lt : 0);
-        return { total: xt, totalPos: kt, totalMin: Ft };
+        const re = Y[ee], lt = typeof re == "number" ? re : 0, yt = jt.total + lt, kt = jt.totalPos + (lt >= 0 ? lt : 0), It = jt.totalMin + (lt < 0 ? lt : 0);
+        return { total: yt, totalPos: kt, totalMin: It };
       }, { total: 0, totalPos: 0, totalMin: 0 });
-      Y.total = Mt.total, Y.totalPos = Mt.totalPos, Y.totalMin = Mt.totalMin;
+      Y.total = At.total, Y.totalPos = At.totalPos, Y.totalMin = At.totalMin;
     });
     const bt = M, pt = E ? $e(bt).sort(function(Y, mt) {
       return e ? p[0] === "all" ? Y.total - mt.total : Number(Y[p[0]]) - Number(mt[p[0]]) : Y.total - mt.total;
     }) : bt, wt = d - et.left - et.right, K = x - et.top - et.bottom, ot = V.select("svg"), O = ot.node(), Z = ot.select(".plot-area").attr("transform", "translate(" + et.left + "," + et.top + ")"), T = V.select(".controls").select(".legends-container"), tt = F ? 80 : 50, L = function(Y) {
-      const mt = zt[F ? "legend-container" : "legend-container-sm"], Mt = zt[F ? "legend-container-active" : "legend-container-active-sm"], jt = zt[F ? "legend-container-inactive" : "legend-container-inactive-sm"];
+      const mt = zt[F ? "legend-container" : "legend-container-sm"], At = zt[F ? "legend-container-active" : "legend-container-active-sm"], jt = zt[F ? "legend-container-inactive" : "legend-container-inactive-sm"];
       return `
-                ${p.includes(Y) ? e ? Mt : jt : mt}
+                ${p.includes(Y) ? e ? At : jt : mt}
                 legend-item
             `;
     }, G = (Y) => {
@@ -6865,40 +6865,40 @@ function o1({
     }
     T.selectAll(".legend-item").data([...D], (Y) => Y).join(
       (Y) => {
-        const mt = Y.append("div").attr("class", L).style("left", (Mt, jt) => `${jt * tt}px`).style("top", "-53px").style("opacity", 0);
-        return mt.append("div").attr("class", zt["legend-rect"]).style("background", (Mt) => {
-          if (!e && p.includes(Mt))
+        const mt = Y.append("div").attr("class", L).style("left", (At, jt) => `${jt * tt}px`).style("top", "-53px").style("opacity", 0);
+        return mt.append("div").attr("class", zt["legend-rect"]).style("background", (At) => {
+          if (!e && p.includes(At))
             return ze;
-          const jt = C.current.findIndex((ee) => ee === Mt) + n;
+          const jt = C.current.findIndex((ee) => ee === At) + n;
           return de(jt);
-        }), mt.append("span").attr("class", zt["legend-label"]).style("color", (Mt) => !e && p.includes(Mt) ? "#d1d5db" : "#333").text((Mt) => Mt), mt.transition().duration(N).style("top", "0px").style("opacity", 1), mt;
+        }), mt.append("span").attr("class", zt["legend-label"]).style("color", (At) => !e && p.includes(At) ? "#d1d5db" : "#333").text((At) => At), mt.transition().duration(N).style("top", "0px").style("opacity", 1), mt;
       },
-      (Y) => (Y.attr("class", L).transition().duration(N).style("top", "0px").style("left", (mt, Mt) => `${Mt * tt}px`).style("opacity", 1).select(`.${zt["legend-rect"]}`).style("background", (mt) => {
+      (Y) => (Y.attr("class", L).transition().duration(N).style("top", "0px").style("left", (mt, At) => `${At * tt}px`).style("opacity", 1).select(`.${zt["legend-rect"]}`).style("background", (mt) => {
         if (!e && p.includes(mt))
           return ze;
-        const Mt = C.current.findIndex((jt) => jt === mt) + n;
-        return de(Mt);
+        const At = C.current.findIndex((jt) => jt === mt) + n;
+        return de(At);
       }), Y.select(`.${zt["legend-label"]}`).style("color", (mt) => !e && p.includes(mt) ? ze : "#333").text((mt) => mt), Y),
       (Y) => Y.style("color", ze).transition().duration(N).style("opacity", 0).style("top", "53px").remove()
     ).on("pointerenter", function(Y, mt) {
       if (p[0] === "all") {
-        const Mt = Z.selectAll(".serie");
-        e ? (Mt.attr("fill", ft).filter((jt) => jt.key !== mt).style("opacity", 0.25), Mt.selectAll("rect").filter((jt) => jt.barKey === mt).attr("stroke-dasharray", "none")) : Mt.attr("fill", ft).filter((jt) => jt.key === mt).style("opacity", 0.25);
+        const At = Z.selectAll(".serie");
+        e ? (At.attr("fill", ft).filter((jt) => jt.key !== mt).style("opacity", 0.25), At.selectAll("rect").filter((jt) => jt.barKey === mt).attr("stroke-dasharray", "none")) : At.attr("fill", ft).filter((jt) => jt.key === mt).style("opacity", 0.25);
       }
     }).on("pointerleave", function(Y, mt) {
-      const Mt = Z.selectAll(".serie");
-      p[0] === "all" && Mt.attr("fill", ft).style("opacity", 1), Mt.selectAll("rect").attr("stroke-dasharray", _t), _ && R(!1);
+      const At = Z.selectAll(".serie");
+      p[0] === "all" && At.attr("fill", ft).style("opacity", 1), At.selectAll("rect").attr("stroke-dasharray", _t), _ && R(!1);
     }).on("click", (Y, mt) => {
-      $((Mt) => {
+      $((At) => {
         let jt = [];
-        return e ? Mt[0] === mt ? jt = ["all"] : jt = [mt] : Mt.includes(mt) ? jt = Mt.filter((ee) => ee !== mt) : jt = [...Mt, mt], jt;
+        return e ? At[0] === mt ? jt = ["all"] : jt = [mt] : At.includes(mt) ? jt = At.filter((ee) => ee !== mt) : jt = [...At, mt], jt;
       }), R(!0);
     });
     const st = V.select("div#tooltip").style("opacity", 0);
     A === null && w($e(M));
     const it = pt.map(function(Y) {
       return Y.label;
-    }), k = Ze().domain(it).rangeRound(r === "vertical" ? [0, wt] : [K, 0]).paddingInner(F ? 0.4 : 0.25).paddingOuter(0.2).align(0.2), j = e ? p[0] === "all" ? Qt(M, (Y) => Y.totalPos) : Qt(M, (Y) => Y[p[0]]) : Qt(M, (Y) => Y.totalPos), nt = Math.max(0, j ?? 0), Tt = e ? p[0] === "all" ? ue(M, (Y) => Y.totalMin) : ue(M, (Y) => Y[p[0]]) : ue(M, (Y) => Y.totalMin), W = Math.min(0, Tt ?? 0), q = me().domain([W, nt]).range(r === "vertical" ? [K, 0] : [0, wt]).nice(), Dt = !F && r === "vertical" ? zt.rotatedAxisText : zt.axisText, Rt = r === "vertical" ? he(k).tickValues(k.domain()).tickSizeOuter(0) : he(q).ticks(10, "s").tickSizeOuter(0).tickSize(-K);
+    }), k = Ze().domain(it).rangeRound(r === "vertical" ? [0, wt] : [K, 0]).paddingInner(F ? 0.4 : 0.25).paddingOuter(0.2).align(0.2), j = e ? p[0] === "all" ? Qt(M, (Y) => Y.totalPos) : Qt(M, (Y) => Y[p[0]]) : Qt(M, (Y) => Y.totalPos), nt = Math.max(0, j ?? 0), St = e ? p[0] === "all" ? ue(M, (Y) => Y.totalMin) : ue(M, (Y) => Y[p[0]]) : ue(M, (Y) => Y.totalMin), W = Math.min(0, St ?? 0), q = me().domain([W, nt]).range(r === "vertical" ? [K, 0] : [0, wt]).nice(), Dt = !F && r === "vertical" ? zt.rotatedAxisText : zt.axisText, Rt = r === "vertical" ? he(k).tickValues(k.domain()).tickSizeOuter(0) : he(q).ticks(10, "s").tickSizeOuter(0).tickSize(-K);
     Z.select(".x-axis").attr("transform", `translate(0,${K})`).transition().duration(N).call(Rt).selectAll("text").style("cursor", "pointer").attr("dy", F ? "1em" : ".20em").attr("dx", F ? "0em" : "-.8em").attr("class", Dt).selectAll(".tick").filter((Y) => Y === 0).select("line").remove(), Z.select(".x-axis").selectAll("path").style("display", "none");
     const Q = r === "vertical" ? _e(q).ticks(10, "s").tickSize(-wt) : _e(k).tickSizeOuter(0);
     Z.select(".y-axis").attr("transform", "translate(0,0)").transition().duration(N).call(Q).selectAll(".tick").filter((Y) => Y === 0).select("line").remove(), Z.select(".y-axis").selectAll("path").style("display", "none"), Z.select("line.zero-line").attr("x1", 0).attr("y1", 0).attr("x2", r === "vertical" ? wt : 0).attr("y2", r === "vertical" ? 0 : K).attr(
@@ -6906,7 +6906,7 @@ function o1({
       r === "vertical" ? `translate(0, ${q(0) || 0})` : `translate(${q(0) || 0}, 0)`
     );
     const ut = ca().keys(dt).offset(Js)($e(pt)).map((Y) => {
-      const mt = Y.key, Mt = Y.map((jt) => {
+      const mt = Y.key, At = Y.map((jt) => {
         const ee = jt.data.label;
         return {
           ...jt,
@@ -6914,13 +6914,13 @@ function o1({
           barKey: mt
         };
       });
-      return Mt.key = mt, Mt;
+      return At.key = mt, At;
     }), vt = Z.selectAll(".serie").data(ut, (Y) => Y.key).join(
-      (Y) => Y.append("g").attr("class", "serie").attr("fill", ft).style("opacity", (Mt) => e ? p[0] === "all" || Mt.key === p[0] ? 1 : 0 : 1).style("pointer-events", (Mt) => e ? p[0] === "all" || Mt.key === p[0] ? "auto" : "none" : "auto"),
-      (Y) => Y.transition().duration(N).attr("fill", (Mt) => {
-        const jt = C.current.findIndex((re) => re === Mt.key) + n;
+      (Y) => Y.append("g").attr("class", "serie").attr("fill", ft).style("opacity", (At) => e ? p[0] === "all" || At.key === p[0] ? 1 : 0 : 1).style("pointer-events", (At) => e ? p[0] === "all" || At.key === p[0] ? "auto" : "none" : "auto"),
+      (Y) => Y.transition().duration(N).attr("fill", (At) => {
+        const jt = C.current.findIndex((re) => re === At.key) + n;
         return de(jt);
-      }).style("opacity", (Mt) => e ? p[0] === "all" || Mt.key === p[0] ? 1 : 0 : 1).style("pointer-events", (Mt) => e ? p[0] === "all" || Mt.key === p[0] ? "auto" : "none" : "auto"),
+      }).style("opacity", (At) => e ? p[0] === "all" || At.key === p[0] ? 1 : 0 : 1).style("pointer-events", (At) => e ? p[0] === "all" || At.key === p[0] ? "auto" : "none" : "auto"),
       (Y) => Y.transition().duration(N).attr("fill", ze).style("opacity", 0).selectAll("rect").attr("y", K).attr("height", 0).remove()
     ), $t = (Y) => k(Y.data.label + "") ?? 0, Lt = k.bandwidth(), qt = e && p[0] !== "all" || dt.length === 1, ie = (Y) => {
       if (qt) {
@@ -6932,31 +6932,31 @@ function o1({
       }
     }, Gt = (Y) => {
       if (qt) {
-        const mt = Number(Y.data[Y.barKey]), Mt = Math.abs(q(mt) - q(0));
-        return isNaN(Mt) || Mt < 0 ? 0 : Mt;
+        const mt = Number(Y.data[Y.barKey]), At = Math.abs(q(mt) - q(0));
+        return isNaN(At) || At < 0 ? 0 : At;
       } else {
         const mt = r === "vertical" ? q(Y[0]) - q(Y[1]) : q(Y[1]) - q(Y[0]);
         return isNaN(mt) || mt < 0 ? 0 : mt;
       }
-    }, Ht = (Y) => r === "vertical" ? $t(Y) : ie(Y), te = (Y) => r === "vertical" ? Lt : Gt(Y), se = (Y) => r === "vertical" ? ie(Y) : $t(Y), rt = (Y) => r === "vertical" ? Gt(Y) : Lt, yt = pt.map((Y, mt) => {
-      const Mt = ut.map((re) => ({
+    }, Ft = (Y) => r === "vertical" ? $t(Y) : ie(Y), te = (Y) => r === "vertical" ? Lt : Gt(Y), se = (Y) => r === "vertical" ? ie(Y) : $t(Y), rt = (Y) => r === "vertical" ? Gt(Y) : Lt, gt = pt.map((Y, mt) => {
+      const At = ut.map((re) => ({
         key: re.key,
         start: re[mt][0],
         end: re[mt][1],
         value: Y[re.key]
-      })), jt = Mt.filter((re) => re.value ?? !1).sort((re, lt) => lt.end - re.end), ee = Mt.filter((re) => re.value ?? !1).sort((re, lt) => re.start - lt.start);
+      })), jt = At.filter((re) => re.value ?? !1).sort((re, lt) => lt.end - re.end), ee = At.filter((re) => re.value ?? !1).sort((re, lt) => re.start - lt.start);
       return {
         label: Y.label,
         top: jt.length > 0 ? jt[0]?.key : ee[ee.length - 1]?.key,
         bottom: ee.length > 0 ? ee[0]?.key : jt[jt.length - 1]?.key
       };
     }), _t = (Y, mt) => {
-      const Mt = te(Y), jt = rt(Y), ee = yt.find((kt) => kt.label === Y.data.label), re = Y.data[Y.barKey], lt = ee?.top === Y.barKey && Number(re) >= 0, xt = ee?.bottom === Y.barKey && Number(re) < 0;
-      return lt ? r === "vertical" ? `${Mt + jt} ${Mt} ${jt}` : `${Mt + jt + Mt}` : xt ? r === "vertical" ? `${jt + Mt + jt} ${Mt}` : `${Mt} ${jt} ${Mt + jt}` : r === "vertical" ? `${jt} ${Mt}` : `${Mt} ${jt}`;
-    }, It = (Y) => {
-      const mt = te(Y), Mt = yt.find((lt) => lt.label === Y.data.label), jt = Y.data[Y.barKey], ee = Mt?.top === Y.barKey && Number(jt) >= 0;
-      return Mt?.bottom === Y.barKey && Number(jt) < 0 ? r === "vertical" ? mt * -1 : 0 : r === "vertical" ? ee ? 0 : mt * -1 : 0;
-    }, gt = (Y) => `rect ${zt.rect}`;
+      const At = te(Y), jt = rt(Y), ee = gt.find((kt) => kt.label === Y.data.label), re = Y.data[Y.barKey], lt = ee?.top === Y.barKey && Number(re) >= 0, yt = ee?.bottom === Y.barKey && Number(re) < 0;
+      return lt ? r === "vertical" ? `${At + jt} ${At} ${jt}` : `${At + jt + At}` : yt ? r === "vertical" ? `${jt + At + jt} ${At}` : `${At} ${jt} ${At + jt}` : r === "vertical" ? `${jt} ${At}` : `${At} ${jt}`;
+    }, Ht = (Y) => {
+      const mt = te(Y), At = gt.find((lt) => lt.label === Y.data.label), jt = Y.data[Y.barKey], ee = At?.top === Y.barKey && Number(jt) >= 0;
+      return At?.bottom === Y.barKey && Number(jt) < 0 ? r === "vertical" ? mt * -1 : 0 : r === "vertical" ? ee ? 0 : mt * -1 : 0;
+    }, xt = (Y) => `rect ${zt.rect}`;
     vt.selectAll("rect").data(
       (Y) => Y,
       // each group binds its stacked points
@@ -6964,30 +6964,30 @@ function o1({
       // unique key per bar
     ).join(
       (Y) => {
-        const mt = Y.append("rect").attr("class", `rect ${J.rect}`).attr("x", function(Mt) {
-          return r === "vertical" ? Ht(Mt) : q(0);
-        }).attr("width", function(Mt) {
-          return r === "vertical" ? te(Mt) : 0;
-        }).attr("y", (Mt) => r === "vertical" ? q(0) : se(Mt)).attr("height", function(Mt) {
-          return r === "vertical" ? 0 : rt(Mt);
-        }).attr("stroke-dasharray", _t).attr("stroke-dashoffset", It);
-        return mt.transition().duration(N).attr("x", Ht).attr("width", te).attr("height", rt).attr("y", se), mt;
+        const mt = Y.append("rect").attr("class", `rect ${J.rect}`).attr("x", function(At) {
+          return r === "vertical" ? Ft(At) : q(0);
+        }).attr("width", function(At) {
+          return r === "vertical" ? te(At) : 0;
+        }).attr("y", (At) => r === "vertical" ? q(0) : se(At)).attr("height", function(At) {
+          return r === "vertical" ? 0 : rt(At);
+        }).attr("stroke-dasharray", _t).attr("stroke-dashoffset", Ht);
+        return mt.transition().duration(N).attr("x", Ft).attr("width", te).attr("height", rt).attr("y", se), mt;
       },
       void 0,
       // no custom update handler
       (Y) => Y.transition().duration(N).attr("opacity", 0).attr("y", K).attr("height", 0).remove()
-    ).attr("class", gt).attr("stroke-dasharray", _t).attr("stroke-dashoffset", It).transition().duration(N).attr("x", Ht).attr("width", te).attr("height", rt).attr("y", se);
-    const At = { prefix: a, suffix: i, formatType: s };
+    ).attr("class", xt).attr("stroke-dasharray", _t).attr("stroke-dashoffset", Ht).transition().duration(N).attr("x", Ft).attr("width", te).attr("height", rt).attr("y", se);
+    const Mt = { prefix: a, suffix: i, formatType: s };
     vt.selectAll("rect").on("pointerenter", function(Y, mt) {
       Z.select(r === "vertical" ? ".x-axis" : ".y-axis").selectAll("text").filter((ee) => ee === mt.data.label).attr("class", (r === "vertical" ? Dt : "") + " " + zt.hoveredAxisText), st.style("opacity", 1);
-      const Mt = mt.data[mt.barKey], { total: jt } = mt.data;
-      st.select("p.label").text(mt.data.label), st.select("p.layer span.label span.chev").style("background", G(mt.barKey)), st.select("p.layer span.label span.label").text(mt.barKey), st.select("p.layer span.value").text(ke(Mt, At)), st.select("p.total span.value").text(ke(jt ?? 0, At)), fe(st, { e: Y, svg: O, yScale: q });
+      const At = mt.data[mt.barKey], { total: jt } = mt.data;
+      st.select("p.label").text(mt.data.label), st.select("p.layer span.label span.chev").style("background", G(mt.barKey)), st.select("p.layer span.label span.label").text(mt.barKey), st.select("p.layer span.value").text(ke(At, Mt)), st.select("p.total span.value").text(ke(jt ?? 0, Mt)), fe(st, { e: Y, svg: O, yScale: q });
     }).on("touch", function(Y, mt) {
-      ne(r === "vertical" ? ".x-axis" : ".y-axis").selectAll("text").filter((Mt) => Mt === mt.data.label);
+      ne(r === "vertical" ? ".x-axis" : ".y-axis").selectAll("text").filter((At) => At === mt.data.label);
     }).on("pointermove", (Y, mt) => {
       fe(st, { e: Y, svg: O, yScale: q });
     }).on("pointerleave", function(Y, mt) {
-      Z.select(r === "vertical" ? ".x-axis" : ".y-axis").selectAll("text").filter((Mt) => Mt === mt.data.label).attr("class", r === "vertical" ? Dt : ""), st.style("opacity", 0);
+      Z.select(r === "vertical" ? ".x-axis" : ".y-axis").selectAll("text").filter((At) => At === mt.data.label).attr("class", r === "vertical" ? Dt : ""), st.style("opacity", 0);
     });
   }, [
     ...U,
@@ -7103,126 +7103,126 @@ function l1({
   }, [y]);
   const U = [d, x, p, e], M = $e(I), B = M.length === 0 ? [] : Object.keys(M[0]).filter((et) => et !== "label" && et !== "total"), C = sn(B), F = d > 576, H = { prefix: a, suffix: i, formatType: s }, V = Me((et) => {
     if (d === 0 || x === 0) return;
-    const D = { top: 20, right: 30, bottom: 30, left: 30 }, dt = M.length === 0 ? [] : Object.keys(M[0]).filter((gt) => gt !== "label" && gt !== "total"), bt = r ? dt : dt.filter((gt) => !p.includes(gt));
-    M.forEach(function(gt) {
-      gt.total = bt.reduce((At, Y) => {
-        Y in gt || (gt[Y] = 0);
-        const mt = gt[Y];
-        return At + (typeof mt == "number" ? mt : Number(mt));
+    const D = { top: 20, right: 30, bottom: 30, left: 30 }, dt = M.length === 0 ? [] : Object.keys(M[0]).filter((xt) => xt !== "label" && xt !== "total"), bt = r ? dt : dt.filter((xt) => !p.includes(xt));
+    M.forEach(function(xt) {
+      xt.total = bt.reduce((Mt, Y) => {
+        Y in xt || (xt[Y] = 0);
+        const mt = xt[Y];
+        return Mt + (typeof mt == "number" ? mt : Number(mt));
       }, 0);
     });
-    const pt = M, wt = E && (r && p[0] !== "all" || !r && bt.length === 1) ? $e(pt).sort(function(gt, At) {
-      return r ? p[0] === "all" ? gt.total - At.total : Number(gt[p[0]]) - Number(At[p[0]]) : gt.total - At.total;
-    }) : pt, K = d - D.left - D.right, ot = x - D.top - D.bottom, O = et.select("svg"), Z = O.node(), X = O.select(".plot-area").attr("transform", "translate(" + D.left + "," + D.top + ")"), tt = et.select(".controls").select(".legends-container"), L = F ? 80 : 50, G = function(gt) {
-      const At = zt[F ? "legend-container" : "legend-container-sm"], Y = zt[F ? "legend-container-active" : "legend-container-active-sm"], mt = zt[F ? "legend-container-inactive" : "legend-container-inactive-sm"];
+    const pt = M, wt = E && (r && p[0] !== "all" || !r && bt.length === 1) ? $e(pt).sort(function(xt, Mt) {
+      return r ? p[0] === "all" ? xt.total - Mt.total : Number(xt[p[0]]) - Number(Mt[p[0]]) : xt.total - Mt.total;
+    }) : pt, K = d - D.left - D.right, ot = x - D.top - D.bottom, O = et.select("svg"), Z = O.node(), X = O.select(".plot-area").attr("transform", "translate(" + D.left + "," + D.top + ")"), tt = et.select(".controls").select(".legends-container"), L = F ? 80 : 50, G = function(xt) {
+      const Mt = zt[F ? "legend-container" : "legend-container-sm"], Y = zt[F ? "legend-container-active" : "legend-container-active-sm"], mt = zt[F ? "legend-container-inactive" : "legend-container-inactive-sm"];
       return `
-                ${p.includes(gt) ? r ? Y : mt : At}
+                ${p.includes(xt) ? r ? Y : mt : Mt}
                 legend-item
             `;
-    }, ft = (gt) => {
-      const At = C.current.findIndex((mt) => mt === gt) + e;
-      return de(At);
+    }, ft = (xt) => {
+      const Mt = C.current.findIndex((mt) => mt === xt) + e;
+      return de(Mt);
     };
-    function st(gt) {
-      return ft(gt.key);
+    function st(xt) {
+      return ft(xt.key);
     }
-    tt.selectAll(".legend-item").data([...dt], (gt) => gt).join(
-      (gt) => {
-        const At = gt.append("div").attr("class", G).style("left", (Y, mt) => `${mt * L}px`).style("top", "-53px").style("opacity", 0);
-        return At.append("div").attr("class", zt["legend-rect"]).style("background", (Y) => {
+    tt.selectAll(".legend-item").data([...dt], (xt) => xt).join(
+      (xt) => {
+        const Mt = xt.append("div").attr("class", G).style("left", (Y, mt) => `${mt * L}px`).style("top", "-53px").style("opacity", 0);
+        return Mt.append("div").attr("class", zt["legend-rect"]).style("background", (Y) => {
           if (!r && p.includes(Y))
             return ze;
-          const mt = C.current.findIndex((Mt) => Mt === Y) + e;
+          const mt = C.current.findIndex((At) => At === Y) + e;
           return de(mt);
-        }), At.append("span").attr("class", zt["legend-label"]).text((Y) => Y), At.transition().duration(N).style("top", "0px").style("opacity", 1), At;
+        }), Mt.append("span").attr("class", zt["legend-label"]).text((Y) => Y), Mt.transition().duration(N).style("top", "0px").style("opacity", 1), Mt;
       },
-      (gt) => (gt.attr("class", G).transition().duration(N).style("top", "0px").style("left", (At, Y) => `${Y * L}px`).style("opacity", 1).select(`.${zt["legend-rect"]}`).style("background", (At) => {
-        if (!r && p.includes(At))
+      (xt) => (xt.attr("class", G).transition().duration(N).style("top", "0px").style("left", (Mt, Y) => `${Y * L}px`).style("opacity", 1).select(`.${zt["legend-rect"]}`).style("background", (Mt) => {
+        if (!r && p.includes(Mt))
           return ze;
-        const Y = C.current.findIndex((mt) => mt === At) + e;
+        const Y = C.current.findIndex((mt) => mt === Mt) + e;
         return de(Y);
-      }), gt.select(`.${zt["legend-label"]}`).text((At) => At), gt),
-      (gt) => gt.transition().duration(N).style("opacity", 0).style("top", "53px").remove().remove()
-    ).on("click", (gt, At) => {
+      }), xt.select(`.${zt["legend-label"]}`).text((Mt) => Mt), xt),
+      (xt) => xt.transition().duration(N).style("opacity", 0).style("top", "53px").remove().remove()
+    ).on("click", (xt, Mt) => {
       $((Y) => {
         let mt = [];
-        return r ? Y[0] === At ? mt = ["all"] : mt = [At] : Y.includes(At) ? mt = Y.filter((Mt) => Mt !== At) : mt = [...Y, At], mt;
+        return r ? Y[0] === Mt ? mt = ["all"] : mt = [Mt] : Y.includes(Mt) ? mt = Y.filter((At) => At !== Mt) : mt = [...Y, Mt], mt;
       }), R(!0);
-    }).on("pointerenter", (gt, At) => {
+    }).on("pointerenter", (xt, Mt) => {
       const Y = X.selectAll(".serie");
-      p[0] === "all" && (r ? Y.attr("fill", st).filter((mt) => mt.key !== At).transition().duration(250).style("opacity", 0.25) : Y.attr("fill", st).filter((mt) => mt.key === At).transition().duration(250).style("opacity", 0.25));
-    }).on("pointerleave", (gt, At) => {
+      p[0] === "all" && (r ? Y.attr("fill", st).filter((mt) => mt.key !== Mt).transition().duration(250).style("opacity", 0.25) : Y.attr("fill", st).filter((mt) => mt.key === Mt).transition().duration(250).style("opacity", 0.25));
+    }).on("pointerleave", (xt, Mt) => {
       X.selectAll(".serie"), p[0] === "all" && X.selectAll(".serie").attr("fill", st).transition().duration(250).style("opacity", 1);
     });
     const k = et.select("div#tooltip").style("opacity", 0);
     A === null && w($e(M));
-    const j = p[0] === "all", nt = wt.map(function(gt) {
-      return gt.label;
+    const j = p[0] === "all", nt = wt.map(function(xt) {
+      return xt.label;
     }), W = $i(d, nt) && n === "vertical" ? zt.rotatedAxisText : zt.axisText, q = Ze().domain(nt).rangeRound(n === "vertical" ? [0, K] : [ot, 0]).paddingInner(j ? 0.15 : F ? 0.4 : 0.25).paddingOuter(0.2).align(0.2), Dt = p[0] === "all" ? Qt(
       M,
-      (gt) => Qt(
-        Object.entries(gt).filter(([At]) => At !== "total" && At !== "label").map(([, At]) => At)
+      (xt) => Qt(
+        Object.entries(xt).filter(([Mt]) => Mt !== "total" && Mt !== "label").map(([, Mt]) => Mt)
         // value is number | string | undefined
       )
-    ) : Qt(M, (gt) => gt[p[0]]), Rt = p[0] === "all" ? ue(
+    ) : Qt(M, (xt) => xt[p[0]]), Rt = p[0] === "all" ? ue(
       M,
-      (gt) => ue(
-        Object.entries(gt).filter(([At]) => At !== "total" && At !== "label").map(([, At]) => At)
+      (xt) => ue(
+        Object.entries(xt).filter(([Mt]) => Mt !== "total" && Mt !== "label").map(([, Mt]) => Mt)
         // value is number | string | undefined
       )
-    ) : ue(M, (gt) => gt[p[0]]), Q = Math.min(0, Rt ?? 0), Nt = me().domain([Q, Dt ?? 0]).range(n === "vertical" ? [ot, 0] : [0, K]), ut = n === "vertical" ? he(q).tickValues(q.domain()).tickSizeOuter(0).tickSize(0) : he(Nt).ticks(4, "s").tickSizeOuter(0).tickSize(-ot);
-    X.select(".x-axis").attr("transform", `translate(0,${ot})`).transition().duration(N).call(ut).selectAll("text").attr("dy", F ? "1em" : ".20em").attr("dx", F ? "0em" : "-.8em").attr("class", W).selectAll(".tick").filter((gt) => gt === 0).select("line").remove(), X.select(".x-axis").selectAll("path").style("display", "none");
+    ) : ue(M, (xt) => xt[p[0]]), Q = Math.min(0, Rt ?? 0), Nt = me().domain([Q, Dt ?? 0]).range(n === "vertical" ? [ot, 0] : [0, K]), ut = n === "vertical" ? he(q).tickValues(q.domain()).tickSizeOuter(0).tickSize(0) : he(Nt).ticks(4, "s").tickSizeOuter(0).tickSize(-ot);
+    X.select(".x-axis").attr("transform", `translate(0,${ot})`).transition().duration(N).call(ut).selectAll("text").attr("dy", F ? "1em" : ".20em").attr("dx", F ? "0em" : "-.8em").attr("class", W).selectAll(".tick").filter((xt) => xt === 0).select("line").remove(), X.select(".x-axis").selectAll("path").style("display", "none");
     const vt = n === "vertical" ? _e(Nt).ticks(4, "s").tickSize(-K) : _e(q).tickSizeOuter(0).tickSize(0);
-    X.select(".y-axis").attr("transform", "translate(0,0)").transition().duration(N).call(vt).selectAll(".tick").filter((gt) => gt === 0).select("path").remove(), X.select(".y-axis").selectAll("path").style("display", "none"), X.select("line.zero-line").attr("x1", 0).attr("y1", 0).attr("x2", n === "vertical" ? K : 0).attr("y2", n === "vertical" ? 0 : ot).attr(
+    X.select(".y-axis").attr("transform", "translate(0,0)").transition().duration(N).call(vt).selectAll(".tick").filter((xt) => xt === 0).select("path").remove(), X.select(".y-axis").selectAll("path").style("display", "none"), X.select("line.zero-line").attr("x1", 0).attr("y1", 0).attr("x2", n === "vertical" ? K : 0).attr("y2", n === "vertical" ? 0 : ot).attr(
       "transform",
       n === "vertical" ? `translate(0, ${Nt(0) || 0})` : `translate(${Nt(0) || 0}, 0)`
     );
-    const Lt = ca().keys(bt).offset(Js)(wt).map((gt) => {
-      const At = gt.key, Y = gt.map((mt) => {
-        const Mt = Object.keys(mt.data).filter((jt) => jt !== "label" && jt !== "total" && (r ? !0 : !p.includes(jt))).map((jt) => ({
+    const Lt = ca().keys(bt).offset(Js)(wt).map((xt) => {
+      const Mt = xt.key, Y = xt.map((mt) => {
+        const At = Object.keys(mt.data).filter((jt) => jt !== "label" && jt !== "total" && (r ? !0 : !p.includes(jt))).map((jt) => ({
           label: jt,
           value: mt.data[jt]
         })).sort((jt, ee) => Number(jt.value) - Number(ee.value));
         return {
           ...mt,
-          key: `${At} - ${mt.data.label}`,
-          barKey: At,
+          key: `${Mt} - ${mt.data.label}`,
+          barKey: Mt,
           data: {
             ...mt.data,
-            sortedLayers: Mt.map((jt) => jt.label)
+            sortedLayers: At.map((jt) => jt.label)
           }
         };
       });
-      return Y.key = At, Y;
-    }), qt = (gt) => `rect ${zt.rect}`;
-    let ie = X.selectAll(".serie").data(Lt, function(gt) {
-      return gt.key;
+      return Y.key = Mt, Y;
+    }), qt = (xt) => `rect ${zt.rect}`;
+    let ie = X.selectAll(".serie").data(Lt, function(xt) {
+      return xt.key;
     }).join(
-      (gt) => gt.append("g").attr("class", "serie").attr("fill", st).style("opacity", (Y) => p[0] === "all" || Y.key === p[0] ? 1 : 0).style("pointer-events", (Y) => p[0] === "all" || Y.key === p[0] ? "auto" : "none"),
-      (gt) => gt.transition().duration(N).attr("fill", st).style("opacity", (Y) => p[0] === "all" || Y.key === p[0] ? 1 : 0).style("pointer-events", (Y) => p[0] === "all" || Y.key === p[0] ? "auto" : "none"),
-      (gt) => gt.transition().duration(N).style("opacity", 0).attr("fill", "grey").selectAll("rect").attr("y", ot).attr("height", 0).remove()
+      (xt) => xt.append("g").attr("class", "serie").attr("fill", st).style("opacity", (Y) => p[0] === "all" || Y.key === p[0] ? 1 : 0).style("pointer-events", (Y) => p[0] === "all" || Y.key === p[0] ? "auto" : "none"),
+      (xt) => xt.transition().duration(N).attr("fill", st).style("opacity", (Y) => p[0] === "all" || Y.key === p[0] ? 1 : 0).style("pointer-events", (Y) => p[0] === "all" || Y.key === p[0] ? "auto" : "none"),
+      (xt) => xt.transition().duration(N).style("opacity", 0).attr("fill", "grey").selectAll("rect").attr("y", ot).attr("height", 0).remove()
     );
-    const Gt = (gt) => {
-      const At = q(gt.data.label) ?? 0;
+    const Gt = (xt) => {
+      const Mt = q(xt.data.label) ?? 0;
       if (!r || r && p[0] === "all") {
-        const Y = E ? gt.data.sortedLayers : bt, mt = Array.isArray(Y) && Y.indexOf(gt.barKey) || 0;
-        return At + mt * (q.bandwidth() / bt.length);
+        const Y = E ? xt.data.sortedLayers : bt, mt = Array.isArray(Y) && Y.indexOf(xt.barKey) || 0;
+        return Mt + mt * (q.bandwidth() / bt.length);
       }
-      return At;
-    }, Ht = () => !r || r && p[0] === "all" ? q.bandwidth() / bt.length : q.bandwidth(), te = (gt) => {
-      const At = Number(gt.data[gt.barKey]);
-      return n === "vertical" ? At >= 0 ? Nt(At) : Nt(0) : At >= 0 ? Nt(0) : Nt(At);
-    }, se = (gt) => {
-      const At = Number(gt.data[gt.barKey]), Y = Math.abs(Nt(At) - Nt(0));
+      return Mt;
+    }, Ft = () => !r || r && p[0] === "all" ? q.bandwidth() / bt.length : q.bandwidth(), te = (xt) => {
+      const Mt = Number(xt.data[xt.barKey]);
+      return n === "vertical" ? Mt >= 0 ? Nt(Mt) : Nt(0) : Mt >= 0 ? Nt(0) : Nt(Mt);
+    }, se = (xt) => {
+      const Mt = Number(xt.data[xt.barKey]), Y = Math.abs(Nt(Mt) - Nt(0));
       return isNaN(Y) || Y < 0 ? 0 : Y;
-    }, rt = (gt) => n === "vertical" ? Gt(gt) : te(gt), yt = (gt) => n === "vertical" ? Ht() : se(gt), _t = (gt) => n === "vertical" ? te(gt) : Gt(gt), It = (gt) => n === "vertical" ? se(gt) : Ht();
+    }, rt = (xt) => n === "vertical" ? Gt(xt) : te(xt), gt = (xt) => n === "vertical" ? Ft() : se(xt), _t = (xt) => n === "vertical" ? te(xt) : Gt(xt), Ht = (xt) => n === "vertical" ? se(xt) : Ft();
     ie.selectAll("rect").data(
-      (gt) => gt,
-      (gt) => gt.data.label
+      (xt) => xt,
+      (xt) => xt.data.label
     ).join(
-      (gt) => {
-        let At;
-        return At = gt.append("rect").attr("class", qt).attr("x", function(Y) {
+      (xt) => {
+        let Mt;
+        return Mt = xt.append("rect").attr("class", qt).attr("x", function(Y) {
           return n === "vertical" ? rt(Y) : 0;
         }).attr("width", function(Y) {
           return n === "vertical" ? p[0] === "all" ? q.bandwidth() / bt.length : q.bandwidth() : 0;
@@ -7230,20 +7230,20 @@ function l1({
           return n === "vertical" ? ot : _t(Y);
         }).attr("height", function(Y) {
           return n === "vertical" ? 0 : p[0] === "all" ? q.bandwidth() / bt.length : q.bandwidth();
-        }).transition().duration(N).style("opacity", 1).attr("x", rt).attr("width", yt).attr("height", It).attr("y", _t), At;
+        }).transition().duration(N).style("opacity", 1).attr("x", rt).attr("width", gt).attr("height", Ht).attr("y", _t), Mt;
       },
       void 0,
-      (gt) => gt.attr("fill", ze).transition().duration(N).attr("opacity", 0).attr("height", 0).attr("y", ot + D.bottom).remove()
-    ).attr("class", qt).transition().duration(N).style("opacity", 1).attr("x", rt).attr("width", yt).attr("height", It).attr("y", _t), ie.selectAll("rect").on("pointerenter", function(gt, At) {
-      E && ie.selectAll("rect").filter((jt) => jt.barKey !== At.barKey).style("opacity", 0.25), X.select(n === "vertical" ? ".x-axis" : ".y-axis").selectAll("text").filter((jt) => jt === At.data.label).attr("class", (n === "vertical" ? W : "") + " " + zt.hoveredAxisText), k.style("opacity", 1);
-      const Y = At.data[At.barKey], { total: mt } = At.data, Mt = Y / mt * 100;
-      ge(".1f")(Mt) + "", k.select("p.label").text(At.data.label), k.select("p.layer span.label span.chev").style("background", ft(At.barKey)), k.select("p.layer span.label span.label").text(At.barKey), k.select("p.layer span.value").text(ke(Y, H)), k.select("p.total span.value").text(ke(mt ?? 0, H)), fe(k, { e: gt, svg: Z, yScale: Nt });
-    }).on("touch", function(gt, At) {
-      ne(".x-axis").selectAll("text").filter((Y) => Y === At.data.label).attr("class", W);
-    }).on("pointermove", (gt, At) => {
-      fe(k, { e: gt, svg: Z, yScale: Nt });
-    }).on("pointerleave", function(gt, At) {
-      E && ie.selectAll("rect").filter((Y) => Y.barKey !== At.barKey).style("opacity", 1), X.select(n === "vertical" ? ".x-axis" : ".y-axis").selectAll("text").filter((Y) => Y === At.data.label).attr("class", n === "vertical" ? W : ""), k.style("opacity", 0);
+      (xt) => xt.attr("fill", ze).transition().duration(N).attr("opacity", 0).attr("height", 0).attr("y", ot + D.bottom).remove()
+    ).attr("class", qt).transition().duration(N).style("opacity", 1).attr("x", rt).attr("width", gt).attr("height", Ht).attr("y", _t), ie.selectAll("rect").on("pointerenter", function(xt, Mt) {
+      E && ie.selectAll("rect").filter((jt) => jt.barKey !== Mt.barKey).style("opacity", 0.25), X.select(n === "vertical" ? ".x-axis" : ".y-axis").selectAll("text").filter((jt) => jt === Mt.data.label).attr("class", (n === "vertical" ? W : "") + " " + zt.hoveredAxisText), k.style("opacity", 1);
+      const Y = Mt.data[Mt.barKey], { total: mt } = Mt.data, At = Y / mt * 100;
+      ge(".1f")(At) + "", k.select("p.label").text(Mt.data.label), k.select("p.layer span.label span.chev").style("background", ft(Mt.barKey)), k.select("p.layer span.label span.label").text(Mt.barKey), k.select("p.layer span.value").text(ke(Y, H)), k.select("p.total span.value").text(ke(mt ?? 0, H)), fe(k, { e: xt, svg: Z, yScale: Nt });
+    }).on("touch", function(xt, Mt) {
+      ne(".x-axis").selectAll("text").filter((Y) => Y === Mt.data.label).attr("class", W);
+    }).on("pointermove", (xt, Mt) => {
+      fe(k, { e: xt, svg: Z, yScale: Nt });
+    }).on("pointerleave", function(xt, Mt) {
+      E && ie.selectAll("rect").filter((Y) => Y.barKey !== Mt.barKey).style("opacity", 1), X.select(n === "vertical" ? ".x-axis" : ".y-axis").selectAll("text").filter((Y) => Y === Mt.data.label).attr("class", n === "vertical" ? W : ""), k.style("opacity", 0);
     });
   }, [...U, E, M, _, n, y, H]);
   return /* @__PURE__ */ b.jsx(
@@ -7344,69 +7344,69 @@ function c1({
     if (v === 0 || d === 0) return;
     const C = { top: 20, right: 30, bottom: 30, left: 30 }, F = E.length === 0 ? [] : Object.keys(E[0]).filter((rt) => rt !== "label" && rt !== "total"), H = F.filter((rt) => !S.includes(rt));
     E.forEach(function(rt) {
-      rt.total = H.reduce((yt, _t) => {
+      rt.total = H.reduce((gt, _t) => {
         _t in rt || (rt[_t] = 0);
-        const It = rt[_t];
-        return yt + (typeof It == "number" ? It : Number(It));
+        const Ht = rt[_t];
+        return gt + (typeof Ht == "number" ? Ht : Number(Ht));
       }, 0);
     });
     const et = E.filter((rt) => rt?.total && rt.total > 0), D = v - C.left - C.right, dt = d - C.top - C.bottom, bt = B.select("svg"), pt = bt.node(), wt = bt.select(".plot-area").attr("transform", "translate(" + C.left + "," + C.top + ")"), ot = B.select(".controls").select(".legends-container"), O = N ? 80 : 50, Z = (rt) => {
-      const yt = I.current.findIndex((_t) => _t === rt) + e;
-      return de(yt);
+      const gt = I.current.findIndex((_t) => _t === rt) + e;
+      return de(gt);
     };
     function X(rt) {
       return Z(rt.key);
     }
     const T = function(rt) {
-      const yt = zt[N ? "legend-container" : "legend-container-sm"], _t = zt[N ? "legend-container-inactive" : "legend-container-inactive-sm"];
+      const gt = zt[N ? "legend-container" : "legend-container-sm"], _t = zt[N ? "legend-container-inactive" : "legend-container-inactive-sm"];
       return `
-                ${S.includes(rt) ? _t : yt}
+                ${S.includes(rt) ? _t : gt}
                 legend-item
             `;
     };
     ot.selectAll(".legend-item").data([...F], (rt) => rt).join(
       (rt) => {
-        const yt = rt.append("div").attr("class", T).style("left", (_t, It) => `${It * O}px`).style("top", "-53px").style("opacity", 0);
-        return yt.append("div").attr("class", zt["legend-rect"]).style("background", (_t) => {
+        const gt = rt.append("div").attr("class", T).style("left", (_t, Ht) => `${Ht * O}px`).style("top", "-53px").style("opacity", 0);
+        return gt.append("div").attr("class", zt["legend-rect"]).style("background", (_t) => {
           if (S.includes(_t))
             return ze;
-          const It = I.current.findIndex((gt) => gt === _t) + e;
-          return de(It);
-        }), yt.append("span").attr("class", zt["legend-label"]).text((_t) => _t), yt.transition().duration(_).style("top", "0px").style("opacity", 1), yt;
+          const Ht = I.current.findIndex((xt) => xt === _t) + e;
+          return de(Ht);
+        }), gt.append("span").attr("class", zt["legend-label"]).text((_t) => _t), gt.transition().duration(_).style("top", "0px").style("opacity", 1), gt;
       },
-      (rt) => (rt.attr("class", T).transition().duration(_).style("top", "0px").style("left", (yt, _t) => `${_t * O}px`).style("opacity", 1).select(`.${zt["legend-rect"]}`).style("background", (yt) => {
-        if (S.includes(yt))
+      (rt) => (rt.attr("class", T).transition().duration(_).style("top", "0px").style("left", (gt, _t) => `${_t * O}px`).style("opacity", 1).select(`.${zt["legend-rect"]}`).style("background", (gt) => {
+        if (S.includes(gt))
           return ze;
-        const _t = I.current.findIndex((It) => It === yt) + e;
+        const _t = I.current.findIndex((Ht) => Ht === gt) + e;
         return de(_t);
-      }), rt.select(`.${zt["legend-label"]}`).text((yt) => yt), rt),
+      }), rt.select(`.${zt["legend-label"]}`).text((gt) => gt), rt),
       (rt) => rt.transition().duration(_).style("opacity", 0).style("top", "53px").remove().remove().remove()
-    ).on("pointerenter", (rt, yt) => {
-      wt.selectAll(".serie").attr("fill", X).filter((_t) => _t.key === yt).style("opacity", 0.25);
-    }).on("pointerleave", function(rt, yt) {
-      wt.selectAll(".serie").attr("fill", X).filter((_t) => _t.key === yt).style("opacity", 1);
-    }).on("click", function(rt, yt) {
+    ).on("pointerenter", (rt, gt) => {
+      wt.selectAll(".serie").attr("fill", X).filter((_t) => _t.key === gt).style("opacity", 0.25);
+    }).on("pointerleave", function(rt, gt) {
+      wt.selectAll(".serie").attr("fill", X).filter((_t) => _t.key === gt).style("opacity", 1);
+    }).on("click", function(rt, gt) {
       p((_t) => {
-        let It = [];
-        return _t.includes(yt) ? It = _t.filter((gt) => gt !== yt) : It = [..._t, yt], It;
+        let Ht = [];
+        return _t.includes(gt) ? Ht = _t.filter((xt) => xt !== gt) : Ht = [..._t, gt], Ht;
       });
     });
     const L = B.select("div#tooltip").style("opacity", 0), G = !N && n === "vertical" ? zt.rotatedAxisText : zt.axisText, ft = et.map(function(rt) {
       return rt.label;
     }), st = Ze().domain(ft).rangeRound(n === "vertical" ? [0, D] : [dt, 0]).paddingInner(N ? 0.4 : 0.25).paddingOuter(0.2).align(0.2), it = Qt(E, (rt) => rt.total), k = me().domain([0, x ? 1 : it || 0]).nice().range(n === "vertical" ? [dt, 0] : [0, D]), j = [], nt = n === "vertical" ? he(st).tickValues(st.domain()).tickSizeOuter(0) : he(k).ticks(10, x ? ".0%" : "s").tickSizeOuter(0).tickSize(-dt);
     wt.select(".x-axis").attr("transform", `translate(0,${dt})`).transition().duration(_).call(nt).selectAll("text").style("cursor", "pointer").attr("dy", N ? "1em" : ".20em").attr("dx", N ? "0em" : "-.8em").attr("class", G).selectAll(".tick").filter((rt) => rt === 0).select("line").remove();
-    const Tt = Qt(E, (rt) => rt.total), W = me().domain([0, x ? 1 : Tt || 0]).nice().range([dt, 0]), q = n === "vertical" ? _e(k).ticks(10, x ? ".0%" : "s").tickSize(-D) : _e(st).tickSizeOuter(0);
+    const St = Qt(E, (rt) => rt.total), W = me().domain([0, x ? 1 : St || 0]).nice().range([dt, 0]), q = n === "vertical" ? _e(k).ticks(10, x ? ".0%" : "s").tickSize(-D) : _e(st).tickSizeOuter(0);
     wt.select(".y-axis").attr("transform", "translate(0,0)").transition().duration(_).call(q).selectAll(".tick").filter((rt) => rt === 0).select("line").remove();
     const Rt = ca().keys(H).order(ii).offset(x ? $u : Jr)(et).map((rt) => {
-      const yt = rt.key, _t = rt.map((It) => {
-        const gt = It.data.label;
+      const gt = rt.key, _t = rt.map((Ht) => {
+        const xt = Ht.data.label;
         return {
-          ...It,
-          key: `${yt} - ${gt}`,
-          barKey: yt
+          ...Ht,
+          key: `${gt} - ${xt}`,
+          barKey: gt
         };
       });
-      return _t.key = yt, _t;
+      return _t.key = gt, _t;
     });
     let Q = wt.selectAll(".serie").data(Rt, function(rt) {
       return rt.key;
@@ -7416,16 +7416,16 @@ function c1({
       (rt) => rt.transition().duration(_).style("opacity", 0).attr("fill", ze).selectAll("rect").attr("y", dt).attr("height", 0).remove()
     );
     const Nt = (rt) => st(rt.data.label + "") ?? 0, ut = st.bandwidth(), vt = (rt) => k(n === "vertical" ? rt[1] : rt[0]), $t = (rt) => {
-      const yt = n === "vertical" ? k(rt[0]) - k(rt[1]) : k(rt[1]) - k(rt[0]);
-      return isNaN(yt) || yt < 0 ? 0 : yt;
+      const gt = n === "vertical" ? k(rt[0]) - k(rt[1]) : k(rt[1]) - k(rt[0]);
+      return isNaN(gt) || gt < 0 ? 0 : gt;
     }, Lt = (rt) => n === "vertical" ? Nt(rt) : vt(rt), qt = (rt) => n === "vertical" ? ut : $t(rt), ie = (rt) => n === "vertical" ? vt(rt) : Nt(rt), Gt = (rt) => n === "vertical" ? $t(rt) : ut;
-    function Ht(rt) {
-      const yt = qt(rt), _t = Gt(rt);
-      return H.indexOf(rt.barKey) === H.length - 1 || rt.barKey === S[0] ? n === "vertical" ? `${yt + _t} ${yt} ${_t}` : `${yt + _t + yt}` : n === "vertical" ? `${_t} ${yt}` : `${yt} ${_t}`;
+    function Ft(rt) {
+      const gt = qt(rt), _t = Gt(rt);
+      return H.indexOf(rt.barKey) === H.length - 1 || rt.barKey === S[0] ? n === "vertical" ? `${gt + _t} ${gt} ${_t}` : `${gt + _t + gt}` : n === "vertical" ? `${_t} ${gt}` : `${gt} ${_t}`;
     }
     function te(rt) {
-      const yt = qt(rt), _t = H.indexOf(rt.barKey) === H.length - 1;
-      return n === "vertical" ? _t ? 0 : yt * -1 : 0;
+      const gt = qt(rt), _t = H.indexOf(rt.barKey) === H.length - 1;
+      return n === "vertical" ? _t ? 0 : gt * -1 : 0;
     }
     const se = (rt) => `rect ${zt.rect}`;
     Q.selectAll("rect").data(
@@ -7433,8 +7433,8 @@ function c1({
       (rt) => rt.data.label
     ).join(
       (rt) => {
-        let yt;
-        return yt = rt.append("rect").attr("class", se).attr("x", function(_t) {
+        let gt;
+        return gt = rt.append("rect").attr("class", se).attr("x", function(_t) {
           return n === "vertical" ? st(_t.data.label) ?? 0 : k(0);
         }).attr("width", function(_t) {
           return n === "vertical" ? st.bandwidth() : 0;
@@ -7442,26 +7442,26 @@ function c1({
           if (n === "vertical") {
             if (!j.includes(_t.data.label + ""))
               return dt;
-            const It = k(_t[1]), gt = k(_t[0]) - k(_t[1]), At = isNaN(gt) || gt < 0 ? 0 : gt;
-            return It + At;
+            const Ht = k(_t[1]), xt = k(_t[0]) - k(_t[1]), Mt = isNaN(xt) || xt < 0 ? 0 : xt;
+            return Ht + Mt;
           } else
             return ie(_t);
         }).attr("height", function(_t) {
           return n === "vertical" ? 0 : Gt(_t);
-        }).attr("stroke-dasharray", Ht).attr("stroke-dashoffset", te).transition().duration(_).attr("x", Lt).attr("width", qt).attr("height", Gt).attr("y", ie), yt;
+        }).attr("stroke-dasharray", Ft).attr("stroke-dashoffset", te).transition().duration(_).attr("x", Lt).attr("width", qt).attr("height", Gt).attr("y", ie), gt;
       },
       void 0,
       (rt) => rt.transition().duration(_).attr("opacity", 0).attr("height", 0).attr("y", dt).remove()
-    ).attr("class", se).attr("stroke-dasharray", Ht).attr("stroke-dashoffset", te).transition().duration(_).attr("x", Lt).attr("width", qt).attr("height", Gt).attr("y", ie), Q.selectAll("rect").on("pointerenter", function(rt, yt) {
-      wt.select(".x-axis").selectAll("text").filter((Y) => Y === yt.data.name).attr("class", G + " " + J.hoveredAxisText), L.style("opacity", 1);
-      const _t = yt.data[yt.barKey] || 0, It = yt.data.total || 0, gt = _t / It * 100, At = ge(".1f")(gt) + "%";
-      L.select("p.label").text(yt.data.label), L.select("p.layer span.label span.chev").style("background", Z(yt.barKey)), L.select("p.layer span.label span.label").text(yt.barKey), L.select("p.layer span.value").text(At), L.select("p.total span.value").text(`(${Ee(_t, U)} of ${Ee(It, U)})`), fe(L, { e: rt, svg: pt, yScale: W });
-    }).on("touch", function(rt, yt) {
-      ne(".x-axis").selectAll("text").filter((_t) => _t === yt.data.label).attr("class", G);
-    }).on("pointermove", (rt, yt) => {
+    ).attr("class", se).attr("stroke-dasharray", Ft).attr("stroke-dashoffset", te).transition().duration(_).attr("x", Lt).attr("width", qt).attr("height", Gt).attr("y", ie), Q.selectAll("rect").on("pointerenter", function(rt, gt) {
+      wt.select(".x-axis").selectAll("text").filter((Y) => Y === gt.data.name).attr("class", G + " " + J.hoveredAxisText), L.style("opacity", 1);
+      const _t = gt.data[gt.barKey] || 0, Ht = gt.data.total || 0, xt = _t / Ht * 100, Mt = ge(".1f")(xt) + "%";
+      L.select("p.label").text(gt.data.label), L.select("p.layer span.label span.chev").style("background", Z(gt.barKey)), L.select("p.layer span.label span.label").text(gt.barKey), L.select("p.layer span.value").text(Mt), L.select("p.total span.value").text(`(${Ee(_t, U)} of ${Ee(Ht, U)})`), fe(L, { e: rt, svg: pt, yScale: W });
+    }).on("touch", function(rt, gt) {
+      ne(".x-axis").selectAll("text").filter((_t) => _t === gt.data.label).attr("class", G);
+    }).on("pointermove", (rt, gt) => {
       fe(L, { e: rt, svg: pt, yScale: W });
-    }).on("pointerleave", function(rt, yt) {
-      wt.select(".x-axis").selectAll("text").filter((_t) => _t === yt.data.name).attr("class", G), L.style("opacity", 0);
+    }).on("pointerleave", function(rt, gt) {
+      wt.select(".x-axis").selectAll("text").filter((_t) => _t === gt.data.name).attr("class", G), L.style("opacity", 0);
     });
   }, [...R, E, x, n, w, U]);
   return /* @__PURE__ */ b.jsx(
@@ -7564,24 +7564,24 @@ function u1({
     if (d === 0 || x === 0) return;
     const V = { top: 20, right: 30, bottom: 30, left: 30 }, et = u.current, D = N.length === 0 ? [] : Object.keys(N[0]).filter((lt) => lt !== "label" && lt !== "total"), dt = a ? D : D.filter((lt) => !y.includes(lt));
     N.forEach(function(lt) {
-      const xt = dt.reduce((kt, Ft) => {
-        Ft in lt || (lt[Ft] = 0);
-        const le = lt[Ft], Ut = typeof le == "number" ? le : Number(le) ?? 0, we = kt.totalPos + (Ut >= 0 ? Ut : 0), on = kt.totalMin + (Ut < 0 ? Ut : 0);
+      const yt = dt.reduce((kt, It) => {
+        It in lt || (lt[It] = 0);
+        const le = lt[It], Ut = typeof le == "number" ? le : Number(le) ?? 0, we = kt.totalPos + (Ut >= 0 ? Ut : 0), on = kt.totalMin + (Ut < 0 ? Ut : 0);
         return kt.total += Ut, kt.totalPos = we, kt.totalMin = on, kt;
       }, { total: 0, totalPos: 0, totalMin: 0 });
-      lt.total = xt.total, lt.totalPos = xt.totalPos, lt.totalMin = xt.totalMin;
+      lt.total = yt.total, lt.totalPos = yt.totalPos, lt.totalMin = yt.totalMin;
     });
-    const bt = N, pt = _ && (n === "stacked" || n === "grouped" && (a && y[0] !== "all" || !a && dt.length === 1)) ? $e(bt).sort(function(lt, xt) {
-      return a ? y[0] === "all" ? lt.total - xt.total : Number(lt[y[0]]) - Number(xt[y[0]]) : lt.total - xt.total;
+    const bt = N, pt = _ && (n === "stacked" || n === "grouped" && (a && y[0] !== "all" || !a && dt.length === 1)) ? $e(bt).sort(function(lt, yt) {
+      return a ? y[0] === "all" ? lt.total - yt.total : Number(lt[y[0]]) - Number(yt[y[0]]) : lt.total - yt.total;
     }) : bt, wt = d - V.left - V.right, K = x - V.top - V.bottom, ot = H.select("svg"), O = ot.node(), Z = ot.select(".plot-area").attr("transform", "translate(" + V.left + "," + V.top + ")"), T = H.select(".controls").select(".legends-container"), tt = function(lt) {
-      const xt = zt[C ? "legend-container" : "legend-container-sm"], kt = zt[C ? "legend-container-active" : "legend-container-active-sm"], Ft = zt[C ? "legend-container-inactive" : "legend-container-inactive-sm"];
+      const yt = zt[C ? "legend-container" : "legend-container-sm"], kt = zt[C ? "legend-container-active" : "legend-container-active-sm"], It = zt[C ? "legend-container-inactive" : "legend-container-inactive-sm"];
       return `
-                ${y.includes(lt) ? a ? kt : Ft : xt}
+                ${y.includes(lt) ? a ? kt : It : yt}
                 legend-item
             `;
     }, L = (lt) => {
-      const xt = B.current.findIndex((Ft) => Ft === lt) + e;
-      return de(xt);
+      const yt = B.current.findIndex((It) => It === lt) + e;
+      return de(yt);
     };
     function G(lt) {
       return L(lt.key);
@@ -7589,33 +7589,33 @@ function u1({
     const ft = C ? 80 : 50;
     T.selectAll(".legend-item").data([...D], (lt) => lt).join(
       (lt) => {
-        const xt = lt.append("div").attr("class", tt).style("left", (kt, Ft) => `${Ft * ft}px`).style("top", "-53px").style("opacity", 0);
-        return xt.append("div").attr("class", zt["legend-rect"]).style("background", (kt) => {
+        const yt = lt.append("div").attr("class", tt).style("left", (kt, It) => `${It * ft}px`).style("top", "-53px").style("opacity", 0);
+        return yt.append("div").attr("class", zt["legend-rect"]).style("background", (kt) => {
           if (!a && y.includes(kt))
             return ze;
-          const Ft = B.current.findIndex((le) => le === kt) + e;
-          return de(Ft);
-        }), xt.append("span").attr("class", zt["legend-label"]).text((kt) => kt), xt.transition().duration(z).style("top", "0px").style("opacity", 1), xt;
+          const It = B.current.findIndex((le) => le === kt) + e;
+          return de(It);
+        }), yt.append("span").attr("class", zt["legend-label"]).text((kt) => kt), yt.transition().duration(z).style("top", "0px").style("opacity", 1), yt;
       },
-      (lt) => (lt.attr("class", tt).transition().duration(z).style("top", "0px").style("left", (xt, kt) => `${kt * ft}px`).style("opacity", 1).select(`.${zt["legend-rect"]}`).style("background", (xt) => {
-        if (!a && y.includes(xt))
+      (lt) => (lt.attr("class", tt).transition().duration(z).style("top", "0px").style("left", (yt, kt) => `${kt * ft}px`).style("opacity", 1).select(`.${zt["legend-rect"]}`).style("background", (yt) => {
+        if (!a && y.includes(yt))
           return ze;
-        const kt = B.current.findIndex((Ft) => Ft === xt) + e;
+        const kt = B.current.findIndex((It) => It === yt) + e;
         return de(kt);
-      }), lt.select(`.${zt["legend-label"]}`).text((xt) => xt), lt),
+      }), lt.select(`.${zt["legend-label"]}`).text((yt) => yt), lt),
       (lt) => lt.transition().duration(z).style("opacity", 0).style("top", "53px").remove().remove()
-    ).on("pointerenter", function(lt, xt) {
+    ).on("pointerenter", function(lt, yt) {
       if (n === "percentage" && a) return;
       const kt = Z.selectAll(".serie");
-      y[0] === "all" && (a ? (kt.attr("fill", G).filter((Ft) => Ft.key !== xt).transition().duration(250).style("opacity", 0.25), kt.selectAll("rect").filter((Ft) => Ft.barKey === xt).attr("stroke-dasharray", "none")) : kt.attr("fill", G).filter((Ft) => Ft.key === xt).transition().duration(250).style("opacity", 0.25));
-    }).on("pointerleave", function(lt, xt) {
+      y[0] === "all" && (a ? (kt.attr("fill", G).filter((It) => It.key !== yt).transition().duration(250).style("opacity", 0.25), kt.selectAll("rect").filter((It) => It.barKey === yt).attr("stroke-dasharray", "none")) : kt.attr("fill", G).filter((It) => It.key === yt).transition().duration(250).style("opacity", 0.25));
+    }).on("pointerleave", function(lt, yt) {
       if (n === "percentage" && a) return;
       const kt = Z.selectAll(".serie");
       y[0] === "all" && Z.selectAll(".serie").attr("fill", G).transition().duration(250).style("opacity", 1), kt.selectAll("rect").attr("stroke-dasharray", mt);
-    }).on("click", (lt, xt) => {
+    }).on("click", (lt, yt) => {
       n === "percentage" && a || (S((kt) => {
-        let Ft = [];
-        return a ? kt[0] === xt ? Ft = ["all"] : Ft = [xt] : kt.includes(xt) ? Ft = kt.filter((le) => le !== xt) : Ft = [...kt, xt], Ft;
+        let It = [];
+        return a ? kt[0] === yt ? It = ["all"] : It = [yt] : kt.includes(yt) ? It = kt.filter((le) => le !== yt) : It = [...kt, yt], It;
       }), $(!0));
     });
     const st = pt.map(function(lt) {
@@ -7625,15 +7625,15 @@ function u1({
     A === null && (k = !0, w($e(N)));
     const j = Ze().rangeRound(r === "vertical" ? [0, wt] : [K, 0]).domain(st).paddingInner(
       n !== "grouped" || n === "grouped" && (a && y[0] !== "all" || !a && dt.length === 1) ? C ? 0.4 : 0.25 : 0.1
-    ).paddingOuter(0.2).align(0.2), nt = a && y[0] !== "all" || dt.length === 1, Tt = n === "stacked" || n === "percentage", W = n === "stacked" ? a ? y[0] === "all" ? Qt(N, (lt) => lt.totalPos) : Qt(N, (lt) => lt[y[0]]) : Qt(N, (lt) => lt.totalPos) : n === "grouped" ? y[0] === "all" ? Qt(
+    ).paddingOuter(0.2).align(0.2), nt = a && y[0] !== "all" || dt.length === 1, St = n === "stacked" || n === "percentage", W = n === "stacked" ? a ? y[0] === "all" ? Qt(N, (lt) => lt.totalPos) : Qt(N, (lt) => lt[y[0]]) : Qt(N, (lt) => lt.totalPos) : n === "grouped" ? y[0] === "all" ? Qt(
       N,
       (lt) => Qt(
-        Object.entries(lt).filter(([xt]) => xt !== "total" && xt !== "label" && xt !== "totalPos" && xt !== "totalMin").map(([, xt]) => xt)
+        Object.entries(lt).filter(([yt]) => yt !== "total" && yt !== "label" && yt !== "totalPos" && yt !== "totalMin").map(([, yt]) => yt)
       )
     ) : Qt(N, (lt) => lt[y[0]]) : 1, q = Math.max(0, W ?? 0), Dt = n === "stacked" ? a ? y[0] === "all" ? ue(N, (lt) => lt.totalMin) : ue(N, (lt) => lt[y[0]]) : ue(N, (lt) => lt.totalMin) : n === "grouped" ? y[0] === "all" ? ue(
       N,
       (lt) => ue(
-        Object.entries(lt).filter(([xt]) => xt !== "total" && xt !== "label" && xt !== "totalPos" && xt !== "totalMin").map(([, xt]) => xt)
+        Object.entries(lt).filter(([yt]) => yt !== "total" && yt !== "label" && yt !== "totalPos" && yt !== "totalMin").map(([, yt]) => yt)
       )
     ) : ue(N, (lt) => lt[y[0]]) : 1, Rt = Math.min(0, Dt ?? 0), Q = me().domain([Rt, q]).range(r === "vertical" ? [K, 0] : [0, wt]).nice(), Nt = !C && r === "vertical" ? zt.rotatedAxisText : zt.axisText, ut = r === "vertical" ? he(j).tickValues(j.domain()).tickSizeOuter(0) : he(Q).ticks(4, n === "percentage" ? ".0%" : "s").tickSizeOuter(0).tickSize(-K);
     Z.select(".x-axis").attr("transform", `translate(0,${K})`).transition().duration(z).call(ut).selectAll("text").style("cursor", "pointer").attr("dy", C ? "1em" : ".20em").attr("dx", C ? "0em" : "-.8em").attr("class", Nt).selectAll(".tick").filter((lt) => lt === 0).select("line").remove(), Z.select(".x-axis").selectAll("path").style("display", "none");
@@ -7643,128 +7643,128 @@ function u1({
       r === "vertical" ? `translate(0, ${Q(0) || 0})` : `translate(${Q(0) || 0}, 0)`
     );
     const $t = H.select("div#tooltip").style("opacity", 0), qt = ca().keys(dt).offset(n !== "percentage" ? Js : $u)(pt).map((lt) => {
-      const xt = lt.key, kt = lt.map((Ft) => {
-        const le = Object.keys(Ft.data).filter((Ut) => Ut !== "label" && Ut !== "total" && Ut !== "totalPos" && Ut !== "totalMin" && (a ? !0 : !y.includes(Ut))).map((Ut) => ({
+      const yt = lt.key, kt = lt.map((It) => {
+        const le = Object.keys(It.data).filter((Ut) => Ut !== "label" && Ut !== "total" && Ut !== "totalPos" && Ut !== "totalMin" && (a ? !0 : !y.includes(Ut))).map((Ut) => ({
           label: Ut,
-          value: Ft.data[Ut]
+          value: It.data[Ut]
         })).sort((Ut, we) => Number(Ut.value) - Number(we.value));
         return {
-          ...Ft,
-          key: `${xt} - ${Ft.data.label}`,
-          barKey: xt,
+          ...It,
+          key: `${yt} - ${It.data.label}`,
+          barKey: yt,
           data: {
-            ...Ft.data,
+            ...It.data,
             sortedLayers: le.map((Ut) => Ut.label)
           }
         };
       });
-      return kt.key = xt, kt;
+      return kt.key = yt, kt;
     }), ie = Z.selectAll(".serie").data(qt, function(lt) {
       return lt.key;
     }).join(
       (lt) => lt.append("g").attr("class", "serie").attr("fill", G).style("opacity", (kt) => y[0] === "all" || kt.key === y[0] ? 1 : 0).style("pointer-events", (kt) => y[0] === "all" || kt.key === y[0] ? "auto" : "none"),
       (lt) => lt.transition().duration(z).attr("fill", G).style("opacity", (kt) => y[0] === "all" || kt.key === y[0] ? 1 : 0).style("pointer-events", (kt) => y[0] === "all" || kt.key === y[0] ? "auto" : "none"),
       (lt) => lt.transition().duration(z).style("opacity", 0).attr("fill", "grey").selectAll("rect").attr("y", 0).attr("height", 0).remove()
-    ), Gt = (lt) => `rect ${zt.rect}`, Ht = pt.map((lt, xt) => {
+    ), Gt = (lt) => `rect ${zt.rect}`, Ft = pt.map((lt, yt) => {
       const kt = qt.map((Ut) => ({
         key: Ut.key,
-        start: Ut[xt][0],
-        end: Ut[xt][1],
+        start: Ut[yt][0],
+        end: Ut[yt][1],
         value: lt[Ut.key]
-      })), Ft = kt.filter((Ut) => Ut.value ?? !1).sort((Ut, we) => we.end - Ut.end), le = kt.filter((Ut) => Ut.value ?? !1).sort((Ut, we) => Ut.start - we.start);
+      })), It = kt.filter((Ut) => Ut.value ?? !1).sort((Ut, we) => we.end - Ut.end), le = kt.filter((Ut) => Ut.value ?? !1).sort((Ut, we) => Ut.start - we.start);
       return {
         label: lt.label,
-        top: Ft.length > 0 ? Ft[0]?.key : le[le.length - 1]?.key,
-        bottom: le.length > 0 ? le[0]?.key : Ft[Ft.length - 1]?.key
+        top: It.length > 0 ? It[0]?.key : le[le.length - 1]?.key,
+        bottom: le.length > 0 ? le[0]?.key : It[It.length - 1]?.key
       };
     });
     function te(lt) {
-      const xt = j(lt.data.label) ?? 0;
+      const yt = j(lt.data.label) ?? 0;
       if (n === "grouped" && (!a || a && y[0] === "all")) {
-        const Ft = (_ ? lt.data.sortedLayers : dt).indexOf(lt.barKey);
-        return xt + Ft * (j.bandwidth() / dt.length);
+        const It = (_ ? lt.data.sortedLayers : dt).indexOf(lt.barKey);
+        return yt + It * (j.bandwidth() / dt.length);
       }
-      return xt;
+      return yt;
     }
     function se(lt) {
       return n === "grouped" && (!a || a && y[0] === "all") ? j.bandwidth() / dt.length : j.bandwidth();
     }
     function rt(lt) {
-      if (Tt)
+      if (St)
         if (nt) {
-          const xt = Number(lt.data[lt.barKey]);
-          return r === "vertical" ? xt >= 0 ? Q(xt) : Q(0) : xt >= 0 ? Q(0) : Q(xt);
+          const yt = Number(lt.data[lt.barKey]);
+          return r === "vertical" ? yt >= 0 ? Q(yt) : Q(0) : yt >= 0 ? Q(0) : Q(yt);
         } else {
-          const xt = r === "vertical" ? K : wt;
-          return y[0] === "all" ? Q(r === "vertical" ? lt[1] : lt[0]) : a && r !== "vertical" ? Q(0) : xt - (Q(lt[0]) - Q(lt[1]));
+          const yt = r === "vertical" ? K : wt;
+          return y[0] === "all" ? Q(r === "vertical" ? lt[1] : lt[0]) : a && r !== "vertical" ? Q(0) : yt - (Q(lt[0]) - Q(lt[1]));
         }
       else {
-        const xt = Number(lt.data[lt.barKey]);
-        return r === "vertical" ? xt >= 0 ? Q(xt) : Q(0) : xt >= 0 ? Q(0) : Q(xt);
+        const yt = Number(lt.data[lt.barKey]);
+        return r === "vertical" ? yt >= 0 ? Q(yt) : Q(0) : yt >= 0 ? Q(0) : Q(yt);
       }
     }
-    function yt(lt) {
-      if (Tt)
+    function gt(lt) {
+      if (St)
         if (nt) {
-          const xt = Number(lt.data[lt.barKey]), kt = Math.abs(Q(xt) - Q(0));
+          const yt = Number(lt.data[lt.barKey]), kt = Math.abs(Q(yt) - Q(0));
           return isNaN(kt) || kt < 0 ? 0 : kt;
         } else {
-          const xt = r === "vertical" ? Q(lt[0]) - Q(lt[1]) : Q(lt[1]) - Q(lt[0]);
-          return isNaN(xt) || xt < 0 ? 0 : xt;
+          const yt = r === "vertical" ? Q(lt[0]) - Q(lt[1]) : Q(lt[1]) - Q(lt[0]);
+          return isNaN(yt) || yt < 0 ? 0 : yt;
         }
       else {
-        const xt = Number(lt.data[lt.barKey]), kt = Math.abs(Q(xt) - Q(0));
+        const yt = Number(lt.data[lt.barKey]), kt = Math.abs(Q(yt) - Q(0));
         return isNaN(kt) || kt < 0 ? 0 : kt;
       }
     }
-    const _t = et === "stacked" || et === "percentage", It = (lt) => r === "vertical" ? te(lt) : rt(lt), gt = (lt) => r === "vertical" ? se() : yt(lt), At = (lt) => r === "vertical" ? rt(lt) : te(lt), Y = (lt) => r === "vertical" ? yt(lt) : se();
+    const _t = et === "stacked" || et === "percentage", Ht = (lt) => r === "vertical" ? te(lt) : rt(lt), xt = (lt) => r === "vertical" ? se() : gt(lt), Mt = (lt) => r === "vertical" ? rt(lt) : te(lt), Y = (lt) => r === "vertical" ? gt(lt) : se();
     function mt(lt) {
       if (n === "grouped" || nt)
         return "none";
-      const xt = gt(lt), kt = Y(lt), Ft = Ht.find((on) => on.label === lt.data.label), le = lt.data[lt.barKey], Ut = Ft?.top === lt.barKey && Number(le) >= 0, we = Ft?.bottom === lt.barKey && Number(le) < 0;
-      return Ut ? r === "vertical" ? `${xt + kt} ${xt} ${kt}` : `${xt + kt + xt}` : we ? r === "vertical" ? `${kt + xt + kt} ${xt}` : `${xt} ${kt} ${xt + kt}` : r === "vertical" ? `${kt} ${xt}` : `${xt} ${kt}`;
+      const yt = xt(lt), kt = Y(lt), It = Ft.find((on) => on.label === lt.data.label), le = lt.data[lt.barKey], Ut = It?.top === lt.barKey && Number(le) >= 0, we = It?.bottom === lt.barKey && Number(le) < 0;
+      return Ut ? r === "vertical" ? `${yt + kt} ${yt} ${kt}` : `${yt + kt + yt}` : we ? r === "vertical" ? `${kt + yt + kt} ${yt}` : `${yt} ${kt} ${yt + kt}` : r === "vertical" ? `${kt} ${yt}` : `${yt} ${kt}`;
     }
-    function Mt(lt) {
-      const xt = gt(lt), kt = Ht.find((we) => we.label === lt.data.label), Ft = lt.data[lt.barKey], le = kt?.top === lt.barKey && Number(Ft) >= 0;
-      return kt?.bottom === lt.barKey && Number(Ft) < 0 ? r === "vertical" ? xt * -1 : 0 : r === "vertical" ? le ? 0 : xt * -1 : 0;
+    function At(lt) {
+      const yt = xt(lt), kt = Ft.find((we) => we.label === lt.data.label), It = lt.data[lt.barKey], le = kt?.top === lt.barKey && Number(It) >= 0;
+      return kt?.bottom === lt.barKey && Number(It) < 0 ? r === "vertical" ? yt * -1 : 0 : r === "vertical" ? le ? 0 : yt * -1 : 0;
     }
-    ie.selectAll("rect").data((lt) => lt, (lt) => lt.data.label).join(
-      (lt) => _t && !Tt ? lt.append("rect").attr("class", J.rect).attr("x", function(kt) {
+    console.log("width: ", d), console.log("height: ", x), console.log("isStacked: ", St), console.log("prevIsStacked: ", _t), ie.selectAll("rect").data((lt) => lt, (lt) => lt.data.label).join(
+      (lt) => _t && !St ? lt.append("rect").attr("class", J.rect).attr("x", function(kt) {
         return r === "vertical" ? j(kt.data.label) ?? 0 : Q(0);
       }).attr("width", r === "vertical" ? j.bandwidth() : 0).attr("y", function(kt) {
         return r === "vertical" ? Q(0) : j(kt.data.label) ?? 0;
-      }).attr("height", r === "vertical" ? 0 : j.bandwidth()).attr("stroke-dasharray", mt).attr("stroke-dashoffset", Mt).transition().duration(z).attr("x", It).attr("width", gt).attr("height", Y).transition().duration(z).attr("y", At) : !_t && Tt ? lt.append("rect").attr("class", J.rect).attr("x", function(kt) {
+      }).attr("height", r === "vertical" ? 0 : j.bandwidth()).attr("stroke-dasharray", mt).attr("stroke-dashoffset", At) : !_t && St ? lt.append("rect").attr("class", J.rect).attr("x", function(kt) {
         return r === "vertical" ? j(kt.data.label) ?? 0 : Q(0);
       }).attr("width", r === "vertical" ? j.bandwidth() : 0).attr("y", function(kt) {
         return r === "vertical" ? K : j(kt.data.label) ?? 0;
-      }).attr("height", r === "vertical" ? 0 : j.bandwidth()).attr("stroke-dasharray", mt).attr("stroke-dashoffset", Mt).transition().duration(z).attr("y", At).transition().duration(z).attr("x", It).attr("width", gt).attr("height", Y) : lt.append("rect").attr("class", J.rect).attr("x", function(kt) {
-        return r === "vertical" ? j(kt.data.label) ?? 0 : it.includes(kt.data.label) ? rt(kt) + yt(kt) : Q(0);
+      }).attr("height", r === "vertical" ? 0 : j.bandwidth()).attr("stroke-dasharray", mt).attr("stroke-dashoffset", At) : lt.append("rect").attr("class", J.rect).attr("x", function(kt) {
+        return r === "vertical" ? j(kt.data.label) ?? 0 : it.includes(kt.data.label) ? rt(kt) + gt(kt) : Q(0);
       }).attr("width", r === "vertical" ? j.bandwidth() : 0).attr("y", function(kt) {
-        return r === "vertical" ? it.includes(kt.data.label) ? rt(kt) + yt(kt) : Q(0) : j(kt.data.label) ?? 0;
-      }).attr("height", r === "vertical" ? 0 : j.bandwidth()).attr("stroke-dasharray", mt).attr("stroke-dashoffset", Mt).transition().duration(z).attr("x", It).attr("width", gt).attr("height", Y).attr("y", At),
+        return r === "vertical" ? it.includes(kt.data.label) ? rt(kt) + gt(kt) : Q(0) : j(kt.data.label) ?? 0;
+      }).attr("height", r === "vertical" ? 0 : j.bandwidth()).attr("stroke-dasharray", mt).attr("stroke-dashoffset", At),
       void 0,
       (lt) => lt.attr("opacity", 0).style("fill", "grey").remove()
-    ).on("pointerenter", function(lt, xt) {
-      n === "grouped" && _ && ie.selectAll("rect").filter((we) => we.barKey !== xt.barKey).style("opacity", 0.25), Z.select(r === "vertical" ? ".x-axis" : ".y-axis").selectAll("text").filter((we) => we === xt.data.label).attr("class", (r === "vertical" ? Nt : "") + " " + zt.hoveredAxisText), $t.style("opacity", 1);
-      const kt = xt.data[xt.barKey], Ft = xt.data.total ?? 0, le = kt / Ft * 100, Ut = ge(".1f")(le) + "%";
-      $t.select("p.label").text(xt.data.label), $t.select("p.layer span.label span.chev").style("background", L(xt.barKey)), $t.select("p.layer span.label span.label").text(xt.barKey), $t.select("p.layer span.value").text(n === "percentage" ? Ut : ke(kt, U)), $t.select("p.total span.value").text(
-        n === "percentage" ? `(${Ee(kt, U)} of ${Ee(Ft, U)})` : ke(Ft, U)
+    ).on("pointerenter", function(lt, yt) {
+      n === "grouped" && _ && ie.selectAll("rect").filter((we) => we.barKey !== yt.barKey).style("opacity", 0.25), Z.select(r === "vertical" ? ".x-axis" : ".y-axis").selectAll("text").filter((we) => we === yt.data.label).attr("class", (r === "vertical" ? Nt : "") + " " + zt.hoveredAxisText), $t.style("opacity", 1);
+      const kt = yt.data[yt.barKey], It = yt.data.total ?? 0, le = kt / It * 100, Ut = ge(".1f")(le) + "%";
+      $t.select("p.label").text(yt.data.label), $t.select("p.layer span.label span.chev").style("background", L(yt.barKey)), $t.select("p.layer span.label span.label").text(yt.barKey), $t.select("p.layer span.value").text(n === "percentage" ? Ut : ke(kt, U)), $t.select("p.total span.value").text(
+        n === "percentage" ? `(${Ee(kt, U)} of ${Ee(It, U)})` : ke(It, U)
       ), fe($t, { e: lt, svg: O, yScale: Q });
-    }).on("pointermove", (lt, xt) => {
+    }).on("pointermove", (lt, yt) => {
       fe($t, { e: lt, svg: O, yScale: Q });
-    }).on("pointerleave", function(lt, xt) {
-      n === "grouped" && _ && ie.selectAll("rect").filter((kt) => kt.barKey !== xt.barKey).style("opacity", 1), Z.select(r === "vertical" ? ".x-axis" : ".y-axis").selectAll("text").filter((kt) => kt === xt.data.label).attr("class", r === "vertical" ? Nt : ""), $t.style("opacity", 0);
+    }).on("pointerleave", function(lt, yt) {
+      n === "grouped" && _ && ie.selectAll("rect").filter((kt) => kt.barKey !== yt.barKey).style("opacity", 1), Z.select(r === "vertical" ? ".x-axis" : ".y-axis").selectAll("text").filter((kt) => kt === yt.data.label).attr("class", r === "vertical" ? Nt : ""), $t.style("opacity", 0);
     });
     function jt() {
-      ie.selectAll("rect").attr("class", Gt).transition().duration(z).attr("stroke-dasharray", mt).attr("stroke-dashoffset", Mt).attr("x", It).attr("width", gt).attr("height", Y).attr("y", At);
+      ie.selectAll("rect").attr("class", Gt).transition().duration(z).attr("stroke-dasharray", mt).attr("stroke-dashoffset", At).attr("x", Ht).attr("width", xt).attr("height", Y).attr("y", Mt);
     }
     function ee() {
-      ie.selectAll("rect").attr("class", Gt).transition().duration(z).attr("x", It).attr("width", gt).transition().duration(z).attr("stroke-dasharray", mt).attr("stroke-dashoffset", Mt).attr("height", Y).attr("y", At);
+      ie.selectAll("rect").attr("class", Gt).transition().duration(z).attr("x", Ht).attr("width", xt).transition().duration(z).attr("stroke-dasharray", mt).attr("stroke-dashoffset", At).attr("height", Y).attr("y", Mt);
     }
     function re() {
-      ie.selectAll("rect").attr("class", Gt).transition().duration(z).attr("y", At).attr("height", Y).transition().duration(z).attr("stroke-dasharray", mt).attr("stroke-dashoffset", Mt).attr("x", It).attr("width", gt);
+      ie.selectAll("rect").attr("class", Gt).transition().duration(z).attr("y", Mt).attr("height", Y).transition().duration(z).attr("stroke-dasharray", mt).attr("stroke-dashoffset", At).attr("x", Ht).attr("width", xt);
     }
-    n === et ? jt() : Tt ? _t ? jt() : r === "vertical" ? re() : ee() : _t ? r === "vertical" ? ee() : re() : jt();
+    n === et ? jt() : St ? _t ? jt() : r === "vertical" ? re() : ee() : _t ? r === "vertical" ? ee() : re() : jt();
   }, [...I, _, N, n, r, U]);
   return /* @__PURE__ */ b.jsx(
     "div",
@@ -9249,8 +9249,8 @@ function f1({ data: t, tooltipFormat: e }) {
         }).style("stroke", "#1f2937").style("stroke-opacity", 0.05);
         const ft = G.sourceLinks?.map((W) => W.targetName) ?? [], it = [...G.targetLinks?.map((W) => W.sourceName) ?? [], ...ft, G.name];
         F.selectAll("text.label").filter((W) => !it.includes(W.name)).style("opacity", 0.0625);
-        const { enteringValue: k, exitingValue: j, nodeState: nt, stateColor: Tt } = tt(G);
-        H.style("opacity", 1), H.select("p.title").text(G.name + " :"), H.select("p.top-label").style("display", "block").text("in " + Ee(k, e)), H.select("p.bottom-label").style("display", "block").text("out " + Ee(j, e)), H.select("p.small-text").style("display", "block").text(`${nt}`).style("color", `${Tt}`), Tn(L, H);
+        const { enteringValue: k, exitingValue: j, nodeState: nt, stateColor: St } = tt(G);
+        H.style("opacity", 1), H.select("p.title").text(G.name + " :"), H.select("p.top-label").style("display", "block").text("in " + Ee(k, e)), H.select("p.bottom-label").style("display", "block").text("out " + Ee(j, e)), H.select("p.small-text").style("display", "block").text(`${nt}`).style("color", `${St}`), Tn(L, H);
       }).on("pointermove", (L, G) => {
         Tn(L, H);
       }).on("pointerleave", (L, G) => {
@@ -9591,8 +9591,8 @@ function h1({ data: t, tooltipFormat: e, colorScheme: n = "monochrome" }) {
       const bt = x.select("#tooltip").style("opacity", 0), pt = x.select("svg"), wt = pt.node(), K = pt.select(".plot-area"), ot = me().domain([-1, 2]).range(["#34d399", "#6b21a8"]).interpolate(zd), O = (k) => {
         let j = k;
         for (; j.depth > 1; ) j = j.parent;
-        const nt = j.data.name, Tt = m.current(nt), W = Ge(Tt);
-        if (!W) return Tt;
+        const nt = j.data.name, St = m.current(nt), W = Ge(St);
+        if (!W) return St;
         const q = k.depth, Dt = 0.5;
         return q === 1 ? W.formatHex() : W.darker(q * Dt).formatHex();
       }, Z = (k) => n === "monochrome" ? k.children ? ot(k.depth) : "#f0fdfa" : O(k);
@@ -9644,8 +9644,8 @@ function h1({ data: t, tooltipFormat: e, colorScheme: n = "monochrome" }) {
         }).style("fill-opacity", 1).style("display", "inline")), j != N && ne(this).style("stroke-width", S * H * 2.5).style("stroke", "#e4e4e7");
         const nt = j.data.name === "branches" ? "Total" : j.data.name;
         bt.select("p.name").text(nt);
-        const Tt = j.value ?? 0;
-        bt.select("p.value").text(Ee(Tt, e).toLocaleString()), bt.transition().duration(250).style("opacity", 1), fe(bt, { e: k, svg: wt });
+        const St = j.value ?? 0;
+        bt.select("p.value").text(Ee(St, e).toLocaleString()), bt.transition().duration(250).style("opacity", 1), fe(bt, { e: k, svg: wt });
       }).on("mousemove", (k, j) => {
         fe(bt, { e: k, svg: wt });
       }).on("mouseout", function(k, j) {
@@ -9666,8 +9666,8 @@ function h1({ data: t, tooltipFormat: e, colorScheme: n = "monochrome" }) {
         C != j ? st(j) : it(), L.style("stroke-width", S * H), k.stopPropagation();
       });
       function G(k) {
-        const j = I / D[2], nt = i ? k.sortedX ?? 0 : k.x, Tt = i ? k.sortedY ?? 0 : k.y;
-        return "translate(" + (nt - D[0]) * j + "," + (Tt - D[1]) * j + ")";
+        const j = I / D[2], nt = i ? k.sortedX ?? 0 : k.x, St = i ? k.sortedY ?? 0 : k.y;
+        return "translate(" + (nt - D[0]) * j + "," + (St - D[1]) * j + ")";
       }
       const ft = K.selectAll("text").data(et, (k) => k.data.name).join(
         (k) => k.append("text").attr("class", Fn.circle_pack_label).text((j) => j.data.name).style("font-size", y).style("text-anchor", "middle").style("fill-opacity", 0).style("stroke-opacity", 0).style("display", "none").style("pointer-events", "none").style("text-shadow", "0 1px 0 lightblue, 1px 0 0 lightblue, -1px 0 0 lightblue, 0 -1px 0 lightblue").transition().duration(v).attr("transform", G).style("fill-opacity", function(j) {
@@ -9685,12 +9685,12 @@ function h1({ data: t, tooltipFormat: e, colorScheme: n = "monochrome" }) {
       ft.raise();
       function st(k) {
         C = k;
-        const j = I / 2 - p, nt = A / 2, Tt = w / 2, W = I / D[2], q = (
+        const j = I / 2 - p, nt = A / 2, St = w / 2, W = I / D[2], q = (
           /*currentData==="---"?Math.max((d.r * k),0.25):*/
           k.r * W
         );
         H = q / j, F = j / q;
-        const Rt = ((i ? k.sortedX ?? 0 : k.x) - D[0]) * W, Q = nt - Rt * F, ut = ((i ? k.sortedY ?? 0 : k.y) - D[0]) * W, vt = Tt - ut * F;
+        const Rt = ((i ? k.sortedX ?? 0 : k.x) - D[0]) * W, Q = nt - Rt * F, ut = ((i ? k.sortedY ?? 0 : k.y) - D[0]) * W, vt = St - ut * F;
         K.transition().duration(1e3).attr("transform", "translate(" + Q + "," + vt + ")scale(" + F + ")"), ft.style("font-size", y * H + "px").filter(function($t) {
           return $t.parent === C || this.style.display === "inline";
         }).style("fill-opacity", function($t) {
@@ -9999,7 +9999,7 @@ function d1({
           return W.data.ageRange + "";
         });
         z.domain(nt);
-        const Tt = pt[0].sort(
+        const St = pt[0].sort(
           i ? function(W, q) {
             const Dt = o ? q.data.Total ?? 0 : q.data.female, Rt = o ? W.data.Total ?? 0 : W.data.female;
             return Dt - Rt;
@@ -10009,12 +10009,12 @@ function d1({
         ).map(function(W) {
           return W.data.ageRange + "";
         });
-        I.domain(Tt), k.select(".yMale.axis").transition().duration(v).call(C), k.select(".yFemale.axis").transition().duration(v).attr("transform", "translate(" + R + ", 0)").call(F).style("opacity", wt ? 1 : 0);
-      }, T = (k, j, nt, Tt, W, q) => {
+        I.domain(St), k.select(".yMale.axis").transition().duration(v).call(C), k.select(".yFemale.axis").transition().duration(v).attr("transform", "translate(" + R + ", 0)").call(F).style("opacity", wt ? 1 : 0);
+      }, T = (k, j, nt, St, W, q) => {
         const Dt = wt ? [q, 0] : [0, c ? 1 : q], Rt = wt ? R / 2 : R;
         j.domain([...Dt]).rangeRound([0, Rt]).nice(), k.select(".xMale.axis").transition().duration(v).attr("transform", "translate(0," + E + ")").call(nt).selectAll("text").style("text-anchor", d ? "center" : "end").attr("dx", function(Q) {
           return d ? 0 : -12.8;
-        }), Tt.domain([0, q]).nice(), k.select(".xFemale.axis").transition().duration(v).attr("transform", `translate(0,${E})`).call(W).style("opacity", wt ? 1 : 0).selectAll("text").style("text-anchor", d ? "center" : "end").attr("dx", function(Q) {
+        }), St.domain([0, q]).nice(), k.select(".xFemale.axis").transition().duration(v).attr("transform", `translate(0,${E})`).call(W).style("opacity", wt ? 1 : 0).selectAll("text").style("text-anchor", d ? "center" : "end").attr("dx", function(Q) {
           return d ? 0 : -12.8;
         });
       };
@@ -10025,8 +10025,8 @@ function d1({
       const L = o && !c ? Be.maleTotal : Be.male, G = (k) => {
         if (!o)
           return "none";
-        const j = N(k[1]) - N(k[0]), nt = isNaN(j) ? 0 : j, Tt = z.bandwidth();
-        return `${nt} ${Tt} ${nt + Tt}`;
+        const j = N(k[1]) - N(k[0]), nt = isNaN(j) ? 0 : j, St = z.bandwidth();
+        return `${nt} ${St} ${nt + St}`;
       };
       V.selectAll(".maleBars").data(pt[0], function(k) {
         return k.data.ageRange;
@@ -10036,7 +10036,7 @@ function d1({
         }).attr("height", z.bandwidth()).attr("stroke-dasharray", G).call(
           (j) => j.transition().duration(v).attr("x", function(nt) {
             return N(wt ? nt[1] : 0);
-          }).attr("width", function(nt, Tt) {
+          }).attr("width", function(nt, St) {
             if (!wt) {
               const q = c ? nt[0] / nt.data.Total : nt[0], Dt = c ? nt[1] / nt.data.Total : nt[1], Rt = N(Dt) - N(q);
               return isNaN(Rt) ? 0 : Rt;
@@ -10063,7 +10063,7 @@ function d1({
         return N(wt ? k[1] : 0);
       }).attr("width", function(k, j) {
         if (!wt) {
-          const Tt = c ? k[0] / k.data.Total : k[0], W = c ? k[1] / k.data.Total : k[1], q = N(W) - N(Tt);
+          const St = c ? k[0] / k.data.Total : k[0], W = c ? k[1] / k.data.Total : k[1], q = N(W) - N(St);
           return isNaN(q) ? 0 : q;
         }
         const nt = N(k[0]) - N(k[1]);
@@ -10072,22 +10072,22 @@ function d1({
       const ft = o && !c ? Be.femaleTotal : Be.female, st = (k) => {
         if (!o)
           return "none";
-        const j = N(k[1]) - N(k[0]), nt = isNaN(j) ? 0 : j, Tt = I.bandwidth();
-        return `${nt + Tt + nt} ${Tt}`;
+        const j = N(k[1]) - N(k[0]), nt = isNaN(j) ? 0 : j, St = I.bandwidth();
+        return `${nt + St + nt} ${St}`;
       };
       V.selectAll(".femaleBars").data(pt[1], function(k) {
         return k.data.ageRange;
       }).join(
         (k) => k.append("rect").attr("class", "femaleBars " + ft).attr("stroke-dasharray", st).attr("fill", "#ff6699").attr("width", 0).attr("x", function(j, nt) {
           if (!wt) {
-            const Tt = c ? j[0] / j.data.Total : j[0];
-            return N(Tt);
+            const St = c ? j[0] / j.data.Total : j[0];
+            return N(St);
           }
           return R / 2;
         }).attr("y", function(j, nt) {
           return (wt ? I : z)(j.data.ageRange) ?? 0;
         }).attr("height", I.bandwidth()).call(
-          (j) => j.transition().duration(v).attr("width", function(nt, Tt) {
+          (j) => j.transition().duration(v).attr("width", function(nt, St) {
             if (!wt) {
               const q = c ? nt[0] / nt.data.Total : nt[0], Dt = c ? nt[1] / nt.data.Total : nt[1], Rt = N(Dt) - N(q);
               return isNaN(Rt) ? 0 : Rt;
@@ -10118,7 +10118,7 @@ function d1({
         return R / 2;
       }).attr("width", function(k, j) {
         if (!wt) {
-          const Tt = c ? k[0] / k.data.Total : k[0], W = c ? k[1] / k.data.Total : k[1], q = N(W) - N(Tt);
+          const St = c ? k[0] / k.data.Total : k[0], W = c ? k[1] / k.data.Total : k[1], q = N(W) - N(St);
           return isNaN(q) ? 0 : q;
         }
         const nt = U(k[1]) - U(k[0]);
@@ -10304,7 +10304,7 @@ function p1({ data: t, timeframe: e = "daily", mode: n = "linechart", tooltipFor
     const bt = (W) => W.open >= W.close ? m.bullish : m.bearish;
     n === "candlestick" && $.selectAll("path.candle").data(U).join(
       (W) => W.insert("path", "g.tooltip").attr("class", "candle").attr("d", function(q) {
-        return Tt(q, et);
+        return St(q, et);
       }).style("fill", bt).attr("clip-path", "url(#clip)"),
       void 0,
       (W) => W.remove()
@@ -10312,7 +10312,7 @@ function p1({ data: t, timeframe: e = "daily", mode: n = "linechart", tooltipFor
       const { date: Dt, open: Rt, hi: Q, low: Nt, close: ut, volume: vt } = q, $t = ne(this).node()?.getBBox().width ?? 0;
       Z({ date: Dt, open: Rt, hi: Q, low: Nt, close: ut, volume: vt }), O({ xPos: C(Dt) + $t / 2, low: Nt, volume: vt });
     }).on("pointerleave", X).attr("d", function(W) {
-      return Tt(W, et);
+      return St(W, et);
     }).style("fill", bt);
     const pt = $.select("g.tooltip").style("pointer-events", "none"), wt = _.select("g.tooltip").style("pointer-events", "none");
     $.select("rect.overlay").attr("width", w > 0 ? w : 0).attr("height", S > 0 ? S : 0).style("fill", "none").style("pointer-events", n === "linechart" ? "all" : "none").on("pointerenter pointermove", ot).on("pointerleave", X).on("touchstart", (W) => W.preventDefault());
@@ -10334,7 +10334,7 @@ function p1({ data: t, timeframe: e = "daily", mode: n = "linechart", tooltipFor
       const { xPos: q, low: Dt, volume: Rt } = W;
       pt.style("display", null), pt.attr("transform", `translate(${q},${et(Dt)})`), wt.style("display", null), wt.attr("transform", `translate(${q},${tt(Rt)})`);
     }, Z = (W) => {
-      const { prefix: q, suffix: Dt } = r, { date: Rt, open: Q, hi: Nt, low: ut, close: vt, volume: $t } = W, Lt = pt.selectAll("path").data([null]).join("path").attr("fill", "white").attr("stroke", "black"), qt = pt.selectAll("text").data([null]).join("text").call((Ht) => Ht.selectAll("tspan").data([
+      const { prefix: q, suffix: Dt } = r, { date: Rt, open: Q, hi: Nt, low: ut, close: vt, volume: $t } = W, Lt = pt.selectAll("path").data([null]).join("path").attr("fill", "white").attr("stroke", "black"), qt = pt.selectAll("text").data([null]).join("text").call((Ft) => Ft.selectAll("tspan").data([
         K(Rt),
         `open: ${Ee(Q, { prefix: q, suffix: Dt })}`,
         `hi: ${Ee(Nt, { prefix: q, suffix: Dt })}`,
@@ -10342,7 +10342,7 @@ function p1({ data: t, timeframe: e = "daily", mode: n = "linechart", tooltipFor
         `close: ${Ee(vt, { prefix: q, suffix: Dt })}`
       ]).join("tspan").attr("x", 0).attr("y", (te, se) => `${se * 1.1}em`).attr("font-weight", (te, se) => se ? null : "bold").style("align", "right").text((te) => te));
       T(qt, Lt);
-      const ie = wt.selectAll("path").data([null]).join("path").attr("fill", "white").attr("stroke", "black"), Gt = wt.selectAll("text").data([null]).join("text").call((Ht) => Ht.selectAll("tspan").data(["Trading Volume", Ee($t)]).join("tspan").attr("x", 0).attr("y", (te, se) => `${se * 1.1}em`).attr("font-weight", (te, se) => se ? null : "bold").text((te) => te));
+      const ie = wt.selectAll("path").data([null]).join("path").attr("fill", "white").attr("stroke", "black"), Gt = wt.selectAll("text").data([null]).join("text").call((Ft) => Ft.selectAll("tspan").data(["Trading Volume", Ee($t)]).join("tspan").attr("x", 0).attr("y", (te, se) => `${se * 1.1}em`).attr("font-weight", (te, se) => se ? null : "bold").text((te) => te));
       T(Gt, ie), R.transition().duration(l / 4).style("opacity", 0);
     };
     function X(W) {
@@ -10375,12 +10375,12 @@ function p1({ data: t, timeframe: e = "daily", mode: n = "linechart", tooltipFor
       R.append("path").attr("class", "line").datum(W.values).attr("fill", "none").attr("stroke", u[q]).attr("stroke-width", 1).attr("d", st).attr("clip-path", "url(#clip)");
     }), R.selectAll("path.candle").remove(), n === "candlestick" && R.selectAll("path.candle").data(U).join(
       (W) => W.insert("path", "g.tooltip").attr("class", "candle").attr("d", function(q) {
-        return Tt(q, ft);
+        return St(q, ft);
       }).style("fill", bt).attr("clip-path", "url(#clip)"),
       void 0,
       (W) => W.remove()
     ).attr("d", function(W) {
-      return Tt(W, ft);
+      return St(W, ft);
     }).style("fill", bt), R.select(".x-axis").attr("transform", "translate(0," + x + ")").call(he(G)).selectAll("text").attr("class", F);
     const it = Yc().extent([[0, 0], [s, x]]).on("brush", k);
     R.append("g").attr("class", "brush").call(it);
@@ -10393,14 +10393,14 @@ function p1({ data: t, timeframe: e = "daily", mode: n = "linechart", tooltipFor
     });
     const j = () => {
       $.select(".x-axis").call(he(C)).selectAll("text").attr("class", F), n === "candlestick" ? $.selectAll("path.candle").attr("d", function(W) {
-        return Tt(W, et);
+        return St(W, et);
       }) : n === "linechart" && $.selectAll("path.chartline").attr("d", dt), _.select(".x-axis").call(he(C)).selectAll("text").attr("class", F), _.selectAll("path.area").attr("d", L);
     };
     function nt() {
       const W = C(U[1].date) - C(U[0].date), q = (W - W * 0.2) / 2;
       return { barWidth: W, shoulderWidth: q };
     }
-    function Tt(W, q) {
+    function St(W, q) {
       let Dt, Rt;
       W.open >= W.close ? (Dt = W.open, Rt = W.close) : (Dt = W.close, Rt = W.open);
       const { barWidth: Q, shoulderWidth: Nt } = nt();
@@ -10875,10 +10875,10 @@ function y1({
     }).on("pointerleave", function(ut, vt) {
       et.style("opacity", 0);
     });
-    const Tt = 12;
+    const St = 12;
     function W(ut, vt) {
       const $t = ft(ut, vt), Lt = st(ut, vt);
-      return $t + Lt / 2 + Tt / 2;
+      return $t + Lt / 2 + St / 2;
     }
     function q(ut, vt) {
       const $t = G(ut), Lt = X.bandwidth();
@@ -10888,8 +10888,8 @@ function y1({
       return st(ut, vt) < 20 ? 0 : 1;
     }
     const Rt = B.selectAll(".label").data(N, (ut) => ut.label).join(
-      (ut) => ut.append("text").attr("class", `label ${xe.label}`).text((vt) => ge("~s")(d !== "waterfall" ? Math.abs(vt.value) : vt.value)).attr("text-anchor", "middle").style("font-size", Tt).style("font-weight", "bold").style("pointer-events", "none").style("opacity", 0).attr("x", q).attr("y", W).transition().duration(_).style("opacity", Dt).attr("x", q).attr("y", W),
-      (ut) => ut.attr("class", `label ${xe.label}`).text((vt) => ge("~s")(d !== "waterfall" ? Math.abs(vt.value) : vt.value)).attr("text-anchor", "middle").style("font-size", Tt).style("font-weight", "bold").transition().duration(_).style("opacity", Dt).attr("x", q).attr("y", W),
+      (ut) => ut.append("text").attr("class", `label ${xe.label}`).text((vt) => ge("~s")(d !== "waterfall" ? Math.abs(vt.value) : vt.value)).attr("text-anchor", "middle").style("font-size", St).style("font-weight", "bold").style("pointer-events", "none").style("opacity", 0).attr("x", q).attr("y", W).transition().duration(_).style("opacity", Dt).attr("x", q).attr("y", W),
+      (ut) => ut.attr("class", `label ${xe.label}`).text((vt) => ge("~s")(d !== "waterfall" ? Math.abs(vt.value) : vt.value)).attr("text-anchor", "middle").style("font-size", St).style("font-weight", "bold").transition().duration(_).style("opacity", Dt).attr("x", q).attr("y", W),
       (ut) => ut.transition().duration(_).style("opacity", 0).remove()
     ), Q = N.map((ut, vt) => ({
       label: ut.label,
@@ -11067,11 +11067,11 @@ function x1({
     }), k = st.map((ct, P) => {
       const at = P === st.length - 1;
       return Math.max(ct.start, at ? ct.value : ct.end);
-    }), j = p === "inflows" || p === "outflows" ? p : "waterfall", nt = st.filter((ct) => ct.type !== "total"), Tt = j === "waterfall" ? nt : nt.filter((ct) => j === "inflows" ? ct.start <= ct.end : ct.start > ct.end).sort((ct, P) => x ? Math.abs(P.value) - Math.abs(ct.value) : 0), W = j === "waterfall" ? Math.min(...it) : 0, q = Math.max(...j === "waterfall" ? k : Tt.map((ct) => Math.abs(ct.value))), Dt = Math.min(0, ue(G) ?? 0), Rt = Math.max(0, Qt(G) ?? 0), Q = me().domain(
+    }), j = p === "inflows" || p === "outflows" ? p : "waterfall", nt = st.filter((ct) => ct.type !== "total"), St = j === "waterfall" ? nt : nt.filter((ct) => j === "inflows" ? ct.start <= ct.end : ct.start > ct.end).sort((ct, P) => x ? Math.abs(P.value) - Math.abs(ct.value) : 0), W = j === "waterfall" ? Math.min(...it) : 0, q = Math.max(...j === "waterfall" ? k : St.map((ct) => Math.abs(ct.value))), Dt = Math.min(0, ue(G) ?? 0), Rt = Math.max(0, Qt(G) ?? 0), Q = me().domain(
       R === -1 ? [Dt, Rt] : [W, q]
     ).range([T, 0]).nice(), Nt = _e(Q).ticks(5, "s").tickSize(-X);
     bt.select(".y-axis").attr("transform", "translate(0, 0)").transition().duration(z).call(Nt);
-    const ut = p === "open" && x ? F.map((ct) => ct.label) : p === "close" && x ? V.map((ct) => ct.label) : B.map((ct) => ct.label), vt = j === "waterfall" ? st.map((ct) => ct.label === "Opening" ? "open" : ct.label === "Closing" ? "close" : ct.label) : Tt.map((ct) => ct.label), $t = R === -1 ? ut : vt, Lt = Ze().domain($t).rangeRound([0, X]).padding(0.2), qt = he(Lt).tickValues(Lt.domain()).scale(Lt).tickSizeOuter(0), ie = Ze().domain(et).range([0, Lt.bandwidth()]).padding(0.05), te = `${$i(g, $t) ? `${J.rotatedAxisText} ${xe["axis-label-sm"]}` : `${J.axisText} ${xe["axis-label"]}`} ${xe["clickable-label"]}`;
+    const ut = p === "open" && x ? F.map((ct) => ct.label) : p === "close" && x ? V.map((ct) => ct.label) : B.map((ct) => ct.label), vt = j === "waterfall" ? st.map((ct) => ct.label === "Opening" ? "open" : ct.label === "Closing" ? "close" : ct.label) : St.map((ct) => ct.label), $t = R === -1 ? ut : vt, Lt = Ze().domain($t).rangeRound([0, X]).padding(0.2), qt = he(Lt).tickValues(Lt.domain()).scale(Lt).tickSizeOuter(0), ie = Ze().domain(et).range([0, Lt.bandwidth()]).padding(0.05), te = `${$i(g, $t) ? `${J.rotatedAxisText} ${xe["axis-label-sm"]}` : `${J.axisText} ${xe["axis-label"]}`} ${xe["clickable-label"]}`;
     bt.select(".x-axis").transition().duration(z).call(qt).attr("transform", `translate(0, ${T})`).selectAll("text").attr("class", `${te}`), bt.select(".x-axis").selectAll("path").style("display", "none"), bt.select(".x-axis").selectAll("text").on("click", function(ct, P) {
       v === -1 && (d(ut.indexOf(P)), $(""), A(!1));
     }), bt.select("line.zero-line").attr("x1", 0).attr("y1", 0).attr("x2", X).attr("y2", 0).transition().duration(z).attr("transform", `translate(0, ${Q(0) || 0})`);
@@ -11081,7 +11081,7 @@ function x1({
       barWidth: at,
       yPos: ht,
       barHeight: Ct,
-      labelFor: St
+      labelFor: Tt
     }) => {
       const Et = ct[0] && "data" in ct[0] ? "openClose" : "waterfall";
       function Bt(Ot, Kt) {
@@ -11092,37 +11092,37 @@ function x1({
         return Ve + Xe / 2 + se / 2;
       }
       function Zt(Ot, Kt) {
-        return p === "open" && St === "close" || p === "close" && St === "open" ? 0 : Ct(Ot, Kt) >= 20 && at >= 20 ? 1 : 0;
+        return p === "open" && Tt === "close" || p === "close" && Tt === "open" ? 0 : Ct(Ot, Kt) >= 20 && at >= 20 ? 1 : 0;
       }
       const pe = (Ot) => {
         const Kt = Et === "openClose" ? Ot.data.value : Ot.value;
         return ge("~s")(j !== "waterfall" ? Math.abs(Kt) : Kt);
-      }, Pt = St ? `${St}label` : "label";
+      }, Pt = Tt ? `${Tt}label` : "label";
       return bt.selectAll(`.${Pt}`).data(
         ct,
-        (Ot) => Ot?.label + `${St ? "-" + St : ""}`
+        (Ot) => Ot?.label + `${Tt ? "-" + Tt : ""}`
       ).join(
         (Ot) => Ot.append("text").attr("class", `${Pt} ${xe.label}`).text(pe).attr("text-anchor", "middle").style("font-size", se).style("font-weight", "bold").style("pointer-events", "none").style("opacity", 0).attr("x", Bt).attr("y", Q(0)).transition().duration(z).style("opacity", Zt).attr("x", Bt).attr("y", Wt),
         (Ot) => Ot.attr("class", `${Pt} ${xe.label}`).text(pe).attr("text-anchor", "middle").style("font-size", se).style("font-weight", "bold").transition().duration(z).style("opacity", Zt).attr("x", Bt).attr("y", Wt),
         (Ot) => Ot.remove()
       );
-    }, yt = (ct, P) => R === -1 ? (Lt(ct.label) ?? 0) + (ie(P) ?? 0) : Lt(P) ?? 0, _t = R === -1 && p !== "open" && p !== "close" ? ie.bandwidth() : Lt.bandwidth(), It = (ct, P) => yt(ct, "open"), gt = (ct, P) => R === -1 ? ct.data.value >= 0 ? Q(ct.data.value) : Q(0) : Q(Math.max(ct.data.start, ct.data.end)), At = (ct, P) => Math.abs(R === -1 ? Q(ct.data.value) - Q(0) : Q(ct.data.start) - Q(ct.data.end)), Y = bt.selectAll("rect.open").data(
+    }, gt = (ct, P) => R === -1 ? (Lt(ct.label) ?? 0) + (ie(P) ?? 0) : Lt(P) ?? 0, _t = R === -1 && p !== "open" && p !== "close" ? ie.bandwidth() : Lt.bandwidth(), Ht = (ct, P) => gt(ct, "open"), xt = (ct, P) => R === -1 ? ct.data.value >= 0 ? Q(ct.data.value) : Q(0) : Q(Math.max(ct.data.start, ct.data.end)), Mt = (ct, P) => Math.abs(R === -1 ? Q(ct.data.value) - Q(0) : Q(ct.data.start) - Q(ct.data.end)), Y = bt.selectAll("rect.open").data(
       F,
       (ct) => ct?.label || " - open"
     ).join(
-      (ct) => ct.append("rect").attr("class", `open ${J.bar}`).attr("fill", be.open).attr("y", Q(0) ?? 0).attr("height", 0).attr("x", It).attr("width", _t),
+      (ct) => ct.append("rect").attr("class", `open ${J.bar}`).attr("fill", be.open).attr("y", Q(0) ?? 0).attr("height", 0).attr("x", Ht).attr("width", _t),
       void 0,
       (ct) => ct.remove()
     );
-    Y.transition().duration(z).attr("x", It).attr("width", _t).attr("y", gt).attr("height", At).style("opacity", p !== "close" ? 1 : 0).style("pointer-events", p !== "close" ? "auto" : "none"), rt({
+    Y.transition().duration(z).attr("x", Ht).attr("width", _t).attr("y", xt).attr("height", Mt).style("opacity", p !== "close" ? 1 : 0).style("pointer-events", p !== "close" ? "auto" : "none"), rt({
       labelData: F,
-      xPos: It,
+      xPos: Ht,
       barWidth: _t,
-      yPos: gt,
-      barHeight: At,
+      yPos: xt,
+      barHeight: Mt,
       labelFor: "open"
     });
-    const mt = (ct, P) => yt(ct, p === "close" ? "open" : "close"), Mt = (ct, P) => R === -1 ? ct.data.value >= 0 ? Q(ct.data.value) : Q(0) : ct.data.start <= ct.data.end ? Q(ct.data.value) : Q(0), jt = (ct, P) => {
+    const mt = (ct, P) => gt(ct, p === "close" ? "open" : "close"), At = (ct, P) => R === -1 ? ct.data.value >= 0 ? Q(ct.data.value) : Q(0) : ct.data.start <= ct.data.end ? Q(ct.data.value) : Q(0), jt = (ct, P) => {
       if (R === -1)
         return Math.abs(Q(ct.data.value) - Q(0));
       {
@@ -11141,11 +11141,11 @@ function x1({
       void 0,
       (ct) => ct.remove()
     );
-    ee.transition().duration(z).attr("x", mt).attr("width", _t).attr("y", Mt).attr("height", jt).attr("fill", "orange").style("opacity", p !== "open" ? 1 : 0).style("pointer-events", p !== "open" ? "auto" : "none"), rt({
+    ee.transition().duration(z).attr("x", mt).attr("width", _t).attr("y", At).attr("height", jt).attr("fill", "orange").style("opacity", p !== "open" ? 1 : 0).style("pointer-events", p !== "open" ? "auto" : "none"), rt({
       labelData: V,
       xPos: mt,
       barWidth: _t,
-      yPos: Mt,
+      yPos: At,
       barHeight: jt,
       labelFor: "close"
     });
@@ -11155,7 +11155,7 @@ function x1({
     function lt(ct, P) {
       return j === "waterfall" ? ct.type === "total" && P > 0 ? ct.start <= ct.end ? Q(ct.value) : Q(0) : Q(Math.max(ct.start, ct.end)) : Q(Math.abs(ct.value));
     }
-    function xt(ct, P) {
+    function yt(ct, P) {
       if (j === "waterfall") {
         const at = Math.abs(Q(ct.start) - Q(ct.end));
         if (ct.type === "total" && P > 0)
@@ -11171,22 +11171,22 @@ function x1({
     function kt(ct) {
       return ct.start <= ct.end ? be.inflows : be.outflows;
     }
-    const Ft = bt.selectAll(".bar").data(Tt, (ct) => ct.label).join(
+    const It = bt.selectAll(".bar").data(St, (ct) => ct.label).join(
       (ct) => ct.append("rect").attr("class", `bar ${J.bar}`).attr("x", re).attr("width", Lt.bandwidth()).attr(
         "y",
         (P, at) => w.current === "data" ? P.type === "total" ? Q(0) : Q(P.start) : Q(0)
-      ).attr("height", 0).attr("rx", 5).attr("ry", 5).style("fill", kt).transition().duration(z).attr("y", lt).attr("height", xt).on("end", function(P, at) {
+      ).attr("height", 0).attr("rx", 5).attr("ry", 5).style("fill", kt).transition().duration(z).attr("y", lt).attr("height", yt).on("end", function(P, at) {
         w.current === "data" && j === "waterfall" ? at === B.length - 1 && (y.current = !0) : y.current = !0;
       }),
-      (ct) => (ct.transition().duration(z).style("fill", kt).attr("x", re).attr("width", Lt.bandwidth()).attr("y", lt).attr("height", xt).attr("rx", 5).attr("ry", 5), ct),
+      (ct) => (ct.transition().duration(z).style("fill", kt).attr("x", re).attr("width", Lt.bandwidth()).attr("y", lt).attr("height", yt).attr("rx", 5).attr("ry", 5), ct),
       (ct) => ct.transition().duration(z).style("opacity", 0).remove()
     );
     rt({
-      labelData: Tt,
+      labelData: St,
       xPos: re,
       barWidth: Lt.bandwidth(),
       yPos: lt,
-      barHeight: xt
+      barHeight: yt
     });
     const le = (p === "" || p === "open") && R === -1 ? C.map((ct) => ({ label: ct.label, value: ct.data.value })) : [];
     Yr(
@@ -11232,7 +11232,7 @@ function x1({
         dotFill: be.close
       }
     );
-    const on = (j === "waterfall" ? st : Tt).map((ct, P) => ({
+    const on = (j === "waterfall" ? st : St).map((ct, P) => ({
       label: ct.label === "Opening" ? "open" : ct.label === "Closing" ? "close" : ct.label,
       value: j !== "waterfall" ? Math.abs(ct.value) : P !== st.length - 1 ? ct.end : ct.value
     })), Ai = j === "waterfall" ? "#2b2b22" : be[j];
@@ -11272,7 +11272,7 @@ function x1({
     }, Nr = () => {
       oe.style("opacity", 0);
     };
-    Y.on("pointerenter", fa).on("pointermove", Mr).on("pointerleave", Nr), ee.on("pointerenter", fa).on("pointermove", Mr).on("pointerleave", Nr), Ft.on("pointerenter", function(ct, P) {
+    Y.on("pointerenter", fa).on("pointermove", Mr).on("pointerleave", Nr), ee.on("pointerenter", fa).on("pointermove", Mr).on("pointerleave", Nr), It.on("pointerenter", function(ct, P) {
       const { label: at, value: ht } = P;
       jn(at, ht), j === "waterfall" ? (oe.select("p.from").style("display", "flex"), oe.select("p.from span.label").text("from: "), oe.select("p.from span.value").text(ke(P.start, An)), oe.select("p.to").style("display", "flex"), oe.select("p.to span.label").text("to: "), oe.select("p.to span.value").text(ke(P.end, An))) : (oe.select("p.from").style("display", "none"), oe.select("p.to").style("display", "none")), oe.style("opacity", 1);
     }).on("pointermove", Mr).on("pointerleave", Nr);
@@ -11499,9 +11499,9 @@ function m1({
     function G(it, k) {
       const j = k[p[0]], nt = k[p[1]];
       U.style("opacity", 1), U.select("p.label").text(k.label), U.select("p.change span.from span.value").text(ke(j, L)), U.select("p.change span.to span.value").text(ke(nt, L));
-      const Tt = nt - j;
-      U.select("p.total span.label span.text").text(ke(Tt, L)), U.select("p.total span.label span.chev").style("color", Tt >= 0 ? "#22c55e" : "#ef4444").text(
-        Tt > 0 ? "▲" : Tt < 0 ? "▼" : ""
+      const St = nt - j;
+      U.select("p.total span.label span.text").text(ke(St, L)), U.select("p.total span.label span.chev").style("color", St >= 0 ? "#22c55e" : "#ef4444").text(
+        St > 0 ? "▲" : St < 0 ? "▼" : ""
       ), fe(U, { e: it, svg: _, yScale: D });
     }
     function ft(it, k) {
@@ -11848,10 +11848,10 @@ function v1({
     const X = 0.3;
     ot.on("pointerenter", function(T, tt) {
       T.stopPropagation(), ot.filter((q) => q.index !== tt.index).style("opacity", X), pt.filter((q) => q.source.index !== tt.index && q.target.index !== tt.index).style("opacity", X);
-      const L = pt.filter((q) => q.target.index === tt.index && q.source.index !== tt.index), G = pt.filter((q) => q.source.index === tt.index && q.target.index !== tt.index), ft = pt.filter((q) => q.source.index === tt.index && q.target.index === tt.index), st = L.data(), it = G.data(), k = ft.data(), j = st.reduce((q, Dt) => q + Dt.target.value, 0), nt = it.reduce((q, Dt) => q + Dt.source.value, 0), Tt = k.reduce((q, Dt) => q + Dt.source.value, 0);
+      const L = pt.filter((q) => q.target.index === tt.index && q.source.index !== tt.index), G = pt.filter((q) => q.source.index === tt.index && q.target.index !== tt.index), ft = pt.filter((q) => q.source.index === tt.index && q.target.index === tt.index), st = L.data(), it = G.data(), k = ft.data(), j = st.reduce((q, Dt) => q + Dt.target.value, 0), nt = it.reduce((q, Dt) => q + Dt.source.value, 0), St = k.reduce((q, Dt) => q + Dt.source.value, 0);
       $.style("opacity", 1);
       const W = B[tt.index];
-      $.select("p.name").style("display", "block").text(W), $.select("p.value1").style("display", "flex"), $.select("p.value1 span.label").text("inflows: "), $.select("p.value1 span.value").text(`${e}${Wn(j)}${n}`), $.select("p.value2").style("display", "flex"), $.select("p.value2 span.label").text("outflows: "), $.select("p.value2 span.value").text(`${e}${Wn(nt)}${n}`), $.select("p.selfValue").style("display", "flex"), $.select("p.selfValue span.label").text("internal: "), $.select("p.selfValue span.value").text(`${e}${Wn(Tt)}${n}`), fe($, { e: T, svg: S });
+      $.select("p.name").style("display", "block").text(W), $.select("p.value1").style("display", "flex"), $.select("p.value1 span.label").text("inflows: "), $.select("p.value1 span.value").text(`${e}${Wn(j)}${n}`), $.select("p.value2").style("display", "flex"), $.select("p.value2 span.label").text("outflows: "), $.select("p.value2 span.value").text(`${e}${Wn(nt)}${n}`), $.select("p.selfValue").style("display", "flex"), $.select("p.selfValue span.label").text("internal: "), $.select("p.selfValue span.value").text(`${e}${Wn(St)}${n}`), fe($, { e: T, svg: S });
     }).on("pointermove", (T, tt) => {
       fe($, { e: T, svg: S });
     }).on("pointerleave", function(T, tt) {
@@ -12081,23 +12081,23 @@ function b1({
         //(rangeMax - rangeMin) / binCount
         (vt - ut) / 15
       );
-      const { mode: Lt, value: qt, compareConsolidate: ie } = n, Gt = Q.valueKey || "", Ht = lf().value((rt) => rt[Gt]).domain(
+      const { mode: Lt, value: qt, compareConsolidate: ie } = n, Gt = Q.valueKey || "", Ft = lf().value((rt) => rt[Gt]).domain(
         ie ? [K, ot] : [ut, vt]
       );
-      function te(rt, yt, _t) {
+      function te(rt, gt, _t) {
         if (_t <= 0)
           throw new Error("interval must be greater than 0");
-        let It = Math.floor(rt / _t) * _t, gt = Math.ceil(yt / _t) * _t;
-        It >= rt && (It -= _t), gt <= yt && (gt += _t);
-        const At = [];
-        for (let Y = It; Y <= gt; Y += _t)
-          At.push(Y);
-        return At;
+        let Ht = Math.floor(rt / _t) * _t, xt = Math.ceil(gt / _t) * _t;
+        Ht >= rt && (Ht -= _t), xt <= gt && (xt += _t);
+        const Mt = [];
+        for (let Y = Ht; Y <= xt; Y += _t)
+          Mt.push(Y);
+        return Mt;
       }
       if (Lt === "arbitrary")
-        Ht.thresholds(O.ticks(qt));
+        Ft.thresholds(O.ticks(qt));
       else if (Lt === "fixed")
-        Ht.thresholds(
+        Ft.thresholds(
           Wa(
             ut,
             //rangeMin
@@ -12108,9 +12108,9 @@ function b1({
         );
       else if (Lt === "interval") {
         const rt = te(ut, vt, qt);
-        Ht.thresholds(rt);
-      } else Lt === "custom" ? Ht.thresholds(qt) : Lt === "algorithm" && (qt === "Freedman-Diaconis" ? Ht.thresholds(cf) : qt === "Scott" ? Ht.thresholds(uf) : qt === "Sturges" && Ht.thresholds(nc));
-      return Ht(Q.data);
+        Ft.thresholds(rt);
+      } else Lt === "custom" ? Ft.thresholds(qt) : Lt === "algorithm" && (qt === "Freedman-Diaconis" ? Ft.thresholds(cf) : qt === "Scott" ? Ft.thresholds(uf) : qt === "Sturges" && Ft.thresholds(nc));
+      return Ft(Q.data);
     }, X = N ? [
       Z(pt),
       []
@@ -12176,7 +12176,7 @@ function b1({
       },
       (Q) => Q.style("color", ze).transition().duration(U).style("opacity", 0).style("top", "53px").remove()
     );
-    const j = Math.max(...X[0].map((Q) => Q?.length)), nt = Math.max(...X[1].map((Q) => Q?.length)), Tt = Math.max(j, nt), W = N ? Z(pt).filter((Q) => Q.length > 0).sort((Q, Nt) => Nt.length - Q.length).map((Q) => Q.x0 + "-" + Q.x1) : [], q = B.select("#tooltip").style("opacity", 0), Dt = { prefix: s, suffix: o, formatType: l };
+    const j = Math.max(...X[0].map((Q) => Q?.length)), nt = Math.max(...X[1].map((Q) => Q?.length)), St = Math.max(j, nt), W = N ? Z(pt).filter((Q) => Q.length > 0).sort((Q, Nt) => Nt.length - Q.length).map((Q) => Q.x0 + "-" + Q.x1) : [], q = B.select("#tooltip").style("opacity", 0), Dt = { prefix: s, suffix: o, formatType: l };
     function Rt(Q, Nt) {
       const ut = !N && e === "compare", vt = N ? t.valueKey ?? 0 : t.data[Nt - 1].valueKey ?? 0, $t = Nt === 1 ? D.select(".layer-1") : D.select(".layer-2");
       Nt === 1 ? $t.transition().duration(U).attr(
@@ -12187,21 +12187,21 @@ function b1({
         `translate(
                             0, 
                             ${i === "vertical" && ut ? H / 2 : 0})`
-      ), E && (a && (Q = Q.filter((rt) => rt.length > 0)), Q.sort((rt, yt) => yt.length - rt.length));
-      const Lt = me().domain([K, ot]).range(i === "vertical" ? [0, F] : [0, H]), qt = Q.map((rt) => rt.x0 + "-" + rt.x1), ie = Nt === 2 && qt.length === 0 ? W : qt, Gt = Ze().domain(ie).rangeRound(i === "vertical" ? [0, F] : [0, H]), Ht = me().domain([0, Tt]).nice();
+      ), E && (a && (Q = Q.filter((rt) => rt.length > 0)), Q.sort((rt, gt) => gt.length - rt.length));
+      const Lt = me().domain([K, ot]).range(i === "vertical" ? [0, F] : [0, H]), qt = Q.map((rt) => rt.x0 + "-" + rt.x1), ie = Nt === 2 && qt.length === 0 ? W : qt, Gt = Ze().domain(ie).rangeRound(i === "vertical" ? [0, F] : [0, H]), Ft = me().domain([0, St]).nice();
       if (Nt === 1) {
-        Ht.range(
+        Ft.range(
           i === "vertical" ? [ut ? H / 2 : H, 0] : [0, ut ? F / 2 : F]
         ).nice();
-        const rt = i === "vertical" && (!I || E) ? N ? J.rotatedAxisText : J.rotatedTopAxisText : J.axisText, yt = pa(i === "vertical" ? E ? Gt : Lt : Ht);
-        i === "vertical" ? yt.tickSizeOuter(0).ticks(10) : yt.tickSizeOuter(0).ticks(5, "s").tickSize(-H), $t.select(".x-axis").transition().duration(U).call(yt).attr(
+        const rt = i === "vertical" && (!I || E) ? N ? J.rotatedAxisText : J.rotatedTopAxisText : J.axisText, gt = pa(i === "vertical" ? E ? Gt : Lt : Ft);
+        i === "vertical" ? gt.tickSizeOuter(0).ticks(10) : gt.tickSizeOuter(0).ticks(5, "s").tickSize(-H), $t.select(".x-axis").transition().duration(U).call(gt).attr(
           "transform",
           "translate(0, 0)"
         ).style(
           "opacity",
           i === "horizontal" || !N && E ? 1 : 0
         ).selectAll("text").attr("class", rt);
-        const _t = i === "vertical" ? _e(Ht) : hs(E ? Gt : Lt);
+        const _t = i === "vertical" ? _e(Ft) : hs(E ? Gt : Lt);
         i === "vertical" ? _t.ticks(5, "s").tickSize(-F) : _t.tickSizeOuter(0), $t.select(".y-axis").transition().duration(U).attr(
           "transform",
           `translate(
@@ -12210,84 +12210,84 @@ function b1({
                     )`
         ).style("opacity", ut ? 1 : 0).call(_t);
       } else {
-        Ht.range(
+        Ft.range(
           i === "vertical" ? ut ? [0, H / 2] : [H, 0] : ut ? [F / 2, 0] : [0, F]
         ).nice();
-        const rt = i === "vertical" && (!I || E) ? J.rotatedAxisText : J.axisText, yt = i === "vertical" ? he(E ? Gt : Lt) : pa(Ht);
-        i === "vertical" ? yt.tickSizeOuter(0).ticks(10) : yt.tickSizeOuter(0).ticks(5, "s").tickSize(H), $t.select(".x-axis").attr(
+        const rt = i === "vertical" && (!I || E) ? J.rotatedAxisText : J.axisText, gt = i === "vertical" ? he(E ? Gt : Lt) : pa(Ft);
+        i === "vertical" ? gt.tickSizeOuter(0).ticks(10) : gt.tickSizeOuter(0).ticks(5, "s").tickSize(H), $t.select(".x-axis").attr(
           "transform",
           `translate(0, ${i === "vertical" && ut ? H / 2 : H})`
-        ).transition().duration(U).call(yt).selectAll("text").attr("class", rt);
-        const _t = _e(i === "vertical" ? Ht : E ? Gt : Lt);
+        ).transition().duration(U).call(gt).selectAll("text").attr("class", rt);
+        const _t = _e(i === "vertical" ? Ft : E ? Gt : Lt);
         i === "vertical" ? _t.ticks(5, "s").tickSize(-F) : _t.tickSizeOuter(0), $t.select(".y-axis").transition().duration(U).call(_t);
       }
       const te = (rt) => (Lt(rt.x0) || 0) < Lt(0) ? Nt === 1 ? st.layer1.negative : st.layer2.negative : N ? st.base : Nt === 1 ? st.layer1.positive : st.layer2.positive;
       $t.selectAll("rect.bar").data(Q, (rt) => rt.x0 + "-" + rt.x1).join(
-        (rt) => rt.append("rect").attr("class", `bar ${J.bar}`).attr("x", function(yt) {
-          return i === "vertical" ? (E ? Gt(yt.x0 + "-" + yt.x1) : Lt(yt.x0) || 0) || 0 : Ht(0);
-        }).attr("width", function(yt) {
-          return i === "vertical" ? E ? Gt.bandwidth() : Lt(yt.x1) - Lt(yt.x0) || 0 : 0;
-        }).style("fill", "#4ade80").style("stroke", "#394447").attr("y", function(yt) {
-          return i === "vertical" ? Ht(0) : (E ? Gt(yt.x0 + "-" + yt.x1) : Lt(yt.x0) || 0) || 0;
-        }).attr("height", function(yt) {
-          return i === "vertical" ? 0 : E ? Gt.bandwidth() : Lt(yt.x1) - Lt(yt.x0) || 0;
+        (rt) => rt.append("rect").attr("class", `bar ${J.bar}`).attr("x", function(gt) {
+          return i === "vertical" ? (E ? Gt(gt.x0 + "-" + gt.x1) : Lt(gt.x0) || 0) || 0 : Ft(0);
+        }).attr("width", function(gt) {
+          return i === "vertical" ? E ? Gt.bandwidth() : Lt(gt.x1) - Lt(gt.x0) || 0 : 0;
+        }).style("fill", "#4ade80").style("stroke", "#394447").attr("y", function(gt) {
+          return i === "vertical" ? Ft(0) : (E ? Gt(gt.x0 + "-" + gt.x1) : Lt(gt.x0) || 0) || 0;
+        }).attr("height", function(gt) {
+          return i === "vertical" ? 0 : E ? Gt.bandwidth() : Lt(gt.x1) - Lt(gt.x0) || 0;
         }),
         void 0,
-        (rt) => rt.transition().duration(U).attr("y", Ht(0)).attr("height", 0).style("fill", "#a1a1aa").style("opacity", 0).remove()
-      ).on("pointerenter", function(rt, yt) {
-        q.select("p.range span.badge").style("background", te(yt)), q.select("p.range span.label").text(`
-                            ${ke(yt.x0 ?? 0, Dt)}
+        (rt) => rt.transition().duration(U).attr("y", Ft(0)).attr("height", 0).style("fill", "#a1a1aa").style("opacity", 0).remove()
+      ).on("pointerenter", function(rt, gt) {
+        q.select("p.range span.badge").style("background", te(gt)), q.select("p.range span.label").text(`
+                            ${ke(gt.x0 ?? 0, Dt)}
                             <= ${vt} < 
-                            ${ke(yt.x1 ?? 0, Dt)}
+                            ${ke(gt.x1 ?? 0, Dt)}
                         `);
-        const _t = yt.length;
+        const _t = gt.length;
         q.select("p.amount").text(`
                                 ${_t} 
                                 member${_t > 1 ? "s" : ""}
-                            `), q.style("opacity", 1), fe(q, { e: rt, svg: et, yScale: Ht });
-      }).on("pointermove", function(rt, yt) {
-        fe(q, { e: rt, svg: et, yScale: Ht });
-      }).on("pointerleave", function(rt, yt) {
+                            `), q.style("opacity", 1), fe(q, { e: rt, svg: et, yScale: Ft });
+      }).on("pointermove", function(rt, gt) {
+        fe(q, { e: rt, svg: et, yScale: Ft });
+      }).on("pointerleave", function(rt, gt) {
         q.style("opacity", 0);
-      }).on("dblclick", function(rt, yt) {
-        const _t = t, It = N ? _t.valueKey ?? "" : _t.data[Nt - 1].valueKey ?? "";
-        _({ valueKey: It, data: yt });
-      }).on("touchend", function(rt, yt) {
+      }).on("dblclick", function(rt, gt) {
+        const _t = t, Ht = N ? _t.valueKey ?? "" : _t.data[Nt - 1].valueKey ?? "";
+        _({ valueKey: Ht, data: gt });
+      }).on("touchend", function(rt, gt) {
         const _t = Date.now();
         if (_t - R.current <= 300) {
-          const gt = t, At = N ? gt.valueKey ?? "" : gt.data[Nt - 1].valueKey ?? "";
-          _({ valueKey: At, data: yt });
+          const xt = t, Mt = N ? xt.valueKey ?? "" : xt.data[Nt - 1].valueKey ?? "";
+          _({ valueKey: Mt, data: gt });
         }
         R.current = _t;
       }).transition().duration(U).style("fill", te).attr("x", function(rt) {
-        return i === "vertical" ? (E ? Gt(rt.x0 + "-" + rt.x1) : Lt(rt.x0) || 0) || 0 : Ht(Nt === 2 && ut ? rt.length : 0);
+        return i === "vertical" ? (E ? Gt(rt.x0 + "-" + rt.x1) : Lt(rt.x0) || 0) || 0 : Ft(Nt === 2 && ut ? rt.length : 0);
       }).attr("width", function(rt) {
         if (i === "vertical") {
           if (E)
             return Gt.bandwidth();
           {
-            const yt = rt.x0, _t = rt.x1, It = _t === yt ? yt + 1 : _t;
-            return Lt(It) - Lt(yt) || 0;
+            const gt = rt.x0, _t = rt.x1, Ht = _t === gt ? gt + 1 : _t;
+            return Lt(Ht) - Lt(gt) || 0;
           }
         } else
-          return Nt === 2 && ut ? F / 2 - Ht(rt.length) : Ht(rt.length);
+          return Nt === 2 && ut ? F / 2 - Ft(rt.length) : Ft(rt.length);
       }).attr("y", function(rt) {
-        return i === "vertical" ? Nt === 2 && e === "compare" ? Ht(0) : Ht(rt.length) || 0 : (E ? Gt(rt.x0 + "-" + rt.x1) : Lt(rt.x0) || 0) || 0;
+        return i === "vertical" ? Nt === 2 && e === "compare" ? Ft(0) : Ft(rt.length) || 0 : (E ? Gt(rt.x0 + "-" + rt.x1) : Lt(rt.x0) || 0) || 0;
       }).attr("height", function(rt) {
         if (i === "vertical")
-          return Nt === 2 && e === "compare" ? Ht(rt.length) : (ut ? H / 2 : H) - Ht(rt.length) || 0;
+          return Nt === 2 && e === "compare" ? Ft(rt.length) : (ut ? H / 2 : H) - Ft(rt.length) || 0;
         if (E)
           return Gt.bandwidth();
         {
-          const yt = rt.x0, _t = rt.x1, It = _t === yt ? yt + 1 : _t;
-          return Lt(It) - Lt(yt) || 0;
+          const gt = rt.x0, _t = rt.x1, Ht = _t === gt ? gt + 1 : _t;
+          return Lt(Ht) - Lt(gt) || 0;
         }
       });
       const se = Nt === 1 ? N ? "#394447" : T ? st.layer1.positive : st.base : st.layer2.positive;
       Kv(
         $t,
         { binRanges: Lt, binSorted: Gt, isSorted: E },
-        Ht,
+        Ft,
         Q,
         S,
         i,
@@ -12633,9 +12633,9 @@ function w1({
       S(y !== at ? at : "");
     });
     function T(P) {
-      function at(ht, Ct, St) {
-        Ct === 0 ? ht.group = ht.name : (Ct === 1 && (St = ht.name), ht.group = St), ht.children?.forEach(
-          (Et) => at(Et, Ct + 1, St)
+      function at(ht, Ct, Tt) {
+        Ct === 0 ? ht.group = ht.name : (Ct === 1 && (Tt = ht.name), ht.group = Tt), ht.children?.forEach(
+          (Et) => at(Et, Ct + 1, Tt)
         );
       }
       return at(P, 0, P.name), P;
@@ -12644,7 +12644,7 @@ function w1({
     (M === "network" || M === "hierarchy") && T(tt);
     const L = F.select("#tooltip").style("opacity", 0), G = M === "bubble" ? t.tooltipColumns ?? ["label"].concat(Object.keys(t.nodes[0]).map((P) => P)) : ["name", "value"], ft = L.selectAll("p.content").data(G, (P) => P).join("p").attr("class", (P) => `content ${P}`).style("font-weight", 300).style("margin", 1).style("font-size", 300).style("color", "wheat"), st = M === "hierarchy" ? Ar(tt) : tt;
     let it = [], k = [], j = [], nt = Yp();
-    function Tt(P, at, ht) {
+    function St(P, at, ht) {
       const Ct = t.valueProp, Et = { label: "bubble nodes", children: P.map((Kt) => {
         const Ve = Kt[Ct];
         return { ...Kt, value: Ve };
@@ -12665,23 +12665,23 @@ function w1({
     const { curve: W, directed: q } = N;
     if (_.current)
       if (M === "hierarchy") {
-        const at = () => (st.sum((St) => St.value ?? 1), Zc().size([A, w]).padding(1)(st));
+        const at = () => (st.sum((Tt) => Tt.value ?? 1), Zc().size([A, w]).padding(1)(st));
         if (a !== "default") {
           if (k = a === "nodes only" ? at().descendants() : at().leaves(), k.forEach((ht) => {
             ht.x -= A / 2, ht.y -= w / 2;
           }), a === "nodes only") {
-            const ht = Qt(k, function(St) {
-              return St.value;
+            const ht = Qt(k, function(Tt) {
+              return Tt.value;
             }), Ct = nu().exponent(0.5).range([2, 60]).domain([0, ht ?? 0]);
-            k.forEach((St) => {
-              St.r = Ct(St.value);
+            k.forEach((Tt) => {
+              Tt.r = Ct(Tt.value);
             });
           }
         } else {
           at().descendants();
-          const Ct = Jc().size([2 * Math.PI, H]).separation((St, Et) => (St.parent == Et.parent ? 1 : 2) / St.depth)(st);
-          Ct.each((St) => {
-            St.baseX = St.x, St.baseY = St.y, St.finalX = St.y * Math.cos(St.x - Math.PI / 2), St.finalY = St.y * Math.sin(St.x - Math.PI / 2), delete St.x, delete St.y;
+          const Ct = Jc().size([2 * Math.PI, H]).separation((Tt, Et) => (Tt.parent == Et.parent ? 1 : 2) / Tt.depth)(st);
+          Ct.each((Tt) => {
+            Tt.baseX = Tt.x, Tt.baseY = Tt.y, Tt.finalX = Tt.y * Math.cos(Tt.x - Math.PI / 2), Tt.finalY = Tt.y * Math.sin(Tt.x - Math.PI / 2), delete Tt.x, delete Tt.y;
           }), k = Ct.descendants(), it = Ct.links();
         }
       } else if (M === "network") {
@@ -12691,18 +12691,18 @@ function w1({
         }
       } else {
         const P = st.nodes, at = Math.min(A, w);
-        k = Tt(P, at, nt);
+        k = St(P, at, nt);
       }
     const Dt = (P) => a === "default" ? P.depth === 0 ? 8 : P.depth === 1 ? 5 : 3 : P.r, Rt = 4, Q = 0.03;
     if (_.current) {
-      let P = function(ht, Ct, St = 0.2) {
+      let P = function(ht, Ct, Tt = 0.2) {
         let Et = [];
         function Bt(Wt) {
           const Zt = Qu(
             Et,
             (Pt) => at(Pt, Ct),
             ht
-          ), pe = Wt * St;
+          ), pe = Wt * Tt;
           for (const Pt of Et) {
             const Jt = ht(Pt), {
               x: Ot,
@@ -12718,13 +12718,13 @@ function w1({
           Et = Wt;
         }, Bt;
       }, at = function(ht, Ct) {
-        let St = 0, Et = 0, Bt = 0;
+        let Tt = 0, Et = 0, Bt = 0;
         for (const Wt of ht) {
           const pe = Ct(Wt) ** 2;
-          St += (Wt.x ?? 0) * pe, Et += (Wt.y ?? 0) * pe, Bt += pe;
+          Tt += (Wt.x ?? 0) * pe, Et += (Wt.y ?? 0) * pe, Bt += pe;
         }
         return {
-          x: Bt === 0 ? 0 : St / Bt,
+          x: Bt === 0 ? 0 : Tt / Bt,
           y: Bt === 0 ? 0 : Et / Bt
         };
       };
@@ -12755,14 +12755,14 @@ function w1({
           };
           if (a === "nodes only") {
             let Ct = function(Et) {
-              return -Math.pow(Et.r, 2) * St;
+              return -Math.pow(Et.r, 2) * Tt;
             };
-            const St = 0.03;
+            const Tt = 0.03;
             nt.velocityDecay(0.2).force("x", Mn().strength(0.03).x(0)).force("y", Nn().strength(0.03).y(0)).force("charge", Pr().strength((Et) => Ct(Et))).alpha(1).alphaTarget(0);
           } else {
             const Ct = P(
-              (St) => St.data.group ?? "",
-              (St) => St.r,
+              (Tt) => Tt.data.group ?? "",
+              (Tt) => Tt.r,
               0.2
             );
             nt.force("x", Mn(0).strength(0.01)).force("y", Nn(0).strength(0.01)).force("cluster", Ct).force("collide", ht()).alpha(1).alphaTarget(0);
@@ -12797,20 +12797,20 @@ function w1({
           //.x(0).y(0)
         ).alpha(1).alphaTarget(0);
       else if (M === "bubble") {
-        let ht = function(St) {
-          return -Math.pow(St.r ?? 0, 2) * Q;
+        let ht = function(Tt) {
+          return -Math.pow(Tt.r ?? 0, 2) * Q;
         };
         nt.velocityDecay(0.2).force("x", Mn().strength(Q).x(0)).force("y", Nn().strength(Q).y(0));
         const { clusterByGroup: Ct } = t;
         if (!Ct)
           nt.force("charge", Pr().strength(ht));
         else {
-          const St = P(
+          const Tt = P(
             (Et) => String(Et[t.groupBy]),
             (Et) => Et.r ?? 0,
             0.2
           );
-          nt.force("cluster", St).force("collide", jr().radius((Et) => Et.r ?? 2).iterations(3));
+          nt.force("cluster", Tt).force("collide", jr().radius((Et) => Et.r ?? 2).iterations(3));
         }
       }
       z.current = nt;
@@ -12826,7 +12826,7 @@ function w1({
           if (!Et.length) return 0;
           const Bt = Et.reduce((Pt, Jt) => Pt + Math.PI * Jt * Jt, 0), Wt = Math.PI / (3 + 2 * Math.SQRT2), Zt = Math.sqrt(Bt / Wt), pe = 2 * Math.max(...Et);
           return Math.max(Zt, pe);
-        }, St = function(Et, Bt = 0) {
+        }, Tt = function(Et, Bt = 0) {
           if (!Et || Et.length === 0) return 0;
           const Wt = [...Et].sort((Xe, Ie) => Ie - Xe), Zt = Wt.reduce((Xe, Ie) => Xe + Math.PI * Math.pow(Ie + Bt / 2, 2), 0);
           let pe = Math.max(
@@ -12842,19 +12842,19 @@ function w1({
         };
         if (y !== "") {
           const Et = t.groupBy ?? "", Bt = k.filter((ve) => ve[Et] === y), Wt = Bt.map((ve) => ve.r), Zt = Ct(Wt) + 20;
-          St(Wt, 1) + 20;
+          Tt(Wt, 1) + 20;
           const pe = Bt.map((ve) => {
             const { value: ln, r: ha, x: Qn, y: Ye, sortedX: Pn, sortedY: Rn, vx: tr, vy: cn, ...Sr } = ve;
             return { ...Sr };
-          }), Pt = Tt(
+          }), Pt = St(
             pe,
             Zt
           ), Jt = k.filter((ve) => ve[Et] !== y), Ot = Jt.map((ve) => ve.r), Kt = Ct(Ot) + 30;
-          St(Ot, 1) + 20;
+          Tt(Ot, 1) + 20;
           const Ve = Jt.map((ve) => {
             const { value: ln, r: ha, x: Qn, y: Ye, sortedX: Pn, sortedY: Rn, vx: tr, vy: cn, ...Sr } = ve;
             return { ...Sr };
-          }), Xe = Tt(
+          }), Xe = St(
             Ve,
             Kt
           ), Ie = (ve) => {
@@ -12894,8 +12894,8 @@ function w1({
       const Ct = P.nodes.filter((Pt) => M === "hierarchy" ? Pt.data.name === n : M === "network" ? Pt.id === n : void 0);
       if (!Ct || Ct.length === 0)
         return "no source node";
-      const St = P.nodes.filter((Pt) => M === "hierarchy" ? Pt.data.name === r : M === "network" ? Pt.id === r : void 0);
-      if (!St || St.length === 0)
+      const Tt = P.nodes.filter((Pt) => M === "hierarchy" ? Pt.data.name === r : M === "network" ? Pt.id === r : void 0);
+      if (!Tt || Tt.length === 0)
         return "no target node";
       const Et = /* @__PURE__ */ new Map(), Bt = /* @__PURE__ */ new Map(), Wt = /* @__PURE__ */ new Set(), Zt = /* @__PURE__ */ new Map();
       for (const Pt of P.nodes) {
@@ -12945,16 +12945,16 @@ function w1({
       r
     ), $t = typeof vt == "string", Lt = wr(j, Gr), qt = "#999";
     et.selectAll("marker").data(j, (P) => typeof P == "string" ? P : "").join("marker").attr("id", (P) => `arrow-${P}`).attr("viewBox", "0 -5 10 10").attr("refX", 15).attr("refY", -0.5).attr("markerWidth", 6).attr("markerHeight", 6).attr("orient", "auto").append("path").attr("fill", (P) => P === "arrow" ? qt : Lt(P ?? "")).attr("d", "M0,-5L10,0L0,5");
-    const { distances: ie, previous: Gt, path: Ht } = vt, te = (P) => {
-      if (Array.isArray(Ht)) {
+    const { distances: ie, previous: Gt, path: Ft } = vt, te = (P) => {
+      if (Array.isArray(Ft)) {
         const at = M === "network" ? P.source.id : P.source.data.name, ht = M === "network" ? P.target.id : P.target.data.name;
         let Ct = !1;
-        for (let St = 0; St < Ht.length - 1; St++) {
-          if (at === Ht[St] && ht === Ht[St + 1]) {
+        for (let Tt = 0; Tt < Ft.length - 1; Tt++) {
+          if (at === Ft[Tt] && ht === Ft[Tt + 1]) {
             Ct = !0;
             break;
           }
-          if (ht === Ht[St] && at === Ht[St + 1]) {
+          if (ht === Ft[Tt] && at === Ft[Tt + 1]) {
             Ct = !0;
             break;
           }
@@ -12962,7 +12962,7 @@ function w1({
         return Ct;
       }
       return !1;
-    }, se = 0.25, rt = (P) => $t || te(P) ? 1 : se, yt = (P) => $t || te(P) ? "auto" : "none", _t = (P) => ($t ? q : q && te(P)) ? P.type ? `url(#arrow-${P.type})` : "url(#arrow-arrow)" : "", It = dt.selectAll("path.link").data(
+    }, se = 0.25, rt = (P) => $t || te(P) ? 1 : se, gt = (P) => $t || te(P) ? "auto" : "none", _t = (P) => ($t ? q : q && te(P)) ? P.type ? `url(#arrow-${P.type})` : "url(#arrow-arrow)" : "", Ht = dt.selectAll("path.link").data(
       it,
       function(P, at) {
         if (M === "hierarchy") {
@@ -12978,24 +12978,24 @@ function w1({
       (P) => P.append("path").attr("class", "link").attr("fill", "none").attr("stroke-width", 1.5).attr(
         "stroke",
         (at) => at.type ? Z(at.type) : qt
-      ).style("pointer-events", yt).attr("marker-end", _t).attr("stroke-opacity", rt),
+      ).style("pointer-events", gt).attr("marker-end", _t).attr("stroke-opacity", rt),
       void 0,
       (P) => P.remove()
     ).attr(
       "stroke",
       (P) => P.type ? Z(P.type) : qt
-    ).attr("marker-end", _t).attr("stroke-opacity", rt).style("pointer-events", yt);
-    function gt(P) {
-      const at = An(P.source), ht = jn(P.source), Ct = An(P.target), St = jn(P.target);
+    ).attr("marker-end", _t).attr("stroke-opacity", rt).style("pointer-events", gt);
+    function xt(P) {
+      const at = An(P.source), ht = jn(P.source), Ct = An(P.target), Tt = jn(P.target);
       if (W === "straight")
-        return `M${at},${ht} L${Ct},${St}`;
-      const Et = Math.hypot(Ct - at, St - ht);
+        return `M${at},${ht} L${Ct},${Tt}`;
+      const Et = Math.hypot(Ct - at, Tt - ht);
       return `
                 M${at},${ht}
-                A${Et},${Et} 0 0,1 ${Ct},${St}
+                A${Et},${Et} 0 0,1 ${Ct},${Tt}
             `;
     }
-    const At = (P) => {
+    const Mt = (P) => {
       if (typeof vt == "string")
         return "no path to highlight";
       const { path: at } = vt;
@@ -13008,7 +13008,7 @@ function w1({
     function mt(P, at) {
       return M === "hierarchy" ? P.data?.name ?? "" : M === "network" ? P.id : at;
     }
-    const Mt = (P) => {
+    const At = (P) => {
       if (M === "hierarchy") {
         const at = P;
         if (at.data.color)
@@ -13023,49 +13023,49 @@ function w1({
         return Z(at);
       }
       return "steelblue";
-    }, jt = (P) => M === "hierarchy" ? P.children ? "none" : "#fff" : Ya(Mt(P)).darker().toString(), ee = 0.5, re = (P) => {
-      const at = At(P);
+    }, jt = (P) => M === "hierarchy" ? P.children ? "none" : "#fff" : Ya(At(P)).darker().toString(), ee = 0.5, re = (P) => {
+      const at = Mt(P);
       return at === "no path to highlight" ? 1 : at === "not path member" ? ee : 1;
     }, lt = (P) => {
-      const at = At(P);
+      const at = Mt(P);
       return at === "no path to highlight" ? "auto" : at === "not path member" ? "none" : "auto";
-    }, xt = dt.selectAll("circle.node").data(k, mt).join(
+    }, yt = dt.selectAll("circle.node").data(k, mt).join(
       (P) => P.append("circle").attr("class", "node").attr(
         "stroke",
         (at) => M === "hierarchy" ? at.children ? null : "#fff" : "none"
-      ).attr("r", Y).attr("fill", Mt).style("opacity", re).style("pointer-events", lt),
+      ).attr("r", Y).attr("fill", At).style("opacity", re).style("pointer-events", lt),
       void 0,
       (P) => P.remove()
-    ).attr("stroke", jt).attr("r", Y).attr("fill", Mt).style("opacity", re).style("pointer-events", lt);
-    M === "hierarchy" && a !== "default" && xt.transition().delay((P, at) => Math.random() * 500).duration(750).attrTween("r", (P) => {
+    ).attr("stroke", jt).attr("r", Y).attr("fill", At).style("opacity", re).style("pointer-events", lt);
+    M === "hierarchy" && a !== "default" && yt.transition().delay((P, at) => Math.random() * 500).duration(750).attrTween("r", (P) => {
       const at = Ae(0, P.r);
       return (Ct) => `${at(Ct)}`;
     });
-    const kt = 6, Ft = 12, le = 10, Ut = "black";
-    xt.on("pointerenter", function(P, at) {
+    const kt = 6, It = 12, le = 10, Ut = "black";
+    yt.on("pointerenter", function(P, at) {
       if (ne(this).style("stroke", Ut), (M === "hierarchy" || M === "bubble") && L.transition().duration(250).style("opacity", 1), M === "network" && $t) {
-        const Ct = It.filter((Wt) => Wt.source.id === at.id).data().map((Wt) => Wt.target.id), Et = It.filter((Wt) => Wt.target.id === at.id).data().map((Wt) => Wt.source.id);
-        It.filter(
+        const Ct = Ht.filter((Wt) => Wt.source.id === at.id).data().map((Wt) => Wt.target.id), Et = Ht.filter((Wt) => Wt.target.id === at.id).data().map((Wt) => Wt.source.id);
+        Ht.filter(
           (Wt) => Wt.source.id !== at.id && Wt.target.id !== at.id
         ).style("opacity", se);
         const Bt = [...Et, ...Ct];
-        oe.filter((Wt) => Wt.id !== at.id && !Bt.includes(Wt.id)).style("opacity", 0), xt.filter((Wt) => Wt.id !== at.id && !Bt.includes(Wt.id)).style("opacity", ee), oe.filter((Wt) => Wt.id === at.id).style("font-size", Ft), oe.filter((Wt) => Bt.includes(Wt.id)).style("font-size", le);
+        oe.filter((Wt) => Wt.id !== at.id && !Bt.includes(Wt.id)).style("opacity", 0), yt.filter((Wt) => Wt.id !== at.id && !Bt.includes(Wt.id)).style("opacity", ee), oe.filter((Wt) => Wt.id === at.id).style("font-size", It), oe.filter((Wt) => Bt.includes(Wt.id)).style("font-size", le);
       } else if (M === "hierarchy") {
-        const ht = ft.filter((St) => St === "name").node();
+        const ht = ft.filter((Tt) => Tt === "name").node();
         ne(ht).text(`${at.data.name}`);
-        const Ct = ft.filter((St) => St === "value").node();
+        const Ct = ft.filter((Tt) => Tt === "value").node();
         ne(Ct).text(`${Ee(at.value)}`);
       } else if (M === "bubble")
         for (const ht of G) {
-          const Ct = ft.filter((Wt) => Wt === ht).node(), St = at[ht], Et = typeof St == "number" ? St.toLocaleString() : St, Bt = ht === "label" ? Et.toUpperCase() : `${ht}: ${Et}`;
+          const Ct = ft.filter((Wt) => Wt === ht).node(), Tt = at[ht], Et = typeof Tt == "number" ? Tt.toLocaleString() : Tt, Bt = ht === "label" ? Et.toUpperCase() : `${ht}: ${Et}`;
           ne(Ct).text(`${Bt}`);
         }
     }).on("pointermove", function(P, at) {
       fe(L, { e: P, svg: D });
     }).on("pointerleave", function(P, at) {
       const ht = jt(at);
-      ne(this).style("stroke", ht), L.transition().duration(250).style("opacity", 0), M === "network" && $t && (It.style("opacity", rt), xt.style("opacity", re), oe.style("opacity", we).style("font-size", on));
-    }), It.on("pointerenter", function(P, at) {
+      ne(this).style("stroke", ht), L.transition().duration(250).style("opacity", 0), M === "network" && $t && (Ht.style("opacity", rt), yt.style("opacity", re), oe.style("opacity", we).style("font-size", on));
+    }), Ht.on("pointerenter", function(P, at) {
       if (ne(this).style(
         "stroke",
         at.type ? Ge(Z(at.type))?.darker().toString() ?? Ut : Ut
@@ -13073,8 +13073,8 @@ function w1({
         L.transition().duration(250).style("opacity", 1);
         const ht = at.source.id, Ct = at.target.id;
         $t && (oe.filter((Zt) => Zt.id !== ht && Zt.id !== Ct).style("opacity", 0), oe.filter((Zt) => Zt.id === ht || Zt.id === Ct).style("font-size", le)), L.transition().duration(250).style("opacity", 1);
-        const St = ft.filter((Zt) => Zt === "name").node();
-        ne(St).text(`${ht} ⟶ ${Ct}`);
+        const Tt = ft.filter((Zt) => Zt === "name").node();
+        ne(Tt).text(`${ht} ⟶ ${Ct}`);
         const Et = ft.filter((Zt) => Zt === "value").node(), Bt = at.value, Wt = typeof Bt == "number" ? Ee(Bt) : "---";
         ne(Et).text(`${Wt}`), fe(L, { e: P, svg: D });
       }
@@ -13090,11 +13090,11 @@ function w1({
       const at = Y(P);
       if (Nt)
         return at < 15 ? 0 : 1;
-      const ht = At(P);
+      const ht = Mt(P);
       return ht === "no path to highlight" || ht === "source or destination" || ht === "path" ? 1 : 0.25;
     }, on = (P) => {
-      const at = At(P);
-      return at === "no path to highlight" ? kt : at === "source or destination" ? Ft : at === "path" ? le : kt;
+      const at = Mt(P);
+      return at === "no path to highlight" ? kt : at === "source or destination" ? It : at === "path" ? le : kt;
     }, Ai = e ? [] : k, oe = dt.selectAll("text.label").data(Ai, mt).join(
       (P) => P.append("text").attr("class", "label").attr("stroke-linejoin", "round").attr("stroke-width", 3).attr("dy", "0.31em").attr("paint-order", "stroke").attr("stroke", "white").attr("fill", "currentColor").style("font-size", on).style("pointer-events", "none").text(
         (at) => M === "hierarchy" ? at.data.name : M === "network" ? at.id : at.label
@@ -13104,17 +13104,17 @@ function w1({
     ).style("opacity", we).style("font-size", on).text(
       (P) => M === "hierarchy" ? P.data.name : M === "network" ? P.id : P.label
     );
-    M === "hierarchy" ? oe.attr("text-anchor", (P) => P.baseX < Math.PI == !P.children ? "start" : "end") : (M === "network" || M === "bubble") && oe.attr("text-anchor", "middle"), xt.raise(), oe.raise(), nt.on("tick", () => {
-      It.attr("d", (P) => gt(P)), xt.attr("cx", An).attr("cy", jn), oe.attr("transform", (P) => {
+    M === "hierarchy" ? oe.attr("text-anchor", (P) => P.baseX < Math.PI == !P.children ? "start" : "end") : (M === "network" || M === "bubble") && oe.attr("text-anchor", "middle"), yt.raise(), oe.raise(), nt.on("tick", () => {
+      Ht.attr("d", (P) => xt(P)), yt.attr("cx", An).attr("cy", jn), oe.attr("transform", (P) => {
         if (M !== "hierarchy" || a !== "default")
           return "";
         const at = P;
         if (at.depth === 0)
           return "";
-        const ht = P.x ?? 0, Ct = P.y ?? 0, St = at.baseX ?? 0;
-        if (!zn(ht) || !zn(Ct) || !zn(St))
+        const ht = P.x ?? 0, Ct = P.y ?? 0, Tt = at.baseX ?? 0;
+        if (!zn(ht) || !zn(Ct) || !zn(Tt))
           return "";
-        const Et = St * 180 / Math.PI - 90, Bt = St >= Math.PI ? 180 : 0;
+        const Et = Tt * 180 / Math.PI - 90, Bt = Tt >= Math.PI ? 180 : 0;
         return `rotate(${Et + Bt}, ${ht}, ${Ct})`;
       }).attr("x", (P) => {
         const at = M === "hierarchy" && a === "default" ? P.baseX < Math.PI == !P.children ? 6 : -6 : 0, ht = An(P);
@@ -13125,13 +13125,13 @@ function w1({
       });
     });
     const An = (P) => {
-      const at = zn(P.x) ? P.x : 0, ht = Y(P), Ct = -A / 2 + ht, St = A / 2 - ht;
-      return Math.min(Math.max(at, Ct), St);
+      const at = zn(P.x) ? P.x : 0, ht = Y(P), Ct = -A / 2 + ht, Tt = A / 2 - ht;
+      return Math.min(Math.max(at, Ct), Tt);
     }, jn = (P) => {
-      const at = zn(P.y) ? P.y : 0, ht = Y(P), Ct = -w / 2 + ht, St = w / 2 - ht;
-      return Math.min(Math.max(at, Ct), St);
+      const at = zn(P.y) ? P.y : 0, ht = Y(P), Ct = -w / 2 + ht, Tt = w / 2 - ht;
+      return Math.min(Math.max(at, Ct), Tt);
     }, fa = sd().on("start", Mr).on("drag", Nr).on("end", ct);
-    xt.call(fa);
+    yt.call(fa);
     function Mr(P, at) {
       P.active || (M === "bubble" && p && nt.force(
         "collide",