@devgateway/dvz-ui-react 1.4.0 → 1.5.1

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

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