@devgateway/dvz-ui-react 1.9.1 → 1.9.3

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

@@ -1,82 +1,83 @@
 import { jsxs as v, jsx as s, Fragment as Y } from "react/jsx-runtime";
-import { useState as k, useEffect as it, Fragment as ct } from "react";
-import { injectIntl as ot } from "react-intl";
-import { ResponsiveLine as mt } from "@nivo/line";
-import dt from "./Tooltip.js";
-import { area as ht, line as ft } from "d3-shape";
-import { useTheme as ut } from "@nivo/theming";
-import pt from "../../layout/FlexWrapDetector.js";
+import { useState as k, useEffect as ct, Fragment as ot } from "react";
+import { injectIntl as mt } from "react-intl";
+import { ResponsiveLine as dt } from "@nivo/line";
+import ht from "./Tooltip.js";
+import { area as ft, line as ut } from "d3-shape";
+import { useTheme as pt } from "@nivo/theming";
+import xt from "../../layout/FlexWrapDetector.js";
 import K from "../../utils/deviceType.js";
-const xt = "#66676d", J = "#f0f0f1", ge = ["mobile", "tablet", "midTablet"].includes(K()), be = K() === "mobile", ve = ["tablet", "midTablet"].includes(K()), yt = (m, x) => {
-  const E = document.createElement("canvas").getContext("2d");
-  return E.font = x, E.measureText(m).width;
-}, gt = ({
-  editing: m,
-  previewMode: x,
+const yt = "#66676d", J = "#f0f0f1", ve = ["mobile", "tablet", "midTablet"].includes(K()), Ne = K() === "mobile", Ee = ["tablet", "midTablet"].includes(K()), gt = (d, y) => {
+  const N = document.createElement("canvas").getContext("2d");
+  return N.font = y, N.measureText(d).width;
+}, bt = ({
+  editing: d,
+  previewMode: y,
   app: Z,
-  legends: E,
+  legends: N,
   tooltip: $,
-  tooltipEnabled: Ee,
-  options: d,
+  tooltipEnabled: Oe,
+  options: h,
   intl: I,
   groupMode: q,
-  reverse: bt,
-  marginLeft: Ne,
-  lineLabelPosition: Oe,
+  reverse: vt,
+  marginLeft: Te,
+  lineLabelPosition: Me,
   marginTop: Q,
-  marginRight: Te,
+  marginRight: De,
   marginBottom: X,
-  format: N,
-  colors: vt,
-  offsetY: Me,
-  height: De,
+  format: E,
+  colors: Nt,
+  offsetY: ke,
+  height: C,
   showLegends: P,
-  legendPosition: h,
-  tickRotation: y,
-  offsetText: A,
+  legendPosition: f,
+  tickRotation: g,
+  offsetText: _,
   tickColor: B,
-  legendLabel: C,
+  legendLabel: ee,
   xLabelColor: O,
-  colorGenerator: ee,
+  colorGenerator: te,
   legendCheckBack: j,
-  legendLabelBack: ke,
-  legendLabelColor: te,
-  highlightXAxisLine: $e,
+  legendLabelBack: $e,
+  legendLabelColor: ae,
+  highlightXAxisLine: Ie,
   showTickLine: S,
-  showRightAxis: Ie,
+  showRightAxis: Le,
   valueScale: Et,
-  enableArea: Le,
-  areaShadingCriteria: ae,
-  areaLowerBound: re,
-  areaUpperBound: ne,
-  showPoints: Fe,
-  maxValue: We,
+  enableArea: Fe,
+  areaShadingCriteria: re,
+  areaLowerBound: ne,
+  areaUpperBound: se,
+  showPoints: We,
+  maxValue: we,
   fixedMinValue: H,
   fixedMaxValue: R,
-  offsetBottom: we,
-  yAxisTickValues: ze,
+  offsetBottom: ze,
+  yAxisTickValues: Ae,
   enableGridY: _e,
-  enableGridX: Ae,
+  enableGridX: Be,
   overrideTickColor: U,
-  offsetRight: Be,
-  selectedMeasures: je,
-  tooltipEnableMarkdown: Se,
-  minMaxClamp: He,
-  reverseLegend: Re,
+  offsetRight: je,
+  selectedMeasures: Se,
+  tooltipEnableMarkdown: He,
+  minMaxClamp: Re,
+  reverseLegend: Ue,
   customAxisFormat: L,
-  mobileCustomization: Ue,
-  lineCurve: Ge,
+  mobileCustomization: Ge,
+  lineCurve: Ve,
   customLabels: G,
-  lineXAxisTickMode: se,
-  lineXAxisTickCount: Ve,
-  lineXAxisTickEvery: Ye
+  lineXAxisTickMode: le,
+  lineXAxisTickCount: Ye,
+  lineXAxisTickEvery: Je,
+  chartHeight: ie
 }) => {
-  var pe, xe, ye;
-  const i = JSON.parse(decodeURIComponent(Ue)), le = ge && ((i == null ? void 0 : i.showCustomization) ?? !1), F = le && x !== "Desktop", W = !m && le, [ie, Je] = k(50), [ce, Ke] = k(Q), [Nt, oe] = k(0), [me, Ze] = k(X), [T, qe] = k([]), w = d.data.map((e) => ({
+  var ye, ge, be;
+  const c = JSON.parse(decodeURIComponent(Ge)), ce = ve && ((c == null ? void 0 : c.showCustomization) ?? !1), F = ce && y !== "Desktop", W = !d && ce, [oe, Ke] = k(50), [me, Ze] = k(Q), [Ot, de] = k(0), [he, qe] = k(X), [T, Qe] = k([]), w = h.data.map((e) => ({
     id: e.id,
     label: G && G[e.id] ? G[e.id] : e.label || e.id,
-    color: ee.getColor(e.id, e)
-  })), de = () => (Re && w.reverse(), /* @__PURE__ */ s(Y, { children: P && w.map((e, a) => /* @__PURE__ */ v("div", { className: "legend item", onClick: () => Pe(e.id), children: [
+    color: te.getColor(e.id, e)
+  })), fe = () => (Ue && w.reverse(), /* @__PURE__ */ s(Y, { children: P && w.map((e, a) => /* @__PURE__ */ v("div", { className: "legend item", onClick: () => Pe(e.id), children: [
     /* @__PURE__ */ s(
       "input",
       {
@@ -86,7 +87,7 @@ const xt = "#66676d", J = "#f0f0f1", ge = ["mobile", "tablet", "midTablet"].incl
         readOnly: !0,
         style: {
           backgroundColor: j === !0 ? e.color : "none",
-          color: te
+          color: ae
         }
       }
     ),
@@ -103,47 +104,47 @@ const xt = "#66676d", J = "#f0f0f1", ge = ["mobile", "tablet", "midTablet"].incl
       "label",
       {
         style: {
-          backgroundColor: ke === !0 ? e.color : "transparent",
-          color: te
+          backgroundColor: $e === !0 ? e.color : "transparent",
+          color: ae
         },
         children: e.label
       }
     )
   ] }, a)) }));
-  it(() => {
+  ct(() => {
     (() => {
-      const l = 5 * Math.max(w.length - 5, 0);
-      Je(l);
+      const i = 5 * Math.max(w.length - 5, 0);
+      Ke(i);
     })();
   }, [w]);
-  const Qe = {
-    bottom: `-${ie}px`
-  }, Xe = {
-    bottom: `-${ie}px`,
+  const Xe = {
+    bottom: `-${oe}px`
+  }, Ce = {
+    bottom: `-${oe}px`,
     gap: "0px",
     top: "0px"
   }, z = (e) => T.length ? e.filter((a) => T.indexOf(a.id) === -1) : e, Pe = (e) => {
     const a = T.slice();
     if (a.indexOf(e) > -1) {
-      const l = a.indexOf(e);
-      a.splice(l, 1);
+      const i = a.indexOf(e);
+      a.splice(i, 1);
     } else
       a.push(e);
-    qe(a);
-  }, Ce = (e) => {
-    const a = Object.assign({}, e), l = ut();
-    (F || W) && fe.includes(String(a.value)) && (a.value = "");
-    let t = [], r = "";
+    Qe(a);
+  }, et = (e) => {
+    const a = Object.assign({}, e), i = pt();
+    (F || W) && pe.includes(String(a.value)) && (a.value = "");
+    let o = [], n = "";
     if (F || W) {
-      const c = String(a.value).split(" ");
-      let o = 25;
-      m && x === "Mobile" || be && !m ? o = (i == null ? void 0 : i.mobileMaxTickLength) ?? 25 : m && x === "Tablet" || ve && !m ? o = (i == null ? void 0 : i.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !m && (o = 15), c.forEach((g) => {
-        r.length + String(g).length <= o ? r += (r ? " " : "") + g : (t.push(r), r = g);
-      }), r && t.push(r);
+      const r = String(a.value).split(" ");
+      let l = 25;
+      d && y === "Mobile" || Ne && !d ? l = (c == null ? void 0 : c.mobileMaxTickLength) ?? 25 : d && y === "Tablet" || Ee && !d ? l = (c == null ? void 0 : c.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !d && (l = 15), r.forEach((m) => {
+        n.length + String(m).length <= l ? n += (n ? " " : "") + m : (o.push(n), n = m);
+      }), n && o.push(n);
     } else
-      t = [a.value];
-    let n = 12;
-    return m && x === "Mobile" || be && !m ? n = (i == null ? void 0 : i.mobileYAxisLineHeight) ?? 12 : (m && x === "Tablet" || ve && !m) && (n = (i == null ? void 0 : i.tabletYAxisLineHeight) ?? 12), yt(a.value, "12px Roboto") + 15, y > 0 && y < 180 ? /* @__PURE__ */ v("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+      o = [a.value];
+    let t = 12;
+    return d && y === "Mobile" || Ne && !d ? t = (c == null ? void 0 : c.mobileYAxisLineHeight) ?? 12 : (d && y === "Tablet" || Ee && !d) && (t = (c == null ? void 0 : c.tabletYAxisLineHeight) ?? 12), gt(a.value, "12px Roboto") + 15, g > 0 && g < 180 ? /* @__PURE__ */ v("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
       S && /* @__PURE__ */ s(
         "line",
         {
@@ -153,24 +154,24 @@ const xt = "#66676d", J = "#f0f0f1", ge = ["mobile", "tablet", "midTablet"].incl
           y2: -12
         }
       ),
-      /* @__PURE__ */ s("g", { transform: `translate(0, ${e.y + A})`, children: t.map((c, o) => /* @__PURE__ */ s(
+      /* @__PURE__ */ s("g", { transform: `translate(0, ${e.y + _})`, children: o.map((r, l) => /* @__PURE__ */ s(
         "text",
         {
-          transform: `rotate(${y})`,
+          transform: `rotate(${g})`,
           textAnchor: "start",
-          y: typeof e.value == "number" ? 0 : o * n,
+          y: typeof e.value == "number" ? 0 : l * t,
           dominantBaseline: "middle",
           style: {
-            ...l.axis.ticks.text,
+            ...i.axis.ticks.text,
             fill: O === "null" ? "black" : O,
             fontSize: "12px",
             fontFamily: "sans-serif"
           },
-          children: c
+          children: r
         },
-        c
+        r
       )) })
-    ] }) : y > 180 && y < 360 ? /* @__PURE__ */ v("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+    ] }) : g > 180 && g < 360 ? /* @__PURE__ */ v("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
       S && /* @__PURE__ */ s(
         "line",
         {
@@ -180,14 +181,14 @@ const xt = "#66676d", J = "#f0f0f1", ge = ["mobile", "tablet", "midTablet"].incl
           y2: -12
         }
       ),
-      /* @__PURE__ */ s("g", { transform: `translate(0, ${e.y + A})`, children: /* @__PURE__ */ s(
+      /* @__PURE__ */ s("g", { transform: `translate(0, ${e.y + _})`, children: /* @__PURE__ */ s(
         "text",
         {
-          transform: `rotate(${y})`,
+          transform: `rotate(${g})`,
           textAnchor: "end",
           dominantBaseline: "middle",
           style: {
-            ...l.axis.ticks.text,
+            ...i.axis.ticks.text,
             fill: O,
             fontSize: "12px"
           },
@@ -204,156 +205,157 @@ const xt = "#66676d", J = "#f0f0f1", ge = ["mobile", "tablet", "midTablet"].incl
           y2: -12
         }
       ),
-      /* @__PURE__ */ s("g", { transform: `translate(0, ${e.y + A})`, children: t.map((c, o) => /* @__PURE__ */ s(
+      /* @__PURE__ */ s("g", { transform: `translate(0, ${e.y + _})`, children: o.map((r, l) => /* @__PURE__ */ s(
         "text",
         {
-          transform: `rotate(${y})`,
+          transform: `rotate(${g})`,
           textAnchor: "middle",
-          y: typeof e.value == "number" ? 0 : o * n,
+          y: typeof e.value == "number" ? 0 : l * t,
           dominantBaseline: "middle",
           style: {
-            ...l.axis.ticks.text,
+            ...i.axis.ticks.text,
             fill: O === "null" ? "black" : O,
             fontSize: "12px",
             fontFamily: "sans-serif"
           },
-          children: c
+          children: r
         },
-        c
+        r
       )) })
     ] });
-  }, et = ({ series: e, xScale: a, yScale: l, innerHeight: t }) => {
-    const r = e && e.length > 0 ? e[0].color : "#3daff7", n = [];
-    e[0] && e[0].data.forEach((p) => {
-      Z == "csv" ? d.keys.forEach((b) => {
-        n.push({ measure: b, min: p.data.variables[b] });
-      }) : je.forEach((b) => {
-        n.push({ measure: b, min: p.data.variables[b] });
+  }, tt = ({ series: e, xScale: a, yScale: i, innerHeight: o }) => {
+    const n = e && e.length > 0 ? e[0].color : "#3daff7", t = [];
+    e[0] && e[0].data.forEach((x) => {
+      Z == "csv" ? h.keys.forEach((b) => {
+        t.push({ measure: b, min: x.data.variables[b] });
+      }) : Se.forEach((b) => {
+        t.push({ measure: b, min: x.data.variables[b] });
       });
     });
-    const c = n.sort((p, b) => p.min - b.min), o = ae == "CUSTOM_BETWEEN_TWO_LINES" && re ? re : c[0].measure, g = ae == "CUSTOM_BETWEEN_TWO_LINES" && ne ? ne : c[c.length - 1].measure, lt = ht().x((p) => a(p.data.x)).y0((p) => l(p.data.variables[o])).y1((p) => l(p.data.variables[g]));
+    const r = t.sort((x, b) => x.min - b.min), l = re == "CUSTOM_BETWEEN_TWO_LINES" && ne ? ne : r[0].measure, m = re == "CUSTOM_BETWEEN_TWO_LINES" && se ? se : r[r.length - 1].measure, it = ft().x((x) => a(x.data.x)).y0((x) => i(x.data.variables[l])).y1((x) => i(x.data.variables[m]));
     return /* @__PURE__ */ s(Y, { children: e && e[0] && /* @__PURE__ */ s(
       "path",
       {
-        d: lt(e[0].data),
-        fill: r,
+        d: it(e[0].data),
+        fill: n,
         fillOpacity: 0.4
       }
     ) });
-  }, tt = ({ series: e, xScale: a, yScale: l, innerHeight: t, innerWidth: r }) => {
-    const n = [0, r], c = ft().x((o, g) => g === 0 ? -10 : o).y((o) => l(0));
-    return /* @__PURE__ */ s(ct, { children: /* @__PURE__ */ s(
+  }, at = ({ series: e, xScale: a, yScale: i, innerHeight: o, innerWidth: n }) => {
+    const t = [0, n], r = ut().x((l, m) => m === 0 ? -10 : l).y((l) => i(0));
+    return /* @__PURE__ */ s(ot, { children: /* @__PURE__ */ s(
       "path",
       {
-        d: c(n),
+        d: r(t),
         fill: "none",
-        stroke: xt,
+        stroke: yt,
         style: { pointerEvents: "none", strokeDasharray: "4 4" }
       }
     ) });
   }, M = ["grid", "axes", "lines", "legends"];
-  Le && M.push(et), Fe && (M.push("points"), M.push("mesh")), $e && M.push(tt);
+  Fe && M.push(tt), We && (M.push("points"), M.push("mesh")), Ie && M.push(at);
   let D = [];
-  z(d.data).forEach((e) => {
+  z(h.data).forEach((e) => {
     e.data && (D = [...D, ...e.data.map((a) => a.y)]);
   });
-  const at = () => {
+  const rt = () => {
     if (q === "stacked") {
       const e = [];
-      z(d.data).forEach((t) => {
-        e.push(...t.data);
+      z(h.data).forEach((o) => {
+        e.push(...o.data);
       });
-      const l = [];
-      e.forEach((t) => {
-        l.indexOf(t.x) == -1 && l.push(t.x);
-      }), u = Math.max(
-        ...l.map((t) => e.filter((r) => r.x == t).map((r) => r.y).reduce((r, n) => Math.max(r + n, r + 0)))
-      ), f = Math.min(
-        ...l.map((t) => e.filter((r) => r.x == t).map((r) => r.y).reduce((r, n) => Math.min(r - n, n - r)))
+      const i = [];
+      e.forEach((o) => {
+        i.indexOf(o.x) == -1 && i.push(o.x);
+      }), p = Math.max(
+        ...i.map((o) => e.filter((n) => n.x == o).map((n) => n.y).reduce((n, t) => Math.max(n + t, n + 0)))
+      ), u = Math.min(
+        ...i.map((o) => e.filter((n) => n.x == o).map((n) => n.y).reduce((n, t) => Math.min(n - t, t - n)))
       );
     } else
-      D.length > 0 && (u = Math.max(...D), f = Math.min(...D));
-    return u = u < 0 ? u * 0.9 : u * 1.1, f = f > 0 ? f * 0.9 : f * 1.1, { min: f, max: u };
+      D.length > 0 && (p = Math.max(...D), u = Math.min(...D));
+    return p = p < 0 ? p * 0.9 : p * 1.1, u = u > 0 ? u * 0.9 : u * 1.1, { min: u, max: p };
   };
-  let f = "auto", u = "auto";
-  const _ = at();
-  We == "fixed" ? (f = H != null && H != "" ? H : _.min, u = R != null && R != "" ? R : _.max) : (f = _.min, u = _.max);
-  const he = () => /* @__PURE__ */ s(Y, { children: P && C && /* @__PURE__ */ s("div", { className: "legend item", children: /* @__PURE__ */ s("label", { className: "legend-title", children: C }) }) }), rt = {
-    top: ce,
-    right: Te,
-    bottom: me,
-    left: Ne
+  let u = "auto", p = "auto";
+  const A = rt();
+  we == "fixed" ? (u = H != null && H != "" ? H : A.min, p = R != null && R != "" ? R : A.max) : (u = A.min, p = A.max);
+  const ue = () => /* @__PURE__ */ s(Y, { children: P && ee && /* @__PURE__ */ s("div", { className: "legend item", children: /* @__PURE__ */ s("label", { className: "legend-title", children: ee }) }) }), nt = {
+    top: me,
+    right: De,
+    bottom: he,
+    left: Te
   };
-  let V = parseInt(ze);
-  const nt = d.data && ((xe = (pe = d.data) == null ? void 0 : pe.filter((e) => {
+  let V = parseInt(Ae);
+  const st = h.data && ((ge = (ye = h.data) == null ? void 0 : ye.filter((e) => {
     var a;
     return ((a = e == null ? void 0 : e.data) == null ? void 0 : a.length) > 0;
-  })) == null ? void 0 : xe.length), fe = [];
+  })) == null ? void 0 : ge.length), pe = [];
   if (F || W) {
-    V = Number.parseInt(i.yAxisTickValues);
-    const e = new Map(Object.entries(((ye = i == null ? void 0 : i.labels) == null ? void 0 : ye.xAxis) ?? {}));
-    for (const [a, l] of e)
-      l || fe.push(a);
+    V = Number.parseInt(c.yAxisTickValues);
+    const e = new Map(Object.entries(((be = c == null ? void 0 : c.labels) == null ? void 0 : be.xAxis) ?? {}));
+    for (const [a, i] of e)
+      i || pe.push(a);
   }
-  const ue = z(d.data), st = ["grid", "axes", "legends"];
-  if (d != null && d.data && nt > 0) {
-    let e = z(d.data);
+  const xe = z(h.data), lt = ["grid", "axes", "legends"];
+  if (h != null && h.data && st > 0) {
+    let e = z(h.data);
     const a = [];
     e.forEach((t) => {
       t && Array.isArray(t.data) && t.data.forEach((r) => {
-        const n = r && r.x;
-        n !== void 0 && a.indexOf(n) === -1 && a.push(n);
+        const l = r && r.x;
+        l !== void 0 && a.indexOf(l) === -1 && a.push(l);
       });
     });
-    let l;
-    if (se === "count") {
-      const t = Math.max(1, parseInt(Ve));
+    let i;
+    if (le === "count") {
+      const t = Math.max(1, parseInt(Ye));
       if (a.length > 0 && t > 0)
         if (a.length <= t)
-          l = a.slice();
+          i = a.slice();
         else {
-          const r = (a.length - 1) / (t - 1), n = new Array(t);
-          for (let c = 0; c < t; c++)
-            n[c] = Math.floor(c * r);
-          n[t - 1] = a.length - 1, l = n.map((c) => a[c]);
+          const r = (a.length - 1) / (t - 1), l = new Array(t);
+          for (let m = 0; m < t; m++)
+            l[m] = Math.floor(m * r);
+          l[t - 1] = a.length - 1, i = l.map((m) => a[m]);
         }
-    } else if (se === "every") {
-      const t = Math.max(1, parseInt(Ye));
+    } else if (le === "every") {
+      const t = Math.max(1, parseInt(Je));
       if (a.length > 0) {
         const r = [];
-        for (let n = 0; n < a.length; n++)
-          n % t === 0 && r.push(a[n]);
-        r[r.length - 1] !== a[a.length - 1] && r.push(a[a.length - 1]), l = r;
+        for (let l = 0; l < a.length; l++)
+          l % t === 0 && r.push(a[l]);
+        r[r.length - 1] !== a[a.length - 1] && r.push(a[a.length - 1]), i = r;
       }
     }
-    return /* @__PURE__ */ v("div", { style: { height: De }, children: [
-      /* @__PURE__ */ s(
-        mt,
+    const o = Number(ie) > 0, n = o ? Number(ie) : parseInt(C + "");
+    return /* @__PURE__ */ v("div", { style: o ? { display: "flex", flexDirection: "column" } : { height: C }, children: [
+      /* @__PURE__ */ s("div", { style: o ? { height: n, flexShrink: 0 } : { height: "100%" }, children: /* @__PURE__ */ s(
+        dt,
         {
-          curve: Ge,
-          data: ue,
-          margin: rt,
+          curve: Ve,
+          data: xe,
+          margin: nt,
           xScale: { type: "point" },
           yScale: {
             type: "linear",
-            min: f,
-            max: u,
+            min: u,
+            max: p,
             stacked: q == "stacked",
             reverse: !1,
-            clamp: He
+            clamp: Re
           },
-          layers: ue.length === 0 ? st : M,
+          layers: xe.length === 0 ? lt : M,
           axisTop: null,
-          axisRight: Ie ? {
+          axisRight: Le ? {
             tickSize: 5,
             tickValues: V,
             tickPadding: 5,
             tickRotation: 0,
-            legend: E.right,
+            legend: N.right,
             legendPosition: "middle",
-            legendOffset: parseInt(Be),
+            legendOffset: parseInt(je),
             format: (t) => {
-              const r = L || N;
+              const r = L || E;
               return I.formatNumber(
                 r.style === "percent" ? t / 100 : t,
                 {
@@ -363,31 +365,31 @@ const xt = "#66676d", J = "#f0f0f1", ge = ["mobile", "tablet", "midTablet"].incl
             }
           } : null,
           enableGridY: _e,
-          enableGridX: Ae,
-          enablePointLabel: Oe === "top",
+          enableGridX: Be,
+          enablePointLabel: Me === "top",
           pointLabel: (t) => I.formatNumber(
-            N.style === "percent" ? t.data.yFormatted / 100 : t.data.yFormatted,
-            N
+            E.style === "percent" ? t.data.yFormatted / 100 : t.data.yFormatted,
+            E
           ),
           lineWidth: 3,
-          colors: (t) => ee.getColor(t.id, t),
-          axisBottom: (F || W) && (i == null ? void 0 : i.xAxisDisabled) === !0 ? null : {
-            ...l ? { tickValues: l } : {},
-            renderTick: Ce,
-            legend: E.bottom,
+          colors: (t) => te.getColor(t.id, t),
+          axisBottom: (F || W) && (c == null ? void 0 : c.xAxisDisabled) === !0 ? null : {
+            ...i ? { tickValues: i } : {},
+            renderTick: et,
+            legend: N.bottom,
             legendPosition: "middle",
-            legendOffset: Number.parseInt(we)
+            legendOffset: Number.parseInt(ze)
           },
           axisLeft: {
             tickSize: 5,
             tickValues: V,
             tickPadding: 5,
             tickRotation: 0,
-            legend: E.left,
+            legend: N.left,
             legendPosition: "middle",
-            legendOffset: Number.parseInt(Me),
+            legendOffset: Number.parseInt(ke),
             format: (t) => {
-              const r = L || N;
+              const r = L || E;
               return I.formatNumber(
                 r.style === "percent" ? t / 100 : t,
                 {
@@ -396,14 +398,14 @@ const xt = "#66676d", J = "#f0f0f1", ge = ["mobile", "tablet", "midTablet"].incl
               );
             }
           },
-          tooltip: (t) => Ee && $ && $.trim().length > 0 ? /* @__PURE__ */ s(
-            dt,
+          tooltip: (t) => Oe && $ && $.trim().length > 0 ? /* @__PURE__ */ s(
+            ht,
             {
               intl: I,
-              format: N,
+              format: E,
               d: t,
               tooltip: $,
-              tooltipEnableMarkdown: Se
+              tooltipEnableMarkdown: He
             }
           ) : null,
           pointSize: 10,
@@ -412,46 +414,46 @@ const xt = "#66676d", J = "#f0f0f1", ge = ["mobile", "tablet", "midTablet"].incl
           useMesh: e.length > 0 && e[0].data.length > 0
         },
         /* @__PURE__ */ new Date()
-      ),
-      (h === "top" || h === "bottom") && /* @__PURE__ */ s(
+      ) }),
+      (f === "top" || f === "bottom") && /* @__PURE__ */ s(
         "div",
         {
-          className: `legends container has-standard-12-font-size ${h}`,
-          style: h === "top" ? { marginTop: ge && `${ce}px` } : h === "bottom" ? { marginBottom: `${me}px` } : {},
+          className: `legends container has-standard-12-font-size ${f}`,
+          style: f === "top" ? { marginTop: ve && `${me}px` } : f === "bottom" ? { marginBottom: `${he}px` } : {},
           children: /* @__PURE__ */ v("div", { className: "legend-sections", children: [
-            /* @__PURE__ */ s("div", { className: "title-section", children: he() }),
+            /* @__PURE__ */ s("div", { className: "title-section", children: ue() }),
             /* @__PURE__ */ s(
-              pt,
+              xt,
               {
                 onWrapChange: (t) => {
-                  if (h === "top") {
+                  if (f === "top") {
                     const r = Q + t / 2 * 40;
-                    Ke(r), oe(t);
+                    Ze(r), de(t);
                   } else
-                    Ze(X + t / 2 * 25), oe(t);
+                    qe(X + t / 2 * 25), de(t);
                 },
                 className: "legends container has-standard-12-font-size items-section",
-                children: de()
+                children: fe()
               }
             )
           ] })
         }
       ),
-      (h === "right" || h === "left") && /* @__PURE__ */ v(
+      (f === "right" || f === "left") && /* @__PURE__ */ v(
         "div",
         {
-          className: `legends container has-standard-12-font-size  ${h}`,
-          style: h === "right" ? Qe : Xe,
+          className: `legends container has-standard-12-font-size  ${f}`,
+          style: f === "right" ? Xe : Ce,
           children: [
-            he(),
-            de()
+            ue(),
+            fe()
           ]
         }
       )
     ] });
   }
   return /* @__PURE__ */ s("div", {});
-}, Wt = ot(gt);
+}, wt = mt(bt);
 export {
-  Wt as default
+  wt as default
 };