@undp/data-viz 1.5.9 → 2.0.1

package/dist/StripChart.js

@@ -1,1003 +1,685 @@
-import { j as l, m as ni } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useRef as si, useState as E, useEffect as ui } from "react";
-import { i as pi } from "./index-Bwrro8-q.js";
-import { G as mi } from "./Modal-Cg8daIlV.js";
-import { o as xi } from "./index-DvVprvy6.js";
-import { T as yi } from "./Tooltip-6LIdPQGC.js";
-import { c as J } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { n as gi } from "./numberFormattingFunction-14YCbkN2.js";
-import { Colors as h } from "./Colors.js";
-import { s as vi } from "./string2HTML-oFCROsus.js";
-import { a as wi } from "./linear-DUdu7l2G.js";
-import { u as Oi } from "./use-in-view-DR-UTB96.js";
-import { m as ai } from "./proxy-BYIC9BuT.js";
-import { A as bi } from "./index-Cwgh7i7X.js";
-import { GraphFooter as Ci } from "./GraphFooter.js";
-import { GraphHeader as ji } from "./GraphHeader.js";
-import { ColorLegendWithMouseOver as Mi } from "./ColorLegendWithMouseOver.js";
-import { E as Di } from "./EmptyState-36lXXyui.js";
-import { u as fi } from "./uniqBy-BHy4I8PK.js";
-function Ni(P, o) {
-  if (P < 2) return [];
-  const f = o / (P - 1);
-  return Array.from({ length: P }, (m, e) => e * f);
-}
-function Vi(P) {
-  const {
+import { c as Ft, j as a, m as Wt } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as Xt, useState as dt, useEffect as ne } from "react";
+import { i as Jt } from "./index-Bwrro8-q.js";
+import { l as Kt } from "./Modal-DGcuAHyK.js";
+import { o as Qt } from "./index-BZQYSqar.js";
+import { T as Zt } from "./Tooltip-CwWUegPB.js";
+import { c as ft } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { n as Yt } from "./numberFormattingFunction-14YCbkN2.js";
+import { Colors as c } from "./Colors.js";
+import { s as _t } from "./string2HTML-DhG75NqA.js";
+import { a as te } from "./linear-BwnDd9KF.js";
+import { u as ee } from "./use-in-view-Cxa7y1TH.js";
+import { m as jt } from "./proxy-BxkFHwUw.js";
+import { A as ie } from "./index-BqfRwk1n.js";
+import { u as Ut } from "./uniqBy-BHy4I8PK.js";
+import { a as le, G as re } from "./GraphContainer-CRqzdKu2.js";
+import { E as ae } from "./EmptyState-BZo1BbAn.js";
+import { ColorLegendWithMouseOver as se } from "./ColorLegendWithMouseOver.js";
+import { GraphFooter as ce } from "./GraphFooter.js";
+import { GraphHeader as ue } from "./GraphHeader.js";
+function oe(e, t) {
+  if (e < 2) return [];
+  const o = t / (e - 1);
+  return Array.from({
+    length: e
+  }, (N, M) => M * o);
+}
+function fe(e) {
+  const t = Ft.c(97), {
     data: o,
-    width: f,
-    height: m,
-    colors: e,
-    colorDomain: a,
-    radius: c,
-    leftMargin: s,
-    rightMargin: X,
-    topMargin: Y,
-    bottomMargin: ii,
-    tooltip: F,
-    onSeriesMouseOver: S,
-    highlightedDataPoints: r,
-    selectedColor: G,
-    minValue: R,
-    maxValue: _,
-    onSeriesMouseClick: $,
-    prefix: K,
-    suffix: b,
-    stripType: Q,
-    highlightColor: x,
-    dotOpacity: y,
-    resetSelectionOnDoubleClick: ti,
-    detailsOnClick: N,
-    styles: j,
-    classNames: I,
-    valueColor: V,
-    animate: d,
-    noOfTicks: w,
-    dimmedOpacity: T,
-    precision: B,
-    customLayers: M
-  } = P, q = si(null), D = Oi(q, {
-    once: d.once,
-    amount: d.amount
-  }), [H, v] = E(void 0), [u, A] = E(void 0), [U, L] = E(void 0), [p, g] = E(void 0), O = {
-    top: Y,
-    bottom: ii,
-    left: s,
-    right: X
-  }, k = f - O.left - O.right, W = m - O.top - O.bottom, oi = o.map((i, t) => ({ ...i, id: `${t}` })), ei = xi(
-    oi,
-    [
-      (i) => {
-        const t = (r || []).indexOf(i.label);
-        return t === -1 ? 1 / 0 : t;
-      }
-    ],
-    ["desc"]
-  ), li = J(_) ? Math.max(...o.filter((i) => !J(i.position)).map((i) => i.position)) < 0 ? 0 : Math.max(...o.filter((i) => !J(i.position)).map((i) => i.position)) : _, C = J(R) ? Math.min(...o.filter((i) => !J(i.position)).map((i) => i.position)) >= 0 ? 0 : Math.min(...o.filter((i) => !J(i.position)).map((i) => i.position)) : R, z = wi().domain([C, li]).range([0, k]).nice(), ri = Ni(w, k);
-  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsx(
-      ai.svg,
-      {
-        width: `${f}px`,
-        height: `${m}px`,
-        viewBox: `0 0 ${f} ${m}`,
-        direction: "ltr",
-        ref: q,
-        children: /* @__PURE__ */ l.jsxs("g", { transform: `translate(${O.left},${O.top})`, children: [
-          M.filter((i) => i.position === "before").map((i) => i.layer),
-          /* @__PURE__ */ l.jsxs(bi, { children: [
-            ei.map((i) => /* @__PURE__ */ l.jsxs(
-              ai.g,
-              {
-                className: "undp-viz-g-with-hover",
-                variants: {
-                  initial: {
-                    opacity: 0,
-                    x: z(0),
-                    y: W / 2
-                  },
-                  whileInView: {
-                    x: z(i.position),
-                    y: W / 2,
-                    opacity: G ? i.color && e[a.indexOf(i.color)] === G ? 0.95 : T : r.length !== 0 ? r.indexOf(i.label) !== -1 ? 0.95 : T : y,
-                    transition: { duration: d.duration }
-                  }
-                },
-                initial: "initial",
-                animate: D ? "whileInView" : "initial",
-                exit: { opacity: 0, transition: { duration: d.duration } },
-                onMouseEnter: (t) => {
-                  v(i), g(t.clientY), L(t.clientX), S?.(i);
-                },
-                onClick: () => {
-                  ($ || N) && (pi(u, i) && ti ? (A(void 0), $?.(void 0)) : (A(i), $?.(i)));
-                },
-                onMouseMove: (t) => {
-                  v(i), g(t.clientY), L(t.clientX);
-                },
-                onMouseLeave: () => {
-                  v(void 0), L(void 0), g(void 0), S?.(void 0);
-                },
-                children: [
-                  Q === "dot" ? /* @__PURE__ */ l.jsx(
-                    ai.circle,
-                    {
-                      cy: 0,
-                      cx: 0,
-                      variants: {
-                        initial: {
-                          fill: x && r ? r.indexOf(i.label) !== -1 ? x : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray
-                        },
-                        whileInView: {
-                          fill: x && r ? r.indexOf(i.label) !== -1 ? x : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray,
-                          transition: { duration: d.duration }
-                        }
-                      },
-                      initial: "initial",
-                      animate: D ? "whileInView" : "initial",
-                      exit: { opacity: 0, transition: { duration: d.duration } },
-                      r: c
-                    }
-                  ) : /* @__PURE__ */ l.jsx(
-                    ai.rect,
-                    {
-                      x: -1,
-                      width: 2,
-                      variants: {
-                        initial: {
-                          y: 0 - c,
-                          height: c * 2,
-                          fill: x && r ? r.indexOf(i.label) !== -1 ? x : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray
-                        },
-                        whileInView: {
-                          y: 0 - c,
-                          height: c * 2,
-                          fill: x && r ? r.indexOf(i.label) !== -1 ? x : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray,
-                          transition: { duration: d.duration }
-                        }
-                      },
-                      initial: "initial",
-                      animate: D ? "whileInView" : "initial",
-                      exit: { opacity: 0, transition: { duration: d.duration } }
-                    }
-                  ),
-                  r.length !== 0 && r.indexOf(i.label) !== -1 ? /* @__PURE__ */ l.jsx(
-                    ai.text,
-                    {
-                      x: 0,
-                      variants: {
-                        initial: {
-                          opacity: 0,
-                          y: 0 - c - 5,
-                          fill: V || (x && r ? r.indexOf(i.label) !== -1 ? x : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray)
-                        },
-                        whileInView: {
-                          opacity: 1,
-                          y: 0 - c - 5,
-                          fill: V || (x && r ? r.indexOf(i.label) !== -1 ? x : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray),
-                          transition: { duration: d.duration }
-                        }
-                      },
-                      initial: "initial",
-                      animate: D ? "whileInView" : "initial",
-                      exit: { opacity: 0, transition: { duration: d.duration } },
-                      style: {
-                        textAnchor: "middle",
-                        ...j?.graphObjectValues || {}
-                      },
-                      className: ni(
-                        "graph-value text-sm font-bold",
-                        I?.graphObjectValues
-                      ),
-                      children: gi(i.position, "NA", B, K, b)
-                    }
-                  ) : null
-                ]
-              },
-              i.label
-            )),
-            ri.map((i, t) => /* @__PURE__ */ l.jsx(
-              "text",
-              {
-                x: i,
-                y: W / 2 + c,
-                style: {
-                  textAnchor: t === 0 ? "start" : t === ri.length - 1 ? "end" : "middle",
-                  ...j?.xAxis?.labels || {}
-                },
-                className: ni(
-                  "fill-primary-gray-550 dark:fill-primary-gray-500 text-xs",
-                  I?.xAxis?.labels
-                ),
-                dy: "1em",
-                children: gi(z.invert(i), "NA", B, K, b)
-              },
-              t
-            ))
-          ] }),
-          M.filter((i) => i.position === "after").map((i) => i.layer)
-        ] })
+    width: N,
+    height: M,
+    colors: n,
+    colorDomain: r,
+    radius: p,
+    leftMargin: C,
+    rightMargin: gt,
+    topMargin: xt,
+    bottomMargin: Ct,
+    tooltip: nt,
+    onSeriesMouseOver: Z,
+    highlightedDataPoints: l,
+    selectedColor: _,
+    minValue: $,
+    maxValue: S,
+    onSeriesMouseClick: B,
+    noOfTicks: lt,
+    prefix: tt,
+    suffix: rt,
+    stripType: O,
+    highlightColor: g,
+    dotOpacity: pt,
+    resetSelectionOnDoubleClick: V,
+    detailsOnClick: h,
+    styles: x,
+    classNames: T,
+    valueColor: d,
+    animate: y,
+    dimmedOpacity: U,
+    precision: at,
+    customLayers: j
+  } = e, yt = C === void 0 ? 20 : C, mt = gt === void 0 ? 20 : gt, vt = xt === void 0 ? 10 : xt, Ot = Ct === void 0 ? 10 : Ct, Dt = Xt(null);
+  let st;
+  t[0] !== y.amount || t[1] !== y.once ? (st = {
+    once: y.once,
+    amount: y.amount
+  }, t[0] = y.amount, t[1] = y.once, t[2] = st) : st = t[2];
+  const H = ee(Dt, st), [et, bt] = dt(void 0), [v, wt] = dt(void 0), [u, m] = dt(void 0), [ct, Mt] = dt(void 0);
+  let ut;
+  t[3] !== Ot || t[4] !== yt || t[5] !== mt || t[6] !== vt ? (ut = {
+    top: vt,
+    bottom: Ot,
+    left: yt,
+    right: mt
+  }, t[3] = Ot, t[4] = yt, t[5] = mt, t[6] = vt, t[7] = ut) : ut = t[7];
+  const f = ut, J = N - f.left - f.right, K = M - f.top - f.bottom;
+  let L, D, E, P, k, I, W, X, Y, G, b;
+  if (t[8] !== y.duration || t[9] !== T?.graphObjectValues || t[10] !== T?.yAxis?.labels || t[11] !== r || t[12] !== n || t[13] !== j || t[14] !== o || t[15] !== h || t[16] !== U || t[17] !== pt || t[18] !== K || t[19] !== J || t[20] !== M || t[21] !== g || t[22] !== l || t[23] !== H || t[24] !== f.left || t[25] !== f.top || t[26] !== S || t[27] !== $ || t[28] !== v || t[29] !== lt || t[30] !== B || t[31] !== Z || t[32] !== at || t[33] !== tt || t[34] !== p || t[35] !== V || t[36] !== _ || t[37] !== O || t[38] !== x?.graphObjectValues || t[39] !== x?.yAxis?.labels || t[40] !== rt || t[41] !== d || t[42] !== N) {
+    const Nt = o.map(Le);
+    let Q;
+    t[54] !== l ? (Q = (i) => {
+      const s = (l || []).indexOf(i.label);
+      return s === -1 ? 1 / 0 : s;
+    }, t[54] = l, t[55] = Q) : Q = t[55];
+    const $t = Qt(Nt, [Q], ["desc"]);
+    let ot;
+    t[56] !== o || t[57] !== S ? (ot = ft(S) ? Math.max(...o.filter(He).map(Te)) < 0 ? 0 : Math.max(...o.filter(Se).map($e)) : S, t[56] = o, t[57] = S, t[58] = ot) : ot = t[58];
+    const kt = ot;
+    let ht;
+    t[59] !== o || t[60] !== $ ? (ht = ft($) ? Math.min(...o.filter(Ne).map(Ae)) >= 0 ? 0 : Math.min(...o.filter(Ie).map(ke)) : $, t[59] = o, t[60] = $, t[61] = ht) : ht = t[61];
+    const It = ht, Vt = te().domain([It, kt]).range([K, 0]).nice(), At = oe(lt, K);
+    D = jt.svg, E = `${N}px`, P = `${M}px`, k = `0 0 ${N} ${M}`, I = "ltr", W = Dt, G = `translate(${f.left},${f.top})`, t[62] !== j ? (b = j.filter(De).map(Ve), t[62] = j, t[63] = b) : b = t[63], L = ie, X = $t.map((i) => /* @__PURE__ */ a.jsxs(jt.g, { className: "undp-viz-g-with-hover", variants: {
+      initial: {
+        opacity: 0,
+        x: J / 2,
+        y: Vt(0)
+      },
+      whileInView: {
+        x: J / 2,
+        y: Vt(i.position),
+        opacity: _ ? i.color && n[r.indexOf(i.color)] === _ ? 0.95 : U : l.length !== 0 ? l.indexOf(i.label) !== -1 ? 0.95 : U : pt,
+        transition: {
+          duration: y.duration
+        }
       }
-    ),
-    H && F && U && p ? /* @__PURE__ */ l.jsx(
-      yi,
-      {
-        data: H,
-        body: F,
-        xPos: U,
-        yPos: p,
-        backgroundStyle: j?.tooltip,
-        className: I?.tooltip
+    }, initial: "initial", animate: H ? "whileInView" : "initial", exit: {
+      opacity: 0,
+      transition: {
+        duration: y.duration
       }
-    ) : null,
-    N && u !== void 0 ? /* @__PURE__ */ l.jsx(
-      mi,
-      {
-        open: u !== void 0,
-        onClose: () => {
-          A(void 0);
+    }, onMouseEnter: (s) => {
+      bt(i), Mt(s.clientY), m(s.clientX), Z?.(i);
+    }, onClick: () => {
+      (B || h) && (Jt(v, i) && V ? (wt(void 0), B?.(void 0)) : (wt(i), B?.(i)));
+    }, onMouseMove: (s) => {
+      bt(i), Mt(s.clientY), m(s.clientX);
+    }, onMouseLeave: () => {
+      bt(void 0), m(void 0), Mt(void 0), Z?.(void 0);
+    }, children: [
+      O === "dot" ? /* @__PURE__ */ a.jsx(jt.circle, { cy: 0, cx: 0, variants: {
+        initial: {
+          fill: g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(Ce).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(je).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray
         },
-        children: /* @__PURE__ */ l.jsx(
-          "div",
-          {
-            className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof N == "string" ? { __html: vi(N, u) } : void 0,
-            children: typeof N == "function" ? N(u) : null
+        whileInView: {
+          fill: g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(Me).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(we).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray,
+          transition: {
+            duration: y.duration
           }
-        )
-      }
-    ) : null
-  ] });
-}
-function ki(P) {
-  const {
-    data: o,
-    graphTitle: f,
-    colors: m,
-    sources: e,
-    graphDescription: a,
-    height: c,
-    width: s,
-    footNote: X,
-    colorDomain: Y,
-    colorLegendTitle: ii,
-    radius: F = 5,
-    padding: S,
-    backgroundColor: r = !1,
-    leftMargin: G = 5,
-    rightMargin: R = 5,
-    topMargin: _ = 10,
-    bottomMargin: $ = 10,
-    tooltip: K,
-    relativeHeight: b,
-    onSeriesMouseOver: Q,
-    showColorScale: x = !0,
-    highlightedDataPoints: y = [],
-    graphID: ti,
-    minValue: N,
-    maxValue: j,
-    onSeriesMouseClick: I,
-    graphDownload: V = !1,
-    dataDownload: d = !1,
-    prefix: w = "",
-    suffix: T = "",
-    stripType: B = "dot",
-    language: M = "en",
-    highlightColor: q,
-    dotOpacity: D = 0.3,
-    showNAColor: H = !0,
-    minHeight: v = 0,
-    theme: u = "light",
-    ariaLabel: A,
-    resetSelectionOnDoubleClick: U = !0,
-    detailsOnClick: L,
-    styles: p,
-    classNames: g,
-    valueColor: O,
-    animate: k = !1,
-    noOfTicks: W = 2,
-    dimmedOpacity: oi = 0.3,
-    precision: ei = 2,
-    customLayers: li = []
-  } = P, [C, z] = E(0), [ri, i] = E(0), [t, di] = E(void 0), Z = si(null), ci = si(null);
-  return ui(() => {
-    const n = new ResizeObserver((hi) => {
-      z(s || hi[0].target.clientWidth || 620), i(c || hi[0].target.clientHeight || 480);
-    });
-    return Z.current && (i(Z.current.clientHeight || 480), z(Z.current.clientWidth || 620), s || n.observe(Z.current)), () => n.disconnect();
-  }, [s, c]), /* @__PURE__ */ l.jsx(
-    "div",
-    {
-      className: `${u || "light"} flex  ${s ? "w-fit grow-0" : "w-full grow"}`,
-      dir: M === "he" || M === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ l.jsx(
-        "div",
-        {
-          className: ni(
-            `${r ? r === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${M || "en"}`,
-            s ? "w-fit" : "w-full",
-            g?.graphContainer
-          ),
-          style: {
-            ...p?.graphContainer || {},
-            ...r && r !== !0 ? { backgroundColor: r } : {}
-          },
-          id: ti,
-          ref: ci,
-          "aria-label": A || `${f ? `The graph shows ${f}. ` : ""}This is a strip chart showing distribution of data along the horizontal axis. Each dot represents an individual data point, helping to visualize the spread and clustering of values.${a ? ` ${a}` : ""}`,
-          children: /* @__PURE__ */ l.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: r ? S || "1rem" : S || 0 },
-              children: /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                f || a || V || d ? /* @__PURE__ */ l.jsx(
-                  ji,
-                  {
-                    styles: {
-                      title: p?.title,
-                      description: p?.description
-                    },
-                    classNames: {
-                      title: g?.title,
-                      description: g?.description
-                    },
-                    graphTitle: f,
-                    graphDescription: a,
-                    width: s,
-                    graphDownload: V ? ci.current : void 0,
-                    dataDownload: d ? o.map((n) => n.data).filter((n) => n !== void 0).length > 0 ? o.map((n) => n.data).filter((n) => n !== void 0) : o.filter((n) => n !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ l.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ l.jsx(Di, {}) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-                  x !== !1 && o.filter((n) => n.color).length !== 0 ? /* @__PURE__ */ l.jsx(
-                    Mi,
-                    {
-                      width: s,
-                      colorLegendTitle: ii,
-                      colors: m || h[u].categoricalColors.colors,
-                      colorDomain: Y || fi(o, "color", !0),
-                      setSelectedColor: di,
-                      showNAColor: H ?? !0
-                    }
-                  ) : null,
-                  /* @__PURE__ */ l.jsx(
-                    "div",
-                    {
-                      className: "flex flex-col grow justify-center w-full leading-0",
-                      ref: Z,
-                      "aria-label": "Graph area",
-                      children: (s || C) && (c || ri) ? /* @__PURE__ */ l.jsx(
-                        Vi,
-                        {
-                          data: o,
-                          width: s || C,
-                          height: Math.max(
-                            v,
-                            c || (b ? v ? (s || C) * b > v ? (s || C) * b : v : (s || C) * b : ri)
-                          ),
-                          colorDomain: o.filter((n) => n.color).length === 0 ? [] : Y || fi(o, "color", !0),
-                          colors: o.filter((n) => n.color).length === 0 ? m ? [m] : [h.primaryColors["blue-600"]] : m || h[u].categoricalColors.colors,
-                          selectedColor: t,
-                          radius: F,
-                          leftMargin: G,
-                          rightMargin: R,
-                          topMargin: _,
-                          bottomMargin: $,
-                          tooltip: K,
-                          onSeriesMouseOver: Q,
-                          highlightedDataPoints: y,
-                          minValue: N,
-                          maxValue: j,
-                          onSeriesMouseClick: I,
-                          prefix: w,
-                          suffix: T,
-                          stripType: B,
-                          highlightColor: q,
-                          dotOpacity: D,
-                          resetSelectionOnDoubleClick: U,
-                          detailsOnClick: L,
-                          styles: p,
-                          classNames: g,
-                          valueColor: O,
-                          animate: k === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : k || { duration: 0, once: !0, amount: 0 },
-                          noOfTicks: W,
-                          dimmedOpacity: oi,
-                          precision: ei,
-                          customLayers: li
-                        }
-                      ) : null
-                    }
-                  )
-                ] }) }),
-                e || X ? /* @__PURE__ */ l.jsx(
-                  Ci,
-                  {
-                    styles: { footnote: p?.footnote, source: p?.source },
-                    classNames: {
-                      footnote: g?.footnote,
-                      source: g?.source
-                    },
-                    sources: e,
-                    footNote: X,
-                    width: s
-                  }
-                ) : null
-              ] })
-            }
-          )
         }
-      )
-    }
-  );
+      }, initial: "initial", animate: H ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: y.duration
+        }
+      }, r: p }) : /* @__PURE__ */ a.jsx(jt.rect, { y: -1, height: 2, variants: {
+        initial: {
+          x: 0 - p,
+          width: p * 2,
+          fill: g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(be).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(Oe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray
+        },
+        whileInView: {
+          x: 0 - p,
+          width: p * 2,
+          fill: g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(ve).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(ye).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray,
+          transition: {
+            duration: y.duration
+          }
+        }
+      }, initial: "initial", animate: H ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: y.duration
+        }
+      } }),
+      l.length !== 0 && l.indexOf(i.label) !== -1 ? /* @__PURE__ */ a.jsx(jt.text, { y: 0, dy: "0.33em", variants: {
+        initial: {
+          opacity: 0,
+          x: 0 + p + 3,
+          fill: d || (g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(xe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(ge).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray)
+        },
+        whileInView: {
+          opacity: 1,
+          x: 0 + p + 3,
+          fill: d || (g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(de).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(he).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray),
+          transition: {
+            duration: y.duration
+          }
+        }
+      }, initial: "initial", animate: H ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: y.duration
+        }
+      }, style: {
+        textAnchor: "start",
+        ...x?.graphObjectValues || {}
+      }, className: Wt("graph-value text-sm font-bold", T?.graphObjectValues), children: Yt(i.position, "NA", at, tt, rt) }) : null
+    ] }, i.label)), Y = At.map((i, s) => /* @__PURE__ */ a.jsx("text", { y: i, x: J / 2 + p + 5, style: {
+      textAnchor: "start",
+      ...x?.yAxis?.labels || {}
+    }, className: Wt("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", T?.yAxis?.labels), children: Yt(Vt.invert(i), "NA", at, tt, rt) }, s)), t[8] = y.duration, t[9] = T?.graphObjectValues, t[10] = T?.yAxis?.labels, t[11] = r, t[12] = n, t[13] = j, t[14] = o, t[15] = h, t[16] = U, t[17] = pt, t[18] = K, t[19] = J, t[20] = M, t[21] = g, t[22] = l, t[23] = H, t[24] = f.left, t[25] = f.top, t[26] = S, t[27] = $, t[28] = v, t[29] = lt, t[30] = B, t[31] = Z, t[32] = at, t[33] = tt, t[34] = p, t[35] = V, t[36] = _, t[37] = O, t[38] = x?.graphObjectValues, t[39] = x?.yAxis?.labels, t[40] = rt, t[41] = d, t[42] = N, t[43] = L, t[44] = D, t[45] = E, t[46] = P, t[47] = k, t[48] = I, t[49] = W, t[50] = X, t[51] = Y, t[52] = G, t[53] = b;
+  } else
+    L = t[43], D = t[44], E = t[45], P = t[46], k = t[47], I = t[48], W = t[49], X = t[50], Y = t[51], G = t[52], b = t[53];
+  let z;
+  t[64] !== L || t[65] !== X || t[66] !== Y ? (z = /* @__PURE__ */ a.jsxs(L, { children: [
+    X,
+    Y
+  ] }), t[64] = L, t[65] = X, t[66] = Y, t[67] = z) : z = t[67];
+  let F;
+  t[68] !== j ? (F = j.filter(me).map(pe), t[68] = j, t[69] = F) : F = t[69];
+  let w;
+  t[70] !== z || t[71] !== F || t[72] !== G || t[73] !== b ? (w = /* @__PURE__ */ a.jsxs("g", { transform: G, children: [
+    b,
+    z,
+    F
+  ] }), t[70] = z, t[71] = F, t[72] = G, t[73] = b, t[74] = w) : w = t[74];
+  let R;
+  t[75] !== D || t[76] !== E || t[77] !== P || t[78] !== k || t[79] !== I || t[80] !== W || t[81] !== w ? (R = /* @__PURE__ */ a.jsx(D, { width: E, height: P, viewBox: k, direction: I, ref: W, children: w }), t[75] = D, t[76] = E, t[77] = P, t[78] = k, t[79] = I, t[80] = W, t[81] = w, t[82] = R) : R = t[82];
+  let q;
+  t[83] !== T?.tooltip || t[84] !== u || t[85] !== ct || t[86] !== et || t[87] !== x?.tooltip || t[88] !== nt ? (q = et && nt && u && ct ? /* @__PURE__ */ a.jsx(Zt, { data: et, body: nt, xPos: u, yPos: ct, backgroundStyle: x?.tooltip, className: T?.tooltip }) : null, t[83] = T?.tooltip, t[84] = u, t[85] = ct, t[86] = et, t[87] = x?.tooltip, t[88] = nt, t[89] = q) : q = t[89];
+  let A;
+  t[90] !== h || t[91] !== v ? (A = h && v !== void 0 ? /* @__PURE__ */ a.jsx(Kt, { open: v !== void 0, onClose: () => {
+    wt(void 0);
+  }, children: /* @__PURE__ */ a.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof h == "string" ? {
+    __html: _t(h, v)
+  } : void 0, children: typeof h == "function" ? h(v) : null }) }) : null, t[90] = h, t[91] = v, t[92] = A) : A = t[92];
+  let it;
+  return t[93] !== R || t[94] !== q || t[95] !== A ? (it = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    R,
+    q,
+    A
+  ] }), t[93] = R, t[94] = q, t[95] = A, t[96] = it) : it = t[96], it;
+}
+function pe(e) {
+  return e.layer;
+}
+function me(e) {
+  return e.position === "after";
+}
+function he(e) {
+  return e.color;
+}
+function de(e) {
+  return e.color;
+}
+function ge(e) {
+  return e.color;
 }
