@undp/data-viz 2.1.8 → 2.2.0

package/dist/GeoHubMapWithLayerSelection.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CHPV5EwG-CTPQjnHt.cjs"),u=require("react"),me=require("./index-BS2TADPj.cjs"),le=require("./DropdownSelect-Doz3mCrM.cjs"),de=require("./Source-DYMJRrsq.cjs"),U=require("maplibre-gl"),pe=require("pmtiles");;/* empty css                       */const ne=require("./fetchAndParseData-l5HGMAEs.cjs"),se=require("./filterData-T5DQBE9b.cjs"),fe=require("./string2HTML-CPGr_I5E.cjs"),ge=require("./index-DRXx7m-C.cjs"),ie=require("./GraphContainer-d8A46BK2.cjs"),xe=require("./select-Bnfk0lJx.cjs"),he=require("./GraphHeader.cjs"),ye=require("./GraphFooter.cjs");function be(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const m=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(e,n,m.get?m:{enumerable:!0,get:()=>a[n]})}}return e.default=a,Object.freeze(e)}const je=be(pe);function ve(a){const e=s.compilerRuntimeExports.c(25),{mapStyle:n,center:m,zoomLevel:y,selectedLayer:r,layerIdList:d,excludeLayers:c,mapLegend:f}=a,[p,A]=u.useState(0),[R,T]=u.useState(0),[E,O]=u.useState(!0),[b,W]=u.useState(void 0),_=u.useRef(null),t=u.useRef(null),g=u.useRef(null);let v,L;e[0]===Symbol.for("react.memo_cache_sentinel")?(v=()=>{const i=new ResizeObserver(h=>{A(h[0].target.clientWidth||620),T(h[0].target.clientHeight||480)});return _.current&&i.observe(_.current),()=>i.disconnect()},L=[],e[0]=v,e[1]=L):(v=e[0],L=e[1]),u.useEffect(v,L);let o,l;e[2]!==m||e[3]!==c||e[4]!==d||e[5]!==n||e[6]!==r||e[7]!==p||e[8]!==y?(o=()=>{t.current&&p&&!g.current&&ne.fetchAndParseJSON(n).then(i=>{W(i),xe.select(t.current).selectAll("div").remove();const C=new je.Protocol;U.addProtocol("pmtiles",C.tile);const w={container:t.current,style:{...i,layers:se.filterData(i.layers,[{column:"id",excludeValues:[...c,...d.filter(q=>r.indexOf(q)===-1)]}])},attributionControl:!0};m&&(w.center=m),y&&(w.zoom=y),g.current=new U.Map(w),g.current.addControl(new U.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),g.current.addControl(new U.ScaleControl,"bottom-left")})},l=[p,m,y,d,n,c,r],e[2]=m,e[3]=c,e[4]=d,e[5]=n,e[6]=r,e[7]=p,e[8]=y,e[9]=o,e[10]=l):(o=e[9],l=e[10]),u.useEffect(o,l);let j,S;e[11]!==c||e[12]!==d||e[13]!==n||e[14]!==b||e[15]!==r?(j=()=>{if(g.current)if(b){const i={...b,layers:se.filterData(b.layers,[{column:"id",excludeValues:[...c,...d.filter(h=>r.indexOf(h)===-1)]}])};g.current.setStyle(i)}else ne.fetchAndParseJSON(n).then(i=>{const h={...i,layers:se.filterData(i.layers,[{column:"id",excludeValues:[...c,...d.filter(C=>r.indexOf(C)===-1)]}])};g.current.setStyle(h)})},S=[c,d,n,b,r],e[11]=c,e[12]=d,e[13]=n,e[14]=b,e[15]=r,e[16]=j,e[17]=S):(j=e[16],S=e[17]),u.useEffect(j,S);let x;e[18]!==f||e[19]!==E||e[20]!==R||e[21]!==p?(x=p&&R?s.jsxRuntimeExports.jsxs("div",{style:{width:p,height:R},children:[s.jsxRuntimeExports.jsx("div",{ref:t,className:"map maplibre-show-control w-full h-full"}),f?s.jsxRuntimeExports.jsx("div",{className:"absolute left-[22px] bottom-13",children:E?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{className:"color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",onClick:()=>{O(!1)},children:s.jsxRuntimeExports.jsx(ge.X,{})}),s.jsxRuntimeExports.jsx("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",dangerouslySetInnerHTML:typeof f=="string"?{__html:fe.string2HTML(f)}:void 0,children:u.isValidElement(f)?f:null})]}):s.jsxRuntimeExports.jsx("button",{type:"button",className:"mb-0 border-0 bg-transparent p-0 self-start",onClick:()=>{O(!0)},children:s.jsxRuntimeExports.jsx("div",{className:"show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500",children:"Show Legend"})})}):null]}):null,e[18]=f,e[19]=E,e[20]=R,e[21]=p,e[22]=x):x=e[22];let D;return e[23]!==x?(D=s.jsxRuntimeExports.jsx(ie.GraphArea,{ref:_,children:x}),e[23]=x,e[24]=D):D=e[24],D}function Se(a){const e=s.compilerRuntimeExports.c(69),{mapStyle:n,graphTitle:m,height:y,width:r,relativeHeight:d,sources:c,graphDescription:f,footNote:p,padding:A,backgroundColor:R,center:T,zoomLevel:E,graphID:O,language:b,minHeight:W,theme:_,layerSelection:t,excludeLayers:g,ariaLabel:v,uiMode:L,styles:o,classNames:l,mapLegend:j}=a,S=R===void 0?!1:R,x=b===void 0?"en":b,D=W===void 0?0:W,i=_===void 0?"light":_;let h;e[0]!==g?(h=g===void 0?[]:g,e[0]=g,e[1]=h):h=e[1];const C=h,w=L===void 0?"normal":L;let q;e[2]!==j?(q=j===void 0?[]:j,e[2]=j,e[3]=q):q=e[3];const Y=q,[N,oe]=u.useState(t[0].layerID),ae=u.useRef(null);let F;e[4]!==t[0].layerID?(F=()=>{oe(t[0].layerID)},e[4]=t[0].layerID,e[5]=F):F=e[5];let $;e[6]!==t?($=[t],e[6]=t,e[7]=$):$=e[7],u.useEffect(F,$);let J;e[8]===Symbol.for("react.memo_cache_sentinel")?(J={ignoreCase:!0,ignoreAccents:!0,trim:!0},e[8]=J):J=e[8];const ce=J,ee=l?.graphContainer,te=o?.graphContainer;let H;e[9]!==l?.description||e[10]!==l?.title||e[11]!==f||e[12]!==m||e[13]!==o?.description||e[14]!==o?.title||e[15]!==r?(H=m||f?s.jsxRuntimeExports.jsx(he.GraphHeader,{styles:{title:o?.title,description:o?.description},classNames:{title:l?.title,description:l?.description},graphTitle:m,graphDescription:f,width:r}):null,e[9]=l?.description,e[10]=l?.title,e[11]=f,e[12]=m,e[13]=o?.description,e[14]=o?.title,e[15]=r,e[16]=H):H=e[16];let I;e[17]!==t?(I=t.map(Re),e[17]=t,e[18]=I):I=e[18];const re=x==="he"||x==="ar";let X;e[19]===Symbol.for("react.memo_cache_sentinel")?(X=le.Du(ce),e[19]=X):X=e[19];let M;e[20]!==t[0].layerID||e[21]!==t[0].name?(M={label:t[0].name,value:t[0].layerID},e[20]=t[0].layerID,e[21]=t[0].name,e[22]=M):M=e[22];let Z;e[23]===Symbol.for("react.memo_cache_sentinel")?(Z=Q=>{Q&&oe(Q.value)},e[23]=Z):Z=e[23];let k;e[24]!==I||e[25]!==re||e[26]!==M||e[27]!==w?(k=s.jsxRuntimeExports.jsx(le.ja,{options:I,size:"sm",isClearable:!1,variant:w,isRtl:re,isSearchable:!0,filterOption:X,defaultValue:M,controlShouldRenderValue:!0,onChange:Z}),e[24]=I,e[25]=re,e[26]=M,e[27]=w,e[28]=k):k=e[28];let B;e[29]===Symbol.for("react.memo_cache_sentinel")?(B=s.jsxRuntimeExports.jsx(de.n,{size:"lg"}),e[29]=B):B=e[29];let G;e[30]!==t?(G=me.flattenDeep(t.map(De)),e[30]=t,e[31]=G):G=e[31];let P;e[32]!==t||e[33]!==Y||e[34]!==N?(P=Y.find(Q=>Q.mapStyleName===t.find(ue=>ue.layerID===N)?.name)?.legend,e[32]=t,e[33]=Y,e[34]=N,e[35]=P):P=e[35];let z;e[36]!==T||e[37]!==C||e[38]!==n||e[39]!==N||e[40]!==G||e[41]!==P||e[42]!==E?(z=s.jsxRuntimeExports.jsx(ve,{mapStyle:n,center:T,zoomLevel:E,selectedLayer:N,layerIdList:G,excludeLayers:C,mapLegend:P}),e[36]=T,e[37]=C,e[38]=n,e[39]=N,e[40]=G,e[41]=P,e[42]=E,e[43]=z):z=e[43];let V;e[44]!==l?.footnote||e[45]!==l?.source||e[46]!==p||e[47]!==c||e[48]!==o?.footnote||e[49]!==o?.source||e[50]!==r?(V=c||p?s.jsxRuntimeExports.jsx(ye.GraphFooter,{styles:{footnote:o?.footnote,source:o?.source},classNames:{footnote:l?.footnote,source:l?.source},sources:c,footNote:p,width:r}):null,e[44]=l?.footnote,e[45]=l?.source,e[46]=p,e[47]=c,e[48]=o?.footnote,e[49]=o?.source,e[50]=r,e[51]=V):V=e[51];let K;return e[52]!==v||e[53]!==S||e[54]!==O||e[55]!==y||e[56]!==x||e[57]!==D||e[58]!==A||e[59]!==d||e[60]!==ee||e[61]!==te||e[62]!==H||e[63]!==k||e[64]!==z||e[65]!==V||e[66]!==i||e[67]!==r?(K=s.jsxRuntimeExports.jsxs(ie.GraphContainer,{className:ee,style:te,id:O,ref:ae,"aria-label":v,backgroundColor:S,theme:i,language:x,minHeight:D,width:r,height:y,relativeHeight:d,padding:A,children:[H,k,B,z,V]}),e[52]=v,e[53]=S,e[54]=O,e[55]=y,e[56]=x,e[57]=D,e[58]=A,e[59]=d,e[60]=ee,e[61]=te,e[62]=H,e[63]=k,e[64]=z,e[65]=V,e[66]=i,e[67]=r,e[68]=K):K=e[68],K}function De(a){return a.layerID}function Re(a){return{label:a.name,value:a.layerID}}exports.GeoHubMapWithLayerSelection=Se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CHPV5EwG-6v2a2njQ.cjs"),u=require("react"),me=require("./index-BS2TADPj.cjs"),le=require("./DropdownSelect-NNpOs7DX.cjs"),de=require("./Source-B5AoSlsi.cjs"),U=require("maplibre-gl"),pe=require("pmtiles");;/* empty css                       */const ne=require("./fetchAndParseData-QTF6tjij.cjs"),se=require("./filterData-T5DQBE9b.cjs"),fe=require("./string2HTML-xx9MzTtY.cjs"),ge=require("./index-C6er0ety.cjs"),ie=require("./GraphContainer-B1EDxJ0S.cjs"),xe=require("./select-Bnfk0lJx.cjs"),he=require("./GraphHeader.cjs"),ye=require("./GraphFooter.cjs");function be(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const m=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(e,n,m.get?m:{enumerable:!0,get:()=>a[n]})}}return e.default=a,Object.freeze(e)}const je=be(pe);function ve(a){const e=s.compilerRuntimeExports.c(25),{mapStyle:n,center:m,zoomLevel:y,selectedLayer:r,layerIdList:d,excludeLayers:c,mapLegend:f}=a,[p,A]=u.useState(0),[R,T]=u.useState(0),[E,O]=u.useState(!0),[b,W]=u.useState(void 0),_=u.useRef(null),t=u.useRef(null),g=u.useRef(null);let v,L;e[0]===Symbol.for("react.memo_cache_sentinel")?(v=()=>{const i=new ResizeObserver(h=>{A(h[0].target.clientWidth||620),T(h[0].target.clientHeight||480)});return _.current&&i.observe(_.current),()=>i.disconnect()},L=[],e[0]=v,e[1]=L):(v=e[0],L=e[1]),u.useEffect(v,L);let o,l;e[2]!==m||e[3]!==c||e[4]!==d||e[5]!==n||e[6]!==r||e[7]!==p||e[8]!==y?(o=()=>{t.current&&p&&!g.current&&ne.fetchAndParseJSON(n).then(i=>{W(i),xe.select(t.current).selectAll("div").remove();const C=new je.Protocol;U.addProtocol("pmtiles",C.tile);const w={container:t.current,style:{...i,layers:se.filterData(i.layers,[{column:"id",excludeValues:[...c,...d.filter(q=>r.indexOf(q)===-1)]}])},attributionControl:!0};m&&(w.center=m),y&&(w.zoom=y),g.current=new U.Map(w),g.current.addControl(new U.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),g.current.addControl(new U.ScaleControl,"bottom-left")})},l=[p,m,y,d,n,c,r],e[2]=m,e[3]=c,e[4]=d,e[5]=n,e[6]=r,e[7]=p,e[8]=y,e[9]=o,e[10]=l):(o=e[9],l=e[10]),u.useEffect(o,l);let j,S;e[11]!==c||e[12]!==d||e[13]!==n||e[14]!==b||e[15]!==r?(j=()=>{if(g.current)if(b){const i={...b,layers:se.filterData(b.layers,[{column:"id",excludeValues:[...c,...d.filter(h=>r.indexOf(h)===-1)]}])};g.current.setStyle(i)}else ne.fetchAndParseJSON(n).then(i=>{const h={...i,layers:se.filterData(i.layers,[{column:"id",excludeValues:[...c,...d.filter(C=>r.indexOf(C)===-1)]}])};g.current.setStyle(h)})},S=[c,d,n,b,r],e[11]=c,e[12]=d,e[13]=n,e[14]=b,e[15]=r,e[16]=j,e[17]=S):(j=e[16],S=e[17]),u.useEffect(j,S);let x;e[18]!==f||e[19]!==E||e[20]!==R||e[21]!==p?(x=p&&R?s.jsxRuntimeExports.jsxs("div",{style:{width:p,height:R},children:[s.jsxRuntimeExports.jsx("div",{ref:t,className:"map maplibre-show-control w-full h-full"}),f?s.jsxRuntimeExports.jsx("div",{className:"absolute left-[22px] bottom-13",children:E?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{className:"color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",onClick:()=>{O(!1)},children:s.jsxRuntimeExports.jsx(ge.X,{})}),s.jsxRuntimeExports.jsx("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",dangerouslySetInnerHTML:typeof f=="string"?{__html:fe.string2HTML(f)}:void 0,children:u.isValidElement(f)?f:null})]}):s.jsxRuntimeExports.jsx("button",{type:"button",className:"mb-0 border-0 bg-transparent p-0 self-start",onClick:()=>{O(!0)},children:s.jsxRuntimeExports.jsx("div",{className:"show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500",children:"Show Legend"})})}):null]}):null,e[18]=f,e[19]=E,e[20]=R,e[21]=p,e[22]=x):x=e[22];let D;return e[23]!==x?(D=s.jsxRuntimeExports.jsx(ie.GraphArea,{ref:_,children:x}),e[23]=x,e[24]=D):D=e[24],D}function Se(a){const e=s.compilerRuntimeExports.c(69),{mapStyle:n,graphTitle:m,height:y,width:r,relativeHeight:d,sources:c,graphDescription:f,footNote:p,padding:A,backgroundColor:R,center:T,zoomLevel:E,graphID:O,language:b,minHeight:W,theme:_,layerSelection:t,excludeLayers:g,ariaLabel:v,uiMode:L,styles:o,classNames:l,mapLegend:j}=a,S=R===void 0?!1:R,x=b===void 0?"en":b,D=W===void 0?0:W,i=_===void 0?"light":_;let h;e[0]!==g?(h=g===void 0?[]:g,e[0]=g,e[1]=h):h=e[1];const C=h,w=L===void 0?"normal":L;let q;e[2]!==j?(q=j===void 0?[]:j,e[2]=j,e[3]=q):q=e[3];const Y=q,[N,oe]=u.useState(t[0].layerID),ae=u.useRef(null);let F;e[4]!==t[0].layerID?(F=()=>{oe(t[0].layerID)},e[4]=t[0].layerID,e[5]=F):F=e[5];let $;e[6]!==t?($=[t],e[6]=t,e[7]=$):$=e[7],u.useEffect(F,$);let J;e[8]===Symbol.for("react.memo_cache_sentinel")?(J={ignoreCase:!0,ignoreAccents:!0,trim:!0},e[8]=J):J=e[8];const ce=J,ee=l?.graphContainer,te=o?.graphContainer;let H;e[9]!==l?.description||e[10]!==l?.title||e[11]!==f||e[12]!==m||e[13]!==o?.description||e[14]!==o?.title||e[15]!==r?(H=m||f?s.jsxRuntimeExports.jsx(he.GraphHeader,{styles:{title:o?.title,description:o?.description},classNames:{title:l?.title,description:l?.description},graphTitle:m,graphDescription:f,width:r}):null,e[9]=l?.description,e[10]=l?.title,e[11]=f,e[12]=m,e[13]=o?.description,e[14]=o?.title,e[15]=r,e[16]=H):H=e[16];let I;e[17]!==t?(I=t.map(Re),e[17]=t,e[18]=I):I=e[18];const re=x==="he"||x==="ar";let X;e[19]===Symbol.for("react.memo_cache_sentinel")?(X=le.Du(ce),e[19]=X):X=e[19];let M;e[20]!==t[0].layerID||e[21]!==t[0].name?(M={label:t[0].name,value:t[0].layerID},e[20]=t[0].layerID,e[21]=t[0].name,e[22]=M):M=e[22];let Z;e[23]===Symbol.for("react.memo_cache_sentinel")?(Z=Q=>{Q&&oe(Q.value)},e[23]=Z):Z=e[23];let k;e[24]!==I||e[25]!==re||e[26]!==M||e[27]!==w?(k=s.jsxRuntimeExports.jsx(le.ja,{options:I,size:"sm",isClearable:!1,variant:w,isRtl:re,isSearchable:!0,filterOption:X,defaultValue:M,controlShouldRenderValue:!0,onChange:Z}),e[24]=I,e[25]=re,e[26]=M,e[27]=w,e[28]=k):k=e[28];let B;e[29]===Symbol.for("react.memo_cache_sentinel")?(B=s.jsxRuntimeExports.jsx(de.n,{size:"lg"}),e[29]=B):B=e[29];let G;e[30]!==t?(G=me.flattenDeep(t.map(De)),e[30]=t,e[31]=G):G=e[31];let P;e[32]!==t||e[33]!==Y||e[34]!==N?(P=Y.find(Q=>Q.mapStyleName===t.find(ue=>ue.layerID===N)?.name)?.legend,e[32]=t,e[33]=Y,e[34]=N,e[35]=P):P=e[35];let z;e[36]!==T||e[37]!==C||e[38]!==n||e[39]!==N||e[40]!==G||e[41]!==P||e[42]!==E?(z=s.jsxRuntimeExports.jsx(ve,{mapStyle:n,center:T,zoomLevel:E,selectedLayer:N,layerIdList:G,excludeLayers:C,mapLegend:P}),e[36]=T,e[37]=C,e[38]=n,e[39]=N,e[40]=G,e[41]=P,e[42]=E,e[43]=z):z=e[43];let V;e[44]!==l?.footnote||e[45]!==l?.source||e[46]!==p||e[47]!==c||e[48]!==o?.footnote||e[49]!==o?.source||e[50]!==r?(V=c||p?s.jsxRuntimeExports.jsx(ye.GraphFooter,{styles:{footnote:o?.footnote,source:o?.source},classNames:{footnote:l?.footnote,source:l?.source},sources:c,footNote:p,width:r}):null,e[44]=l?.footnote,e[45]=l?.source,e[46]=p,e[47]=c,e[48]=o?.footnote,e[49]=o?.source,e[50]=r,e[51]=V):V=e[51];let K;return e[52]!==v||e[53]!==S||e[54]!==O||e[55]!==y||e[56]!==x||e[57]!==D||e[58]!==A||e[59]!==d||e[60]!==ee||e[61]!==te||e[62]!==H||e[63]!==k||e[64]!==z||e[65]!==V||e[66]!==i||e[67]!==r?(K=s.jsxRuntimeExports.jsxs(ie.GraphContainer,{className:ee,style:te,id:O,ref:ae,"aria-label":v,backgroundColor:S,theme:i,language:x,minHeight:D,width:r,height:y,relativeHeight:d,padding:A,children:[H,k,B,z,V]}),e[52]=v,e[53]=S,e[54]=O,e[55]=y,e[56]=x,e[57]=D,e[58]=A,e[59]=d,e[60]=ee,e[61]=te,e[62]=H,e[63]=k,e[64]=z,e[65]=V,e[66]=i,e[67]=r,e[68]=K):K=e[68],K}function De(a){return a.layerID}function Re(a){return{label:a.name,value:a.layerID}}exports.GeoHubMapWithLayerSelection=Se;
 //# sourceMappingURL=GeoHubMapWithLayerSelection.cjs.map

