@undp/data-viz 1.3.0 → 1.4.0

package/dist/DonutChart.js

@@ -1,2 +1,479 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index-BHm2KTjD-D8FylaKc.cjs"),G=require("react"),ae=require("./index-BzeLQvXk.cjs"),ie=require("./Typography-CDR-DAHH.cjs"),fe=require("./index-BXns0-ng.cjs"),he=require("./Modal-cQF2UQIa.cjs"),ye=require("./Tooltip-BM18N_3l.cjs"),se=require("./Colors.js"),me=require("./numberFormattingFunction.js"),ve=require("./string2HTML-X4ZYX5jI.cjs"),T=require("./array-DKbXV8lR.cjs"),je=require("./GraphFooter.js"),Re=require("./GraphHeader.js"),be=require("./EmptyState-BQguKAp5.cjs"),ge=Math.abs,$=Math.atan2,V=Math.cos,Ee=Math.max,xe=Math.min,W=Math.sin,te=Math.sqrt,O=1e-12,oe=Math.PI,ce=oe/2,ue=2*oe;function Me(s){return s>1?0:s<-1?oe:Math.acos(s)}function pe(s){return s>=1?ce:s<=-1?-ce:Math.asin(s)}function we(s){return s.innerRadius}function Ae(s){return s.outerRadius}function Ne(s){return s.startAngle}function Ce(s){return s.endAngle}function Te(s){return s&&s.padAngle}function De(s,o,v,x,N,b,g,e){var p=v-s,i=x-o,t=g-N,E=e-b,n=E*p-t*i;if(!(n*n<O))return n=(t*(o-b)-E*(s-N))/n,[s+n*p,o+n*i]}function le(s,o,v,x,N,b,g){var e=s-v,p=o-x,i=(g?b:-b)/te(e*e+p*p),t=i*p,E=-i*e,n=s+t,l=o+E,y=v+t,m=x+E,k=(n+y)/2,c=(l+m)/2,w=y-n,j=m-l,R=w*w+j*j,C=N-b,A=n*m-y*l,q=(j<0?-1:1)*te(Ee(0,C*C*R-A*A)),D=(A*j-w*q)/R,d=(-A*w-j*q)/R,S=(A*j+w*q)/R,M=(-A*w+j*q)/R,f=D-k,r=d-c,a=S-k,z=M-c;return f*f+r*r>a*a+z*z&&(D=S,d=M),{cx:D,cy:d,x01:-t,y01:-E,x11:D*(N/C-1),y11:d*(N/C-1)}}function Se(){var s=we,o=Ae,v=T.constant(0),x=null,N=Ne,b=Ce,g=Te,e=null,p=T.withPath(i);function i(){var t,E,n=+s.apply(this,arguments),l=+o.apply(this,arguments),y=N.apply(this,arguments)-ce,m=b.apply(this,arguments)-ce,k=ge(m-y),c=m>y;if(e||(e=t=p()),l<n&&(E=l,l=n,n=E),!(l>O))e.moveTo(0,0);else if(k>ue-O)e.moveTo(l*V(y),l*W(y)),e.arc(0,0,l,y,m,!c),n>O&&(e.moveTo(n*V(m),n*W(m)),e.arc(0,0,n,m,y,c));else{var w=y,j=m,R=y,C=m,A=k,q=k,D=g.apply(this,arguments)/2,d=D>O&&(x?+x.apply(this,arguments):te(n*n+l*l)),S=xe(ge(l-n)/2,+v.apply(this,arguments)),M=S,f=S,r,a;if(d>O){var z=pe(d/n*W(D)),K=pe(d/l*W(D));(A-=z*2)>O?(z*=c?1:-1,R+=z,C-=z):(A=0,R=C=(y+m)/2),(q-=K*2)>O?(K*=c?1:-1,w+=K,j-=K):(q=0,w=j=(y+m)/2)}var I=l*V(w),L=l*W(w),J=n*V(C),P=n*W(C);if(S>O){var F=l*V(j),X=l*W(j),Q=n*V(R),U=n*W(R),H;if(k<oe)if(H=De(I,L,Q,U,F,X,J,P)){var Z=I-H[0],ne=L-H[1],_=F-H[0],B=X-H[1],re=1/W(Me((Z*_+ne*B)/(te(Z*Z+ne*ne)*te(_*_+B*B)))/2),Y=te(H[0]*H[0]+H[1]*H[1]);M=xe(S,(n-Y)/(re-1)),f=xe(S,(l-Y)/(re+1))}else M=f=0}q>O?f>O?(r=le(Q,U,I,L,l,f,c),a=le(F,X,J,P,l,f,c),e.moveTo(r.cx+r.x01,r.cy+r.y01),f<S?e.arc(r.cx,r.cy,f,$(r.y01,r.x01),$(a.y01,a.x01),!c):(e.arc(r.cx,r.cy,f,$(r.y01,r.x01),$(r.y11,r.x11),!c),e.arc(0,0,l,$(r.cy+r.y11,r.cx+r.x11),$(a.cy+a.y11,a.cx+a.x11),!c),e.arc(a.cx,a.cy,f,$(a.y11,a.x11),$(a.y01,a.x01),!c))):(e.moveTo(I,L),e.arc(0,0,l,w,j,!c)):e.moveTo(I,L),!(n>O)||!(A>O)?e.lineTo(J,P):M>O?(r=le(J,P,F,X,n,-M,c),a=le(I,L,Q,U,n,-M,c),e.lineTo(r.cx+r.x01,r.cy+r.y01),M<S?e.arc(r.cx,r.cy,M,$(r.y01,r.x01),$(a.y01,a.x01),!c):(e.arc(r.cx,r.cy,M,$(r.y01,r.x01),$(r.y11,r.x11),!c),e.arc(0,0,n,$(r.cy+r.y11,r.cx+r.x11),$(a.cy+a.y11,a.cx+a.x11),c),e.arc(a.cx,a.cy,M,$(a.y11,a.x11),$(a.y01,a.x01),!c))):e.arc(0,0,n,C,R,c)}if(e.closePath(),t)return e=null,t+""||null}return i.centroid=function(){var t=(+s.apply(this,arguments)+ +o.apply(this,arguments))/2,E=(+N.apply(this,arguments)+ +b.apply(this,arguments))/2-oe/2;return[V(E)*t,W(E)*t]},i.innerRadius=function(t){return arguments.length?(s=typeof t=="function"?t:T.constant(+t),i):s},i.outerRadius=function(t){return arguments.length?(o=typeof t=="function"?t:T.constant(+t),i):o},i.cornerRadius=function(t){return arguments.length?(v=typeof t=="function"?t:T.constant(+t),i):v},i.padRadius=function(t){return arguments.length?(x=t==null?null:typeof t=="function"?t:T.constant(+t),i):x},i.startAngle=function(t){return arguments.length?(N=typeof t=="function"?t:T.constant(+t),i):N},i.endAngle=function(t){return arguments.length?(b=typeof t=="function"?t:T.constant(+t),i):b},i.padAngle=function(t){return arguments.length?(g=typeof t=="function"?t:T.constant(+t),i):g},i.context=function(t){return arguments.length?(e=t??null,i):e},i}function $e(s,o){return o<s?-1:o>s?1:o>=s?0:NaN}function ke(s){return s}function qe(){var s=ke,o=$e,v=null,x=T.constant(0),N=T.constant(ue),b=T.constant(0);function g(e){var p,i=(e=T.array(e)).length,t,E,n=0,l=new Array(i),y=new Array(i),m=+x.apply(this,arguments),k=Math.min(ue,Math.max(-ue,N.apply(this,arguments)-m)),c,w=Math.min(Math.abs(k)/i,b.apply(this,arguments)),j=w*(k<0?-1:1),R;for(p=0;p<i;++p)(R=y[l[p]=p]=+s(e[p],p,e))>0&&(n+=R);for(o!=null?l.sort(function(C,A){return o(y[C],y[A])}):v!=null&&l.sort(function(C,A){return v(e[C],e[A])}),p=0,E=n?(k-i*j)/n:0;p<i;++p,m=c)t=l[p],R=y[t],c=m+(R>0?R*E:0)+j,y[t]={data:e[t],index:p,value:R,startAngle:m,endAngle:c,padAngle:w};return y}return g.value=function(e){return arguments.length?(s=typeof e=="function"?e:T.constant(+e),g):s},g.sortValues=function(e){return arguments.length?(o=e,v=null,g):o},g.sort=function(e){return arguments.length?(v=e,o=null,g):v},g.startAngle=function(e){return arguments.length?(x=typeof e=="function"?e:T.constant(+e),g):x},g.endAngle=function(e){return arguments.length?(N=typeof e=="function"?e:T.constant(+e),g):N},g.padAngle=function(e){return arguments.length?(b=typeof e=="function"?e:T.constant(+e),g):b},g}function Oe(s){const{mainText:o,data:v,radius:x,colors:N,subNote:b,strokeWidth:g,tooltip:e,onSeriesMouseOver:p,onSeriesMouseClick:i,colorDomain:t,resetSelectionOnDoubleClick:E,detailsOnClick:n,styles:l,classNames:y,precision:m}=s,k=qe().sort(null).startAngle(0).value(d=>d.size),[c,w]=G.useState(void 0),[j,R]=G.useState(void 0),[C,A]=G.useState(void 0),[q,D]=G.useState(void 0);return u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsx("svg",{width:`${x*2}px`,height:`${x*2}px`,viewBox:`0 0 ${x*2} ${x*2}`,direction:"ltr",children:u.jsxRuntimeExports.jsxs("g",{transform:`translate(${x} ${x})`,children:[o||b?u.jsxRuntimeExports.jsx("foreignObject",{y:0-(x-g),x:0-(x-g),width:2*(x-g),height:2*(x-g),children:u.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-4",children:[o?u.jsxRuntimeExports.jsx(ie.TypographyExports.H2,{marginBottom:"none",className:"donut-main-text text-primary-gray-700 dark:text-primary-gray-100 leading-none text-center",children:typeof o=="string"?o:v.findIndex(d=>d.label===o.label)!==-1?me.numberFormattingFunction(v[v.findIndex(d=>d.label===o.label)].size,"NA",m,o.prefix,o.suffix):"NA"}):null,b?u.jsxRuntimeExports.jsx(ie.TypographyExports.P,{marginBottom:"none",size:"base",leading:"none",className:"donut-sub-note text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold",children:b}):typeof o=="string"||!o?null:u.jsxRuntimeExports.jsx(ie.TypographyExports.P,{size:"base",marginBottom:"none",leading:"none",className:"donut-label text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold",children:o.label})]})}):null,k(v).map((d,S)=>u.jsxRuntimeExports.jsx("path",{d:Se()({innerRadius:x-g,outerRadius:x,startAngle:d.startAngle,endAngle:d.endAngle}),style:{fill:t.indexOf(d.data.label)!==-1?N[t.indexOf(d.data.label)%N.length]:se.Colors.gray,opacity:c?c.label===d.data.label?1:.3:1},onMouseEnter:M=>{w(d.data),D(M.clientY),A(M.clientX),p?.(d)},onClick:()=>{(i||n)&&(fe.isEqual(j,d.data)&&E?(R(void 0),i?.(void 0)):(R(d.data),i&&i(d.data)))},onMouseMove:M=>{w(d.data),D(M.clientY),A(M.clientX)},onMouseLeave:()=>{w(void 0),A(void 0),D(void 0),p?.(void 0)}},S))]})}),c&&e&&C&&q?u.jsxRuntimeExports.jsx(ye.Tooltip,{data:c,body:e,xPos:C,yPos:q,backgroundStyle:l?.tooltip,className:y?.tooltip}):null,n&&j!==void 0?u.jsxRuntimeExports.jsx(he.ModalExports.Modal,{open:j!==void 0,onClose:()=>{R(void 0)},children:u.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof n=="string"?{__html:ve.string2HTML(n,j)}:void 0,children:typeof n=="function"?n(j):null})}):null]})}function He(s){const{mainText:o,graphTitle:v,colors:x=se.Colors.light.categoricalColors.colors,suffix:N="",sources:b,prefix:g="",strokeWidth:e=50,graphDescription:p,subNote:i,footNote:t,radius:E,data:n,showColorScale:l=!0,padding:y,backgroundColor:m=!1,tooltip:k,onSeriesMouseOver:c,graphID:w,onSeriesMouseClick:j,topMargin:R=0,bottomMargin:C=0,graphDownload:A=!1,dataDownload:q=!1,colorDomain:D,sortData:d,language:S="en",theme:M="light",width:f,height:r,minHeight:a=0,relativeHeight:z,ariaLabel:K,resetSelectionOnDoubleClick:I=!0,colorScaleMaxWidth:L,detailsOnClick:J,styles:P,classNames:F,precision:X=2}=s,[Q,U]=G.useState(0),[H,Z]=G.useState(0),[ne,_]=G.useState(0),B=G.useRef(null),re=G.useRef(null);G.useEffect(()=>{const h=new ResizeObserver(ee=>{Z(f||ee[0].target.clientWidth||420),_(r||ee[0].target.clientHeight||420),U((Math.min(f||ee[0].target.clientWidth||620,r||ee[0].target.clientHeight||480)||420)/2)});return B.current&&(_(B.current.clientHeight||420),Z(B.current.clientWidth||420),U((Math.min(B.current.clientWidth,B.current.clientHeight)||420)/2),(!f||!E)&&h.observe(B.current)),()=>h.disconnect()},[f,r,E]);const Y=d==="asc"?ae.sortBy(n,h=>h.size):d==="desc"?ae.sortBy(n,h=>h.size).reverse():n;return u.jsxRuntimeExports.jsx("div",{className:`${M||"light"} flex  ${f?"w-fit grow-0":"w-full grow"}`,dir:S==="he"||S==="ar"?"rtl":void 0,children:u.jsxRuntimeExports.jsx("div",{className:ie.cnExports.cn(`${m?m===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${S||"en"}`,F?.graphContainer),style:{...P?.graphContainer||{},minHeight:"inherit",...m&&m!==!0?{backgroundColor:m}:{}},id:w,ref:re,"aria-label":K||`${v?`The graph shows ${v}. `:""}This is a donut or pie chart chart. ${p?` ${p}`:""}`,children:u.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:m?y||"1rem":y||0},children:u.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-2 w-full grow justify-between",children:[v||p||A||q?u.jsxRuntimeExports.jsx(Re.GraphHeader,{styles:{title:P?.title,description:P?.description},classNames:{title:F?.title,description:F?.description},graphTitle:v,graphDescription:p,width:f,graphDownload:A?re.current:void 0,dataDownload:q?n.map(h=>h.data).filter(h=>h!==void 0).length>0?n.map(h=>h.data).filter(h=>h!==void 0):n.filter(h=>h!==void 0):null}):null,u.jsxRuntimeExports.jsx("div",{className:"flex grow flex-col justify-center items-stretch gap-8 flex-wrap",style:{width:f?`${f}px`:"100%",padding:`${R}px 0 ${C}px 0`},children:n.length===0?u.jsxRuntimeExports.jsx(be.EmptyState,{}):u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[l?u.jsxRuntimeExports.jsx("div",{className:"leading-0","aria-label":"Color legend",children:u.jsxRuntimeExports.jsx("div",{className:"flex mb-0 ml-auto mr-auto justify-center gap-3.5 flex-wrap",style:{maxWidth:L},children:Y.map((h,ee)=>u.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",children:[u.jsxRuntimeExports.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:(D||Y.map(de=>de.label)).indexOf(h.label)!==-1?(x||se.Colors[M].categoricalColors.colors)[(D||Y.map(de=>de.label)).indexOf(h.label)%(x||se.Colors[M].categoricalColors.colors).length]:se.Colors.gray}}),u.jsxRuntimeExports.jsxs(ie.TypographyExports.P,{marginBottom:"none",size:"sm",className:"text-primary-gray-700 dark:text-primary-gray-100",children:[h.label,":"," ",u.jsxRuntimeExports.jsx("span",{className:"font-bold",style:{fontSize:"inherit"},children:me.numberFormattingFunction(h.size,"NA",X,g,N)})]})]},ee))})}):null,u.jsxRuntimeExports.jsx("div",{className:`flex ${f?"grow-0":"grow"} items-center justify-center leading-0`,style:{width:f?`${f}px`:"100%",height:r?`${Math.max(a,r||(z?a?(f||H)*z>a?(f||H)*z:a:(f||H)*z:ne))}px`:"auto"},ref:B,"aria-label":"Graph area",children:u.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center leading-0",children:E||Q?u.jsxRuntimeExports.jsx(Oe,{mainText:o,data:d==="asc"?ae.sortBy(n,h=>h.size):d==="desc"?ae.sortBy(n,h=>h.size).reverse():n,colors:x,radius:E||Q,subNote:i,strokeWidth:e,tooltip:k,colorDomain:D||Y.map(h=>h.label),onSeriesMouseOver:c,onSeriesMouseClick:j,resetSelectionOnDoubleClick:I,styles:P,detailsOnClick:J,precision:X}):null})})]})}),b||t?u.jsxRuntimeExports.jsx(je.GraphFooter,{styles:{footnote:P?.footnote,source:P?.source},classNames:{footnote:F?.footnote,source:F?.source},sources:b,footNote:t,width:f}):u.jsxRuntimeExports.jsx("div",{})]})})})})}exports.DonutChart=He;
+import { j as c, m as xe } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { useState as V, useRef as fe, useEffect as ye } from "react";
+import { s as se } from "./index-DxagiOHo.js";
+import { f as ve, u as ge } from "./Typography-Ctgfl1J5.js";
+import { i as be } from "./index-27yTRcko.js";
+import { X as je } from "./Modal-CUU6ZK3U.js";
+import { T as we } from "./Tooltip-DyM5snqx.js";
+import { Colors as ae } from "./Colors.js";
+import { n as pe } from "./numberFormattingFunction-14YCbkN2.js";
+import { s as Me } from "./string2HTML-CWHGfz_d.js";
+import { w as Ae, c as S, a as Ne } from "./array-B7TkkRH0.js";
+import { GraphFooter as De } from "./GraphFooter.js";
+import { GraphHeader as Ce } from "./GraphHeader.js";
+import { E as $e } from "./EmptyState-DdTp-Mdn.js";
+const me = Math.abs, T = Math.atan2, q = Math.cos, ke = Math.max, de = Math.min, F = Math.sin, ne = Math.sqrt, H = 1e-12, ie = Math.PI, ce = ie / 2, le = 2 * ie;
+function Re(a) {
+  return a > 1 ? 0 : a < -1 ? ie : Math.acos(a);
+}
+function he(a) {
+  return a >= 1 ? ce : a <= -1 ? -ce : Math.asin(a);
+}
+function Te(a) {
+  return a.innerRadius;
+}
+function Oe(a) {
+  return a.outerRadius;
+}
+function Se(a) {
+  return a.startAngle;
+}
+function ze(a) {
+  return a.endAngle;
+}
+function He(a) {
+  return a && a.padAngle;
+}
+function We(a, s, v, g, C, w, f, e) {
+  var m = v - a, i = g - s, n = f - C, M = e - w, t = M * m - n * i;
+  if (!(t * t < H))
+    return t = (n * (s - w) - M * (a - C)) / t, [a + t * m, s + t * i];
+}
+function oe(a, s, v, g, C, w, f) {
+  var e = a - v, m = s - g, i = (f ? w : -w) / ne(e * e + m * m), n = i * m, M = -i * e, t = a + n, l = s + M, y = v + n, h = g + M, O = (t + y) / 2, u = (l + h) / 2, N = y - t, b = h - l, j = N * N + b * b, $ = C - w, D = t * h - y * l, z = (b < 0 ? -1 : 1) * ne(ke(0, $ * $ * j - D * D)), k = (D * b - N * z) / j, d = (-D * N - b * z) / j, R = (D * b + N * z) / j, A = (-D * N + b * z) / j, p = k - O, r = d - u, o = R - O, E = A - u;
+  return p * p + r * r > o * o + E * E && (k = R, d = A), {
+    cx: k,
+    cy: d,
+    x01: -n,
+    y01: -M,
+    x11: k * (C / $ - 1),
+    y11: d * (C / $ - 1)
+  };
+}
+function Ee() {
+  var a = Te, s = Oe, v = S(0), g = null, C = Se, w = ze, f = He, e = null, m = Ae(i);
+  function i() {
+    var n, M, t = +a.apply(this, arguments), l = +s.apply(this, arguments), y = C.apply(this, arguments) - ce, h = w.apply(this, arguments) - ce, O = me(h - y), u = h > y;
+    if (e || (e = n = m()), l < t && (M = l, l = t, t = M), !(l > H)) e.moveTo(0, 0);
+    else if (O > le - H)
+      e.moveTo(l * q(y), l * F(y)), e.arc(0, 0, l, y, h, !u), t > H && (e.moveTo(t * q(h), t * F(h)), e.arc(0, 0, t, h, y, u));
+    else {
+      var N = y, b = h, j = y, $ = h, D = O, z = O, k = f.apply(this, arguments) / 2, d = k > H && (g ? +g.apply(this, arguments) : ne(t * t + l * l)), R = de(me(l - t) / 2, +v.apply(this, arguments)), A = R, p = R, r, o;
+      if (d > H) {
+        var E = he(d / t * F(k)), J = he(d / l * F(k));
+        (D -= E * 2) > H ? (E *= u ? 1 : -1, j += E, $ -= E) : (D = 0, j = $ = (y + h) / 2), (z -= J * 2) > H ? (J *= u ? 1 : -1, N += J, b -= J) : (z = 0, N = b = (y + h) / 2);
+      }
+      var X = l * q(N), G = l * F(N), K = t * q($), P = t * F($);
+      if (R > H) {
+        var I = l * q(b), L = l * F(b), Q = t * q(j), U = t * F(j), W;
+        if (O < ie)
+          if (W = We(X, G, Q, U, I, L, K, P)) {
+            var Z = X - W[0], te = G - W[1], _ = I - W[0], B = L - W[1], re = 1 / F(Re((Z * _ + te * B) / (ne(Z * Z + te * te) * ne(_ * _ + B * B))) / 2), Y = ne(W[0] * W[0] + W[1] * W[1]);
+            A = de(R, (t - Y) / (re - 1)), p = de(R, (l - Y) / (re + 1));
+          } else
+            A = p = 0;
+      }
+      z > H ? p > H ? (r = oe(Q, U, X, G, l, p, u), o = oe(I, L, K, P, l, p, u), e.moveTo(r.cx + r.x01, r.cy + r.y01), p < R ? e.arc(r.cx, r.cy, p, T(r.y01, r.x01), T(o.y01, o.x01), !u) : (e.arc(r.cx, r.cy, p, T(r.y01, r.x01), T(r.y11, r.x11), !u), e.arc(0, 0, l, T(r.cy + r.y11, r.cx + r.x11), T(o.cy + o.y11, o.cx + o.x11), !u), e.arc(o.cx, o.cy, p, T(o.y11, o.x11), T(o.y01, o.x01), !u))) : (e.moveTo(X, G), e.arc(0, 0, l, N, b, !u)) : e.moveTo(X, G), !(t > H) || !(D > H) ? e.lineTo(K, P) : A > H ? (r = oe(K, P, I, L, t, -A, u), o = oe(X, G, Q, U, t, -A, u), e.lineTo(r.cx + r.x01, r.cy + r.y01), A < R ? e.arc(r.cx, r.cy, A, T(r.y01, r.x01), T(o.y01, o.x01), !u) : (e.arc(r.cx, r.cy, A, T(r.y01, r.x01), T(r.y11, r.x11), !u), e.arc(0, 0, t, T(r.cy + r.y11, r.cx + r.x11), T(o.cy + o.y11, o.cx + o.x11), u), e.arc(o.cx, o.cy, A, T(o.y11, o.x11), T(o.y01, o.x01), !u))) : e.arc(0, 0, t, $, j, u);
+    }
+    if (e.closePath(), n) return e = null, n + "" || null;
+  }
+  return i.centroid = function() {
+    var n = (+a.apply(this, arguments) + +s.apply(this, arguments)) / 2, M = (+C.apply(this, arguments) + +w.apply(this, arguments)) / 2 - ie / 2;
+    return [q(M) * n, F(M) * n];
+  }, i.innerRadius = function(n) {
+    return arguments.length ? (a = typeof n == "function" ? n : S(+n), i) : a;
+  }, i.outerRadius = function(n) {
+    return arguments.length ? (s = typeof n == "function" ? n : S(+n), i) : s;
+  }, i.cornerRadius = function(n) {
+    return arguments.length ? (v = typeof n == "function" ? n : S(+n), i) : v;
+  }, i.padRadius = function(n) {
+    return arguments.length ? (g = n == null ? null : typeof n == "function" ? n : S(+n), i) : g;
+  }, i.startAngle = function(n) {
+    return arguments.length ? (C = typeof n == "function" ? n : S(+n), i) : C;
+  }, i.endAngle = function(n) {
+    return arguments.length ? (w = typeof n == "function" ? n : S(+n), i) : w;
+  }, i.padAngle = function(n) {
+    return arguments.length ? (f = typeof n == "function" ? n : S(+n), i) : f;
+  }, i.context = function(n) {
+    return arguments.length ? (e = n ?? null, i) : e;
+  }, i;
+}
+function Pe(a, s) {
+  return s < a ? -1 : s > a ? 1 : s >= a ? 0 : NaN;
+}
+function Be(a) {
+  return a;
+}
+function Ie() {
+  var a = Be, s = Pe, v = null, g = S(0), C = S(le), w = S(0);
+  function f(e) {
+    var m, i = (e = Ne(e)).length, n, M, t = 0, l = new Array(i), y = new Array(i), h = +g.apply(this, arguments), O = Math.min(le, Math.max(-le, C.apply(this, arguments) - h)), u, N = Math.min(Math.abs(O) / i, w.apply(this, arguments)), b = N * (O < 0 ? -1 : 1), j;
+    for (m = 0; m < i; ++m)
+      (j = y[l[m] = m] = +a(e[m], m, e)) > 0 && (t += j);
+    for (s != null ? l.sort(function($, D) {
+      return s(y[$], y[D]);
+    }) : v != null && l.sort(function($, D) {
+      return v(e[$], e[D]);
+    }), m = 0, M = t ? (O - i * b) / t : 0; m < i; ++m, h = u)
+      n = l[m], j = y[n], u = h + (j > 0 ? j * M : 0) + b, y[n] = {
+        data: e[n],
+        index: m,
+        value: j,
+        startAngle: h,
+        endAngle: u,
+        padAngle: N
+      };
+    return y;
+  }
+  return f.value = function(e) {
+    return arguments.length ? (a = typeof e == "function" ? e : S(+e), f) : a;
+  }, f.sortValues = function(e) {
+    return arguments.length ? (s = e, v = null, f) : s;
+  }, f.sort = function(e) {
+    return arguments.length ? (v = e, s = null, f) : v;
+  }, f.startAngle = function(e) {
+    return arguments.length ? (g = typeof e == "function" ? e : S(+e), f) : g;
+  }, f.endAngle = function(e) {
+    return arguments.length ? (C = typeof e == "function" ? e : S(+e), f) : C;
+  }, f.padAngle = function(e) {
+    return arguments.length ? (w = typeof e == "function" ? e : S(+e), f) : w;
+  }, f;
+}
+function Fe(a) {
+  const {
+    mainText: s,
+    data: v,
+    radius: g,
+    colors: C,
+    subNote: w,
+    strokeWidth: f,
+    tooltip: e,
+    onSeriesMouseOver: m,
+    onSeriesMouseClick: i,
+    colorDomain: n,
+    resetSelectionOnDoubleClick: M,
+    detailsOnClick: t,
+    styles: l,
+    classNames: y,
+    precision: h
+  } = a, O = Ie().sort(null).startAngle(0).value((d) => d.size), [u, N] = V(void 0), [b, j] = V(void 0), [$, D] = V(void 0), [z, k] = V(void 0);
+  return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    /* @__PURE__ */ c.jsx(
+      "svg",
+      {
+        width: `${g * 2}px`,
+        height: `${g * 2}px`,
+        viewBox: `0 0 ${g * 2} ${g * 2}`,
+        direction: "ltr",
+        children: /* @__PURE__ */ c.jsxs("g", { transform: `translate(${g} ${g})`, children: [
+          s || w ? /* @__PURE__ */ c.jsx(
+            "foreignObject",
+            {
+              y: 0 - (g - f),
+              x: 0 - (g - f),
+              width: 2 * (g - f),
+              height: 2 * (g - f),
+              children: /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-4", children: [
+                s ? /* @__PURE__ */ c.jsx(
+                  ve,
+                  {
+                    marginBottom: "none",
+                    className: "donut-main-text text-primary-gray-700 dark:text-primary-gray-100 leading-none text-center",
+                    children: typeof s == "string" ? s : v.findIndex((d) => d.label === s.label) !== -1 ? pe(
+                      v[v.findIndex((d) => d.label === s.label)].size,
+                      "NA",
+                      h,
+                      s.prefix,
+                      s.suffix
+                    ) : "NA"
+                  }
+                ) : null,
+                w ? /* @__PURE__ */ c.jsx(
+                  ge,
+                  {
+                    marginBottom: "none",
+                    size: "base",
+                    leading: "none",
+                    className: "donut-sub-note text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold",
+                    children: w
+                  }
+                ) : typeof s == "string" || !s ? null : /* @__PURE__ */ c.jsx(
+                  ge,
+                  {
+                    size: "base",
+                    marginBottom: "none",
+                    leading: "none",
+                    className: "donut-label text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold",
+                    children: s.label
+                  }
+                )
+              ] })
+            }
+          ) : null,
+          O(v).map((d, R) => /* @__PURE__ */ c.jsx(
+            "path",
+            {
+              d: Ee()({
+                innerRadius: g - f,
+                outerRadius: g,
+                startAngle: d.startAngle,
+                endAngle: d.endAngle
+              }),
+              style: {
+                fill: n.indexOf(d.data.label) !== -1 ? C[n.indexOf(d.data.label) % C.length] : ae.gray,
+                opacity: u ? u.label === d.data.label ? 1 : 0.3 : 1
+              },
+              onMouseEnter: (A) => {
+                N(d.data), k(A.clientY), D(A.clientX), m?.(d);
+              },
+              onClick: () => {
+                (i || t) && (be(b, d.data) && M ? (j(void 0), i?.(void 0)) : (j(d.data), i && i(d.data)));
+              },
+              onMouseMove: (A) => {
+                N(d.data), k(A.clientY), D(A.clientX);
+              },
+              onMouseLeave: () => {
+                N(void 0), D(void 0), k(void 0), m?.(void 0);
+              }
+            },
+            R
+          ))
+        ] })
+      }
+    ),
+    u && e && $ && z ? /* @__PURE__ */ c.jsx(
+      we,
+      {
+        data: u,
+        body: e,
+        xPos: $,
+        yPos: z,
+        backgroundStyle: l?.tooltip,
+        className: y?.tooltip
+      }
+    ) : null,
+    t && b !== void 0 ? /* @__PURE__ */ c.jsx(
+      je,
+      {
+        open: b !== void 0,
+        onClose: () => {
+          j(void 0);
+        },
+        children: /* @__PURE__ */ c.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof t == "string" ? { __html: Me(t, b) } : void 0,
+            children: typeof t == "function" ? t(b) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function tn(a) {
+  const {
+    mainText: s,
+    graphTitle: v,
+    colors: g = ae.light.categoricalColors.colors,
+    suffix: C = "",
+    sources: w,
+    prefix: f = "",
+    strokeWidth: e = 50,
+    graphDescription: m,
+    subNote: i,
+    footNote: n,
+    radius: M,
+    data: t,
+    showColorScale: l = !0,
+    padding: y,
+    backgroundColor: h = !1,
+    tooltip: O,
+    onSeriesMouseOver: u,
+    graphID: N,
+    onSeriesMouseClick: b,
+    topMargin: j = 0,
+    bottomMargin: $ = 0,
+    graphDownload: D = !1,
+    dataDownload: z = !1,
+    colorDomain: k,
+    sortData: d,
+    language: R = "en",
+    theme: A = "light",
+    width: p,
+    height: r,
+    minHeight: o = 0,
+    relativeHeight: E,
+    ariaLabel: J,
+    resetSelectionOnDoubleClick: X = !0,
+    colorScaleMaxWidth: G,
+    detailsOnClick: K,
+    styles: P,
+    classNames: I,
+    precision: L = 2
+  } = a, [Q, U] = V(0), [W, Z] = V(0), [te, _] = V(0), B = fe(null), re = fe(null);
+  ye(() => {
+    const x = new ResizeObserver((ee) => {
+      Z(p || ee[0].target.clientWidth || 420), _(r || ee[0].target.clientHeight || 420), U(
+        (Math.min(
+          p || ee[0].target.clientWidth || 620,
+          r || ee[0].target.clientHeight || 480
+        ) || 420) / 2
+      );
+    });
+    return B.current && (_(B.current.clientHeight || 420), Z(B.current.clientWidth || 420), U(
+      (Math.min(B.current.clientWidth, B.current.clientHeight) || 420) / 2
+    ), (!p || !M) && x.observe(B.current)), () => x.disconnect();
+  }, [p, r, M]);
+  const Y = d === "asc" ? se(t, (x) => x.size) : d === "desc" ? se(t, (x) => x.size).reverse() : t;
+  return /* @__PURE__ */ c.jsx(
+    "div",
+    {
+      className: `${A || "light"} flex  ${p ? "w-fit grow-0" : "w-full grow"}`,
+      dir: R === "he" || R === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ c.jsx(
+        "div",
+        {
+          className: xe(
+            `${h ? h === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${R || "en"}`,
+            I?.graphContainer
+          ),
+          style: {
+            ...P?.graphContainer || {},
+            minHeight: "inherit",
+            ...h && h !== !0 ? { backgroundColor: h } : {}
+          },
+          id: N,
+          ref: re,
+          "aria-label": J || `${v ? `The graph shows ${v}. ` : ""}This is a donut or pie chart chart. ${m ? ` ${m}` : ""}`,
+          children: /* @__PURE__ */ c.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: h ? y || "1rem" : y || 0 },
+              children: /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col gap-2 w-full grow justify-between", children: [
+                v || m || D || z ? /* @__PURE__ */ c.jsx(
+                  Ce,
+                  {
+                    styles: {
+                      title: P?.title,
+                      description: P?.description
+                    },
+                    classNames: {
+                      title: I?.title,
+                      description: I?.description
+                    },
+                    graphTitle: v,
+                    graphDescription: m,
+                    width: p,
+                    graphDownload: D ? re.current : void 0,
+                    dataDownload: z ? t.map((x) => x.data).filter((x) => x !== void 0).length > 0 ? t.map((x) => x.data).filter((x) => x !== void 0) : t.filter((x) => x !== void 0) : null
+                  }
+                ) : null,
+                /* @__PURE__ */ c.jsx(
+                  "div",
+                  {
+                    className: "flex grow flex-col justify-center items-stretch gap-8 flex-wrap",
+                    style: {
+                      width: p ? `${p}px` : "100%",
+                      padding: `${j}px 0 ${$}px 0`
+                    },
+                    children: t.length === 0 ? /* @__PURE__ */ c.jsx($e, {}) : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+                      l ? /* @__PURE__ */ c.jsx("div", { className: "leading-0", "aria-label": "Color legend", children: /* @__PURE__ */ c.jsx(
+                        "div",
+                        {
+                          className: "flex mb-0 ml-auto mr-auto justify-center gap-3.5 flex-wrap",
+                          style: { maxWidth: G },
+                          children: Y.map((x, ee) => /* @__PURE__ */ c.jsxs("div", { className: "flex gap-2 items-center", children: [
+                            /* @__PURE__ */ c.jsx(
+                              "div",
+                              {
+                                className: "w-3 h-3 rounded-full",
+                                style: {
+                                  backgroundColor: (k || Y.map((ue) => ue.label)).indexOf(
+                                    x.label
+                                  ) !== -1 ? (g || ae[A].categoricalColors.colors)[(k || Y.map((ue) => ue.label)).indexOf(
+                                    x.label
+                                  ) % (g || ae[A].categoricalColors.colors).length] : ae.gray
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ c.jsxs(
+                              ge,
+                              {
+                                marginBottom: "none",
+                                size: "sm",
+                                className: "text-primary-gray-700 dark:text-primary-gray-100",
+                                children: [
+                                  x.label,
+                                  ":",
+                                  " ",
+                                  /* @__PURE__ */ c.jsx("span", { className: "font-bold", style: { fontSize: "inherit" }, children: pe(x.size, "NA", L, f, C) })
+                                ]
+                              }
+                            )
+                          ] }, ee))
+                        }
+                      ) }) : null,
+                      /* @__PURE__ */ c.jsx(
+                        "div",
+                        {
+                          className: `flex ${p ? "grow-0" : "grow"} items-center justify-center leading-0`,
+                          style: {
+                            width: p ? `${p}px` : "100%",
+                            height: r ? `${Math.max(
+                              o,
+                              r || (E ? o ? (p || W) * E > o ? (p || W) * E : o : (p || W) * E : te)
+                            )}px` : "auto"
+                          },
+                          ref: B,
+                          "aria-label": "Graph area",
+                          children: /* @__PURE__ */ c.jsx("div", { className: "w-full flex justify-center leading-0", children: M || Q ? /* @__PURE__ */ c.jsx(
+                            Fe,
+                            {
+                              mainText: s,
+                              data: d === "asc" ? se(t, (x) => x.size) : d === "desc" ? se(t, (x) => x.size).reverse() : t,
+                              colors: g,
+                              radius: M || Q,
+                              subNote: i,
+                              strokeWidth: e,
+                              tooltip: O,
+                              colorDomain: k || Y.map((x) => x.label),
+                              onSeriesMouseOver: u,
+                              onSeriesMouseClick: b,
+                              resetSelectionOnDoubleClick: X,
+                              styles: P,
+                              detailsOnClick: K,
+                              precision: L
+                            }
+                          ) : null })
+                        }
+                      )
+                    ] })
+                  }
+                ),
+                w || n ? /* @__PURE__ */ c.jsx(
+                  De,
+                  {
+                    styles: { footnote: P?.footnote, source: P?.source },
+                    classNames: {
+                      footnote: I?.footnote,
+                      source: I?.source
+                    },
+                    sources: w,
+                    footNote: n,
+                    width: p
+                  }
+                ) : /* @__PURE__ */ c.jsx("div", {})
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  tn as DonutChart
+};
 //# sourceMappingURL=DonutChart.js.map