@devgateway/dvz-ui-react 1.0.7 → 1.1.1

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

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