-function Si(P) {
-  const {
+function xe(e) {
+  return e.color;
+}
+function ye(e) {
+  return e.color;
+}
+function ve(e) {
+  return e.color;
+}
+function Oe(e) {
+  return e.color;
+}
+function be(e) {
+  return e.color;
+}
+function we(e) {
+  return e.color;
+}
+function Me(e) {
+  return e.color;
+}
+function je(e) {
+  return e.color;
+}
+function Ce(e) {
+  return e.color;
+}
+function Ve(e) {
+  return e.layer;
+}
+function De(e) {
+  return e.position === "before";
+}
+function ke(e) {
+  return e.position;
+}
+function Ie(e) {
+  return !ft(e.position);
+}
+function Ae(e) {
+  return e.position;
+}
+function Ne(e) {
+  return !ft(e.position);
+}
+function $e(e) {
+  return e.position;
+}
+function Se(e) {
+  return !ft(e.position);
+}
+function Te(e) {
+  return e.position;
+}
+function He(e) {
+  return !ft(e.position);
+}
+function Le(e, t) {
+  return {
+    ...e,
+    id: `${t}`
+  };
+}
+function Ee(e) {
+  const t = Ft.c(97), {
     data: o,
-    width: f,
-    height: m,
-    colors: e,
-    colorDomain: a,
-    radius: c,
-    leftMargin: s,
-    rightMargin: X,
-    topMargin: Y,
-    bottomMargin: ii,
-    tooltip: F,
-    onSeriesMouseOver: S,
-    highlightedDataPoints: r,
-    selectedColor: G,
-    minValue: R,
-    maxValue: _,
-    onSeriesMouseClick: $,
-    noOfTicks: K,
-    prefix: b,
-    suffix: Q,
-    stripType: x,
-    highlightColor: y,
-    dotOpacity: ti,
-    resetSelectionOnDoubleClick: N,
-    detailsOnClick: j,
-    styles: I,
-    classNames: V,
-    valueColor: d,
-    animate: w,
-    dimmedOpacity: T,
-    precision: B,
-    customLayers: M
-  } = P, q = si(null), D = Oi(q, {
-    once: w.once,
-    amount: w.amount
-  }), [H, v] = E(void 0), [u, A] = E(void 0), [U, L] = E(void 0), [p, g] = E(void 0), O = {
-    top: Y,
-    bottom: ii,
-    left: s,
-    right: X
-  }, k = f - O.left - O.right, W = m - O.top - O.bottom, oi = o.map((i, t) => ({ ...i, id: `${t}` })), ei = xi(
-    oi,
-    [
-      (i) => {
-        const t = (r || []).indexOf(i.label);
-        return t === -1 ? 1 / 0 : t;
-      }
-    ],
-    ["desc"]
-  ), li = J(_) ? Math.max(...o.filter((i) => !J(i.position)).map((i) => i.position)) < 0 ? 0 : Math.max(...o.filter((i) => !J(i.position)).map((i) => i.position)) : _, C = J(R) ? Math.min(...o.filter((i) => !J(i.position)).map((i) => i.position)) >= 0 ? 0 : Math.min(...o.filter((i) => !J(i.position)).map((i) => i.position)) : R, z = wi().domain([C, li]).range([W, 0]).nice(), ri = Ni(K, W);
-  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsx(
-      ai.svg,
-      {
-        width: `${f}px`,
-        height: `${m}px`,
-        viewBox: `0 0 ${f} ${m}`,
-        direction: "ltr",
-        ref: q,
-        children: /* @__PURE__ */ l.jsxs("g", { transform: `translate(${O.left},${O.top})`, children: [
-          M.filter((i) => i.position === "before").map((i) => i.layer),
-          /* @__PURE__ */ l.jsxs(bi, { children: [
-            ei.map((i) => /* @__PURE__ */ l.jsxs(
-              ai.g,
-              {
-                className: "undp-viz-g-with-hover",
-                variants: {
-                  initial: {
-                    opacity: 0,
-                    x: k / 2,
-                    y: z(0)
-                  },
-                  whileInView: {
-                    x: k / 2,
-                    y: z(i.position),
-                    opacity: G ? i.color && e[a.indexOf(i.color)] === G ? 0.95 : T : r.length !== 0 ? r.indexOf(i.label) !== -1 ? 0.95 : T : ti,
-                    transition: { duration: w.duration }
-                  }
-                },
-                initial: "initial",
-                animate: D ? "whileInView" : "initial",
-                exit: { opacity: 0, transition: { duration: w.duration } },
-                onMouseEnter: (t) => {
-                  v(i), g(t.clientY), L(t.clientX), S?.(i);
-                },
-                onClick: () => {
-                  ($ || j) && (pi(u, i) && N ? (A(void 0), $?.(void 0)) : (A(i), $?.(i)));
-                },
-                onMouseMove: (t) => {
-                  v(i), g(t.clientY), L(t.clientX);
-                },
-                onMouseLeave: () => {
-                  v(void 0), L(void 0), g(void 0), S?.(void 0);
-                },
-                children: [
-                  x === "dot" ? /* @__PURE__ */ l.jsx(
-                    ai.circle,
-                    {
-                      cy: 0,
-                      cx: 0,
-                      variants: {
-                        initial: {
-                          fill: y && r ? r.indexOf(i.label) !== -1 ? y : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray
-                        },
-                        whileInView: {
-                          fill: y && r ? r.indexOf(i.label) !== -1 ? y : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray,
-                          transition: { duration: w.duration }
-                        }
-                      },
-                      initial: "initial",
-                      animate: D ? "whileInView" : "initial",
-                      exit: { opacity: 0, transition: { duration: w.duration } },
-                      r: c
-                    }
-                  ) : /* @__PURE__ */ l.jsx(
-                    ai.rect,
-                    {
-                      y: -1,
-                      height: 2,
-                      variants: {
-                        initial: {
-                          x: 0 - c,
-                          width: c * 2,
-                          fill: y && r ? r.indexOf(i.label) !== -1 ? y : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray
-                        },
-                        whileInView: {
-                          x: 0 - c,
-                          width: c * 2,
-                          fill: y && r ? r.indexOf(i.label) !== -1 ? y : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray,
-                          transition: { duration: w.duration }
-                        }
-                      },
-                      initial: "initial",
-                      animate: D ? "whileInView" : "initial",
-                      exit: { opacity: 0, transition: { duration: w.duration } }
-                    }
-                  ),
-                  r.length !== 0 && r.indexOf(i.label) !== -1 ? /* @__PURE__ */ l.jsx(
-                    ai.text,
-                    {
-                      y: 0,
-                      dy: "0.33em",
-                      variants: {
-                        initial: {
-                          opacity: 0,
-                          x: 0 + c + 3,
-                          fill: d || (y && r ? r.indexOf(i.label) !== -1 ? y : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray)
-                        },
-                        whileInView: {
-                          opacity: 1,
-                          x: 0 + c + 3,
-                          fill: d || (y && r ? r.indexOf(i.label) !== -1 ? y : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray : o.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(i.color)] : h.gray),
-                          transition: { duration: w.duration }
-                        }
-                      },
-                      initial: "initial",
-                      animate: D ? "whileInView" : "initial",
-                      exit: { opacity: 0, transition: { duration: w.duration } },
-                      style: {
-                        textAnchor: "start",
-                        ...I?.graphObjectValues || {}
-                      },
-                      className: ni(
-                        "graph-value text-sm font-bold",
-                        V?.graphObjectValues
-                      ),
-                      children: gi(i.position, "NA", B, b, Q)
-                    }
-                  ) : null
-                ]
-              },
-              i.label
-            )),
-            ri.map((i, t) => /* @__PURE__ */ l.jsx(
-              "text",
-              {
-                y: i,
-                x: k / 2 + c + 5,
-                style: {
-                  textAnchor: "start",
-                  ...I?.yAxis?.labels || {}
-                },
-                className: ni(
-                  "fill-primary-gray-550 dark:fill-primary-gray-500 text-xs",
-                  V?.yAxis?.labels
-                ),
-                children: gi(z.invert(i), "NA", B, b, Q)
-              },
-              t
-            ))
-          ] }),
-          M.filter((i) => i.position === "after").map((i) => i.layer)
-        ] })
+    width: N,
+    height: M,
+    colors: n,
+    colorDomain: r,
+    radius: p,
+    leftMargin: C,
+    rightMargin: gt,
+    topMargin: xt,
+    bottomMargin: Ct,
+    tooltip: nt,
+    onSeriesMouseOver: Z,
+    highlightedDataPoints: l,
+    selectedColor: _,
+    minValue: $,
+    maxValue: S,
+    onSeriesMouseClick: B,
+    prefix: lt,
+    suffix: tt,
+    stripType: rt,
+    highlightColor: O,
+    dotOpacity: g,
+    resetSelectionOnDoubleClick: pt,
+    detailsOnClick: V,
+    styles: h,
+    classNames: x,
+    valueColor: T,
+    animate: d,
+    noOfTicks: y,
+    dimmedOpacity: U,
+    precision: at,
+    customLayers: j
+  } = e, yt = C === void 0 ? 5 : C, mt = gt === void 0 ? 5 : gt, vt = xt === void 0 ? 10 : xt, Ot = Ct === void 0 ? 10 : Ct, Dt = Xt(null);
+  let st;
+  t[0] !== d.amount || t[1] !== d.once ? (st = {
+    once: d.once,
+    amount: d.amount
+  }, t[0] = d.amount, t[1] = d.once, t[2] = st) : st = t[2];
+  const H = ee(Dt, st), [et, bt] = dt(void 0), [v, wt] = dt(void 0), [u, m] = dt(void 0), [ct, Mt] = dt(void 0);
+  let ut;
+  t[3] !== Ot || t[4] !== yt || t[5] !== mt || t[6] !== vt ? (ut = {
+    top: vt,
+    bottom: Ot,
+    left: yt,
+    right: mt
+  }, t[3] = Ot, t[4] = yt, t[5] = mt, t[6] = vt, t[7] = ut) : ut = t[7];
+  const f = ut, J = N - f.left - f.right, K = M - f.top - f.bottom;
+  let L, D, E, P, k, I, W, X, Y, G, b;
+  if (t[8] !== d.duration || t[9] !== x?.graphObjectValues || t[10] !== x?.xAxis?.labels || t[11] !== r || t[12] !== n || t[13] !== j || t[14] !== o || t[15] !== V || t[16] !== U || t[17] !== g || t[18] !== K || t[19] !== J || t[20] !== M || t[21] !== O || t[22] !== l || t[23] !== H || t[24] !== f.left || t[25] !== f.top || t[26] !== S || t[27] !== $ || t[28] !== v || t[29] !== y || t[30] !== B || t[31] !== Z || t[32] !== at || t[33] !== lt || t[34] !== p || t[35] !== pt || t[36] !== _ || t[37] !== rt || t[38] !== h?.graphObjectValues || t[39] !== h?.xAxis?.labels || t[40] !== tt || t[41] !== T || t[42] !== N) {
+    const Nt = o.map(si);
+    let Q;
+    t[54] !== l ? (Q = (i) => {
+      const s = (l || []).indexOf(i.label);
+      return s === -1 ? 1 / 0 : s;
+    }, t[54] = l, t[55] = Q) : Q = t[55];
+    const $t = Qt(Nt, [Q], ["desc"]);
+    let ot;
+    t[56] !== o || t[57] !== S ? (ot = ft(S) ? Math.max(...o.filter(ai).map(ri)) < 0 ? 0 : Math.max(...o.filter(li).map(ni)) : S, t[56] = o, t[57] = S, t[58] = ot) : ot = t[58];
+    const kt = ot;
+    let ht;
+    t[59] !== o || t[60] !== $ ? (ht = ft($) ? Math.min(...o.filter(oi).map(ii)) >= 0 ? 0 : Math.min(...o.filter(ei).map(ti)) : $, t[59] = o, t[60] = $, t[61] = ht) : ht = t[61];
+    const It = ht, Vt = te().domain([It, kt]).range([0, J]).nice(), At = oe(y, J);
+    D = jt.svg, E = `${N}px`, P = `${M}px`, k = `0 0 ${N} ${M}`, I = "ltr", W = Dt, G = `translate(${f.left},${f.top})`, t[62] !== j ? (b = j.filter(_e).map(Ze), t[62] = j, t[63] = b) : b = t[63], L = ie, X = $t.map((i) => /* @__PURE__ */ a.jsxs(jt.g, { className: "undp-viz-g-with-hover", variants: {
+      initial: {
+        opacity: 0,
+        x: Vt(0),
+        y: K / 2
+      },
+      whileInView: {
+        x: Vt(i.position),
+        y: K / 2,
+        opacity: _ ? i.color && n[r.indexOf(i.color)] === _ ? 0.95 : U : l.length !== 0 ? l.indexOf(i.label) !== -1 ? 0.95 : U : g,
+        transition: {
+          duration: d.duration
+        }
       }
-    ),
-    H && F && U && p ? /* @__PURE__ */ l.jsx(
-      yi,
-      {
-        data: H,
-        body: F,
-        xPos: U,
-        yPos: p,
-        backgroundStyle: I?.tooltip,
-        className: V?.tooltip
+    }, initial: "initial", animate: H ? "whileInView" : "initial", exit: {
+      opacity: 0,
+      transition: {
+        duration: d.duration
       }
-    ) : null,
-    j && u !== void 0 ? /* @__PURE__ */ l.jsx(
-      mi,
-      {
-        open: u !== void 0,
-        onClose: () => {
-          A(void 0);
+    }, onMouseEnter: (s) => {
+      bt(i), Mt(s.clientY), m(s.clientX), Z?.(i);
+    }, onClick: () => {
+      (B || V) && (Jt(v, i) && pt ? (wt(void 0), B?.(void 0)) : (wt(i), B?.(i)));
+    }, onMouseMove: (s) => {
+      bt(i), Mt(s.clientY), m(s.clientX);
+    }, onMouseLeave: () => {
+      bt(void 0), m(void 0), Mt(void 0), Z?.(void 0);
+    }, children: [
+      rt === "dot" ? /* @__PURE__ */ a.jsx(jt.circle, { cy: 0, cx: 0, variants: {
+        initial: {
+          fill: O && l ? l.indexOf(i.label) !== -1 ? O : o.filter(Qe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(Ke).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray
         },
-        children: /* @__PURE__ */ l.jsx(
-          "div",
-          {
-            className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof j == "string" ? { __html: vi(j, u) } : void 0,
-            children: typeof j == "function" ? j(u) : null
+        whileInView: {
+          fill: O && l ? l.indexOf(i.label) !== -1 ? O : o.filter(Je).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(Ue).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray,
+          transition: {
+            duration: d.duration
           }
-        )
-      }
-    ) : null
-  ] });
-}
-function $i(P) {
-  const {
-    data: o,
-    graphTitle: f,
-    colors: m,
-    sources: e,
-    graphDescription: a,
-    height: c,
-    width: s,
-    footNote: X,
-    colorDomain: Y,
-    colorLegendTitle: ii,
-    radius: F = 5,
-    padding: S,
-    backgroundColor: r = !1,
-    leftMargin: G = 20,
-    rightMargin: R = 20,
-    topMargin: _ = 10,
-    bottomMargin: $ = 10,
-    tooltip: K,
-    relativeHeight: b,
-    onSeriesMouseOver: Q,
-    showColorScale: x = !0,
-    highlightedDataPoints: y = [],
-    graphID: ti,
-    minValue: N,
-    maxValue: j,
-    onSeriesMouseClick: I,
-    graphDownload: V = !1,
-    dataDownload: d = !1,
-    prefix: w = "",
-    suffix: T = "",
-    stripType: B = "dot",
-    language: M = "en",
-    highlightColor: q,
-    dotOpacity: D = 0.3,
-    showNAColor: H = !0,
-    minHeight: v = 0,
-    theme: u = "light",
-    ariaLabel: A,
-    resetSelectionOnDoubleClick: U = !0,
-    detailsOnClick: L,
-    styles: p,
-    classNames: g,
-    valueColor: O,
-    animate: k = !1,
-    noOfTicks: W = 2,
-    dimmedOpacity: oi = 0.3,
-    precision: ei = 2,
-    customLayers: li = []
-  } = P, [C, z] = E(0), [ri, i] = E(0), [t, di] = E(void 0), Z = si(null), ci = si(null);
-  return ui(() => {
-    const n = new ResizeObserver((hi) => {
-      z(s || hi[0].target.clientWidth || 620), i(c || hi[0].target.clientHeight || 480);
-    });
-    return Z.current && (i(Z.current.clientHeight || 480), z(Z.current.clientWidth || 620), s || n.observe(Z.current)), () => n.disconnect();
-  }, [s, c]), /* @__PURE__ */ l.jsx(
-    "div",
-    {
-      className: `${u || "light"} flex  ${s ? "w-fit grow-0" : "w-full grow"}`,
-      dir: M === "he" || M === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ l.jsx(
-        "div",
-        {
-          className: ni(
-            `${r ? r === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${M || "en"}`,
-            s ? "w-fit" : "w-full",
-            g?.graphContainer
-          ),
-          style: {
-            ...p?.graphContainer || {},
-            ...r && r !== !0 ? { backgroundColor: r } : {}
-          },
-          id: ti,
-          ref: ci,
-          "aria-label": A || `${f ? `The graph shows ${f}. ` : ""}This is a strip chart showing distribution of data along the vertical axis. Each dot represents an individual data point, helping to visualize the spread and clustering of values.${a ? ` ${a}` : ""}`,
-          children: /* @__PURE__ */ l.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: r ? S || "1rem" : S || 0 },
-              children: /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                f || a || V || d ? /* @__PURE__ */ l.jsx(
-                  ji,
-                  {
-                    styles: {
-                      title: p?.title,
-                      description: p?.description
-                    },
-                    classNames: {
-                      title: g?.title,
-                      description: g?.description
-                    },
-                    graphTitle: f,
-                    graphDescription: a,
-                    width: s,
-                    graphDownload: V ? ci.current : void 0,
-                    dataDownload: d ? o.map((n) => n.data).filter((n) => n !== void 0).length > 0 ? o.map((n) => n.data).filter((n) => n !== void 0) : o.filter((n) => n !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ l.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ l.jsx(Di, {}) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-                  x !== !1 && o.filter((n) => n.color).length !== 0 ? /* @__PURE__ */ l.jsx(
-                    Mi,
-                    {
-                      width: s,
-                      colorLegendTitle: ii,
-                      colors: m || h[u].categoricalColors.colors,
-                      colorDomain: Y || fi(o, "color", !0),
-                      setSelectedColor: di,
-                      showNAColor: H
-                    }
-                  ) : null,
-                  /* @__PURE__ */ l.jsx(
-                    "div",
-                    {
-                      className: "flex flex-col grow justify-center w-full leading-0",
-                      ref: Z,
-                      children: (s || C) && (c || ri) ? /* @__PURE__ */ l.jsx(
-                        Si,
-                        {
-                          data: o,
-                          width: s || C,
-                          height: Math.max(
-                            v,
-                            c || (b ? v ? (s || C) * b > v ? (s || C) * b : v : (s || C) * b : ri)
-                          ),
-                          colorDomain: o.filter((n) => n.color).length === 0 ? [] : Y || fi(o, "color", !0),
-                          colors: o.filter((n) => n.color).length === 0 ? m ? [m] : [h.primaryColors["blue-600"]] : m || h[u].categoricalColors.colors,
-                          selectedColor: t,
-                          radius: F,
-                          leftMargin: G,
-                          rightMargin: R,
-                          topMargin: _,
-                          bottomMargin: $,
-                          tooltip: K,
-                          onSeriesMouseOver: Q,
-                          highlightedDataPoints: y,
-                          minValue: N,
-                          maxValue: j,
-                          onSeriesMouseClick: I,
-                          prefix: w,
-                          suffix: T,
-                          stripType: B,
-                          highlightColor: q,
-                          dotOpacity: D,
-                          resetSelectionOnDoubleClick: U,
-                          detailsOnClick: L,
-                          styles: p,
-                          classNames: g,
-                          valueColor: O,
-                          animate: k === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : k || { duration: 0, once: !0, amount: 0 },
-                          noOfTicks: W,
-                          dimmedOpacity: oi,
-                          precision: ei,
-                          customLayers: li
-                        }
-                      ) : null
-                    }
-                  )
-                ] }) }),
-                e || X ? /* @__PURE__ */ l.jsx(
-                  Ci,
-                  {
-                    styles: { footnote: p?.footnote, source: p?.source },
-                    classNames: {
-                      footnote: g?.footnote,
-                      source: g?.source
-                    },
-                    sources: e,
-                    footNote: X,
-                    width: s
-                  }
-                ) : null
-              ] })
-            }
-          )
         }
-      )
-    }
-  );
+      }, initial: "initial", animate: H ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: d.duration
+        }
+      }, r: p }) : /* @__PURE__ */ a.jsx(jt.rect, { x: -1, width: 2, variants: {
+        initial: {
+          y: 0 - p,
+          height: p * 2,
+          fill: O && l ? l.indexOf(i.label) !== -1 ? O : o.filter(qe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(Be).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray
+        },
+        whileInView: {
+          y: 0 - p,
+          height: p * 2,
+          fill: O && l ? l.indexOf(i.label) !== -1 ? O : o.filter(Re).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(Fe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray,
+          transition: {
+            duration: d.duration
+          }
+        }
+      }, initial: "initial", animate: H ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: d.duration
+        }
+      } }),
+      l.length !== 0 && l.indexOf(i.label) !== -1 ? /* @__PURE__ */ a.jsx(jt.text, { x: 0, variants: {
+        initial: {
+          opacity: 0,
+          y: 0 - p - 5,
+          fill: T || (O && l ? l.indexOf(i.label) !== -1 ? O : o.filter(ze).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(Ge).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray)
+        },
+        whileInView: {
+          opacity: 1,
+          y: 0 - p - 5,
+          fill: T || (O && l ? l.indexOf(i.label) !== -1 ? O : o.filter(Ye).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(Xe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray),
+          transition: {
+            duration: d.duration
+          }
+        }
+      }, initial: "initial", animate: H ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: d.duration
+        }
+      }, style: {
+        textAnchor: "middle",
+        ...h?.graphObjectValues || {}
+      }, className: Wt("graph-value text-sm font-bold", x?.graphObjectValues), children: Yt(i.position, "NA", at, lt, tt) }) : null
+    ] }, i.label)), Y = At.map((i, s) => /* @__PURE__ */ a.jsx("text", { x: i, y: K / 2 + p, style: {
+      textAnchor: s === 0 ? "start" : s === At.length - 1 ? "end" : "middle",
+      ...h?.xAxis?.labels || {}
+    }, className: Wt("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", x?.xAxis?.labels), dy: "1em", children: Yt(Vt.invert(i), "NA", at, lt, tt) }, s)), t[8] = d.duration, t[9] = x?.graphObjectValues, t[10] = x?.xAxis?.labels, t[11] = r, t[12] = n, t[13] = j, t[14] = o, t[15] = V, t[16] = U, t[17] = g, t[18] = K, t[19] = J, t[20] = M, t[21] = O, t[22] = l, t[23] = H, t[24] = f.left, t[25] = f.top, t[26] = S, t[27] = $, t[28] = v, t[29] = y, t[30] = B, t[31] = Z, t[32] = at, t[33] = lt, t[34] = p, t[35] = pt, t[36] = _, t[37] = rt, t[38] = h?.graphObjectValues, t[39] = h?.xAxis?.labels, t[40] = tt, t[41] = T, t[42] = N, t[43] = L, t[44] = D, t[45] = E, t[46] = P, t[47] = k, t[48] = I, t[49] = W, t[50] = X, t[51] = Y, t[52] = G, t[53] = b;
+  } else
+    L = t[43], D = t[44], E = t[45], P = t[46], k = t[47], I = t[48], W = t[49], X = t[50], Y = t[51], G = t[52], b = t[53];
+  let z;
+  t[64] !== L || t[65] !== X || t[66] !== Y ? (z = /* @__PURE__ */ a.jsxs(L, { children: [
+    X,
+    Y
+  ] }), t[64] = L, t[65] = X, t[66] = Y, t[67] = z) : z = t[67];
+  let F;
+  t[68] !== j ? (F = j.filter(We).map(Pe), t[68] = j, t[69] = F) : F = t[69];
+  let w;
+  t[70] !== z || t[71] !== F || t[72] !== G || t[73] !== b ? (w = /* @__PURE__ */ a.jsxs("g", { transform: G, children: [
+    b,
+    z,
+    F
+  ] }), t[70] = z, t[71] = F, t[72] = G, t[73] = b, t[74] = w) : w = t[74];
+  let R;
+  t[75] !== D || t[76] !== E || t[77] !== P || t[78] !== k || t[79] !== I || t[80] !== W || t[81] !== w ? (R = /* @__PURE__ */ a.jsx(D, { width: E, height: P, viewBox: k, direction: I, ref: W, children: w }), t[75] = D, t[76] = E, t[77] = P, t[78] = k, t[79] = I, t[80] = W, t[81] = w, t[82] = R) : R = t[82];
+  let q;
+  t[83] !== x?.tooltip || t[84] !== u || t[85] !== ct || t[86] !== et || t[87] !== h?.tooltip || t[88] !== nt ? (q = et && nt && u && ct ? /* @__PURE__ */ a.jsx(Zt, { data: et, body: nt, xPos: u, yPos: ct, backgroundStyle: h?.tooltip, className: x?.tooltip }) : null, t[83] = x?.tooltip, t[84] = u, t[85] = ct, t[86] = et, t[87] = h?.tooltip, t[88] = nt, t[89] = q) : q = t[89];
+  let A;
+  t[90] !== V || t[91] !== v ? (A = V && v !== void 0 ? /* @__PURE__ */ a.jsx(Kt, { open: v !== void 0, onClose: () => {
+    wt(void 0);
+  }, children: /* @__PURE__ */ a.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof V == "string" ? {
+    __html: _t(V, v)
+  } : void 0, children: typeof V == "function" ? V(v) : null }) }) : null, t[90] = V, t[91] = v, t[92] = A) : A = t[92];
+  let it;
+  return t[93] !== R || t[94] !== q || t[95] !== A ? (it = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    R,
+    q,
+    A
+  ] }), t[93] = R, t[94] = q, t[95] = A, t[96] = it) : it = t[96], it;
+}
+function Pe(e) {
+  return e.layer;
+}
+function We(e) {
+  return e.position === "after";
+}
+function Xe(e) {
+  return e.color;
+}
+function Ye(e) {
+  return e.color;
+}
+function Ge(e) {
+  return e.color;
+}
+function ze(e) {
+  return e.color;
+}
+function Fe(e) {
+  return e.color;
+}
+function Re(e) {
+  return e.color;
+}
+function Be(e) {
+  return e.color;
+}
+function qe(e) {
+  return e.color;
 }
