https://sdgtrade.org/app/889.2e7edd5fed131b9ebd89.js

1"use strict";(globalThis.webpackChunksdg_website=globalThis.webpackChunksdg_website||[]).push([[889],{76045(e,t,r){r.r(t),r.d(t,{default:()=>Re});var o=r(96540),a=r(99514),n=r(77049),i=r(74699),s=r(71468),l=r(64980),c=r(80045),p=r(5556),d=r.n(p);function u(e){var t,r,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(r=u(e[t]))&&(o&&(o+=" "),o+=r)}else for(r in e)e[r]&&(o&&(o+=" "),o+=r);return o}const g=function(){for(var e,t,r=0,o="",a=arguments.length;r<a;r++)(e=arguments[r])&&(t=u(e))&&(o&&(o+=" "),o+=t);return o};var m=r(29622),h=r(95427),b=r(78349),f=r(74848),x=r(72933),y=r(61429),v=r(69106),A=r(16051);const j=(0,A.A)("MuiBox",["root"]),k=(0,y.A)(),w=function(e={}){const{themeId:t,defaultTheme:r,defaultClassName:a="MuiBox-root",generateClassName:n}=e,i=(0,m.Ay)("div",{shouldForwardProp:e=>"theme"!==e&&"sx"!==e&&"as"!==e})(h.A);return o.forwardRef(function(e,o){const s=(0,b.A)(r),{className:l,component:c="div",...p}=e;return(0,f.jsx)(i,{as:c,ref:o,className:g(l,n?n(a):a),theme:t&&s[t]||s,...p})})}({themeId:v.A,defaultTheme:k,defaultClassName:j.root,generateClassName:x.A.generate}),O=w;var C=r(28955),B=r(8705),S=r(54533),I=r(46797),D=r(68374),$=r(9594),M=r(96942),P=r(54317),T=r(6022),N=r(53578),R=r(93252),z=r(96982),F=r(91784),W=r(13482),_=r(65411);const q=(0,A.A)("MuiDivider",["root","absolute","fullWidth","inset","middle","flexItem","vertical","withChildren","textAlignRight","textAlignLeft","wrapper","wrapperVertical"]),V=(0,A.A)("MuiListItemIcon",["root","alignItemsFlexStart"]),H=(0,A.A)("MuiListItemText",["root","multiline","dense","inset","primary","secondary"]);var G=r(67036),E=r(38975),L=r(34947);function Y(e){return(0,L.Ay)("MuiMenuItem",e)}const U=(0,A.A)("MuiMenuItem",["root","focusVisible","dense","disabled","divider","gutters","selected"]),X=(0,$.Ay)(N.A,{shouldForwardProp:e=>(0,D.A)(e)||"classes"===e,name:"MuiMenuItem",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.dense&&t.dense,r.divider&&t.divider,!r.disableGutters&&t.gutters]}})((0,M.A)(({theme:e})=>({...e.typography.body1,display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minHeight:48,paddingTop:6,paddingBottom:6,boxSizing:"border-box",whiteSpace:"nowrap","&:hover":{textDecoration:"none",backgroundColor:(e.vars||e).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${U.selected}`]:{backgroundColor:e.alpha((e.vars||e).palette.primary.main,(e.vars||e).palette.action.selectedOpacity),[`&.${U.focusVisible}`]:{backgroundColor:e.alpha((e.vars||e).palette.primary.main,`${(e.vars||e).palette.action.selectedOpacity} + ${(e.vars||e).palette.action.focusOpacity}`)}},[`&.${U.selected}:hover`]:{backgroundColor:e.alpha((e.vars||e).palette.primary.main,`${(e.vars||e).palette.action.selectedOpacity} + ${(e.vars||e).palette.action.hoverOpacity}`),"@media (hover: none)":{backgroundColor:e.alpha((e.vars||e).palette.primary.main,(e.vars||e).palette.action.selectedOpacity)}},[`&.${U.focusVisible}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`&.${U.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity},[`& + .${q.root}`]:{marginTop:e.spacing(1),marginBottom:e.spacing(1)},[`& + .${q.inset}`]:{marginLeft:52},[`& .${H.root}`]:{marginTop:0,marginBottom:0},[`& .${H.inset}`]:{paddingLeft:36},[`& .${V.root}`]:{minWidth:36},variants:[{props:({ownerState:e})=>!e.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:e})=>e.divider,style:{borderBottom:`1px solid ${(e.vars||e).palette.divider}`,backgroundClip:"padding-box"}},{props:({ownerState:e})=>!e.dense,style:{[e.breakpoints.up("sm")]:{minHeight:"auto"}}},{props:({ownerState:e})=>e.dense,style:{minHeight:32,paddingTop:4,paddingBottom:4,...e.typography.body2,[`& .${V.root} svg`]:{fontSize:"1.25rem"}}}]}))),J=o.forwardRef(function(e,t){const r=(0,P.b)({props:e,name:"MuiMenuItem"}),{autoFocus:a=!1,component:n="li",dense:i=!1,divider:s=!1,disableGutters:l=!1,focusVisibleClassName:c,role:p="menuitem",tabIndex:d,className:u,...g}=r,m=(0,E.x)(),h=o.useContext(T.A),b=o.useMemo(()=>({dense:i||h.dense||!1,disableGutters:l}),[h.dense,i,l]),x=(0,G.W)(),y=(0,W.A)(),v=x.suppressInitialFocusVisible,A=x.itemsFocusableWhenDisabled,j=o.useRef(null);(0,R.A)(()=>{a&&j.current&&(0,z.A)(j.current,m)},[a]);const k={...r,dense:b.dense,divider:s,disableGutters:l},w=(e=>{const{disabled:t,dense:r,divider:o,disableGutters:a,selected:n,classes:i}=e,s={root:["root",r&&"dense",t&&"disabled",!a&&"gutters",o&&"divider",n&&"selected"]},l=(0,I.A)(s,Y,i);return{...i,...l}})(r),{root:O,...C}=w,B=(0,_.bE)({id:y,ref:t,disabled:r.disabled,focusableWhenDisabled:A,selected:r.selected}),D=(0,F.A)(j,B.ref);let $;return void 0!==d?$=d:"selectedMenu"===x.variant?$=B.tabIndex:r.disabled&&!A||($=-1),(0,f.jsx)(T.A.Provider,{value:b,children:(0,f.jsx)(X,{ref:D,role:p,tabIndex:$,component:n,internalNativeButton:!1,focusableWhenDisabled:A,suppressFocusVisible:v,focusVisibleClassName:(0,S.A)(w.focusVisible,c),className:(0,S.A)(w.root,u),...g,ownerState:k,classes:C})})});var K=r(882);const Q=["className","background","height","children"];function Z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function ee(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?Z(Object(r),!0).forEach(function(t){(0,l.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Z(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const te=K.Ay.div.withConfig({displayName:"Hero__HeroStyled",componentId:"sc-fy6nz9-0"})(["position:relative;background:",";background-color:#557390;height:",';background-size:cover;ul{width:100%;height:100%;margin:auto;padding:0;}li{display:flex;align-items:center;width:100%;height:100%;}article{margin:auto;display:flex;justify-content:flex-start;flex-direction:column;max-width:1170px;width:100%;padding:0 25px;}.heading{opacity:0.7;font-family:Roboto,serif;font-size:12px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:1.75;letter-spacing:1.33px;color:#000000;text-transform:uppercase;&:before{content:"";display:inline-block;width:35px;height:2px;opacity:0.4;background:#000;vertical-align:middle;margin-right:15px;}}.sub-heading{max-width:50%;font-family:Roboto,serif;font-size:24px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1.31;letter-spacing:normal;color:#000000;}.content{margin-bottom:0;max-width:50%;font-family:Roboto,serif;font-size:16px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1.56;letter-spacing:normal;color:#000000;}'],e=>e.background&&""!==e.background?`url(${e.background}) 100% 100% no-repeat`:"initial",e=>e.height?`${e.height}px`:"530px"),re=e=>{let{className:t="",background:r="",height:o=null,children:a}=e,n=(0,c.A)(e,Q);return(0,f.jsx)(te,ee(ee({className:t,background:r||"",height:o},n),{},{children:a}))};re.propTypes={height:d().number,background:d().string,children:d().node.isRequired,className:d().string};const oe=re;var ae=r(19325);const ne=K.Ay.h1.withConfig({displayName:"H1__H1Styled",componentId:"sc-2u4due-0"})(["width:100%;max-width:100%;font-family:",";font-size:36px;font-weight:600;line-height:1.2;margin:0 0 10px 0;color:inherit;"],ae.gx.serif),ie=e=>{const{className:t="",children:r=null}=e;return(0,f.jsx)(ne,{className:t,children:r})};ie.propTypes={children:d().node,sub:d().node,className:d().string};const se=ie,le=K.Ay.div.withConfig({displayName:"PaddedContainer__Container",componentId:"sc-5us4ul-0"})(["width:100%;max-width:","px;padding:0 ","px;margin-left:auto;margin-right:auto;"],e=>e.theme.containerWidth,e=>e.theme.containerPadding);var ce=r(64300),pe=r(10411),de=r(58630),ue=r(16198),ge=r(71676),me=r(72515);function he(e){return(0,L.Ay)("MuiAppBar",e)}(0,A.A)("MuiAppBar",["root","positionFixed","positionAbsolute","positionSticky","positionStatic","positionRelative","colorDefault","colorPrimary","colorSecondary","colorInherit","colorTransparent","colorError","colorInfo","colorSuccess","colorWarning"]);const be=(e,t)=>e?`${e.replace(")","")}, ${t})`:t,fe=(0,$.Ay)(me.A,{name:"MuiAppBar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,t[`position${(0,ue.A)(r.position)}`],t[`color${(0,ue.A)(r.color)}`]]}})((0,M.A)(({theme:e})=>({display:"flex",flexDirection:"column",width:"100%",boxSizing:"border-box",flexShrink:0,variants:[{props:{position:"fixed"},style:{position:"fixed",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0,"@media print":{position:"absolute"}}},{props:{position:"absolute"},style:{position:"absolute",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0}},{props:{position:"sticky"},style:{position:"sticky",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0}},{props:{position:"static"},style:{position:"static"}},{props:{position:"relative"},style:{position:"relative"}},{props:{color:"inherit"},style:{"--AppBar-color":"inherit",color:"var(--AppBar-color)"}},{props:{color:"default"},style:{"--AppBar-background":e.vars?e.vars.palette.AppBar.defaultBg:e.palette.grey[100],"--AppBar-color":e.vars?e.vars.palette.text.primary:e.palette.getContrastText(e.palette.grey[100]),...e.applyStyles("dark",{"--AppBar-background":e.vars?e.vars.palette.AppBar.defaultBg:e.palette.grey[900],"--AppBar-color":e.vars?e.vars.palette.text.primary:e.palette.getContrastText(e.palette.grey[900])})}},...Object.entries(e.palette).filter((0,ge.A)(["contrastText"])).map(([t])=>({props:{color:t},style:{"--AppBar-background":(e.vars??e).palette[t].main,"--AppBar-color":(e.vars??e).palette[t].contrastText}})),{props:e=>!0===e.enableColorOnDark&&!["inherit","transparent"].includes(e.color),style:{backgroundColor:"var(--AppBar-background)",color:"var(--AppBar-color)"}},{props:e=>!1===e.enableColorOnDark&&!["inherit","transparent"].includes(e.color),style:{backgroundColor:"var(--AppBar-background)",color:"var(--AppBar-color)",...e.applyStyles("dark",{backgroundColor:e.vars?be(e.vars.palette.AppBar.darkBg,"var(--AppBar-background)"):null,color:e.vars?be(e.vars.palette.AppBar.darkColor,"var(--AppBar-color)"):null})}},{props:{color:"transparent"},style:{"--AppBar-background":"transparent","--AppBar-color":"inherit",backgroundColor:"var(--AppBar-background)",color:"var(--AppBar-color)",...e.applyStyles("dark",{backgroundImage:"none"})}}]}))),xe=o.forwardRef(function(e,t){const r=(0,P.b)({props:e,name:"MuiAppBar"}),{className:o,color:a="primary",enableColorOnDark:n=!1,position:i="fixed",...s}=r,l={...r,color:a,position:i,enableColorOnDark:n},c=(e=>{const{color:t,position:r,classes:o}=e,a={root:["root",`color${(0,ue.A)(t)}`,`position${(0,ue.A)(r)}

1`]};return(0,I.A)(a,he,o)})(l);return(0,f.jsx)(fe,{square:!0,component:"header",ownerState:l,elevation:4,className:(0,S.A)(c.root,o,"fixed"===i&&"mui-fixed"),ref:t,...s})});var ye=r(76832);const ve=["sx","children","value","index"];function Ae(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function je(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Ae(Object(r),!0).forEach(function(t){(0,l.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ae(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const ke={btnToggle:{textTransform:"none",textDecoration:"underline",padding:0,margin:"5px 0","&:hover":{background:"none"}},content:{position:"absolute",top:"50%",left:"50%",maxWidth:600,maxHeight:600,transform:"translate(-50%, -50%)",background:"#fff",padding:0},contentPanel:{width:"100%",height:"300px",overflowY:"scroll",background:"#fff",color:"#000",padding:"15px 30px"}},we=e=>{const{sx:t,children:r,value:o,index:a}=e,n=(0,c.A)(e,ve);return(0,f.jsx)(O,je(je({sx:t,role:"tabpanel",hidden:o!==a,id:`scrollable-force-tabpanel-${a}`,"aria-labelledby":`scrollable-force-tab-${a}`},n),{},{children:r}))};we.propTypes={sx:d().object,children:d().node.isRequired,value:d().number.isRequired,index:d().number.isRequired};const Oe=[],Ce=e=>{const{measureMetaData:t=Oe}=e,[r,a]=o.useState(!1),[n,i]=o.useState(0);return(0,f.jsxs)("div",{children:[(0,f.jsx)(ye.A,{sx:ke.btnToggle,onClick:()=>{a(!0)},children:"Take a look on Measure Information"}),(0,f.jsx)(ce.A,{open:r,onClose:()=>{a(!1)},children:(0,f.jsx)(O,{sx:ke.content,children:(0,f.jsxs)(xe,{position:"static",children:[(0,f.jsx)(pe.A,{value:n,onChange:(e,t)=>

1{i(t)},variant:"scrollable",scrollButtons:"on",children:t.map((e,t)=>(0,f.jsx)(de.A,je({label:e.seriesCode},(e=>({id:`scrollable-force-tab-${e}`,"aria-controls":`scrollable-force-tabpanel-${e}`}))({index:t})),t))}),t.map((e,t)=>(0,f.jsx)(we,{sx:ke.contentPanel,value:n,index:t,children:Object.keys(e).map((t,r)=>(0,f.jsxs)("div",{children:[(0,f.jsx)("b",{children:t}),": ",e[t]]},r))},t))]})})})]})};Ce.propTypes={measureMetaData:d().array};const Be=Ce,Se=r.p+"assets/86b76408.jpg",Ie={root:{"& .measure-info":{padding:0,listStyleType:"none"}},hero:{display:"flex",alignItems:"center"},measurementSelection:{color:"inherit",flexDirection:"row",flexWrap:"wrap",alignItems:"center","& > span":{marginRight:"15px",fontFamily:"Roboto",fontSize:"16px",letterSpacing:"0.2px"}},content:{padding:{xs:"48px 0",md:"100px 0"},height:{xs:"auto",md:"870px"}}};d().node.isRequired,d().number.isRequired,d().number.isRequired;const De=[],$e=[],Me=e=>{const{measurements:t=De,measureMetaData:r=$e,onChangeMeasure:a}=e,[n,i]=o.useState(t&&t[0]?t[0].seriesCode:"AG_PRD_XSUBDY"),[s]=o.useState(0),l=((e,t)=>{const r=e.findIndex(e=>e.seriesCode===t);return r<0?0:r})(r,n);return(0,f.jsxs)(O,{sx:Ie.root,children:[(0,f.jsx)(oe,{height:240,background:Se,className:`as-${s}`,style:Ie.hero,children:(0,f.jsxs)(le,{children:[(0,f.jsx)(se,{children:"Data Availability"}),t.length>0&&(0,f.jsxs)(C.A,{variant:"standard",sx:Ie.measurementSelection,children:[(0,f.jsx)("span",{children:"Measurements"}),(0,f.jsx)(B.A,{value:n,inputProps:{name:"measurement",id:"measurement"},onChange:()=>{i(event.target.dataset.value),a(event.target.dataset.value)},children:t.map((e,t)=>(0,f.jsx)(J,{value:e.seriesCode,children:e.seriesDescription},t))})]}),r&&(0,f.jsx)(Be,{selectedItemIndex:l,measureMetaData:r})]})}),(0,f.jsx)(le,{sx:Ie.content,children:"This module is under development at this moment."})]})};Me.propTypes={measurements:d().array,measureMetaData:d().array,dataTableContent:d().object,onChangeMeasure:d().func.isRequired};const Pe=Me,Te=(0,s.Ng)(null,null)(Pe);var Ne=r(31304);const Re=()=>((0,a.A)("Data Availability"),(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Ne.A,{}),(0,f.jsx)(n.A,{}),(0,f.jsx)(Te,{}),(0,f.jsx)(i.A,{})]}))}}]);
2//# sourceMappingURL=889.2e7edd5fed131b9ebd89.js.map