package/dist/GeoHubMapWithLayerSelection.js

@@ -1,16 +1,16 @@
-import { c as ne, j as s } from "./index-CHPV5EwG-Curnpaqc.js";
+import { c as ne, j as s } from "./index-CHPV5EwG-DecW7_qr.js";
 import de, { useState as T, useRef as Y, useEffect as ee } from "react";
 import { f as ue } from "./index-EArKRVKg.js";
-import { D as pe, j as ge } from "./DropdownSelect-BbdPQa2k.js";
-import { n as he } from "./Source-DwTHB8fn.js";
+import { D as pe, j as ge } from "./DropdownSelect-D8rFbygC.js";
+import { n as he } from "./Source-F8EYCYkV.js";
 import U from "maplibre-gl";
 import * as ye from "pmtiles";
 /* empty css                     */
-import { f as ie } from "./fetchAndParseData-BpqkBPQL.js";
+import { f as ie } from "./fetchAndParseData-BAXhgTDM.js";
 import { f as se } from "./filterData-DsAiFzKY.js";
-import { s as be } from "./string2HTML-DhG75NqA.js";
-import { X as ve } from "./index-D491FEn1.js";
-import { a as xe, G as Se } from "./GraphContainer-CRqzdKu2.js";
+import { s as be } from "./string2HTML-DUYZT1L9.js";
+import { X as ve } from "./index-BQYOuXdl.js";
+import { a as xe, G as Se } from "./GraphContainer-CF6ws3pd.js";
 import { s as je } from "./select-DKy99ogv.js";
 import { GraphHeader as De } from "./GraphHeader.js";
 import { GraphFooter as Le } from "./GraphFooter.js";