-function Ki(P) {
-  const {
+function Ue(e) {
+  return e.color;
+}
+function Je(e) {
+  return e.color;
+}
+function Ke(e) {
+  return e.color;
+}
+function Qe(e) {
+  return e.color;
+}
+function Ze(e) {
+  return e.layer;
+}
+function _e(e) {
+  return e.position === "before";
+}
+function ti(e) {
+  return e.position;
+}
+function ei(e) {
+  return !ft(e.position);
+}
+function ii(e) {
+  return e.position;
+}
+function oi(e) {
+  return !ft(e.position);
+}
+function ni(e) {
+  return e.position;
+}
+function li(e) {
+  return !ft(e.position);
+}
+function ri(e) {
+  return e.position;
+}
+function ai(e) {
+  return !ft(e.position);
+}
+function si(e, t) {
+  return {
+    ...e,
+    id: `${t}`
+  };
+}
+function Ei(e) {
+  const t = Ft.c(80), {
     data: o,
-    graphTitle: f,
-    colors: m,
-    sources: e,
-    graphDescription: a,
-    height: c,
-    width: s,
-    footNote: X,
-    colorDomain: Y,
-    colorLegendTitle: ii,
-    radius: F,
-    padding: S,
-    backgroundColor: r,
-    leftMargin: G,
-    rightMargin: R,
-    topMargin: _,
-    bottomMargin: $,
-    tooltip: K,
-    relativeHeight: b,
-    onSeriesMouseOver: Q,
-    showColorScale: x,
-    highlightedDataPoints: y,
-    graphID: ti,
-    minValue: N,
-    maxValue: j,
-    onSeriesMouseClick: I,
-    noOfTicks: V,
+    graphTitle: N,
+    colors: M,
+    sources: n,
+    graphDescription: r,
+    height: p,
+    width: C,
+    footNote: gt,
+    colorDomain: xt,
+    colorLegendTitle: Ct,
+    radius: nt,
+    padding: Z,
+    backgroundColor: l,
+    leftMargin: _,
+    rightMargin: $,
+    topMargin: S,
+    bottomMargin: B,
+    tooltip: lt,
+    relativeHeight: tt,
+    onSeriesMouseOver: rt,
+    showColorScale: O,
+    highlightedDataPoints: g,
+    graphID: pt,
+    minValue: V,
+    maxValue: h,
+    onSeriesMouseClick: x,
+    noOfTicks: T,
     graphDownload: d,
-    dataDownload: w,
-    prefix: T,
-    suffix: B,
-    stripType: M,
-    language: q,
-    highlightColor: D,
-    dotOpacity: H,
-    showNAColor: v,
-    minHeight: u,
-    theme: A,
-    ariaLabel: U,
-    valueColor: L,
-    resetSelectionOnDoubleClick: p,
-    detailsOnClick: g,
-    orientation: O = "vertical",
-    styles: k,
-    classNames: W,
-    animate: oi,
-    dimmedOpacity: ei = 0.3,
-    precision: li,
-    customLayers: C
-  } = P;
-  return O === "vertical" ? /* @__PURE__ */ l.jsx(
-    $i,
-    {
-      data: o,
-      graphTitle: f,
-      colors: m,
-      sources: e,
-      graphDescription: a,
-      height: c,
-      width: s,
-      footNote: X,
-      colorDomain: Y,
-      colorLegendTitle: ii,
-      radius: F,
-      padding: S,
-      backgroundColor: r,
-      leftMargin: G,
-      rightMargin: R,
-      topMargin: _,
-      bottomMargin: $,
-      tooltip: K,
-      relativeHeight: b,
-      onSeriesMouseOver: Q,
-      showColorScale: x,
-      highlightedDataPoints: y,
-      graphID: ti,
-      minValue: N,
-      maxValue: j,
-      onSeriesMouseClick: I,
-      noOfTicks: V,
-      graphDownload: d,
-      dataDownload: w,
-      prefix: T,
-      suffix: B,
-      stripType: M,
-      language: q,
-      highlightColor: D,
-      dotOpacity: H,
-      showNAColor: v,
-      minHeight: u,
-      theme: A,
-      ariaLabel: U,
-      resetSelectionOnDoubleClick: p,
-      styles: k,
-      valueColor: L,
-      detailsOnClick: g,
-      classNames: W,
-      animate: oi,
-      dimmedOpacity: ei,
-      precision: li,
-      customLayers: C
-    }
-  ) : /* @__PURE__ */ l.jsx(
-    ki,
-    {
-      data: o,
-      graphTitle: f,
-      colors: m,
-      sources: e,
-      graphDescription: a,
-      height: c,
-      width: s,
-      footNote: X,
-      colorDomain: Y,
-      colorLegendTitle: ii,
-      radius: F,
-      padding: S,
-      backgroundColor: r,
-      leftMargin: G,
-      rightMargin: R,
-      topMargin: _,
-      bottomMargin: $,
-      tooltip: K,
-      relativeHeight: b,
-      onSeriesMouseOver: Q,
-      showColorScale: x,
-      highlightedDataPoints: y,
-      graphID: ti,
-      minValue: N,
-      maxValue: j,
-      onSeriesMouseClick: I,
-      noOfTicks: V,
-      graphDownload: d,
-      dataDownload: w,
-      prefix: T,
-      suffix: B,
-      stripType: M,
-      language: q,
-      highlightColor: D,
-      dotOpacity: H,
-      showNAColor: v,
-      minHeight: u,
-      theme: A,
-      ariaLabel: U,
-      resetSelectionOnDoubleClick: p,
-      styles: k,
-      valueColor: L,
-      detailsOnClick: g,
-      classNames: W,
-      animate: oi,
-      dimmedOpacity: ei,
-      precision: li,
-      customLayers: C
-    }
-  );
+    dataDownload: y,
+    prefix: U,
+    suffix: at,
+    stripType: j,
+    language: yt,
+    highlightColor: mt,
+    dotOpacity: vt,
+    showNAColor: Ot,
+    minHeight: Dt,
+    theme: st,
+    ariaLabel: H,
+    valueColor: et,
+    resetSelectionOnDoubleClick: bt,
+    detailsOnClick: v,
+    orientation: wt,
+    styles: u,
+    classNames: m,
+    animate: ct,
+    dimmedOpacity: Mt,
+    precision: ut,
+    customLayers: f
+  } = e, J = nt === void 0 ? 5 : nt, K = l === void 0 ? !1 : l, L = O === void 0 ? !0 : O;
+  let D;
+  t[0] !== g ? (D = g === void 0 ? [] : g, t[0] = g, t[1] = D) : D = t[1];
+  const E = D, P = T === void 0 ? 2 : T, k = d === void 0 ? !1 : d, I = y === void 0 ? !1 : y, W = U === void 0 ? "" : U, X = at === void 0 ? "" : at, Y = j === void 0 ? "dot" : j, G = yt === void 0 ? "en" : yt, b = vt === void 0 ? 0.3 : vt, z = Ot === void 0 ? !0 : Ot, F = Dt === void 0 ? 0 : Dt, w = st === void 0 ? "light" : st, R = bt === void 0 ? !0 : bt, q = wt === void 0 ? "vertical" : wt, A = ct === void 0 ? !1 : ct, it = Mt === void 0 ? 0.3 : Mt, Nt = ut === void 0 ? 2 : ut;
+  let Q;
+  t[2] !== f ? (Q = f === void 0 ? [] : f, t[2] = f, t[3] = Q) : Q = t[3];
+  const $t = Q, ot = q === "horizontal" ? Ee : fe, [kt, ht] = dt(0), [It, Vt] = dt(0), [At, i] = dt(void 0), s = Xt(null), Rt = Xt(null);
+  let Lt, Et;
+  t[4] === Symbol.for("react.memo_cache_sentinel") ? (Lt = () => {
+    const Bt = new ResizeObserver((qt) => {
+      ht(qt[0].target.clientWidth || 620), Vt(qt[0].target.clientHeight || 480);
+    });
+    return s.current && Bt.observe(s.current), () => Bt.disconnect();
+  }, Et = [], t[4] = Lt, t[5] = Et) : (Lt = t[4], Et = t[5]), ne(Lt, Et);
+  const Gt = m?.graphContainer, zt = u?.graphContainer;
+  let St;
+  t[6] !== m?.description || t[7] !== m?.title || t[8] !== o || t[9] !== I || t[10] !== r || t[11] !== k || t[12] !== N || t[13] !== u?.description || t[14] !== u?.title || t[15] !== C ? (St = N || r || k || I ? /* @__PURE__ */ a.jsx(ue, { styles: {
+    title: u?.title,
+    description: u?.description
+  }, classNames: {
+    title: m?.title,
+    description: m?.description
+  }, graphTitle: N, graphDescription: r, width: C, graphDownload: k ? Rt : void 0, dataDownload: I ? o.map(gi).filter(di).length > 0 ? o.map(hi).filter(mi) : o.filter(pi) : null }) : null, t[6] = m?.description, t[7] = m?.title, t[8] = o, t[9] = I, t[10] = r, t[11] = k, t[12] = N, t[13] = u?.description, t[14] = u?.title, t[15] = C, t[16] = St) : St = t[16];
+  let Tt;
+  t[17] !== ot || t[18] !== A || t[19] !== B || t[20] !== m || t[21] !== xt || t[22] !== Ct || t[23] !== M || t[24] !== $t || t[25] !== o || t[26] !== v || t[27] !== it || t[28] !== b || t[29] !== mt || t[30] !== E || t[31] !== _ || t[32] !== h || t[33] !== V || t[34] !== P || t[35] !== x || t[36] !== rt || t[37] !== Nt || t[38] !== W || t[39] !== J || t[40] !== R || t[41] !== $ || t[42] !== At || t[43] !== L || t[44] !== z || t[45] !== Y || t[46] !== u || t[47] !== X || t[48] !== It || t[49] !== kt || t[50] !== w || t[51] !== lt || t[52] !== S || t[53] !== et || t[54] !== C ? (Tt = o.length === 0 ? /* @__PURE__ */ a.jsx(ae, {}) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    L !== !1 && o.filter(fi).length !== 0 ? /* @__PURE__ */ a.jsx(se, { width: C, colorLegendTitle: Ct, colors: M || c[w].categoricalColors.colors, colorDomain: xt || Ut(o, "color", !0), setSelectedColor: i, showNAColor: z, className: m?.colorLegend }) : null,
+    /* @__PURE__ */ a.jsx(le, { ref: s, children: kt && It ? /* @__PURE__ */ a.jsx(ot, { data: o, width: kt, height: It, colorDomain: o.filter(ui).length === 0 ? [] : xt || Ut(o, "color", !0), colors: o.filter(ci).length === 0 ? M ? [M] : [c.primaryColors["blue-600"]] : M || c[w].categoricalColors.colors, selectedColor: At, radius: J, leftMargin: _, rightMargin: $, topMargin: S, bottomMargin: B, tooltip: lt, onSeriesMouseOver: rt, highlightedDataPoints: E, minValue: V, maxValue: h, onSeriesMouseClick: x, prefix: W, suffix: X, stripType: Y, highlightColor: mt, dotOpacity: b, resetSelectionOnDoubleClick: R, detailsOnClick: v, styles: u, classNames: m, valueColor: et, animate: A === !0 ? {
+      duration: 0.5,
+      once: !0,
+      amount: 0.5
+    } : A || {
+      duration: 0,
+      once: !0,
+      amount: 0
+    }, noOfTicks: P, dimmedOpacity: it, precision: Nt, customLayers: $t }) : null })
+  ] }), t[17] = ot, t[18] = A, t[19] = B, t[20] = m, t[21] = xt, t[22] = Ct, t[23] = M, t[24] = $t, t[25] = o, t[26] = v, t[27] = it, t[28] = b, t[29] = mt, t[30] = E, t[31] = _, t[32] = h, t[33] = V, t[34] = P, t[35] = x, t[36] = rt, t[37] = Nt, t[38] = W, t[39] = J, t[40] = R, t[41] = $, t[42] = At, t[43] = L, t[44] = z, t[45] = Y, t[46] = u, t[47] = X, t[48] = It, t[49] = kt, t[50] = w, t[51] = lt, t[52] = S, t[53] = et, t[54] = C, t[55] = Tt) : Tt = t[55];
+  let Ht;
+  t[56] !== m?.footnote || t[57] !== m?.source || t[58] !== gt || t[59] !== n || t[60] !== u?.footnote || t[61] !== u?.source || t[62] !== C ? (Ht = n || gt ? /* @__PURE__ */ a.jsx(ce, { styles: {
+    footnote: u?.footnote,
+    source: u?.source
+  }, classNames: {
+    footnote: m?.footnote,
+    source: m?.source
+  }, sources: n, footNote: gt, width: C }) : null, t[56] = m?.footnote, t[57] = m?.source, t[58] = gt, t[59] = n, t[60] = u?.footnote, t[61] = u?.source, t[62] = C, t[63] = Ht) : Ht = t[63];
+  let Pt;
+  return t[64] !== H || t[65] !== K || t[66] !== pt || t[67] !== p || t[68] !== G || t[69] !== F || t[70] !== Z || t[71] !== tt || t[72] !== Gt || t[73] !== zt || t[74] !== St || t[75] !== Tt || t[76] !== Ht || t[77] !== w || t[78] !== C ? (Pt = /* @__PURE__ */ a.jsxs(re, { className: Gt, style: zt, id: pt, ref: Rt, "aria-label": H, backgroundColor: K, theme: w, language: G, minHeight: F, width: C, height: p, relativeHeight: tt, padding: Z, children: [
+    St,
+    Tt,
+    Ht
+  ] }), t[64] = H, t[65] = K, t[66] = pt, t[67] = p, t[68] = G, t[69] = F, t[70] = Z, t[71] = tt, t[72] = Gt, t[73] = zt, t[74] = St, t[75] = Tt, t[76] = Ht, t[77] = w, t[78] = C, t[79] = Pt) : Pt = t[79], Pt;
+}
+function ci(e) {
+  return e.color;
+}
+function ui(e) {
+  return e.color;
+}
+function fi(e) {
+  return e.color;
+}
+function pi(e) {
+  return e !== void 0;
+}
+function mi(e) {
+  return e !== void 0;
+}
+function hi(e) {
+  return e.data;
+}
+function di(e) {
+  return e !== void 0;
+}
+function gi(e) {
+  return e.data;
 }
 export {
-  Ki as StripChart
+  Ei as StripChart
 };
 //# sourceMappingURL=StripChart.js.map