@devgateway/dvz-ui-react 1.6.0 → 1.6.2

package/dist/esm/embeddable/chart/Bar.js

@@ -1,91 +1,91 @@
-import { jsx as c, jsxs as p, Fragment as pe } from "react/jsx-runtime";
-import { useState as B, useEffect as be, Fragment as Se } from "react";
-import Wt from "./Tooltip.js";
-import { ResponsiveBar as At } from "@nivo/bar";
-import { injectIntl as Tt } from "react-intl";
+import { jsx as r, jsxs as x, Fragment as pe } from "react/jsx-runtime";
+import { useState as B, useEffect as ge, Fragment as je } from "react";
+import Ht from "./Tooltip.js";
+import { ResponsiveBar as Tt } from "@nivo/bar";
+import { injectIntl as At } from "react-intl";
 import { useTheme as _t } from "@nivo/theming";
-import { line as je } from "d3-shape";
-import Re from "./LineLayer.js";
-import ge from "papaparse";
+import { line as Re } from "d3-shape";
+import Ye from "./LineLayer.js";
+import be from "papaparse";
 import St from "../../layout/FlexWrapDetector.js";
 import ve from "../../utils/deviceType.js";
-const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q = "_Color", Kt = ({
+const jt = "middle", Rt = "top", W = "#66676d", Ke = "#dddddd", Yt = "none", Q = "_Color", Kt = ({
   editing: y,
-  legends: P,
-  marginLeft: Ke,
-  marginTop: S,
-  marginRight: Pe,
-  marginBottom: j,
+  legends: X,
+  marginLeft: Pe,
+  marginTop: j,
+  marginRight: Xe,
+  marginBottom: R,
   options: u,
-  intl: g,
-  format: b,
+  intl: b,
+  format: g,
   colors: H,
   groupMode: O,
-  height: Xe,
+  height: Ce,
   showLegends: G,
   legendPosition: v,
-  tickRotation: E,
+  tickRotation: z,
   offsetText: ee,
   tickColor: te,
   layout: o,
-  reverse: W,
-  offsetY: Ce,
+  reverse: T,
+  offsetY: qe,
   csvLineLayerData: Ne,
   tooltip: ae,
   lineLayerEnabled: ne,
   overlays: A,
-  maxValue: re,
-  valueScale: qe,
+  maxValue: le,
+  valueScale: Ze,
   colorGenerator: N,
   legendLabel: Ie,
-  overrideTickColor: Ze,
-  fixedMinValue: le,
+  overrideTickColor: Je,
+  fixedMinValue: re,
   fixedMaxValue: se,
-  barPadding: Je,
-  barLabelPosition: Le,
-  barInnerPadding: Ue,
-  tooltipEnabled: Qe,
+  barPadding: Ue,
+  barLabelPosition: ke,
+  barInnerPadding: Qe,
+  tooltipEnabled: Ge,
   xLabelColor: D,
-  barLabelColor: X,
-  legendCheckBack: L,
+  barLabelColor: C,
+  legendCheckBack: k,
   legendLabelBack: ie,
   legendLabelColor: ce,
-  highlightXAxisLine: Ge,
-  showTickLine: R,
-  showRightAxis: et,
-  offsetRight: tt,
-  offsetBottom: ke,
+  highlightXAxisLine: et,
+  showTickLine: Y,
+  showRightAxis: tt,
+  offsetRight: at,
+  offsetBottom: Le,
   confidenceIntervals: de,
-  showGroupTotal: at,
+  showGroupTotal: nt,
   groupTotalLabel: we,
   groupTotalFormat: De,
   groupTotalMeasure: Fe,
-  groupTotalOffset: $,
-  groupTotalFixedPosition: C,
-  tooltipEnableMarkdown: nt,
+  groupTotalOffset: E,
+  groupTotalFixedPosition: q,
+  tooltipEnableMarkdown: lt,
   xAxisTickValues: rt,
-  yAxisTickValues: lt,
-  mobileCustomization: st,
+  yAxisTickValues: st,
+  mobileCustomization: it,
   minMaxClamp: Pt,
-  reverseLegend: it,
-  enableGridY: ct,
-  enableGridX: dt,
+  reverseLegend: ct,
+  enableGridY: dt,
+  enableGridX: ht,
   customAxisFormat: F,
-  previewMode: z,
+  previewMode: $,
   showLegendsInColumns: Xt = !1,
   numberOfLegendColumns: Ct = 4
 }) => {
-  var _e;
-  const ht = ["mobile", "tablet", "midTablet"].includes(
+  var Se;
+  const Me = ["mobile", "tablet", "midTablet"].includes(
     ve()
-  ), q = ["tablet", "midTablet"].includes(ve()), Z = ve() === "mobile", he = 30, me = 15, m = JSON.parse(
-    decodeURIComponent(st)
-  ), Me = ht && ((m == null ? void 0 : m.showCustomization) ?? !1), T = Me && z !== "Desktop", _ = !y && Me, ue = () => X === "null" || X === null || !X ? "#000000" : X, [k, mt] = B([]), { colorBy: Y } = H, Oe = {};
+  ), Z = ["tablet", "midTablet"].includes(ve()), J = ve() === "mobile", he = 30, me = 15, m = JSON.parse(
+    decodeURIComponent(it)
+  ), Oe = Me && ((m == null ? void 0 : m.showCustomization) ?? !1), _ = Oe && $ !== "Desktop", S = !y && Oe, ue = () => C === "null" || C === null || !C ? "#000000" : C, [L, mt] = B([]), { colorBy: K } = H, ze = {};
   A.forEach((e, t) => {
-    Oe[t] = !0;
+    ze[t] = !0;
   });
-  const [I, ut] = B(Oe), [Ee, ft] = B(50), [qt, $e] = B(S), [Zt, ze] = B(0), [Ve, Be] = B(j), [He, ot] = B(!1);
-  be(() => {
+  const [I, ut] = B(ze), [Ee, ft] = B(50), [qt, $e] = B(j), [Zt, Ve] = B(0), [Be, We] = B(R), [He, ot] = B(!1);
+  ge(() => {
     let e, t;
     return e = requestAnimationFrame(() => {
       e = requestAnimationFrame(() => {
@@ -97,51 +97,51 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
       cancelAnimationFrame(e), clearTimeout(t);
     };
   }, []);
-  const K = ((e, t, i, n, l) => {
-    let s = [];
-    return e.data && (s = t.colorBy === "index" ? e.data.map((r) => {
-      let a, h = !0;
-      return i.indexOf(r[e.indexBy]) > -1 ? (h = !1, a = n) : a = r[Q] ? r[Q] : l.getColor(r.id, r), {
-        enabled: h,
-        color: a,
-        id: r[e.indexBy],
-        label: r[e.indexBy]
+  const P = ((e, t, s, i, a) => {
+    let c = [];
+    return e.data && (c = t.colorBy === "index" ? e.data.map((l) => {
+      let n, d = !0;
+      return s.indexOf(l[e.indexBy]) > -1 ? (d = !1, n = i) : n = l[Q] ? l[Q] : a.getColor(l.id, l), {
+        enabled: d,
+        color: n,
+        id: l[e.indexBy],
+        label: l[e.indexBy]
       };
-    }) : e.keys.map((r) => {
-      let a, h = !0;
-      return i.indexOf(r) > -1 ? (h = !1, a = n) : a = l.getColorByKey(r), {
-        enabled: h,
-        color: a,
-        id: r,
-        label: r
+    }) : e.keys.map((l) => {
+      let n, d = !0;
+      return s.indexOf(l) > -1 ? (d = !1, n = i) : n = a.getColorByKey(l), {
+        enabled: d,
+        color: n,
+        id: l,
+        label: l
       };
-    })), s;
+    })), c;
   })(
     u,
     H,
-    k,
+    L,
     Yt,
     N
-  ), We = () => (it && K.reverse(), /* @__PURE__ */ p(pe, { children: [
-    G && K.map((e) => /* @__PURE__ */ p(
+  ), Te = () => (ct && P.reverse(), /* @__PURE__ */ x(pe, { children: [
+    G && P.map((e) => /* @__PURE__ */ x(
       "div",
       {
         className: `legend item ${e.enabled ? "" : "ignore"}`,
-        onClick: () => kt(e.id),
+        onClick: () => Lt(e.id),
         children: [
-          L && /* @__PURE__ */ c(
+          k && /* @__PURE__ */ r(
             "input",
             {
               className: e.enabled ? "" : "ignore",
               type: "checkbox",
               checked: e.enabled,
               style: {
-                backgroundColor: L ? Y === "values" ? te : e.color : "none",
+                backgroundColor: k ? K === "values" ? te : e.color : "none",
                 color: "#000"
               }
             }
           ),
-          !L && /* @__PURE__ */ c(
+          !k && /* @__PURE__ */ r(
             "input",
             {
               type: "checkbox",
@@ -151,26 +151,26 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
               }
             }
           ),
-          L && /* @__PURE__ */ c(
+          k && /* @__PURE__ */ r(
             "span",
             {
               className: "checkmark-with-bg",
               style: { backgroundColor: e.color }
             }
           ),
-          !L && /* @__PURE__ */ c("span", { className: "checkmark" }),
-          ie && /* @__PURE__ */ c(
+          !k && /* @__PURE__ */ r("span", { className: "checkmark" }),
+          ie && /* @__PURE__ */ r(
             "label",
             {
               className: e.enabled ? "" : "ignore",
               style: {
-                backgroundColor: Y === "values" ? te : e.color,
+                backgroundColor: K === "values" ? te : e.color,
                 color: ce
               },
               children: e.label
             }
           ),
-          !ie && /* @__PURE__ */ c(
+          !ie && /* @__PURE__ */ r(
             "label",
             {
               className: e.enabled ? "" : "ignore",
@@ -183,8 +183,8 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
         ]
       }
     )),
-    Y === "values" && /* @__PURE__ */ p("div", { className: "legend item", children: [
-      /* @__PURE__ */ c(
+    K === "values" && /* @__PURE__ */ x("div", { className: "legend item", children: [
+      /* @__PURE__ */ r(
         "label",
         {
           className: "range min",
@@ -196,16 +196,16 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
           }
         }
       ),
-      /* @__PURE__ */ c("label", { children: g.formatNumber(
-        b.style === "percent" ? N.minValue / 100 : N.minValue,
+      /* @__PURE__ */ r("label", { children: b.formatNumber(
+        g.style === "percent" ? N.minValue / 100 : N.minValue,
         {
-          ...b,
+          ...g,
           minimumFractionDigits: 0
         }
       ) })
     ] }),
-    Y === "values" && /* @__PURE__ */ p("div", { className: "legend item", children: [
-      /* @__PURE__ */ c(
+    K === "values" && /* @__PURE__ */ x("div", { className: "legend item", children: [
+      /* @__PURE__ */ r(
         "label",
         {
           className: "range max",
@@ -218,37 +218,37 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
           children: " "
         }
       ),
-      /* @__PURE__ */ c("label", { children: g.formatNumber(
-        b.style === "percent" ? N.maxValue / 100 : N.maxValue,
+      /* @__PURE__ */ r("label", { children: b.formatNumber(
+        g.style === "percent" ? N.maxValue / 100 : N.maxValue,
         {
-          ...b,
+          ...g,
           minimumFractionDigits: 0
         }
       ) })
     ] }),
-    G && ne && A.map((e, t) => /* @__PURE__ */ p("div", { className: "legend item", onClick: () => wt(t), children: [
-      /* @__PURE__ */ c(
+    G && ne && A.map((e, t) => /* @__PURE__ */ x("div", { className: "legend item", onClick: () => wt(t), children: [
+      /* @__PURE__ */ r(
         "input",
         {
-          className: L && I[t] ? "" : "ignore",
+          className: k && I[t] ? "" : "ignore",
           type: "checkbox",
           checked: I[t],
           style: {
-            backgroundColor: I[t] && L === !0 ? e.lineColor : "none",
+            backgroundColor: I[t] && k === !0 ? e.lineColor : "none",
             color: "#000"
           }
         }
       ),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ r(
         "span",
         {
-          className: L ? "checkmark-with-bg" : "checkmark",
+          className: k ? "checkmark-with-bg" : "checkmark",
           style: {
-            backgroundColor: I[t] && L === !0 ? e.lineColor : "none"
+            backgroundColor: I[t] && k === !0 ? e.lineColor : "none"
           }
         }
       ),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ r(
         "label",
         {
           className: I[t] ? "" : "ignore",
@@ -261,115 +261,153 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
       )
     ] }))
   ] }));
-  be(() => {
+  ge(() => {
     (() => {
-      const i = 5 * Math.max(K.length - 5, 0);
-      ft(i);
+      const s = 5 * Math.max(P.length - 5, 0);
+      ft(s);
     })();
-  }, [K]), be(() => {
-    $e(S), Be(j);
-  }, [v, S, j]);
+  }, [P]), ge(() => {
+    $e(j), We(R);
+  }, [v, j, R]);
   const yt = {
     bottom: `-${Ee}px`
   }, xt = {
     bottom: `-${Ee}px`,
     gap: "0px"
     // top: "0px",
-  }, pt = (e) => fe(e, "1 0", Ye, "Y"), bt = (e) => fe(e, "4 4", U, "X"), gt = (e) => fe(e, "1 0", Ye, "X"), vt = (e) => {
-    const t = K.find((i) => i.id === e.value);
+  }, pt = (e) => fe(e, "1 0", Ke, "Y"), gt = (e) => fe(e, "4 4", W, "X"), bt = (e) => fe(e, "1 0", Ke, "X"), vt = (e) => {
+    const t = P.find((s) => s.id === e.value);
     return t ? t.color : "#FFFFFF";
   }, Nt = (e) => {
-    const { yScale: t, bars: i } = e;
-    return /* @__PURE__ */ c(Se, { children: i.filter((n) => n.data.value != null).map((n) => {
-      let l = n.data.indexValue;
-      u.dimensionsMetadata && u.dimensionsMetadata.size > 1 && (l = n.data.id);
-      const s = de.filter(
-        (r) => r.serieLabel == l
+    const { yScale: t, xScale: s, bars: i } = e;
+    return /* @__PURE__ */ r(je, { children: i.filter((a) => a.data.value != null).map((a) => {
+      let c = a.data.indexValue;
+      u.dimensionsMetadata && u.dimensionsMetadata.size > 1 && (c = a.data.id);
+      const l = de.filter(
+        (n) => n.serieLabel == c
       )[0];
-      if (s && s.low && s.high) {
-        const r = t(parseFloat(s.low)), a = t(parseFloat(s.high));
-        return /* @__PURE__ */ p("g", { children: [
-          /* @__PURE__ */ c(
-            "line",
-            {
-              y1: r,
-              y2: a,
-              x1: n.x + n.width / 2,
-              x2: n.x + n.width / 2,
-              strokeWidth: 1,
-              stroke: U
-            }
-          ),
-          /* @__PURE__ */ c(
-            "line",
-            {
-              y1: r,
-              y2: r,
-              x1: n.x + n.width / 2 - 3,
-              x2: n.x + n.width / 2 + 3,
-              strokeWidth: 1,
-              stroke: U
-            }
-          ),
-          /* @__PURE__ */ c(
-            "line",
-            {
-              y1: a,
-              y2: a,
-              x1: n.x + n.width / 2 - 3,
-              x2: n.x + n.width / 2 + 3,
-              strokeWidth: 1,
-              stroke: U
-            }
-          )
-        ] });
-      }
+      if (l && l.low && l.high)
+        if (o === "horizontal") {
+          const n = s(parseFloat(l.low)), d = s(parseFloat(l.high));
+          return /* @__PURE__ */ x("g", { children: [
+            /* @__PURE__ */ r(
+              "line",
+              {
+                x1: n,
+                x2: d,
+                y1: a.y + a.height / 2,
+                y2: a.y + a.height / 2,
+                strokeWidth: 1,
+                stroke: W
+              }
+            ),
+            /* @__PURE__ */ r(
+              "line",
+              {
+                x1: n,
+                x2: n,
+                y1: a.y + a.height / 2 - 3,
+                y2: a.y + a.height / 2 + 3,
+                strokeWidth: 1,
+                stroke: W
+              }
+            ),
+            /* @__PURE__ */ r(
+              "line",
+              {
+                x1: d,
+                x2: d,
+                y1: a.y + a.height / 2 - 3,
+                y2: a.y + a.height / 2 + 3,
+                strokeWidth: 1,
+                stroke: W
+              }
+            )
+          ] });
+        } else {
+          const n = t(parseFloat(l.low)), d = t(parseFloat(l.high));
+          return /* @__PURE__ */ x("g", { children: [
+            /* @__PURE__ */ r(
+              "line",
+              {
+                y1: n,
+                y2: d,
+                x1: a.x + a.width / 2,
+                x2: a.x + a.width / 2,
+                strokeWidth: 1,
+                stroke: W
+              }
+            ),
+            /* @__PURE__ */ r(
+              "line",
+              {
+                y1: n,
+                y2: n,
+                x1: a.x + a.width / 2 - 3,
+                x2: a.x + a.width / 2 + 3,
+                strokeWidth: 1,
+                stroke: W
+              }
+            ),
+            /* @__PURE__ */ r(
+              "line",
+              {
+                y1: d,
+                y2: d,
+                x1: a.x + a.width / 2 - 3,
+                x2: a.x + a.width / 2 + 3,
+                strokeWidth: 1,
+                stroke: W
+              }
+            )
+          ] });
+        }
     }) });
-  }, fe = (e, t, i, n) => {
-    const { yScale: l, innerWidth: s, innerHeight: r } = e;
-    let a, h;
-    return n == "X" ? (a = [0, s], h = je().x((f, V) => V === 0 ? -10 : f).y(() => l(0))) : (a = [0, r], h = je().x(() => 0).y((f) => f)), /* @__PURE__ */ c(Se, { children: /* @__PURE__ */ c(
+  }, fe = (e, t, s, i) => {
+    const { yScale: a, innerWidth: c, innerHeight: l } = e;
+    let n, d;
+    return i == "X" ? (n = [0, c], d = Re().x((f, V) => V === 0 ? -10 : f).y(() => a(0))) : (n = [0, l], d = Re().x(() => 0).y((f) => f)), /* @__PURE__ */ r(je, { children: /* @__PURE__ */ r(
       "path",
       {
-        d: h(a),
+        d: d(n),
         fill: "none",
-        stroke: i,
+        stroke: s,
         style: { pointerEvents: "none", strokeDasharray: t }
       }
     ) });
-  }, M = (e, t) => k ? (H.colorBy === "index" || H.colorBy === "id" || H.colorBy === "values") && !t ? e.filter((i) => k.indexOf(i[u.indexBy]) === -1) : e ? e.filter((i) => k.indexOf(i) === -1) : [] : e, It = (e) => {
+  }, M = (e, t) => L ? (H.colorBy === "index" || H.colorBy === "id" || H.colorBy === "values") && !t ? e.filter((s) => L.indexOf(s[u.indexBy]) === -1) : e ? e.filter((s) => L.indexOf(s) === -1) : [] : e, It = (e) => {
     const t = _t();
     if (!e.value) return "";
-    const i = Object.assign({}, e);
-    (_ || T) && xe.includes(String(i.value)) && (i.value = "");
-    let n;
-    Ze ? n = te : n = vt(e);
-    let l = [], s = "";
-    if (T || _) {
-      const a = String(i.value).split(" ");
-      let h = 25;
-      y && z === "Mobile" || Z && !y ? h = (m == null ? void 0 : m.mobileMaxTickLength) ?? 25 : y && z === "Tablet" || q && !y ? h = (m == null ? void 0 : m.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !y && (h = 15), a.forEach((f) => {
-        s.length + String(f).length <= h ? s += (s ? " " : "") + f : (l.push(s), s = f);
-      }), s && l.push(s);
+    const s = Object.assign({}, e);
+    (S || _) && xe.includes(String(s.value)) && (s.value = "");
+    let i;
+    Je ? i = te : i = vt(e);
+    let a = [], c = "";
+    if (_ || S) {
+      const n = String(s.value).split(" ");
+      let d = 25;
+      y && $ === "Mobile" || J && !y ? d = (m == null ? void 0 : m.mobileMaxTickLength) ?? 25 : y && $ === "Tablet" || Z && !y ? d = (m == null ? void 0 : m.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !y && (d = 15), n.forEach((f) => {
+        c.length + String(f).length <= d ? c += (c ? " " : "") + f : (a.push(c), c = f);
+      }), c && a.push(c);
     } else
-      l = [i.value];
-    let r = 12;
-    return Z ? r = (m == null ? void 0 : m.mobileYAxisLineHeight) ?? 12 : q && (r = (m == null ? void 0 : m.tabletYAxisLineHeight) ?? 12), E > 0 && E < 180 ? /* @__PURE__ */ p("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
-      R && /* @__PURE__ */ c(
+      a = [s.value];
+    let l = 12;
+    return J ? l = (m == null ? void 0 : m.mobileYAxisLineHeight) ?? 12 : Z && (l = (m == null ? void 0 : m.tabletYAxisLineHeight) ?? 12), z > 0 && z < 180 ? /* @__PURE__ */ x("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+      Y && /* @__PURE__ */ r(
         "line",
         {
-          stroke: n,
+          stroke: i,
           strokeWidth: 1.5,
           y1: -32,
           y2: -12
         }
       ),
-      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ee})`, children: l.map((a, h) => /* @__PURE__ */ c(
+      /* @__PURE__ */ r("g", { transform: `translate(0, ${e.y + ee})`, children: a.map((n, d) => /* @__PURE__ */ r(
         "text",
         {
-          transform: `rotate(${E})`,
+          transform: `rotate(${z})`,
           textAnchor: "start",
-          y: typeof e.value == "number" ? 0 : h * r,
+          y: typeof e.value == "number" ? 0 : d * l,
           dominantBaseline: "middle",
           style: {
             ...t.axis.ticks.text,
@@ -377,26 +415,26 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
             fontSize: "12px",
             fontFamily: "sans-serif"
           },
-          children: a
+          children: n
         },
-        a
+        n
       )) })
-    ] }) : E > 180 && E < 360 ? /* @__PURE__ */ p("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
-      R && /* @__PURE__ */ c(
+    ] }) : z > 180 && z < 360 ? /* @__PURE__ */ x("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+      Y && /* @__PURE__ */ r(
         "line",
         {
-          stroke: n,
+          stroke: i,
           strokeWidth: 1.5,
           y1: -32,
           y2: -12
         }
       ),
-      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ee})`, children: l.map((a, h) => /* @__PURE__ */ c(
+      /* @__PURE__ */ r("g", { transform: `translate(0, ${e.y + ee})`, children: a.map((n, d) => /* @__PURE__ */ r(
         "text",
         {
-          transform: `rotate(${E})`,
+          transform: `rotate(${z})`,
           textAnchor: "end",
-          y: typeof e.value == "number" ? 0 : h * r,
+          y: typeof e.value == "number" ? 0 : d * l,
           dominantBaseline: "middle",
           style: {
             ...t.axis.ticks.text,
@@ -404,26 +442,26 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
             fontSize: "12px",
             fontFamily: "sans-serif"
           },
-          children: a
+          children: n
         },
-        h
+        d
       )) })
-    ] }) : /* @__PURE__ */ p("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
-      R && /* @__PURE__ */ c(
+    ] }) : /* @__PURE__ */ x("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+      Y && /* @__PURE__ */ r(
         "line",
         {
-          stroke: n,
+          stroke: i,
           strokeWidth: 1.5,
           y1: -32,
           y2: -12
         }
       ),
-      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ee})`, children: l.map((a, h) => /* @__PURE__ */ c(
+      /* @__PURE__ */ r("g", { transform: `translate(0, ${e.y + ee})`, children: a.map((n, d) => /* @__PURE__ */ r(
         "text",
         {
-          transform: `rotate(${E})`,
+          transform: `rotate(${z})`,
           textAnchor: "middle",
-          y: typeof e.value == "number" ? 0 : h * r,
+          y: typeof e.value == "number" ? 0 : d * l,
           dominantBaseline: "middle",
           style: {
             ...t.axis.ticks.text,
@@ -431,39 +469,39 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
             fontSize: "12px",
             fontFamily: "sans-serif"
           },
-          children: a
+          children: n
         },
-        h
+        d
       )) })
     ] });
-  }, Lt = (e) => {
-    if (!e.value || (T || _) && xe.includes(String(e.value)))
+  }, kt = (e) => {
+    if (!e.value || (_ || S) && xe.includes(String(e.value)))
       return "";
     let t = e.value;
     if (o === "vertical") {
-      const a = F || b;
-      t = g.formatNumber(
-        a.style === "percent" ? t / 100 : t,
+      const n = F || g;
+      t = b.formatNumber(
+        n.style === "percent" ? t / 100 : t,
         {
-          ...a
+          ...n
         }
       );
     }
-    let i = 25;
-    y && z === "Mobile" || Z && !y ? i = (m == null ? void 0 : m.mobileMaxTickLength) ?? 25 : y && z === "Tablet" || q && !y ? i = (m == null ? void 0 : m.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !y && (i = 15);
-    const n = typeof t == "string" ? t.split(" ") : [t], l = [];
-    let s = "";
-    n.forEach((a) => {
-      s.length + String(a).length <= i ? s += (s ? " " : "") + a : (l.push(s), s = a);
-    }), s && l.push(s);
-    let r = 12;
-    return y && z === "Mobile" || Z && !y ? r = (m == null ? void 0 : m.mobileYAxisLineHeight) ?? 12 : (y && z === "Tablet" || q && !y) && (r = (m == null ? void 0 : m.tabletYAxisLineHeight) ?? 12), /* @__PURE__ */ p("g", { transform: `translate(${e.x},${e.y})`, children: [
-      /* @__PURE__ */ c("line", { x1: -5, x2: 0, y1: 0, y2: 0, stroke: "#000", strokeWidth: 1 }),
-      l.map((a, h) => /* @__PURE__ */ c(
+    let s = 25;
+    y && $ === "Mobile" || J && !y ? s = (m == null ? void 0 : m.mobileMaxTickLength) ?? 25 : y && $ === "Tablet" || Z && !y ? s = (m == null ? void 0 : m.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !y && (s = 15);
+    const i = typeof t == "string" ? t.split(" ") : [t], a = [];
+    let c = "";
+    i.forEach((n) => {
+      c.length + String(n).length <= s ? c += (c ? " " : "") + n : (a.push(c), c = n);
+    }), c && a.push(c);
+    let l = 12;
+    return y && $ === "Mobile" || J && !y ? l = (m == null ? void 0 : m.mobileYAxisLineHeight) ?? 12 : (y && $ === "Tablet" || Z && !y) && (l = (m == null ? void 0 : m.tabletYAxisLineHeight) ?? 12), /* @__PURE__ */ x("g", { transform: `translate(${e.x},${e.y})`, children: [
+      /* @__PURE__ */ r("line", { x1: -5, x2: 0, y1: 0, y2: 0, stroke: "#000", strokeWidth: 1 }),
+      a.map((n, d) => /* @__PURE__ */ r(
         "text",
         {
           x: -10,
-          y: typeof t == "number" ? 0 : h * r,
+          y: typeof t == "number" ? 0 : d * l,
           textAnchor: "end",
           dominantBaseline: "middle",
           style: {
@@ -471,89 +509,89 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
             fontSize: "12px",
             fontFamily: "sans-serif"
           },
-          children: a
+          children: n
         },
-        a
+        n
       ))
     ] });
-  }, kt = (e) => {
-    const t = k.slice();
+  }, Lt = (e) => {
+    const t = L.slice();
     if (t.indexOf(e) > -1) {
-      const i = t.indexOf(e);
-      t.splice(i, 1);
+      const s = t.indexOf(e);
+      t.splice(s, 1);
     } else
       t.push(e);
     mt(t);
   }, wt = (e) => {
     const t = Object.assign({}, I);
     t[e] = !t[e], ut(t);
-  }, Dt = ({ bars: e }) => /* @__PURE__ */ c("g", { children: e.map((t) => {
-    const { width: i, height: n, y: l, x: s, data: r } = t;
-    if (o === "horizontal" && n <= me || o === "vertical" && i <= he)
+  }, Dt = ({ bars: e }) => /* @__PURE__ */ r("g", { children: e.map((t) => {
+    const { width: s, height: i, y: a, x: c, data: l } = t;
+    if (o === "horizontal" && i <= me || o === "vertical" && s <= he)
       return;
-    const a = r.value ? g.formatNumber(
-      b.style === "percent" ? r.value / 100 : r.value,
-      b
-    ) : "", h = a.length;
+    const n = l.value ? b.formatNumber(
+      g.style === "percent" ? l.value / 100 : l.value,
+      g
+    ) : "", d = n.length;
     let f, V;
-    if (o === "vertical" && i >= he || o === "horizontal" && n >= me)
-      return o === "vertical" ? (f = l - 6, V = s + i / 2 - h * 3.5) : (f = l + n / 2 + 4, V = s + i + 5), /* @__PURE__ */ c(
+    if (o === "vertical" && s >= he || o === "horizontal" && i >= me)
+      return o === "vertical" ? (f = a - 6, V = c + s / 2 - d * 3.5) : (f = a + i / 2 + 4, V = c + s + 5), /* @__PURE__ */ r(
         "text",
         {
           y: f,
           x: V,
           style: { fill: ue() },
-          children: `${a}`
+          children: `${n}`
         }
       );
   }) }), Ft = (e) => {
-    const t = u.data.filter((n) => k.indexOf(n[u.indexBy]) == -1).map((n) => n[u.indexBy]), { bars: i } = e;
-    return /* @__PURE__ */ c("g", { children: t.filter(
-      (n) => i.filter((l) => l.data.indexValue == n).length > 0
-    ).map((n) => {
-      var J;
-      const l = i.filter((d) => d.data.indexValue == n);
-      let s = "right", r = 0, a = 0;
+    const t = u.data.filter((i) => L.indexOf(i[u.indexBy]) == -1).map((i) => i[u.indexBy]), { bars: s } = e;
+    return /* @__PURE__ */ r("g", { children: t.filter(
+      (i) => s.filter((a) => a.data.indexValue == i).length > 0
+    ).map((i) => {
+      var U;
+      const a = s.filter((h) => h.data.indexValue == i);
+      let c = "right", l = 0, n = 0;
       if (o == "horizontal")
-        O === "stacked" ? (C ? r = e.innerWidth - 20 : (r = l.map((d) => d.width).reduce((d, x) => d + x), W && (r = e.innerWidth - r)), a = e.yScale(n) + l[0].height / 2) : (C ? r = e.innerWidth : (r = l.map((d) => d.width).reduce((d, x) => d > x ? d : x), W && (r = e.innerWidth - r)), a = e.yScale(n) + l.map((d) => d.height).reduce((d, x) => d + x) / 2), r = r + parseInt($) + 5;
-      else if (s = "middle", O === "stacked")
-        r = e.xScale(n) + l[0].width / 2, C ? a = a - parseInt($) : W ? a = parseInt($) + l.map((d) => d.height).reduce((d, x) => d + x) + 14 : a = e.innerHeight - parseInt($) - l.map((d) => d.height).reduce((d, x) => d + x) - 5;
-      else if (r = e.xScale(n) + l.map((d) => d.width).reduce((d, x) => d + x) / 2, W && (a = e.innerHeight), C)
-        a = a - parseInt($);
+        O === "stacked" ? (q ? l = e.innerWidth - 20 : (l = a.map((h) => h.width).reduce((h, p) => h + p), T && (l = e.innerWidth - l)), n = e.yScale(i) + a[0].height / 2) : (q ? l = e.innerWidth : (l = a.map((h) => h.width).reduce((h, p) => h > p ? h : p), T && (l = e.innerWidth - l)), n = e.yScale(i) + a.map((h) => h.height).reduce((h, p) => h + p) / 2), l = l + parseInt(E) + 5;
+      else if (c = "middle", O === "stacked")
+        l = e.xScale(i) + a[0].width / 2, q ? n = n - parseInt(E) : T ? n = parseInt(E) + a.map((h) => h.height).reduce((h, p) => h + p) + 14 : n = e.innerHeight - parseInt(E) - a.map((h) => h.height).reduce((h, p) => h + p) - 5;
+      else if (l = e.xScale(i) + a.map((h) => h.width).reduce((h, p) => h + p) / 2, T && (n = e.innerHeight), q)
+        n = n - parseInt(E);
       else {
-        if (l.length % 2 == 1) {
-          const d = Math.floor(l.length / 2);
-          a = l[d].height;
+        if (a.length % 2 == 1) {
+          const h = Math.floor(a.length / 2);
+          n = a[h].height;
         } else {
-          const d = l.length / 2;
-          a = Math.max(
-            l[d].height,
-            l[d - 1].height
+          const h = a.length / 2;
+          n = Math.max(
+            a[h].height,
+            a[h - 1].height
           );
         }
-        W ? a = a + 14 + parseInt($) : a = e.innerHeight - a - parseInt($) - 5;
+        T ? n = n + 14 + parseInt(E) : n = e.innerHeight - n - parseInt(E) - 5;
       }
-      const h = u.data.filter(
-        (d) => d[u.indexBy] === n
+      const d = u.data.filter(
+        (h) => h[u.indexBy] === i
       )[0];
-      let f = h.parent_variables ? h.parent_variables[Fe] : h[Fe];
-      const V = Y !== "index" ? (J = k == null ? void 0 : k.map((d) => h[d])) == null ? void 0 : J.reduce((d, x) => d + x, 0) : 0;
-      return f -= V, /* @__PURE__ */ c("text", { y: a, x: r, style: { fill: ue() }, children: /* @__PURE__ */ p("tspan", { textAnchor: s, children: [
+      let f = d.parent_variables ? d.parent_variables[Fe] : d[Fe];
+      const V = K !== "index" ? (U = L == null ? void 0 : L.map((h) => d[h])) == null ? void 0 : U.reduce((h, p) => h + p, 0) : 0;
+      return f -= V, /* @__PURE__ */ r("text", { y: n, x: l, style: { fill: ue() }, children: /* @__PURE__ */ x("tspan", { textAnchor: c, children: [
         we ? we + " " : "",
-        g.formatNumber(
+        b.formatNumber(
           De.style === "percent" ? f / 100 : f,
           De
         )
       ] }) });
     }) });
   }, Mt = {
-    top: S,
-    right: Pe,
-    bottom: j,
-    left: Ke
+    top: j,
+    right: Xe,
+    bottom: R,
+    left: Pe
   };
   let oe;
-  Ne && (oe = ge.parse(Ne, {
+  Ne && (oe = be.parse(Ne, {
     header: !1,
     dynamicTyping: !0
   }), Math.max(...oe.data.map((e) => e[1])), Math.min(...oe.data.map((e) => e[1])));
@@ -562,106 +600,106 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
     if (de && de.forEach((t) => {
       t.low && e.push(parseFloat(t.low)), t.high && e.push(parseFloat(t.high));
     }), u.data) {
-      const t = M(u.data, !1), i = M(u.keys, !0);
-      t.forEach((n) => {
-        i.forEach((l) => {
-          n[l] && e.push(n[l]);
+      const t = M(u.data, !1), s = M(u.keys, !0);
+      t.forEach((i) => {
+        s.forEach((a) => {
+          i[a] && e.push(i[a]);
         });
       });
     }
-    return ne && A && A.forEach((t, i) => {
-      if (I[i] !== !1)
+    return ne && A && A.forEach((t, s) => {
+      if (I[s] !== !1)
         if (t.app === "csv" && t.csvLineLayerData) {
-          const n = ge.parse(t.csvLineLayerData, {
+          const i = be.parse(t.csvLineLayerData, {
             header: !1,
             dynamicTyping: !0
           });
-          n.data && n.data.filter((l) => l[1] !== null && typeof l[1] == "number").forEach((l) => e.push(l[1]));
-        } else t.measure[0] && u.data && u.data.forEach((n) => {
-          var s;
-          const l = (s = n.variables) == null ? void 0 : s[t.measure[0]];
-          l !== null && typeof l == "number" && e.push(l);
+          i.data && i.data.filter((a) => a[1] !== null && typeof a[1] == "number").forEach((a) => e.push(a[1]));
+        } else t.measure[0] && u.data && u.data.forEach((i) => {
+          var c;
+          const a = (c = i.variables) == null ? void 0 : c[t.measure[0]];
+          a !== null && typeof a == "number" && e.push(a);
         });
     }), e;
   }, Ot = () => {
     const e = Ae(), t = e.length > 0 ? Math.max(...e) : 0;
-    if (re === "fixed" && se !== null && se !== "")
+    if (le === "fixed" && se !== null && se !== "")
       return Number(se);
-    if (O === "stacked" && re !== "fixed") {
-      const i = M(u.data, !1), n = M(u.keys, !0);
-      let l = n.length > 0 ? n : u.keys;
-      const s = Math.max(
-        ...i.map((r) => l.map((a) => r[a] ? r[a] : 0)).map((r) => r.length > 0 ? r.reduce((a, h) => a + h, 0) : 0)
+    if (O === "stacked" && le !== "fixed") {
+      const s = M(u.data, !1), i = M(u.keys, !0);
+      let a = i.length > 0 ? i : u.keys;
+      const c = Math.max(
+        ...s.map((l) => a.map((n) => l[n] ? l[n] : 0)).map((l) => l.length > 0 ? l.reduce((n, d) => n + d, 0) : 0)
       );
-      return Math.max(s, t) * 1.1;
+      return Math.max(c, t) * 1.1;
     }
     return t * 1.05;
-  }, Et = () => {
+  }, zt = () => {
     const e = Ae(), t = e.length > 0 ? Math.min(...e) : 0;
-    return re === "fixed" && le !== null && String(le) !== "" ? Number(le) : t > 0 ? t * 0.9 : t * 1.1;
-  }, $t = Number(Ot()), zt = Number(Et()), Vt = Math.min(0, zt), Bt = Math.max(0, $t), w = ["grid", "axes", "bars"];
-  at && w.push(Ft), w.push(pt), w.push(gt), ne && A && A.forEach((e, t) => {
+    return le === "fixed" && re !== null && String(re) !== "" ? Number(re) : t > 0 ? t * 0.9 : t * 1.1;
+  }, Et = Number(Ot()), $t = Number(zt()), Vt = Math.min(0, $t), Bt = Math.max(0, Et), w = ["grid", "axes", "bars"];
+  nt && w.push(Ft), w.push(pt), w.push(bt), ne && A && A.forEach((e, t) => {
     if (I[t] == !0 || I[t] == null) {
-      const { csvLineLayerData: i, lineColor: n, tooltip: l } = e;
+      const { csvLineLayerData: s, lineColor: i, tooltip: a } = e;
       if (e.app == "csv") {
-        const s = ge.parse(i, {
+        const c = be.parse(s, {
           header: !1,
           dynamicTyping: !0
         });
-        if (s.data && s.data.filter((r) => r[1] !== null).length > 0) {
-          s.data = s.data.filter(
-            (a) => a[1] !== null
+        if (c.data && c.data.filter((l) => l[1] !== null).length > 0) {
+          c.data = c.data.filter(
+            (n) => n[1] !== null
           );
-          const r = Re(
-            s,
-            n,
+          const l = Ye(
+            c,
+            i,
             o,
             O,
             M(u.keys, !0),
-            l,
+            a,
             e.title,
             ""
           );
-          w.push(r);
+          w.push(l);
         }
       } else if (e.measure[0]) {
-        const s = {}, r = u.data.map((f) => [
+        const c = {}, l = u.data.map((f) => [
           f[u.indexBy],
           f.variables[e.measure[0]]
-        ]), a = u.metadata.measures ? u.metadata.measures.filter((f) => f.value == e.measure[0]) : [];
-        s.data = r;
-        const h = Re(
-          s,
-          n,
+        ]), n = u.metadata.measures ? u.metadata.measures.filter((f) => f.value == e.measure[0]) : [];
+        c.data = l;
+        const d = Ye(
+          c,
+          i,
           o,
           O,
           M(u.keys, !0),
-          l,
+          a,
           e.title,
-          a.length > 0 ? a[0].label : ""
+          n.length > 0 ? n[0].label : ""
         );
-        w.push(h);
+        w.push(d);
       }
     }
-  }), Le === Rt && w.push(Dt), Ge && w.push(bt), w.push(Nt);
-  let ye = parseInt(lt);
-  const Te = () => /* @__PURE__ */ c(pe, { children: G && Ie && /* @__PURE__ */ c("div", { className: "legend item", children: /* @__PURE__ */ c("label", { className: "legend-title", children: Ie }) }) }), xe = [];
-  if (_ || T) {
+  }), ke === Rt && w.push(Dt), et && w.push(gt), w.push(Nt);
+  let ye = parseInt(st);
+  const _e = () => /* @__PURE__ */ r(pe, { children: G && Ie && /* @__PURE__ */ r("div", { className: "legend item", children: /* @__PURE__ */ r("label", { className: "legend-title", children: Ie }) }) }), xe = [];
+  if (S || _) {
     ye = Number.parseInt(m.yAxisTickValues);
     const e = new Map(
-      Object.entries(((_e = m == null ? void 0 : m.labels) == null ? void 0 : _e.xAxis) ?? {})
+      Object.entries(((Se = m == null ? void 0 : m.labels) == null ? void 0 : Se.xAxis) ?? {})
     );
-    for (const [t, i] of e)
-      i || xe.push(t);
+    for (const [t, s] of e)
+      s || xe.push(t);
   }
-  let Ht = parseInt(Xe + "") - Ve;
-  return /* @__PURE__ */ c("div", { style: { height: Ht + "px" }, className: "bar-chart", children: (u == null ? void 0 : u.data) && u.data.length > 0 && /* @__PURE__ */ p(pe, { children: [
-    /* @__PURE__ */ c(
-      At,
+  let Wt = parseInt(Ce + "") - Be;
+  return /* @__PURE__ */ r("div", { style: { height: Wt + "px" }, className: "bar-chart", children: (u == null ? void 0 : u.data) && u.data.length > 0 && /* @__PURE__ */ x(pe, { children: [
+    /* @__PURE__ */ r(
+      Tt,
       {
         colorBy: H.colorBy,
         animate: !0,
-        enableLabel: Le == jt,
+        enableLabel: ke == jt,
         ...u,
         maxValue: Bt,
         minValue: Vt,
@@ -669,25 +707,25 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
         data: M(u.data, !1),
         groupMode: O || "grouped",
         margin: Mt,
-        innerPadding: Ue,
-        valueScale: { type: qe, clamp: !0 },
+        innerPadding: Qe,
+        valueScale: { type: Ze, clamp: !0 },
         colors: (e) => e && e.data[Q] ? e.data[Q] : N.getColor(e.id, e.data),
         borderColor: "#000",
-        reverse: W,
+        reverse: T,
         axisTop: null,
-        axisRight: et ? {
-          tickSize: o == "horizontal" && R || o === "vertical" ? 5 : 0,
+        axisRight: tt ? {
+          tickSize: o == "horizontal" && Y || o === "vertical" ? 5 : 0,
           tickPadding: 5,
           tickRotation: 0,
           tickValues: ye,
-          legend: P.right,
+          legend: X.right,
           legendPosition: "middle",
-          legendOffset: parseInt(tt),
+          legendOffset: parseInt(at),
           format: (e) => {
             if (!e) return "";
             if (o == "vertical") {
-              const t = F || b;
-              return g.formatNumber(
+              const t = F || g;
+              return b.formatNumber(
                 t.style === "percent" ? e / 100 : e,
                 {
                   ...t
@@ -697,18 +735,18 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
             return e;
           }
         } : null,
-        axisBottom: (T || _) && (m == null ? void 0 : m.xAxisDisabled) === !0 ? null : o === "horizontal" ? {
-          legend: P.bottom,
+        axisBottom: (_ || S) && (m == null ? void 0 : m.xAxisDisabled) === !0 ? null : o === "horizontal" ? {
+          legend: X.bottom,
           legendPosition: "middle",
-          legendOffset: parseInt(ke),
+          legendOffset: parseInt(Le),
           tickPadding: 5,
           tickRotation: 0,
           tickValues: parseInt(rt),
           format: (e) => {
             if (!e) return "";
             if (o == "horizontal") {
-              const t = F || b;
-              return g.formatNumber(
+              const t = F || g;
+              return b.formatNumber(
                 t.style === "percent" ? e / 100 : e,
                 {
                   ...t
@@ -718,25 +756,25 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
             return e;
           }
         } : {
-          legend: P.bottom,
+          legend: X.bottom,
           legendPosition: "middle",
-          legendOffset: parseInt(ke),
+          legendOffset: parseInt(Le),
           renderTick: It
         },
         axisLeft: {
-          tickSize: o === "horizontal" && R || o === "vertical" ? 5 : 0,
+          tickSize: o === "horizontal" && Y || o === "vertical" ? 5 : 0,
           tickPadding: 5,
           tickRotation: 0,
           tickValues: ye,
-          legend: P.left,
+          legend: X.left,
           legendPosition: "middle",
-          legendOffset: Number.parseInt(Ce),
-          ...T || _ ? { renderTick: Lt } : {
+          legendOffset: Number.parseInt(qe),
+          ..._ || S ? { renderTick: kt } : {
             format: (e) => {
               if (!e) return "";
               if (o === "vertical") {
-                const t = F || b;
-                return g.formatNumber(
+                const t = F || g;
+                return b.formatNumber(
                   t.style === "percent" ? e / 100 : e,
                   {
                     ...t
@@ -747,16 +785,16 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
             }
           }
         },
-        enableGridY: ct,
-        enableGridX: dt,
+        enableGridY: dt,
+        enableGridX: ht,
         layout: o,
         labelSkipWidth: he,
         labelSkipHeight: me,
-        padding: Je,
+        padding: Ue,
         labelTextColor: ue(),
-        label: (e) => g.formatNumber(
-          b.style === "percent" && e.value ? e.value / 100 : e.value,
-          b
+        label: (e) => b.formatNumber(
+          g.style === "percent" && e.value ? e.value / 100 : e.value,
+          g
         ),
         layers: w,
         onMouseEnter: (e) => {
@@ -765,14 +803,14 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
         },
         motionStiffness: 130,
         motionDamping: 15,
-        tooltip: (e) => Qe && ae && ae.trim().length > 0 ? /* @__PURE__ */ c(
-          Wt,
+        tooltip: (e) => Ge && ae && ae.trim().length > 0 ? /* @__PURE__ */ r(
+          Ht,
           {
-            intl: g,
-            format: b,
+            intl: b,
+            format: g,
             d: e,
             tooltip: ae,
-            tooltipEnableMarkdown: nt
+            tooltipEnableMarkdown: lt
           }
         ) : null,
         theme: {
@@ -792,39 +830,43 @@ const jt = "middle", Rt = "top", U = "#66676d", Ye = "#dddddd", Yt = "none", Q =
         }
       }
     ),
-    (v === "top" || v === "bottom") && He && /* @__PURE__ */ c(
+    (v === "top" || v === "bottom") && He && /* @__PURE__ */ r(
       "div",
       {
         className: `legends container has-standard-12-font-size ${v}`,
-        style: v === "bottom" ? { marginBottom: `${Ve}px` } : {},
-        children: /* @__PURE__ */ p("div", { className: "legend-sections", children: [
-          /* @__PURE__ */ c("div", { className: "title-section", children: Te() }),
-          /* @__PURE__ */ c(
+        style: v === "bottom" ? { marginBottom: `${Be}px` } : {},
+        children: /* @__PURE__ */ x("div", { className: "legend-sections", children: [
+          /* @__PURE__ */ r("div", { className: "title-section", children: _e() }),
+          /* @__PURE__ */ r(
             St,
             {
               onWrapChange: (e) => {
-                v === "top" ? ($e(S + e / 2 * 40), ze(e)) : (Be(j + e / 2 * 25), ze(e));
+                if (v === "top" && Me) {
+                  const t = j + e / 2 * 40;
+                  $e(t), Ve(e);
+                } else
+                  We(R + e / 2 * 25), Ve(e);
               },
               className: "legends container has-standard-12-font-size items-section",
-              children: We()
+              children: Te()
             }
           )
         ] })
       }
     ),
-    (v === "right" || v === "left") && He && /* @__PURE__ */ p(
+    (v === "right" || v === "left") && He && /* @__PURE__ */ x(
       "div",
       {
         className: `legends container has-standard-12-font-size  ${v}`,
         style: v === "right" ? yt : xt,
         children: [
-          Te(),
-          We()
+          _e(),
+          Te()
         ]
       }
     )
   ] }) });
-}, ca = Tt(Kt);
+}, ca = At(Kt);
 export {
   ca as default
 };