@devgateway/dvz-ui-react 1.0.7 → 1.1.0

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

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