npm - gf-components - Versions diffs - 0.1.153 → 0.1.154 - Mend

gf-components 0.1.153 → 0.1.154

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.cjs.js CHANGED Viewed

@@ -611,5 +611,5 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   color: var(--gf-color-text-secondary);
   font-size: 10px;
   line-height: ${NE}px;
-`,L7e=(e,t=12)=>{const r=document.createElement("canvas").getContext("2d");return r.font=`${t}px Roboto, sans-serif`,r.measureText(e)},N2={"Biomassa en voedsel":"hsla(205, 40%, 79%, 1)",Kunststoffen:"hsla(83, 47%, 73%, 1)",Bouwmaterialen:"hsla(4, 55%, 75%, 1)",Consumptiegoederen:"hsla(35, 74%, 73%, 1)",Overig:"hsla(269, 24%, 77%, 1)",Maakindustrie:"hsla(26, 74%, 58%, 1)"},j7e=({data:e,height:t=500,padding:n=.2,keys:r=Object.keys(N2),indexBy:i="year",margin:o={},axisBottom:a={},axisLeft:s={},color:l={},tooltip:c=null,label:u=null})=>{const d=({bar:m})=>{const v=(u==null?void 0:u(m.data))||"label",b=L7e(v,10),y=b.width,x=b.fontBoundingBoxAscent+b.fontBoundingBoxDescent;if(x>=m.height)return p.jsx(p.Fragment,{});const $=m.x+m.width/2-y/2,w=m.y+m.height/2+x/2;return p.jsx("g",{transform:`translate(${$}, ${w})`,children:p.jsx("text",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignmentBaseline:"middle"},children:p.jsx(R7e,{style:{fontSize:10},children:v})})})},f=({bars:m})=>m.map((g,v)=>p.jsx(d,{bar:g},`bar-inner-label-${v}`)),h=({data:m,keys:g})=>{const v=g==null?void 0:g.map(b=>({name:b,color:N2[b]}));return p.jsx(tn,{gap:16,className:"gf-full",justify:"center",wrap:!0,children:v.map((b,y)=>p.jsxs(tn,{gap:8,align:"center",children:[p.jsx("div",{style:{minWidth:16,minHeight:16,backgroundColor:b.color}}),p.jsx(k7e,{children:b.name})]},`legend-${y}`))})};return p.jsxs(p.Fragment,{children:[p.jsx(yn,{}),p.jsxs(tn,{vertical:!0,gap:8,style:{width:"100%"},children:[p.jsx("div",{style:{height:t},children:p.jsx(Ml,{data:e,keys:r,indexBy:i,colors:({id:m,data:g})=>N2[m]||"orange",enableLabel:!1,margin:{left:50,bottom:50,top:10,right:50,...o},padding:n,axisBottom:{tickSize:5,legendPosition:"middle",legendOffset:40,...a},axisLeft:{tickSize:5,legendPosition:"middle",legendOffset:-40,...s},layers:["grid","axes","bars",f],tooltip:m=>p.jsx(Zn,{body:(c==null?void 0:c(m))||p.jsx("span",{children:"Tooltip"})})})}),p.jsx(h,{data:e,keys:r})]})]})},Dp={goodsRenewable:"#36CFC9",goodsOther:"#BDE7E3",wasteRenewable:"#FFA940",wasteOther:"#EEDBBB"},F2={goodsRenewable:"Goederen - Hernieuwbare materialen",goodsOther:"Goederen - Overige materialen",wasteRenewable:"Afval - Hernieuwbare materialen",wasteOther:"Afval - Overige materialen"},P7e=({data:e,height:t=400,colorMap:n=Dp,margin:r={},padding:i=.3,innerPadding:o=4,tooltip:a=null,axisBottom:s={},axisLeft:l={}})=>{const c=d=>d.bars.map((f,h)=>{const m=f.data.id,g=f.data.data,v=m==null?void 0:m.replace("Total",""),b=g==null?void 0:g[`${v}Total`],y=g==null?void 0:g[`${v}Renewable`],x=g==null?void 0:g[`${v}Other`],$=b?f.height*y/b:0,w=b?f.height*x/b:0;return p.jsxs("g",{children:[p.jsx("rect",{x:f.x,y:f.y+w,width:f.width,height:$,fill:n[`${v}Renewable`]}),p.jsx("rect",{x:f.x,y:f.y-1,width:f.width,height:w,fill:n[`${v}Other`]})]},h)}),u=()=>p.jsx(tn,{justify:"center",gap:16,wrap:!0,children:Object.entries(Dp).map(([d,f],h)=>p.jsxs(tn,{align:"center",gap:8,children:[p.jsx("div",{style:{width:16,height:16,background:f}}),p.jsx("span",{style:{fontSize:12},children:F2==null?void 0:F2[d]})]},h))});return p.jsxs(tn,{vertical:!0,gap:8,children:[p.jsx("div",{style:{position:"relative",height:t,width:"100%",overflow:"visible"},children:p.jsx(Ml,{data:e,keys:["goodsTotal","wasteTotal"],indexBy:"year",groupMode:"grouped",padding:i,innerPadding:o,enableLabel:!1,colors:d=>"rgba(0, 0, 0, 0)",margin:{top:50,right:0,bottom:50,left:60,...r},axisLeft:{legend:"Gewicht (Mt)",legendPosition:"middle",legendOffset:-40,...l},axisBottom:{legend:"Jaar",legendPosition:"middle",legendOffset:40,...s},layers:["axes","grid",c,"bars"],tooltip:d=>p.jsx(Zn,{body:(a==null?void 0:a(d))||p.jsx("span",{children:"Tooltip"})})})}),p.jsx(u,{})]})};exports.AddressLink=eD;exports.BarChart=E5e;exports.BenchmarkSankey=A2e;exports.ButtonControls=kF;exports.CrmValueChart=V7e;exports.CustomToolTip=Zn;exports.Description=iD;exports.DomRawChart=S5e;exports.DownloadButton=cx;exports.EmailLink=JF;exports.ExpandButton=ux;exports.GFButton=a6;exports.GFCard=Qs;exports.GFMetricsGrid=oD;exports.GoalChart=M7e;exports.ImpactTrend=j7e;exports.Link=Kd;exports.LocationIcon=bx;exports.MailIcon=px;exports.MaterialHeatmap=S7e;exports.Metrics=vx;exports.NavCard=IF;exports.PhoneIcon=mx;exports.PhoneLink=tD;exports.PieChart=Cle;exports.QuickNavCard=WF;exports.RenewableTrend=P7e;exports.Sankey=Ise;exports.ScatterPlot=mde;exports.TabCard=ZF;exports.Title=gx;exports.TreeMap=c2e;exports.Trends=L2e;exports.VisSelectors=P2e;exports.WasteOverview=C5e;
+`,L7e=(e,t=12)=>{const r=document.createElement("canvas").getContext("2d");return r.font=`${t}px Roboto, sans-serif`,r.measureText(e)},N2={"Biomassa en voedsel":"hsla(205, 40%, 79%, 1)",Kunststoffen:"hsla(83, 47%, 73%, 1)",Bouwmaterialen:"hsla(4, 55%, 75%, 1)",Consumptiegoederen:"hsla(35, 74%, 73%, 1)",Overig:"hsla(269, 24%, 77%, 1)",Maakindustrie:"hsla(26, 74%, 58%, 1)"},j7e=({data:e,height:t=500,padding:n=.2,keys:r=Object.keys(N2),indexBy:i="year",margin:o={},axisBottom:a={},axisLeft:s={},color:l={},tooltip:c=null,label:u=null})=>{const d=({bar:m})=>{const v=(u==null?void 0:u(m.data))||"label",b=L7e(v,10),y=b.width,x=b.fontBoundingBoxAscent+b.fontBoundingBoxDescent;if(x>=m.height)return p.jsx(p.Fragment,{});const $=m.x+m.width/2-y/2,w=m.y+m.height/2+x/2;return p.jsx("g",{transform:`translate(${$}, ${w})`,children:p.jsx("text",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignmentBaseline:"middle"},children:p.jsx(R7e,{style:{fontSize:10},children:v})})})},f=({bars:m})=>m.map((g,v)=>p.jsx(d,{bar:g},`bar-inner-label-${v}`)),h=({data:m,keys:g})=>{const v=g==null?void 0:g.map(b=>({name:b,color:N2[b]}));return p.jsx(tn,{gap:16,className:"gf-full",justify:"center",wrap:!0,children:v.map((b,y)=>p.jsxs(tn,{gap:8,align:"center",children:[p.jsx("div",{style:{minWidth:16,minHeight:16,backgroundColor:b.color}}),p.jsx(k7e,{children:b.name})]},`legend-${y}`))})};return p.jsxs(p.Fragment,{children:[p.jsx(yn,{}),p.jsxs(tn,{vertical:!0,gap:8,style:{width:"100%"},children:[p.jsx("div",{style:{height:t},children:p.jsx(Ml,{data:e,keys:r,indexBy:i,colors:({id:m,data:g})=>N2[m]||"orange",enableLabel:!1,margin:{left:50,bottom:50,top:10,right:50,...o},padding:n,axisBottom:{tickSize:5,legendPosition:"middle",legendOffset:40,...a},axisLeft:{tickSize:5,legendPosition:"middle",legendOffset:-40,...s},layers:["grid","axes","bars",f],tooltip:m=>p.jsx(Zn,{body:(c==null?void 0:c(m))||p.jsx("span",{children:"Tooltip"})})})}),p.jsx(h,{data:e,keys:r})]})]})},Dp={goodsRenewable:"#36CFC9",goodsOther:"#BDE7E3",wasteRenewable:"#FFA940",wasteOther:"#EEDBBB"},F2={goodsRenewable:"Goederen - Hernieuwbare materialen",goodsOther:"Goederen - Overige materialen",wasteRenewable:"Afval - Hernieuwbare materialen",wasteOther:"Afval - Overige materialen"},P7e=({data:e,height:t=400,colorMap:n=Dp,margin:r={},padding:i=.3,innerPadding:o=4,tooltip:a=null,axisBottom:s={},axisLeft:l={}})=>{const c=d=>d.bars.map((f,h)=>{const m=f.data.id,g=f.data.data,v=m==null?void 0:m.replace("Total",""),b=g==null?void 0:g[`${v}Total`],y=(g==null?void 0:g[`${v}Renewable`])||0,x=(g==null?void 0:g[`${v}Other`])||0,$=b?f.height*y/b:0,w=b?f.height*x/b:0;return p.jsxs("g",{children:[p.jsx("rect",{x:f.x,y:f.y+w,width:f.width,height:$,fill:n[`${v}Renewable`]}),p.jsx("rect",{x:f.x,y:f.y-1,width:f.width,height:w,fill:n[`${v}Other`]})]},h)}),u=()=>p.jsx(tn,{justify:"center",gap:16,wrap:!0,children:Object.entries(Dp).map(([d,f],h)=>p.jsxs(tn,{align:"center",gap:8,children:[p.jsx("div",{style:{width:16,height:16,background:f}}),p.jsx("span",{style:{fontSize:12},children:F2==null?void 0:F2[d]})]},h))});return p.jsxs(tn,{vertical:!0,gap:8,children:[p.jsx("div",{style:{position:"relative",height:t,width:"100%",overflow:"visible"},children:p.jsx(Ml,{data:e,keys:["goodsTotal","wasteTotal"],indexBy:"year",groupMode:"grouped",padding:i,innerPadding:o,enableLabel:!1,colors:d=>"rgba(0, 0, 0, 0)",margin:{top:50,right:0,bottom:50,left:60,...r},axisLeft:{legend:"Gewicht (Mt)",legendPosition:"middle",legendOffset:-40,...l},axisBottom:{legend:"Jaar",legendPosition:"middle",legendOffset:40,...s},layers:["axes","grid",c,"bars"],tooltip:d=>p.jsx(Zn,{body:(a==null?void 0:a(d))||p.jsx("span",{children:"Tooltip"})})})}),p.jsx(u,{})]})};exports.AddressLink=eD;exports.BarChart=E5e;exports.BenchmarkSankey=A2e;exports.ButtonControls=kF;exports.CrmValueChart=V7e;exports.CustomToolTip=Zn;exports.Description=iD;exports.DomRawChart=S5e;exports.DownloadButton=cx;exports.EmailLink=JF;exports.ExpandButton=ux;exports.GFButton=a6;exports.GFCard=Qs;exports.GFMetricsGrid=oD;exports.GoalChart=M7e;exports.ImpactTrend=j7e;exports.Link=Kd;exports.LocationIcon=bx;exports.MailIcon=px;exports.MaterialHeatmap=S7e;exports.Metrics=vx;exports.NavCard=IF;exports.PhoneIcon=mx;exports.PhoneLink=tD;exports.PieChart=Cle;exports.QuickNavCard=WF;exports.RenewableTrend=P7e;exports.Sankey=Ise;exports.ScatterPlot=mde;exports.TabCard=ZF;exports.Title=gx;exports.TreeMap=c2e;exports.Trends=L2e;exports.VisSelectors=P2e;exports.WasteOverview=C5e;
 //# sourceMappingURL=index.cjs.js.map