@devgateway/dvz-ui-react 1.8.8 → 1.9.0

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

@@ -1,99 +1,96 @@
-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 Pt from "../../layout/FlexWrapDetector.js";
-import Ie from "../../utils/deviceType.js";
-const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee = "_Color", Xt = ({
-  editing: x,
-  legends: H,
-  marginLeft: Xe,
-  marginTop: R,
-  marginRight: qe,
-  marginBottom: P,
-  options: f,
+import { jsx as c, jsxs as x, Fragment as ve } from "react/jsx-runtime";
+import { useState as B, useEffect as Ne, Fragment as Pe } from "react";
+import Ct from "./Tooltip.js";
+import { ResponsiveBar as Yt } from "@nivo/bar";
+import { injectIntl as Kt } from "react-intl";
+import { useTheme as Pt } from "@nivo/theming";
+import { line as Xe } from "d3-shape";
+import qe from "./LineLayer.js";
+import Ie from "papaparse";
+import Xt from "../../layout/FlexWrapDetector.js";
+import ke from "../../utils/deviceType.js";
+const qt = "middle", Zt = "top", W = "#66676d", Ze = "#dddddd", Jt = "none", ee = "_Color", Ut = ({
+  editing: y,
+  legends: q,
+  marginLeft: Je,
+  marginTop: j,
+  marginRight: Ue,
+  marginBottom: R,
+  options: m,
   intl: b,
-  format: p,
-  colors: _,
-  groupMode: F,
-  height: Ze,
+  format: g,
+  colors: T,
+  groupMode: E,
+  height: Qe,
+  chartHeight: Le,
   showLegends: te,
   legendPosition: v,
   tickRotation: z,
   offsetText: ae,
   tickColor: ne,
   layout: u,
-  reverse: S,
-  offsetY: Je,
-  csvLineLayerData: ke,
+  reverse: A,
+  offsetY: Ge,
+  csvLineLayerData: De,
   tooltip: le,
   lineLayerEnabled: re,
-  overlays: j,
+  overlays: H,
   maxValue: ie,
-  valueScale: Ue,
+  valueScale: et,
   colorGenerator: N,
-  legendLabel: Le,
-  overrideTickColor: Qe,
+  legendLabel: we,
+  overrideTickColor: tt,
   fixedMinValue: se,
   fixedMaxValue: ce,
-  barPadding: Ge,
-  barLabelPosition: we,
-  barInnerPadding: et,
-  tooltipEnabled: tt,
-  xLabelColor: O,
-  barLabelColor: q,
-  legendCheckBack: L,
-  legendLabelBack: de,
-  legendLabelColor: he,
-  highlightXAxisLine: at,
-  showTickLine: Y,
-  showRightAxis: nt,
-  offsetRight: De,
-  offsetBottom: me,
-  confidenceIntervals: fe,
-  showGroupTotal: lt,
-  groupTotalLabel: Me,
-  groupTotalFormat: Oe,
-  groupTotalMeasure: Fe,
-  groupTotalOffset: E,
-  groupTotalFixedPosition: Z,
-  tooltipEnableMarkdown: rt,
-  xAxisTickValues: it,
-  yAxisTickValues: st,
-  mobileCustomization: ct,
-  minMaxClamp: qt,
-  reverseLegend: dt,
-  enableGridY: ht,
-  enableGridX: mt,
-  customAxisFormat: I,
-  previewMode: V,
-  showLegendsInColumns: Zt = !1,
-  numberOfLegendColumns: Jt = 4,
-  lineXAxisTickMode: ze = "none",
-  lineXAxisTickCount: ft = 10,
-  lineXAxisTickEvery: ut = 1
+  barPadding: at,
+  barLabelPosition: Fe,
+  barInnerPadding: nt,
+  tooltipEnabled: lt,
+  xLabelColor: M,
+  barLabelColor: Z,
+  legendCheckBack: k,
+  legendLabelBack: he,
+  legendLabelColor: de,
+  highlightXAxisLine: rt,
+  showTickLine: C,
+  showRightAxis: it,
+  offsetRight: st,
+  offsetBottom: Me,
+  confidenceIntervals: me,
+  showGroupTotal: ct,
+  groupTotalLabel: Oe,
+  groupTotalFormat: Ee,
+  groupTotalMeasure: ze,
+  groupTotalOffset: V,
+  groupTotalFixedPosition: J,
+  tooltipEnableMarkdown: ht,
+  xAxisTickValues: dt,
+  yAxisTickValues: mt,
+  mobileCustomization: ft,
+  minMaxClamp: Qt,
+  reverseLegend: ut,
+  enableGridY: ot,
+  enableGridX: yt,
+  customAxisFormat: O,
+  previewMode: L,
+  lineXAxisTickMode: Ve = "none",
+  lineXAxisTickCount: xt = 10,
+  lineXAxisTickEvery: pt = 1
 }) => {
-  var Re;
-  const Ee = ["mobile", "tablet", "midTablet"].includes(
-    Ie()
-  ), 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;
+  var Ke;
+  const fe = y ? L === "Mobile" || L === "Tablet" : ["mobile", "tablet", "midTablet"].includes(ke()), U = ["tablet", "midTablet"].includes(ke()), Q = ke() === "mobile", ue = 30, oe = 15, f = JSON.parse(
+    decodeURIComponent(ft)
+  ), $e = fe && ((f == null ? void 0 : f.showCustomization) ?? !1), S = $e && L !== "Desktop", _ = !y && $e, ye = () => Z === "null" || Z === null || !Z ? "#000000" : Z, [D, gt] = B([]), { colorBy: Y } = T, Be = {};
+  H.forEach((e, t) => {
+    Be[t] = !0;
   });
-  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(() => {
+  const [I, bt] = B(Be), [We, vt] = B(50), [Gt, Te] = B(j), [ea, Ae] = B(0), [He, Se] = B(R), [_e, Nt] = B(!1);
+  Ne(() => {
     let e, t;
     return e = requestAnimationFrame(() => {
       e = requestAnimationFrame(() => {
         t = setTimeout(() => {
-          gt(!0);
+          Nt(!0);
         }, 50);
       });
     }), () => {
@@ -103,48 +100,48 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
   const K = ((e, t, r, i, a) => {
     let s = [];
     return e.data && (s = t.colorBy === "index" ? e.data.map((l) => {
-      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,
+      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,
         color: n,
         id: l[e.indexBy],
         label: l[e.indexBy]
       };
     }) : e.keys.map((l) => {
-      let n, d = !0;
-      return r.indexOf(l) > -1 ? (d = !1, n = i) : n = a.getColorByKey(l), {
-        enabled: d,
+      let n, h = !0;
+      return r.indexOf(l) > -1 ? (h = !1, n = i) : n = a.getColorByKey(l), {
+        enabled: h,
         color: n,
         id: l,
         label: l
       };
     })), s;
   })(
-    f,
-    _,
-    w,
-    Kt,
+    m,
+    T,
+    D,
+    Jt,
     N
-  ), _e = () => (dt && K.reverse(), /* @__PURE__ */ y(be, { children: [
-    te && K.map((e) => /* @__PURE__ */ y(
+  ), je = () => (ut && K.reverse(), /* @__PURE__ */ x(ve, { children: [
+    te && K.map((e) => /* @__PURE__ */ x(
       "div",
       {
         className: `legend item ${e.enabled ? "" : "ignore"}`,
-        onClick: () => Ot(e.id),
+        onClick: () => zt(e.id),
         children: [
-          L && /* @__PURE__ */ c(
+          k && /* @__PURE__ */ c(
             "input",
             {
               className: e.enabled ? "" : "ignore",
               type: "checkbox",
               checked: e.enabled,
               style: {
-                backgroundColor: L ? C === "values" ? ne : e.color : "none",
+                backgroundColor: k ? Y === "values" ? ne : e.color : "none",
                 color: "#000"
               }
             }
           ),
-          !L && /* @__PURE__ */ c(
+          !k && /* @__PURE__ */ c(
             "input",
             {
               type: "checkbox",
@@ -154,31 +151,31 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
               }
             }
           ),
-          L && /* @__PURE__ */ c(
+          k && /* @__PURE__ */ c(
             "span",
             {
               className: "checkmark-with-bg",
               style: { backgroundColor: e.color }
             }
           ),
-          !L && /* @__PURE__ */ c("span", { className: "checkmark" }),
-          de && /* @__PURE__ */ c(
+          !k && /* @__PURE__ */ c("span", { className: "checkmark" }),
+          he && /* @__PURE__ */ c(
             "label",
             {
               className: e.enabled ? "" : "ignore",
               style: {
-                backgroundColor: C === "values" ? ne : e.color,
-                color: he
+                backgroundColor: Y === "values" ? ne : e.color,
+                color: de
               },
               children: e.label
             }
           ),
-          !de && /* @__PURE__ */ c(
+          !he && /* @__PURE__ */ c(
             "label",
             {
               className: e.enabled ? "" : "ignore",
               style: {
-                color: he
+                color: de
               },
               children: e.label
             }
@@ -186,7 +183,7 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
         ]
       }
     )),
-    C === "values" && /* @__PURE__ */ y("div", { className: "legend item", children: [
+    Y === "values" && /* @__PURE__ */ x("div", { className: "legend item", children: [
       /* @__PURE__ */ c(
         "label",
         {
@@ -200,14 +197,14 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
         }
       ),
       /* @__PURE__ */ c("label", { children: b.formatNumber(
-        p.style === "percent" ? N.minValue / 100 : N.minValue,
+        g.style === "percent" ? N.minValue / 100 : N.minValue,
         {
-          ...p,
+          ...g,
           minimumFractionDigits: 0
         }
       ) })
     ] }),
-    C === "values" && /* @__PURE__ */ y("div", { className: "legend item", children: [
+    Y === "values" && /* @__PURE__ */ x("div", { className: "legend item", children: [
       /* @__PURE__ */ c(
         "label",
         {
@@ -222,22 +219,22 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
         }
       ),
       /* @__PURE__ */ c("label", { children: b.formatNumber(
-        p.style === "percent" ? N.maxValue / 100 : N.maxValue,
+        g.style === "percent" ? N.maxValue / 100 : N.maxValue,
         {
-          ...p,
+          ...g,
           minimumFractionDigits: 0
         }
       ) })
     ] }),
-    te && re && j.map((e, t) => /* @__PURE__ */ y("div", { className: "legend item", onClick: () => Ft(t), children: [
+    te && re && H.map((e, t) => /* @__PURE__ */ x("div", { className: "legend item", onClick: () => Vt(t), children: [
       /* @__PURE__ */ c(
         "input",
         {
-          className: L && k[t] ? "" : "ignore",
+          className: k && I[t] ? "" : "ignore",
           type: "checkbox",
-          checked: k[t],
+          checked: I[t],
           style: {
-            backgroundColor: k[t] && L === !0 ? e.lineColor : "none",
+            backgroundColor: I[t] && k === !0 ? e.lineColor : "none",
             color: "#000"
           }
         }
@@ -245,65 +242,65 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
       /* @__PURE__ */ c(
         "span",
         {
-          className: L ? "checkmark-with-bg" : "checkmark",
+          className: k ? "checkmark-with-bg" : "checkmark",
           style: {
-            backgroundColor: k[t] && L === !0 ? e.lineColor : "none"
+            backgroundColor: I[t] && k === !0 ? e.lineColor : "none"
           }
         }
       ),
       /* @__PURE__ */ c(
         "label",
         {
-          className: k[t] ? "" : "ignore",
+          className: I[t] ? "" : "ignore",
           style: {
-            backgroundColor: k[t] && de === !0 ? e.lineColor : "none",
-            color: he
+            backgroundColor: I[t] && he === !0 ? e.lineColor : "none",
+            color: de
           },
           children: e.title
         }
       )
     ] }))
   ] }));
-  ve(() => {
+  Ne(() => {
     (() => {
       const r = 5 * Math.max(K.length - 5, 0);
-      yt(r);
+      vt(r);
     })();
-  }, [K]), ve(() => {
-    We(R), Ae(P);
-  }, [v, R, P]);
-  const bt = {
-    bottom: `-${Be}px`,
+  }, [K]), Ne(() => {
+    Te(j), Se(R);
+  }, [v, j, R]);
+  const It = {
+    bottom: `-${We}px`,
     justifyContent: "flex-start"
-  }, vt = {
-    bottom: `-${Be}px`,
+  }, kt = {
+    bottom: `-${We}px`,
     gap: "0px",
     justifyContent: "flex-start"
     // top: "0px",
-  }, 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) => {
+  }, Lt = (e) => xe(e, "1 0", Ze, "Y"), Dt = (e) => xe(e, "4 4", W, "X"), wt = (e) => xe(e, "1 0", Ze, "X"), Ft = (e) => {
     const t = K.find((r) => r.id === e.value);
     return t ? t.color : "#FFFFFF";
-  }, wt = (e) => {
+  }, Mt = (e) => {
     const { yScale: t, xScale: r, bars: i } = e;
     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(
+      m.dimensionsMetadata && m.dimensionsMetadata.size > 1 && (s = a.data.id);
+      const l = me.filter(
         (n) => n.serieLabel == s
       )[0];
       if (l && l.low && l.high)
         if (u === "horizontal") {
-          const n = r(parseFloat(l.low)), d = r(parseFloat(l.high));
-          return /* @__PURE__ */ y("g", { children: [
+          const n = r(parseFloat(l.low)), h = r(parseFloat(l.high));
+          return /* @__PURE__ */ x("g", { children: [
             /* @__PURE__ */ c(
               "line",
               {
                 x1: n,
-                x2: d,
+                x2: h,
                 y1: a.y + a.height / 2,
                 y2: a.y + a.height / 2,
                 strokeWidth: 1,
-                stroke: A
+                stroke: W
               }
             ),
             /* @__PURE__ */ c(
@@ -314,33 +311,33 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
                 y1: a.y + a.height / 2 - 3,
                 y2: a.y + a.height / 2 + 3,
                 strokeWidth: 1,
-                stroke: A
+                stroke: W
               }
             ),
             /* @__PURE__ */ c(
               "line",
               {
-                x1: d,
-                x2: d,
+                x1: h,
+                x2: h,
                 y1: a.y + a.height / 2 - 3,
                 y2: a.y + a.height / 2 + 3,
                 strokeWidth: 1,
-                stroke: A
+                stroke: W
               }
             )
           ] });
         } else {
-          const n = t(parseFloat(l.low)), d = t(parseFloat(l.high));
-          return /* @__PURE__ */ y("g", { children: [
+          const n = t(parseFloat(l.low)), h = t(parseFloat(l.high));
+          return /* @__PURE__ */ x("g", { children: [
             /* @__PURE__ */ c(
               "line",
               {
                 y1: n,
-                y2: d,
+                y2: h,
                 x1: a.x + a.width / 2,
                 x2: a.x + a.width / 2,
                 strokeWidth: 1,
-                stroke: A
+                stroke: W
               }
             ),
             /* @__PURE__ */ c(
@@ -351,54 +348,54 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
                 x1: a.x + a.width / 2 - 3,
                 x2: a.x + a.width / 2 + 3,
                 strokeWidth: 1,
-                stroke: A
+                stroke: W
               }
             ),
             /* @__PURE__ */ c(
               "line",
               {
-                y1: d,
-                y2: d,
+                y1: h,
+                y2: h,
                 x1: a.x + a.width / 2 - 3,
                 x2: a.x + a.width / 2 + 3,
                 strokeWidth: 1,
-                stroke: A
+                stroke: W
               }
             )
           ] });
         }
     }) });
-  }, ye = (e, t, r, i) => {
+  }, xe = (e, t, r, i) => {
     const { yScale: a, innerWidth: s, innerHeight: l } = e;
-    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(
+    let n, h;
+    return i == "X" ? (n = [0, s], h = Xe().x((o, $) => $ === 0 ? -10 : o).y(() => a(0))) : (n = [0, l], h = Xe().x(() => 0).y((o) => o)), /* @__PURE__ */ c(Pe, { children: /* @__PURE__ */ c(
       "path",
       {
-        d: d(n),
+        d: h(n),
         fill: "none",
         stroke: r,
         style: { pointerEvents: "none", strokeDasharray: t }
       }
     ) });
-  }, 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();
+  }, w = (e, t) => D ? (T.colorBy === "index" || T.colorBy === "id" || T.colorBy === "values") && !t ? e.filter((r) => D.indexOf(r[m.indexBy]) === -1) : e ? e.filter((r) => D.indexOf(r) === -1) : [] : e, Ot = (e) => {
+    const t = Pt();
     if (!e.value) return "";
     const r = Object.assign({}, e);
-    (B || $) && ge.includes(String(r.value)) && (r.value = "");
+    (_ || S) && be.includes(String(r.value)) && (r.value = "");
     let i;
-    Qe ? i = ne : i = Lt(e);
+    tt ? i = ne : i = Ft(e);
     let a = [], s = "";
-    if ($ || B) {
+    if (S || _) {
       const n = String(r.value).split(" ");
-      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);
+      let h = 25;
+      y && L === "Mobile" || Q && !y ? h = (f == null ? void 0 : f.mobileMaxTickLength) ?? 25 : y && L === "Tablet" || U && !y ? h = (f == null ? void 0 : f.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);
       }), s && a.push(s);
     } else
       a = [r.value];
     let l = 12;
-    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(
+    return Q ? l = (f == null ? void 0 : f.mobileYAxisLineHeight) ?? 12 : U && (l = (f == null ? void 0 : f.tabletYAxisLineHeight) ?? 12), z > 0 && z < 180 ? /* @__PURE__ */ x("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+      C && /* @__PURE__ */ c(
         "line",
         {
           stroke: i,
@@ -407,16 +404,16 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
           y2: -12
         }
       ),
-      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ae})`, children: a.map((n, d) => /* @__PURE__ */ c(
+      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ae})`, children: a.map((n, h) => /* @__PURE__ */ c(
         "text",
         {
           transform: `rotate(${z})`,
           textAnchor: "start",
-          y: typeof e.value == "number" ? 0 : d * l,
+          y: typeof e.value == "number" ? 0 : h * l,
           dominantBaseline: "middle",
           style: {
             ...t.axis.ticks.text,
-            fill: O === "null" ? "black" : O,
+            fill: M === "null" ? "black" : M,
             fontSize: "12px",
             fontFamily: "sans-serif"
           },
@@ -424,8 +421,8 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
         },
         n
       )) })
-    ] }) : z > 180 && z < 360 ? /* @__PURE__ */ y("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
-      Y && /* @__PURE__ */ c(
+    ] }) : z > 180 && z < 360 ? /* @__PURE__ */ x("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+      C && /* @__PURE__ */ c(
         "line",
         {
           stroke: i,
@@ -434,25 +431,25 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
           y2: -12
         }
       ),
-      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ae})`, children: a.map((n, d) => /* @__PURE__ */ c(
+      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ae})`, children: a.map((n, h) => /* @__PURE__ */ c(
         "text",
         {
           transform: `rotate(${z})`,
           textAnchor: "end",
-          y: typeof e.value == "number" ? 0 : d * l,
+          y: typeof e.value == "number" ? 0 : h * l,
           dominantBaseline: "middle",
           style: {
             ...t.axis.ticks.text,
-            fill: O === "null" ? "black" : O,
+            fill: M === "null" ? "black" : M,
             fontSize: "12px",
             fontFamily: "sans-serif"
           },
           children: n
         },
-        d
+        h
       )) })
-    ] }) : /* @__PURE__ */ y("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
-      Y && /* @__PURE__ */ c(
+    ] }) : /* @__PURE__ */ x("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+      C && /* @__PURE__ */ c(
         "line",
         {
           stroke: i,
@@ -461,30 +458,30 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
           y2: -12
         }
       ),
-      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ae})`, children: a.map((n, d) => /* @__PURE__ */ c(
+      /* @__PURE__ */ c("g", { transform: `translate(0, ${e.y + ae})`, children: a.map((n, h) => /* @__PURE__ */ c(
         "text",
         {
           transform: `rotate(${z})`,
           textAnchor: "middle",
-          y: typeof e.value == "number" ? 0 : d * l,
+          y: typeof e.value == "number" ? 0 : h * l,
           dominantBaseline: "middle",
           style: {
             ...t.axis.ticks.text,
-            fill: O === "null" ? "black" : O,
+            fill: M === "null" ? "black" : M,
             fontSize: "12px",
             fontFamily: "sans-serif"
           },
           children: n
         },
-        d
+        h
       )) })
     ] });
-  }, Mt = (e) => {
-    if (!e.value || ($ || B) && ge.includes(String(e.value)))
+  }, Et = (e) => {
+    if (!e.value || (S || _) && be.includes(String(e.value)))
       return "";
     let t = e.value;
     if (u === "vertical") {
-      const n = I || p;
+      const n = O || g;
       t = b.formatNumber(
         n.style === "percent" ? t / 100 : t,
         {
@@ -493,24 +490,24 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
       );
     }
     let r = 25;
-    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);
+    y && L === "Mobile" || Q && !y ? r = (f == null ? void 0 : f.mobileMaxTickLength) ?? 25 : y && L === "Tablet" || U && !y ? r = (f == null ? void 0 : f.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !y && (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 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: [
+    return y && L === "Mobile" || Q && !y ? l = (f == null ? void 0 : f.mobileYAxisLineHeight) ?? 12 : (y && L === "Tablet" || U && !y) && (l = (f == null ? void 0 : f.tabletYAxisLineHeight) ?? 12), /* @__PURE__ */ x("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, d) => /* @__PURE__ */ c(
+      a.map((n, h) => /* @__PURE__ */ c(
         "text",
         {
           x: -10,
-          y: typeof t == "number" ? 0 : d * l,
+          y: typeof t == "number" ? 0 : h * l,
           textAnchor: "end",
           dominantBaseline: "middle",
           style: {
-            fill: O === "null" ? "black" : O,
+            fill: M === "null" ? "black" : M,
             fontSize: "12px",
             fontFamily: "sans-serif"
           },
@@ -519,135 +516,135 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
         n
       ))
     ] });
-  }, Ot = (e) => {
-    const t = w.slice();
+  }, zt = (e) => {
+    const t = D.slice();
     if (t.indexOf(e) > -1) {
       const r = t.indexOf(e);
       t.splice(r, 1);
     } else
       t.push(e);
-    ot(t);
-  }, Ft = (e) => {
-    const t = Object.assign({}, k);
-    t[e] = !t[e], xt(t);
-  }, zt = ({ bars: e }) => /* @__PURE__ */ c("g", { children: e.map((t) => {
+    gt(t);
+  }, Vt = (e) => {
+    const t = Object.assign({}, I);
+    t[e] = !t[e], bt(t);
+  }, $t = ({ bars: e }) => /* @__PURE__ */ c("g", { children: e.map((t) => {
     const { width: r, height: i, y: a, x: s, data: l } = t;
     if (u === "horizontal" && i <= oe || u === "vertical" && r <= ue)
       return;
     const n = l.value ? b.formatNumber(
-      p.style === "percent" ? l.value / 100 : l.value,
-      p
-    ) : "", d = n.length;
-    let o, W;
+      g.style === "percent" ? l.value / 100 : l.value,
+      g
+    ) : "", h = n.length;
+    let o, $;
     if (u === "vertical" && r >= ue || u === "horizontal" && i >= oe)
-      return u === "vertical" ? (o = a - 6, W = s + r / 2 - d * 3.5) : (o = a + i / 2 + 4, W = s + r + 5), /* @__PURE__ */ c(
+      return u === "vertical" ? (o = a - 6, $ = s + r / 2 - h * 3.5) : (o = a + i / 2 + 4, $ = s + r + 5), /* @__PURE__ */ c(
         "text",
         {
           y: o,
-          x: W,
-          style: { fill: xe() },
+          x: $,
+          style: { fill: ye() },
           children: `${n}`
         }
       );
-  }) }), Et = (e) => {
-    const t = f.data.filter((i) => w.indexOf(i[f.indexBy]) == -1).map((i) => i[f.indexBy]), { bars: r } = e;
+  }) }), Bt = (e) => {
+    const t = m.data.filter((i) => D.indexOf(i[m.indexBy]) == -1).map((i) => i[m.indexBy]), { bars: r } = e;
     return /* @__PURE__ */ c("g", { children: t.filter(
       (i) => r.filter((a) => a.data.indexValue == i).length > 0
     ).map((i) => {
       var G;
-      const a = r.filter((m) => m.data.indexValue == i);
+      const a = r.filter((d) => d.data.indexValue == i);
       let s = "right", l = 0, n = 0;
       if (u == "horizontal")
-        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, 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);
+        E === "stacked" ? (J ? l = e.innerWidth - 20 : (l = a.map((d) => d.width).reduce((d, p) => d + p), A && (l = e.innerWidth - l)), n = e.yScale(i) + a[0].height / 2) : (J ? l = e.innerWidth : (l = a.map((d) => d.width).reduce((d, p) => d > p ? d : p), A && (l = e.innerWidth - l)), n = e.yScale(i) + a.map((d) => d.height).reduce((d, p) => d + p) / 2), l = l + parseInt(V) + 5;
+      else if (s = "middle", E === "stacked")
+        l = e.xScale(i) + a[0].width / 2, J ? n = n - parseInt(V) : A ? n = parseInt(V) + a.map((d) => d.height).reduce((d, p) => d + p) + 14 : n = e.innerHeight - parseInt(V) - a.map((d) => d.height).reduce((d, p) => d + p) - 5;
+      else if (l = e.xScale(i) + a.map((d) => d.width).reduce((d, p) => d + p) / 2, A && (n = e.innerHeight), J)
+        n = n - parseInt(V);
       else {
         if (a.length % 2 == 1) {
-          const m = Math.floor(a.length / 2);
-          n = a[m].height;
+          const d = Math.floor(a.length / 2);
+          n = a[d].height;
         } else {
-          const m = a.length / 2;
+          const d = a.length / 2;
           n = Math.max(
-            a[m].height,
-            a[m - 1].height
+            a[d].height,
+            a[d - 1].height
           );
         }
-        S ? n = n + 14 + parseInt(E) : n = e.innerHeight - n - parseInt(E) - 5;
+        A ? n = n + 14 + parseInt(V) : n = e.innerHeight - n - parseInt(V) - 5;
       }
-      const d = f.data.filter(
-        (m) => m[f.indexBy] === i
+      const h = m.data.filter(
+        (d) => d[m.indexBy] === i
       )[0];
-      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 + " " : "",
+      let o = h.parent_variables ? h.parent_variables[ze] : h[ze];
+      const $ = Y !== "index" ? (G = D == null ? void 0 : D.map((d) => h[d])) == null ? void 0 : G.reduce((d, p) => d + p, 0) : 0;
+      return o -= $, /* @__PURE__ */ c("text", { y: n, x: l, style: { fill: ye() }, children: /* @__PURE__ */ x("tspan", { textAnchor: s, children: [
+        Oe ? Oe + " " : "",
         b.formatNumber(
-          Oe.style === "percent" ? o / 100 : o,
-          Oe
+          Ee.style === "percent" ? o / 100 : o,
+          Ee
         )
       ] }) });
     }) });
-  }, Vt = {
-    top: R,
-    right: qe,
-    bottom: P,
-    left: Xe
+  }, Wt = {
+    top: j,
+    right: Ue,
+    bottom: R,
+    left: Je
   };
   let pe;
-  ke && (pe = Ne.parse(ke, {
+  De && (pe = Ie.parse(De, {
     header: !1,
     dynamicTyping: !0
   }), Math.max(...pe.data.map((e) => e[1])), Math.min(...pe.data.map((e) => e[1])));
-  const Se = () => {
+  const Re = () => {
     const e = [];
-    if (fe && fe.forEach((t) => {
+    if (me && me.forEach((t) => {
       t.low && e.push(parseFloat(t.low)), t.high && e.push(parseFloat(t.high));
-    }), f.data) {
-      const t = D(f.data, !1), r = D(f.keys, !0);
+    }), m.data) {
+      const t = w(m.data, !1), r = w(m.keys, !0);
       t.forEach((i) => {
         r.forEach((a) => {
           i[a] && e.push(i[a]);
         });
       });
     }
-    return re && j && j.forEach((t, r) => {
-      if (k[r] !== !1)
+    return re && H && H.forEach((t, r) => {
+      if (I[r] !== !1)
         if (t.app === "csv" && t.csvLineLayerData) {
-          const i = Ne.parse(t.csvLineLayerData, {
+          const i = Ie.parse(t.csvLineLayerData, {
             header: !1,
             dynamicTyping: !0
           });
           i.data && i.data.filter((a) => a[1] !== null && typeof a[1] == "number").forEach((a) => e.push(a[1]));
-        } else t.measure[0] && f.data && f.data.forEach((i) => {
+        } else t.measure[0] && m.data && m.data.forEach((i) => {
           var s;
           const a = (s = i.variables) == null ? void 0 : s[t.measure[0]];
           a !== null && typeof a == "number" && e.push(a);
         });
     }), e;
-  }, $t = () => {
-    const e = Se(), t = e.length > 0 ? Math.max(...e) : 0;
+  }, Tt = () => {
+    const e = Re(), 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;
+    if (E === "stacked" && ie !== "fixed") {
+      const r = w(m.data, !1), i = w(m.keys, !0);
+      let a = i.length > 0 ? i : m.keys;
       const s = Math.max(
-        ...r.map((l) => a.map((n) => l[n] ? l[n] : 0)).map((l) => l.length > 0 ? l.reduce((n, d) => n + d, 0) : 0)
+        ...r.map((l) => a.map((n) => l[n] ? l[n] : 0)).map((l) => l.length > 0 ? l.reduce((n, h) => n + h, 0) : 0)
       );
       return Math.max(s, t) * 1.1;
     }
     return t * 1.05;
-  }, Bt = () => {
-    const e = Se(), t = e.length > 0 ? Math.min(...e) : 0;
+  }, At = () => {
+    const e = Re(), 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()), 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) {
+  }, Ht = Number(Tt()), St = Number(At()), _t = Math.min(0, St), jt = Math.max(0, Ht), F = ["grid", "axes", "bars"];
+  ct && F.push(Bt), F.push(Lt), F.push(wt), re && H && H.forEach((e, t) => {
+    if (I[t] == !0 || I[t] == null) {
       const { csvLineLayerData: r, lineColor: i, tooltip: a } = e;
       if (e.app == "csv") {
-        const s = Ne.parse(r, {
+        const s = Ie.parse(r, {
           header: !1,
           dynamicTyping: !0
         });
@@ -655,281 +652,277 @@ const Yt = "middle", Ct = "top", A = "#66676d", Ke = "#dddddd", Kt = "none", ee
           s.data = s.data.filter(
             (n) => n[1] !== null
           );
-          const l = Ce(
+          const l = qe(
             s,
             i,
             u,
-            F,
-            D(f.keys, !0),
+            E,
+            w(m.keys, !0),
             a,
             e.title,
             ""
           );
-          M.push(l);
+          F.push(l);
         }
       } else if (e.measure[0]) {
-        const s = {}, l = f.data.map((o) => [
-          o[f.indexBy],
+        const s = {}, l = m.data.map((o) => [
+          o[m.indexBy],
           o.variables[e.measure[0]]
-        ]), n = f.metadata.measures ? f.metadata.measures.filter((o) => o.value == e.measure[0]) : [];
+        ]), n = m.metadata.measures ? m.metadata.measures.filter((o) => o.value == e.measure[0]) : [];
         s.data = l;
-        const d = Ce(
+        const h = qe(
           s,
           i,
           u,
-          F,
-          D(f.keys, !0),
+          E,
+          w(m.keys, !0),
           a,
           e.title,
           n.length > 0 ? n[0].label : ""
         );
-        M.push(d);
+        F.push(h);
       }
     }
-  }), 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(h.yAxisTickValues);
+  }), Fe === Zt && F.push($t), rt && F.push(Dt), F.push(Mt);
+  let ge = parseInt(mt);
+  const Ce = () => /* @__PURE__ */ c(ve, { children: te && we && /* @__PURE__ */ c("div", { className: "legend item", children: /* @__PURE__ */ c("label", { className: "legend-title", children: we }) }) }), be = [];
+  if (_ || S) {
+    ge = Number.parseInt(f.yAxisTickValues);
     const e = new Map(
-      Object.entries(((Re = h == null ? void 0 : h.labels) == null ? void 0 : Re.xAxis) ?? {})
+      Object.entries(((Ke = f == null ? void 0 : f.labels) == null ? void 0 : Ke.xAxis) ?? {})
     );
     for (const [t, r] of e)
-      r || ge.push(t);
+      r || be.push(t);
   }
-  let X;
-  if (u === "vertical" && (f != null && f.data) && f.data.length > 0) {
-    const e = D(f.data, !1), t = [];
+  let P;
+  if (u === "vertical" && (m != null && m.data) && m.data.length > 0) {
+    const e = w(m.data, !1), t = [];
     if (e.forEach((r) => {
-      const i = r == null ? void 0 : r[f.indexBy];
+      const i = r == null ? void 0 : r[m.indexBy];
       i !== void 0 && t.indexOf(i) === -1 && t.push(i);
-    }), ze === "count") {
-      const r = Math.max(1, parseInt(String(ft)));
+    }), Ve === "count") {
+      const r = Math.max(1, parseInt(String(xt)));
       if (t.length > 0 && r > 0)
         if (t.length <= r)
-          X = t.slice();
+          P = 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, X = a.map((s) => t[s]);
+          a[r - 1] = t.length - 1, P = a.map((s) => t[s]);
         }
-    } else if (ze === "every") {
-      const r = Math.max(1, parseInt(String(ut)));
+    } else if (Ve === "every") {
+      const r = Math.max(1, parseInt(String(pt)));
       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]), X = i;
+        i[i.length - 1] !== t[t.length - 1] && i.push(t[t.length - 1]), P = i;
       }
     }
   }
-  return /* @__PURE__ */ c("div", { style: { height: Ze }, children: (f == null ? void 0 : f.data) && f.data.length > 0 && /* @__PURE__ */ y(be, { children: [
-    /* @__PURE__ */ c(
-      St,
-      {
-        colorBy: _.colorBy,
-        animate: !0,
-        enableLabel: we == Yt,
-        ...f,
-        maxValue: Ht,
-        minValue: At,
-        keys: D(f.keys, !0),
-        data: D(f.data, !1),
-        groupMode: F || "grouped",
-        margin: Vt,
-        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: nt ? {
-          tickSize: u == "horizontal" && Y || u === "vertical" ? 5 : 0,
-          tickPadding: 5,
-          tickRotation: 0,
-          tickValues: Q,
-          legend: H.right,
-          legendPosition: "middle",
-          legendOffset: parseInt(De),
-          format: (e) => {
-            if (!e) return "";
-            if (u == "vertical") {
-              const t = I || p;
-              return b.formatNumber(
-                t.style === "percent" ? e / 100 : e,
-                {
-                  ...t
-                }
-              );
-            }
-            return e;
-          }
-        } : null,
-        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: H.right,
-          legendPosition: "middle",
-          legendOffset: parseInt(De),
-          format: (e) => {
-            if (!e) return "";
-            if (u == "vertical") {
-              const t = I || p;
-              return b.formatNumber(
-                t.style === "percent" ? e / 100 : e,
-                {
-                  ...t
-                }
-              );
-            }
-            return e;
-          }
-        } : null,
-        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(it),
-          format: (e) => {
-            if (!e) return "";
-            if (u == "horizontal") {
-              const t = I || p;
-              return b.formatNumber(
-                t.style === "percent" ? e / 100 : e,
-                {
-                  ...t
-                }
-              );
-            }
-            return e;
-          }
-        } : {
-          legend: H.bottom,
-          legendPosition: "middle",
-          legendOffset: parseInt(me),
-          ...X ? { tickValues: X } : {},
-          renderTick: Dt
-        },
-        axisLeft: {
-          tickSize: u === "horizontal" && Y || u === "vertical" ? 5 : 0,
-          tickPadding: 5,
-          tickRotation: 0,
-          tickValues: Q,
-          legend: H.left,
-          legendPosition: "middle",
-          legendOffset: Number.parseInt(Je),
-          ...$ || B ? { renderTick: Mt } : {
-            format: (e) => {
-              if (!e) return "";
-              if (u === "vertical") {
-                const t = I || p;
-                return b.formatNumber(
-                  t.style === "percent" ? e / 100 : e,
+  let Ye = parseInt(Qe + "") - He;
+  const X = Number(Le) > 0, Rt = X ? Number(Le) : Ye;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      style: X ? { display: "flex", flexDirection: "column" } : { height: Ye },
+      children: (m == null ? void 0 : m.data) && m.data.length > 0 && /* @__PURE__ */ x(ve, { children: [
+        /* @__PURE__ */ c(
+          "div",
+          {
+            style: X ? { height: Rt, flexShrink: 0 } : { height: "100%" },
+            children: /* @__PURE__ */ c(
+              Yt,
+              {
+                colorBy: T.colorBy,
+                animate: !0,
+                enableLabel: Fe == qt,
+                ...m,
+                maxValue: jt,
+                minValue: _t,
+                keys: w(m.keys, !0),
+                data: w(m.data, !1),
+                groupMode: E || "grouped",
+                margin: Wt,
+                innerPadding: nt,
+                valueScale: { type: et, clamp: !0 },
+                colors: (e) => e && e.data[ee] ? e.data[ee] : N.getColor(e.id, e.data),
+                borderColor: "#000",
+                reverse: A,
+                axisTop: null,
+                axisRight: it ? {
+                  tickSize: u == "horizontal" && C || u === "vertical" ? 5 : 0,
+                  tickPadding: 5,
+                  tickRotation: 0,
+                  tickValues: ge,
+                  legend: q.right,
+                  legendPosition: "middle",
+                  legendOffset: parseInt(st),
+                  format: (e) => {
+                    if (!e) return "";
+                    if (u == "vertical") {
+                      const t = O || g;
+                      return b.formatNumber(
+                        t.style === "percent" ? e / 100 : e,
+                        {
+                          ...t
+                        }
+                      );
+                    }
+                    return e;
+                  }
+                } : null,
+                axisBottom: (S || _) && (f == null ? void 0 : f.xAxisDisabled) === !0 ? null : u === "horizontal" ? {
+                  legend: q.bottom,
+                  legendPosition: "middle",
+                  legendOffset: parseInt(Me),
+                  tickPadding: 5,
+                  tickRotation: 0,
+                  tickValues: parseInt(dt),
+                  format: (e) => {
+                    if (!e) return "";
+                    if (u == "horizontal") {
+                      const t = O || g;
+                      return b.formatNumber(
+                        t.style === "percent" ? e / 100 : e,
+                        {
+                          ...t
+                        }
+                      );
+                    }
+                    return e;
+                  }
+                } : {
+                  legend: q.bottom,
+                  legendPosition: "middle",
+                  legendOffset: parseInt(Me),
+                  ...P ? { tickValues: P } : {},
+                  renderTick: Ot
+                },
+                axisLeft: {
+                  tickSize: u === "horizontal" && C || u === "vertical" ? 5 : 0,
+                  tickPadding: 5,
+                  tickRotation: 0,
+                  tickValues: ge,
+                  legend: q.left,
+                  legendPosition: "middle",
+                  legendOffset: Number.parseInt(Ge),
+                  ...S || _ ? { renderTick: Et } : {
+                    format: (e) => {
+                      if (!e) return "";
+                      if (u === "vertical") {
+                        const t = O || g;
+                        return b.formatNumber(
+                          t.style === "percent" ? e / 100 : e,
+                          {
+                            ...t
+                          }
+                        );
+                      }
+                      return e;
+                    }
+                  }
+                },
+                enableGridY: ot,
+                enableGridX: yt,
+                layout: u,
+                labelSkipWidth: ue,
+                labelSkipHeight: oe,
+                padding: at,
+                labelTextColor: ye(),
+                label: (e) => b.formatNumber(
+                  g.style === "percent" && e.value ? e.value / 100 : e.value,
+                  g
+                ),
+                layers: F,
+                onMouseEnter: (e) => {
+                },
+                onMouseLeave: (e) => {
+                },
+                motionStiffness: 130,
+                motionDamping: 15,
+                tooltip: (e) => lt && le && le.trim().length > 0 ? /* @__PURE__ */ c(
+                  Ct,
                   {
-                    ...t
+                    intl: b,
+                    format: g,
+                    d: e,
+                    tooltip: le,
+                    tooltipEnableMarkdown: ht
+                  }
+                ) : null,
+                theme: {
+                  tooltip: {
+                    basic: {
+                      whiteSpace: "pre",
+                      display: "flex",
+                      alignItems: "center"
+                    },
+                    container: {
+                      background: "transparent",
+                      boxShadow: ""
+                    },
+                    table: {},
+                    tableCell: { padding: "3px 5px" }
                   }
-                );
+                }
               }
-              return e;
-            }
+            )
           }
-        },
-        enableGridY: ht,
-        enableGridX: mt,
-        layout: u,
-        labelSkipWidth: ue,
-        labelSkipHeight: oe,
-        padding: Ge,
-        labelTextColor: xe(),
-        label: (e) => b.formatNumber(
-          p.style === "percent" && e.value ? e.value / 100 : e.value,
-          p
         ),
-        layers: M,
-        onMouseEnter: (e) => {
-        },
-        onMouseLeave: (e) => {
-        },
-        motionStiffness: 130,
-        motionDamping: 15,
-        tooltip: (e) => tt && le && le.trim().length > 0 ? /* @__PURE__ */ c(
-          _t,
+        (v === "top" || v === "bottom") && _e && /* @__PURE__ */ c(
+          "div",
           {
-            intl: b,
-            format: p,
-            d: e,
-            tooltip: le,
-            tooltipEnableMarkdown: rt
-          }
-        ) : null,
-        theme: {
-          tooltip: {
-            basic: {
-              whiteSpace: "pre",
-              display: "flex",
-              alignItems: "center"
-            },
-            container: {
-              background: "transparent",
-              boxShadow: ""
+            className: `legends container has-standard-12-font-size ${v}`,
+            style: v === "bottom" ? {
+              // In chart-height mode the legend flows below the chart;
+              // the dynamic margin-reservation is only needed in legacy.
+              marginBottom: X ? void 0 : `${He}px`,
+              marginTop: "25px",
+              textAlign: "left",
+              justifyContent: "flex-start"
+            } : {
+              justifyContent: "flex-start",
+              // Top legend: in chart-height mode it flows ABOVE the chart
+              // (override the legacy `position: absolute`) via flex order.
+              ...X ? { position: "static", order: -1 } : {}
             },
-            table: {},
-            tableCell: { padding: "3px 5px" }
+            children: /* @__PURE__ */ x("div", { className: "legend-sections", children: [
+              /* @__PURE__ */ c("div", { className: "title-section", children: Ce() }),
+              /* @__PURE__ */ c(
+                Xt,
+                {
+                  isMobileOrTablet: fe,
+                  onWrapChange: (e) => {
+                    if (v === "top" && fe) {
+                      const t = j + e / 2 * 40;
+                      Te(t), Ae(e);
+                    } else
+                      Se(R + e / 2 * 25), Ae(e);
+                  },
+                  className: "legends container has-standard-12-font-size items-section",
+                  children: je()
+                }
+              )
+            ] })
           }
-        }
-      }
-    ),
-    (v === "top" || v === "bottom") && He && /* @__PURE__ */ c(
-      "div",
-      {
-        className: `legends container has-standard-12-font-size ${v}`,
-        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(
-            Pt,
-            {
-              onWrapChange: (e) => {
-                if (v === "top" && Ee) {
-                  const t = R + e / 2 * 40;
-                  We(t), Te(e);
-                } else
-                  Ae(P + e / 2 * 25), Te(e);
-              },
-              className: "legends container has-standard-12-font-size items-section",
-              children: _e()
-            }
-          )
-        ] })
-      }
-    ),
-    (v === "right" || v === "left") && He && /* @__PURE__ */ y(
-      "div",
-      {
-        className: `legends container has-standard-12-font-size  ${v}`,
-        style: v === "right" ? bt : vt,
-        children: [
-          je(),
-          _e()
-        ]
-      }
-    )
-  ] }) });
-}, ma = jt(Xt);
+        ),
+        (v === "right" || v === "left") && _e && /* @__PURE__ */ x(
+          "div",
+          {
+            className: `legends container has-standard-12-font-size  ${v}`,
+            style: v === "right" ? It : kt,
+            children: [
+              Ce(),
+              je()
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}, ua = Kt(Ut);
 export {
-  ma as default
+  ua as default
 };