@undp/data-viz 1.2.8 → 1.3.1

package/dist/TreeMapGraph.js

@@ -0,0 +1,761 @@
+import { j as v, m as ie } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { u as ce } from "./index-CaAIPGZo.js";
+import { useRef as re, useState as A, useEffect as ye } from "react";
+import { u as ue } from "./Typography-Ctgfl1J5.js";
+import { X as we } from "./Modal-CUU6ZK3U.js";
+import { T as xe } from "./Tooltip-DyM5snqx.js";
+import { n as be } from "./numberFormattingFunction-14YCbkN2.js";
+import { g as ee } from "./getTextColorBasedOnBgColor-B6Nk2WBf.js";
+import { Colors as V } from "./Colors.js";
+import { s as je } from "./string2HTML-CWHGfz_d.js";
+import { u as Me } from "./use-in-view-BAHrBy6b.js";
+import { m as Z } from "./proxy-DJxJg1kD.js";
+import { A as Oe } from "./index-BxAUvrua.js";
+import { c as Ce } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { GraphFooter as ke } from "./GraphFooter.js";
+import { GraphHeader as De } from "./GraphHeader.js";
+import { ColorLegendWithMouseOver as Ie } from "./ColorLegendWithMouseOver.js";
+import { E as Ne } from "./EmptyState-DdTp-Mdn.js";
+function Be(e) {
+  var t = 0, n = e.children, r = n && n.length;
+  if (!r) t = 1;
+  else for (; --r >= 0; ) t += n[r].value;
+  e.value = t;
+}
+function Se() {
+  return this.eachAfter(Be);
+}
+function Ve(e, t) {
+  let n = -1;
+  for (const r of this)
+    e.call(t, r, ++n, this);
+  return this;
+}
+function _e(e, t) {
+  for (var n = this, r = [n], a, s, l = -1; n = r.pop(); )
+    if (e.call(t, n, ++l, this), a = n.children)
+      for (s = a.length - 1; s >= 0; --s)
+        r.push(a[s]);
+  return this;
+}
+function $e(e, t) {
+  for (var n = this, r = [n], a = [], s, l, h, g = -1; n = r.pop(); )
+    if (a.push(n), s = n.children)
+      for (l = 0, h = s.length; l < h; ++l)
+        r.push(s[l]);
+  for (; n = a.pop(); )
+    e.call(t, n, ++g, this);
+  return this;
+}
+function Ae(e, t) {
+  let n = -1;
+  for (const r of this)
+    if (e.call(t, r, ++n, this))
+      return r;
+}
+function Te(e) {
+  return this.eachAfter(function(t) {
+    for (var n = +e(t.data) || 0, r = t.children, a = r && r.length; --a >= 0; ) n += r[a].value;
+    t.value = n;
+  });
+}
+function Ee(e) {
+  return this.eachBefore(function(t) {
+    t.children && t.children.sort(e);
+  });
+}
+function ze(e) {
+  for (var t = this, n = Le(t, e), r = [t]; t !== n; )
+    t = t.parent, r.push(t);
+  for (var a = r.length; e !== n; )
+    r.splice(a, 0, e), e = e.parent;
+  return r;
+}
+function Le(e, t) {
+  if (e === t) return e;
+  var n = e.ancestors(), r = t.ancestors(), a = null;
+  for (e = n.pop(), t = r.pop(); e === t; )
+    a = e, e = n.pop(), t = r.pop();
+  return a;
+}
+function He() {
+  for (var e = this, t = [e]; e = e.parent; )
+    t.push(e);
+  return t;
+}
+function Re() {
+  return Array.from(this);
+}
+function Pe() {
+  var e = [];
+  return this.eachBefore(function(t) {
+    t.children || e.push(t);
+  }), e;
+}
+function We() {
+  var e = this, t = [];
+  return e.each(function(n) {
+    n !== e && t.push({ source: n.parent, target: n });
+  }), t;
+}
+function* qe() {
+  var e = this, t, n = [e], r, a, s;
+  do
+    for (t = n.reverse(), n = []; e = t.pop(); )
+      if (yield e, r = e.children)
+        for (a = 0, s = r.length; a < s; ++a)
+          n.push(r[a]);
+  while (n.length);
+}
+function fe(e, t) {
+  e instanceof Map ? (e = [void 0, e], t === void 0 && (t = Xe)) : t === void 0 && (t = Ge);
+  for (var n = new G(e), r, a = [n], s, l, h, g; r = a.pop(); )
+    if ((l = t(r.data)) && (g = (l = Array.from(l)).length))
+      for (r.children = l, h = g - 1; h >= 0; --h)
+        a.push(s = l[h] = new G(l[h])), s.parent = r, s.depth = r.depth + 1;
+  return n.eachBefore(pe);
+}
+function Fe() {
+  return fe(this).eachBefore(Ye);
+}
+function Ge(e) {
+  return e.children;
+}
+function Xe(e) {
+  return Array.isArray(e) ? e[1] : null;
+}
+function Ye(e) {
+  e.data.value !== void 0 && (e.value = e.data.value), e.data = e.data.data;
+}
+function pe(e) {
+  var t = 0;
+  do
+    e.height = t;
+  while ((e = e.parent) && e.height < ++t);
+}
+function G(e) {
+  this.data = e, this.depth = this.height = 0, this.parent = null;
+}
+G.prototype = fe.prototype = {
+  constructor: G,
+  count: Se,
+  each: Ve,
+  eachAfter: $e,
+  eachBefore: _e,
+  find: Ae,
+  sum: Te,
+  sort: Ee,
+  path: ze,
+  ancestors: He,
+  descendants: Re,
+  leaves: Pe,
+  links: We,
+  copy: Fe,
+  [Symbol.iterator]: qe
+};
+function te(e) {
+  return e == null ? null : ge(e);
+}
+function ge(e) {
+  if (typeof e != "function") throw new Error();
+  return e;
+}
+function q() {
+  return 0;
+}
+function F(e) {
+  return function() {
+    return e;
+  };
+}
+function Ke(e) {
+  e.x0 = Math.round(e.x0), e.y0 = Math.round(e.y0), e.x1 = Math.round(e.x1), e.y1 = Math.round(e.y1);
+}
+function Ue(e, t, n, r, a) {
+  for (var s = e.children, l, h = -1, g = s.length, b = e.value && (r - t) / e.value; ++h < g; )
+    l = s[h], l.y0 = n, l.y1 = a, l.x0 = t, l.x1 = t += l.value * b;
+}
+var Ze = { depth: -1 }, he = {}, ne = {};
+function Je(e) {
+  return e.id;
+}
+function Qe(e) {
+  return e.parentId;
+}
+function et() {
+  var e = Je, t = Qe, n;
+  function r(a) {
+    var s = Array.from(a), l = e, h = t, g, b, u, y, i, c, f, w, p = /* @__PURE__ */ new Map();
+    if (n != null) {
+      const d = s.map((x, O) => tt(n(x, O, a))), j = d.map(de), D = new Set(d).add("");
+      for (const x of j)
+        D.has(x) || (D.add(x), d.push(x), j.push(de(x)), s.push(ne));
+      l = (x, O) => d[O], h = (x, O) => j[O];
+    }
+    for (u = 0, g = s.length; u < g; ++u)
+      b = s[u], c = s[u] = new G(b), (f = l(b, u, a)) != null && (f += "") && (w = c.id = f, p.set(w, p.has(w) ? he : c)), (f = h(b, u, a)) != null && (f += "") && (c.parent = f);
+    for (u = 0; u < g; ++u)
+      if (c = s[u], f = c.parent) {
+        if (i = p.get(f), !i) throw new Error("missing: " + f);
+        if (i === he) throw new Error("ambiguous: " + f);
+        i.children ? i.children.push(c) : i.children = [c], c.parent = i;
+      } else {
+        if (y) throw new Error("multiple roots");
+        y = c;
+      }
+    if (!y) throw new Error("no root");
+    if (n != null) {
+      for (; y.data === ne && y.children.length === 1; )
+        y = y.children[0], --g;
+      for (let d = s.length - 1; d >= 0 && (c = s[d], c.data === ne); --d)
+        c.data = null;
+    }
+    if (y.parent = Ze, y.eachBefore(function(d) {
+      d.depth = d.parent.depth + 1, --g;
+    }).eachBefore(pe), y.parent = null, g > 0) throw new Error("cycle");
+    return y;
+  }
+  return r.id = function(a) {
+    return arguments.length ? (e = te(a), r) : e;
+  }, r.parentId = function(a) {
+    return arguments.length ? (t = te(a), r) : t;
+  }, r.path = function(a) {
+    return arguments.length ? (n = te(a), r) : n;
+  }, r;
+}
+function tt(e) {
+  e = `${e}`;
+  let t = e.length;
+  return oe(e, t - 1) && !oe(e, t - 2) && (e = e.slice(0, -1)), e[0] === "/" ? e : `/${e}`;
+}
+function de(e) {
+  let t = e.length;
+  if (t < 2) return "";
+  for (; --t > 1 && !oe(e, t); ) ;
+  return e.slice(0, t);
+}
+function oe(e, t) {
+  if (e[t] === "/") {
+    let n = 0;
+    for (; t > 0 && e[--t] === "\\"; ) ++n;
+    if ((n & 1) === 0) return !0;
+  }
+  return !1;
+}
+function nt(e, t, n, r, a) {
+  for (var s = e.children, l, h = -1, g = s.length, b = e.value && (a - n) / e.value; ++h < g; )
+    l = s[h], l.x0 = t, l.x1 = r, l.y0 = n, l.y1 = n += l.value * b;
+}
+var it = (1 + Math.sqrt(5)) / 2;
+function rt(e, t, n, r, a, s) {
+  for (var l = [], h = t.children, g, b, u = 0, y = 0, i = h.length, c, f, w = t.value, p, d, j, D, x, O, k; u < i; ) {
+    c = a - n, f = s - r;
+    do
+      p = h[y++].value;
+    while (!p && y < i);
+    for (d = j = p, O = Math.max(f / c, c / f) / (w * e), k = p * p * O, x = Math.max(j / k, k / d); y < i; ++y) {
+      if (p += b = h[y].value, b < d && (d = b), b > j && (j = b), k = p * p * O, D = Math.max(j / k, k / d), D > x) {
+        p -= b;
+        break;
+      }
+      x = D;
+    }
+    l.push(g = { value: p, dice: c < f, children: h.slice(u, y) }), g.dice ? Ue(g, n, r, a, w ? r += f * p / w : s) : nt(g, n, r, w ? n += c * p / w : a, s), w -= p, u = y;
+  }
+  return l;
+}
+const ot = function e(t) {
+  function n(r, a, s, l, h) {
+    rt(t, r, a, s, l, h);
+  }
+  return n.ratio = function(r) {
+    return e((r = +r) > 1 ? r : 1);
+  }, n;
+}(it);
+function at() {
+  var e = ot, t = !1, n = 1, r = 1, a = [0], s = q, l = q, h = q, g = q, b = q;
+  function u(i) {
+    return i.x0 = i.y0 = 0, i.x1 = n, i.y1 = r, i.eachBefore(y), a = [0], t && i.eachBefore(Ke), i;
+  }
+  function y(i) {
+    var c = a[i.depth], f = i.x0 + c, w = i.y0 + c, p = i.x1 - c, d = i.y1 - c;
+    p < f && (f = p = (f + p) / 2), d < w && (w = d = (w + d) / 2), i.x0 = f, i.y0 = w, i.x1 = p, i.y1 = d, i.children && (c = a[i.depth + 1] = s(i) / 2, f += b(i) - c, w += l(i) - c, p -= h(i) - c, d -= g(i) - c, p < f && (f = p = (f + p) / 2), d < w && (w = d = (w + d) / 2), e(i, f, w, p, d));
+  }
+  return u.round = function(i) {
+    return arguments.length ? (t = !!i, u) : t;
+  }, u.size = function(i) {
+    return arguments.length ? (n = +i[0], r = +i[1], u) : [n, r];
+  }, u.tile = function(i) {
+    return arguments.length ? (e = ge(i), u) : e;
+  }, u.padding = function(i) {
+    return arguments.length ? u.paddingInner(i).paddingOuter(i) : u.paddingInner();
+  }, u.paddingInner = function(i) {
+    return arguments.length ? (s = typeof i == "function" ? i : F(+i), u) : s;
+  }, u.paddingOuter = function(i) {
+    return arguments.length ? u.paddingTop(i).paddingRight(i).paddingBottom(i).paddingLeft(i) : u.paddingTop();
+  }, u.paddingTop = function(i) {
+    return arguments.length ? (l = typeof i == "function" ? i : F(+i), u) : l;
+  }, u.paddingRight = function(i) {
+    return arguments.length ? (h = typeof i == "function" ? i : F(+i), u) : h;
+  }, u.paddingBottom = function(i) {
+    return arguments.length ? (g = typeof i == "function" ? i : F(+i), u) : g;
+  }, u.paddingLeft = function(i) {
+    return arguments.length ? (b = typeof i == "function" ? i : F(+i), u) : b;
+  }, u;
+}
+function lt(e) {
+  const {
+    data: t,
+    colors: n,
+    leftMargin: r,
+    width: a,
+    height: s,
+    colorDomain: l,
+    rightMargin: h,
+    topMargin: g,
+    bottomMargin: b,
+    showLabels: u,
+    tooltip: y,
+    onSeriesMouseOver: i,
+    selectedColor: c,
+    showValues: f,
+    suffix: w,
+    prefix: p,
+    highlightedDataPoints: d,
+    onSeriesMouseClick: j,
+    resetSelectionOnDoubleClick: D,
+    detailsOnClick: x,
+    language: O,
+    styles: k,
+    classNames: z,
+    animate: I,
+    dimmedOpacity: L,
+    precision: J
+  } = e, X = re(null), T = Me(X, {
+    once: I.once,
+    amount: I.amount
+  }), [H, N] = A(void 0), [_, B] = A(void 0), [E, R] = A(void 0), [Y, P] = A(void 0), C = {
+    top: g,
+    bottom: b,
+    left: r,
+    right: h
+  }, S = a - C.left - C.right, K = s - C.top - C.bottom, Q = [
+    {
+      id: "root",
+      parent: void 0,
+      value: void 0,
+      data: void 0
+    },
+    ...t.map((o) => ({
+      id: o.label,
+      value: o.size,
+      parent: "root",
+      data: o
+    }))
+  ], U = et().id((o) => o.id).parentId((o) => o.parent)(Q);
+  U.sum((o) => o.value);
+  const $ = at().size([S, K]).padding(2)(U);
+  return /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
+    /* @__PURE__ */ v.jsx(
+      Z.svg,
+      {
+        width: `${a}px`,
+        height: `${s}px`,
+        viewBox: `0 0 ${a} ${s}`,
+        direction: "ltr",
+        ref: X,
+        children: /* @__PURE__ */ v.jsx("g", { transform: `translate(${C.left},${C.top})`, children: /* @__PURE__ */ v.jsx(Oe, { children: $.children?.map((o) => /* @__PURE__ */ v.jsxs(
+          Z.g,
+          {
+            className: "undp-viz-g-with-hover",
+            variants: {
+              initial: {
+                opacity: 0,
+                x: o.x0,
+                y: o.y0
+              },
+              whileInView: {
+                opacity: c ? (
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  o.data.data.color && n[
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    l.indexOf(o.data.data.color)
+                  ] === c ? 1 : L
+                ) : d.length !== 0 ? (
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  d.indexOf(o.data.id) !== -1 ? 0.85 : L
+                ) : 0.85,
+                x: o.x0,
+                y: o.y0,
+                transition: { duration: I.duration }
+              }
+            },
+            initial: "initial",
+            animate: T ? "whileInView" : "initial",
+            exit: { opacity: 0, transition: { duration: I.duration } },
+            onMouseEnter: (M) => {
+              N(o.data.data), P(M.clientY), R(M.clientX), i?.(o.data.data);
+            },
+            onClick: () => {
+              (j || x) && (// eslint-disable-next-line @typescript-eslint/no-explicit-any
+              _ === o.data.id && D ? (B(void 0), j?.(void 0)) : (B(o.data.id), j?.(o.data.data)));
+            },
+            onMouseMove: (M) => {
+              N(o.data.data), P(M.clientY), R(M.clientX);
+            },
+            onMouseLeave: () => {
+              N(void 0), R(void 0), P(void 0), i?.(void 0);
+            },
+            children: [
+              /* @__PURE__ */ v.jsx(
+                Z.rect,
+                {
+                  x: 0,
+                  y: 0,
+                  exit: {
+                    width: 0,
+                    height: 0,
+                    opacity: 0,
+                    transition: { duration: I.duration }
+                  },
+                  variants: {
+                    initial: {
+                      width: 0,
+                      height: 0,
+                      fill: t.filter((M) => M.color).length === 0 ? n[0] : (
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        o.data.data.color ? n[
+                          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                          l.indexOf(o.data.data.color)
+                        ] : V.gray
+                      )
+                    },
+                    whileInView: {
+                      width: o.x1 - o.x0,
+                      height: o.y1 - o.y0,
+                      fill: t.filter((M) => M.color).length === 0 ? n[0] : (
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        o.data.data.color ? n[
+                          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                          l.indexOf(o.data.data.color)
+                        ] : V.gray
+                      ),
+                      transition: { duration: I.duration }
+                    }
+                  },
+                  initial: "initial",
+                  animate: T ? "whileInView" : "initial"
+                }
+              ),
+              o.x1 - o.x0 > 50 && o.y1 - o.y0 > 25 && (u || f) ? /* @__PURE__ */ v.jsx(
+                Z.g,
+                {
+                  variants: {
+                    initial: { opacity: 0 },
+                    whileInView: {
+                      opacity: 1,
+                      transition: { duration: I.duration }
+                    }
+                  },
+                  initial: "initial",
+                  animate: T ? "whileInView" : "initial",
+                  exit: { opacity: 0, transition: { duration: I.duration } },
+                  children: /* @__PURE__ */ v.jsx("foreignObject", { y: 0, x: 0, width: o.x1 - o.x0, height: o.y1 - o.y0, children: /* @__PURE__ */ v.jsxs(
+                    "div",
+                    {
+                      className: "flex flex-col gap-0.5 p-2 w-full",
+                      style: {
+                        color: ee(
+                          t.filter((M) => M.color).length === 0 ? n[0] : (
+                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            o.data.data.color ? n[
+                              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                              l.indexOf(o.data.data.color)
+                            ] : V.gray
+                          )
+                        )
+                      },
+                      children: [
+                        u ? /* @__PURE__ */ v.jsx(
+                          ue,
+                          {
+                            marginBottom: "none",
+                            size: "sm",
+                            leading: "none",
+                            className: ie(
+                              "w-full treemap-label",
+                              O === "ar" || O === "he" ? "text-right" : "text-left",
+                              z?.graphObjectValues
+                            ),
+                            style: {
+                              WebkitLineClamp: o.y1 - o.y0 > 50 ? o.y1 - o.y0 > 100 ? o.y1 - o.y0 > 150 ? void 0 : 3 : 2 : 1,
+                              display: "-webkit-box",
+                              WebkitBoxOrient: "vertical",
+                              overflow: "hidden",
+                              color: ee(
+                                t.filter((M) => M.color).length === 0 ? n[0] : (
+                                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                  o.data.data.color ? n[l.indexOf(
+                                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                    o.data.data.color
+                                  )] : V.gray
+                                )
+                              ),
+                              ...k?.graphObjectValues || {}
+                            },
+                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            children: o.data.id
+                          }
+                        ) : null,
+                        f ? /* @__PURE__ */ v.jsx(
+                          ue,
+                          {
+                            marginBottom: "none",
+                            size: "sm",
+                            leading: "none",
+                            className: ie(
+                              "w-full font-bold treemap-value",
+                              O === "ar" || O === "he" ? "text-right" : "text-left",
+                              z?.graphObjectValues
+                            ),
+                            style: {
+                              color: ee(
+                                t.filter((M) => M.color).length === 0 ? n[0] : (
+                                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                  o.data.data.color ? n[l.indexOf(
+                                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                    o.data.data.color
+                                  )] : V.gray
+                                )
+                              ),
+                              ...k?.graphObjectValues || {}
+                            },
+                            children: be(
+                              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                              o.data.value,
+                              "NA",
+                              J,
+                              p,
+                              w
+                            )
+                          }
+                        ) : null
+                      ]
+                    }
+                  ) })
+                }
+              ) : null
+            ]
+          },
+          o.data.id
+        )) }) })
+      }
+    ),
+    H && y && E && Y ? /* @__PURE__ */ v.jsx(
+      xe,
+      {
+        data: H,
+        body: y,
+        xPos: E,
+        yPos: Y,
+        backgroundStyle: k?.tooltip,
+        className: z?.tooltip
+      }
+    ) : null,
+    x && _ !== void 0 ? /* @__PURE__ */ v.jsx(
+      we,
+      {
+        open: _ !== void 0,
+        onClose: () => {
+          B(void 0);
+        },
+        children: /* @__PURE__ */ v.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof x == "string" ? { __html: je(x, _) } : void 0,
+            children: typeof x == "function" ? x(_) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function kt(e) {
+  const {
+    data: t,
+    graphTitle: n,
+    colors: r,
+    suffix: a = "",
+    sources: s,
+    prefix: l = "",
+    graphDescription: h,
+    leftMargin: g = 0,
+    rightMargin: b = 0,
+    topMargin: u = 0,
+    bottomMargin: y = 0,
+    height: i,
+    width: c,
+    footNote: f,
+    colorDomain: w,
+    colorLegendTitle: p,
+    padding: d,
+    backgroundColor: j = !1,
+    showLabels: D = !0,
+    relativeHeight: x,
+    tooltip: O,
+    onSeriesMouseOver: k,
+    showColorScale: z = !0,
+    showValues: I = !0,
+    graphID: L,
+    highlightedDataPoints: J = [],
+    onSeriesMouseClick: X,
+    graphDownload: T = !1,
+    dataDownload: H = !1,
+    language: N = "en",
+    showNAColor: _ = !0,
+    minHeight: B = 0,
+    theme: E = "light",
+    ariaLabel: R,
+    resetSelectionOnDoubleClick: Y = !0,
+    detailsOnClick: P,
+    styles: C,
+    classNames: S,
+    animate: K = !1,
+    dimmedOpacity: Q = 0.3,
+    precision: U = 2
+  } = e, [$, o] = A(0), [M, ae] = A(0), [me, ve] = A(void 0), W = re(null), le = re(null);
+  return ye(() => {
+    const m = new ResizeObserver((se) => {
+      o(c || se[0].target.clientWidth || 620), ae(i || se[0].target.clientHeight || 480);
+    });
+    return W.current && (ae(W.current.clientHeight || 480), o(W.current.clientWidth || 620), c || m.observe(W.current)), () => m.disconnect();
+  }, [c, i]), /* @__PURE__ */ v.jsx(
+    "div",
+    {
+      className: `${E || "light"} flex  ${c ? "w-fit grow-0" : "w-full grow"}`,
+      dir: N === "he" || N === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ v.jsx(
+        "div",
+        {
+          className: ie(
+            `${j ? j === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${N || "en"}`,
+            S?.graphContainer
+          ),
+          style: {
+            ...C?.graphContainer || {},
+            ...j && j !== !0 ? { backgroundColor: j } : {}
+          },
+          id: L,
+          ref: le,
+          "aria-label": R || `${n ? `The graph shows ${n}. ` : ""}This is a chart where data points are represented by squares, and their sizes reflect their values. ${h ? ` ${h}` : ""}`,
+          children: /* @__PURE__ */ v.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: j ? d || "1rem" : d || 0 },
+              children: /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                n || h || T || H ? /* @__PURE__ */ v.jsx(
+                  De,
+                  {
+                    styles: {
+                      title: C?.title,
+                      description: C?.description
+                    },
+                    classNames: {
+                      title: S?.title,
+                      description: S?.description
+                    },
+                    graphTitle: n,
+                    graphDescription: h,
+                    width: c,
+                    graphDownload: T ? le.current : void 0,
+                    dataDownload: H ? t.map((m) => m.data).filter((m) => m !== void 0).length > 0 ? t.map((m) => m.data).filter((m) => m !== void 0) : t.filter((m) => m !== void 0) : null
+                  }
+                ) : null,
+                /* @__PURE__ */ v.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: t.length === 0 ? /* @__PURE__ */ v.jsx(Ne, {}) : /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
+                  z && t.filter((m) => m.color).length !== 0 ? /* @__PURE__ */ v.jsx(
+                    Ie,
+                    {
+                      width: c,
+                      colorLegendTitle: p,
+                      colors: r || V[E].categoricalColors.colors,
+                      colorDomain: w || ce(
+                        t.filter((m) => m.color),
+                        "color"
+                      ).map((m) => m.color),
+                      setSelectedColor: ve,
+                      showNAColor: _
+                    }
+                  ) : null,
+                  /* @__PURE__ */ v.jsx(
+                    "div",
+                    {
+                      className: "flex flex-col grow justify-center w-full leading-0",
+                      ref: W,
+                      "aria-label": "Graph area",
+                      children: (c || $) && (i || M) ? /* @__PURE__ */ v.jsx(
+                        lt,
+                        {
+                          data: t.filter((m) => !Ce(m.size)),
+                          colors: t.filter((m) => m.color).length === 0 ? r ? [r] : [V.primaryColors["blue-600"]] : r || V[E].categoricalColors.colors,
+                          colorDomain: t.filter((m) => m.color).length === 0 ? [] : w || ce(
+                            t.filter((m) => m.color),
+                            "color"
+                          ).map((m) => m.color),
+                          width: c || $,
+                          height: Math.max(
+                            B,
+                            i || (x ? B ? (c || $) * x > B ? (c || $) * x : B : (c || $) * x : M)
+                          ),
+                          leftMargin: g,
+                          rightMargin: b,
+                          topMargin: u,
+                          bottomMargin: y,
+                          showLabels: D,
+                          showValues: I,
+                          suffix: a,
+                          prefix: l,
+                          selectedColor: me,
+                          tooltip: O,
+                          onSeriesMouseOver: k,
+                          onSeriesMouseClick: X,
+                          highlightedDataPoints: J,
+                          resetSelectionOnDoubleClick: Y,
+                          detailsOnClick: P,
+                          styles: C,
+                          classNames: S,
+                          language: N,
+                          animate: K === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : K || { duration: 0, once: !0, amount: 0 },
+                          dimmedOpacity: Q,
+                          precision: U
+                        }
+                      ) : null
+                    }
+                  )
+                ] }) }),
+                s || f ? /* @__PURE__ */ v.jsx(
+                  ke,
+                  {
+                    styles: { footnote: C?.footnote, source: C?.source },
+                    classNames: {
+                      footnote: S?.footnote,
+                      source: S?.source
+                    },
+                    sources: s,
+                    footNote: f,
+                    width: c
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  kt as TreeMapGraph
+};
+//# sourceMappingURL=TreeMapGraph.js.map