@undp/data-viz 1.2.8 → 1.3.1

package/dist/DumbbellChart.js

@@ -0,0 +1,1511 @@
+import { j as i, m as ke } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { useRef as Ce, useState as L, useEffect as Ne } from "react";
+import { s as De } from "./index-DxagiOHo.js";
+import { p as Ae, f as Ie } from "./parse-DlCRUFh_.js";
+import { s as Se, g as Pe, x as Fe } from "./getSliderMarks-C0jptXeP.js";
+import { u as Be } from "./index-CaAIPGZo.js";
+import { i as We } from "./index-27yTRcko.js";
+import { X as He } from "./Modal-CUU6ZK3U.js";
+import { n as Le } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as Xe } from "./Tooltip-DyM5snqx.js";
+import { c as F } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { s as Ye } from "./string2HTML-CWHGfz_d.js";
+import { X as at } from "./XTicksAndGridLines-Bn9u5gOM.js";
+import { A as Ee } from "./AxisTitle-BmHLMRJZ.js";
+import { Y as rt } from "./YAxesLabels-H5-002X5.js";
+import { Y as _e } from "./YTicksAndGridLines-B6ah7CRf.js";
+import { a as lt, R as nt } from "./ReferenceLine-C1GpoG9d.js";
+import { u as Ge } from "./use-in-view-BAHrBy6b.js";
+import { a as ze } from "./linear-DUdu7l2G.js";
+import { b as Re } from "./band-BEjh2CHI.js";
+import { m as se } from "./proxy-DJxJg1kD.js";
+import { A as qe } from "./index-BxAUvrua.js";
+import { GraphHeader as Ue } from "./GraphHeader.js";
+import { GraphFooter as Je } from "./GraphFooter.js";
+import { ColorLegendWithMouseOver as Ke } from "./ColorLegendWithMouseOver.js";
+import { Colors as Qe } from "./Colors.js";
+import { E as Ze } from "./EmptyState-DdTp-Mdn.js";
+import { P as et, f as tt } from "./index-BmCqpO1B.js";
+import { b as we } from "./ensureCompleteData-BBDZbDCE.js";
+import { c as it } from "./init-BhZylTFx.js";
+import { A as ot } from "./Axis-Ddg-seDi.js";
+import { X as st } from "./XAxesLabels-DQFo_z2R.js";
+function ct(ye) {
+  const {
+    data: o,
+    dotColors: x,
+    suffix: q,
+    prefix: U,
+    barPadding: b,
+    showValues: ce,
+    showTicks: Z,
+    leftMargin: ee,
+    truncateBy: de,
+    width: te,
+    height: ie,
+    rightMargin: J,
+    topMargin: D,
+    bottomMargin: n,
+    radius: B,
+    showLabels: me,
+    tooltip: O,
+    onSeriesMouseOver: W,
+    maxValue: C,
+    minValue: ae,
+    onSeriesMouseClick: X,
+    selectedColor: I,
+    arrowConnector: M,
+    connectorStrokeWidth: ge,
+    maxBarThickness: re,
+    minBarThickness: le,
+    resetSelectionOnDoubleClick: pe,
+    detailsOnClick: v,
+    axisTitle: _,
+    noOfTicks: fe,
+    valueColor: ne,
+    styles: d,
+    classNames: h,
+    labelOrder: V,
+    refValues: oe,
+    rtl: f,
+    animate: s,
+    precision: N,
+    customLayers: G,
+    highlightedDataPoints: z,
+    dimmedOpacity: A
+  } = ye, w = Ce(null), u = Ge(w, {
+    once: s.once,
+    amount: s.amount
+  }), m = {
+    top: _ ? D + 25 : D,
+    bottom: n,
+    left: ee,
+    right: J
+  }, Y = te - m.left - m.right, E = ie - m.top - m.bottom, [K, H] = L(void 0), [j, y] = L(void 0), [T, Q] = L(void 0), [S, P] = L(void 0), R = o.map((t, l) => ({
+    ...t,
+    id: V ? `${t.label}` : `${l}`
+  })), k = V || R.map((t) => `${t.id}`), g = ze().domain([ae, C]).range([0, Y]).nice(), $ = Re().domain(k).range([
+    0,
+    le ? Math.max(E, le * R.length) : re ? Math.min(E, re * R.length) : E
+  ]).paddingInner(b), a = g.ticks(fe);
+  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsxs(
+      se.svg,
+      {
+        width: `${te}px`,
+        height: `${ie}px`,
+        viewBox: `0 0 ${te} ${ie}`,
+        direction: "ltr",
+        ref: w,
+        children: [
+          M ? /* @__PURE__ */ i.jsx("defs", { children: /* @__PURE__ */ i.jsx(
+            "marker",
+            {
+              id: "arrow",
+              viewBox: "0 0 10 10",
+              refX: "10",
+              refY: "5",
+              markerWidth: "6",
+              markerHeight: "6",
+              orient: "auto-start-reverse",
+              children: /* @__PURE__ */ i.jsx(
+                "path",
+                {
+                  d: "M 0 0 L 10 5 L 0 10 z",
+                  className: "fill-primary-gray-600 dark:fill-primary-gray-300"
+                }
+              )
+            }
+          ) }) : null,
+          /* @__PURE__ */ i.jsxs("g", { transform: `translate(${m.left},${m.top})`, children: [
+            Z ? /* @__PURE__ */ i.jsx(
+              at,
+              {
+                values: a.filter((t, l) => l !== 0),
+                x: a.filter((t, l) => l !== 0).map((t) => g(t)),
+                y1: 0 - D,
+                y2: E + m.bottom,
+                styles: {
+                  gridLines: d?.xAxis?.gridLines,
+                  labels: d?.xAxis?.labels
+                },
+                classNames: {
+                  gridLines: h?.xAxis?.gridLines,
+                  labels: h?.xAxis?.labels
+                },
+                suffix: q,
+                prefix: U,
+                labelType: "secondary",
+                showGridLines: !0,
+                precision: N
+              }
+            ) : null,
+            /* @__PURE__ */ i.jsx(
+              Ee,
+              {
+                x: Y / 2,
+                y: 0 - m.top + 15,
+                style: d?.xAxis?.title,
+                className: h?.xAxis?.title,
+                text: _
+              }
+            ),
+            /* @__PURE__ */ i.jsx(
+              _e,
+              {
+                y: R.map((t) => $(`${t.id}`) + $.bandwidth() / 2),
+                x1: 0,
+                x2: Y,
+                styles: { gridLines: d?.yAxis?.gridLines },
+                classNames: { gridLines: h?.yAxis?.gridLines },
+                labelType: "secondary",
+                showGridLines: !0,
+                labelPos: "vertical",
+                precision: N
+              }
+            ),
+            G.filter((t) => t.position === "before").map((t) => t.layer),
+            /* @__PURE__ */ i.jsxs(qe, { children: [
+              R.map((t) => /* @__PURE__ */ i.jsxs(
+                se.g,
+                {
+                  className: "undp-viz-g-with-hover",
+                  variants: {
+                    initial: {
+                      x: 0,
+                      y: $(`${t.id}`) + $.bandwidth() / 2,
+                      opacity: z.length !== 0 ? z.indexOf(t.label) !== -1 ? 0.85 : A : 0.85
+                    },
+                    whileInView: {
+                      x: 0,
+                      y: $(`${t.id}`) + $.bandwidth() / 2,
+                      opacity: z.length !== 0 ? z.indexOf(t.label) !== -1 ? 0.85 : A : 0.85,
+                      transition: { duration: s.duration }
+                    }
+                  },
+                  initial: "initial",
+                  animate: u ? "whileInView" : "initial",
+                  exit: { opacity: 0, transition: { duration: s.duration } },
+                  children: [
+                    me ? /* @__PURE__ */ i.jsx(
+                      rt,
+                      {
+                        value: `${t.label}`.length < de ? `${t.label}` : `${`${t.label}`.substring(0, de)}...`,
+                        y: 0 - $.bandwidth() / 2,
+                        x: 0 - m.left,
+                        width: m.left,
+                        height: $.bandwidth(),
+                        alignment: "right",
+                        style: d?.yAxis?.labels,
+                        className: h?.yAxis?.labels,
+                        animate: s,
+                        isInView: u
+                      }
+                    ) : null,
+                    /* @__PURE__ */ i.jsx(
+                      se.line,
+                      {
+                        y1: 0,
+                        y2: 0,
+                        style: {
+                          strokeWidth: ge,
+                          ...d?.dataConnectors || {},
+                          opacity: I ? 0.3 : 1
+                        },
+                        className: ke(
+                          "stroke-primary-gray-600 dark:stroke-primary-gray-300",
+                          h?.dataConnectors
+                        ),
+                        markerEnd: M && t.x.indexOf(Math.min(...t.x.filter((l) => l !== null))) === 0 ? "url(#arrow)" : "",
+                        markerStart: M && t.x.indexOf(Math.min(...t.x.filter((l) => l !== null))) === t.x.length - 1 ? "url(#arrow)" : "",
+                        exit: { opacity: 0, transition: { duration: s.duration } },
+                        variants: {
+                          initial: {
+                            x1: 0,
+                            x2: 0
+                          },
+                          whileInView: {
+                            x1: g(Math.min(...t.x.filter((l) => l !== null))) + B,
+                            x2: g(Math.max(...t.x.filter((l) => l !== null))) - B,
+                            transition: { duration: s.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: u ? "whileInView" : "initial"
+                      }
+                    ),
+                    t.x.map((l, p) => /* @__PURE__ */ i.jsx(
+                      se.g,
+                      {
+                        onMouseEnter: (he) => {
+                          H({ ...t, xIndex: p }), P(he.clientY), Q(he.clientX), W?.({ ...t, xIndex: p });
+                        },
+                        onClick: () => {
+                          (X || v) && (We(j, { ...t, xIndex: p }) && pe ? (y(void 0), X?.(void 0)) : (y({ ...t, xIndex: p }), X && X({ ...t, xIndex: p })));
+                        },
+                        onMouseMove: (he) => {
+                          H({ ...t, xIndex: p }), P(he.clientY), Q(he.clientX);
+                        },
+                        onMouseLeave: () => {
+                          H(void 0), Q(void 0), P(void 0), W?.(void 0);
+                        },
+                        exit: { opacity: 0, transition: { duration: s.duration } },
+                        variants: {
+                          initial: {
+                            opacity: I ? x[p] === I ? 1 : 0.3 : 1
+                          },
+                          whileInView: {
+                            opacity: I ? x[p] === I ? 1 : 0.3 : 1,
+                            transition: { duration: s.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: u ? "whileInView" : "initial",
+                        children: F(l) ? null : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                          /* @__PURE__ */ i.jsx(
+                            se.circle,
+                            {
+                              cy: 0,
+                              r: B,
+                              style: {
+                                fill: x[p],
+                                fillOpacity: 0.85,
+                                stroke: x[p],
+                                strokeWidth: 1,
+                                opacity: F(l) ? 0 : 1
+                              },
+                              exit: { opacity: 0, transition: { duration: s.duration } },
+                              variants: {
+                                initial: { cx: g(0), opacity: 0 },
+                                whileInView: {
+                                  cx: g(l || 0),
+                                  opacity: F(l) ? 0 : 1,
+                                  transition: { duration: s.duration }
+                                }
+                              },
+                              initial: "initial",
+                              animate: u ? "whileInView" : "initial"
+                            }
+                          ),
+                          ce ? /* @__PURE__ */ i.jsx(
+                            se.text,
+                            {
+                              y: 0,
+                              style: {
+                                fill: ne || x[p],
+                                textAnchor: "middle",
+                                ...d?.graphObjectValues || {}
+                              },
+                              dx: 0,
+                              dy: 0 - B - 3,
+                              className: ke(
+                                "graph-value text-sm font-bold",
+                                F(l) ? "0opacity-0" : "opacity-100",
+                                h?.graphObjectValues
+                              ),
+                              exit: { opacity: 0, transition: { duration: s.duration } },
+                              variants: {
+                                initial: { x: g(0), opacity: 0 },
+                                whileInView: {
+                                  x: g(l || 0),
+                                  opacity: 1,
+                                  transition: { duration: s.duration }
+                                }
+                              },
+                              initial: "initial",
+                              animate: u ? "whileInView" : "initial",
+                              children: Le(l, "NA", N, U, q)
+                            }
+                          ) : null
+                        ] })
+                      },
+                      p
+                    ))
+                  ]
+                },
+                t.label
+              )),
+              oe ? /* @__PURE__ */ i.jsx(i.Fragment, { children: oe.map((t, l) => /* @__PURE__ */ i.jsx(
+                lt,
+                {
+                  text: t.text,
+                  color: t.color,
+                  x: g(t.value),
+                  y1: 0 - m.top,
+                  y2: E + m.bottom,
+                  textSide: g(t.value) > Y * 0.75 || f ? "left" : "right",
+                  classNames: t.classNames,
+                  styles: t.styles,
+                  animate: s,
+                  isInView: u
+                },
+                l
+              )) }) : null
+            ] }),
+            G.filter((t) => t.position === "after").map((t) => t.layer)
+          ] })
+        ]
+      }
+    ),
+    K && O && T && S ? /* @__PURE__ */ i.jsx(
+      Xe,
+      {
+        data: K,
+        body: O,
+        xPos: T,
+        yPos: S,
+        backgroundStyle: d?.tooltip,
+        className: h?.tooltip
+      }
+    ) : null,
+    v && j !== void 0 ? /* @__PURE__ */ i.jsx(
+      He,
+      {
+        open: j !== void 0,
+        onClose: () => {
+          y(void 0);
+        },
+        children: /* @__PURE__ */ i.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof v == "string" ? { __html: Ye(v, j) } : void 0,
+            children: typeof v == "function" ? v(j) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function dt(ye) {
+  const {
+    data: o,
+    graphTitle: x,
+    colors: q = Qe.light.categoricalColors.colors,
+    sources: U,
+    graphDescription: b,
+    barPadding: ce = 0.25,
+    showTicks: Z = !0,
+    leftMargin: ee = 100,
+    rightMargin: de = 40,
+    topMargin: te = 20,
+    bottomMargin: ie = 10,
+    truncateBy: J = 999,
+    height: D,
+    width: n,
+    footNote: B,
+    colorDomain: me,
+    colorLegendTitle: O,
+    padding: W,
+    backgroundColor: C = !1,
+    radius: ae = 3,
+    showLabels: X = !0,
+    tooltip: I,
+    relativeHeight: M,
+    onSeriesMouseOver: ge,
+    graphID: re,
+    suffix: le = "",
+    prefix: pe = "",
+    maxValue: v,
+    minValue: _,
+    onSeriesMouseClick: fe,
+    graphDownload: ne = !1,
+    dataDownload: d = !1,
+    showValues: h = !0,
+    sortParameter: V,
+    arrowConnector: oe = !1,
+    connectorStrokeWidth: f = 2,
+    language: s = "en",
+    minHeight: N = 0,
+    theme: G = "light",
+    labelOrder: z,
+    maxBarThickness: A,
+    maxNumberOfBars: w,
+    minBarThickness: u,
+    ariaLabel: m,
+    resetSelectionOnDoubleClick: Y = !0,
+    detailsOnClick: E,
+    axisTitle: K,
+    noOfTicks: H = 5,
+    valueColor: j,
+    styles: y,
+    classNames: T,
+    refValues: Q,
+    filterNA: S = !0,
+    animate: P = !1,
+    precision: R = 2,
+    customLayers: k = [],
+    showColorScale: g = !0,
+    highlightedDataPoints: $ = [],
+    dimmedOpacity: a = 0.3,
+    timeline: t = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
+  } = ye, [l, p] = L(0), [he, Me] = L(0), [ue, Ve] = L(t.autoplay), c = Se(
+    Be(
+      o.filter((e) => e.date !== void 0 && e.date !== null),
+      (e) => e.date
+    ).map((e) => Ae(`${e.date}`, t.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    (e, r) => it(e, r)
+  ), [be, ve] = L(t.autoplay ? 0 : c.length - 1), [Te, $e] = L(void 0), xe = Ce(null), je = Ce(null);
+  Ne(() => {
+    const e = new ResizeObserver((r) => {
+      p(n || r[0].target.clientWidth || 620), Me(D || r[0].target.clientHeight || 480);
+    });
+    return xe.current && (Me(xe.current.clientHeight || 480), p(xe.current.clientWidth || 620), n || e.observe(xe.current)), () => e.disconnect();
+  }, [n, D]), Ne(() => {
+    const e = setInterval(
+      () => {
+        ve((r) => r < c.length - 1 ? r + 1 : 0);
+      },
+      (t.speed || 2) * 1e3
+    );
+    return ue || clearInterval(e), () => clearInterval(e);
+  }, [c, ue, t.speed]);
+  const Oe = Pe(
+    c,
+    be,
+    t.showOnlyActiveDate,
+    t.dateFormat || "yyyy"
+  );
+  return /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      className: `${G || "light"} flex  ${n ? "w-fit grow-0" : "w-full grow"}`,
+      dir: s === "he" || s === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ i.jsx(
+        "div",
+        {
+          className: ke(
+            `${C ? C === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${s || "en"}`,
+            T?.graphContainer
+          ),
+          style: {
+            ...y?.graphContainer || {},
+            ...C && C !== !0 ? { backgroundColor: C } : {}
+          },
+          id: re,
+          ref: je,
+          "aria-label": m || `${x ? `The graph shows ${x}. ` : ""}This is a dumbbell chart that shows comparisons between two or more data points across categories. ${b ? ` ${b}` : ""}`,
+          children: /* @__PURE__ */ i.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: C ? W || "1rem" : W || 0 },
+              children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                x || b || ne || d ? /* @__PURE__ */ i.jsx(
+                  Ue,
+                  {
+                    styles: {
+                      title: y?.title,
+                      description: y?.description
+                    },
+                    classNames: {
+                      title: T?.title,
+                      description: T?.description
+                    },
+                    graphTitle: x,
+                    graphDescription: b,
+                    width: n,
+                    graphDownload: ne ? je.current : void 0,
+                    dataDownload: d ? o.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? o.map((e) => e.data).filter((e) => e !== void 0) : o.filter((e) => e !== void 0) : null
+                  }
+                ) : null,
+                t.enabled && c.length > 0 && Oe ? /* @__PURE__ */ i.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                  /* @__PURE__ */ i.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        Ve(!ue);
+                      },
+                      className: "p-0 border-0 cursor-pointer bg-transparent",
+                      "aria-label": ue ? "Click to pause animation" : "Click to play animation",
+                      children: ue ? /* @__PURE__ */ i.jsx(et, {}) : /* @__PURE__ */ i.jsx(tt, {})
+                    }
+                  ),
+                  /* @__PURE__ */ i.jsx(
+                    Fe,
+                    {
+                      min: c[0],
+                      max: c[c.length - 1],
+                      marks: Oe,
+                      step: null,
+                      defaultValue: c[c.length - 1],
+                      value: c[be],
+                      onChangeComplete: (e) => {
+                        ve(c.indexOf(e));
+                      },
+                      onChange: (e) => {
+                        ve(c.indexOf(e));
+                      },
+                      "aria-label": "Time slider. Use arrow keys to adjust selected time period."
+                    }
+                  )
+                ] }) : null,
+                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ i.jsx(Ze, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                  g ? /* @__PURE__ */ i.jsx(
+                    Ke,
+                    {
+                      width: n,
+                      colorDomain: me,
+                      colors: q,
+                      colorLegendTitle: O,
+                      setSelectedColor: $e,
+                      showNAColor: !1
+                    }
+                  ) : null,
+                  /* @__PURE__ */ i.jsx(
+                    "div",
+                    {
+                      className: "flex grow w-full justify-center leading-0",
+                      ref: xe,
+                      "aria-label": "Graph area",
+                      children: (n || l) && (D || he) ? /* @__PURE__ */ i.jsx(
+                        ct,
+                        {
+                          data: V !== void 0 ? V === "diff" ? De(
+                            we(
+                              o,
+                              t.dateFormat || "yyyy"
+                            ).filter(
+                              (e) => t.enabled ? e.date === Ie(
+                                new Date(c[be]),
+                                t.dateFormat || "yyyy"
+                              ) : e
+                            ).filter((e) => S ? !e.x.every((r) => r == null) : e),
+                            (e) => F(e.x[e.x.length - 1]) || F(e.x[0]) ? -1 / 0 : e.x[e.x.length - 1] - e.x[0]
+                          ).reverse().filter((e, r) => w ? r < w : !0) : De(
+                            we(
+                              o,
+                              t.dateFormat || "yyyy"
+                            ).filter(
+                              (e) => t.enabled ? e.date === Ie(
+                                new Date(c[be]),
+                                t.dateFormat || "yyyy"
+                              ) : e
+                            ).filter((e) => S ? !e.x.every((r) => r == null) : e),
+                            (e) => F(e.x[V]) ? -1 / 0 : e.x[V]
+                          ).reverse().filter((e, r) => w ? r < w : !0) : we(
+                            o,
+                            t.dateFormat || "yyyy"
+                          ).filter((e) => S ? !e.x.every((r) => r == null) : e).filter((e, r) => w ? r < w : !0),
+                          dotColors: q,
+                          width: n || l,
+                          height: Math.max(
+                            N,
+                            D || (M ? N ? (n || l) * M > N ? (n || l) * M : N : (n || l) * M : he)
+                          ),
+                          suffix: le,
+                          prefix: pe,
+                          radius: ae,
+                          barPadding: ce,
+                          showTicks: Z,
+                          leftMargin: ee,
+                          rightMargin: de,
+                          topMargin: te,
+                          bottomMargin: ie,
+                          truncateBy: J,
+                          showLabels: X,
+                          showValues: h,
+                          tooltip: I,
+                          onSeriesMouseOver: ge,
+                          maxValue: F(v) ? Math.max(
+                            ...o.map((e) => Math.max(...e.x.filter((r) => r !== null)))
+                          ) < 0 ? 0 : Math.max(
+                            ...o.map((e) => Math.max(...e.x.filter((r) => r !== null)))
+                          ) : v,
+                          minValue: F(_) ? Math.min(
+                            ...o.map((e) => Math.min(...e.x.filter((r) => r !== null)))
+                          ) > 0 ? 0 : Math.min(
+                            ...o.map((e) => Math.min(...e.x.filter((r) => r !== null)))
+                          ) : _,
+                          onSeriesMouseClick: fe,
+                          selectedColor: Te,
+                          arrowConnector: oe,
+                          connectorStrokeWidth: f,
+                          maxBarThickness: A,
+                          minBarThickness: u,
+                          resetSelectionOnDoubleClick: Y,
+                          detailsOnClick: E,
+                          axisTitle: K,
+                          noOfTicks: H,
+                          valueColor: j,
+                          styles: y,
+                          classNames: T,
+                          labelOrder: z,
+                          refValues: Q,
+                          rtl: s === "he" || s === "ar",
+                          animate: P === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : P || { duration: 0, once: !0, amount: 0 },
+                          precision: R,
+                          customLayers: k,
+                          highlightedDataPoints: $,
+                          dimmedOpacity: a
+                        }
+                      ) : null
+                    }
+                  )
+                ] }) }),
+                U || B ? /* @__PURE__ */ i.jsx(
+                  Je,
+                  {
+                    styles: { footnote: y?.footnote, source: y?.source },
+                    classNames: {
+                      footnote: T?.footnote,
+                      source: T?.source
+                    },
+                    sources: U,
+                    footNote: B,
+                    width: n
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function mt(ye) {
+  const {
+    data: o,
+    dotColors: x,
+    barPadding: q,
+    showTicks: U,
+    leftMargin: b,
+    truncateBy: ce,
+    width: Z,
+    height: ee,
+    rightMargin: de,
+    topMargin: te,
+    bottomMargin: ie,
+    radius: J,
+    showLabels: D,
+    tooltip: n,
+    onSeriesMouseOver: B,
+    maxValue: me,
+    minValue: O,
+    onSeriesMouseClick: W,
+    showValues: C,
+    suffix: ae,
+    prefix: X,
+    selectedColor: I,
+    arrowConnector: M,
+    connectorStrokeWidth: ge,
+    maxBarThickness: re,
+    minBarThickness: le,
+    resetSelectionOnDoubleClick: pe,
+    detailsOnClick: v,
+    axisTitle: _,
+    noOfTicks: fe,
+    valueColor: ne,
+    styles: d,
+    classNames: h,
+    labelOrder: V,
+    refValues: oe,
+    animate: f,
+    precision: s,
+    customLayers: N,
+    highlightedDataPoints: G,
+    dimmedOpacity: z
+  } = ye, A = Ce(null), w = Ge(A, {
+    once: f.once,
+    amount: f.amount
+  }), u = {
+    top: te,
+    bottom: ie,
+    left: _ ? b + 30 : b,
+    right: de
+  }, m = Z - u.left - u.right, Y = ee - u.top - u.bottom, [E, K] = L(void 0), [H, j] = L(void 0), [y, T] = L(void 0), [Q, S] = L(void 0), P = o.map((a, t) => ({
+    ...a,
+    id: V ? `${a.label}` : `${t}`
+  })), R = V || P.map((a) => `${a.id}`), k = ze().domain([O, me]).range([Y, 0]).nice(), g = Re().domain(R).range([
+    0,
+    le ? Math.max(m, le * P.length) : re ? Math.min(m, re * P.length) : m
+  ]).paddingInner(q), $ = k.ticks(fe);
+  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsxs(
+      se.svg,
+      {
+        width: `${Z}px`,
+        height: `${ee}px`,
+        viewBox: `0 0 ${Z} ${ee}`,
+        direction: "ltr",
+        ref: A,
+        children: [
+          M ? /* @__PURE__ */ i.jsx("defs", { children: /* @__PURE__ */ i.jsx(
+            "marker",
+            {
+              id: "arrow",
+              viewBox: "0 0 10 10",
+              refX: "10",
+              refY: "5",
+              markerWidth: "6",
+              markerHeight: "6",
+              orient: "auto-start-reverse",
+              children: /* @__PURE__ */ i.jsx(
+                "path",
+                {
+                  d: "M 0 0 L 10 5 L 0 10 z",
+                  className: "fill-primary-gray-600 dark:fill-primary-gray-300"
+                }
+              )
+            }
+          ) }) : null,
+          /* @__PURE__ */ i.jsxs("g", { transform: `translate(${u.left},${u.top})`, children: [
+            /* @__PURE__ */ i.jsx(
+              ot,
+              {
+                y1: k(O < 0 ? 0 : O),
+                y2: k(O < 0 ? 0 : O),
+                x1: 0 - b,
+                x2: m + u.right,
+                label: Le(
+                  O < 0 ? 0 : O,
+                  "NA",
+                  s,
+                  X,
+                  ae
+                ),
+                labelPos: {
+                  x: 0 - b,
+                  dx: 0,
+                  dy: me < 0 ? "1em" : -5,
+                  y: k(O < 0 ? 0 : O)
+                },
+                classNames: {
+                  axis: h?.xAxis?.axis,
+                  label: h?.yAxis?.labels
+                },
+                styles: { axis: d?.xAxis?.axis, label: d?.yAxis?.labels }
+              }
+            ),
+            U ? /* @__PURE__ */ i.jsx(
+              _e,
+              {
+                values: $.filter((a) => a !== 0),
+                y: $.filter((a) => a !== 0).map((a) => k(a)),
+                x1: 0 - b,
+                x2: m + u.right,
+                styles: {
+                  gridLines: d?.yAxis?.gridLines,
+                  labels: d?.yAxis?.labels
+                },
+                classNames: {
+                  gridLines: h?.yAxis?.gridLines,
+                  labels: h?.yAxis?.labels
+                },
+                suffix: ae,
+                prefix: X,
+                labelType: "secondary",
+                showGridLines: !0,
+                labelPos: "vertical",
+                precision: s
+              }
+            ) : null,
+            /* @__PURE__ */ i.jsx(
+              Ee,
+              {
+                x: 0 - b - 15,
+                y: Y / 2,
+                style: d?.yAxis?.title,
+                className: h?.yAxis?.title,
+                text: _,
+                rotate90: !0
+              }
+            ),
+            N.filter((a) => a.position === "before").map((a) => a.layer),
+            /* @__PURE__ */ i.jsxs(qe, { children: [
+              P.map((a) => /* @__PURE__ */ i.jsxs(
+                se.g,
+                {
+                  className: "undp-viz-g-with-hover",
+                  variants: {
+                    initial: {
+                      x: g(`${a.id}`) + g.bandwidth() / 2,
+                      y: 0,
+                      opacity: G.length !== 0 ? G.indexOf(a.label) !== -1 ? 0.85 : z : 0.85
+                    },
+                    whileInView: {
+                      x: g(`${a.id}`) + g.bandwidth() / 2,
+                      y: 0,
+                      opacity: G.length !== 0 ? G.indexOf(a.label) !== -1 ? 0.85 : z : 0.85,
+                      transition: { duration: f.duration }
+                    }
+                  },
+                  initial: "initial",
+                  animate: w ? "whileInView" : "initial",
+                  exit: { opacity: 0, transition: { duration: f.duration } },
+                  children: [
+                    D ? /* @__PURE__ */ i.jsx(
+                      st,
+                      {
+                        value: `${a.label}`.length < ce ? `${a.label}` : `${`${a.label}`.substring(0, ce)}...`,
+                        y: Y + 5,
+                        x: 0 - g.bandwidth() / 2,
+                        width: g.bandwidth(),
+                        height: u.bottom,
+                        style: d?.xAxis?.labels,
+                        className: h?.xAxis?.labels,
+                        alignment: "top",
+                        animate: f,
+                        isInView: w
+                      }
+                    ) : null,
+                    /* @__PURE__ */ i.jsx(
+                      se.line,
+                      {
+                        x1: 0,
+                        x2: 0,
+                        style: {
+                          strokeWidth: ge,
+                          ...d?.dataConnectors || {},
+                          opacity: I ? 0.3 : 1
+                        },
+                        className: ke(
+                          "stroke-primary-gray-600 dark:stroke-primary-gray-300",
+                          h?.dataConnectors
+                        ),
+                        markerEnd: M && a.x.indexOf(Math.min(...a.x.filter((t) => t !== null))) === 0 ? "url(#arrow)" : "",
+                        markerStart: M && a.x.indexOf(Math.min(...a.x.filter((t) => t !== null))) === a.x.length - 1 ? "url(#arrow)" : "",
+                        exit: { opacity: 0, transition: { duration: f.duration } },
+                        variants: {
+                          initial: {
+                            y1: 0,
+                            y2: 0
+                          },
+                          whileInView: {
+                            y1: k(Math.min(...a.x.filter((t) => t !== null))) + J,
+                            y2: k(Math.max(...a.x.filter((t) => t !== null))) - J,
+                            transition: { duration: f.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: w ? "whileInView" : "initial"
+                      }
+                    ),
+                    a.x.map((t, l) => /* @__PURE__ */ i.jsx(
+                      se.g,
+                      {
+                        onMouseEnter: (p) => {
+                          K({ ...a, xIndex: l }), S(p.clientY), T(p.clientX), B?.({ ...a, xIndex: l });
+                        },
+                        onClick: () => {
+                          (W || v) && (We(H, { ...a, xIndex: l }) && pe ? (j(void 0), W?.(void 0)) : (j({ ...a, xIndex: l }), W && W({ ...a, xIndex: l })));
+                        },
+                        onMouseMove: (p) => {
+                          K({ ...a, xIndex: l }), S(p.clientY), T(p.clientX);
+                        },
+                        onMouseLeave: () => {
+                          K(void 0), T(void 0), S(void 0), B?.(void 0);
+                        },
+                        exit: { opacity: 0, transition: { duration: f.duration } },
+                        variants: {
+                          initial: {
+                            opacity: I ? x[l] === I ? 1 : 0.3 : 1
+                          },
+                          whileInView: {
+                            opacity: I ? x[l] === I ? 1 : 0.3 : 1,
+                            transition: { duration: f.duration }
+                          }
+                        },
+                        initial: "initial",
+                        animate: w ? "whileInView" : "initial",
+                        children: F(t) ? null : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                          /* @__PURE__ */ i.jsx(
+                            se.circle,
+                            {
+                              cx: 0,
+                              r: J,
+                              style: {
+                                fill: x[l],
+                                fillOpacity: 0.85,
+                                stroke: x[l],
+                                strokeWidth: 1
+                              },
+                              exit: { opacity: 0, transition: { duration: f.duration } },
+                              variants: {
+                                initial: { cy: k(0), opacity: 0 },
+                                whileInView: {
+                                  cy: k(t || 0),
+                                  opacity: F(t) ? 0 : 1,
+                                  transition: { duration: f.duration }
+                                }
+                              },
+                              initial: "initial",
+                              animate: w ? "whileInView" : "initial"
+                            }
+                          ),
+                          C ? /* @__PURE__ */ i.jsx(
+                            se.text,
+                            {
+                              x: 0,
+                              style: {
+                                fill: ne || x[l],
+                                textAnchor: "start",
+                                ...d?.graphObjectValues || {}
+                              },
+                              className: ke(
+                                "graph-value text-sm font-bold",
+                                F(t) ? "opacity-0" : "opacity-100",
+                                h?.graphObjectValues
+                              ),
+                              dx: J + 3,
+                              dy: "0.33em",
+                              exit: { opacity: 0, transition: { duration: f.duration } },
+                              variants: {
+                                initial: { y: k(0), opacity: 0 },
+                                whileInView: {
+                                  y: k(t || 0),
+                                  opacity: 1,
+                                  transition: { duration: f.duration }
+                                }
+                              },
+                              initial: "initial",
+                              animate: w ? "whileInView" : "initial",
+                              children: Le(t, "NA", s, X, ae)
+                            }
+                          ) : null
+                        ] })
+                      },
+                      l
+                    ))
+                  ]
+                },
+                a.label
+              )),
+              oe ? /* @__PURE__ */ i.jsx(i.Fragment, { children: oe.map((a, t) => /* @__PURE__ */ i.jsx(
+                nt,
+                {
+                  text: a.text,
+                  color: a.color,
+                  y: k(a.value),
+                  x1: 0 - b,
+                  x2: m + u.right,
+                  classNames: a.classNames,
+                  styles: a.styles,
+                  animate: f,
+                  isInView: w
+                },
+                t
+              )) }) : null
+            ] }),
+            N.filter((a) => a.position === "after").map((a) => a.layer)
+          ] })
+        ]
+      }
+    ),
+    E && n && y && Q ? /* @__PURE__ */ i.jsx(
+      Xe,
+      {
+        data: E,
+        body: n,
+        xPos: y,
+        yPos: Q,
+        backgroundStyle: d?.tooltip,
+        className: h?.tooltip
+      }
+    ) : null,
+    v && H !== void 0 ? /* @__PURE__ */ i.jsx(
+      He,
+      {
+        open: H !== void 0,
+        onClose: () => {
+          j(void 0);
+        },
+        children: /* @__PURE__ */ i.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof v == "string" ? { __html: Ye(v, H) } : void 0,
+            children: typeof v == "function" ? v(H) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function ht(ye) {
+  const {
+    data: o,
+    graphTitle: x,
+    colors: q = Qe.light.categoricalColors.colors,
+    sources: U,
+    graphDescription: b,
+    barPadding: ce = 0.25,
+    showTicks: Z = !0,
+    leftMargin: ee = 20,
+    rightMargin: de = 20,
+    topMargin: te = 20,
+    bottomMargin: ie = 25,
+    truncateBy: J = 999,
+    height: D,
+    width: n,
+    footNote: B,
+    colorDomain: me,
+    colorLegendTitle: O,
+    padding: W,
+    backgroundColor: C = !1,
+    radius: ae = 3,
+    tooltip: X,
+    showLabels: I = !0,
+    relativeHeight: M,
+    onSeriesMouseOver: ge,
+    graphID: re,
+    suffix: le = "",
+    prefix: pe = "",
+    maxValue: v,
+    minValue: _,
+    onSeriesMouseClick: fe,
+    graphDownload: ne = !1,
+    dataDownload: d = !1,
+    showValues: h = !0,
+    sortParameter: V,
+    arrowConnector: oe = !1,
+    connectorStrokeWidth: f = 2,
+    language: s = "en",
+    minHeight: N = 0,
+    theme: G = "light",
+    maxBarThickness: z,
+    maxNumberOfBars: A,
+    minBarThickness: w,
+    ariaLabel: u,
+    resetSelectionOnDoubleClick: m = !0,
+    detailsOnClick: Y,
+    axisTitle: E,
+    noOfTicks: K = 5,
+    valueColor: H,
+    styles: j,
+    classNames: y,
+    labelOrder: T,
+    refValues: Q,
+    filterNA: S = !0,
+    animate: P = !1,
+    precision: R = 2,
+    customLayers: k = [],
+    showColorScale: g = !0,
+    highlightedDataPoints: $ = [],
+    dimmedOpacity: a = 0.3,
+    timeline: t = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
+  } = ye, [l, p] = L(0), [he, Me] = L(0), [ue, Ve] = L(t.autoplay), c = Se(
+    Be(
+      o.filter((e) => e.date !== void 0 && e.date !== null),
+      (e) => e.date
+    ).map((e) => Ae(`${e.date}`, t.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    (e, r) => it(e, r)
+  ), [be, ve] = L(t.autoplay ? 0 : c.length - 1), [Te, $e] = L(void 0), xe = Ce(null), je = Ce(null);
+  Ne(() => {
+    const e = new ResizeObserver((r) => {
+      p(n || r[0].target.clientWidth || 620), Me(D || r[0].target.clientHeight || 480);
+    });
+    return xe.current && (Me(xe.current.clientHeight || 480), p(xe.current.clientWidth || 620), n || e.observe(xe.current)), () => e.disconnect();
+  }, [n, D]), Ne(() => {
+    const e = setInterval(
+      () => {
+        ve((r) => r < c.length - 1 ? r + 1 : 0);
+      },
+      (t.speed || 2) * 1e3
+    );
+    return ue || clearInterval(e), () => clearInterval(e);
+  }, [c, ue, t.speed]);
+  const Oe = Pe(
+    c,
+    be,
+    t.showOnlyActiveDate,
+    t.dateFormat || "yyyy"
+  );
+  return /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      className: `${G || "light"} flex  ${n ? "w-fit grow-0" : "w-full grow"}`,
+      dir: s === "he" || s === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ i.jsx(
+        "div",
+        {
+          className: ke(
+            `${C ? C === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${s || "en"}`,
+            y?.graphContainer
+          ),
+          style: {
+            ...j?.graphContainer || {},
+            ...C && C !== !0 ? { backgroundColor: C } : {}
+          },
+          id: re,
+          ref: je,
+          "aria-label": u || `${x ? `The graph shows ${x}. ` : ""}This is a dumbbell chart that shows comparisons between two or more data points across categories. ${b ? ` ${b}` : ""}`,
+          children: /* @__PURE__ */ i.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: C ? W || "1rem" : W || 0 },
+              children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                x || b || ne || d ? /* @__PURE__ */ i.jsx(
+                  Ue,
+                  {
+                    styles: {
+                      title: j?.title,
+                      description: j?.description
+                    },
+                    classNames: {
+                      title: y?.title,
+                      description: y?.description
+                    },
+                    graphTitle: x,
+                    graphDescription: b,
+                    width: n,
+                    graphDownload: ne ? je.current : void 0,
+                    dataDownload: d ? o.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? o.map((e) => e.data).filter((e) => e !== void 0) : o.filter((e) => e !== void 0) : null
+                  }
+                ) : null,
+                t.enabled && c.length > 0 && Oe ? /* @__PURE__ */ i.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                  /* @__PURE__ */ i.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        Ve(!ue);
+                      },
+                      className: "p-0 border-0 cursor-pointer bg-transparent",
+                      "aria-label": ue ? "Click to pause animation" : "Click to play animation",
+                      children: ue ? /* @__PURE__ */ i.jsx(et, {}) : /* @__PURE__ */ i.jsx(tt, {})
+                    }
+                  ),
+                  /* @__PURE__ */ i.jsx(
+                    Fe,
+                    {
+                      min: c[0],
+                      max: c[c.length - 1],
+                      marks: Oe,
+                      step: null,
+                      defaultValue: c[c.length - 1],
+                      value: c[be],
+                      onChangeComplete: (e) => {
+                        ve(c.indexOf(e));
+                      },
+                      onChange: (e) => {
+                        ve(c.indexOf(e));
+                      },
+                      "aria-label": "Time slider. Use arrow keys to adjust selected time period."
+                    }
+                  )
+                ] }) : null,
+                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ i.jsx(Ze, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                  g ? /* @__PURE__ */ i.jsx(
+                    Ke,
+                    {
+                      width: n,
+                      colorDomain: me,
+                      colors: q,
+                      colorLegendTitle: O,
+                      setSelectedColor: $e,
+                      showNAColor: !1
+                    }
+                  ) : null,
+                  /* @__PURE__ */ i.jsx(
+                    "div",
+                    {
+                      className: "flex grow w-full justify-center leading-0",
+                      ref: xe,
+                      "aria-label": "Graph area",
+                      children: (n || l) && (D || he) ? /* @__PURE__ */ i.jsx(
+                        mt,
+                        {
+                          data: V !== void 0 ? V === "diff" ? De(
+                            we(
+                              o,
+                              t.dateFormat || "yyyy"
+                            ).filter(
+                              (e) => t.enabled ? e.date === Ie(
+                                new Date(c[be]),
+                                t.dateFormat || "yyyy"
+                              ) : e
+                            ).filter((e) => S ? !e.x.every((r) => r == null) : e),
+                            (e) => F(e.x[e.x.length - 1]) || F(e.x[0]) ? -1 / 0 : e.x[e.x.length - 1] - e.x[0]
+                          ).filter((e, r) => A ? r < A : !0) : De(
+                            we(
+                              o,
+                              t.dateFormat || "yyyy"
+                            ).filter(
+                              (e) => t.enabled ? e.date === Ie(
+                                new Date(c[be]),
+                                t.dateFormat || "yyyy"
+                              ) : e
+                            ).filter((e) => S ? !e.x.every((r) => r == null) : e),
+                            (e) => F(e.x[V]) ? -1 / 0 : e.x[V]
+                          ).filter((e, r) => A ? r < A : !0) : we(
+                            o,
+                            t.dateFormat || "yyyy"
+                          ).filter((e) => S ? !e.x.every((r) => r == null) : e).filter((e, r) => A ? r < A : !0),
+                          dotColors: q,
+                          width: n || l,
+                          height: Math.max(
+                            N,
+                            D || (M ? N ? (n || l) * M > N ? (n || l) * M : N : (n || l) * M : he)
+                          ),
+                          radius: ae,
+                          barPadding: ce,
+                          showTicks: Z,
+                          leftMargin: ee,
+                          rightMargin: de,
+                          topMargin: te,
+                          bottomMargin: ie,
+                          truncateBy: J,
+                          showLabels: I,
+                          showValues: h,
+                          tooltip: X,
+                          suffix: le,
+                          prefix: pe,
+                          onSeriesMouseOver: ge,
+                          maxValue: F(v) ? Math.max(
+                            ...o.map((e) => Math.max(...e.x.filter((r) => r !== null)))
+                          ) < 0 ? 0 : Math.max(
+                            ...o.map((e) => Math.max(...e.x.filter((r) => r !== null)))
+                          ) : v,
+                          minValue: F(_) ? Math.min(
+                            ...o.map((e) => Math.min(...e.x.filter((r) => r !== null)))
+                          ) > 0 ? 0 : Math.min(
+                            ...o.map((e) => Math.min(...e.x.filter((r) => r !== null)))
+                          ) : _,
+                          onSeriesMouseClick: fe,
+                          selectedColor: Te,
+                          arrowConnector: oe,
+                          connectorStrokeWidth: f,
+                          maxBarThickness: z,
+                          minBarThickness: w,
+                          resetSelectionOnDoubleClick: m,
+                          detailsOnClick: Y,
+                          axisTitle: E,
+                          noOfTicks: K,
+                          valueColor: H,
+                          styles: j,
+                          classNames: y,
+                          labelOrder: T,
+                          refValues: Q,
+                          animate: P === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : P || { duration: 0, once: !0, amount: 0 },
+                          precision: R,
+                          customLayers: k,
+                          highlightedDataPoints: $,
+                          dimmedOpacity: a
+                        }
+                      ) : null
+                    }
+                  )
+                ] }) }),
+                U || B ? /* @__PURE__ */ i.jsx(
+                  Je,
+                  {
+                    styles: { footnote: j?.footnote, source: j?.source },
+                    classNames: {
+                      footnote: y?.footnote,
+                      source: y?.source
+                    },
+                    sources: U,
+                    footNote: B,
+                    width: n
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function Gt(ye) {
+  const {
+    data: o,
+    graphTitle: x,
+    colors: q,
+    sources: U,
+    graphDescription: b,
+    barPadding: ce,
+    showTicks: Z,
+    leftMargin: ee,
+    rightMargin: de,
+    topMargin: te,
+    bottomMargin: ie,
+    truncateBy: J,
+    height: D,
+    width: n,
+    footNote: B,
+    colorDomain: me,
+    colorLegendTitle: O,
+    padding: W,
+    backgroundColor: C,
+    radius: ae,
+    tooltip: X,
+    showLabels: I,
+    relativeHeight: M,
+    onSeriesMouseOver: ge,
+    graphID: re,
+    suffix: le,
+    prefix: pe,
+    maxValue: v,
+    minValue: _,
+    onSeriesMouseClick: fe,
+    graphDownload: ne,
+    dataDownload: d,
+    showValues: h,
+    sortParameter: V,
+    arrowConnector: oe,
+    connectorStrokeWidth: f,
+    language: s,
+    minHeight: N,
+    theme: G,
+    maxBarThickness: z,
+    maxNumberOfBars: A,
+    minBarThickness: w,
+    ariaLabel: u,
+    resetSelectionOnDoubleClick: m,
+    detailsOnClick: Y,
+    axisTitle: E,
+    noOfTicks: K,
+    valueColor: H,
+    orientation: j = "vertical",
+    styles: y,
+    classNames: T,
+    labelOrder: Q,
+    refValues: S,
+    filterNA: P,
+    animate: R,
+    precision: k,
+    showColorScale: g,
+    customLayers: $,
+    highlightedDataPoints: a,
+    dimmedOpacity: t,
+    timeline: l
+  } = ye;
+  return j === "vertical" ? /* @__PURE__ */ i.jsx(
+    ht,
+    {
+      data: o,
+      graphTitle: x,
+      colors: q,
+      sources: U,
+      graphDescription: b,
+      barPadding: ce,
+      showTicks: Z,
+      leftMargin: ee,
+      rightMargin: de,
+      topMargin: te,
+      bottomMargin: ie,
+      truncateBy: J,
+      height: D,
+      width: n,
+      footNote: B,
+      colorDomain: me,
+      colorLegendTitle: O,
+      padding: W,
+      backgroundColor: C,
+      radius: ae,
+      tooltip: X,
+      showLabels: I,
+      relativeHeight: M,
+      onSeriesMouseOver: ge,
+      graphID: re,
+      suffix: le,
+      prefix: pe,
+      maxValue: v,
+      minValue: _,
+      onSeriesMouseClick: fe,
+      graphDownload: ne,
+      dataDownload: d,
+      showValues: h,
+      sortParameter: V,
+      arrowConnector: oe,
+      connectorStrokeWidth: f,
+      language: s,
+      minHeight: N,
+      theme: G,
+      maxBarThickness: z,
+      maxNumberOfBars: A,
+      minBarThickness: w,
+      ariaLabel: u,
+      resetSelectionOnDoubleClick: m,
+      styles: y,
+      detailsOnClick: Y,
+      axisTitle: E,
+      noOfTicks: K,
+      labelOrder: Q,
+      valueColor: H,
+      classNames: T,
+      refValues: S,
+      filterNA: P,
+      animate: R,
+      precision: k,
+      showColorScale: g,
+      customLayers: $,
+      highlightedDataPoints: a,
+      dimmedOpacity: t,
+      timeline: l
+    }
+  ) : /* @__PURE__ */ i.jsx(
+    dt,
+    {
+      data: o,
+      graphTitle: x,
+      colors: q,
+      sources: U,
+      graphDescription: b,
+      barPadding: ce,
+      showTicks: Z,
+      leftMargin: ee,
+      rightMargin: de,
+      topMargin: te,
+      bottomMargin: ie,
+      truncateBy: J,
+      height: D,
+      width: n,
+      footNote: B,
+      colorDomain: me,
+      colorLegendTitle: O,
+      padding: W,
+      backgroundColor: C,
+      radius: ae,
+      tooltip: X,
+      showLabels: I,
+      relativeHeight: M,
+      onSeriesMouseOver: ge,
+      graphID: re,
+      suffix: le,
+      prefix: pe,
+      maxValue: v,
+      minValue: _,
+      onSeriesMouseClick: fe,
+      graphDownload: ne,
+      dataDownload: d,
+      showValues: h,
+      sortParameter: V,
+      arrowConnector: oe,
+      connectorStrokeWidth: f,
+      language: s,
+      minHeight: N,
+      theme: G,
+      maxBarThickness: z,
+      maxNumberOfBars: A,
+      minBarThickness: w,
+      ariaLabel: u,
+      resetSelectionOnDoubleClick: m,
+      styles: y,
+      detailsOnClick: Y,
+      axisTitle: E,
+      noOfTicks: K,
+      valueColor: H,
+      classNames: T,
+      labelOrder: Q,
+      refValues: S,
+      filterNA: P,
+      animate: R,
+      precision: k,
+      showColorScale: g,
+      customLayers: $,
+      highlightedDataPoints: a,
+      dimmedOpacity: t,
+      timeline: l
+    }
+  );
+}
+export {
+  Gt as DumbbellChart
+};
+//# sourceMappingURL=DumbbellChart.js.map