@@ -25,7 +25,7 @@ function Ce(v) {
     mapLegend: f
   } = v, [c, A] = T(0), [D, W] = T(0), [L, I] = T(!0), [y, F] = T(void 0), N = Y(null), t = Y(null), d = Y(null);
   let x, C;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (x = () => {
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = () => {
     const a = new ResizeObserver((p) => {
       A(p[0].target.clientWidth || 620), W(p[0].target.clientHeight || 480);
     });
@@ -138,7 +138,7 @@ function Fe(v) {
   let J;
   e[6] !== t ? (J = [t], e[6] = t, e[7] = J) : J = e[7], ee($, J);
   let X;
-  e[8] === Symbol.for("react.memo_cache_sentinel") ? (X = {
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = {
     ignoreCase: !0,
     ignoreAccents: !0,
     trim: !0
@@ -156,20 +156,20 @@ function Fe(v) {
   e[17] !== t ? (z = t.map(we), e[17] = t, e[18] = z) : z = e[18];
   const oe = u === "he" || u === "ar";
   let Z;
-  e[19] === Symbol.for("react.memo_cache_sentinel") ? (Z = pe(me), e[19] = Z) : Z = e[19];
+  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z = pe(me), e[19] = Z) : Z = e[19];
   let M;
   e[20] !== t[0].layerID || e[21] !== t[0].name ? (M = {
     label: t[0].name,
     value: t[0].layerID
   }, e[20] = t[0].layerID, e[21] = t[0].name, e[22] = M) : M = e[22];
   let q;
-  e[23] === Symbol.for("react.memo_cache_sentinel") ? (q = (Q) => {
+  e[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = (Q) => {
     Q && ae(Q.value);
   }, e[23] = q) : q = e[23];
   let G;
   e[24] !== z || e[25] !== oe || e[26] !== M || e[27] !== w ? (G = /* @__PURE__ */ s.jsx(ge, { options: z, size: "sm", isClearable: !1, variant: w, isRtl: oe, isSearchable: !0, filterOption: Z, defaultValue: M, controlShouldRenderValue: !0, onChange: q }), e[24] = z, e[25] = oe, e[26] = M, e[27] = w, e[28] = G) : G = e[28];
   let B;
-  e[29] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ s.jsx(he, { size: "lg" }), e[29] = B) : B = e[29];
+  e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ s.jsx(he, { size: "lg" }), e[29] = B) : B = e[29];
   let R;
   e[30] !== t ? (R = ue(t.map(_e)), e[30] = t, e[31] = R) : R = e[31];
   let V;

package/dist/GeoHubMapWithLayerSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeoHubMapWithLayerSelection.js","sources":["../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/MapEl.tsx","../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { X } from '@/Components/Icons';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  selectedLayer: string[];\r\n  layerIdList: string[];\r\n  excludeLayers: string[];\r\n  mapLegend?: string | React.ReactNode;\r\n}\r\n\r\nexport function MapEl(props: Props) {\r\n  const { mapStyle, center, zoomLevel, selectedLayer, layerIdList, excludeLayers, mapLegend } =\r\n    props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mapStyleData, setMapStyleData] = useState<any>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const mapRef = useRef<any>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  useEffect(() => {\r\n    if (mapContainer.current && svgWidth && !mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        setMapStyleData(d);\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style: {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        mapRef.current = new maplibreGl.Map(mapObj);\r\n        mapRef.current.addControl(\r\n          new maplibreGl.NavigationControl({\r\n            visualizePitch: true,\r\n            showZoom: true,\r\n            showCompass: true,\r\n          }),\r\n          'bottom-right',\r\n        );\r\n        mapRef.current.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, center, zoomLevel, layerIdList, mapStyle, excludeLayers, selectedLayer]);\r\n  useEffect(() => {\r\n    if (mapRef.current) {\r\n      if (mapStyleData) {\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapStyleObj: any = {\r\n          ...mapStyleData,\r\n          layers: filterData(mapStyleData.layers, [\r\n            {\r\n              column: 'id',\r\n              excludeValues: [\r\n                ...excludeLayers,\r\n                ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n              ],\r\n            },\r\n          ]),\r\n        };\r\n        mapRef.current.setStyle(mapStyleObj);\r\n      } else\r\n        fetchAndParseJSON(mapStyle).then(d => {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          const mapStyleObj: any = {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          };\r\n          mapRef.current.setStyle(mapStyleObj);\r\n        });\r\n    }\r\n  }, [excludeLayers, layerIdList, mapStyle, mapStyleData, selectedLayer]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div ref={mapContainer} className='map maplibre-show-control w-full h-full' />\r\n          {mapLegend ? (\r\n            <div className='absolute left-[22px] bottom-13'>\r\n              {showLegend ? (\r\n                <>\r\n                  <div\r\n                    className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                    onClick={() => {\r\n                      setShowLegend(false);\r\n                    }}\r\n                  >\r\n                    <X />\r\n                  </div>\r\n                  <div\r\n                    className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                    dangerouslySetInnerHTML={\r\n                      typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                    }\r\n                  >\r\n                    {React.isValidElement(mapLegend) ? mapLegend : null}\r\n                  </div>\r\n                </>\r\n              ) : (\r\n                <button\r\n                  type='button'\r\n                  className='mb-0 border-0 bg-transparent p-0 self-start'\r\n                  onClick={() => {\r\n                    setShowLegend(true);\r\n                  }}\r\n                >\r\n                  <div className='show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500'>\r\n                    Show Legend\r\n                  </div>\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import { useEffect, useMemo, useRef, useState } from 'react';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\n\r\nimport { MapEl } from './MapEl';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport {\r\n  ClassNameObject,\r\n  Languages,\r\n  MapLegendDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** URL for mapStyle JSON  */\r\n  mapStyle: string;\r\n  /** Starting center point of the map */\r\n  center?: [number, number];\r\n  /** Starting zoom level of the map */\r\n  zoomLevel?: number;\r\n  /** List of the layers that the user select and switch between sing a drop down */\r\n  layerSelection: { layerID: string[]; name: string }[];\r\n  /** Defines the legend for the map. mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the layerSelection. */\r\n  mapLegend?: MapLegendDataType[];\r\n  /** List of layer IDs to be excluded from the visualization */\r\n  excludeLayers?: string[];\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm) and [pmtiles](https://www.npmjs.com/package/pmtiles) package to your project */\r\nexport function GeoHubMapWithLayerSelection(props: Props) {\r\n  const {\r\n    mapStyle,\r\n    graphTitle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    center,\r\n    zoomLevel,\r\n    graphID,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    layerSelection,\r\n    excludeLayers = [],\r\n    ariaLabel,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n    mapLegend = [],\r\n  } = props;\r\n\r\n  const [selectedLayer, setSelectedLayer] = useState(layerSelection[0].layerID);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    setSelectedLayer(layerSelection[0].layerID);\r\n  }, [layerSelection]);\r\n\r\n  const filterConfig = useMemo(\r\n    () => ({\r\n      ignoreCase: true,\r\n      ignoreAccents: true,\r\n      trim: true,\r\n    }),\r\n    [],\r\n  );\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      <DropdownSelect\r\n        options={layerSelection.map(d => ({\r\n          label: d.name,\r\n          value: d.layerID,\r\n        }))}\r\n        size='sm'\r\n        isClearable={false}\r\n        variant={uiMode}\r\n        isRtl={language === 'he' || language === 'ar'}\r\n        isSearchable\r\n        filterOption={createFilter(filterConfig)}\r\n        defaultValue={{\r\n          label: layerSelection[0].name,\r\n          value: layerSelection[0].layerID,\r\n        }}\r\n        controlShouldRenderValue\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        onChange={(el: any) => {\r\n          if (el) setSelectedLayer(el.value);\r\n        }}\r\n      />\r\n      <Spacer size='lg' />\r\n      <MapEl\r\n        mapStyle={mapStyle}\r\n        center={center}\r\n        zoomLevel={zoomLevel}\r\n        selectedLayer={selectedLayer}\r\n        layerIdList={flattenDeep(layerSelection.map(d => d.layerID))}\r\n        excludeLayers={excludeLayers}\r\n        mapLegend={\r\n          (mapLegend as MapLegendDataType[]).find(\r\n            d => d.mapStyleName === layerSelection.find(el => el.layerID === selectedLayer)?.name,\r\n          )?.legend\r\n        }\r\n      />\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["MapEl","props","$","_c","mapStyle","center","zoomLevel","selectedLayer","layerIdList","excludeLayers","mapLegend","svgWidth","setSvgWidth","useState","svgHeight","setSvgHeight","showLegend","setShowLegend","mapStyleData","setMapStyleData","undefined","graphDiv","useRef","mapContainer","mapRef","t0","t1","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","t2","t3","fetchAndParseJSON","then","d","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","mapObj","container","style","layers","filterData","column","excludeValues","filter","el","indexOf","attributionControl","zoom","Map","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","t4","t5","mapStyleObj","el_0","setStyle","d_0","mapStyleObj_0","el_1","t6","jsxs","width","height","jsx","Fragment","X","__html","string2HTML","React","isValidElement","t7","GraphArea","GeoHubMapWithLayerSelection","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","layerSelection","ariaLabel","uiMode","styles","classNames","t8","setSelectedLayer","layerID","graphParentDiv","t9","t10","t11","ignoreCase","ignoreAccents","trim","filterConfig","t12","graphContainer","t13","t14","description","title","GraphHeader","t15","map","_temp","t16","t17","createFilter","t18","name","label","value","t19","t20","DropdownSelect","t21","Spacer","t22","flattenDeep","_temp2","t23","find","d_1","mapStyleName","legend","t24","t25","footnote","source","GraphFooter","t26","GraphContainer"],"mappings":"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"}
+{"version":3,"file":"GeoHubMapWithLayerSelection.js","sources":["../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/MapEl.tsx","../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { X } from '@/Components/Icons';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  selectedLayer: string[];\r\n  layerIdList: string[];\r\n  excludeLayers: string[];\r\n  mapLegend?: string | React.ReactNode;\r\n}\r\n\r\nexport function MapEl(props: Props) {\r\n  const { mapStyle, center, zoomLevel, selectedLayer, layerIdList, excludeLayers, mapLegend } =\r\n    props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mapStyleData, setMapStyleData] = useState<any>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const mapRef = useRef<any>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  useEffect(() => {\r\n    if (mapContainer.current && svgWidth && !mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        setMapStyleData(d);\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style: {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        mapRef.current = new maplibreGl.Map(mapObj);\r\n        mapRef.current.addControl(\r\n          new maplibreGl.NavigationControl({\r\n            visualizePitch: true,\r\n            showZoom: true,\r\n            showCompass: true,\r\n          }),\r\n          'bottom-right',\r\n        );\r\n        mapRef.current.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, center, zoomLevel, layerIdList, mapStyle, excludeLayers, selectedLayer]);\r\n  useEffect(() => {\r\n    if (mapRef.current) {\r\n      if (mapStyleData) {\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapStyleObj: any = {\r\n          ...mapStyleData,\r\n          layers: filterData(mapStyleData.layers, [\r\n            {\r\n              column: 'id',\r\n              excludeValues: [\r\n                ...excludeLayers,\r\n                ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n              ],\r\n            },\r\n          ]),\r\n        };\r\n        mapRef.current.setStyle(mapStyleObj);\r\n      } else\r\n        fetchAndParseJSON(mapStyle).then(d => {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          const mapStyleObj: any = {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          };\r\n          mapRef.current.setStyle(mapStyleObj);\r\n        });\r\n    }\r\n  }, [excludeLayers, layerIdList, mapStyle, mapStyleData, selectedLayer]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div ref={mapContainer} className='map maplibre-show-control w-full h-full' />\r\n          {mapLegend ? (\r\n            <div className='absolute left-[22px] bottom-13'>\r\n              {showLegend ? (\r\n                <>\r\n                  <div\r\n                    className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                    onClick={() => {\r\n                      setShowLegend(false);\r\n                    }}\r\n                  >\r\n                    <X />\r\n                  </div>\r\n                  <div\r\n                    className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                    dangerouslySetInnerHTML={\r\n                      typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                    }\r\n                  >\r\n                    {React.isValidElement(mapLegend) ? mapLegend : null}\r\n                  </div>\r\n                </>\r\n              ) : (\r\n                <button\r\n                  type='button'\r\n                  className='mb-0 border-0 bg-transparent p-0 self-start'\r\n                  onClick={() => {\r\n                    setShowLegend(true);\r\n                  }}\r\n                >\r\n                  <div className='show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500'>\r\n                    Show Legend\r\n                  </div>\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import { useEffect, useMemo, useRef, useState } from 'react';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\n\r\nimport { MapEl } from './MapEl';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport {\r\n  ClassNameObject,\r\n  Languages,\r\n  MapLegendDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** URL for mapStyle JSON  */\r\n  mapStyle: string;\r\n  /** Starting center point of the map */\r\n  center?: [number, number];\r\n  /** Starting zoom level of the map */\r\n  zoomLevel?: number;\r\n  /** List of the layers that the user select and switch between sing a drop down */\r\n  layerSelection: { layerID: string[]; name: string }[];\r\n  /** Defines the legend for the map. mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the layerSelection. */\r\n  mapLegend?: MapLegendDataType[];\r\n  /** List of layer IDs to be excluded from the visualization */\r\n  excludeLayers?: string[];\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm) and [pmtiles](https://www.npmjs.com/package/pmtiles) package to your project */\r\nexport function GeoHubMapWithLayerSelection(props: Props) {\r\n  const {\r\n    mapStyle,\r\n    graphTitle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    center,\r\n    zoomLevel,\r\n    graphID,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    layerSelection,\r\n    excludeLayers = [],\r\n    ariaLabel,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n    mapLegend = [],\r\n  } = props;\r\n\r\n  const [selectedLayer, setSelectedLayer] = useState(layerSelection[0].layerID);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    setSelectedLayer(layerSelection[0].layerID);\r\n  }, [layerSelection]);\r\n\r\n  const filterConfig = useMemo(\r\n    () => ({\r\n      ignoreCase: true,\r\n      ignoreAccents: true,\r\n      trim: true,\r\n    }),\r\n    [],\r\n  );\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      <DropdownSelect\r\n        options={layerSelection.map(d => ({\r\n          label: d.name,\r\n          value: d.layerID,\r\n        }))}\r\n        size='sm'\r\n        isClearable={false}\r\n        variant={uiMode}\r\n        isRtl={language === 'he' || language === 'ar'}\r\n        isSearchable\r\n        filterOption={createFilter(filterConfig)}\r\n        defaultValue={{\r\n          label: layerSelection[0].name,\r\n          value: layerSelection[0].layerID,\r\n        }}\r\n        controlShouldRenderValue\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        onChange={(el: any) => {\r\n          if (el) setSelectedLayer(el.value);\r\n        }}\r\n      />\r\n      <Spacer size='lg' />\r\n      <MapEl\r\n        mapStyle={mapStyle}\r\n        center={center}\r\n        zoomLevel={zoomLevel}\r\n        selectedLayer={selectedLayer}\r\n        layerIdList={flattenDeep(layerSelection.map(d => d.layerID))}\r\n        excludeLayers={excludeLayers}\r\n        mapLegend={\r\n          (mapLegend as MapLegendDataType[]).find(\r\n            d => d.mapStyleName === layerSelection.find(el => el.layerID === selectedLayer)?.name,\r\n          )?.legend\r\n        }\r\n      />\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["MapEl","props","$","_c","mapStyle","center","zoomLevel","selectedLayer","layerIdList","excludeLayers","mapLegend","svgWidth","setSvgWidth","useState","svgHeight","setSvgHeight","showLegend","setShowLegend","mapStyleData","setMapStyleData","undefined","graphDiv","useRef","mapContainer","mapRef","t0","t1","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","t2","t3","fetchAndParseJSON","then","d","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","mapObj","container","style","layers","filterData","column","excludeValues","filter","el","indexOf","attributionControl","zoom","Map","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","t4","t5","mapStyleObj","el_0","setStyle","d_0","mapStyleObj_0","el_1","t6","jsxs","width","height","jsx","Fragment","X","__html","string2HTML","React","isValidElement","t7","GraphArea","GeoHubMapWithLayerSelection","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","layerSelection","ariaLabel","uiMode","styles","classNames","t8","setSelectedLayer","layerID","graphParentDiv","t9","t10","t11","ignoreCase","ignoreAccents","trim","filterConfig","t12","graphContainer","t13","t14","description","title","GraphHeader","t15","map","_temp","t16","t17","createFilter","t18","name","label","value","t19","t20","DropdownSelect","t21","Spacer","t22","flattenDeep","_temp2","t23","find","d_1","mapStyleName","legend","t24","t25","footnote","source","GraphFooter","t26","GraphContainer"],"mappings":"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"}

package/dist/{GraphContainer-d8A46BK2.cjs → GraphContainer-B1EDxJ0S.cjs}

@@ -1,2 +1,2 @@
-"use strict";const h=require("./index-CHPV5EwG-CTPQjnHt.cjs"),D=require("react"),I=D.forwardRef((n,c)=>{const e=h.compilerRuntimeExports.c(48);let i,t,l,r,s,p,f,y,E,g,a,d,G,o;e[0]!==n?({className:r,width:o,height:p,backgroundColor:t,theme:G,language:f,relativeHeight:a,minHeight:y,padding:E,children:l,style:d,graphID:s,ariaLabel:i,...g}=n,e[0]=n,e[1]=i,e[2]=t,e[3]=l,e[4]=r,e[5]=s,e[6]=p,e[7]=f,e[8]=y,e[9]=E,e[10]=g,e[11]=a,e[12]=d,e[13]=G,e[14]=o):(i=e[1],t=e[2],l=e[3],r=e[4],s=e[5],p=e[6],f=e[7],y=e[8],E=e[9],g=e[10],a=e[11],d=e[12],G=e[13],o=e[14]);const N=`${G||"light"} ${f||"en"} mx-auto box-border flex ${o?"grow-0":"grow w-full"}${a?"":" h-full"} flex-col`,C=t?t===!0?"bg-primary-gray-200 dark:bg-primary-gray-650":"":"bg-transparent";let m;e[15]!==r||e[16]!==N||e[17]!==C?(m=h.mo(N,C,r),e[15]=r,e[16]=N,e[17]=C,e[18]=m):m=e[18];const H=f==="he"||f==="ar"?"rtl":void 0;let u;e[19]!==d?(u=d||{},e[19]=d,e[20]=u):u=e[20];let x;e[21]!==o?(x=o?{width:`${o}px`}:{},e[21]=o,e[22]=x):x=e[22];let w;e[23]!==p?(w=p?{height:`${p}px`}:{},e[23]=p,e[24]=w):w=e[24];const k=y?`${y}px`:"auto";let b;e[25]!==a?(b=a?{aspectRatio:1/a}:{},e[25]=a,e[26]=b):b=e[26];const q=t?E||"1rem":E||0;let $;e[27]!==t?($=t&&t!==!0?{backgroundColor:t}:{},e[27]=t,e[28]=$):$=e[28];let R;e[29]!==q||e[30]!==$||e[31]!==u||e[32]!==x||e[33]!==w||e[34]!==k||e[35]!==b?(R={...u,...x,...w,minHeight:k,...b,padding:q,...$},e[29]=q,e[30]=$,e[31]=u,e[32]=x,e[33]=w,e[34]=k,e[35]=b,e[36]=R):R=e[36];const A=i||"This is a graph";let j;e[37]!==l?(j=h.jsxRuntimeExports.jsx("div",{className:"flex flex-col w-full h-full grow justify-between",children:l}),e[37]=l,e[38]=j):j=e[38];let v;return e[39]!==s||e[40]!==g||e[41]!==c||e[42]!==R||e[43]!==A||e[44]!==j||e[45]!==m||e[46]!==H?(v=h.jsxRuntimeExports.jsx("div",{...g,className:m,dir:H,style:R,id:s,ref:c,"aria-label":A,children:j}),e[39]=s,e[40]=g,e[41]=c,e[42]=R,e[43]=A,e[44]=j,e[45]=m,e[46]=H,e[47]=v):v=e[47],v}),L=D.forwardRef((n,c)=>{const e=h.compilerRuntimeExports.c(11);let i,t,l;e[0]!==n?({children:i,className:t,...l}=n,e[0]=n,e[1]=i,e[2]=t,e[3]=l):(i=e[1],t=e[2],l=e[3]);let r;e[4]!==t?(r=h.mo("w-full grow min-h-0 leading-0",t),e[4]=t,e[5]=r):r=e[5];let s;return e[6]!==i||e[7]!==l||e[8]!==c||e[9]!==r?(s=h.jsxRuntimeExports.jsx("div",{...l,className:r,ref:c,"aria-label":"Graph area",children:i}),e[6]=i,e[7]=l,e[8]=c,e[9]=r,e[10]=s):s=e[10],s});exports.GraphArea=L;exports.GraphContainer=I;
-//# sourceMappingURL=GraphContainer-d8A46BK2.cjs.map
+"use strict";const h=require("./index-CHPV5EwG-6v2a2njQ.cjs"),D=require("react"),I=D.forwardRef((n,c)=>{const e=h.compilerRuntimeExports.c(48);let i,t,l,r,s,p,f,y,E,g,a,d,G,o;e[0]!==n?({className:r,width:o,height:p,backgroundColor:t,theme:G,language:f,relativeHeight:a,minHeight:y,padding:E,children:l,style:d,graphID:s,ariaLabel:i,...g}=n,e[0]=n,e[1]=i,e[2]=t,e[3]=l,e[4]=r,e[5]=s,e[6]=p,e[7]=f,e[8]=y,e[9]=E,e[10]=g,e[11]=a,e[12]=d,e[13]=G,e[14]=o):(i=e[1],t=e[2],l=e[3],r=e[4],s=e[5],p=e[6],f=e[7],y=e[8],E=e[9],g=e[10],a=e[11],d=e[12],G=e[13],o=e[14]);const N=`${G||"light"} ${f||"en"} mx-auto box-border flex ${o?"grow-0":"grow w-full"}${a?"":" h-full"} flex-col`,C=t?t===!0?"bg-primary-gray-200 dark:bg-primary-gray-650":"":"bg-transparent";let m;e[15]!==r||e[16]!==N||e[17]!==C?(m=h.mo(N,C,r),e[15]=r,e[16]=N,e[17]=C,e[18]=m):m=e[18];const H=f==="he"||f==="ar"?"rtl":void 0;let u;e[19]!==d?(u=d||{},e[19]=d,e[20]=u):u=e[20];let x;e[21]!==o?(x=o?{width:`${o}px`}:{},e[21]=o,e[22]=x):x=e[22];let w;e[23]!==p?(w=p?{height:`${p}px`}:{},e[23]=p,e[24]=w):w=e[24];const k=y?`${y}px`:"auto";let b;e[25]!==a?(b=a?{aspectRatio:1/a}:{},e[25]=a,e[26]=b):b=e[26];const q=t?E||"1rem":E||0;let $;e[27]!==t?($=t&&t!==!0?{backgroundColor:t}:{},e[27]=t,e[28]=$):$=e[28];let R;e[29]!==q||e[30]!==$||e[31]!==u||e[32]!==x||e[33]!==w||e[34]!==k||e[35]!==b?(R={...u,...x,...w,minHeight:k,...b,padding:q,...$},e[29]=q,e[30]=$,e[31]=u,e[32]=x,e[33]=w,e[34]=k,e[35]=b,e[36]=R):R=e[36];const A=i||"This is a graph";let j;e[37]!==l?(j=h.jsxRuntimeExports.jsx("div",{className:"flex flex-col w-full h-full grow justify-between",children:l}),e[37]=l,e[38]=j):j=e[38];let v;return e[39]!==s||e[40]!==g||e[41]!==c||e[42]!==R||e[43]!==A||e[44]!==j||e[45]!==m||e[46]!==H?(v=h.jsxRuntimeExports.jsx("div",{...g,className:m,dir:H,style:R,id:s,ref:c,"aria-label":A,children:j}),e[39]=s,e[40]=g,e[41]=c,e[42]=R,e[43]=A,e[44]=j,e[45]=m,e[46]=H,e[47]=v):v=e[47],v}),L=D.forwardRef((n,c)=>{const e=h.compilerRuntimeExports.c(11);let i,t,l;e[0]!==n?({children:i,className:t,...l}=n,e[0]=n,e[1]=i,e[2]=t,e[3]=l):(i=e[1],t=e[2],l=e[3]);let r;e[4]!==t?(r=h.mo("w-full grow min-h-0 leading-0",t),e[4]=t,e[5]=r):r=e[5];let s;return e[6]!==i||e[7]!==l||e[8]!==c||e[9]!==r?(s=h.jsxRuntimeExports.jsx("div",{...l,className:r,ref:c,"aria-label":"Graph area",children:i}),e[6]=i,e[7]=l,e[8]=c,e[9]=r,e[10]=s):s=e[10],s});exports.GraphArea=L;exports.GraphContainer=I;
+//# sourceMappingURL=GraphContainer-B1EDxJ0S.cjs.map

package/dist/{GraphContainer-d8A46BK2.cjs.map → GraphContainer-B1EDxJ0S.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"GraphContainer-d8A46BK2.cjs","sources":["../src/Components/Elements/GraphContainer.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport React from 'react';\r\n\r\nimport { Languages } from '@/Types';\r\n\r\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\r\n  width?: number;\r\n  height?: number;\r\n  backgroundColor: string | boolean;\r\n  theme: 'light' | 'dark';\r\n  language: Languages;\r\n  relativeHeight?: number;\r\n  minHeight?: number;\r\n  padding?: string;\r\n  graphID?: string;\r\n  ariaLabel?: string;\r\n}\r\n\r\nexport const GraphContainer = React.forwardRef<HTMLDivElement, Props>(\r\n  (\r\n    {\r\n      className,\r\n      width,\r\n      height,\r\n      backgroundColor,\r\n      theme,\r\n      language,\r\n      relativeHeight,\r\n      minHeight,\r\n      padding,\r\n      children,\r\n      style,\r\n      graphID,\r\n      ariaLabel,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn(\r\n          `${theme || 'light'} ${language || 'en'} mx-auto box-border flex ${width ? 'grow-0' : 'grow w-full'}${relativeHeight ? '' : ' h-full'} flex-col`,\r\n          // Merge background color logic here\r\n          !backgroundColor\r\n            ? 'bg-transparent'\r\n            : backgroundColor === true\r\n              ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n              : '',\r\n          className,\r\n        )}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        style={{\r\n          ...(style || {}),\r\n          ...(width ? { width: `${width}px` } : {}),\r\n          ...(height ? { height: `${height}px` } : {}),\r\n          minHeight: minHeight ? `${minHeight}px` : 'auto',\r\n          ...(relativeHeight ? { aspectRatio: 1 / relativeHeight } : {}),\r\n          // Merge padding and background color logic\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={ref}\r\n        aria-label={ariaLabel || 'This is a graph'}\r\n      >\r\n        <div className='flex flex-col w-full h-full grow justify-between'>{children}</div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nexport const GraphArea = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ children, className, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn('w-full grow min-h-0 leading-0', className)}\r\n        ref={ref}\r\n        aria-label='Graph area'\r\n      >\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n"],"names":["GraphContainer","React","forwardRef","t0","ref","$","_c","ariaLabel","backgroundColor","children","className","graphID","height","language","minHeight","padding","props","relativeHeight","style","theme","width","t1","t2","t3","cn","t4","undefined","t5","t6","t7","t8","t9","aspectRatio","t10","t11","t12","t13","t14","jsx","t15","GraphArea"],"mappings":"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"}
+{"version":3,"file":"GraphContainer-B1EDxJ0S.cjs","sources":["../src/Components/Elements/GraphContainer.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport React from 'react';\r\n\r\nimport { Languages } from '@/Types';\r\n\r\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\r\n  width?: number;\r\n  height?: number;\r\n  backgroundColor: string | boolean;\r\n  theme: 'light' | 'dark';\r\n  language: Languages;\r\n  relativeHeight?: number;\r\n  minHeight?: number;\r\n  padding?: string;\r\n  graphID?: string;\r\n  ariaLabel?: string;\r\n}\r\n\r\nexport const GraphContainer = React.forwardRef<HTMLDivElement, Props>(\r\n  (\r\n    {\r\n      className,\r\n      width,\r\n      height,\r\n      backgroundColor,\r\n      theme,\r\n      language,\r\n      relativeHeight,\r\n      minHeight,\r\n      padding,\r\n      children,\r\n      style,\r\n      graphID,\r\n      ariaLabel,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn(\r\n          `${theme || 'light'} ${language || 'en'} mx-auto box-border flex ${width ? 'grow-0' : 'grow w-full'}${relativeHeight ? '' : ' h-full'} flex-col`,\r\n          // Merge background color logic here\r\n          !backgroundColor\r\n            ? 'bg-transparent'\r\n            : backgroundColor === true\r\n              ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n              : '',\r\n          className,\r\n        )}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        style={{\r\n          ...(style || {}),\r\n          ...(width ? { width: `${width}px` } : {}),\r\n          ...(height ? { height: `${height}px` } : {}),\r\n          minHeight: minHeight ? `${minHeight}px` : 'auto',\r\n          ...(relativeHeight ? { aspectRatio: 1 / relativeHeight } : {}),\r\n          // Merge padding and background color logic\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={ref}\r\n        aria-label={ariaLabel || 'This is a graph'}\r\n      >\r\n        <div className='flex flex-col w-full h-full grow justify-between'>{children}</div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nexport const GraphArea = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ children, className, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn('w-full grow min-h-0 leading-0', className)}\r\n        ref={ref}\r\n        aria-label='Graph area'\r\n      >\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n"],"names":["GraphContainer","React","forwardRef","t0","ref","$","_c","ariaLabel","backgroundColor","children","className","graphID","height","language","minHeight","padding","props","relativeHeight","style","theme","width","t1","t2","t3","cn","t4","undefined","t5","t6","t7","t8","t9","aspectRatio","t10","t11","t12","t13","t14","jsx","t15","GraphArea"],"mappings":"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"}

package/dist/{GraphContainer-CRqzdKu2.js → GraphContainer-CF6ws3pd.js}

@@ -1,4 +1,4 @@
-import { c as D, m as I, j as A } from "./index-CHPV5EwG-Curnpaqc.js";
+import { c as D, m as I, j as A } from "./index-CHPV5EwG-DecW7_qr.js";
 import L from "react";
 const z = L.forwardRef((n, c) => {
   const e = D.c(48);
@@ -75,4 +75,4 @@ export {
   z as G,
   B as a
 };
-//# sourceMappingURL=GraphContainer-CRqzdKu2.js.map
+//# sourceMappingURL=GraphContainer-CF6ws3pd.js.map

package/dist/{GraphContainer-CRqzdKu2.js.map → GraphContainer-CF6ws3pd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GraphContainer-CRqzdKu2.js","sources":["../src/Components/Elements/GraphContainer.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport React from 'react';\r\n\r\nimport { Languages } from '@/Types';\r\n\r\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\r\n  width?: number;\r\n  height?: number;\r\n  backgroundColor: string | boolean;\r\n  theme: 'light' | 'dark';\r\n  language: Languages;\r\n  relativeHeight?: number;\r\n  minHeight?: number;\r\n  padding?: string;\r\n  graphID?: string;\r\n  ariaLabel?: string;\r\n}\r\n\r\nexport const GraphContainer = React.forwardRef<HTMLDivElement, Props>(\r\n  (\r\n    {\r\n      className,\r\n      width,\r\n      height,\r\n      backgroundColor,\r\n      theme,\r\n      language,\r\n      relativeHeight,\r\n      minHeight,\r\n      padding,\r\n      children,\r\n      style,\r\n      graphID,\r\n      ariaLabel,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn(\r\n          `${theme || 'light'} ${language || 'en'} mx-auto box-border flex ${width ? 'grow-0' : 'grow w-full'}${relativeHeight ? '' : ' h-full'} flex-col`,\r\n          // Merge background color logic here\r\n          !backgroundColor\r\n            ? 'bg-transparent'\r\n            : backgroundColor === true\r\n              ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n              : '',\r\n          className,\r\n        )}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        style={{\r\n          ...(style || {}),\r\n          ...(width ? { width: `${width}px` } : {}),\r\n          ...(height ? { height: `${height}px` } : {}),\r\n          minHeight: minHeight ? `${minHeight}px` : 'auto',\r\n          ...(relativeHeight ? { aspectRatio: 1 / relativeHeight } : {}),\r\n          // Merge padding and background color logic\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={ref}\r\n        aria-label={ariaLabel || 'This is a graph'}\r\n      >\r\n        <div className='flex flex-col w-full h-full grow justify-between'>{children}</div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nexport const GraphArea = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ children, className, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn('w-full grow min-h-0 leading-0', className)}\r\n        ref={ref}\r\n        aria-label='Graph area'\r\n      >\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n"],"names":["GraphContainer","React","forwardRef","t0","ref","$","_c","ariaLabel","backgroundColor","children","className","graphID","height","language","minHeight","padding","props","relativeHeight","style","theme","width","t1","t2","t3","cn","t4","undefined","t5","t6","t7","t8","t9","aspectRatio","t10","t11","t12","t13","t14","jsx","t15","GraphArea"],"mappings":";;AAkBO,MAAMA,IAAiBC,EAAMC,WAClC,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAf,SAAAF,KACE;AAAA,IAAAO,WAAAA;AAAAA,IAAAU,OAAAA;AAAAA,IAAAR,QAAAA;AAAAA,IAAAJ,iBAAAA;AAAAA,IAAAW,OAAAA;AAAAA,IAAAN,UAAAA;AAAAA,IAAAI,gBAAAA;AAAAA,IAAAH,WAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAN,UAAAA;AAAAA,IAAAS,OAAAA;AAAAA,IAAAP,SAAAA;AAAAA,IAAAJ,WAAAA;AAAAA,IAAA,GAAAS;AAAAA,EAAAA,IAAAb,GAeCE,OAAAF,GAAAE,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,GAAAN,OAAAO,GAAAP,OAAAQ,GAAAR,OAAAS,GAAAT,OAAAU,GAAAV,QAAAW,GAAAX,QAAAY,GAAAZ,QAAAa,GAAAb,QAAAc,GAAAd,QAAAe,MAAAb,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA,GAAAS,IAAAT,EAAA,CAAA,GAAAU,IAAAV,EAAA,CAAA,GAAAW,IAAAX,EAAA,EAAA,GAAAY,IAAAZ,EAAA,EAAA,GAAAa,IAAAb,EAAA,EAAA,GAAAc,IAAAd,EAAA,EAAA,GAAAe,IAAAf,EAAA,EAAA;AAOK,QAAAgB,OAAGF,KAAA,OAAgB,IAAIN,KAAA,IAAgB,4BAA4BO,IAAA,WAAA,aAAgC,GAAGH,IAAA,KAAA,SAA+B,aAErIK,IAACd,IAEGA,MAAoB,KAApB,iDAAA,KAFJ;AAIQ,MAAAe;AAAA,EAAAlB,EAAA,EAAA,MAAAK,KAAAL,UAAAgB,KAAAhB,EAAA,EAAA,MAAAiB,KAPCC,IAAAC,EACTH,GAEAC,GAKAZ,CACF,GAACL,QAAAK,GAAAL,QAAAgB,GAAAhB,QAAAiB,GAAAjB,QAAAkB,KAAAA,IAAAlB,EAAA,EAAA;AACI,QAAAoB,IAAAZ,MAAa,QAAQA,MAAa,OAAlC,QAAAa;AAA0D,MAAAC;AAAA,EAAAtB,UAAAa,KAEzDS,IAAAT,KAAA,CAAA,GAAWb,QAAAa,GAAAb,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA;AAAA,MAAAuB;AAAA,EAAAvB,UAAAe,KACXQ,IAAAR,IAAA;AAAA,IAAAA,OAAiB,GAAGA,CAAK;AAAA,EAAA,IAAzB,CAAA,GAAoCf,QAAAe,GAAAf,QAAAuB,KAAAA,IAAAvB,EAAA,EAAA;AAAA,MAAAwB;AAAA,EAAAxB,UAAAO,KACpCiB,IAAAjB,IAAA;AAAA,IAAAA,QAAmB,GAAGA,CAAM;AAAA,EAAA,IAA5B,CAAA,GAAuCP,QAAAO,GAAAP,QAAAwB,KAAAA,IAAAxB,EAAA,EAAA;AAChC,QAAAyB,IAAAhB,IAAA,GAAeA,CAAS,OAAxB;AAAqC,MAAAiB;AAAA,EAAA1B,UAAAY,KAC5Cc,IAAAd,IAAA;AAAA,IAAAe,aAAgC,IAAIf;AAAAA,EAAAA,IAApC,CAAA,GAAyDZ,QAAAY,GAAAZ,QAAA0B,KAAAA,IAAA1B,EAAA,EAAA;AAEpD,QAAA4B,IAAAzB,IAAkBO,KAAA,SAAoBA,KAAA;AAAY,MAAAmB;AAAA,EAAA7B,UAAAG,KACvD0B,IAAA1B,KAAmBA,MAAoB,KAAvC;AAAA,IAAAA,iBAAAA;AAAAA,EAAAA,IAAA,CAAA,GAAsEH,QAAAG,GAAAH,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA;AAAA,MAAA8B;AAAA,EAAA9B,EAAA,EAAA,MAAA4B,KAAA5B,EAAA,EAAA,MAAA6B,KAAA7B,EAAA,EAAA,MAAAsB,KAAAtB,UAAAuB,KAAAvB,EAAA,EAAA,MAAAwB,KAAAxB,EAAA,EAAA,MAAAyB,KAAAzB,EAAA,EAAA,MAAA0B,KARrEI,IAAA;AAAA,IAAA,GACDR;AAAAA,IAAW,GACXC;AAAAA,IAAoC,GACpCC;AAAAA,IAAuCf,WAChCgB;AAAAA,IAAqC,GAC5CC;AAAAA,IAAyDhB,SAEpDkB;AAAAA,IAAkD,GACvDC;AAAAA,EAAAA,GACL7B,QAAA4B,GAAA5B,QAAA6B,GAAA7B,QAAAsB,GAAAtB,QAAAuB,GAAAvB,QAAAwB,GAAAxB,QAAAyB,GAAAzB,QAAA0B,GAAA1B,QAAA8B,KAAAA,IAAA9B,EAAA,EAAA;AAGW,QAAA+B,IAAA7B,KAAA;AAA8B,MAAA8B;AAAA,EAAAhC,UAAAI,KAE1C4B,IAAAC,gBAAAA,EAAAA,IAAA,OAAA,EAAe,WAAA,oDAAoD7B,UAAAA,GAAS,GAAMJ,QAAAI,GAAAJ,QAAAgC,KAAAA,IAAAhC,EAAA,EAAA;AAAA,MAAAkC;AAAA,SAAAlC,EAAA,EAAA,MAAAM,KAAAN,EAAA,EAAA,MAAAW,KAAAX,EAAA,EAAA,MAAAD,KAAAC,EAAA,EAAA,MAAA8B,KAAA9B,EAAA,EAAA,MAAA+B,KAAA/B,EAAA,EAAA,MAAAgC,KAAAhC,EAAA,EAAA,MAAAkB,KAAAlB,UAAAoB,KA3BpFc,mCA4BM,GA3BAvB,GACO,WAAAO,GAUN,KAAAE,GACE,OAAAU,GAUHxB,IAAAA,GACCP,KAAAA,GACO,cAAAgC,GAEZC,UAAAA,GACF,GAAMhC,QAAAM,GAAAN,QAAAW,GAAAX,QAAAD,GAAAC,QAAA8B,GAAA9B,QAAA+B,GAAA/B,QAAAgC,GAAAhC,QAAAkB,GAAAlB,QAAAoB,GAAApB,QAAAkC,KAAAA,IAAAlC,EAAA,EAAA,GA5BNkC;AA4BM,CAGZ,GAEaC,IAAYvC,EAAMC,WAC7B,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAG,GAAAC,GAAAM;AAAA,EAAAX,SAAAF,KAAC;AAAA,IAAAM,UAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAA,GAAAM;AAAAA,EAAAA,IAAAb,GAAiCE,OAAAF,GAAAE,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAW,MAAAP,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAW,IAAAX,EAAA,CAAA;AAAA,MAAAgB;AAAA,EAAAhB,SAAAK,KAIjBW,IAAAG,EAAG,iCAAiCd,CAAS,GAACL,OAAAK,GAAAL,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAAA,MAAAiB;AAAA,SAAAjB,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAW,KAAAX,EAAA,CAAA,MAAAD,KAAAC,SAAAgB,KAF3DC,IAAAgB,gBAAAA,EAAAA,IAAA,YACMtB,GACO,WAAAK,GACNjB,KAAAA,GACM,cAAA,cAEVK,UAAAA,EAAAA,CACH,GAAMJ,OAAAI,GAAAJ,OAAAW,GAAAX,OAAAD,GAAAC,OAAAgB,GAAAhB,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA,GAPNiB;AAOM,CAGZ;"}
+{"version":3,"file":"GraphContainer-CF6ws3pd.js","sources":["../src/Components/Elements/GraphContainer.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport React from 'react';\r\n\r\nimport { Languages } from '@/Types';\r\n\r\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\r\n  width?: number;\r\n  height?: number;\r\n  backgroundColor: string | boolean;\r\n  theme: 'light' | 'dark';\r\n  language: Languages;\r\n  relativeHeight?: number;\r\n  minHeight?: number;\r\n  padding?: string;\r\n  graphID?: string;\r\n  ariaLabel?: string;\r\n}\r\n\r\nexport const GraphContainer = React.forwardRef<HTMLDivElement, Props>(\r\n  (\r\n    {\r\n      className,\r\n      width,\r\n      height,\r\n      backgroundColor,\r\n      theme,\r\n      language,\r\n      relativeHeight,\r\n      minHeight,\r\n      padding,\r\n      children,\r\n      style,\r\n      graphID,\r\n      ariaLabel,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn(\r\n          `${theme || 'light'} ${language || 'en'} mx-auto box-border flex ${width ? 'grow-0' : 'grow w-full'}${relativeHeight ? '' : ' h-full'} flex-col`,\r\n          // Merge background color logic here\r\n          !backgroundColor\r\n            ? 'bg-transparent'\r\n            : backgroundColor === true\r\n              ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n              : '',\r\n          className,\r\n        )}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        style={{\r\n          ...(style || {}),\r\n          ...(width ? { width: `${width}px` } : {}),\r\n          ...(height ? { height: `${height}px` } : {}),\r\n          minHeight: minHeight ? `${minHeight}px` : 'auto',\r\n          ...(relativeHeight ? { aspectRatio: 1 / relativeHeight } : {}),\r\n          // Merge padding and background color logic\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={ref}\r\n        aria-label={ariaLabel || 'This is a graph'}\r\n      >\r\n        <div className='flex flex-col w-full h-full grow justify-between'>{children}</div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nexport const GraphArea = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ children, className, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn('w-full grow min-h-0 leading-0', className)}\r\n        ref={ref}\r\n        aria-label='Graph area'\r\n      >\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n"],"names":["GraphContainer","React","forwardRef","t0","ref","$","_c","ariaLabel","backgroundColor","children","className","graphID","height","language","minHeight","padding","props","relativeHeight","style","theme","width","t1","t2","t3","cn","t4","undefined","t5","t6","t7","t8","t9","aspectRatio","t10","t11","t12","t13","t14","jsx","t15","GraphArea"],"mappings":"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"}

package/dist/GraphDescription.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-CTPQjnHt.cjs"),a=require("./Typography-DX7PlgQU.cjs"),c=require("react");function p(l){const e=o.compilerRuntimeExports.c(10),{text:r,style:i,className:n}=l;if(typeof r=="string"){if(r.trim()==="")return null;let t;e[0]!==n?(t=o.mo("text-primary-gray-550 dark:text-primary-gray-400",n),e[0]=n,e[1]=t):t=e[1];let s;return e[2]!==i||e[3]!==t||e[4]!==r?(s=o.jsxRuntimeExports.jsx(a.j,{size:"sm",marginBottom:"none",className:t,"aria-label":"Graph description",style:i,children:r}),e[2]=i,e[3]=t,e[4]=r,e[5]=s):s=e[5],s}if(c.isValidElement(r)){let t;return e[6]!==n||e[7]!==i||e[8]!==r?(t=o.jsxRuntimeExports.jsx("div",{className:n,style:i,children:r}),e[6]=n,e[7]=i,e[8]=r,e[9]=t):t=e[9],t}return console.error("GraphDescription: Invalid text type. Expected string or React element."),null}exports.GraphDescription=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-6v2a2njQ.cjs"),a=require("./Typography-sa1UE0oF.cjs"),c=require("react");function p(l){const e=o.compilerRuntimeExports.c(10),{text:r,style:i,className:n}=l;if(typeof r=="string"){if(r.trim()==="")return null;let t;e[0]!==n?(t=o.mo("text-primary-gray-550 dark:text-primary-gray-400",n),e[0]=n,e[1]=t):t=e[1];let s;return e[2]!==i||e[3]!==t||e[4]!==r?(s=o.jsxRuntimeExports.jsx(a.j,{size:"sm",marginBottom:"none",className:t,"aria-label":"Graph description",style:i,children:r}),e[2]=i,e[3]=t,e[4]=r,e[5]=s):s=e[5],s}if(c.isValidElement(r)){let t;return e[6]!==n||e[7]!==i||e[8]!==r?(t=o.jsxRuntimeExports.jsx("div",{className:n,style:i,children:r}),e[6]=n,e[7]=i,e[8]=r,e[9]=t):t=e[9],t}return console.error("GraphDescription: Invalid text type. Expected string or React element."),null}exports.GraphDescription=p;
 //# sourceMappingURL=GraphDescription.cjs.map

package/dist/GraphDescription.js

@@ -1,5 +1,5 @@
-import { c as a, m, j as l } from "./index-CHPV5EwG-Curnpaqc.js";
-import { j as p } from "./Typography-PxtFcnJb.js";
+import { c as a, m, j as l } from "./index-CHPV5EwG-DecW7_qr.js";
+import { j as p } from "./Typography-hWfh3H0J.js";
 import c from "react";
 function d(o) {
   const e = a.c(10), {

package/dist/GraphEl-CBZdcvb7.cjs

@@ -0,0 +1,2 @@
+"use strict";const c=require("./index-CHPV5EwG-6v2a2njQ.cjs"),y=require("./Typography-sa1UE0oF.cjs"),S=require("./ButterflyChart.cjs"),V=require("./index-Dgjq6aZ2.cjs"),N=require("./DataTable.cjs"),H=require("./DonutChart.cjs"),A=require("./HeatMap.cjs"),v=require("./Histogram.cjs"),B=require("./DualAxisLineChart.cjs"),P=require("./SimpleLineChart.cjs"),I=require("./MultiLineChart.cjs"),W=require("./MultiLineAltChart.cjs"),j=require("./SparkLine.cjs"),q=require("./BiVariateChoroplethMap.cjs"),z=require("./ChoroplethMap.cjs"),F=require("./DotDensityMap.cjs"),E=require("./ParetoChart.cjs"),R=require("./ScatterPlot.cjs"),X=require("./SlopeChart.cjs"),Y=require("./AreaChart.cjs"),G=require("./StatCardFromData.cjs"),$=require("./TreeMapGraph.cjs"),_=require("./UnitChart.cjs"),U=require("./DifferenceLineChart.cjs"),J=require("./SankeyChart.cjs"),K=require("./LineChartWithConfidenceInterval.cjs"),Q=require("./DataCards.cjs"),x=require("./BarGraph.cjs"),Z=require("./DumbbellChart.cjs"),ee=require("./StripChart.cjs"),ae=require("./BeeSwarmChart.cjs"),te=require("./RadarChart.cjs"),oe=require("./BulletChart.cjs"),ie=require("./HybridMap.cjs"),re=require("./WaterfallChart.cjs"),r=require("./checkIfMultiple-DxnGtm3t.cjs");function le(L){const a=c.compilerRuntimeExports.c(24),{settings:e,graph:s,graphData:t,debugMode:M,graphDataConfiguration:o,readableHeader:i,updateFilters:n}=L;if(M&&(console.log(`Graph: ${s}`),console.log("Transformed data:",t),console.log("Settings:",e)),typeof t=="string"){const d=`flex my-0 mx-auto grow flex-col justify-center ${e?.width?"w-fit":"w-full"}`;let l;a[0]===Symbol.for("react.memo_cache_sentinel")?(l={height:"inherit"},a[0]=l):l=a[0];let h;a[1]!==t?(h=c.jsxRuntimeExports.jsx(y.j,{size:"sm",marginBottom:"none",className:"p-2 text-center text-accent-dark-red dark:text-accent-red",children:t}),a[1]=t,a[2]=h):h=a[2];let b;return a[3]!==d||a[4]!==h?(b=c.jsxRuntimeExports.jsx("div",{className:d,style:l,children:h}),a[3]=d,a[4]=h,a[5]=b):b=a[5],b}let p;a[6]===Symbol.for("react.memo_cache_sentinel")?(p={barChart:x.SimpleBarGraph,bulletChart:oe.BulletChart,groupedBarChart:x.GroupedBarGraph,stackedBarChart:x.StackedBarGraph,lineChart:P.SimpleLineChart,dualAxisLineChart:B.DualAxisLineChart,multiLineChart:I.MultiLineChart,multiLineAltChart:W.MultiLineAltChart,stackedAreaChart:Y.AreaChart,choroplethMap:z.ChoroplethMap,biVariateChoroplethMap:q.BiVariateChoroplethMap,dotDensityMap:F.DotDensityMap,donutChart:H.DonutChart,slopeChart:X.SlopeChart,scatterPlot:R.ScatterPlot,dumbbellChart:Z.DumbbellChart,treeMap:$.TreeMapGraph,circlePacking:V.CirclePackingGraph,heatMap:A.HeatMap,stripChart:ee.StripChart,beeSwarmChart:ae.BeeSwarmChart,butterflyChart:S.ButterflyChart,histogram:v.Histogram,sparkLine:j.SparkLine,paretoChart:E.ParetoChart,dataTable:N.DataTable,statCard:G.StatCardFromData,unitChart:_.UnitChart,differenceLineChart:U.DifferenceLineChart,sankeyChart:J.SankeyChart,lineChartWithConfidenceInterval:K.LineChartWithConfidenceInterval,dataCards:Q.DataCards,radarChart:te.RadarChart,hybridMap:ie.HybridMap,waterfallChart:re.WaterfallChart},a[6]=p):p=a[6];const O=p;let m;a[7]!==t||a[8]!==o||a[9]!==i||a[10]!==e||a[11]!==n?(m=d=>{switch(d){case"barChart":return{timeline:e?.timeline,trackColor:e?.trackColor,customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,dimmedOpacity:e?.dimmedOpacity,orientation:e?.orientation,data:t,colors:e?.colors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,height:e?.height,width:e?.width,suffix:e?.suffix,prefix:e?.prefix,sources:e?.sources,barPadding:e?.barPadding,showValues:e?.showValues,showTicks:e?.showTicks,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,truncateBy:e?.truncateBy,colorDomain:e?.colorDomain,colorLegendTitle:Object.keys(e||{}).indexOf("colorLegendTitle")!==-1?e?.colorLegendTitle:r.getValues("color",o||[],i||[]),backgroundColor:e?.backgroundColor,padding:e?.padding,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,showLabels:e?.showLabels,showColorScale:e?.showColorScale,maxValue:e?.maxValue,minValue:e?.minValue,labelOrder:e?.labelOrder,tooltip:e?.tooltip,refValues:e?.refValues,graphID:e?.graphID,highlightedDataPoints:e?.highlightedDataPoints,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,sortData:e?.sortData,language:e?.language,minHeight:e?.minHeight,showNAColor:e?.showNAColor,maxBarThickness:e?.maxBarThickness,minBarThickness:e?.minBarThickness,maxNumberOfBars:e?.maxNumberOfBars,ariaLabel:e?.ariaLabel,onSeriesMouseClick:l=>{n?.(l.label)},resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,detailsOnClick:e?.detailsOnClick,barAxisTitle:e?.barAxisTitle,noOfTicks:e?.noOfTicks,valueColor:e?.valueColor,styles:e?.styles,classNames:e?.classNames,filterNA:e?.filterNA,animate:e?.animate,naLabel:e?.naLabel};case"waterfallChart":return{customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,dimmedOpacity:e?.dimmedOpacity,data:t,colors:e?.colors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,height:e?.height,width:e?.width,suffix:e?.suffix,prefix:e?.prefix,sources:e?.sources,barPadding:e?.barPadding,showValues:e?.showValues,showTicks:e?.showTicks,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,truncateBy:e?.truncateBy,colorDomain:e?.colorDomain,colorLegendTitle:Object.keys(e||{}).indexOf("colorLegendTitle")!==-1?e?.colorLegendTitle:r.getValues("color",o||[],i||[]),backgroundColor:e?.backgroundColor,padding:e?.padding,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,showLabels:e?.showLabels,showColorScale:e?.showColorScale,maxValue:e?.maxValue,minValue:e?.minValue,labelOrder:e?.labelOrder,tooltip:e?.tooltip,refValues:e?.refValues,graphID:e?.graphID,highlightedDataPoints:e?.highlightedDataPoints,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,minHeight:e?.minHeight,showNAColor:e?.showNAColor,maxBarThickness:e?.maxBarThickness,minBarThickness:e?.minBarThickness,maxNumberOfBars:e?.maxNumberOfBars,ariaLabel:e?.ariaLabel,onSeriesMouseClick:l=>{n?.(l.label)},detailsOnClick:e?.detailsOnClick,barAxisTitle:e?.barAxisTitle,noOfTicks:e?.noOfTicks,styles:e?.styles,classNames:e?.classNames,filterNA:e?.filterNA,animate:e?.animate,naLabel:e?.naLabel};case"groupedBarChart":return{timeline:e?.timeline,customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,orientation:e?.orientation,sortParameter:e?.sortParameter,sortData:e?.sortData,data:t,colors:e?.colors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,showColorScale:e?.showColorScale,sources:e?.sources,barPadding:e?.barPadding,showTicks:e?.showTicks,truncateBy:e?.truncateBy,colorDomain:e?.colorDomain||r.getValues("size",o||[],i||[]),colorLegendTitle:e?.colorLegendTitle,suffix:e?.suffix,prefix:e?.prefix,showValues:e?.showValues,backgroundColor:e?.backgroundColor,padding:e?.padding,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,showLabels:e?.showLabels,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,tooltip:e?.tooltip,refValues:e?.refValues,graphID:e?.graphID,labelOrder:e?.labelOrder,maxValue:e?.maxValue,minValue:e?.minValue,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,minHeight:e?.minHeight,maxBarThickness:e?.maxBarThickness,ariaLabel:e?.ariaLabel,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,detailsOnClick:e?.detailsOnClick,barAxisTitle:e?.barAxisTitle,noOfTicks:e?.noOfTicks,valueColor:e?.valueColor,styles:e?.styles,classNames:e?.classNames,animate:e?.animate,naLabel:e?.naLabel};case"stackedBarChart":return{timeline:e?.timeline,customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,orientation:e?.orientation,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,data:t,colors:e?.colors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,showColorScale:e?.showColorScale,width:e?.width,height:e?.height,sources:e?.sources,barPadding:e?.barPadding,showTicks:e?.showTicks,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,truncateBy:e?.truncateBy,colorDomain:e?.colorDomain||r.getValues("size",o||[],i||[]),colorLegendTitle:e?.colorLegendTitle,backgroundColor:e?.backgroundColor,padding:e?.padding,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,suffix:e?.suffix,prefix:e?.prefix,labelOrder:e?.labelOrder,showValues:e?.showValues,showLabels:e?.showLabels,relativeHeight:e?.relativeHeight,tooltip:e?.tooltip,refValues:e?.refValues,graphID:e?.graphID,maxValue:e?.maxValue,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,minHeight:e?.minHeight,maxBarThickness:e?.maxBarThickness,minBarThickness:e?.minBarThickness,maxNumberOfBars:e?.maxNumberOfBars,sortParameter:e?.sortParameter,sortData:e?.sortData,ariaLabel:e?.ariaLabel,detailsOnClick:e?.detailsOnClick,barAxisTitle:e?.barAxisTitle,noOfTicks:e?.noOfTicks,valueColor:e?.valueColor,styles:e?.styles,classNames:e?.classNames,animate:e?.animate,naLabel:e?.naLabel};case"bulletChart":return{timeline:e?.timeline,customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,dimmedOpacity:e?.dimmedOpacity,orientation:e?.orientation,data:t,barColor:e?.colors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,height:e?.height,width:e?.width,suffix:e?.suffix,prefix:e?.prefix,sources:e?.sources,barPadding:e?.barPadding,showValues:e?.showValues,showTicks:e?.showTicks,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,truncateBy:e?.truncateBy,colorDomain:e?.colorDomain,colorLegendTitle:Object.keys(e||{}).indexOf("colorLegendTitle")!==-1?e?.colorLegendTitle:r.getValues("color",o||[],i||[]),backgroundColor:e?.backgroundColor,padding:e?.padding,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,showLabels:e?.showLabels,showColorScale:e?.showColorScale,maxValue:e?.maxValue,minValue:e?.minValue,labelOrder:e?.labelOrder,tooltip:e?.tooltip,refValues:e?.refValues,graphID:e?.graphID,highlightedDataPoints:e?.highlightedDataPoints,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,sortData:e?.sortData,language:e?.language,minHeight:e?.minHeight,showNAColor:e?.showNAColor,maxBarThickness:e?.maxBarThickness,minBarThickness:e?.minBarThickness,maxNumberOfBars:e?.maxNumberOfBars,ariaLabel:e?.ariaLabel,onSeriesMouseClick:l=>{n?.(l.label)},resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,detailsOnClick:e?.detailsOnClick,barAxisTitle:e?.barAxisTitle,noOfTicks:e?.noOfTicks,valueColor:e?.valueColor,styles:e?.styles,classNames:e?.classNames,filterNA:e?.filterNA,qualitativeRangeColors:e?.qualitativeRangeColors,targetStyle:e?.targetStyle,targetColor:e?.targetColor,measureBarWidthFactor:e?.measureBarWidthFactor,animate:e?.animate,naLabel:e?.naLabel};case"lineChart":return{customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,curveType:e?.curveType,data:t,graphID:e?.graphID,lineColor:e?.lineColor,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,suffix:e?.suffix,prefix:e?.prefix,sources:e?.sources,noOfXTicks:e?.noOfXTicks,dateFormat:e?.dateFormat,showValues:e?.showValues,backgroundColor:e?.backgroundColor,padding:e?.padding,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,tooltip:e?.tooltip,refValues:e?.refValues,highlightAreaSettings:e?.highlightAreaSettings,maxValue:e?.maxValue,minValue:e?.minValue,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,minHeight:e?.minHeight,animate:e?.animate,strokeWidth:e?.strokeWidth,showDots:e?.showDots,customHighlightAreaSettings:e?.customHighlightAreaSettings,annotations:e?.annotations,regressionLine:e?.regressionLine,ariaLabel:e?.ariaLabel,yAxisTitle:e?.yAxisTitle,noOfYTicks:e?.noOfYTicks,minDate:e?.minDate,maxDate:e?.maxDate,styles:e?.styles,classNames:e?.classNames};case"lineChartWithConfidenceInterval":return{customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,data:t,curveType:e?.curveType,graphID:e?.graphID,lineColor:e?.lineColor,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,suffix:e?.suffix,prefix:e?.prefix,sources:e?.sources,noOfXTicks:e?.noOfXTicks,dateFormat:e?.dateFormat,showValues:e?.showValues,backgroundColor:e?.backgroundColor,padding:e?.padding,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,tooltip:e?.tooltip,refValues:e?.refValues,highlightAreaSettings:e?.highlightAreaSettings,maxValue:e?.maxValue,minValue:e?.minValue,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,minHeight:e?.minHeight,animate:e?.animate,strokeWidth:e?.strokeWidth,showDots:e?.showDots,customHighlightAreaSettings:e?.customHighlightAreaSettings,annotations:e?.annotations,regressionLine:e?.regressionLine,ariaLabel:e?.ariaLabel,showIntervalDots:e?.showIntervalDots,showIntervalValues:e?.showIntervalValues,intervalLineStrokeWidth:e?.intervalLineStrokeWidth,intervalLineColors:e?.intervalLineColors,intervalAreaColor:e?.intervalAreaColor,intervalAreaOpacity:e?.intervalAreaOpacity,yAxisTitle:e?.yAxisTitle,noOfYTicks:e?.noOfYTicks,minDate:e?.minDate,maxDate:e?.maxDate,colorLegendTitle:e?.colorLegendTitle,colorLegendColors:e?.colorLegendColors,colorLegendDomain:e?.colorLegendDomain,styles:e?.styles,classNames:e?.classNames};case"dualAxisLineChart":return{showAxisLabels:e?.showAxisLabels,showColorScale:e?.showColorScale,customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,data:t,curveType:e?.curveType,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,labels:e?.labels||[r.getValues("y1",o||[],i||[]),r.getValues("y2",o||[],i||[])],footNote:e?.footNote,width:e?.width,height:e?.height,suffix:e?.suffix,prefix:e?.prefix,sources:e?.sources,noOfXTicks:e?.noOfXTicks,dateFormat:e?.dateFormat,showValues:e?.showValues,backgroundColor:e?.backgroundColor,padding:e?.padding,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,lineColors:e?.lineColors,sameAxes:e?.sameAxes,relativeHeight:e?.relativeHeight,tooltip:e?.tooltip,highlightAreaSettings:e?.highlightAreaSettings,graphID:e?.graphID,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,minHeight:e?.minHeight,animate:e?.animate,strokeWidth:e?.strokeWidth,showDots:e?.showDots,colorLegendTitle:e?.colorLegendTitle,ariaLabel:e?.ariaLabel,noOfYTicks:e?.noOfYTicks,minDate:e?.minDate,maxDate:e?.maxDate,lineSuffixes:e?.lineSuffixes,linePrefixes:e?.linePrefixes,styles:e?.styles,classNames:e?.classNames};case"multiLineChart":return{customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,dimmedOpacity:e?.dimmedOpacity,data:t,curveType:e?.curveType,lineColors:e?.lineColors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,noOfXTicks:e?.noOfXTicks,dateFormat:e?.dateFormat,suffix:e?.suffix,prefix:e?.prefix,showColorScale:e?.showColorScale,labels:e?.labels||r.getValues("y",o||[],i||[]),backgroundColor:e?.backgroundColor,padding:e?.padding,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,showValues:e?.showValues,relativeHeight:e?.relativeHeight,showColorLegendAtTop:e?.showColorLegendAtTop,tooltip:e?.tooltip,refValues:e?.refValues,highlightAreaSettings:e?.highlightAreaSettings,graphID:e?.graphID,maxValue:e?.maxValue,minValue:e?.minValue,highlightedLines:e?.highlightedLines,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,minHeight:e?.minHeight,animate:e?.animate,strokeWidth:e?.strokeWidth,showDots:e?.showDots,colorLegendTitle:e?.colorLegendTitle,customHighlightAreaSettings:e?.customHighlightAreaSettings,annotations:e?.annotations,ariaLabel:e?.ariaLabel,yAxisTitle:e?.yAxisTitle,noOfYTicks:e?.noOfYTicks,minDate:e?.minDate,maxDate:e?.maxDate,styles:e?.styles,classNames:e?.classNames,dashedLines:e?.dashedLines,dashSettings:e?.dashSettings,labelsToBeHidden:e?.labelsToBeHidden};case"multiLineAltChart":return{naLabel:e?.naLabel,customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,data:t,dimmedOpacity:e?.dimmedOpacity,curveType:e?.curveType,colors:e?.colors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,noOfXTicks:e?.noOfXTicks,dateFormat:e?.dateFormat,suffix:e?.suffix,prefix:e?.prefix,backgroundColor:e?.backgroundColor,padding:e?.padding,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,tooltip:e?.tooltip,refValues:e?.refValues,showLabels:e?.showLabels,highlightAreaSettings:e?.highlightAreaSettings,graphID:e?.graphID,maxValue:e?.maxValue,minValue:e?.minValue,highlightedLines:e?.highlightedLines,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,minHeight:e?.minHeight,animate:e?.animate,strokeWidth:e?.strokeWidth,showDots:e?.showDots,colorLegendTitle:e?.colorLegendTitle,customHighlightAreaSettings:e?.customHighlightAreaSettings,annotations:e?.annotations,ariaLabel:e?.ariaLabel,yAxisTitle:e?.yAxisTitle,noOfYTicks:e?.noOfYTicks,minDate:e?.minDate,maxDate:e?.maxDate,styles:e?.styles,classNames:e?.classNames,colorDomain:e?.colorDomain,showNAColor:e?.showNAColor};case"differenceLineChart":return{customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,data:t,curveType:e?.curveType,lineColors:e?.lineColors,diffAreaColors:e?.diffAreaColors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,noOfXTicks:e?.noOfXTicks,dateFormat:e?.dateFormat,suffix:e?.suffix,prefix:e?.prefix,labels:e?.labels||[r.getValues("y1",o||[],i||[]),r.getValues("y2",o||[],i||[])],backgroundColor:e?.backgroundColor,padding:e?.padding,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,showValues:e?.showValues,relativeHeight:e?.relativeHeight,showColorLegendAtTop:e?.showColorLegendAtTop,tooltip:e?.tooltip,refValues:e?.refValues,highlightAreaSettings:e?.highlightAreaSettings,graphID:e?.graphID,maxValue:e?.maxValue,minValue:e?.minValue,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,minHeight:e?.minHeight,animate:e?.animate,strokeWidth:e?.strokeWidth,showDots:e?.showDots,colorLegendTitle:e?.colorLegendTitle,customHighlightAreaSettings:e?.customHighlightAreaSettings,annotations:e?.annotations,ariaLabel:e?.ariaLabel,yAxisTitle:e?.yAxisTitle,noOfYTicks:e?.noOfYTicks,minDate:e?.minDate,maxDate:e?.maxDate,styles:e?.styles,classNames:e?.classNames};case"stackedAreaChart":return{customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,data:t,curveType:e?.curveType,colors:e?.colors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,noOfXTicks:e?.noOfXTicks,dateFormat:e?.dateFormat,colorDomain:e?.colorDomain||r.getValues("y",o||[],i||[]),backgroundColor:e?.backgroundColor,padding:e?.padding,colorLegendTitle:e?.colorLegendTitle,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,relativeHeight:e?.relativeHeight,bottomMargin:e?.bottomMargin,tooltip:e?.tooltip,refValues:e?.refValues,highlightAreaSettings:e?.highlightAreaSettings,graphID:e?.graphID,maxValue:e?.maxValue,minValue:e?.minValue,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,showColorScale:e?.showColorScale,language:e?.language,minHeight:e?.minHeight,customHighlightAreaSettings:e?.customHighlightAreaSettings,annotations:e?.annotations,ariaLabel:e?.ariaLabel,yAxisTitle:e?.yAxisTitle,noOfYTicks:e?.noOfYTicks,suffix:e?.suffix,prefix:e?.prefix,styles:e?.styles,classNames:e?.classNames};case"choroplethMap":return{timeline:e?.timeline,customLayers:e?.customLayers,theme:e?.theme,dimmedOpacity:e?.dimmedOpacity,collapseColorScaleByDefault:e?.collapseColorScaleByDefault,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,graphTitle:e?.graphTitle,mapData:e?.mapData,mapProjection:e?.mapProjection,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,colorDomain:e?.colorDomain,colors:e?.colors,colorLegendTitle:Object.keys(e||{}).indexOf("colorLegendTitle")!==-1?e?.colorLegendTitle:r.getValues("x",o||[],i||[]),scaleType:e?.scaleType,data:t,scale:e?.scale,centerPoint:e?.centerPoint,backgroundColor:e?.backgroundColor,mapBorderWidth:e?.mapBorderWidth,mapNoDataColor:e?.mapNoDataColor,mapBorderColor:e?.mapBorderColor,relativeHeight:e?.relativeHeight,padding:e?.padding,isWorldMap:e?.isWorldMap,tooltip:e?.tooltip,showColorScale:e?.showColorScale,zoomScaleExtend:e?.zoomScaleExtend,zoomTranslateExtend:e?.zoomTranslateExtend,graphID:e?.graphID,highlightedIds:e?.highlightedIds,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,mapProperty:e?.mapProperty,showAntarctica:e?.showAntarctica,language:e?.language,minHeight:e?.minHeight,ariaLabel:e?.ariaLabel,onSeriesMouseClick:l=>{n?.(l.id)},detailsOnClick:e?.detailsOnClick,styles:e?.styles,classNames:e?.classNames,zoomInteraction:e?.zoomInteraction,animate:e?.animate};case"biVariateChoroplethMap":return{timeline:e?.timeline,customLayers:e?.customLayers,theme:e?.theme,dimmedOpacity:e?.dimmedOpacity,collapseColorScaleByDefault:e?.collapseColorScaleByDefault,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,data:t,mapData:e?.mapData,mapProjection:e?.mapProjection,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,xColorLegendTitle:Object.keys(e||{}).indexOf("xColorLegendTitle")!==-1?e?.xColorLegendTitle:r.getValues("x",o||[],i||[]),yColorLegendTitle:Object.keys(e||{}).indexOf("yColorLegendTitle")!==-1?e?.yColorLegendTitle:r.getValues("y",o||[],i||[]),xDomain:e?.xDomain,yDomain:e?.yDomain,colors:e?.colors,scale:e?.scale,centerPoint:e?.centerPoint,backgroundColor:e?.backgroundColor,mapBorderWidth:e?.mapBorderWidth,mapNoDataColor:e?.mapNoDataColor,padding:e?.padding,mapBorderColor:e?.mapBorderColor,relativeHeight:e?.relativeHeight,tooltip:e?.tooltip,isWorldMap:e?.isWorldMap,zoomScaleExtend:e?.zoomScaleExtend,zoomTranslateExtend:e?.zoomTranslateExtend,graphID:e?.graphID,highlightedIds:e?.highlightedIds,mapProperty:e?.mapProperty,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,showAntarctica:e?.showAntarctica,language:e?.language,minHeight:e?.minHeight,ariaLabel:e?.ariaLabel,onSeriesMouseClick:l=>{n?.(l.id)},detailsOnClick:e?.detailsOnClick,styles:e?.styles,classNames:e?.classNames,zoomInteraction:e?.zoomInteraction,animate:e?.animate};case"dotDensityMap":return{timeline:e?.timeline,customLayers:e?.customLayers,theme:e?.theme,dimmedOpacity:e?.dimmedOpacity,collapseColorScaleByDefault:e?.collapseColorScaleByDefault,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,graphTitle:e?.graphTitle,mapData:e?.mapData,mapProjection:e?.mapProjection,graphDescription:e?.graphDescription,footNote:e?.footNote,maxRadiusValue:e?.maxRadiusValue,width:e?.width,height:e?.height,radius:e?.radius,sources:e?.sources,colors:e?.colors,colorDomain:e?.colorDomain,colorLegendTitle:Object.keys(e||{}).indexOf("colorLegendTitle")!==-1?e?.colorLegendTitle:r.getValues("color",o||[],i||[]),data:t,scale:e?.scale,centerPoint:e?.centerPoint,backgroundColor:e?.backgroundColor,mapBorderWidth:e?.mapBorderWidth,mapNoDataColor:e?.mapNoDataColor,mapBorderColor:e?.mapBorderColor,padding:e?.padding,showLabels:e?.showLabels,relativeHeight:e?.relativeHeight,isWorldMap:e?.isWorldMap,tooltip:e?.tooltip,showColorScale:e?.showColorScale,zoomScaleExtend:e?.zoomScaleExtend,zoomTranslateExtend:e?.zoomTranslateExtend,graphID:e?.graphID,highlightedDataPoints:e?.highlightedDataPoints,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,showAntarctica:e?.showAntarctica,language:e?.language,minHeight:e?.minHeight,ariaLabel:e?.ariaLabel,detailsOnClick:e?.detailsOnClick,styles:e?.styles,classNames:e?.classNames,zoomInteraction:e?.zoomInteraction,animate:e?.animate};case"hybridMap":return{timeline:e?.timeline,customLayers:e?.customLayers,theme:e?.theme,dimmedOpacity:e?.dimmedOpacity,collapseColorScaleByDefault:e?.collapseColorScaleByDefault,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,graphTitle:e?.graphTitle,mapData:e?.mapData,mapProjection:e?.mapProjection,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,colorDomain:e?.colorDomain,colors:e?.colors,mapColorLegendTitle:Object.keys(e||{}).indexOf("mapColorLegendTitle")!==-1?e?.mapColorLegendTitle:r.getValues("x",o||[],i||[]),choroplethScaleType:e?.choroplethScaleType,data:t,scale:e?.scale,centerPoint:e?.centerPoint,backgroundColor:e?.backgroundColor,mapBorderWidth:e?.mapBorderWidth,mapNoDataColor:e?.mapNoDataColor,mapBorderColor:e?.mapBorderColor,relativeHeight:e?.relativeHeight,padding:e?.padding,isWorldMap:e?.isWorldMap,tooltip:e?.tooltip,showColorScale:e?.showColorScale,zoomScaleExtend:e?.zoomScaleExtend,zoomTranslateExtend:e?.zoomTranslateExtend,graphID:e?.graphID,highlightedIds:e?.highlightedIds,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,mapProperty:e?.mapProperty,showAntarctica:e?.showAntarctica,language:e?.language,minHeight:e?.minHeight,ariaLabel:e?.ariaLabel,onSeriesMouseClick:l=>{n?.(l.id)},detailsOnClick:e?.detailsOnClick,styles:e?.styles,classNames:e?.classNames,zoomInteraction:e?.zoomInteraction,animate:e?.animate,maxRadiusValue:e?.maxRadiusValue,radius:e?.radius,showLabels:e?.showLabels,highlightedDataPoints:e?.highlightedDataPoints,dotLegendTitle:e?.dotLegendTitle,dotColor:e?.dotColor,dotBorderColor:e?.dotBorderColor,labelColor:e?.labelColor};case"donutChart":return{trackColor:e?.trackColor,precision:e?.precision,theme:e?.theme,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,mainText:e?.mainText,data:t,colors:e?.colors,graphTitle:e?.graphTitle,suffix:e?.suffix,prefix:e?.prefix,sources:e?.sources,graphDescription:e?.graphDescription,subNote:e?.subNote,footNote:e?.footNote,radius:e?.radius,strokeWidth:e?.strokeWidth,showColorScale:e?.showColorScale,backgroundColor:e?.backgroundColor,padding:e?.padding,tooltip:e?.tooltip,graphID:e?.graphID,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,colorDomain:e?.colorDomain,sortData:e?.sortData,language:e?.language,width:e?.width,height:e?.height,minHeight:e?.minHeight,relativeHeight:e?.relativeHeight,ariaLabel:e?.ariaLabel,legendMaxWidth:e?.legendMaxWidth,onSeriesMouseClick:l=>{n?.(l.label)},detailsOnClick:e?.detailsOnClick,styles:e?.styles,classNames:e?.classNames,colorScaleMaxWidth:e?.colorScaleMaxWidth,animate:e?.animate};case"slopeChart":return{customLayers:e?.customLayers,theme:e?.theme,dimmedOpacity:e?.dimmedOpacity,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,data:t,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,showLabels:e?.showLabels,colors:e?.colors,colorDomain:e?.colorDomain,colorLegendTitle:Object.keys(e||{}).indexOf("colorLegendTitle")!==-1?e?.colorLegendTitle:r.getValues("color",o||[],i||[]),radius:e?.radius,axisTitles:e?.axisTitles,backgroundColor:e?.backgroundColor,padding:e?.padding,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,tooltip:e?.tooltip,highlightedDataPoints:e?.highlightedDataPoints,showColorScale:e?.showColorScale,graphID:e?.graphID,maxValue:e?.maxValue,minValue:e?.minValue,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,fillContainer:e?.fillContainer,language:e?.language,minHeight:e?.minHeight,ariaLabel:e?.ariaLabel,detailsOnClick:e?.detailsOnClick,styles:e?.styles,classNames:e?.classNames,animate:e?.animate};case"scatterPlot":return{timeline:e?.timeline,customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,dimmedOpacity:e?.dimmedOpacity,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,data:t,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,showLabels:e?.showLabels,colors:e?.colors,colorDomain:e?.colorDomain,colorLegendTitle:Object.keys(e||{}).indexOf("colorLegendTitle")!==-1?e?.colorLegendTitle:r.getValues("color",o||[],i||[]),radius:e?.radius,xAxisTitle:Object.keys(e||{}).indexOf("xAxisTitle")!==-1?e?.xAxisTitle:r.getValues("x",o||[],i||[]),yAxisTitle:Object.keys(e||{}).indexOf("yAxisTitle")!==-1?e?.yAxisTitle:r.getValues("y",o||[],i||[]),backgroundColor:e?.backgroundColor,padding:e?.padding,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,tooltip:e?.tooltip,refXValues:e?.refXValues,refYValues:e?.refYValues,highlightedDataPoints:e?.highlightedDataPoints,highlightAreaSettings:e?.highlightAreaSettings,showColorScale:e?.showColorScale,graphID:e?.graphID,maxRadiusValue:e?.maxRadiusValue,maxXValue:e?.maxXValue,minXValue:e?.minXValue,maxYValue:e?.maxYValue,minYValue:e?.minYValue,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,minHeight:e?.minHeight,showNAColor:e?.showNAColor,customHighlightAreaSettings:e?.customHighlightAreaSettings,annotations:e?.annotations,regressionLine:e?.regressionLine,ariaLabel:e?.ariaLabel,detailsOnClick:e?.detailsOnClick,noOfXTicks:e?.noOfXTicks,noOfYTicks:e?.noOfYTicks,labelColor:e?.labelColor,xSuffix:e?.xSuffix,ySuffix:e?.ySuffix,xPrefix:e?.xPrefix,yPrefix:e?.yPrefix,styles:e?.styles,classNames:e?.classNames,animate:e?.animate};case"dumbbellChart":return{timeline:e?.timeline,customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,orientation:e?.orientation,refValues:e?.refValues,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,data:t,colors:e?.colors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,barPadding:e?.barPadding,showTicks:e?.showTicks,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,truncateBy:e?.truncateBy,labelOrder:e?.labelOrder,showColorScale:e?.showColorScale,colorDomain:e?.colorDomain||r.getValues("x",o||[],i||[]),colorLegendTitle:e?.colorLegendTitle,backgroundColor:e?.backgroundColor,padding:e?.padding,radius:e?.radius,relativeHeight:e?.relativeHeight,showValues:e?.showValues,showLabels:e?.showLabels,tooltip:e?.tooltip,graphID:e?.graphID,maxValue:e?.maxValue,minValue:e?.minValue,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,suffix:e?.suffix,prefix:e?.prefix,language:e?.language,minHeight:e?.minHeight,sortParameter:e?.sortParameter,sortData:e?.sortData,arrowConnector:e?.arrowConnector,connectorStrokeWidth:e?.connectorStrokeWidth,maxBarThickness:e?.maxBarThickness,minBarThickness:e?.minBarThickness,maxNumberOfBars:e?.maxNumberOfBars,ariaLabel:e?.ariaLabel,detailsOnClick:e?.detailsOnClick,axisTitle:e?.axisTitle,noOfTicks:e?.noOfTicks,valueColor:e?.valueColor,styles:e?.styles,classNames:e?.classNames,animate:e?.animate,highlightedDataPoints:e?.highlightedDataPoints,dimmedOpacity:e?.dimmedOpacity};case"treeMap":return{precision:e?.precision,theme:e?.theme,dimmedOpacity:e?.dimmedOpacity,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,data:t,colors:e?.colors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,suffix:e?.suffix,prefix:e?.prefix,sources:e?.sources,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,colorDomain:e?.colorDomain,colorLegendTitle:Object.keys(e||{}).indexOf("colorLegendTitle")!==-1?e?.colorLegendTitle:r.getValues("color",o||[],i||[]),backgroundColor:e?.backgroundColor,padding:e?.padding,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,showLabels:e?.showLabels,tooltip:e?.tooltip,showColorScale:e?.showColorScale,showValues:e?.showValues,graphID:e?.graphID,highlightedDataPoints:e?.highlightedDataPoints,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,minHeight:e?.minHeight,showNAColor:e?.showNAColor,ariaLabel:e?.ariaLabel,onSeriesMouseClick:l=>{n?.(l.label)},detailsOnClick:e?.detailsOnClick,styles:e?.styles,classNames:e?.classNames,animate:e?.animate};case"circlePacking":return{precision:e?.precision,theme:e?.theme,dimmedOpacity:e?.dimmedOpacity,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,data:t,colors:e?.colors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,suffix:e?.suffix,prefix:e?.prefix,sources:e?.sources,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,colorDomain:e?.colorDomain,colorLegendTitle:Object.keys(e||{}).indexOf("colorLegendTitle")!==-1?e?.colorLegendTitle:r.getValues("color",o||[],i||[]),backgroundColor:e?.backgroundColor,padding:e?.padding,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,showLabels:e?.showLabels,tooltip:e?.tooltip,showColorScale:e?.showColorScale,showValues:e?.showValues,graphID:e?.graphID,highlightedDataPoints:e?.highlightedDataPoints,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,minHeight:e?.minHeight,showNAColor:e?.showNAColor,ariaLabel:e?.ariaLabel,radius:e?.radius,maxRadiusValue:e?.maxRadiusValue,onSeriesMouseClick:l=>{n?.(l.label)},detailsOnClick:e?.detailsOnClick,styles:e?.styles,classNames:e?.classNames,animate:e?.animate};case"heatMap":return{precision:e?.precision,theme:e?.theme,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,data:t,colors:e?.colors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,scaleType:e?.scaleType,colorDomain:e?.colorDomain,showColumnLabels:e?.showColumnLabels,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,truncateBy:e?.truncateBy,colorLegendTitle:Object.keys(e||{}).indexOf("colorLegendTitle")!==-1?e?.colorLegendTitle:r.getValues("color",o||[],i||[]),backgroundColor:e?.backgroundColor,padding:e?.padding,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,suffix:e?.suffix,prefix:e?.prefix,showValues:e?.showValues,showRowLabels:e?.showRowLabels,relativeHeight:e?.relativeHeight,tooltip:e?.tooltip,graphID:e?.graphID,noDataColor:e?.noDataColor,showColorScale:e?.showColorScale,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,fillContainer:e?.fillContainer,language:e?.language,minHeight:e?.minHeight,showNAColor:e?.showNAColor,ariaLabel:e?.ariaLabel,detailsOnClick:e?.detailsOnClick,styles:e?.styles,classNames:e?.classNames,animate:e?.animate};case"stripChart":return{customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,dimmedOpacity:e?.dimmedOpacity,orientation:e?.orientation,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,data:t,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,colors:e?.colors,colorDomain:e?.colorDomain,colorLegendTitle:Object.keys(e||{}).indexOf("colorLegendTitle")!==-1?e?.colorLegendTitle:r.getValues("color",o||[],i||[]),radius:e?.radius,backgroundColor:e?.backgroundColor,padding:e?.padding,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,tooltip:e?.tooltip,highlightedDataPoints:e?.highlightedDataPoints,showColorScale:e?.showColorScale,graphID:e?.graphID,maxValue:e?.maxValue,minValue:e?.minValue,noOfTicks:e?.noOfTicks,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,prefix:e?.prefix,suffix:e?.suffix,stripType:e?.stripType,valueColor:e?.valueColor,language:e?.language,minHeight:e?.minHeight,highlightColor:e?.highlightColor,dotOpacity:e?.dotOpacity,showNAColor:e?.showNAColor,ariaLabel:e?.ariaLabel,detailsOnClick:e?.detailsOnClick,styles:e?.styles,classNames:e?.classNames,animate:e?.animate};case"beeSwarmChart":return{customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,dimmedOpacity:e?.dimmedOpacity,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,data:t,colors:e?.colors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,showTicks:e?.showTicks,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,colorDomain:e?.colorDomain,colorLegendTitle:Object.keys(e||{}).indexOf("colorLegendTitle")!==-1?e?.colorLegendTitle:r.getValues("color",o||[],i||[]),backgroundColor:e?.backgroundColor,padding:e?.padding,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,showLabels:e?.showLabels,showColorScale:e?.showColorScale,tooltip:e?.tooltip,refValues:e?.refValues,graphID:e?.graphID,radius:e?.radius,maxRadiusValue:e?.maxRadiusValue,maxValue:e?.maxValue,minValue:e?.minValue,highlightedDataPoints:e?.highlightedDataPoints,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,minHeight:e?.minHeight,showNAColor:e?.showNAColor,ariaLabel:e?.ariaLabel,detailsOnClick:e?.detailsOnClick,orientation:e?.orientation,styles:e?.styles,classNames:e?.classNames,animate:e?.animate};case"butterflyChart":return{naLabel:e?.naLabel,timeline:e?.timeline,customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,data:t,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,leftBarTitle:Object.keys(e||{}).indexOf("leftBarTitle")!==-1?e?.leftBarTitle:r.getValues("leftBar",o||[],i||[]),rightBarTitle:Object.keys(e||{}).indexOf("rightBarTitle")!==-1?e?.rightBarTitle:r.getValues("rightBar",o||[],i||[]),footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,backgroundColor:e?.backgroundColor,padding:e?.padding,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,barColors:e?.barColors,relativeHeight:e?.relativeHeight,tooltip:e?.tooltip,graphID:e?.graphID,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,barPadding:e?.barPadding,truncateBy:e?.truncateBy,suffix:e?.suffix,prefix:e?.prefix,showTicks:e?.showTicks,showValues:e?.showValues,centerGap:e?.centerGap,maxValue:e?.maxValue,minValue:e?.minValue,showColorScale:e?.showColorScale,refValues:e?.refValues,language:e?.language,minHeight:e?.minHeight,ariaLabel:e?.ariaLabel,detailsOnClick:e?.detailsOnClick,styles:e?.styles,classNames:e?.classNames,animate:e?.animate};case"histogram":return{precision:e?.precision,theme:e?.theme,data:t,colors:e?.colors,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,barPadding:e?.barPadding,showValues:e?.showValues,showTicks:e?.showTicks,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,backgroundColor:e?.backgroundColor,padding:e?.padding,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,showLabels:e?.showLabels,maxValue:e?.maxValue,tooltip:e?.tooltip,refValues:e?.refValues,graphID:e?.graphID,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,numberOfBins:e?.numberOfBins,truncateBy:e?.truncateBy,donutStrokeWidth:e?.donutStrokeWidth,sortData:e?.sortData,barGraphLayout:e?.barGraphLayout,graphType:e?.graphType,language:e?.language,minHeight:e?.minHeight,maxBarThickness:e?.maxBarThickness,ariaLabel:e?.ariaLabel,detailsOnClick:e?.detailsOnClick,styles:e?.styles,classNames:e?.classNames};case"sparkLine":return{customLayers:e?.customLayers,theme:e?.theme,data:t,curveType:e?.curveType,lineColor:e?.lineColor,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,dateFormat:e?.dateFormat,area:e?.area,backgroundColor:e?.backgroundColor,padding:e?.padding,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,relativeHeight:e?.relativeHeight,tooltip:e?.tooltip,graphID:e?.graphID,maxValue:e?.maxValue,minValue:e?.minValue,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,minHeight:e?.minHeight,ariaLabel:e?.ariaLabel,styles:e?.styles,classNames:e?.classNames};case"paretoChart":return{showAxisLabels:e?.showAxisLabels,showColorScale:e?.showColorScale,naLabel:e?.naLabel,customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,data:t,showValues:e?.showValues,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,barTitle:Object.keys(e||{}).indexOf("barTitle")!==-1?e?.barTitle:r.getValues("barTitle",o||[],i||[]),lineTitle:Object.keys(e||{}).indexOf("lineTitle")!==-1?e?.lineTitle:r.getValues("lineTitle",o||[],i||[]),footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,backgroundColor:e?.backgroundColor,padding:e?.padding,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,barColor:e?.barColor,curveType:e?.curveType,lineColor:e?.lineColor,sameAxes:e?.sameAxes,relativeHeight:e?.relativeHeight,tooltip:e?.tooltip,graphID:e?.graphID,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,barPadding:e?.barPadding,truncateBy:e?.truncateBy,showLabels:e?.showLabels,language:e?.language,minHeight:e?.minHeight,ariaLabel:e?.ariaLabel,detailsOnClick:e?.detailsOnClick,noOfTicks:e?.noOfTicks,lineSuffix:e?.lineSuffix,barSuffix:e?.barSuffix,linePrefix:e?.lineSuffix,barPrefix:e?.barPrefix,barAxisTitle:e?.barAxisTitle,lineAxisTitle:e?.lineAxisTitle,styles:e?.styles,classNames:e?.classNames,animate:e?.animate};case"dataTable":return{naLabel:e?.naLabel,precision:e?.precision,theme:e?.theme,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,graphTitle:e?.graphTitle,sources:e?.sources,graphDescription:e?.graphDescription,footNote:e?.footNote,graphID:e?.graphID,width:e?.width,height:e?.height,columnData:e?.columnData||[],data:t,language:e?.language,ariaLabel:e?.ariaLabel,minWidth:e?.minWidth,backgroundColor:e?.backgroundColor,padding:e?.padding,styles:e?.styles,classNames:e?.classNames};case"statCard":return{precision:e?.precision,theme:e?.theme,year:e?.year,data:t,graphTitle:e?.graphTitle||"",graphDescription:e?.graphDescription,suffix:e?.suffix,prefix:e?.prefix,sources:e?.sources||[],footNote:e?.footNote,backgroundColor:e?.backgroundColor,padding:e?.padding,graphID:e?.graphID,aggregationMethod:e?.aggregationMethod,language:e?.language,minHeight:e?.minHeight,countOnly:e?.countOnly,ariaLabel:e?.ariaLabel,textBackground:e?.textBackground,headingFontSize:e?.headingFontSize,centerAlign:e?.centerAlign,verticalAlign:e?.verticalAlign,styles:e?.styles,classNames:e?.classNames,layout:e?.layout};case"unitChart":return{precision:e?.precision,theme:e?.theme,totalNoOfDots:e?.totalNoOfDots,gridSize:e?.gridSize,unitPadding:e?.unitPadding,size:e?.size,graphTitle:e?.graphTitle,sources:e?.sources,colors:e?.colors,graphDescription:e?.graphDescription,footNote:e?.footNote,backgroundColor:e?.backgroundColor,padding:e?.padding,graphID:e?.graphID,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,language:e?.language,showColorScale:e?.showColorScale,showStrokeForWhiteDots:e?.showStrokeForWhiteDots,note:e?.note,data:t,width:e?.width,height:e?.height,minHeight:e?.minHeight,relativeHeight:e?.relativeHeight,ariaLabel:e?.ariaLabel,styles:e?.styles,classNames:e?.classNames,animate:e?.animate};case"sankeyChart":return{customLayers:e?.customLayers,precision:e?.precision,theme:e?.theme,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,data:t,graphTitle:e?.graphTitle,graphDescription:e?.graphDescription,footNote:e?.footNote,width:e?.width,height:e?.height,sources:e?.sources,showLabels:e?.showLabels,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,truncateBy:e?.truncateBy,padding:e?.padding,backgroundColor:e?.backgroundColor,tooltip:e?.tooltip,suffix:e?.suffix,prefix:e?.prefix,relativeHeight:e?.relativeHeight,showValues:e?.showValues,graphID:e?.graphID,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,fillContainer:e?.fillContainer,language:e?.language,minHeight:e?.minHeight,ariaLabel:e?.ariaLabel,sourceColors:e?.sourceColors,targetColors:e?.targetColors,sourceColorDomain:e?.sourceColorDomain,targetColorDomain:e?.targetColorDomain,nodePadding:e?.nodePadding,nodeWidth:e?.nodeWidth,highlightedSourceDataPoints:e?.highlightedSourceDataPoints,highlightedTargetDataPoints:e?.highlightedTargetDataPoints,defaultLinkOpacity:e?.defaultLinkOpacity,sourceTitle:e?.sourceTitle,targetTitle:e?.targetTitle,sortNodes:e?.sortNodes,detailsOnClick:e?.detailsOnClick,styles:e?.styles,classNames:e?.classNames,animate:e?.animate};case"dataCards":return{theme:e?.theme,graphTitle:e?.graphTitle,sources:e?.sources,graphDescription:e?.graphDescription,footNote:e?.footNote,graphID:e?.graphID,width:e?.width,height:e?.height,columnData:e?.columnData||[],data:t,language:e?.language,ariaLabel:e?.ariaLabel,cardTemplate:e?.cardTemplate,cardBackgroundColor:e?.cardBackgroundColor,cardFilters:e?.cardFilters||[],cardSortingOptions:e?.cardSortingOptions,cardSearchColumns:e?.cardSearchColumns,cardMinWidth:e?.cardMinWidth,backgroundColor:e?.backgroundColor,padding:e?.padding,detailsOnClick:e?.detailsOnClick,allowDataDownloadOnDetail:e?.allowDataDownloadOnDetail,noOfItemsInAPage:e?.noOfItemsInAPage,uiMode:e?.uiMode,styles:e?.styles,classNames:e?.classNames};case"radarChart":return{customLayers:e?.customLayers,precision:e?.precision,graphTitle:e?.graphTitle,dimmedOpacity:e?.dimmedOpacity,graphDescription:e?.graphDescription,footNote:e?.footNote,sources:e?.sources,ariaLabel:e?.ariaLabel,colors:e?.colors,colorDomain:e?.colorDomain,colorLegendTitle:e?.colorLegendTitle,backgroundColor:e?.backgroundColor,styles:e?.styles,classNames:e?.classNames,width:e?.width,height:e?.height,minHeight:e?.minHeight,relativeHeight:e?.relativeHeight,padding:e?.padding,radius:e?.radius,leftMargin:e?.leftMargin,rightMargin:e?.rightMargin,topMargin:e?.topMargin,bottomMargin:e?.bottomMargin,maxValue:e?.maxValue,minValue:e?.minValue,showValues:e?.showValues,showDots:e?.showDots,strokeWidth:e?.strokeWidth,fillShape:e?.fillShape,noOfTicks:e?.noOfTicks,showColorScale:e?.showColorScale,showNAColor:e?.showNAColor,highlightedLines:e?.highlightedLines,axisLabels:e?.axisLabels,curveType:e?.curveType,resetSelectionOnDoubleClick:e?.resetSelectionOnDoubleClick,graphDownload:e?.graphDownload,dataDownload:e?.dataDownload,tooltip:e?.tooltip,detailsOnClick:e?.detailsOnClick,language:e?.language,theme:e?.theme,graphID:e?.graphID,animate:e?.animate};default:return{}}},a[7]=t,a[8]=o,a[9]=i,a[10]=e,a[11]=n,a[12]=m):m=a[12];const w=m,u=O[s];let D;a[13]!==w||a[14]!==s?(D=w(s),a[13]=w,a[14]=s,a[15]=D):D=a[15];const T=D,k=`grow my-0 ${s!=="statCard"?"mx-auto":"mx-0"} flex flex-col w-full ${s!=="unitChart"&&s!=="statCard"?"justify-center":"justify-start"} ${e?.theme||"light"}`;let f;a[16]===Symbol.for("react.memo_cache_sentinel")?(f={minHeight:"inherit"},a[16]=f):f=a[16];let g;a[17]!==u||a[18]!==s||a[19]!==T?(g=u?c.jsxRuntimeExports.jsx(u,{...T}):c.jsxRuntimeExports.jsx(y.j,{size:"sm",marginBottom:"none",className:"p-2 text-center text-accent-dark-red dark:text-accent-red",children:`Invalid chart type: ${s}`}),a[17]=u,a[18]=s,a[19]=T,a[20]=g):g=a[20];let C;return a[21]!==k||a[22]!==g?(C=c.jsxRuntimeExports.jsx("div",{className:k,style:f,children:g}),a[21]=k,a[22]=g,a[23]=C):C=a[23],C}exports.GraphEl=le;
+//# sourceMappingURL=GraphEl-CBZdcvb7.cjs.map