@devgateway/dvz-ui-react 1.6.0 → 1.6.2

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

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