@devgateway/dvz-ui-react 1.6.20 → 1.7.1

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

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