@devgateway/dvz-ui-react 1.7.14 → 1.7.16

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

@@ -1,27 +1,27 @@
-import { jsx as c, jsxs as x, Fragment as be } from "react/jsx-runtime";
-import { useState as H, useEffect as ve, Fragment as Ye } 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 Ke } from "d3-shape";
-import Xe from "./LineLayer.js";
+import { jsx as c, jsxs as y, Fragment as be } from "react/jsx-runtime";
+import { useState as T, useEffect as ve, Fragment as Pe } from "react";
+import _t from "./Tooltip.js";
+import { ResponsiveBar as St } from "@nivo/bar";
+import { injectIntl as jt } from "react-intl";
+import { useTheme as Rt } from "@nivo/theming";
+import { line as Ye } from "d3-shape";
+import Ce from "./LineLayer.js";
 import Ne from "papaparse";
-import Yt from "../../layout/FlexWrapDetector.js";
+import Pt from "../../layout/FlexWrapDetector.js";
 import Ie from "../../utils/deviceType.js";
-const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee = "_Color", Zt = ({
-  editing: y,
-  legends: _,
-  marginLeft: Ze,
+const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee = "_Color", Xt = ({
+  editing: x,
+  legends: H,
+  marginLeft: Xe,
   marginTop: R,
-  marginRight: Ce,
+  marginRight: qe,
   marginBottom: P,
   options: f,
   intl: b,
   format: p,
-  colors: A,
+  colors: _,
   groupMode: F,
-  height: Je,
+  height: Ze,
   showLegends: te,
   legendPosition: v,
   tickRotation: z,
@@ -29,65 +29,65 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
   tickColor: ne,
   layout: u,
   reverse: S,
-  offsetY: Ue,
+  offsetY: Je,
   csvLineLayerData: ke,
   tooltip: le,
   lineLayerEnabled: re,
   overlays: j,
   maxValue: ie,
-  valueScale: Qe,
+  valueScale: Ue,
   colorGenerator: N,
   legendLabel: Le,
-  overrideTickColor: Ge,
+  overrideTickColor: Qe,
   fixedMinValue: se,
   fixedMaxValue: ce,
-  barPadding: et,
+  barPadding: Ge,
   barLabelPosition: we,
-  barInnerPadding: tt,
-  tooltipEnabled: at,
+  barInnerPadding: et,
+  tooltipEnabled: tt,
   xLabelColor: O,
-  barLabelColor: Z,
+  barLabelColor: q,
   legendCheckBack: L,
-  legendLabelBack: he,
-  legendLabelColor: de,
-  highlightXAxisLine: nt,
+  legendLabelBack: de,
+  legendLabelColor: he,
+  highlightXAxisLine: at,
   showTickLine: Y,
-  showRightAxis: lt,
+  showRightAxis: nt,
   offsetRight: De,
   offsetBottom: me,
   confidenceIntervals: fe,
-  showGroupTotal: rt,
+  showGroupTotal: lt,
   groupTotalLabel: Me,
   groupTotalFormat: Oe,
   groupTotalMeasure: Fe,
   groupTotalOffset: E,
-  groupTotalFixedPosition: C,
-  tooltipEnableMarkdown: it,
-  xAxisTickValues: st,
-  yAxisTickValues: ct,
-  mobileCustomization: ht,
-  minMaxClamp: Ct,
+  groupTotalFixedPosition: Z,
+  tooltipEnableMarkdown: rt,
+  xAxisTickValues: it,
+  yAxisTickValues: st,
+  mobileCustomization: ct,
+  minMaxClamp: qt,
   reverseLegend: dt,
-  enableGridY: mt,
-  enableGridX: ft,
+  enableGridY: ht,
+  enableGridX: mt,
   customAxisFormat: I,
   previewMode: V,
-  showLegendsInColumns: Jt = !1,
-  numberOfLegendColumns: Ut = 4,
+  showLegendsInColumns: Zt = !1,
+  numberOfLegendColumns: Jt = 4,
   lineXAxisTickMode: ze = "none",
-  lineXAxisTickCount: ut = 10,
-  lineXAxisTickEvery: ot = 1
+  lineXAxisTickCount: ft = 10,
+  lineXAxisTickEvery: ut = 1
 }) => {
-  var Pe;
+  var Re;
   const Ee = ["mobile", "tablet", "midTablet"].includes(
     Ie()
-  ), J = ["tablet", "midTablet"].includes(Ie()), U = Ie() === "mobile", ue = 30, oe = 15, d = JSON.parse(
-    decodeURIComponent(ht)
-  ), Ve = Ee && ((d == null ? void 0 : d.showCustomization) ?? !1), $ = Ve && V !== "Desktop", B = !y && Ve, ye = () => Z === "null" || Z === null || !Z ? "#000000" : Z, [w, yt] = H([]), { colorBy: K } = A, $e = {};
+  ), J = ["tablet", "midTablet"].includes(Ie()), U = Ie() === "mobile", ue = 30, oe = 15, h = JSON.parse(
+    decodeURIComponent(ct)
+  ), Ve = Ee && ((h == null ? void 0 : h.showCustomization) ?? !1), $ = Ve && V !== "Desktop", B = !x && Ve, xe = () => q === "null" || q === null || !q ? "#000000" : q, [w, ot] = T([]), { colorBy: C } = _, $e = {};
   j.forEach((e, t) => {
     $e[t] = !0;
   });
-  const [k, xt] = H($e), [Be, pt] = H(50), [Qt, We] = H(R), [Gt, He] = H(0), [Te, _e] = H(P), [Ae, gt] = H(!1);
+  const [k, xt] = T($e), [Be, yt] = T(50), [Ut, We] = T(R), [Qt, Te] = T(0), [pt, Ae] = T(P), [He, gt] = T(!1);
   ve(() => {
     let e, t;
     return e = requestAnimationFrame(() => {
@@ -100,20 +100,20 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
       cancelAnimationFrame(e), clearTimeout(t);
     };
   }, []);
-  const X = ((e, t, r, i, a) => {
+  const K = ((e, t, r, i, a) => {
     let s = [];
     return e.data && (s = t.colorBy === "index" ? e.data.map((l) => {
-      let n, h = !0;
-      return r.indexOf(l[e.indexBy]) > -1 ? (h = !1, n = i) : n = l[ee] ? l[ee] : a.getColor(l.id, l), {
-        enabled: h,
+      let n, d = !0;
+      return r.indexOf(l[e.indexBy]) > -1 ? (d = !1, n = i) : n = l[ee] ? l[ee] : a.getColor(l.id, l), {
+        enabled: d,
         color: n,
         id: l[e.indexBy],
         label: l[e.indexBy]
       };
     }) : e.keys.map((l) => {
-      let n, h = !0;
-      return r.indexOf(l) > -1 ? (h = !1, n = i) : n = a.getColorByKey(l), {
-        enabled: h,
+      let n, d = !0;
+      return r.indexOf(l) > -1 ? (d = !1, n = i) : n = a.getColorByKey(l), {
+        enabled: d,
         color: n,
         id: l,
         label: l
@@ -121,12 +121,12 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
     })), s;
   })(
     f,
-    A,
+    _,
     w,
-    qt,
+    Kt,
     N
-  ), Se = () => (dt && X.reverse(), /* @__PURE__ */ x(be, { children: [
-    te && X.map((e) => /* @__PURE__ */ x(
+  ), _e = () => (dt && K.reverse(), /* @__PURE__ */ y(be, { children: [
+    te && K.map((e) => /* @__PURE__ */ y(
       "div",
       {
         className: `legend item ${e.enabled ? "" : "ignore"}`,
@@ -139,7 +139,7 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
               type: "checkbox",
               checked: e.enabled,
               style: {
-                backgroundColor: L ? K === "values" ? ne : e.color : "none",
+                backgroundColor: L ? C === "values" ? ne : e.color : "none",
                 color: "#000"
               }
             }
@@ -162,23 +162,23 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
             }
           ),
           !L && /* @__PURE__ */ c("span", { className: "checkmark" }),
-          he && /* @__PURE__ */ c(
+          de && /* @__PURE__ */ c(
             "label",
             {
               className: e.enabled ? "" : "ignore",
               style: {
-                backgroundColor: K === "values" ? ne : e.color,
-                color: de
+                backgroundColor: C === "values" ? ne : e.color,
+                color: he
               },
               children: e.label
             }
           ),
-          !he && /* @__PURE__ */ c(
+          !de && /* @__PURE__ */ c(
             "label",
             {
               className: e.enabled ? "" : "ignore",
               style: {
-                color: de
+                color: he
               },
               children: e.label
             }
@@ -186,7 +186,7 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
         ]
       }
     )),
-    K === "values" && /* @__PURE__ */ x("div", { className: "legend item", children: [
+    C === "values" && /* @__PURE__ */ y("div", { className: "legend item", children: [
       /* @__PURE__ */ c(
         "label",
         {
@@ -207,7 +207,7 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
         }
       ) })
     ] }),
-    K === "values" && /* @__PURE__ */ x("div", { className: "legend item", children: [
+    C === "values" && /* @__PURE__ */ y("div", { className: "legend item", children: [
       /* @__PURE__ */ c(
         "label",
         {
@@ -229,7 +229,7 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
         }
       ) })
     ] }),
-    te && re && j.map((e, t) => /* @__PURE__ */ x("div", { className: "legend item", onClick: () => Ft(t), children: [
+    te && re && j.map((e, t) => /* @__PURE__ */ y("div", { className: "legend item", onClick: () => Ft(t), children: [
       /* @__PURE__ */ c(
         "input",
         {
@@ -256,8 +256,8 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
         {
           className: k[t] ? "" : "ignore",
           style: {
-            backgroundColor: k[t] && he === !0 ? e.lineColor : "none",
-            color: de
+            backgroundColor: k[t] && de === !0 ? e.lineColor : "none",
+            color: he
           },
           children: e.title
         }
@@ -266,24 +266,26 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
   ] }));
   ve(() => {
     (() => {
-      const r = 5 * Math.max(X.length - 5, 0);
-      pt(r);
+      const r = 5 * Math.max(K.length - 5, 0);
+      yt(r);
     })();
-  }, [X]), ve(() => {
-    We(R), _e(P);
+  }, [K]), ve(() => {
+    We(R), Ae(P);
   }, [v, R, P]);
   const bt = {
-    bottom: `-${Be}px`
+    bottom: `-${Be}px`,
+    justifyContent: "flex-start"
   }, vt = {
     bottom: `-${Be}px`,
-    gap: "0px"
+    gap: "0px",
+    justifyContent: "flex-start"
     // top: "0px",
-  }, Nt = (e) => xe(e, "1 0", qe, "Y"), It = (e) => xe(e, "4 4", T, "X"), kt = (e) => xe(e, "1 0", qe, "X"), Lt = (e) => {
-    const t = X.find((r) => r.id === e.value);
+  }, Nt = (e) => ye(e, "1 0", Ke, "Y"), It = (e) => ye(e, "4 4", A, "X"), kt = (e) => ye(e, "1 0", Ke, "X"), Lt = (e) => {
+    const t = K.find((r) => r.id === e.value);
     return t ? t.color : "#FFFFFF";
   }, wt = (e) => {
     const { yScale: t, xScale: r, bars: i } = e;
-    return /* @__PURE__ */ c(Ye, { children: i.filter((a) => a.data.value != null).map((a) => {
+    return /* @__PURE__ */ c(Pe, { children: i.filter((a) => a.data.value != null).map((a) => {
       let s = a.data.indexValue;
       f.dimensionsMetadata && f.dimensionsMetadata.size > 1 && (s = a.data.id);
       const l = fe.filter(
@@ -291,17 +293,17 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
       )[0];
       if (l && l.low && l.high)
         if (u === "horizontal") {
-          const n = r(parseFloat(l.low)), h = r(parseFloat(l.high));
-          return /* @__PURE__ */ x("g", { children: [
+          const n = r(parseFloat(l.low)), d = r(parseFloat(l.high));
+          return /* @__PURE__ */ y("g", { children: [
             /* @__PURE__ */ c(
               "line",
               {
                 x1: n,
-                x2: h,
+                x2: d,
                 y1: a.y + a.height / 2,
                 y2: a.y + a.height / 2,
                 strokeWidth: 1,
-                stroke: T
+                stroke: A
               }
             ),
             /* @__PURE__ */ c(
@@ -312,33 +314,33 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
                 y1: a.y + a.height / 2 - 3,
                 y2: a.y + a.height / 2 + 3,
                 strokeWidth: 1,
-                stroke: T
+                stroke: A
               }
             ),
             /* @__PURE__ */ c(
               "line",
               {
-                x1: h,
-                x2: h,
+                x1: d,
+                x2: d,
                 y1: a.y + a.height / 2 - 3,
                 y2: a.y + a.height / 2 + 3,
                 strokeWidth: 1,
-                stroke: T
+                stroke: A
               }
             )
           ] });
         } else {
-          const n = t(parseFloat(l.low)), h = t(parseFloat(l.high));
-          return /* @__PURE__ */ x("g", { children: [
+          const n = t(parseFloat(l.low)), d = t(parseFloat(l.high));
+          return /* @__PURE__ */ y("g", { children: [
             /* @__PURE__ */ c(
               "line",
               {
                 y1: n,
-                y2: h,
+                y2: d,
                 x1: a.x + a.width / 2,
                 x2: a.x + a.width / 2,
                 strokeWidth: 1,
-                stroke: T
+                stroke: A
               }
             ),
             /* @__PURE__ */ c(
@@ -349,53 +351,53 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
                 x1: a.x + a.width / 2 - 3,
                 x2: a.x + a.width / 2 + 3,
                 strokeWidth: 1,
-                stroke: T
+                stroke: A
               }
             ),
             /* @__PURE__ */ c(
               "line",
               {
-                y1: h,
-                y2: h,
+                y1: d,
+                y2: d,
                 x1: a.x + a.width / 2 - 3,
                 x2: a.x + a.width / 2 + 3,
                 strokeWidth: 1,
-                stroke: T
+                stroke: A
               }
             )
           ] });
         }
     }) });
-  }, xe = (e, t, r, i) => {
+  }, ye = (e, t, r, i) => {
     const { yScale: a, innerWidth: s, innerHeight: l } = e;
-    let n, h;
-    return i == "X" ? (n = [0, s], h = Ke().x((o, W) => W === 0 ? -10 : o).y(() => a(0))) : (n = [0, l], h = Ke().x(() => 0).y((o) => o)), /* @__PURE__ */ c(Ye, { children: /* @__PURE__ */ c(
+    let n, d;
+    return i == "X" ? (n = [0, s], d = Ye().x((o, W) => W === 0 ? -10 : o).y(() => a(0))) : (n = [0, l], d = Ye().x(() => 0).y((o) => o)), /* @__PURE__ */ c(Pe, { children: /* @__PURE__ */ c(
       "path",
       {
-        d: h(n),
+        d: d(n),
         fill: "none",
         stroke: r,
         style: { pointerEvents: "none", strokeDasharray: t }
       }
     ) });
-  }, D = (e, t) => w ? (A.colorBy === "index" || A.colorBy === "id" || A.colorBy === "values") && !t ? e.filter((r) => w.indexOf(r[f.indexBy]) === -1) : e ? e.filter((r) => w.indexOf(r) === -1) : [] : e, Dt = (e) => {
-    const t = Pt();
+  }, D = (e, t) => w ? (_.colorBy === "index" || _.colorBy === "id" || _.colorBy === "values") && !t ? e.filter((r) => w.indexOf(r[f.indexBy]) === -1) : e ? e.filter((r) => w.indexOf(r) === -1) : [] : e, Dt = (e) => {
+    const t = Rt();
     if (!e.value) return "";
     const r = Object.assign({}, e);
     (B || $) && ge.includes(String(r.value)) && (r.value = "");
     let i;
-    Ge ? i = ne : i = Lt(e);
+    Qe ? i = ne : i = Lt(e);
     let a = [], s = "";
     if ($ || B) {
       const n = String(r.value).split(" ");
-      let h = 25;
-      y && V === "Mobile" || U && !y ? h = (d == null ? void 0 : d.mobileMaxTickLength) ?? 25 : y && V === "Tablet" || J && !y ? h = (d == null ? void 0 : d.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !y && (h = 15), n.forEach((o) => {
-        s.length + String(o).length <= h ? s += (s ? " " : "") + o : (a.push(s), s = o);
+      let d = 25;
+      x && V === "Mobile" || U && !x ? d = (h == null ? void 0 : h.mobileMaxTickLength) ?? 25 : x && V === "Tablet" || J && !x ? d = (h == null ? void 0 : h.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !x && (d = 15), n.forEach((o) => {
+        s.length + String(o).length <= d ? s += (s ? " " : "") + o : (a.push(s), s = o);
       }), s && a.push(s);
     } else
       a = [r.value];
     let l = 12;
-    return U ? l = (d == null ? void 0 : d.mobileYAxisLineHeight) ?? 12 : J && (l = (d == null ? void 0 : d.tabletYAxisLineHeight) ?? 12), z > 0 && z < 180 ? /* @__PURE__ */ x("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+    return U ? l = (h == null ? void 0 : h.mobileYAxisLineHeight) ?? 12 : J && (l = (h == null ? void 0 : h.tabletYAxisLineHeight) ?? 12), z > 0 && z < 180 ? /* @__PURE__ */ y("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
       Y && /* @__PURE__ */ c(
         "line",
         {
@@ -405,12 +407,12 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
           y2: -12
         }
       ),
-      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ae})`, children: a.map((n, h) => /* @__PURE__ */ c(
+      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ae})`, children: a.map((n, d) => /* @__PURE__ */ c(
         "text",
         {
           transform: `rotate(${z})`,
           textAnchor: "start",
-          y: typeof e.value == "number" ? 0 : h * l,
+          y: typeof e.value == "number" ? 0 : d * l,
           dominantBaseline: "middle",
           style: {
             ...t.axis.ticks.text,
@@ -422,7 +424,7 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
         },
         n
       )) })
-    ] }) : z > 180 && z < 360 ? /* @__PURE__ */ x("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+    ] }) : z > 180 && z < 360 ? /* @__PURE__ */ y("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
       Y && /* @__PURE__ */ c(
         "line",
         {
@@ -432,12 +434,12 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
           y2: -12
         }
       ),
-      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ae})`, children: a.map((n, h) => /* @__PURE__ */ c(
+      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ae})`, children: a.map((n, d) => /* @__PURE__ */ c(
         "text",
         {
           transform: `rotate(${z})`,
           textAnchor: "end",
-          y: typeof e.value == "number" ? 0 : h * l,
+          y: typeof e.value == "number" ? 0 : d * l,
           dominantBaseline: "middle",
           style: {
             ...t.axis.ticks.text,
@@ -447,9 +449,9 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
           },
           children: n
         },
-        h
+        d
       )) })
-    ] }) : /* @__PURE__ */ x("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+    ] }) : /* @__PURE__ */ y("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
       Y && /* @__PURE__ */ c(
         "line",
         {
@@ -459,12 +461,12 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
           y2: -12
         }
       ),
-      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ae})`, children: a.map((n, h) => /* @__PURE__ */ c(
+      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ae})`, children: a.map((n, d) => /* @__PURE__ */ c(
         "text",
         {
           transform: `rotate(${z})`,
           textAnchor: "middle",
-          y: typeof e.value == "number" ? 0 : h * l,
+          y: typeof e.value == "number" ? 0 : d * l,
           dominantBaseline: "middle",
           style: {
             ...t.axis.ticks.text,
@@ -474,7 +476,7 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
           },
           children: n
         },
-        h
+        d
       )) })
     ] });
   }, Mt = (e) => {
@@ -491,20 +493,20 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
       );
     }
     let r = 25;
-    y && V === "Mobile" || U && !y ? r = (d == null ? void 0 : d.mobileMaxTickLength) ?? 25 : y && V === "Tablet" || J && !y ? r = (d == null ? void 0 : d.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !y && (r = 15);
+    x && V === "Mobile" || U && !x ? r = (h == null ? void 0 : h.mobileMaxTickLength) ?? 25 : x && V === "Tablet" || J && !x ? r = (h == null ? void 0 : h.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !x && (r = 15);
     const i = typeof t == "string" ? t.split(" ") : [t], a = [];
     let s = "";
     i.forEach((n) => {
       s.length + String(n).length <= r ? s += (s ? " " : "") + n : (a.push(s), s = n);
     }), s && a.push(s);
     let l = 12;
-    return y && V === "Mobile" || U && !y ? l = (d == null ? void 0 : d.mobileYAxisLineHeight) ?? 12 : (y && V === "Tablet" || J && !y) && (l = (d == null ? void 0 : d.tabletYAxisLineHeight) ?? 12), /* @__PURE__ */ x("g", { transform: `translate(${e.x},${e.y})`, children: [
+    return x && V === "Mobile" || U && !x ? l = (h == null ? void 0 : h.mobileYAxisLineHeight) ?? 12 : (x && V === "Tablet" || J && !x) && (l = (h == null ? void 0 : h.tabletYAxisLineHeight) ?? 12), /* @__PURE__ */ y("g", { transform: `translate(${e.x},${e.y})`, children: [
       /* @__PURE__ */ c("line", { x1: -5, x2: 0, y1: 0, y2: 0, stroke: "#000", strokeWidth: 1 }),
-      a.map((n, h) => /* @__PURE__ */ c(
+      a.map((n, d) => /* @__PURE__ */ c(
         "text",
         {
           x: -10,
-          y: typeof t == "number" ? 0 : h * l,
+          y: typeof t == "number" ? 0 : d * l,
           textAnchor: "end",
           dominantBaseline: "middle",
           style: {
@@ -524,7 +526,7 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
       t.splice(r, 1);
     } else
       t.push(e);
-    yt(t);
+    ot(t);
   }, Ft = (e) => {
     const t = Object.assign({}, k);
     t[e] = !t[e], xt(t);
@@ -535,15 +537,15 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
     const n = l.value ? b.formatNumber(
       p.style === "percent" ? l.value / 100 : l.value,
       p
-    ) : "", h = n.length;
+    ) : "", d = n.length;
     let o, W;
     if (u === "vertical" && r >= ue || u === "horizontal" && i >= oe)
-      return u === "vertical" ? (o = a - 6, W = s + r / 2 - h * 3.5) : (o = a + i / 2 + 4, W = s + r + 5), /* @__PURE__ */ c(
+      return u === "vertical" ? (o = a - 6, W = s + r / 2 - d * 3.5) : (o = a + i / 2 + 4, W = s + r + 5), /* @__PURE__ */ c(
         "text",
         {
           y: o,
           x: W,
-          style: { fill: ye() },
+          style: { fill: xe() },
           children: `${n}`
         }
       );
@@ -556,10 +558,10 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
       const a = r.filter((m) => m.data.indexValue == i);
       let s = "right", l = 0, n = 0;
       if (u == "horizontal")
-        F === "stacked" ? (C ? l = e.innerWidth - 20 : (l = a.map((m) => m.width).reduce((m, g) => m + g), S && (l = e.innerWidth - l)), n = e.yScale(i) + a[0].height / 2) : (C ? l = e.innerWidth : (l = a.map((m) => m.width).reduce((m, g) => m > g ? m : g), S && (l = e.innerWidth - l)), n = e.yScale(i) + a.map((m) => m.height).reduce((m, g) => m + g) / 2), l = l + parseInt(E) + 5;
+        F === "stacked" ? (Z ? l = e.innerWidth - 20 : (l = a.map((m) => m.width).reduce((m, g) => m + g), S && (l = e.innerWidth - l)), n = e.yScale(i) + a[0].height / 2) : (Z ? l = e.innerWidth : (l = a.map((m) => m.width).reduce((m, g) => m > g ? m : g), S && (l = e.innerWidth - l)), n = e.yScale(i) + a.map((m) => m.height).reduce((m, g) => m + g) / 2), l = l + parseInt(E) + 5;
       else if (s = "middle", F === "stacked")
-        l = e.xScale(i) + a[0].width / 2, C ? n = n - parseInt(E) : S ? n = parseInt(E) + a.map((m) => m.height).reduce((m, g) => m + g) + 14 : n = e.innerHeight - parseInt(E) - a.map((m) => m.height).reduce((m, g) => m + g) - 5;
-      else if (l = e.xScale(i) + a.map((m) => m.width).reduce((m, g) => m + g) / 2, S && (n = e.innerHeight), C)
+        l = e.xScale(i) + a[0].width / 2, Z ? n = n - parseInt(E) : S ? n = parseInt(E) + a.map((m) => m.height).reduce((m, g) => m + g) + 14 : n = e.innerHeight - parseInt(E) - a.map((m) => m.height).reduce((m, g) => m + g) - 5;
+      else if (l = e.xScale(i) + a.map((m) => m.width).reduce((m, g) => m + g) / 2, S && (n = e.innerHeight), Z)
         n = n - parseInt(E);
       else {
         if (a.length % 2 == 1) {
@@ -574,12 +576,12 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
         }
         S ? n = n + 14 + parseInt(E) : n = e.innerHeight - n - parseInt(E) - 5;
       }
-      const h = f.data.filter(
+      const d = f.data.filter(
         (m) => m[f.indexBy] === i
       )[0];
-      let o = h.parent_variables ? h.parent_variables[Fe] : h[Fe];
-      const W = K !== "index" ? (G = w == null ? void 0 : w.map((m) => h[m])) == null ? void 0 : G.reduce((m, g) => m + g, 0) : 0;
-      return o -= W, /* @__PURE__ */ c("text", { y: n, x: l, style: { fill: ye() }, children: /* @__PURE__ */ x("tspan", { textAnchor: s, children: [
+      let o = d.parent_variables ? d.parent_variables[Fe] : d[Fe];
+      const W = C !== "index" ? (G = w == null ? void 0 : w.map((m) => d[m])) == null ? void 0 : G.reduce((m, g) => m + g, 0) : 0;
+      return o -= W, /* @__PURE__ */ c("text", { y: n, x: l, style: { fill: xe() }, children: /* @__PURE__ */ y("tspan", { textAnchor: s, children: [
         Me ? Me + " " : "",
         b.formatNumber(
           Oe.style === "percent" ? o / 100 : o,
@@ -589,16 +591,16 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
     }) });
   }, Vt = {
     top: R,
-    right: Ce,
+    right: qe,
     bottom: P,
-    left: Ze
+    left: Xe
   };
   let pe;
   ke && (pe = Ne.parse(ke, {
     header: !1,
     dynamicTyping: !0
   }), Math.max(...pe.data.map((e) => e[1])), Math.min(...pe.data.map((e) => e[1])));
-  const je = () => {
+  const Se = () => {
     const e = [];
     if (fe && fe.forEach((t) => {
       t.low && e.push(parseFloat(t.low)), t.high && e.push(parseFloat(t.high));
@@ -625,23 +627,23 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
         });
     }), e;
   }, $t = () => {
-    const e = je(), t = e.length > 0 ? Math.max(...e) : 0;
+    const e = Se(), t = e.length > 0 ? Math.max(...e) : 0;
     if (ie === "fixed" && ce !== null && ce !== "")
       return Number(ce);
     if (F === "stacked" && ie !== "fixed") {
       const r = D(f.data, !1), i = D(f.keys, !0);
       let a = i.length > 0 ? i : f.keys;
       const s = Math.max(
-        ...r.map((l) => a.map((n) => l[n] ? l[n] : 0)).map((l) => l.length > 0 ? l.reduce((n, h) => n + h, 0) : 0)
+        ...r.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 t * 1.05;
   }, Bt = () => {
-    const e = je(), t = e.length > 0 ? Math.min(...e) : 0;
+    const e = Se(), t = e.length > 0 ? Math.min(...e) : 0;
     return ie === "fixed" && se !== null && String(se) !== "" ? Number(se) : t > 0 ? t * 0.9 : t * 1.1;
-  }, Wt = Number($t()), Ht = Number(Bt()), Tt = Math.min(0, Ht), _t = Math.max(0, Wt), M = ["grid", "axes", "bars"];
-  rt && M.push(Et), M.push(Nt), M.push(kt), re && j && j.forEach((e, t) => {
+  }, Wt = Number($t()), Tt = Number(Bt()), At = Math.min(0, Tt), Ht = Math.max(0, Wt), M = ["grid", "axes", "bars"];
+  lt && M.push(Et), M.push(Nt), M.push(kt), re && j && j.forEach((e, t) => {
     if (k[t] == !0 || k[t] == null) {
       const { csvLineLayerData: r, lineColor: i, tooltip: a } = e;
       if (e.app == "csv") {
@@ -653,7 +655,7 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
           s.data = s.data.filter(
             (n) => n[1] !== null
           );
-          const l = Xe(
+          const l = Ce(
             s,
             i,
             u,
@@ -671,7 +673,7 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
           o.variables[e.measure[0]]
         ]), n = f.metadata.measures ? f.metadata.measures.filter((o) => o.value == e.measure[0]) : [];
         s.data = l;
-        const h = Xe(
+        const d = Ce(
           s,
           i,
           u,
@@ -681,74 +683,73 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
           e.title,
           n.length > 0 ? n[0].label : ""
         );
-        M.push(h);
+        M.push(d);
       }
     }
-  }), we === Xt && M.push(zt), nt && M.push(It), M.push(wt);
-  let Q = parseInt(ct);
-  const Re = () => /* @__PURE__ */ c(be, { children: te && Le && /* @__PURE__ */ c("div", { className: "legend item", children: /* @__PURE__ */ c("label", { className: "legend-title", children: Le }) }) }), ge = [];
+  }), we === Ct && M.push(zt), at && M.push(It), M.push(wt);
+  let Q = parseInt(st);
+  const je = () => /* @__PURE__ */ c(be, { children: te && Le && /* @__PURE__ */ c("div", { className: "legend item", children: /* @__PURE__ */ c("label", { className: "legend-title", children: Le }) }) }), ge = [];
   if (B || $) {
-    Q = Number.parseInt(d.yAxisTickValues);
+    Q = Number.parseInt(h.yAxisTickValues);
     const e = new Map(
-      Object.entries(((Pe = d == null ? void 0 : d.labels) == null ? void 0 : Pe.xAxis) ?? {})
+      Object.entries(((Re = h == null ? void 0 : h.labels) == null ? void 0 : Re.xAxis) ?? {})
     );
     for (const [t, r] of e)
       r || ge.push(t);
   }
-  let q;
+  let X;
   if (u === "vertical" && (f != null && f.data) && f.data.length > 0) {
     const e = D(f.data, !1), t = [];
     if (e.forEach((r) => {
       const i = r == null ? void 0 : r[f.indexBy];
       i !== void 0 && t.indexOf(i) === -1 && t.push(i);
     }), ze === "count") {
-      const r = Math.max(1, parseInt(String(ut)));
+      const r = Math.max(1, parseInt(String(ft)));
       if (t.length > 0 && r > 0)
         if (t.length <= r)
-          q = t.slice();
+          X = t.slice();
         else {
           const i = (t.length - 1) / (r - 1), a = new Array(r);
           for (let s = 0; s < r; s++)
             a[s] = Math.floor(s * i);
-          a[r - 1] = t.length - 1, q = a.map((s) => t[s]);
+          a[r - 1] = t.length - 1, X = a.map((s) => t[s]);
         }
     } else if (ze === "every") {
-      const r = Math.max(1, parseInt(String(ot)));
+      const r = Math.max(1, parseInt(String(ut)));
       if (t.length > 0) {
         const i = [];
         for (let a = 0; a < t.length; a++)
           a % r === 0 && i.push(t[a]);
-        i[i.length - 1] !== t[t.length - 1] && i.push(t[t.length - 1]), q = i;
+        i[i.length - 1] !== t[t.length - 1] && i.push(t[t.length - 1]), X = i;
       }
     }
   }
-  let At = parseInt(Je + "") - Te;
-  return /* @__PURE__ */ c("div", { style: { height: At + "px" }, className: "bar-chart", children: (f == null ? void 0 : f.data) && f.data.length > 0 && /* @__PURE__ */ x(be, { children: [
+  return /* @__PURE__ */ c("div", { style: { height: Ze }, children: (f == null ? void 0 : f.data) && f.data.length > 0 && /* @__PURE__ */ y(be, { children: [
     /* @__PURE__ */ c(
-      jt,
+      St,
       {
-        colorBy: A.colorBy,
+        colorBy: _.colorBy,
         animate: !0,
-        enableLabel: we == Kt,
+        enableLabel: we == Yt,
         ...f,
-        maxValue: _t,
-        minValue: Tt,
+        maxValue: Ht,
+        minValue: At,
         keys: D(f.keys, !0),
         data: D(f.data, !1),
         groupMode: F || "grouped",
         margin: Vt,
-        innerPadding: tt,
-        valueScale: { type: Qe, clamp: !0 },
+        innerPadding: et,
+        valueScale: { type: Ue, clamp: !0 },
         colors: (e) => e && e.data[ee] ? e.data[ee] : N.getColor(e.id, e.data),
         borderColor: "#000",
         reverse: S,
         axisTop: null,
-        axisRight: lt ? {
+        axisRight: nt ? {
           tickSize: u == "horizontal" && Y || u === "vertical" ? 5 : 0,
           tickPadding: 5,
           tickRotation: 0,
           tickValues: Q,
-          legend: _.right,
+          legend: H.right,
           legendPosition: "middle",
           legendOffset: parseInt(De),
           format: (e) => {
@@ -765,14 +766,14 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
             return e;
           }
         } : null,
-        axisBottom: ($ || B) && (d == null ? void 0 : d.xAxisDisabled) === !0 ? null : u === "horizontal" ? {
-          legend: _.bottom,
+        axisBottom: ($ || B) && (h == null ? void 0 : h.xAxisDisabled) === !0 ? null : u === "horizontal" ? {
+          legend: H.bottom,
           legendPosition: "middle",
           legendOffset: parseInt(me),
           tickPadding: 5,
           tickRotation: 0,
           tickValues: Q,
-          legend: _.right,
+          legend: H.right,
           legendPosition: "middle",
           legendOffset: parseInt(De),
           format: (e) => {
@@ -789,13 +790,13 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
             return e;
           }
         } : null,
-        axisBottom: ($ || B) && (d == null ? void 0 : d.xAxisDisabled) === !0 ? null : u === "horizontal" ? {
-          legend: _.bottom,
+        axisBottom: ($ || B) && (h == null ? void 0 : h.xAxisDisabled) === !0 ? null : u === "horizontal" ? {
+          legend: H.bottom,
           legendPosition: "middle",
           legendOffset: parseInt(me),
           tickPadding: 5,
           tickRotation: 0,
-          tickValues: parseInt(st),
+          tickValues: parseInt(it),
           format: (e) => {
             if (!e) return "";
             if (u == "horizontal") {
@@ -810,10 +811,10 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
             return e;
           }
         } : {
-          legend: _.bottom,
+          legend: H.bottom,
           legendPosition: "middle",
           legendOffset: parseInt(me),
-          ...q ? { tickValues: q } : {},
+          ...X ? { tickValues: X } : {},
           renderTick: Dt
         },
         axisLeft: {
@@ -821,9 +822,9 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
           tickPadding: 5,
           tickRotation: 0,
           tickValues: Q,
-          legend: _.left,
+          legend: H.left,
           legendPosition: "middle",
-          legendOffset: Number.parseInt(Ue),
+          legendOffset: Number.parseInt(Je),
           ...$ || B ? { renderTick: Mt } : {
             format: (e) => {
               if (!e) return "";
@@ -840,13 +841,13 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
             }
           }
         },
-        enableGridY: mt,
-        enableGridX: ft,
+        enableGridY: ht,
+        enableGridX: mt,
         layout: u,
         labelSkipWidth: ue,
         labelSkipHeight: oe,
-        padding: et,
-        labelTextColor: ye(),
+        padding: Ge,
+        labelTextColor: xe(),
         label: (e) => b.formatNumber(
           p.style === "percent" && e.value ? e.value / 100 : e.value,
           p
@@ -858,14 +859,14 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
         },
         motionStiffness: 130,
         motionDamping: 15,
-        tooltip: (e) => at && le && le.trim().length > 0 ? /* @__PURE__ */ c(
-          St,
+        tooltip: (e) => tt && le && le.trim().length > 0 ? /* @__PURE__ */ c(
+          _t,
           {
             intl: b,
             format: p,
             d: e,
             tooltip: le,
-            tooltipEnableMarkdown: it
+            tooltipEnableMarkdown: rt
           }
         ) : null,
         theme: {
@@ -885,43 +886,50 @@ const Kt = "middle", Xt = "top", T = "#66676d", qe = "#dddddd", qt = "none", ee
         }
       }
     ),
-    (v === "top" || v === "bottom") && Ae && /* @__PURE__ */ c(
+    (v === "top" || v === "bottom") && He && /* @__PURE__ */ c(
       "div",
       {
         className: `legends container has-standard-12-font-size ${v}`,
-        style: v === "bottom" ? { marginBottom: `${Te}px` } : {},
-        children: /* @__PURE__ */ x("div", { className: "legend-sections", children: [
-          /* @__PURE__ */ c("div", { className: "title-section", children: Re() }),
+        style: v === "bottom" ? {
+          marginBottom: `${pt}px`,
+          marginTop: "25px",
+          textAlign: "left",
+          justifyContent: "flex-start"
+        } : {
+          justifyContent: "flex-start"
+        },
+        children: /* @__PURE__ */ y("div", { className: "legend-sections", children: [
+          /* @__PURE__ */ c("div", { className: "title-section", children: je() }),
           /* @__PURE__ */ c(
-            Yt,
+            Pt,
             {
               onWrapChange: (e) => {
                 if (v === "top" && Ee) {
                   const t = R + e / 2 * 40;
-                  We(t), He(e);
+                  We(t), Te(e);
                 } else
-                  _e(P + e / 2 * 25), He(e);
+                  Ae(P + e / 2 * 25), Te(e);
               },
               className: "legends container has-standard-12-font-size items-section",
-              children: Se()
+              children: _e()
             }
           )
         ] })
       }
     ),
-    (v === "right" || v === "left") && Ae && /* @__PURE__ */ x(
+    (v === "right" || v === "left") && He && /* @__PURE__ */ y(
       "div",
       {
         className: `legends container has-standard-12-font-size  ${v}`,
         style: v === "right" ? bt : vt,
         children: [
-          Re(),
-          Se()
+          je(),
+          _e()
         ]
       }
     )
   ] }) });
-}, fa = Rt(Zt);
+}, ma = jt(Xt);
 export {
-  fa as default
+  ma as default
 };