@undp/data-viz 1.3.0 → 1.3.1

package/dist/TreeMapGraph.js

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