@mozaic-ds/web-components 0.14.0-beta.0 → 0.14.0

package/public/bricoman/components/chart/Donut.js

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as n,b as i,f as r,s as a,e as l,d as o,n as s,g,J as d,j as c,o as h,O as m,a1 as f,G as u,l as p,t as x,k as y,P as b,H as w,Z as k}from"../../index-52f16292.js";import{s as $,a as v}from"../../transform-15d69d5d.js";import{E as _}from"../../EventHandler-f4efd23c.js";import{c as A,a as z}from"../../array-5b770a93.js";import{w as T,p as j,c as E,s as R,h as M,e as O,t as S,a as N,m as C,b as D,d as F,f as I,g as J,i as P}from"../../path-1b5da959.js";function H(t){return t.innerRadius}function q(t){return t.outerRadius}function B(t){return t.startAngle}function G(t){return t.endAngle}function L(t){return t&&t.padAngle}function V(t,e,n,i,r,a,l){var o=t-n,s=e-i,g=(l?a:-a)/N(o*o+s*s),d=g*s,c=-g*o,h=t+d,m=e+c,f=n+d,u=i+c,p=(h+f)/2,x=(m+u)/2,y=f-h,b=u-m,w=y*y+b*b,k=r-a,$=h*u-f*m,v=(b<0?-1:1)*N(P(0,k*k*w-$*$)),_=($*b-y*v)/w,A=(-$*y-b*v)/w,z=($*b+y*v)/w,T=(-$*y+b*v)/w,j=_-p,E=A-x,R=z-p,M=T-x;return j*j+E*E>R*R+M*M&&(_=z,A=T),{cx:_,cy:A,x01:-d,y01:-c,x11:_*(r/k-1),y11:A*(r/k-1)}}function X(){var t=H,e=q,n=A(0),i=null,r=B,a=G,l=L,o=null,s=T(g);function g(){var g,d,c=+t.apply(this,arguments),h=+e.apply(this,arguments),m=r.apply(this,arguments)-M,f=a.apply(this,arguments)-M,u=D(f-m),p=f>m;if(o||(o=g=s()),h<c&&(d=h,h=c,c=d),h>O)if(u>S-O)o.moveTo(h*E(m),h*R(m)),o.arc(0,0,h,m,f,!p),c>O&&(o.moveTo(c*E(f),c*R(f)),o.arc(0,0,c,f,m,p));else{var x,y,b=m,w=f,k=m,$=f,v=u,_=u,A=l.apply(this,arguments)/2,z=A>O&&(i?+i.apply(this,arguments):N(c*c+h*h)),T=C(D(h-c)/2,+n.apply(this,arguments)),P=T,H=T;if(z>O){var q=I(z/c*R(A)),B=I(z/h*R(A));(v-=2*q)>O?(k+=q*=p?1:-1,$-=q):(v=0,k=$=(m+f)/2),(_-=2*B)>O?(b+=B*=p?1:-1,w-=B):(_=0,b=w=(m+f)/2)}var G=h*E(b),L=h*R(b),X=c*E($),Y=c*R($);if(T>O){var Z,K=h*E(w),Q=h*R(w),U=c*E(k),W=c*R(k);if(u<j)if(Z=function(t,e,n,i,r,a,l,o){var s=n-t,g=i-e,d=l-r,c=o-a,h=c*s-d*g;if(!(h*h<O))return[t+(h=(d*(e-a)-c*(t-r))/h)*s,e+h*g]}(G,L,U,W,K,Q,X,Y)){var tt=G-Z[0],et=L-Z[1],nt=K-Z[0],it=Q-Z[1],rt=1/R(J((tt*nt+et*it)/(N(tt*tt+et*et)*N(nt*nt+it*it)))/2),at=N(Z[0]*Z[0]+Z[1]*Z[1]);P=C(T,(c-at)/(rt-1)),H=C(T,(h-at)/(rt+1))}else P=H=0}_>O?H>O?(x=V(U,W,G,L,h,H,p),y=V(K,Q,X,Y,h,H,p),o.moveTo(x.cx+x.x01,x.cy+x.y01),H<T?o.arc(x.cx,x.cy,H,F(x.y01,x.x01),F(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,H,F(x.y01,x.x01),F(x.y11,x.x11),!p),o.arc(0,0,h,F(x.cy+x.y11,x.cx+x.x11),F(y.cy+y.y11,y.cx+y.x11),!p),o.arc(y.cx,y.cy,H,F(y.y11,y.x11),F(y.y01,y.x01),!p))):(o.moveTo(G,L),o.arc(0,0,h,b,w,!p)):o.moveTo(G,L),c>O&&v>O?P>O?(x=V(X,Y,K,Q,c,-P,p),y=V(G,L,U,W,c,-P,p),o.lineTo(x.cx+x.x01,x.cy+x.y01),P<T?o.arc(x.cx,x.cy,P,F(x.y01,x.x01),F(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,P,F(x.y01,x.x01),F(x.y11,x.x11),!p),o.arc(0,0,c,F(x.cy+x.y11,x.cx+x.x11),F(y.cy+y.y11,y.cx+y.x11),p),o.arc(y.cx,y.cy,P,F(y.y11,y.x11),F(y.y01,y.x01),!p))):o.arc(0,0,c,$,k,p):o.lineTo(X,Y)}else o.moveTo(0,0);if(o.closePath(),g)return o=null,g+""||null}return g.centroid=function(){var n=(+t.apply(this,arguments)+ +e.apply(this,arguments))/2,i=(+r.apply(this,arguments)+ +a.apply(this,arguments))/2-j/2;return[E(i)*n,R(i)*n]},g.innerRadius=function(e){return arguments.length?(t="function"==typeof e?e:A(+e),g):t},g.outerRadius=function(t){return arguments.length?(e="function"==typeof t?t:A(+t),g):e},g.cornerRadius=function(t){return arguments.length?(n="function"==typeof t?t:A(+t),g):n},g.padRadius=function(t){return arguments.length?(i=null==t?null:"function"==typeof t?t:A(+t),g):i},g.startAngle=function(t){return arguments.length?(r="function"==typeof t?t:A(+t),g):r},g.endAngle=function(t){return arguments.length?(a="function"==typeof t?t:A(+t),g):a},g.padAngle=function(t){return arguments.length?(l="function"==typeof t?t:A(+t),g):l},g.context=function(t){return arguments.length?(o=null==t?null:t,g):o},g}function Y(t,e){return e<t?-1:e>t?1:e>=t?0:NaN}function Z(t){return t}function K(t,e,n){const i=t.slice();return i[7]=e[n],i}function Q(t,e,n){const i=t.slice();return i[4]=e[n],i[33]=n,i}function U(t,e,n){const i=t.slice();return i[34]=e[n],i}function W(t){let e,n,r,a=t[34].split(t[1])[1]+"";return{c(){e=l("span"),n=x("("),r=x(a),g(e,"class","legend__text--light")},m(t,a){i(t,e,a),c(e,n),c(e,r)},p(t,e){67&e[0]&&a!==(a=t[34].split(t[1])[1]+"")&&y(r,a)},d(t){t&&h(e)}}}function tt(t){let e,n,r,a,s,d=t[34].split(t[1])[0]+"",m=t[34].split(t[1])[1],f=m&&W(t);return{c(){e=l("p"),n=x(d),r=o(),f&&f.c(),a=o(),g(e,"class",s=at(t[4].checked))},m(t,l){i(t,e,l),c(e,n),c(e,r),f&&f.m(e,null),c(e,a)},p(t,i){67&i[0]&&d!==(d=t[34].split(t[1])[0]+"")&&y(n,d),67&i[0]&&(m=t[34].split(t[1])[1]),m?f?f.p(t,i):(f=W(t),f.c(),f.m(e,a)):f&&(f.d(1),f=null),64&i[0]&&s!==(s=at(t[4].checked))&&g(e,"class",s)},d(t){t&&h(e),f&&f.d()}}}function et(t){let e,n,r,a,s,d,f,x,y,b=t[4].name.split(t[0]),w=[];for(let e=0;e<b.length;e+=1)w[e]=tt(U(t,b,e));function k(){return t[20](t[4])}return{c(){e=l("button"),n=u("svg"),r=u("rect"),s=o(),d=l("div");for(let t=0;t<w.length;t+=1)w[t].c();f=o(),g(r,"x","0"),g(r,"y","0"),g(r,"width","24"),g(r,"height","16"),g(r,"fill",a=t[12](t[4],t[33],t[10],t[9])),g(n,"class","legend__box"),g(e,"class","legend__item")},m(t,a){i(t,e,a),c(e,n),c(n,r),c(e,s),c(e,d);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(d,null);c(e,f),x||(y=p(e,"click",k),x=!0)},p(e,n){if(t=e,1600&n[0]&&a!==(a=t[12](t[4],t[33],t[10],t[9]))&&g(r,"fill",a),67&n[0]){let e;for(b=t[4].name.split(t[0]),e=0;e<b.length;e+=1){const i=U(t,b,e);w[e]?w[e].p(i,n):(w[e]=tt(i),w[e].c(),w[e].m(d,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},d(t){t&&h(e),m(w,t),x=!1,y()}}}function nt(t){let e,n,r=t[8].text+"";return{c(){e=l("div"),n=x(r),g(e,"class","chart__tooltip"),d(e,"left",t[8].left),d(e,"top",t[8].top)},m(t,r){i(t,e,r),c(e,n)},p(t,i){256&i[0]&&r!==(r=t[8].text+"")&&y(n,r),256&i[0]&&d(e,"left",t[8].left),256&i[0]&&d(e,"top",t[8].top)},d(t){t&&h(e)}}}function it(t){let e,n,r=t[7]+"";return{c(){e=new k(!1),n=b(),e.a=n},m(t,a){e.m(r,t,a),i(t,n,a)},p(t,n){1024&n[0]&&r!==(r=t[7]+"")&&e.p(r)},d(t){t&&h(n),t&&e.d()}}}function rt(t){let e,n,r,a,f,u,p=t[6],x=[];for(let e=0;e<p.length;e+=1)x[e]=et(Q(t,p,e));let y=t[8].show&&nt(t),b=t[10],w=[];for(let e=0;e<b.length;e+=1)w[e]=it(K(t,b,e));return{c(){e=l("div"),n=l("div");for(let t=0;t<x.length;t+=1)x[t].c();r=o(),y&&y.c(),f=o(),u=l("div");for(let t=0;t<w.length;t+=1)w[t].c();this.c=s,g(n,"class","legend"),g(e,"class",a="chart "+lt(t[3])),d(e,"background-color",t[2]),d(u,"height","0"),d(u,"width","0"),g(u,"class","pattern")},m(a,l){i(a,e,l),c(e,n);for(let t=0;t<x.length;t+=1)x[t]&&x[t].m(n,null);c(e,r),y&&y.m(e,null),t[21](e),i(a,f,l),i(a,u,l);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(u,null)},p(t,i){if(7747&i[0]){let e;for(p=t[6],e=0;e<p.length;e+=1){const r=Q(t,p,e);x[e]?x[e].p(r,i):(x[e]=et(r),x[e].c(),x[e].m(n,null))}for(;e<x.length;e+=1)x[e].d(1);x.length=p.length}if(t[8].show?y?y.p(t,i):(y=nt(t),y.c(),y.m(e,null)):y&&(y.d(1),y=null),8&i[0]&&a!==(a="chart "+lt(t[3]))&&g(e,"class",a),4&i[0]&&d(e,"background-color",t[2]),1024&i[0]){let e;for(b=t[10],e=0;e<b.length;e+=1){const n=K(t,b,e);w[e]?w[e].p(n,i):(w[e]=it(n),w[e].c(),w[e].m(u,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},i:s,o:s,d(n){n&&h(e),m(x,n),y&&y.d(),t[21](null),n&&h(f),n&&h(u),m(w,n)}}}function at(t){return"legend__text"+(t?" legend__text--not-selected":"")}function lt(t){switch(t){case"top":return"chart--top";case"right":default:return"chart--right";case"bottom":return"chart--bottom";case"left":return"chart--left"}}function ot(t,e,n){let i,r,a,l,o,s,{data:g=""}=e,{svgs:d}=e,{colors:c}=e,{title:h}=e,{legendseparator:m=","}=e,{legendseparatorcount:u="("}=e,{dimension:p=250}=e,{padangle:x=.05}=e,{backgroundcolor:y="#fff"}=e,{delay:b=500}=e,{legendposition:k="right"}=e,T=!1,j=new _,E={left:"0px",top:"0px",text:"",show:!1};const R=p/2,M=X().outerRadius(R-5).innerRadius(R-60).padAngle(x),O=function(){var t=Z,e=Y,n=null,i=A(0),r=A(S),a=A(0);function l(l){var o,s,g,d,c,h=(l=z(l)).length,m=0,f=new Array(h),u=new Array(h),p=+i.apply(this,arguments),x=Math.min(S,Math.max(-S,r.apply(this,arguments)-p)),y=Math.min(Math.abs(x)/h,a.apply(this,arguments)),b=y*(x<0?-1:1);for(o=0;o<h;++o)(c=u[f[o]=o]=+t(l[o],o,l))>0&&(m+=c);for(null!=e?f.sort((function(t,n){return e(u[t],u[n])})):null!=n&&f.sort((function(t,e){return n(l[t],l[e])})),o=0,g=m?(x-h*b)/m:0;o<h;++o,p=d)s=f[o],d=p+((c=u[s])>0?c*g:0)+b,u[s]={data:l[s],index:o,value:c,startAngle:p,endAngle:d,padAngle:y};return u}return l.value=function(e){return arguments.length?(t="function"==typeof e?e:A(+e),l):t},l.sortValues=function(t){return arguments.length?(e=t,n=null,l):e},l.sort=function(t){return arguments.length?(n=t,e=null,l):n},l.startAngle=function(t){return arguments.length?(i="function"==typeof t?t:A(+t),l):i},l.endAngle=function(t){return arguments.length?(r="function"==typeof t?t:A(+t),l):r},l.padAngle=function(t){return arguments.length?(a="function"==typeof t?t:A(+t),l):a},l}().sort(null).startAngle(1.1*Math.PI).endAngle(3.1*Math.PI).value((t=>t.total)),N=()=>i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[];function C(t){s.selectAll("path").data(O(t)).transition().duration(b).attr("stroke-width",((t,e)=>i[e].checked?"0px":"4px")).attrTween("d",(function(t){const e=v(this._current,t);return this._current=e(0),t=>M(e(t))||""})),s.selectAll("svg text").filter((function(){return/^[0-9]/.test($(this).text())})).text(String(N()))}function D(t){const e=s.selectAll("path").data().map(((e,r)=>{const a=e.data;if(a.name===t){n(6,i[r].checked=!i[r].checked,i);const t=0===a.total?i[r].total:0;return Object.assign(Object.assign({},a),{total:t})}return Object.assign({},a)}));C(e)}f((()=>n(19,T=!0)));return t.$$set=t=>{"data"in t&&n(4,g=t.data),"svgs"in t&&n(13,d=t.svgs),"colors"in t&&n(14,c=t.colors),"title"in t&&n(15,h=t.title),"legendseparator"in t&&n(0,m=t.legendseparator),"legendseparatorcount"in t&&n(1,u=t.legendseparatorcount),"dimension"in t&&n(16,p=t.dimension),"padangle"in t&&n(17,x=t.padangle),"backgroundcolor"in t&&n(2,y=t.backgroundcolor),"delay"in t&&n(18,b=t.delay),"legendposition"in t&&n(3,k=t.legendposition)},t.$$.update=()=>{16&t.$$.dirty[0]&&n(6,i=g?JSON.parse(g):[]),8192&t.$$.dirty[0]&&n(10,r=d?JSON.parse(d):[]),16384&t.$$.dirty[0]&&n(9,a=c?JSON.parse(c):["#605F9D","#D9F0F3","#EAEDEF","#0B96CC","#EA7315","#EA302D"]),64&t.$$.dirty[0]&&(l=i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[]),59e4&t.$$.dirty[0]&&g.length>0&&T&&(s?s.selectAll("path").remove():n(7,s=$(o).append("svg").attr("width",p).attr("height",p).append("g").attr("transform","translate("+p/2+","+p/2+")")),(()=>{const t=s.selectAll("path").data(O(i)).enter().append("path").attr("class","chart__arc").attr("title",(t=>t.data.name)).attr("stroke",(t=>`${a[t.index]}`)).attr("stroke-width","4px").style("fill",(t=>r.length>0?`url(#${t.data.patternId})`:(a.length,`${a[t.index]}`)));s.append("svg:text").attr("text-anchor","middle").attr("font-size","28").attr("fill","#333").text(String(l)),s.append("svg:text").attr("text-anchor","middle").attr("font-size","22").attr("fill","#333").attr("dy","1.5rem").text(h),t.transition().delay(((t,e)=>e*b)).duration(b).attrTween("d",(t=>{if(0===t.data.total)return()=>"";const e=v(t.startAngle+.1,t.endAngle);return n=>(t.endAngle=e(n),M(t)||"")})),t.on("mousemove",((t,e)=>{n(8,E={left:t.pageX+10+"px",top:t.pageY-25+"px",text:e.data.customTooltip?e.data.customTooltip:e.data.name,show:!0})})).on("mouseover",((t,e)=>{var n=s.selectAll(".chart__arc").filter((function(t){return t===e})),i=s.selectAll(".chart__arc").filter((function(t){return t!=e}));i.style("opacity",.7),n.style("transform","scale(1.02)")})).on("mouseout",((t,e)=>{var i=s.selectAll(".chart__arc").filter((function(t){return t===e})),r=s.selectAll(".chart__arc").filter((function(t){return t!=e}));r.style("opacity",1),i.style("transform","scale(1)"),n(8,E.show=!1,E)})).on("click",((t,e)=>{j.dispatch("donut-clicked",e)})),setTimeout((()=>{C(i)}),b*i.length)})())},[m,u,y,k,g,o,i,s,E,a,r,D,function(t,e,n,i){return n.length>0?`url(#${t.patternId})`:i.length>0?a[e]:void 0},d,c,h,p,x,b,T,t=>D(t.name),function(t){w[t?"unshift":"push"]((()=>{o=t,n(5,o)}))}]}class st extends t{constructor(t){super();const l=document.createElement("style");l.textContent='.mt-heading{font-family:"LeroyMerlin", sans-serif;font-weight:400;color:#000000;display:block;margin-bottom:2rem}.mt-heading--underline::after{content:"";display:block;height:0.25rem;background-color:#4d5bf5}.mt-heading--line-primary-01-200::after,.mt-heading--line-lightest::after{background-color:#b8bef4}.mt-heading--line-primary-02-200::after{background-color:#ffab80}.mt-heading--line-primary-02-600::after{background-color:#b83f00}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.5rem;line-height:1.3333333333}.mt-heading--s.mt-heading--underline::after{width:4rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}.mt-heading--m.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}.mt-heading--l.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--lightest{color:#ffffff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:600}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}.mt-heading--s.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}.mt-heading--m.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--l.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9756097561}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}.mt-heading--s.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--m.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--m.mt-heading--line-height-xs{line-height:0.9756097561}.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}.mt-heading--l.mt-heading--underline::after{width:6rem;margin-top:2rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9795918367}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline::after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline::after{margin-left:0;margin-right:auto}}.opaque{opacity:0.7}.chart{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#ffffff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart--top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chart--right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chart--bottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.chart--left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.chart__tooltip{position:absolute;width:auto;height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;padding:0.5rem 1rem;text-align:center}.chart__arc{cursor:pointer;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;-o-transition:transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0 1.5rem;height:100%;margin:0;color:#000000}.legend__title{padding:0.75rem;white-space:nowrap;margin:0}.legend__title--light{color:#808080}.legend__item{cursor:pointer;background:none;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:0.75rem;margin-bottom:0.25rem;font-size:0.875rem}.legend__item:focus,.legend__item:hover{outline:0;text-decoration:underline}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.75rem;height:16px;width:24px}.legend__text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;margin:0 0 0.25rem 0;padding:0}.legend__text--light{color:#808080}.legend__text--not-selected{text-decoration:line-through}.pattern{z-index:-1;position:absolute}',this.shadowRoot.appendChild(l),e(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},ot,rt,a,{data:4,svgs:13,colors:14,title:15,legendseparator:0,legendseparatorcount:1,dimension:16,padangle:17,backgroundcolor:2,delay:18,legendposition:3},null,[-1,-1]),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["data","svgs","colors","title","legendseparator","legendseparatorcount","dimension","padangle","backgroundcolor","delay","legendposition"]}get data(){return this.$$.ctx[4]}set data(t){this.$$set({data:t}),r()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),r()}get colors(){return this.$$.ctx[14]}set colors(t){this.$$set({colors:t}),r()}get title(){return this.$$.ctx[15]}set title(t){this.$$set({title:t}),r()}get legendseparator(){return this.$$.ctx[0]}set legendseparator(t){this.$$set({legendseparator:t}),r()}get legendseparatorcount(){return this.$$.ctx[1]}set legendseparatorcount(t){this.$$set({legendseparatorcount:t}),r()}get dimension(){return this.$$.ctx[16]}set dimension(t){this.$$set({dimension:t}),r()}get padangle(){return this.$$.ctx[17]}set padangle(t){this.$$set({padangle:t}),r()}get backgroundcolor(){return this.$$.ctx[2]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),r()}get delay(){return this.$$.ctx[18]}set delay(t){this.$$set({delay:t}),r()}get legendposition(){return this.$$.ctx[3]}set legendposition(t){this.$$set({legendposition:t}),r()}}customElements.define("m-donut",st);export{st as default};
+import{S as t,i as e,a as n,b as i,f as r,s as a,e as l,d as o,n as s,g,J as d,j as c,o as h,O as m,q as f,r as u,a1 as p,G as x,l as y,t as b,k as w,P as k,H as $,Z as v}from"../../index-9ffad6d0.js";import{s as _,a as A}from"../../transform-15d69d5d.js";import{E as z}from"../../EventHandler-f7ee47ca.js";import{c as T,a as j}from"../../array-5b770a93.js";import{w as E,p as R,c as M,s as O,h as S,e as N,t as C,a as D,m as F,b as I,d as J,f as P,g as q,i as H}from"../../path-1b5da959.js";function B(t){return t.innerRadius}function G(t){return t.outerRadius}function L(t){return t.startAngle}function V(t){return t.endAngle}function X(t){return t&&t.padAngle}function Y(t,e,n,i,r,a,l){var o=t-n,s=e-i,g=(l?a:-a)/D(o*o+s*s),d=g*s,c=-g*o,h=t+d,m=e+c,f=n+d,u=i+c,p=(h+f)/2,x=(m+u)/2,y=f-h,b=u-m,w=y*y+b*b,k=r-a,$=h*u-f*m,v=(b<0?-1:1)*D(H(0,k*k*w-$*$)),_=($*b-y*v)/w,A=(-$*y-b*v)/w,z=($*b+y*v)/w,T=(-$*y+b*v)/w,j=_-p,E=A-x,R=z-p,M=T-x;return j*j+E*E>R*R+M*M&&(_=z,A=T),{cx:_,cy:A,x01:-d,y01:-c,x11:_*(r/k-1),y11:A*(r/k-1)}}function Z(){var t=B,e=G,n=T(0),i=null,r=L,a=V,l=X,o=null,s=E(g);function g(){var g,d,c=+t.apply(this,arguments),h=+e.apply(this,arguments),m=r.apply(this,arguments)-S,f=a.apply(this,arguments)-S,u=I(f-m),p=f>m;if(o||(o=g=s()),h<c&&(d=h,h=c,c=d),h>N)if(u>C-N)o.moveTo(h*M(m),h*O(m)),o.arc(0,0,h,m,f,!p),c>N&&(o.moveTo(c*M(f),c*O(f)),o.arc(0,0,c,f,m,p));else{var x,y,b=m,w=f,k=m,$=f,v=u,_=u,A=l.apply(this,arguments)/2,z=A>N&&(i?+i.apply(this,arguments):D(c*c+h*h)),T=F(I(h-c)/2,+n.apply(this,arguments)),j=T,E=T;if(z>N){var H=P(z/c*O(A)),B=P(z/h*O(A));(v-=2*H)>N?(k+=H*=p?1:-1,$-=H):(v=0,k=$=(m+f)/2),(_-=2*B)>N?(b+=B*=p?1:-1,w-=B):(_=0,b=w=(m+f)/2)}var G=h*M(b),L=h*O(b),V=c*M($),X=c*O($);if(T>N){var Z,K=h*M(w),Q=h*O(w),U=c*M(k),W=c*O(k);if(u<R)if(Z=function(t,e,n,i,r,a,l,o){var s=n-t,g=i-e,d=l-r,c=o-a,h=c*s-d*g;if(!(h*h<N))return[t+(h=(d*(e-a)-c*(t-r))/h)*s,e+h*g]}(G,L,U,W,K,Q,V,X)){var tt=G-Z[0],et=L-Z[1],nt=K-Z[0],it=Q-Z[1],rt=1/O(q((tt*nt+et*it)/(D(tt*tt+et*et)*D(nt*nt+it*it)))/2),at=D(Z[0]*Z[0]+Z[1]*Z[1]);j=F(T,(c-at)/(rt-1)),E=F(T,(h-at)/(rt+1))}else j=E=0}_>N?E>N?(x=Y(U,W,G,L,h,E,p),y=Y(K,Q,V,X,h,E,p),o.moveTo(x.cx+x.x01,x.cy+x.y01),E<T?o.arc(x.cx,x.cy,E,J(x.y01,x.x01),J(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,E,J(x.y01,x.x01),J(x.y11,x.x11),!p),o.arc(0,0,h,J(x.cy+x.y11,x.cx+x.x11),J(y.cy+y.y11,y.cx+y.x11),!p),o.arc(y.cx,y.cy,E,J(y.y11,y.x11),J(y.y01,y.x01),!p))):(o.moveTo(G,L),o.arc(0,0,h,b,w,!p)):o.moveTo(G,L),c>N&&v>N?j>N?(x=Y(V,X,K,Q,c,-j,p),y=Y(G,L,U,W,c,-j,p),o.lineTo(x.cx+x.x01,x.cy+x.y01),j<T?o.arc(x.cx,x.cy,j,J(x.y01,x.x01),J(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,j,J(x.y01,x.x01),J(x.y11,x.x11),!p),o.arc(0,0,c,J(x.cy+x.y11,x.cx+x.x11),J(y.cy+y.y11,y.cx+y.x11),p),o.arc(y.cx,y.cy,j,J(y.y11,y.x11),J(y.y01,y.x01),!p))):o.arc(0,0,c,$,k,p):o.lineTo(V,X)}else o.moveTo(0,0);if(o.closePath(),g)return o=null,g+""||null}return g.centroid=function(){var n=(+t.apply(this,arguments)+ +e.apply(this,arguments))/2,i=(+r.apply(this,arguments)+ +a.apply(this,arguments))/2-R/2;return[M(i)*n,O(i)*n]},g.innerRadius=function(e){return arguments.length?(t="function"==typeof e?e:T(+e),g):t},g.outerRadius=function(t){return arguments.length?(e="function"==typeof t?t:T(+t),g):e},g.cornerRadius=function(t){return arguments.length?(n="function"==typeof t?t:T(+t),g):n},g.padRadius=function(t){return arguments.length?(i=null==t?null:"function"==typeof t?t:T(+t),g):i},g.startAngle=function(t){return arguments.length?(r="function"==typeof t?t:T(+t),g):r},g.endAngle=function(t){return arguments.length?(a="function"==typeof t?t:T(+t),g):a},g.padAngle=function(t){return arguments.length?(l="function"==typeof t?t:T(+t),g):l},g.context=function(t){return arguments.length?(o=null==t?null:t,g):o},g}function K(t,e){return e<t?-1:e>t?1:e>=t?0:NaN}function Q(t){return t}function U(t,e,n){const i=t.slice();return i[7]=e[n],i}function W(t,e,n){const i=t.slice();return i[4]=e[n],i[33]=n,i}function tt(t,e,n){const i=t.slice();return i[34]=e[n],i}function et(t){let e,n,r,a=t[34].split(t[1])[1]+"";return{c(){e=l("span"),n=b("("),r=b(a),g(e,"class","legend__text--light")},m(t,a){i(t,e,a),c(e,n),c(e,r)},p(t,e){67&e[0]&&a!==(a=t[34].split(t[1])[1]+"")&&w(r,a)},d(t){t&&h(e)}}}function nt(t){let e,n,r,a,s,d=t[34].split(t[1])[0]+"",m=t[34].split(t[1])[1],f=m&&et(t);return{c(){e=l("p"),n=b(d),r=o(),f&&f.c(),a=o(),g(e,"class",s=ot(t[4].checked))},m(t,l){i(t,e,l),c(e,n),c(e,r),f&&f.m(e,null),c(e,a)},p(t,i){67&i[0]&&d!==(d=t[34].split(t[1])[0]+"")&&w(n,d),67&i[0]&&(m=t[34].split(t[1])[1]),m?f?f.p(t,i):(f=et(t),f.c(),f.m(e,a)):f&&(f.d(1),f=null),64&i[0]&&s!==(s=ot(t[4].checked))&&g(e,"class",s)},d(t){t&&h(e),f&&f.d()}}}function it(t){let e,n,r,a,s,d,f,u,p,b=t[4].name.split(t[0]),w=[];for(let e=0;e<b.length;e+=1)w[e]=nt(tt(t,b,e));function k(){return t[20](t[4])}return{c(){e=l("button"),n=x("svg"),r=x("rect"),s=o(),d=l("div");for(let t=0;t<w.length;t+=1)w[t].c();f=o(),g(r,"x","0"),g(r,"y","0"),g(r,"width","24"),g(r,"height","16"),g(r,"fill",a=t[12](t[4],t[33],t[10],t[9])),g(n,"class","legend__box"),g(e,"class","legend__item")},m(t,a){i(t,e,a),c(e,n),c(n,r),c(e,s),c(e,d);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(d,null);c(e,f),u||(p=y(e,"click",k),u=!0)},p(e,n){if(t=e,1600&n[0]&&a!==(a=t[12](t[4],t[33],t[10],t[9]))&&g(r,"fill",a),67&n[0]){let e;for(b=t[4].name.split(t[0]),e=0;e<b.length;e+=1){const i=tt(t,b,e);w[e]?w[e].p(i,n):(w[e]=nt(i),w[e].c(),w[e].m(d,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},d(t){t&&h(e),m(w,t),u=!1,p()}}}function rt(t){let e,n,r=t[8].text+"";return{c(){e=l("div"),n=b(r),g(e,"class","chart__tooltip"),d(e,"left",t[8].left),d(e,"top",t[8].top)},m(t,r){i(t,e,r),c(e,n)},p(t,i){256&i[0]&&r!==(r=t[8].text+"")&&w(n,r),256&i[0]&&d(e,"left",t[8].left),256&i[0]&&d(e,"top",t[8].top)},d(t){t&&h(e)}}}function at(t){let e,n,r=t[7]+"";return{c(){e=new v(!1),n=k(),e.a=n},m(t,a){e.m(r,t,a),i(t,n,a)},p(t,n){1024&n[0]&&r!==(r=t[7]+"")&&e.p(r)},d(t){t&&h(n),t&&e.d()}}}function lt(t){let e,n,r,a,f,u,p=t[6],x=[];for(let e=0;e<p.length;e+=1)x[e]=it(W(t,p,e));let y=t[8].show&&rt(t),b=t[10],w=[];for(let e=0;e<b.length;e+=1)w[e]=at(U(t,b,e));return{c(){e=l("div"),n=l("div");for(let t=0;t<x.length;t+=1)x[t].c();r=o(),y&&y.c(),f=o(),u=l("div");for(let t=0;t<w.length;t+=1)w[t].c();this.c=s,g(n,"class","legend"),g(e,"class",a="chart "+st(t[3])),d(e,"background-color",t[2]),d(u,"height","0"),d(u,"width","0"),g(u,"class","pattern")},m(a,l){i(a,e,l),c(e,n);for(let t=0;t<x.length;t+=1)x[t]&&x[t].m(n,null);c(e,r),y&&y.m(e,null),t[21](e),i(a,f,l),i(a,u,l);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(u,null)},p(t,i){if(7747&i[0]){let e;for(p=t[6],e=0;e<p.length;e+=1){const r=W(t,p,e);x[e]?x[e].p(r,i):(x[e]=it(r),x[e].c(),x[e].m(n,null))}for(;e<x.length;e+=1)x[e].d(1);x.length=p.length}if(t[8].show?y?y.p(t,i):(y=rt(t),y.c(),y.m(e,null)):y&&(y.d(1),y=null),8&i[0]&&a!==(a="chart "+st(t[3]))&&g(e,"class",a),4&i[0]&&d(e,"background-color",t[2]),1024&i[0]){let e;for(b=t[10],e=0;e<b.length;e+=1){const n=U(t,b,e);w[e]?w[e].p(n,i):(w[e]=at(n),w[e].c(),w[e].m(u,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},i:s,o:s,d(n){n&&h(e),m(x,n),y&&y.d(),t[21](null),n&&h(f),n&&h(u),m(w,n)}}}function ot(t){return"legend__text"+(t?" legend__text--not-selected":"")}function st(t){switch(t){case"top":return"chart--top";case"right":default:return"chart--right";case"bottom":return"chart--bottom";case"left":return"chart--left"}}function gt(t,e,n){let i,r,a,l,o,s,{data:g=""}=e,{svgs:d}=e,{colors:c}=e,{title:h}=e,{legendseparator:m=","}=e,{legendseparatorcount:x="("}=e,{dimension:y=250}=e,{padangle:b=.05}=e,{backgroundcolor:w="#fff"}=e,{delay:k=500}=e,{legendposition:v="right"}=e,E=!1,R=new z(f(),u()),M={left:"0px",top:"0px",text:"",show:!1};const O=y/2,S=Z().outerRadius(O-5).innerRadius(O-60).padAngle(b),N=function(){var t=Q,e=K,n=null,i=T(0),r=T(C),a=T(0);function l(l){var o,s,g,d,c,h=(l=j(l)).length,m=0,f=new Array(h),u=new Array(h),p=+i.apply(this,arguments),x=Math.min(C,Math.max(-C,r.apply(this,arguments)-p)),y=Math.min(Math.abs(x)/h,a.apply(this,arguments)),b=y*(x<0?-1:1);for(o=0;o<h;++o)(c=u[f[o]=o]=+t(l[o],o,l))>0&&(m+=c);for(null!=e?f.sort((function(t,n){return e(u[t],u[n])})):null!=n&&f.sort((function(t,e){return n(l[t],l[e])})),o=0,g=m?(x-h*b)/m:0;o<h;++o,p=d)s=f[o],d=p+((c=u[s])>0?c*g:0)+b,u[s]={data:l[s],index:o,value:c,startAngle:p,endAngle:d,padAngle:y};return u}return l.value=function(e){return arguments.length?(t="function"==typeof e?e:T(+e),l):t},l.sortValues=function(t){return arguments.length?(e=t,n=null,l):e},l.sort=function(t){return arguments.length?(n=t,e=null,l):n},l.startAngle=function(t){return arguments.length?(i="function"==typeof t?t:T(+t),l):i},l.endAngle=function(t){return arguments.length?(r="function"==typeof t?t:T(+t),l):r},l.padAngle=function(t){return arguments.length?(a="function"==typeof t?t:T(+t),l):a},l}().sort(null).startAngle(1.1*Math.PI).endAngle(3.1*Math.PI).value((t=>t.total)),D=()=>i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[];function F(t){s.selectAll("path").data(N(t)).transition().duration(k).attr("stroke-width",((t,e)=>i[e].checked?"0px":"4px")).attrTween("d",(function(t){const e=A(this._current,t);return this._current=e(0),t=>S(e(t))||""})),s.selectAll("svg text").filter((function(){return/^[0-9]/.test(_(this).text())})).text(String(D()))}function I(t){const e=s.selectAll("path").data().map(((e,r)=>{const a=e.data;if(a.name===t){n(6,i[r].checked=!i[r].checked,i);const t=0===a.total?i[r].total:0;return Object.assign(Object.assign({},a),{total:t})}return Object.assign({},a)}));F(e)}p((()=>n(19,E=!0)));return t.$$set=t=>{"data"in t&&n(4,g=t.data),"svgs"in t&&n(13,d=t.svgs),"colors"in t&&n(14,c=t.colors),"title"in t&&n(15,h=t.title),"legendseparator"in t&&n(0,m=t.legendseparator),"legendseparatorcount"in t&&n(1,x=t.legendseparatorcount),"dimension"in t&&n(16,y=t.dimension),"padangle"in t&&n(17,b=t.padangle),"backgroundcolor"in t&&n(2,w=t.backgroundcolor),"delay"in t&&n(18,k=t.delay),"legendposition"in t&&n(3,v=t.legendposition)},t.$$.update=()=>{16&t.$$.dirty[0]&&n(6,i=g?JSON.parse(g):[]),8192&t.$$.dirty[0]&&n(10,r=d?JSON.parse(d):[]),16384&t.$$.dirty[0]&&n(9,a=c?JSON.parse(c):["#605F9D","#D9F0F3","#EAEDEF","#0B96CC","#EA7315","#EA302D"]),64&t.$$.dirty[0]&&(l=i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[]),59e4&t.$$.dirty[0]&&g.length>0&&E&&(s?s.selectAll("path").remove():n(7,s=_(o).append("svg").attr("width",y).attr("height",y).append("g").attr("transform","translate("+y/2+","+y/2+")")),(()=>{const t=s.selectAll("path").data(N(i)).enter().append("path").attr("class","chart__arc").attr("title",(t=>t.data.name)).attr("stroke",(t=>`${a[t.index]}`)).attr("stroke-width","4px").style("fill",(t=>r.length>0?`url(#${t.data.patternId})`:(a.length,`${a[t.index]}`)));s.append("svg:text").attr("text-anchor","middle").attr("font-size","28").attr("fill","#333").text(String(l)),s.append("svg:text").attr("text-anchor","middle").attr("font-size","22").attr("fill","#333").attr("dy","1.5rem").text(h),t.transition().delay(((t,e)=>e*k)).duration(k).attrTween("d",(t=>{if(0===t.data.total)return()=>"";const e=A(t.startAngle+.1,t.endAngle);return n=>(t.endAngle=e(n),S(t)||"")})),t.on("mousemove",((t,e)=>{n(8,M={left:t.pageX+10+"px",top:t.pageY-25+"px",text:e.data.customTooltip?e.data.customTooltip:e.data.name,show:!0})})).on("mouseover",((t,e)=>{var n=s.selectAll(".chart__arc").filter((function(t){return t===e})),i=s.selectAll(".chart__arc").filter((function(t){return t!=e}));i.style("opacity",.7),n.style("transform","scale(1.02)")})).on("mouseout",((t,e)=>{var i=s.selectAll(".chart__arc").filter((function(t){return t===e})),r=s.selectAll(".chart__arc").filter((function(t){return t!=e}));r.style("opacity",1),i.style("transform","scale(1)"),n(8,M.show=!1,M)})).on("click",((t,e)=>{R.dispatch("donut-clicked",e)})),setTimeout((()=>{F(i)}),k*i.length)})())},[m,x,w,v,g,o,i,s,M,a,r,I,function(t,e,n,i){return n.length>0?`url(#${t.patternId})`:i.length>0?a[e]:void 0},d,c,h,y,b,k,E,t=>I(t.name),function(t){$[t?"unshift":"push"]((()=>{o=t,n(5,o)}))}]}class dt extends t{constructor(t){super();const l=document.createElement("style");l.textContent='.mt-heading{font-family:"LeroyMerlin", sans-serif;font-weight:400;color:#000000;display:block;margin-bottom:2rem}.mt-heading--underline::after{content:"";display:block;height:0.25rem;background-color:#4d5bf5}.mt-heading--line-primary-01-200::after,.mt-heading--line-lightest::after{background-color:#b8bef4}.mt-heading--line-primary-02-200::after{background-color:#ffab80}.mt-heading--line-primary-02-600::after{background-color:#b83f00}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.5rem;line-height:1.3333333333}.mt-heading--s.mt-heading--underline::after{width:4rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}.mt-heading--m.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}.mt-heading--l.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--lightest{color:#ffffff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:600}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}.mt-heading--s.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}.mt-heading--m.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--l.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9756097561}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}.mt-heading--s.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--m.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--m.mt-heading--line-height-xs{line-height:0.9756097561}.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}.mt-heading--l.mt-heading--underline::after{width:6rem;margin-top:2rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9795918367}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline::after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline::after{margin-left:0;margin-right:auto}}.opaque{opacity:0.7}.chart{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#ffffff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart--top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chart--right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chart--bottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.chart--left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.chart__tooltip{position:absolute;width:auto;height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;padding:0.5rem 1rem;text-align:center}.chart__arc{cursor:pointer;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;-o-transition:transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0 1.5rem;height:100%;margin:0;color:#000000}.legend__title{padding:0.75rem;white-space:nowrap;margin:0}.legend__title--light{color:#808080}.legend__item{cursor:pointer;background:none;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:0.75rem;margin-bottom:0.25rem;font-size:0.875rem}.legend__item:focus,.legend__item:hover{outline:0;text-decoration:underline}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.75rem;height:16px;width:24px}.legend__text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;margin:0 0 0.25rem 0;padding:0}.legend__text--light{color:#808080}.legend__text--not-selected{text-decoration:line-through}.pattern{z-index:-1;position:absolute}',this.shadowRoot.appendChild(l),e(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},gt,lt,a,{data:4,svgs:13,colors:14,title:15,legendseparator:0,legendseparatorcount:1,dimension:16,padangle:17,backgroundcolor:2,delay:18,legendposition:3},null,[-1,-1]),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["data","svgs","colors","title","legendseparator","legendseparatorcount","dimension","padangle","backgroundcolor","delay","legendposition"]}get data(){return this.$$.ctx[4]}set data(t){this.$$set({data:t}),r()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),r()}get colors(){return this.$$.ctx[14]}set colors(t){this.$$set({colors:t}),r()}get title(){return this.$$.ctx[15]}set title(t){this.$$set({title:t}),r()}get legendseparator(){return this.$$.ctx[0]}set legendseparator(t){this.$$set({legendseparator:t}),r()}get legendseparatorcount(){return this.$$.ctx[1]}set legendseparatorcount(t){this.$$set({legendseparatorcount:t}),r()}get dimension(){return this.$$.ctx[16]}set dimension(t){this.$$set({dimension:t}),r()}get padangle(){return this.$$.ctx[17]}set padangle(t){this.$$set({padangle:t}),r()}get backgroundcolor(){return this.$$.ctx[2]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),r()}get delay(){return this.$$.ctx[18]}set delay(t){this.$$set({delay:t}),r()}get legendposition(){return this.$$.ctx[3]}set legendposition(t){this.$$set({legendposition:t}),r()}}customElements.define("m-donut",dt);export{dt as default};
 //# sourceMappingURL=Donut.js.map

package/public/bricoman/components/chart/Donut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","sources":["../../../../node_modules/d3-shape/src/arc.js","../../../../node_modules/d3-shape/src/descending.js","../../../../node_modules/d3-shape/src/identity.js","../../../../src/components/chart/Donut.svelte","../../../../node_modules/d3-shape/src/pie.js"],"sourcesContent":["import constant from \"./constant.js\";\nimport {abs, acos, asin, atan2, cos, epsilon, halfPi, max, min, pi, sin, sqrt, tau} from \"./math.js\";\nimport {withPath} from \"./path.js\";\n\nfunction arcInnerRadius(d) {\n  return d.innerRadius;\n}\n\nfunction arcOuterRadius(d) {\n  return d.outerRadius;\n}\n\nfunction arcStartAngle(d) {\n  return d.startAngle;\n}\n\nfunction arcEndAngle(d) {\n  return d.endAngle;\n}\n\nfunction arcPadAngle(d) {\n  return d && d.padAngle; // Note: optional!\n}\n\nfunction intersect(x0, y0, x1, y1, x2, y2, x3, y3) {\n  var x10 = x1 - x0, y10 = y1 - y0,\n      x32 = x3 - x2, y32 = y3 - y2,\n      t = y32 * x10 - x32 * y10;\n  if (t * t < epsilon) return;\n  t = (x32 * (y0 - y2) - y32 * (x0 - x2)) / t;\n  return [x0 + t * x10, y0 + t * y10];\n}\n\n// Compute perpendicular offset line of length rc.\n// http://mathworld.wolfram.com/Circle-LineIntersection.html\nfunction cornerTangents(x0, y0, x1, y1, r1, rc, cw) {\n  var x01 = x0 - x1,\n      y01 = y0 - y1,\n      lo = (cw ? rc : -rc) / sqrt(x01 * x01 + y01 * y01),\n      ox = lo * y01,\n      oy = -lo * x01,\n      x11 = x0 + ox,\n      y11 = y0 + oy,\n      x10 = x1 + ox,\n      y10 = y1 + oy,\n      x00 = (x11 + x10) / 2,\n      y00 = (y11 + y10) / 2,\n      dx = x10 - x11,\n      dy = y10 - y11,\n      d2 = dx * dx + dy * dy,\n      r = r1 - rc,\n      D = x11 * y10 - x10 * y11,\n      d = (dy < 0 ? -1 : 1) * sqrt(max(0, r * r * d2 - D * D)),\n      cx0 = (D * dy - dx * d) / d2,\n      cy0 = (-D * dx - dy * d) / d2,\n      cx1 = (D * dy + dx * d) / d2,\n      cy1 = (-D * dx + dy * d) / d2,\n      dx0 = cx0 - x00,\n      dy0 = cy0 - y00,\n      dx1 = cx1 - x00,\n      dy1 = cy1 - y00;\n\n  // Pick the closer of the two intersection points.\n  // TODO Is there a faster way to determine which intersection to use?\n  if (dx0 * dx0 + dy0 * dy0 > dx1 * dx1 + dy1 * dy1) cx0 = cx1, cy0 = cy1;\n\n  return {\n    cx: cx0,\n    cy: cy0,\n    x01: -ox,\n    y01: -oy,\n    x11: cx0 * (r1 / r - 1),\n    y11: cy0 * (r1 / r - 1)\n  };\n}\n\nexport default function() {\n  var innerRadius = arcInnerRadius,\n      outerRadius = arcOuterRadius,\n      cornerRadius = constant(0),\n      padRadius = null,\n      startAngle = arcStartAngle,\n      endAngle = arcEndAngle,\n      padAngle = arcPadAngle,\n      context = null,\n      path = withPath(arc);\n\n  function arc() {\n    var buffer,\n        r,\n        r0 = +innerRadius.apply(this, arguments),\n        r1 = +outerRadius.apply(this, arguments),\n        a0 = startAngle.apply(this, arguments) - halfPi,\n        a1 = endAngle.apply(this, arguments) - halfPi,\n        da = abs(a1 - a0),\n        cw = a1 > a0;\n\n    if (!context) context = buffer = path();\n\n    // Ensure that the outer radius is always larger than the inner radius.\n    if (r1 < r0) r = r1, r1 = r0, r0 = r;\n\n    // Is it a point?\n    if (!(r1 > epsilon)) context.moveTo(0, 0);\n\n    // Or is it a circle or annulus?\n    else if (da > tau - epsilon) {\n      context.moveTo(r1 * cos(a0), r1 * sin(a0));\n      context.arc(0, 0, r1, a0, a1, !cw);\n      if (r0 > epsilon) {\n        context.moveTo(r0 * cos(a1), r0 * sin(a1));\n        context.arc(0, 0, r0, a1, a0, cw);\n      }\n    }\n\n    // Or is it a circular or annular sector?\n    else {\n      var a01 = a0,\n          a11 = a1,\n          a00 = a0,\n          a10 = a1,\n          da0 = da,\n          da1 = da,\n          ap = padAngle.apply(this, arguments) / 2,\n          rp = (ap > epsilon) && (padRadius ? +padRadius.apply(this, arguments) : sqrt(r0 * r0 + r1 * r1)),\n          rc = min(abs(r1 - r0) / 2, +cornerRadius.apply(this, arguments)),\n          rc0 = rc,\n          rc1 = rc,\n          t0,\n          t1;\n\n      // Apply padding? Note that since r1 ≥ r0, da1 ≥ da0.\n      if (rp > epsilon) {\n        var p0 = asin(rp / r0 * sin(ap)),\n            p1 = asin(rp / r1 * sin(ap));\n        if ((da0 -= p0 * 2) > epsilon) p0 *= (cw ? 1 : -1), a00 += p0, a10 -= p0;\n        else da0 = 0, a00 = a10 = (a0 + a1) / 2;\n        if ((da1 -= p1 * 2) > epsilon) p1 *= (cw ? 1 : -1), a01 += p1, a11 -= p1;\n        else da1 = 0, a01 = a11 = (a0 + a1) / 2;\n      }\n\n      var x01 = r1 * cos(a01),\n          y01 = r1 * sin(a01),\n          x10 = r0 * cos(a10),\n          y10 = r0 * sin(a10);\n\n      // Apply rounded corners?\n      if (rc > epsilon) {\n        var x11 = r1 * cos(a11),\n            y11 = r1 * sin(a11),\n            x00 = r0 * cos(a00),\n            y00 = r0 * sin(a00),\n            oc;\n\n        // Restrict the corner radius according to the sector angle. If this\n        // intersection fails, it’s probably because the arc is too small, so\n        // disable the corner radius entirely.\n        if (da < pi) {\n          if (oc = intersect(x01, y01, x00, y00, x11, y11, x10, y10)) {\n            var ax = x01 - oc[0],\n                ay = y01 - oc[1],\n                bx = x11 - oc[0],\n                by = y11 - oc[1],\n                kc = 1 / sin(acos((ax * bx + ay * by) / (sqrt(ax * ax + ay * ay) * sqrt(bx * bx + by * by))) / 2),\n                lc = sqrt(oc[0] * oc[0] + oc[1] * oc[1]);\n            rc0 = min(rc, (r0 - lc) / (kc - 1));\n            rc1 = min(rc, (r1 - lc) / (kc + 1));\n          } else {\n            rc0 = rc1 = 0;\n          }\n        }\n      }\n\n      // Is the sector collapsed to a line?\n      if (!(da1 > epsilon)) context.moveTo(x01, y01);\n\n      // Does the sector’s outer ring have rounded corners?\n      else if (rc1 > epsilon) {\n        t0 = cornerTangents(x00, y00, x01, y01, r1, rc1, cw);\n        t1 = cornerTangents(x11, y11, x10, y10, r1, rc1, cw);\n\n        context.moveTo(t0.cx + t0.x01, t0.cy + t0.y01);\n\n        // Have the corners merged?\n        if (rc1 < rc) context.arc(t0.cx, t0.cy, rc1, atan2(t0.y01, t0.x01), atan2(t1.y01, t1.x01), !cw);\n\n        // Otherwise, draw the two corners and the ring.\n        else {\n          context.arc(t0.cx, t0.cy, rc1, atan2(t0.y01, t0.x01), atan2(t0.y11, t0.x11), !cw);\n          context.arc(0, 0, r1, atan2(t0.cy + t0.y11, t0.cx + t0.x11), atan2(t1.cy + t1.y11, t1.cx + t1.x11), !cw);\n          context.arc(t1.cx, t1.cy, rc1, atan2(t1.y11, t1.x11), atan2(t1.y01, t1.x01), !cw);\n        }\n      }\n\n      // Or is the outer ring just a circular arc?\n      else context.moveTo(x01, y01), context.arc(0, 0, r1, a01, a11, !cw);\n\n      // Is there no inner ring, and it’s a circular sector?\n      // Or perhaps it’s an annular sector collapsed due to padding?\n      if (!(r0 > epsilon) || !(da0 > epsilon)) context.lineTo(x10, y10);\n\n      // Does the sector’s inner ring (or point) have rounded corners?\n      else if (rc0 > epsilon) {\n        t0 = cornerTangents(x10, y10, x11, y11, r0, -rc0, cw);\n        t1 = cornerTangents(x01, y01, x00, y00, r0, -rc0, cw);\n\n        context.lineTo(t0.cx + t0.x01, t0.cy + t0.y01);\n\n        // Have the corners merged?\n        if (rc0 < rc) context.arc(t0.cx, t0.cy, rc0, atan2(t0.y01, t0.x01), atan2(t1.y01, t1.x01), !cw);\n\n        // Otherwise, draw the two corners and the ring.\n        else {\n          context.arc(t0.cx, t0.cy, rc0, atan2(t0.y01, t0.x01), atan2(t0.y11, t0.x11), !cw);\n          context.arc(0, 0, r0, atan2(t0.cy + t0.y11, t0.cx + t0.x11), atan2(t1.cy + t1.y11, t1.cx + t1.x11), cw);\n          context.arc(t1.cx, t1.cy, rc0, atan2(t1.y11, t1.x11), atan2(t1.y01, t1.x01), !cw);\n        }\n      }\n\n      // Or is the inner ring just a circular arc?\n      else context.arc(0, 0, r0, a10, a00, cw);\n    }\n\n    context.closePath();\n\n    if (buffer) return context = null, buffer + \"\" || null;\n  }\n\n  arc.centroid = function() {\n    var r = (+innerRadius.apply(this, arguments) + +outerRadius.apply(this, arguments)) / 2,\n        a = (+startAngle.apply(this, arguments) + +endAngle.apply(this, arguments)) / 2 - pi / 2;\n    return [cos(a) * r, sin(a) * r];\n  };\n\n  arc.innerRadius = function(_) {\n    return arguments.length ? (innerRadius = typeof _ === \"function\" ? _ : constant(+_), arc) : innerRadius;\n  };\n\n  arc.outerRadius = function(_) {\n    return arguments.length ? (outerRadius = typeof _ === \"function\" ? _ : constant(+_), arc) : outerRadius;\n  };\n\n  arc.cornerRadius = function(_) {\n    return arguments.length ? (cornerRadius = typeof _ === \"function\" ? _ : constant(+_), arc) : cornerRadius;\n  };\n\n  arc.padRadius = function(_) {\n    return arguments.length ? (padRadius = _ == null ? null : typeof _ === \"function\" ? _ : constant(+_), arc) : padRadius;\n  };\n\n  arc.startAngle = function(_) {\n    return arguments.length ? (startAngle = typeof _ === \"function\" ? _ : constant(+_), arc) : startAngle;\n  };\n\n  arc.endAngle = function(_) {\n    return arguments.length ? (endAngle = typeof _ === \"function\" ? _ : constant(+_), arc) : endAngle;\n  };\n\n  arc.padAngle = function(_) {\n    return arguments.length ? (padAngle = typeof _ === \"function\" ? _ : constant(+_), arc) : padAngle;\n  };\n\n  arc.context = function(_) {\n    return arguments.length ? ((context = _ == null ? null : _), arc) : context;\n  };\n\n  return arc;\n}\n","export default function(a, b) {\n  return b < a ? -1 : b > a ? 1 : b >= a ? 0 : NaN;\n}\n","export default function(d) {\n  return d;\n}\n","<svelte:options tag=\"m-donut\" />\n\n<script lang=\"ts\">\n  import { onMount } from 'svelte';\n\n  import {\n    select,\n    arc as d3Arc,\n    pie as d3Pie,\n    interpolate,\n    Selection,\n    PieArcDatum,\n  } from 'd3';\n  import type { DonutData, ChartContext, LegendPosition } from './donut.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let data: string = '';\n  $: parsedData = data ? (JSON.parse(data) as DonutData[]) : [];\n\n  export let svgs: string;\n  $: parsedSvgs = svgs\n    ? (JSON.parse(svgs) as SVGElement[])\n    : ([] as SVGElement[]);\n\n  export let colors: string;\n  $: parsedColors = colors\n    ? JSON.parse(colors)\n    : ['#605F9D', '#D9F0F3', '#EAEDEF', '#0B96CC', '#EA7315', '#EA302D'];\n\n  export let title: string;\n  export let legendseparator = ',';\n  export let legendseparatorcount = '(';\n  export let dimension = 250;\n  export let padangle = 0.05;\n  export let backgroundcolor = '#fff';\n  export let delay = 500;\n  export let legendposition: LegendPosition = 'right';\n\n  $: count = parsedData\n    ? parsedData\n        .filter((d) => {\n          return !d.checked;\n        })\n        .reduce((acc, item) => (acc += item.total), 0)\n    : [];\n\n  let chart: HTMLDivElement;\n  let svg: Selection<SVGGElement, PieArcDatum<DonutData>, any, any>;\n\n  let hasMounted = false;\n  let eventHandler = new EventHandler();\n\n  let tooltipData = {\n    left: '0px',\n    top: '0px',\n    text: '',\n    show: false,\n  };\n\n  const radius = dimension / 2;\n\n  const arc = d3Arc<PieArcDatum<DonutData>>()\n    .outerRadius(radius - 5)\n    .innerRadius(radius - 60)\n    .padAngle(padangle);\n\n  const pie = d3Pie<DonutData>()\n    .sort(null)\n    .startAngle(1.1 * Math.PI)\n    .endAngle(3.1 * Math.PI)\n    .value((data) => data.total);\n\n  $: if (data.length > 0 && hasMounted) {\n    if (!svg) {\n      svg = select<HTMLElement, PieArcDatum<DonutData>>(chart)\n        .append('svg')\n        .attr('width', dimension)\n        .attr('height', dimension)\n        .append('g')\n        .attr(\n          'transform',\n          'translate(' + dimension / 2 + ',' + dimension / 2 + ')',\n        );\n    } else {\n      svg.selectAll('path').remove();\n    }\n\n    renderChart();\n  }\n\n  const getTotal = () => {\n    return parsedData\n      ? parsedData\n          .filter((d) => {\n            return !d.checked;\n          })\n          .reduce((acc, item) => (acc += item.total), 0)\n      : [];\n  };\n\n  const renderChart = () => {\n    const paths = svg\n      .selectAll('path')\n      .data(pie(parsedData))\n      .enter()\n      .append('path')\n      .attr('class', 'chart__arc')\n      .attr('title', (d) => d.data.name)\n      .attr('stroke', (d) => `${parsedColors[d.index]}`)\n      .attr('stroke-width', '4px')\n      .style('fill', (d) => {\n        if (parsedSvgs.length > 0) {\n          return `url(#${d.data.patternId})`;\n        } else if (parsedColors.length > 0) {\n          return `${parsedColors[d.index]}`;\n        }\n        return `${parsedColors[d.index]}`;\n      });\n\n    svg\n      .append('svg:text')\n      .attr('text-anchor', 'middle')\n      .attr('font-size', '28')\n      .attr('fill', '#333')\n      .text(String(count));\n\n    svg\n      .append('svg:text')\n      .attr('text-anchor', 'middle')\n      .attr('font-size', '22')\n      .attr('fill', '#333')\n      .attr('dy', '1.5rem')\n      .text(title);\n\n    paths\n      .transition()\n      .delay((_d, index) => index * delay)\n      .duration(delay)\n      .attrTween('d', (d: PieArcDatum<DonutData>) => {\n        if (d.data.total === 0) return () => '';\n\n        const i = interpolate(d.startAngle + 0.1, d.endAngle);\n        return (t: number) => {\n          d.endAngle = i(t);\n          return arc(d) || '';\n        };\n      });\n\n    paths\n      .on('mousemove', (e: MouseEvent, chartEvent: PieArcDatum<DonutData>) => {\n        tooltipData = {\n          left: e.pageX + 10 + 'px',\n          top: e.pageY - 25 + 'px',\n          text: chartEvent.data.customTooltip\n            ? chartEvent.data.customTooltip\n            : chartEvent.data.name,\n          show: true,\n        };\n      })\n      .on('mouseover', (_e: MouseEvent, chartEvent: PieArcDatum<DonutData>) => {\n        var current = svg.selectAll('.chart__arc').filter(function (arc) {\n          return arc === chartEvent;\n        });\n\n        var others = svg.selectAll('.chart__arc').filter(function (arc) {\n          return arc != chartEvent;\n        });\n\n        others.style('opacity', 0.7);\n        current.style('transform', 'scale(1.02)');\n      })\n      .on('mouseout', (_e: MouseEvent, chartEvent: PieArcDatum<DonutData>) => {\n        var current = svg.selectAll('.chart__arc').filter(function (arc) {\n          return arc === chartEvent;\n        });\n\n        var others = svg.selectAll('.chart__arc').filter(function (arc) {\n          return arc != chartEvent;\n        });\n\n        others.style('opacity', 1);\n        current.style('transform', 'scale(1)');\n        tooltipData.show = false;\n      })\n      .on('click', (_e: MouseEvent, chartEvent: PieArcDatum<DonutData>) => {\n        eventHandler.dispatch('donut-clicked', chartEvent);\n      });\n\n    setTimeout(() => {\n      updateChart(parsedData);\n    }, delay * parsedData.length);\n  };\n\n  function updateChart(data: DonutData[]) {\n    svg\n      .selectAll('path')\n      .data(pie(data))\n      .transition()\n      .duration(delay)\n      .attr('stroke-width', (_d, i) => {\n        return parsedData[i].checked ? '0px' : '4px';\n      })\n      .attrTween('d', function (d: PieArcDatum<DonutData>) {\n        const i: any = interpolate((this as ChartContext)._current, d);\n        (this as ChartContext)._current = i(0);\n        return (t: number) => arc(i(t)) || '';\n      });\n\n    svg\n      .selectAll('svg text')\n      .filter(function () {\n        return /^[0-9]/.test(select(this).text()); // Check if text begin with a \"C\"\n      })\n      .text(String(getTotal()));\n  }\n\n  function filterChart(name: string) {\n    const updatedData = svg\n      .selectAll('path')\n      .data()\n      .map((d, i) => {\n        const data = (d as PieArcDatum<DonutData>).data;\n        if (data.name === name) {\n          parsedData[i].checked = !parsedData[i].checked;\n          const total = data.total === 0 ? parsedData[i].total : 0;\n          return { ...data, total };\n        }\n        return { ...data };\n      });\n    updateChart(updatedData);\n  }\n\n  function getLegendTextClasses(checked: boolean | undefined) {\n    return `legend__text${checked ? ' legend__text--not-selected' : ''}`;\n  }\n\n  function getFillColor(\n    data: DonutData,\n    index: number,\n    svgs: SVGElement[],\n    colors: [],\n  ) {\n    if (svgs.length > 0) {\n      return `url(#${data.patternId})`;\n    } else if (colors.length > 0) {\n      return parsedColors[index];\n    }\n  }\n\n  function getLegendPosition(legendposition: LegendPosition) {\n    switch (legendposition) {\n      case 'top':\n        return 'chart--top';\n        break;\n      case 'right':\n        return 'chart--right';\n        break;\n      case 'bottom':\n        return 'chart--bottom';\n        break;\n      case 'left':\n        return 'chart--left';\n        break;\n      default:\n        return 'chart--right';\n        break;\n    }\n  }\n\n  onMount(() => (hasMounted = true));\n</script>\n\n<div\n  bind:this={chart}\n  class=\"chart {getLegendPosition(legendposition)}\"\n  style=\"background-color: {backgroundcolor};\"\n>\n  <div class=\"legend\">\n    {#each parsedData as data, i}\n      <button class=\"legend__item\" on:click={() => filterChart(data.name)}>\n        <svg class=\"legend__box\">\n          <rect\n            x=\"0\"\n            y=\"0\"\n            width=\"24\"\n            height=\"16\"\n            fill={getFillColor(data, i, parsedSvgs, parsedColors)}\n          />\n        </svg>\n        <div>\n          {#each data.name.split(legendseparator) as name}\n            <p class={getLegendTextClasses(data.checked)}>\n              {name.split(legendseparatorcount)[0]}\n              {#if name.split(legendseparatorcount)[1]}\n                <span class=\"legend__text--light\"\n                  >({name.split(legendseparatorcount)[1]}</span\n                >\n              {/if}\n            </p>\n          {/each}\n        </div>\n      </button>\n    {/each}\n  </div>\n\n  {#if tooltipData.show}\n    <div\n      class=\"chart__tooltip\"\n      style=\"left: {tooltipData.left}; top: {tooltipData.top};\"\n    >\n      {tooltipData.text}\n    </div>\n  {/if}\n</div>\n\n<div style=\"height: 0; width: 0;\" class=\"pattern\">\n  {#each parsedSvgs as svg}\n    {@html svg}\n  {/each}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/typography/_t.headings';\n\n  .opaque {\n    opacity: 0.7;\n  }\n\n  .chart {\n    display: flex;\n    flex-wrap: wrap;\n    background-color: $color-grey-000;\n    justify-content: center;\n    align-items: center;\n    &--top {\n      flex-direction: column;\n    }\n    &--right {\n      flex-direction: row-reverse;\n    }\n    &--bottom {\n      flex-direction: column-reverse;\n    }\n    &--left {\n      flex-direction: row;\n    }\n    &__tooltip {\n      position: absolute;\n      width: auto;\n      height: auto;\n      background-color: $color-grey-700;\n      border-radius: 4px;\n      color: $color-grey-000;\n      padding: magic-unit-rem(0.5) magic-unit-rem(1);\n      text-align: center;\n    }\n\n    &__arc {\n      cursor: pointer;\n      transition: transform 0.3s ease;\n    }\n  }\n\n  .legend {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    padding: 0 magic-unit-rem(1.5);\n    height: 100%;\n    margin: 0;\n    color: $color-grey-999;\n\n    &__title {\n      padding: magic-unit-rem(0.75);\n      white-space: nowrap;\n      margin: 0;\n\n      &--light {\n        color: $color-grey-500;\n      }\n    }\n\n    &__item {\n      cursor: pointer;\n      background: none;\n      border: none;\n      display: flex;\n      flex-direction: row;\n      margin-left: magic-unit-rem(0.75);\n      margin-bottom: magic-unit-rem(0.25);\n      font-size: $size-font-04;\n\n      &:focus,\n      &:hover {\n        outline: 0;\n        text-decoration: underline;\n      }\n    }\n\n    &__box {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: magic-unit-rem(0.75);\n      height: 16px;\n      width: 24px;\n    }\n    &__text {\n      width: fit-content;\n      white-space: nowrap;\n      margin: 0 0 magic-unit-rem(0.25) 0;\n      padding: 0;\n\n      &--light {\n        color: $color-grey-500;\n      }\n\n      &--not-selected {\n        text-decoration: line-through;\n      }\n    }\n  }\n\n  .pattern {\n    z-index: -1;\n    position: absolute;\n  }\n</style>\n","import array from \"./array.js\";\nimport constant from \"./constant.js\";\nimport descending from \"./descending.js\";\nimport identity from \"./identity.js\";\nimport {tau} from \"./math.js\";\n\nexport default function() {\n  var value = identity,\n      sortValues = descending,\n      sort = null,\n      startAngle = constant(0),\n      endAngle = constant(tau),\n      padAngle = constant(0);\n\n  function pie(data) {\n    var i,\n        n = (data = array(data)).length,\n        j,\n        k,\n        sum = 0,\n        index = new Array(n),\n        arcs = new Array(n),\n        a0 = +startAngle.apply(this, arguments),\n        da = Math.min(tau, Math.max(-tau, endAngle.apply(this, arguments) - a0)),\n        a1,\n        p = Math.min(Math.abs(da) / n, padAngle.apply(this, arguments)),\n        pa = p * (da < 0 ? -1 : 1),\n        v;\n\n    for (i = 0; i < n; ++i) {\n      if ((v = arcs[index[i] = i] = +value(data[i], i, data)) > 0) {\n        sum += v;\n      }\n    }\n\n    // Optionally sort the arcs by previously-computed values or by data.\n    if (sortValues != null) index.sort(function(i, j) { return sortValues(arcs[i], arcs[j]); });\n    else if (sort != null) index.sort(function(i, j) { return sort(data[i], data[j]); });\n\n    // Compute the arcs! They are stored in the original data's order.\n    for (i = 0, k = sum ? (da - n * pa) / sum : 0; i < n; ++i, a0 = a1) {\n      j = index[i], v = arcs[j], a1 = a0 + (v > 0 ? v * k : 0) + pa, arcs[j] = {\n        data: data[j],\n        index: i,\n        value: v,\n        startAngle: a0,\n        endAngle: a1,\n        padAngle: p\n      };\n    }\n\n    return arcs;\n  }\n\n  pie.value = function(_) {\n    return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(+_), pie) : value;\n  };\n\n  pie.sortValues = function(_) {\n    return arguments.length ? (sortValues = _, sort = null, pie) : sortValues;\n  };\n\n  pie.sort = function(_) {\n    return arguments.length ? (sort = _, sortValues = null, pie) : sort;\n  };\n\n  pie.startAngle = function(_) {\n    return arguments.length ? (startAngle = typeof _ === \"function\" ? _ : constant(+_), pie) : startAngle;\n  };\n\n  pie.endAngle = function(_) {\n    return arguments.length ? (endAngle = typeof _ === \"function\" ? _ : constant(+_), pie) : endAngle;\n  };\n\n  pie.padAngle = function(_) {\n    return arguments.length ? (padAngle = typeof _ === \"function\" ? _ : constant(+_), pie) : padAngle;\n  };\n\n  return pie;\n}\n"],"names":["arcInnerRadius","d","innerRadius","arcOuterRadius","outerRadius","arcStartAngle","startAngle","arcEndAngle","endAngle","arcPadAngle","padAngle","cornerTangents","x0","y0","x1","y1","r1","rc","cw","x01","y01","lo","sqrt","ox","oy","x11","y11","x10","y10","x00","y00","dx","dy","d2","r","D","max","cx0","cy0","cx1","cy1","dx0","dy0","dx1","dy1","cx","cy","d3Arc","cornerRadius","constant","padRadius","context","path","withPath","arc","buffer","r0","apply","this","arguments","a0","halfPi","a1","da","abs","epsilon","tau","moveTo","cos","sin","t0","t1","a01","a11","a00","a10","da0","da1","ap","rp","min","rc0","rc1","p0","asin","p1","oc","pi","x2","y2","x3","y3","x32","y32","t","intersect","ax","ay","bx","by","kc","acos","lc","atan2","lineTo","closePath","centroid","a","_","length","descending","b","NaN","identity","t1_value","ctx","split","insert","target","span","anchor","dirty","set_data","t0_value","show_if","getLegendTextClasses","checked","p","each_value_2","name","i","attr","rect","rect_fill_value","button","append","svg_1","div","t_value","text","set_style","left","top","html_tag","raw_value","if_block","show","create_if_block","div1","div1_class_value","getLegendPosition","div0","div2","legendposition","chart","svg","data","$$props","svgs","colors","title","legendseparator","legendseparatorcount","dimension","padangle","backgroundcolor","delay","hasMounted","eventHandler","EventHandler","tooltipData","radius","pie","value","sortValues","sort","j","k","v","n","array","sum","index","Array","arcs","Math","pa","d3Pie","PI","total","getTotal","parsedData","filter","reduce","acc","item","updateChart","selectAll","transition","duration","_d","attrTween","interpolate","_current","test","select","String","filterChart","updatedData","map","Object","assign","onMount","$$invalidate","JSON","parse","parsedSvgs","parsedColors","count","remove","paths","enter","style","patternId","on","e","chartEvent","pageX","pageY","customTooltip","_e","current","others","dispatch","setTimeout","renderChart","$$value"],"mappings":"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"}
+{"version":3,"file":"Donut.js","sources":["../../../../node_modules/d3-shape/src/arc.js","../../../../node_modules/d3-shape/src/descending.js","../../../../node_modules/d3-shape/src/identity.js","../../../../src/components/chart/Donut.svelte","../../../../node_modules/d3-shape/src/pie.js"],"sourcesContent":["import constant from \"./constant.js\";\nimport {abs, acos, asin, atan2, cos, epsilon, halfPi, max, min, pi, sin, sqrt, tau} from \"./math.js\";\nimport {withPath} from \"./path.js\";\n\nfunction arcInnerRadius(d) {\n  return d.innerRadius;\n}\n\nfunction arcOuterRadius(d) {\n  return d.outerRadius;\n}\n\nfunction arcStartAngle(d) {\n  return d.startAngle;\n}\n\nfunction arcEndAngle(d) {\n  return d.endAngle;\n}\n\nfunction arcPadAngle(d) {\n  return d && d.padAngle; // Note: optional!\n}\n\nfunction intersect(x0, y0, x1, y1, x2, y2, x3, y3) {\n  var x10 = x1 - x0, y10 = y1 - y0,\n      x32 = x3 - x2, y32 = y3 - y2,\n      t = y32 * x10 - x32 * y10;\n  if (t * t < epsilon) return;\n  t = (x32 * (y0 - y2) - y32 * (x0 - x2)) / t;\n  return [x0 + t * x10, y0 + t * y10];\n}\n\n// Compute perpendicular offset line of length rc.\n// http://mathworld.wolfram.com/Circle-LineIntersection.html\nfunction cornerTangents(x0, y0, x1, y1, r1, rc, cw) {\n  var x01 = x0 - x1,\n      y01 = y0 - y1,\n      lo = (cw ? rc : -rc) / sqrt(x01 * x01 + y01 * y01),\n      ox = lo * y01,\n      oy = -lo * x01,\n      x11 = x0 + ox,\n      y11 = y0 + oy,\n      x10 = x1 + ox,\n      y10 = y1 + oy,\n      x00 = (x11 + x10) / 2,\n      y00 = (y11 + y10) / 2,\n      dx = x10 - x11,\n      dy = y10 - y11,\n      d2 = dx * dx + dy * dy,\n      r = r1 - rc,\n      D = x11 * y10 - x10 * y11,\n      d = (dy < 0 ? -1 : 1) * sqrt(max(0, r * r * d2 - D * D)),\n      cx0 = (D * dy - dx * d) / d2,\n      cy0 = (-D * dx - dy * d) / d2,\n      cx1 = (D * dy + dx * d) / d2,\n      cy1 = (-D * dx + dy * d) / d2,\n      dx0 = cx0 - x00,\n      dy0 = cy0 - y00,\n      dx1 = cx1 - x00,\n      dy1 = cy1 - y00;\n\n  // Pick the closer of the two intersection points.\n  // TODO Is there a faster way to determine which intersection to use?\n  if (dx0 * dx0 + dy0 * dy0 > dx1 * dx1 + dy1 * dy1) cx0 = cx1, cy0 = cy1;\n\n  return {\n    cx: cx0,\n    cy: cy0,\n    x01: -ox,\n    y01: -oy,\n    x11: cx0 * (r1 / r - 1),\n    y11: cy0 * (r1 / r - 1)\n  };\n}\n\nexport default function() {\n  var innerRadius = arcInnerRadius,\n      outerRadius = arcOuterRadius,\n      cornerRadius = constant(0),\n      padRadius = null,\n      startAngle = arcStartAngle,\n      endAngle = arcEndAngle,\n      padAngle = arcPadAngle,\n      context = null,\n      path = withPath(arc);\n\n  function arc() {\n    var buffer,\n        r,\n        r0 = +innerRadius.apply(this, arguments),\n        r1 = +outerRadius.apply(this, arguments),\n        a0 = startAngle.apply(this, arguments) - halfPi,\n        a1 = endAngle.apply(this, arguments) - halfPi,\n        da = abs(a1 - a0),\n        cw = a1 > a0;\n\n    if (!context) context = buffer = path();\n\n    // Ensure that the outer radius is always larger than the inner radius.\n    if (r1 < r0) r = r1, r1 = r0, r0 = r;\n\n    // Is it a point?\n    if (!(r1 > epsilon)) context.moveTo(0, 0);\n\n    // Or is it a circle or annulus?\n    else if (da > tau - epsilon) {\n      context.moveTo(r1 * cos(a0), r1 * sin(a0));\n      context.arc(0, 0, r1, a0, a1, !cw);\n      if (r0 > epsilon) {\n        context.moveTo(r0 * cos(a1), r0 * sin(a1));\n        context.arc(0, 0, r0, a1, a0, cw);\n      }\n    }\n\n    // Or is it a circular or annular sector?\n    else {\n      var a01 = a0,\n          a11 = a1,\n          a00 = a0,\n          a10 = a1,\n          da0 = da,\n          da1 = da,\n          ap = padAngle.apply(this, arguments) / 2,\n          rp = (ap > epsilon) && (padRadius ? +padRadius.apply(this, arguments) : sqrt(r0 * r0 + r1 * r1)),\n          rc = min(abs(r1 - r0) / 2, +cornerRadius.apply(this, arguments)),\n          rc0 = rc,\n          rc1 = rc,\n          t0,\n          t1;\n\n      // Apply padding? Note that since r1 ≥ r0, da1 ≥ da0.\n      if (rp > epsilon) {\n        var p0 = asin(rp / r0 * sin(ap)),\n            p1 = asin(rp / r1 * sin(ap));\n        if ((da0 -= p0 * 2) > epsilon) p0 *= (cw ? 1 : -1), a00 += p0, a10 -= p0;\n        else da0 = 0, a00 = a10 = (a0 + a1) / 2;\n        if ((da1 -= p1 * 2) > epsilon) p1 *= (cw ? 1 : -1), a01 += p1, a11 -= p1;\n        else da1 = 0, a01 = a11 = (a0 + a1) / 2;\n      }\n\n      var x01 = r1 * cos(a01),\n          y01 = r1 * sin(a01),\n          x10 = r0 * cos(a10),\n          y10 = r0 * sin(a10);\n\n      // Apply rounded corners?\n      if (rc > epsilon) {\n        var x11 = r1 * cos(a11),\n            y11 = r1 * sin(a11),\n            x00 = r0 * cos(a00),\n            y00 = r0 * sin(a00),\n            oc;\n\n        // Restrict the corner radius according to the sector angle. If this\n        // intersection fails, it’s probably because the arc is too small, so\n        // disable the corner radius entirely.\n        if (da < pi) {\n          if (oc = intersect(x01, y01, x00, y00, x11, y11, x10, y10)) {\n            var ax = x01 - oc[0],\n                ay = y01 - oc[1],\n                bx = x11 - oc[0],\n                by = y11 - oc[1],\n                kc = 1 / sin(acos((ax * bx + ay * by) / (sqrt(ax * ax + ay * ay) * sqrt(bx * bx + by * by))) / 2),\n                lc = sqrt(oc[0] * oc[0] + oc[1] * oc[1]);\n            rc0 = min(rc, (r0 - lc) / (kc - 1));\n            rc1 = min(rc, (r1 - lc) / (kc + 1));\n          } else {\n            rc0 = rc1 = 0;\n          }\n        }\n      }\n\n      // Is the sector collapsed to a line?\n      if (!(da1 > epsilon)) context.moveTo(x01, y01);\n\n      // Does the sector’s outer ring have rounded corners?\n      else if (rc1 > epsilon) {\n        t0 = cornerTangents(x00, y00, x01, y01, r1, rc1, cw);\n        t1 = cornerTangents(x11, y11, x10, y10, r1, rc1, cw);\n\n        context.moveTo(t0.cx + t0.x01, t0.cy + t0.y01);\n\n        // Have the corners merged?\n        if (rc1 < rc) context.arc(t0.cx, t0.cy, rc1, atan2(t0.y01, t0.x01), atan2(t1.y01, t1.x01), !cw);\n\n        // Otherwise, draw the two corners and the ring.\n        else {\n          context.arc(t0.cx, t0.cy, rc1, atan2(t0.y01, t0.x01), atan2(t0.y11, t0.x11), !cw);\n          context.arc(0, 0, r1, atan2(t0.cy + t0.y11, t0.cx + t0.x11), atan2(t1.cy + t1.y11, t1.cx + t1.x11), !cw);\n          context.arc(t1.cx, t1.cy, rc1, atan2(t1.y11, t1.x11), atan2(t1.y01, t1.x01), !cw);\n        }\n      }\n\n      // Or is the outer ring just a circular arc?\n      else context.moveTo(x01, y01), context.arc(0, 0, r1, a01, a11, !cw);\n\n      // Is there no inner ring, and it’s a circular sector?\n      // Or perhaps it’s an annular sector collapsed due to padding?\n      if (!(r0 > epsilon) || !(da0 > epsilon)) context.lineTo(x10, y10);\n\n      // Does the sector’s inner ring (or point) have rounded corners?\n      else if (rc0 > epsilon) {\n        t0 = cornerTangents(x10, y10, x11, y11, r0, -rc0, cw);\n        t1 = cornerTangents(x01, y01, x00, y00, r0, -rc0, cw);\n\n        context.lineTo(t0.cx + t0.x01, t0.cy + t0.y01);\n\n        // Have the corners merged?\n        if (rc0 < rc) context.arc(t0.cx, t0.cy, rc0, atan2(t0.y01, t0.x01), atan2(t1.y01, t1.x01), !cw);\n\n        // Otherwise, draw the two corners and the ring.\n        else {\n          context.arc(t0.cx, t0.cy, rc0, atan2(t0.y01, t0.x01), atan2(t0.y11, t0.x11), !cw);\n          context.arc(0, 0, r0, atan2(t0.cy + t0.y11, t0.cx + t0.x11), atan2(t1.cy + t1.y11, t1.cx + t1.x11), cw);\n          context.arc(t1.cx, t1.cy, rc0, atan2(t1.y11, t1.x11), atan2(t1.y01, t1.x01), !cw);\n        }\n      }\n\n      // Or is the inner ring just a circular arc?\n      else context.arc(0, 0, r0, a10, a00, cw);\n    }\n\n    context.closePath();\n\n    if (buffer) return context = null, buffer + \"\" || null;\n  }\n\n  arc.centroid = function() {\n    var r = (+innerRadius.apply(this, arguments) + +outerRadius.apply(this, arguments)) / 2,\n        a = (+startAngle.apply(this, arguments) + +endAngle.apply(this, arguments)) / 2 - pi / 2;\n    return [cos(a) * r, sin(a) * r];\n  };\n\n  arc.innerRadius = function(_) {\n    return arguments.length ? (innerRadius = typeof _ === \"function\" ? _ : constant(+_), arc) : innerRadius;\n  };\n\n  arc.outerRadius = function(_) {\n    return arguments.length ? (outerRadius = typeof _ === \"function\" ? _ : constant(+_), arc) : outerRadius;\n  };\n\n  arc.cornerRadius = function(_) {\n    return arguments.length ? (cornerRadius = typeof _ === \"function\" ? _ : constant(+_), arc) : cornerRadius;\n  };\n\n  arc.padRadius = function(_) {\n    return arguments.length ? (padRadius = _ == null ? null : typeof _ === \"function\" ? _ : constant(+_), arc) : padRadius;\n  };\n\n  arc.startAngle = function(_) {\n    return arguments.length ? (startAngle = typeof _ === \"function\" ? _ : constant(+_), arc) : startAngle;\n  };\n\n  arc.endAngle = function(_) {\n    return arguments.length ? (endAngle = typeof _ === \"function\" ? _ : constant(+_), arc) : endAngle;\n  };\n\n  arc.padAngle = function(_) {\n    return arguments.length ? (padAngle = typeof _ === \"function\" ? _ : constant(+_), arc) : padAngle;\n  };\n\n  arc.context = function(_) {\n    return arguments.length ? ((context = _ == null ? null : _), arc) : context;\n  };\n\n  return arc;\n}\n","export default function(a, b) {\n  return b < a ? -1 : b > a ? 1 : b >= a ? 0 : NaN;\n}\n","export default function(d) {\n  return d;\n}\n","<svelte:options tag=\"m-donut\" />\n\n<script lang=\"ts\">\n  import { onMount } from 'svelte';\n\n  import {\n    select,\n    arc as d3Arc,\n    pie as d3Pie,\n    interpolate,\n    Selection,\n    PieArcDatum,\n  } from 'd3';\n  import type { DonutData, ChartContext, LegendPosition } from './donut.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  export let data: string = '';\n  $: parsedData = data ? (JSON.parse(data) as DonutData[]) : [];\n\n  export let svgs: string;\n  $: parsedSvgs = svgs\n    ? (JSON.parse(svgs) as SVGElement[])\n    : ([] as SVGElement[]);\n\n  export let colors: string;\n  $: parsedColors = colors\n    ? JSON.parse(colors)\n    : ['#605F9D', '#D9F0F3', '#EAEDEF', '#0B96CC', '#EA7315', '#EA302D'];\n\n  export let title: string;\n  export let legendseparator = ',';\n  export let legendseparatorcount = '(';\n  export let dimension = 250;\n  export let padangle = 0.05;\n  export let backgroundcolor = '#fff';\n  export let delay = 500;\n  export let legendposition: LegendPosition = 'right';\n\n  $: count = parsedData\n    ? parsedData\n        .filter((d) => {\n          return !d.checked;\n        })\n        .reduce((acc, item) => (acc += item.total), 0)\n    : [];\n\n  let chart: HTMLDivElement;\n  let svg: Selection<SVGGElement, PieArcDatum<DonutData>, any, any>;\n\n  let hasMounted = false;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  let tooltipData = {\n    left: '0px',\n    top: '0px',\n    text: '',\n    show: false,\n  };\n\n  const radius = dimension / 2;\n\n  const arc = d3Arc<PieArcDatum<DonutData>>()\n    .outerRadius(radius - 5)\n    .innerRadius(radius - 60)\n    .padAngle(padangle);\n\n  const pie = d3Pie<DonutData>()\n    .sort(null)\n    .startAngle(1.1 * Math.PI)\n    .endAngle(3.1 * Math.PI)\n    .value((data) => data.total);\n\n  $: if (data.length > 0 && hasMounted) {\n    if (!svg) {\n      svg = select<HTMLElement, PieArcDatum<DonutData>>(chart)\n        .append('svg')\n        .attr('width', dimension)\n        .attr('height', dimension)\n        .append('g')\n        .attr(\n          'transform',\n          'translate(' + dimension / 2 + ',' + dimension / 2 + ')',\n        );\n    } else {\n      svg.selectAll('path').remove();\n    }\n\n    renderChart();\n  }\n\n  const getTotal = () => {\n    return parsedData\n      ? parsedData\n          .filter((d) => {\n            return !d.checked;\n          })\n          .reduce((acc, item) => (acc += item.total), 0)\n      : [];\n  };\n\n  const renderChart = () => {\n    const paths = svg\n      .selectAll('path')\n      .data(pie(parsedData))\n      .enter()\n      .append('path')\n      .attr('class', 'chart__arc')\n      .attr('title', (d) => d.data.name)\n      .attr('stroke', (d) => `${parsedColors[d.index]}`)\n      .attr('stroke-width', '4px')\n      .style('fill', (d) => {\n        if (parsedSvgs.length > 0) {\n          return `url(#${d.data.patternId})`;\n        } else if (parsedColors.length > 0) {\n          return `${parsedColors[d.index]}`;\n        }\n        return `${parsedColors[d.index]}`;\n      });\n\n    svg\n      .append('svg:text')\n      .attr('text-anchor', 'middle')\n      .attr('font-size', '28')\n      .attr('fill', '#333')\n      .text(String(count));\n\n    svg\n      .append('svg:text')\n      .attr('text-anchor', 'middle')\n      .attr('font-size', '22')\n      .attr('fill', '#333')\n      .attr('dy', '1.5rem')\n      .text(title);\n\n    paths\n      .transition()\n      .delay((_d, index) => index * delay)\n      .duration(delay)\n      .attrTween('d', (d: PieArcDatum<DonutData>) => {\n        if (d.data.total === 0) return () => '';\n\n        const i = interpolate(d.startAngle + 0.1, d.endAngle);\n        return (t: number) => {\n          d.endAngle = i(t);\n          return arc(d) || '';\n        };\n      });\n\n    paths\n      .on('mousemove', (e: MouseEvent, chartEvent: PieArcDatum<DonutData>) => {\n        tooltipData = {\n          left: e.pageX + 10 + 'px',\n          top: e.pageY - 25 + 'px',\n          text: chartEvent.data.customTooltip\n            ? chartEvent.data.customTooltip\n            : chartEvent.data.name,\n          show: true,\n        };\n      })\n      .on('mouseover', (_e: MouseEvent, chartEvent: PieArcDatum<DonutData>) => {\n        var current = svg.selectAll('.chart__arc').filter(function (arc) {\n          return arc === chartEvent;\n        });\n\n        var others = svg.selectAll('.chart__arc').filter(function (arc) {\n          return arc != chartEvent;\n        });\n\n        others.style('opacity', 0.7);\n        current.style('transform', 'scale(1.02)');\n      })\n      .on('mouseout', (_e: MouseEvent, chartEvent: PieArcDatum<DonutData>) => {\n        var current = svg.selectAll('.chart__arc').filter(function (arc) {\n          return arc === chartEvent;\n        });\n\n        var others = svg.selectAll('.chart__arc').filter(function (arc) {\n          return arc != chartEvent;\n        });\n\n        others.style('opacity', 1);\n        current.style('transform', 'scale(1)');\n        tooltipData.show = false;\n      })\n      .on('click', (_e: MouseEvent, chartEvent: PieArcDatum<DonutData>) => {\n        eventHandler.dispatch('donut-clicked', chartEvent);\n      });\n\n    setTimeout(() => {\n      updateChart(parsedData);\n    }, delay * parsedData.length);\n  };\n\n  function updateChart(data: DonutData[]) {\n    svg\n      .selectAll('path')\n      .data(pie(data))\n      .transition()\n      .duration(delay)\n      .attr('stroke-width', (_d, i) => {\n        return parsedData[i].checked ? '0px' : '4px';\n      })\n      .attrTween('d', function (d: PieArcDatum<DonutData>) {\n        const i: any = interpolate((this as ChartContext)._current, d);\n        (this as ChartContext)._current = i(0);\n        return (t: number) => arc(i(t)) || '';\n      });\n\n    svg\n      .selectAll('svg text')\n      .filter(function () {\n        return /^[0-9]/.test(select(this).text()); // Check if text begin with a \"C\"\n      })\n      .text(String(getTotal()));\n  }\n\n  function filterChart(name: string) {\n    const updatedData = svg\n      .selectAll('path')\n      .data()\n      .map((d, i) => {\n        const data = (d as PieArcDatum<DonutData>).data;\n        if (data.name === name) {\n          parsedData[i].checked = !parsedData[i].checked;\n          const total = data.total === 0 ? parsedData[i].total : 0;\n          return { ...data, total };\n        }\n        return { ...data };\n      });\n    updateChart(updatedData);\n  }\n\n  function getLegendTextClasses(checked: boolean | undefined) {\n    return `legend__text${checked ? ' legend__text--not-selected' : ''}`;\n  }\n\n  function getFillColor(\n    data: DonutData,\n    index: number,\n    svgs: SVGElement[],\n    colors: [],\n  ) {\n    if (svgs.length > 0) {\n      return `url(#${data.patternId})`;\n    } else if (colors.length > 0) {\n      return parsedColors[index];\n    }\n  }\n\n  function getLegendPosition(legendposition: LegendPosition) {\n    switch (legendposition) {\n      case 'top':\n        return 'chart--top';\n        break;\n      case 'right':\n        return 'chart--right';\n        break;\n      case 'bottom':\n        return 'chart--bottom';\n        break;\n      case 'left':\n        return 'chart--left';\n        break;\n      default:\n        return 'chart--right';\n        break;\n    }\n  }\n\n  onMount(() => (hasMounted = true));\n</script>\n\n<div\n  bind:this={chart}\n  class=\"chart {getLegendPosition(legendposition)}\"\n  style=\"background-color: {backgroundcolor};\"\n>\n  <div class=\"legend\">\n    {#each parsedData as data, i}\n      <button class=\"legend__item\" on:click={() => filterChart(data.name)}>\n        <svg class=\"legend__box\">\n          <rect\n            x=\"0\"\n            y=\"0\"\n            width=\"24\"\n            height=\"16\"\n            fill={getFillColor(data, i, parsedSvgs, parsedColors)}\n          />\n        </svg>\n        <div>\n          {#each data.name.split(legendseparator) as name}\n            <p class={getLegendTextClasses(data.checked)}>\n              {name.split(legendseparatorcount)[0]}\n              {#if name.split(legendseparatorcount)[1]}\n                <span class=\"legend__text--light\"\n                  >({name.split(legendseparatorcount)[1]}</span\n                >\n              {/if}\n            </p>\n          {/each}\n        </div>\n      </button>\n    {/each}\n  </div>\n\n  {#if tooltipData.show}\n    <div\n      class=\"chart__tooltip\"\n      style=\"left: {tooltipData.left}; top: {tooltipData.top};\"\n    >\n      {tooltipData.text}\n    </div>\n  {/if}\n</div>\n\n<div style=\"height: 0; width: 0;\" class=\"pattern\">\n  {#each parsedSvgs as svg}\n    {@html svg}\n  {/each}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/typography/_t.headings';\n\n  .opaque {\n    opacity: 0.7;\n  }\n\n  .chart {\n    display: flex;\n    flex-wrap: wrap;\n    background-color: $color-grey-000;\n    justify-content: center;\n    align-items: center;\n    &--top {\n      flex-direction: column;\n    }\n    &--right {\n      flex-direction: row-reverse;\n    }\n    &--bottom {\n      flex-direction: column-reverse;\n    }\n    &--left {\n      flex-direction: row;\n    }\n    &__tooltip {\n      position: absolute;\n      width: auto;\n      height: auto;\n      background-color: $color-grey-700;\n      border-radius: 4px;\n      color: $color-grey-000;\n      padding: magic-unit-rem(0.5) magic-unit-rem(1);\n      text-align: center;\n    }\n\n    &__arc {\n      cursor: pointer;\n      transition: transform 0.3s ease;\n    }\n  }\n\n  .legend {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    padding: 0 magic-unit-rem(1.5);\n    height: 100%;\n    margin: 0;\n    color: $color-grey-999;\n\n    &__title {\n      padding: magic-unit-rem(0.75);\n      white-space: nowrap;\n      margin: 0;\n\n      &--light {\n        color: $color-grey-500;\n      }\n    }\n\n    &__item {\n      cursor: pointer;\n      background: none;\n      border: none;\n      display: flex;\n      flex-direction: row;\n      margin-left: magic-unit-rem(0.75);\n      margin-bottom: magic-unit-rem(0.25);\n      font-size: $size-font-04;\n\n      &:focus,\n      &:hover {\n        outline: 0;\n        text-decoration: underline;\n      }\n    }\n\n    &__box {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: magic-unit-rem(0.75);\n      height: 16px;\n      width: 24px;\n    }\n    &__text {\n      width: fit-content;\n      white-space: nowrap;\n      margin: 0 0 magic-unit-rem(0.25) 0;\n      padding: 0;\n\n      &--light {\n        color: $color-grey-500;\n      }\n\n      &--not-selected {\n        text-decoration: line-through;\n      }\n    }\n  }\n\n  .pattern {\n    z-index: -1;\n    position: absolute;\n  }\n</style>\n","import array from \"./array.js\";\nimport constant from \"./constant.js\";\nimport descending from \"./descending.js\";\nimport identity from \"./identity.js\";\nimport {tau} from \"./math.js\";\n\nexport default function() {\n  var value = identity,\n      sortValues = descending,\n      sort = null,\n      startAngle = constant(0),\n      endAngle = constant(tau),\n      padAngle = constant(0);\n\n  function pie(data) {\n    var i,\n        n = (data = array(data)).length,\n        j,\n        k,\n        sum = 0,\n        index = new Array(n),\n        arcs = new Array(n),\n        a0 = +startAngle.apply(this, arguments),\n        da = Math.min(tau, Math.max(-tau, endAngle.apply(this, arguments) - a0)),\n        a1,\n        p = Math.min(Math.abs(da) / n, padAngle.apply(this, arguments)),\n        pa = p * (da < 0 ? -1 : 1),\n        v;\n\n    for (i = 0; i < n; ++i) {\n      if ((v = arcs[index[i] = i] = +value(data[i], i, data)) > 0) {\n        sum += v;\n      }\n    }\n\n    // Optionally sort the arcs by previously-computed values or by data.\n    if (sortValues != null) index.sort(function(i, j) { return sortValues(arcs[i], arcs[j]); });\n    else if (sort != null) index.sort(function(i, j) { return sort(data[i], data[j]); });\n\n    // Compute the arcs! They are stored in the original data's order.\n    for (i = 0, k = sum ? (da - n * pa) / sum : 0; i < n; ++i, a0 = a1) {\n      j = index[i], v = arcs[j], a1 = a0 + (v > 0 ? v * k : 0) + pa, arcs[j] = {\n        data: data[j],\n        index: i,\n        value: v,\n        startAngle: a0,\n        endAngle: a1,\n        padAngle: p\n      };\n    }\n\n    return arcs;\n  }\n\n  pie.value = function(_) {\n    return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(+_), pie) : value;\n  };\n\n  pie.sortValues = function(_) {\n    return arguments.length ? (sortValues = _, sort = null, pie) : sortValues;\n  };\n\n  pie.sort = function(_) {\n    return arguments.length ? (sort = _, sortValues = null, pie) : sort;\n  };\n\n  pie.startAngle = function(_) {\n    return arguments.length ? (startAngle = typeof _ === \"function\" ? _ : constant(+_), pie) : startAngle;\n  };\n\n  pie.endAngle = function(_) {\n    return arguments.length ? (endAngle = typeof _ === \"function\" ? _ : constant(+_), pie) : endAngle;\n  };\n\n  pie.padAngle = function(_) {\n    return arguments.length ? (padAngle = typeof _ === \"function\" ? _ : constant(+_), pie) : padAngle;\n  };\n\n  return pie;\n}\n"],"names":["arcInnerRadius","d","innerRadius","arcOuterRadius","outerRadius","arcStartAngle","startAngle","arcEndAngle","endAngle","arcPadAngle","padAngle","cornerTangents","x0","y0","x1","y1","r1","rc","cw","x01","y01","lo","sqrt","ox","oy","x11","y11","x10","y10","x00","y00","dx","dy","d2","r","D","max","cx0","cy0","cx1","cy1","dx0","dy0","dx1","dy1","cx","cy","d3Arc","cornerRadius","constant","padRadius","context","path","withPath","arc","buffer","r0","apply","this","arguments","a0","halfPi","a1","da","abs","epsilon","tau","moveTo","cos","sin","t0","t1","a01","a11","a00","a10","da0","da1","ap","rp","min","rc0","rc1","p0","asin","p1","oc","pi","x2","y2","x3","y3","x32","y32","t","intersect","ax","ay","bx","by","kc","acos","lc","atan2","lineTo","closePath","centroid","a","_","length","descending","b","NaN","identity","t1_value","ctx","split","insert","target","span","anchor","dirty","set_data","t0_value","show_if","getLegendTextClasses","checked","p","each_value_2","name","i","attr","rect","rect_fill_value","button","append","svg_1","div","t_value","text","set_style","left","top","html_tag","raw_value","if_block","show","create_if_block","div1","div1_class_value","getLegendPosition","div0","div2","legendposition","chart","svg","data","$$props","svgs","colors","title","legendseparator","legendseparatorcount","dimension","padangle","backgroundcolor","delay","hasMounted","eventHandler","EventHandler","get_current_component","createEventDispatcher","tooltipData","radius","pie","value","sortValues","sort","j","k","v","n","array","sum","index","Array","arcs","Math","pa","d3Pie","PI","total","getTotal","parsedData","filter","reduce","acc","item","updateChart","selectAll","transition","duration","_d","attrTween","interpolate","_current","test","select","String","filterChart","updatedData","map","Object","assign","onMount","$$invalidate","JSON","parse","parsedSvgs","parsedColors","count","remove","paths","enter","style","patternId","on","e","chartEvent","pageX","pageY","customTooltip","_e","current","others","dispatch","setTimeout","renderChart","$$value"],"mappings":"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"}

package/public/bricoman/components/chart/GroupedBarChart.js

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as r,b as i,f as a,s,e as o,d as l,G as n,n as c,J as g,g as h,o as m,O as f,a1 as d,t as u,j as p,k as x,P as b,H as $,Z as k}from"../../index-52f16292.js";import{s as y}from"../../transform-15d69d5d.js";import{E as w}from"../../EventHandler-f4efd23c.js";import{a as v,b as A,c as j}from"../../axis-fbc0f7b5.js";import{b as N}from"../../band-d7a07d2c.js";import{l as S}from"../../linear-f46d7e9e.js";function _(t,e,r){const i=t.slice();return i[6]=e[r],i}function E(t,e,r){const i=t.slice();return i[38]=e[r],i}function C(t){let e,r,a,s,c,g,f,d,b=t[38]+"";return{c(){e=o("div"),r=n("svg"),a=n("rect"),c=l(),g=o("span"),f=u(b),d=l(),h(a,"x","0"),h(a,"y","0"),h(a,"width","24"),h(a,"height","16"),h(a,"fill",s=t[7](t[38],t[1])),h(r,"class","legend__box"),h(g,"class","legend__title"),h(e,"class","legend__item")},m(t,s){i(t,e,s),p(e,r),p(r,a),p(e,c),p(e,g),p(g,f),p(e,d)},p(t,e){6&e[0]&&s!==(s=t[7](t[38],t[1]))&&h(a,"fill",s),4&e[0]&&b!==(b=t[38]+"")&&x(f,b)},d(t){t&&m(e)}}}function P(t){let e,r,a,s=t[4].text+"";return{c(){e=o("div"),r=u(s),h(e,"class","tooltip"),h(e,"style",a=`top: ${t[4].top}px; left: ${t[4].left}px; width: ${t[4].width}px;`)},m(t,a){i(t,e,a),p(e,r)},p(t,i){16&i[0]&&s!==(s=t[4].text+"")&&x(r,s),16&i[0]&&a!==(a=`top: ${t[4].top}px; left: ${t[4].left}px; width: ${t[4].width}px;`)&&h(e,"style",a)},d(t){t&&m(e)}}}function O(t){let e,r,a=t[6]+"";return{c(){e=new k(!1),r=b(),e.a=r},m(t,s){e.m(a,t,s),i(t,r,s)},p(t,r){32&r[0]&&a!==(a=t[6]+"")&&e.p(a)},d(t){t&&m(r),t&&e.d()}}}function F(t){let e,r,a,s,d,u,p,x,b=t[2],$=[];for(let e=0;e<b.length;e+=1)$[e]=C(E(t,b,e));let k=t[4].show&&P(t),y=t[5],w=[];for(let e=0;e<y.length;e+=1)w[e]=O(_(t,y,e));return{c(){e=o("div"),r=l(),a=o("div");for(let t=0;t<$.length;t+=1)$[t].c();s=l(),k&&k.c(),d=l(),u=o("div");for(let t=0;t<w.length;t+=1)w[t].c();p=l(),x=n("text"),this.c=c,g(e,"background-color",t[0]),h(a,"class","legend"),g(u,"height","0"),g(u,"width","0"),h(u,"class","pattern")},m(o,l){i(o,e,l),t[21](e),i(o,r,l),i(o,a,l);for(let t=0;t<$.length;t+=1)$[t]&&$[t].m(a,null);i(o,s,l),k&&k.m(o,l),i(o,d,l),i(o,u,l);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(u,null);i(o,p,l),i(o,x,l)},p(t,r){if(1&r[0]&&g(e,"background-color",t[0]),134&r[0]){let e;for(b=t[2],e=0;e<b.length;e+=1){const i=E(t,b,e);$[e]?$[e].p(i,r):($[e]=C(i),$[e].c(),$[e].m(a,null))}for(;e<$.length;e+=1)$[e].d(1);$.length=b.length}if(t[4].show?k?k.p(t,r):(k=P(t),k.c(),k.m(d.parentNode,d)):k&&(k.d(1),k=null),32&r[0]){let e;for(y=t[5],e=0;e<y.length;e+=1){const i=_(t,y,e);w[e]?w[e].p(i,r):(w[e]=O(i),w[e].c(),w[e].m(u,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=y.length}},i:c,o:c,d(i){i&&m(e),t[21](null),i&&m(r),i&&m(a),f($,i),i&&m(s),k&&k.d(i),i&&m(d),i&&m(u),f(w,i),i&&m(p),i&&m(x)}}}function R(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function z(t,e,r){let i,a,s,o,l,n,c,g,{data:h=""}=e,{chartheight:m="300"}=e,{backgroundcolor:f="#fff"}=e,{leftscalemax:u=50}=e,{rightscalemax:p}=e,{color:x="#0B96CC"}=e,{ticknumbers:b=4}=e,{tickleftformat:k=(t=>`${Number(t)}`)}=e,{tickbottomformat:_=(t=>`${t}`)}=e,{tickrightformat:E=(t=>`${Number(t)}`)}=e,{svgs:C}=e,{margins:P}=e,O=!1,F={show:!1,text:"",top:0,left:0,width:0},z=new w,B=0,J=0;function q(){let t=y(c).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function H(t){return l.map((e=>({key:e,value:t[e].value,scalePosition:t[e].scalePosition,color:t[e].color,customtooltip:t[e].customtooltip})))}function I(t){const e=p?t-(R(P).left+R(P).right):t-R(P).right,r=N().domain(a).range([0,e]).padding(.2),i=S().domain([0,u]).range([s,0]),o=S().domain([0,p]).range([s,0]),n=N().domain(l).range([0,r.bandwidth()]).padding(.05);return{x:r,yleft:i,yright:o,xSubgroup:n}}function D(t,e,a,o){g.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>H(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(t=>"right"===t.scalePosition?o(0):a(0))).attr("width",e.bandwidth()).attr("height",(t=>s-("right"===t.scalePosition?o(0):a(0)))).style("fill",(t=>t.color||x)).style("cursor","pointer").on("mouseout",((t,e)=>{g.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(4,F.show=!1,F)})).on("mouseover",((t,e)=>{var i,a;g.selectAll("rect").filter((function(t){return t!=e})).style("opacity",.7);const{left:s,top:o,width:l}=null!==(a=null===(i=t.target.parentElement)||void 0===i?void 0:i.getBoundingClientRect())&&void 0!==a?a:{left:0,top:0,width:0};r(4,F={show:!0,text:e.customtooltip?`${e.customtooltip}`:`${e.key} - ${e.value}`,left:s,top:o-50,width:l})})).on("click",((t,e)=>{z.dispatch("bar-clicked",e)})),g.selectAll("rect").transition().duration(800).attr("y",(t=>"right"===t.scalePosition?o(+t.value):a(+t.value))).attr("height",(t=>s-("right"===t.scalePosition?o(+t.value):a(+t.value)))).delay(((t,e)=>100*e))}function G(t,e,r){g.select(".x-axis").call(v(t).tickFormat(_)),g.select(".y-left-axis").call(A(e).ticks(b).tickFormat(k)),p&&g.select(".y-right-axis").call(j(r).ticks(b).tickFormat(E)).attr("transform",`translate(${J-R(P).left-B},0)`);const i=p?J-R(P).left-B:J-B;g.selectAll(".y-left-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",i)}function L(){J=q();const{x:t,yleft:e,yright:i,xSubgroup:a}=I(J);r(6,g=y(c).append("svg").attr("width",J).attr("height",Number(s)+Number(R(P).top)+Number(R(P).bottom)+Number(R(P).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${R(P).left/2+R(P).right/2},${R(P).top})`)),g.append("g").attr("transform",`translate(0, ${Number(s)+Number(R(P).xAxis)})`).call(v(t)).attr("class","x-axis").attr("stroke-width","0"),g.append("g").call(A(e).ticks(b).tickFormat(k)).attr("class","y-left-axis").attr("stroke-width","0"),B=function(t){const{width:e}=c.getElementsByClassName(`y-${t}-axis`)[0].getBoundingClientRect();return e}("left"),p&&g.append("g").call(j(i).ticks(b).tickFormat(k)).attr("class","y-right-axis").attr("transform",`translate(${J-R(P).left-B},0)`).attr("stroke-width","0"),D(t,a,e,i)}function M(){var t;if(J=q(),n){const e=q();null===(t=c.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,yleft:a,yright:s,xSubgroup:o}=I(e);G(r,a,s),g.selectAll(".bar").data(i).attr("transform",(t=>`translate(${String(r(t.group))}, 0)`)).selectAll("rect").data((t=>H(t))).attr("x",(t=>o(t.key))).attr("width",o.bandwidth())}}return d((()=>{new ResizeObserver(M).observe(c),r(20,O=!0)})),t.$$set=t=>{"data"in t&&r(8,h=t.data),"chartheight"in t&&r(9,m=t.chartheight),"backgroundcolor"in t&&r(0,f=t.backgroundcolor),"leftscalemax"in t&&r(10,u=t.leftscalemax),"rightscalemax"in t&&r(11,p=t.rightscalemax),"color"in t&&r(12,x=t.color),"ticknumbers"in t&&r(13,b=t.ticknumbers),"tickleftformat"in t&&r(14,k=t.tickleftformat),"tickbottomformat"in t&&r(15,_=t.tickbottomformat),"tickrightformat"in t&&r(16,E=t.tickrightformat),"svgs"in t&&r(17,C=t.svgs),"margins"in t&&r(18,P=t.margins)},t.$$.update=()=>{256&t.$$.dirty[0]&&r(1,i=h?JSON.parse(h):[]),2&t.$$.dirty[0]&&(a=i.map((t=>t.group))),2&t.$$.dirty[0]&&r(2,l=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),512&t.$$.dirty[0]&&(s=parseInt(m,10)),131072&t.$$.dirty[0]&&r(5,o=C?JSON.parse(C):[]),1573120&t.$$.dirty[0]&&h.length>0&&O&&(n?h!==n&&(!function(){var t;null===(t=c.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${J}px`);const{x:e,yleft:r,yright:i,xSubgroup:a}=I(J);G(e,r,i),g.selectAll(".bar").remove(),D(e,a,r,i)}(),r(19,n=h)):(L(),r(19,n=h)))},[f,i,l,c,F,o,g,function(t,e){var r;return e.length>0?null===(r=e[0][t])||void 0===r?void 0:r.color:""},h,m,u,p,x,b,k,_,E,C,P,n,O,function(t){$[t?"unshift":"push"]((()=>{c=t,r(3,c)}))}]}class B extends t{constructor(t){super();const o=document.createElement("style");o.textContent='.legend{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.5rem;height:100%;color:#000000;gap:1rem}.legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend__title{white-space:nowrap;margin:0}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.25rem;height:16px;width:24px}.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 0;position:absolute}.pattern{z-index:-1;position:absolute}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(o),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},z,F,s,{data:8,chartheight:9,backgroundcolor:0,leftscalemax:10,rightscalemax:11,color:12,ticknumbers:13,tickleftformat:14,tickbottomformat:15,tickrightformat:16,svgs:17,margins:18},null,[-1,-1]),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","leftscalemax","rightscalemax","color","ticknumbers","tickleftformat","tickbottomformat","tickrightformat","svgs","margins"]}get data(){return this.$$.ctx[8]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[9]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get leftscalemax(){return this.$$.ctx[10]}set leftscalemax(t){this.$$set({leftscalemax:t}),a()}get rightscalemax(){return this.$$.ctx[11]}set rightscalemax(t){this.$$set({rightscalemax:t}),a()}get color(){return this.$$.ctx[12]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[13]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[14]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[15]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get tickrightformat(){return this.$$.ctx[16]}set tickrightformat(t){this.$$set({tickrightformat:t}),a()}get svgs(){return this.$$.ctx[17]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[18]}set margins(t){this.$$set({margins:t}),a()}}export{B as default};
+import{S as t,i as e,a as r,b as i,f as a,s,e as o,d as l,G as n,n as c,J as g,g as h,o as m,O as d,q as f,r as u,a1 as p,t as x,j as b,k as $,P as k,H as y,Z as w}from"../../index-9ffad6d0.js";import{s as v}from"../../transform-15d69d5d.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{a as j,b as N,c as S}from"../../axis-fbc0f7b5.js";import{b as _}from"../../band-d7a07d2c.js";import{l as E}from"../../linear-f46d7e9e.js";function C(t,e,r){const i=t.slice();return i[6]=e[r],i}function P(t,e,r){const i=t.slice();return i[38]=e[r],i}function O(t){let e,r,a,s,c,g,d,f,u=t[38]+"";return{c(){e=o("div"),r=n("svg"),a=n("rect"),c=l(),g=o("span"),d=x(u),f=l(),h(a,"x","0"),h(a,"y","0"),h(a,"width","24"),h(a,"height","16"),h(a,"fill",s=t[7](t[38],t[1])),h(r,"class","legend__box"),h(g,"class","legend__title"),h(e,"class","legend__item")},m(t,s){i(t,e,s),b(e,r),b(r,a),b(e,c),b(e,g),b(g,d),b(e,f)},p(t,e){6&e[0]&&s!==(s=t[7](t[38],t[1]))&&h(a,"fill",s),4&e[0]&&u!==(u=t[38]+"")&&$(d,u)},d(t){t&&m(e)}}}function F(t){let e,r,a,s=t[4].text+"";return{c(){e=o("div"),r=x(s),h(e,"class","tooltip"),h(e,"style",a=`top: ${t[4].top}px; left: ${t[4].left}px; width: ${t[4].width}px;`)},m(t,a){i(t,e,a),b(e,r)},p(t,i){16&i[0]&&s!==(s=t[4].text+"")&&$(r,s),16&i[0]&&a!==(a=`top: ${t[4].top}px; left: ${t[4].left}px; width: ${t[4].width}px;`)&&h(e,"style",a)},d(t){t&&m(e)}}}function R(t){let e,r,a=t[6]+"";return{c(){e=new w(!1),r=k(),e.a=r},m(t,s){e.m(a,t,s),i(t,r,s)},p(t,r){32&r[0]&&a!==(a=t[6]+"")&&e.p(a)},d(t){t&&m(r),t&&e.d()}}}function z(t){let e,r,a,s,f,u,p,x,b=t[2],$=[];for(let e=0;e<b.length;e+=1)$[e]=O(P(t,b,e));let k=t[4].show&&F(t),y=t[5],w=[];for(let e=0;e<y.length;e+=1)w[e]=R(C(t,y,e));return{c(){e=o("div"),r=l(),a=o("div");for(let t=0;t<$.length;t+=1)$[t].c();s=l(),k&&k.c(),f=l(),u=o("div");for(let t=0;t<w.length;t+=1)w[t].c();p=l(),x=n("text"),this.c=c,g(e,"background-color",t[0]),h(a,"class","legend"),g(u,"height","0"),g(u,"width","0"),h(u,"class","pattern")},m(o,l){i(o,e,l),t[21](e),i(o,r,l),i(o,a,l);for(let t=0;t<$.length;t+=1)$[t]&&$[t].m(a,null);i(o,s,l),k&&k.m(o,l),i(o,f,l),i(o,u,l);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(u,null);i(o,p,l),i(o,x,l)},p(t,r){if(1&r[0]&&g(e,"background-color",t[0]),134&r[0]){let e;for(b=t[2],e=0;e<b.length;e+=1){const i=P(t,b,e);$[e]?$[e].p(i,r):($[e]=O(i),$[e].c(),$[e].m(a,null))}for(;e<$.length;e+=1)$[e].d(1);$.length=b.length}if(t[4].show?k?k.p(t,r):(k=F(t),k.c(),k.m(f.parentNode,f)):k&&(k.d(1),k=null),32&r[0]){let e;for(y=t[5],e=0;e<y.length;e+=1){const i=C(t,y,e);w[e]?w[e].p(i,r):(w[e]=R(i),w[e].c(),w[e].m(u,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=y.length}},i:c,o:c,d(i){i&&m(e),t[21](null),i&&m(r),i&&m(a),d($,i),i&&m(s),k&&k.d(i),i&&m(f),i&&m(u),d(w,i),i&&m(p),i&&m(x)}}}function B(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function J(t,e,r){let i,a,s,o,l,n,c,g,{data:h=""}=e,{chartheight:m="300"}=e,{backgroundcolor:d="#fff"}=e,{leftscalemax:x=50}=e,{rightscalemax:b}=e,{color:$="#0B96CC"}=e,{ticknumbers:k=4}=e,{tickleftformat:w=(t=>`${Number(t)}`)}=e,{tickbottomformat:C=(t=>`${t}`)}=e,{tickrightformat:P=(t=>`${Number(t)}`)}=e,{svgs:O}=e,{margins:F}=e,R=!1,z={show:!1,text:"",top:0,left:0,width:0},J=new A(f(),u()),q=0,H=0;function I(){let t=v(c).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function D(t){return l.map((e=>({key:e,value:t[e].value,scalePosition:t[e].scalePosition,color:t[e].color,customtooltip:t[e].customtooltip})))}function G(t){const e=b?t-(B(F).left+B(F).right):t-B(F).right,r=_().domain(a).range([0,e]).padding(.2),i=E().domain([0,x]).range([s,0]),o=E().domain([0,b]).range([s,0]),n=_().domain(l).range([0,r.bandwidth()]).padding(.05);return{x:r,yleft:i,yright:o,xSubgroup:n}}function L(t,e,a,o){g.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>D(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(t=>"right"===t.scalePosition?o(0):a(0))).attr("width",e.bandwidth()).attr("height",(t=>s-("right"===t.scalePosition?o(0):a(0)))).style("fill",(t=>t.color||$)).style("cursor","pointer").on("mouseout",((t,e)=>{g.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(4,z.show=!1,z)})).on("mouseover",((t,e)=>{var i,a;g.selectAll("rect").filter((function(t){return t!=e})).style("opacity",.7);const{left:s,top:o,width:l}=null!==(a=null===(i=t.target.parentElement)||void 0===i?void 0:i.getBoundingClientRect())&&void 0!==a?a:{left:0,top:0,width:0};r(4,z={show:!0,text:e.customtooltip?`${e.customtooltip}`:`${e.key} - ${e.value}`,left:s,top:o-50,width:l})})).on("click",((t,e)=>{J.dispatch("bar-clicked",e)})),g.selectAll("rect").transition().duration(800).attr("y",(t=>"right"===t.scalePosition?o(+t.value):a(+t.value))).attr("height",(t=>s-("right"===t.scalePosition?o(+t.value):a(+t.value)))).delay(((t,e)=>100*e))}function M(t,e,r){g.select(".x-axis").call(j(t).tickFormat(C)),g.select(".y-left-axis").call(N(e).ticks(k).tickFormat(w)),b&&g.select(".y-right-axis").call(S(r).ticks(k).tickFormat(P)).attr("transform",`translate(${H-B(F).left-q},0)`);const i=b?H-B(F).left-q:H-q;g.selectAll(".y-left-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",i)}function W(){H=I();const{x:t,yleft:e,yright:i,xSubgroup:a}=G(H);r(6,g=v(c).append("svg").attr("width",H).attr("height",Number(s)+Number(B(F).top)+Number(B(F).bottom)+Number(B(F).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${B(F).left/2+B(F).right/2},${B(F).top})`)),g.append("g").attr("transform",`translate(0, ${Number(s)+Number(B(F).xAxis)})`).call(j(t)).attr("class","x-axis").attr("stroke-width","0"),g.append("g").call(N(e).ticks(k).tickFormat(w)).attr("class","y-left-axis").attr("stroke-width","0"),q=function(t){const{width:e}=c.getElementsByClassName(`y-${t}-axis`)[0].getBoundingClientRect();return e}("left"),b&&g.append("g").call(S(i).ticks(k).tickFormat(w)).attr("class","y-right-axis").attr("transform",`translate(${H-B(F).left-q},0)`).attr("stroke-width","0"),L(t,a,e,i)}function Z(){var t;if(H=I(),n){const e=I();null===(t=c.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,yleft:a,yright:s,xSubgroup:o}=G(e);M(r,a,s),g.selectAll(".bar").data(i).attr("transform",(t=>`translate(${String(r(t.group))}, 0)`)).selectAll("rect").data((t=>D(t))).attr("x",(t=>o(t.key))).attr("width",o.bandwidth())}}return p((()=>{new ResizeObserver(Z).observe(c),r(20,R=!0)})),t.$$set=t=>{"data"in t&&r(8,h=t.data),"chartheight"in t&&r(9,m=t.chartheight),"backgroundcolor"in t&&r(0,d=t.backgroundcolor),"leftscalemax"in t&&r(10,x=t.leftscalemax),"rightscalemax"in t&&r(11,b=t.rightscalemax),"color"in t&&r(12,$=t.color),"ticknumbers"in t&&r(13,k=t.ticknumbers),"tickleftformat"in t&&r(14,w=t.tickleftformat),"tickbottomformat"in t&&r(15,C=t.tickbottomformat),"tickrightformat"in t&&r(16,P=t.tickrightformat),"svgs"in t&&r(17,O=t.svgs),"margins"in t&&r(18,F=t.margins)},t.$$.update=()=>{256&t.$$.dirty[0]&&r(1,i=h?JSON.parse(h):[]),2&t.$$.dirty[0]&&(a=i.map((t=>t.group))),2&t.$$.dirty[0]&&r(2,l=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),512&t.$$.dirty[0]&&(s=parseInt(m,10)),131072&t.$$.dirty[0]&&r(5,o=O?JSON.parse(O):[]),1573120&t.$$.dirty[0]&&h.length>0&&R&&(n?h!==n&&(!function(){var t;null===(t=c.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${H}px`);const{x:e,yleft:r,yright:i,xSubgroup:a}=G(H);M(e,r,i),g.selectAll(".bar").remove(),L(e,a,r,i)}(),r(19,n=h)):(W(),r(19,n=h)))},[d,i,l,c,z,o,g,function(t,e){var r;return e.length>0?null===(r=e[0][t])||void 0===r?void 0:r.color:""},h,m,x,b,$,k,w,C,P,O,F,n,R,function(t){y[t?"unshift":"push"]((()=>{c=t,r(3,c)}))}]}class q extends t{constructor(t){super();const o=document.createElement("style");o.textContent='.legend{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.5rem;height:100%;color:#000000;gap:1rem}.legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend__title{white-space:nowrap;margin:0}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.25rem;height:16px;width:24px}.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 0;position:absolute}.pattern{z-index:-1;position:absolute}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(o),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},J,z,s,{data:8,chartheight:9,backgroundcolor:0,leftscalemax:10,rightscalemax:11,color:12,ticknumbers:13,tickleftformat:14,tickbottomformat:15,tickrightformat:16,svgs:17,margins:18},null,[-1,-1]),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","leftscalemax","rightscalemax","color","ticknumbers","tickleftformat","tickbottomformat","tickrightformat","svgs","margins"]}get data(){return this.$$.ctx[8]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[9]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get leftscalemax(){return this.$$.ctx[10]}set leftscalemax(t){this.$$set({leftscalemax:t}),a()}get rightscalemax(){return this.$$.ctx[11]}set rightscalemax(t){this.$$set({rightscalemax:t}),a()}get color(){return this.$$.ctx[12]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[13]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[14]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[15]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get tickrightformat(){return this.$$.ctx[16]}set tickrightformat(t){this.$$set({tickrightformat:t}),a()}get svgs(){return this.$$.ctx[17]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[18]}set margins(t){this.$$set({margins:t}),a()}}export{q as default};
 //# sourceMappingURL=GroupedBarChart.js.map

package/public/bricoman/components/chart/GroupedBarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupedBarChart.js","sources":["../../../../src/components/chart/GroupedBarChart.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    select,\n    scaleBand,\n    scaleLinear,\n    axisBottom,\n    axisLeft,\n    Selection,\n    ScaleBand,\n    ScaleLinear,\n    NumberValue,\n    axisRight,\n  } from 'd3';\n  import { onMount } from 'svelte';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import type {\n    GroupedBarData,\n    GroupedBarKeyValue,\n    BarMargin,\n  } from './grouped-bar-chart.types';\n\n  export let data = '';\n  let subgroups: string[];\n  $: parsedData = data\n    ? (JSON.parse(data) as GroupedBarData[])\n    : ([] as GroupedBarData[]);\n  $: groups = parsedData.map((d: GroupedBarData) => d.group);\n  $: subgroups = parsedData[0]\n    ? Object.keys(parsedData[0]).filter((d: string) => d !== 'group')\n    : [];\n\n  export let chartheight = '300';\n  $: height = parseInt(chartheight, 10);\n\n  export let backgroundcolor = '#fff';\n  export let leftscalemax = 50;\n  export let rightscalemax: number;\n  export let color = '#0B96CC';\n  export let ticknumbers = 4;\n  export let tickleftformat: (d: NumberValue, i: number) => string = (d) =>\n    `${Number(d)}`;\n  export let tickbottomformat: (d: NumberValue, i: number) => string = (d) =>\n    `${d}`;\n  export let tickrightformat: (d: NumberValue, i: number) => string = (d) =>\n    `${Number(d)}`;\n\n  export let svgs: string;\n  $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];\n\n  export let margins: string;\n\n  let _data: string;\n  let chart: HTMLDivElement;\n  let svg: Selection<SVGGElement, any, any, any>;\n  let hasMounted = false;\n  let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };\n  let eventHandler = new EventHandler();\n  let leftScaleWidth = 0;\n  let width = 0;\n\n  $: if (data.length > 0 && hasMounted) {\n    if (!_data) {\n      render();\n      _data = data;\n    } else if (data !== _data) {\n      update();\n      _data = data;\n    }\n  }\n\n  function getParsedMargins(margins: string): BarMargin {\n    if (margins) return JSON.parse(margins) as BarMargin;\n    else\n      return {\n        top: 10,\n        right: 40,\n        bottom: 20,\n        left: 60,\n        xAxis: 20,\n      } as BarMargin;\n  }\n\n  function getChartWidth() {\n    let chartWidth = select(chart).style('width');\n    if (chartWidth === '' || !chartWidth) {\n      chartWidth = `${window.innerWidth / 2}`;\n    }\n    return parseInt(chartWidth);\n  }\n\n  function getBarKeyValue(d: GroupedBarData): GroupedBarKeyValue[] {\n    return subgroups.map((key) => ({\n      key: key,\n      value: d[key].value,\n      scalePosition: d[key].scalePosition,\n      color: d[key].color,\n      customtooltip: d[key].customtooltip,\n    }));\n  }\n\n  function getAxes(width: number) {\n    // If there is no right scale, we only remove the right margin as the axis should continue to the edge of the chart\n    const xWidth = rightscalemax\n      ? width -\n        (getParsedMargins(margins).left + getParsedMargins(margins).right)\n      : width - getParsedMargins(margins).right;\n    const x = scaleBand().domain(groups).range([0, xWidth]).padding(0.2);\n    const yleft = scaleLinear().domain([0, leftscalemax]).range([height, 0]);\n    const yright = scaleLinear().domain([0, rightscalemax]).range([height, 0]);\n    const xSubgroup = scaleBand()\n      .domain(subgroups)\n      .range([0, x.bandwidth()])\n      .padding(0.05);\n    return { x, yleft, yright, xSubgroup };\n  }\n\n  function getAxisWidth(position: 'left' | 'right') {\n    const { width } = chart\n      .getElementsByClassName(`y-${position}-axis`)[0]\n      .getBoundingClientRect();\n    return width;\n  }\n\n  function addRectandles(\n    x: ScaleBand<string>,\n    xSubgroup: ScaleBand<string>,\n    yleft: ScaleLinear<number, number, never>,\n    yright: ScaleLinear<number, number, never>,\n  ) {\n    svg\n      .append('g')\n      .selectAll('g')\n      .data(parsedData)\n      .join('g')\n      .attr('transform', (d) => `translate(${String(x(d.group))}, 0)`)\n      .attr('class', 'bar')\n      .selectAll('rect')\n      .data((d) => getBarKeyValue(d))\n      .join('rect')\n      .attr('x', (d) => xSubgroup(d.key)!)\n      .attr('y', (d) => (d.scalePosition === 'right' ? yright(0) : yleft(0)))\n      .attr('width', xSubgroup.bandwidth())\n      .attr(\n        'height',\n        (d) => height - (d.scalePosition === 'right' ? yright(0) : yleft(0)),\n      )\n      .style('fill', (d) => d.color || color)\n      .style('cursor', 'pointer')\n      .on('mouseout', (_e: MouseEvent, chartEvent: GroupedBarKeyValue) => {\n        const others = svg.selectAll('rect').filter(function (arc) {\n          return arc != chartEvent;\n        });\n        others.style('opacity', 1);\n        tooltipData.show = false;\n      })\n      .on('mouseover', (e: MouseEvent, chartEvent: GroupedBarKeyValue) => {\n        const others = svg.selectAll('rect').filter(function (arc) {\n          return arc != chartEvent;\n        });\n        others.style('opacity', 0.7);\n        const { left, top, width } = (\n          e.target as HTMLElement\n        ).parentElement?.getBoundingClientRect() ?? {\n          left: 0,\n          top: 0,\n          width: 0,\n        };\n        tooltipData = {\n          show: true,\n          text: chartEvent.customtooltip\n            ? `${chartEvent.customtooltip}`\n            : `${chartEvent.key} - ${chartEvent.value}`,\n          left: left,\n          top: top - 50,\n          width,\n        };\n      })\n\n      .on('click', (_e: MouseEvent, chartEvent: GroupedBarKeyValue) => {\n        eventHandler.dispatch('bar-clicked', chartEvent);\n      });\n\n    svg\n      .selectAll<SVGElement, GroupedBarKeyValue>('rect')\n      .transition()\n      .duration(800)\n      .attr('y', (d) =>\n        d.scalePosition === 'right' ? yright(+d.value) : yleft(+d.value),\n      )\n      .attr(\n        'height',\n        (d) =>\n          height -\n          (d.scalePosition === 'right' ? yright(+d.value) : yleft(+d.value)),\n      )\n      .delay((_d, i) => i * 100);\n  }\n\n  function updateAxes(\n    x: ScaleBand<string>,\n    yleft: ScaleLinear<number, number, never>,\n    yright: ScaleLinear<number, number, never>,\n  ) {\n    svg\n      .select('.x-axis')\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n      .call((axisBottom(x) as any).tickFormat(tickbottomformat));\n    svg\n      .select('.y-left-axis')\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n      .call(\n        (axisLeft(yleft) as any).ticks(ticknumbers).tickFormat(tickleftformat),\n      );\n\n    if (rightscalemax) {\n      svg\n        .select('.y-right-axis')\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n        .call(\n          (axisRight(yright) as any)\n            .ticks(ticknumbers)\n            .tickFormat(tickrightformat),\n        )\n        .attr(\n          'transform',\n          // Right scale should be at width minus the width of the left scale plus its marging\n          `translate(${\n            width - getParsedMargins(margins).left - leftScaleWidth\n          },0)`,\n        );\n    }\n\n    // x2 is the end of left scale line and should stops where right scale starts (ie: same position)\n    const x2 = rightscalemax\n      ? width - getParsedMargins(margins).left - leftScaleWidth\n      : width - leftScaleWidth;\n    svg\n      .selectAll('.y-left-axis .tick line')\n      .attr('stroke', '#EEEDEA')\n      .attr('stroke-width', '1px')\n      .attr('x2', x2);\n  }\n\n  function render() {\n    width = getChartWidth();\n    const { x, yleft, yright, xSubgroup } = getAxes(width);\n\n    svg = select<HTMLElement, any>(chart)\n      .append('svg')\n      .attr('width', width)\n      .attr(\n        'height',\n        Number(height) +\n          Number(getParsedMargins(margins).top) +\n          Number(getParsedMargins(margins).bottom) +\n          Number(getParsedMargins(margins).xAxis),\n      )\n      .attr('id', 'svg-chart')\n      .append('g')\n      .attr(\n        'transform',\n        `translate(${\n          getParsedMargins(margins).left / 2 +\n          getParsedMargins(margins).right / 2\n        },${getParsedMargins(margins).top})`,\n      );\n\n    svg\n      .append('g')\n      .attr(\n        'transform',\n        `translate(0, ${\n          Number(height) + Number(getParsedMargins(margins).xAxis)\n        })`,\n      )\n      .call(axisBottom(x))\n      .attr('class', 'x-axis')\n      .attr('stroke-width', '0');\n\n    svg\n      .append('g')\n      .call(axisLeft(yleft).ticks(ticknumbers).tickFormat(tickleftformat))\n      .attr('class', 'y-left-axis')\n      .attr('stroke-width', '0');\n    leftScaleWidth = getAxisWidth('left');\n\n    if (rightscalemax) {\n      svg\n        .append('g')\n        .call(axisRight(yright).ticks(ticknumbers).tickFormat(tickleftformat))\n        .attr('class', 'y-right-axis')\n        .attr(\n          'transform',\n          // Right scale should be at width minus the width of the left scale plus its marging\n          `translate(${\n            width - getParsedMargins(margins).left - leftScaleWidth\n          },0)`,\n        )\n        .attr('stroke-width', '0');\n    }\n\n    addRectandles(x, xSubgroup, yleft, yright);\n  }\n\n  function update() {\n    chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n    const { x, yleft, yright, xSubgroup } = getAxes(width);\n    updateAxes(x, yleft, yright);\n    svg.selectAll('.bar').remove();\n    addRectandles(x, xSubgroup, yleft, yright);\n  }\n\n  function resize() {\n    width = getChartWidth();\n    if (_data) {\n      const width = getChartWidth();\n      chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n      const { x, yleft, yright, xSubgroup } = getAxes(width);\n      updateAxes(x, yleft, yright);\n\n      svg\n        .selectAll('.bar')\n        .data(parsedData)\n        .attr('transform', (d) => `translate(${String(x(d.group))}, 0)`)\n        .selectAll<SVGElement, GroupedBarKeyValue>('rect')\n        .data((d) => getBarKeyValue(d))\n        .attr('x', (d) => xSubgroup(d.key)!)\n        .attr('width', xSubgroup.bandwidth());\n    }\n  }\n\n  function getLegendColor(\n    subgroup: string,\n    parsedData: GroupedBarData[],\n  ): string {\n    if (parsedData.length > 0) return parsedData[0][subgroup]?.color;\n    return '';\n  }\n\n  onMount(() => {\n    const resizeObserver = new ResizeObserver(resize);\n    resizeObserver.observe(chart);\n    hasMounted = true;\n  });\n</script>\n\n<div bind:this={chart} style=\"background-color: {backgroundcolor};\" />\n\n<div class=\"legend\">\n  {#each subgroups as subgroup}\n    <div class=\"legend__item\">\n      <svg class=\"legend__box\">\n        <rect\n          x=\"0\"\n          y=\"0\"\n          width=\"24\"\n          height=\"16\"\n          fill={getLegendColor(subgroup, parsedData)}\n        />\n      </svg>\n      <span class=\"legend__title\">{subgroup}</span>\n    </div>\n  {/each}\n</div>\n\n{#if tooltipData.show}\n  <div\n    class=\"tooltip\"\n    style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px; width: ${tooltipData.width}px;`}\n  >\n    {tooltipData.text}\n  </div>\n{/if}\n\n<div style=\"height: 0; width: 0;\" class=\"pattern\">\n  {#each parsedSvgs as svg}\n    {@html svg}\n  {/each}\n</div>\n<text />\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n\n  .legend {\n    margin-top: magic-unit-rem(1);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 0 magic-unit-rem(1.5);\n    height: 100%;\n    color: $color-grey-999;\n    gap: magic-unit-rem(1);\n\n    &__item {\n      display: flex;\n      justify-content: center;\n      font-size: $size-font-04;\n      align-items: center;\n    }\n\n    &__title {\n      white-space: nowrap;\n      margin: 0;\n    }\n\n    &__box {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: magic-unit-rem(0.25);\n      height: 16px;\n      width: 24px;\n    }\n  }\n\n  .tooltip {\n    height: auto;\n    background-color: $color-grey-700;\n    border-radius: 4px;\n    color: $color-grey-000;\n    text-align: center;\n    padding: magic-unit-rem(0.5) 0;\n    position: absolute;\n  }\n\n  .pattern {\n    z-index: -1;\n    position: absolute;\n  }\n\n  text {\n    font-family: 'LeroyMerlin', sans-serif;\n    font-size: $size-font-04;\n    color: $color-grey-700;\n  }\n</style>\n"],"names":["ctx","insert","target","div","anchor","append","svg_1","rect","span","set_data","t1","t1_value","t_value","text","top","left","width","dirty","t","html_tag","p","raw_value","length","i","if_block","show","create_if_block","div0","div1","div2","text_1","getParsedMargins","margins","JSON","parse","right","bottom","xAxis","subgroups","_data","chart","svg","data","$$props","chartheight","backgroundcolor","leftscalemax","rightscalemax","color","ticknumbers","tickleftformat","d","Number","tickbottomformat","tickrightformat","svgs","hasMounted","tooltipData","eventHandler","EventHandler","leftScaleWidth","getChartWidth","chartWidth","select","style","window","innerWidth","parseInt","getBarKeyValue","map","key","value","scalePosition","customtooltip","getAxes","xWidth","x","scaleBand","domain","groups","range","padding","yleft","scaleLinear","height","yright","xSubgroup","bandwidth","addRectandles","selectAll","parsedData","join","attr","String","group","on","_e","chartEvent","filter","arc","e","_b","_a","parentElement","getBoundingClientRect","dispatch","transition","duration","delay","_d","updateAxes","call","axisBottom","tickFormat","axisLeft","ticks","axisRight","x2","render","$$invalidate","position","getElementsByClassName","getAxisWidth","resize","querySelector","setAttribute","onMount","ResizeObserver","observe","Object","keys","parsedSvgs","remove","update","subgroup","$$value"],"mappings":"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"}
+{"version":3,"file":"GroupedBarChart.js","sources":["../../../../src/components/chart/GroupedBarChart.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    select,\n    scaleBand,\n    scaleLinear,\n    axisBottom,\n    axisLeft,\n    Selection,\n    ScaleBand,\n    ScaleLinear,\n    NumberValue,\n    axisRight,\n  } from 'd3';\n  import { onMount } from 'svelte';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import type {\n    GroupedBarData,\n    GroupedBarKeyValue,\n    BarMargin,\n  } from './grouped-bar-chart.types';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let data = '';\n  let subgroups: string[];\n  $: parsedData = data\n    ? (JSON.parse(data) as GroupedBarData[])\n    : ([] as GroupedBarData[]);\n  $: groups = parsedData.map((d: GroupedBarData) => d.group);\n  $: subgroups = parsedData[0]\n    ? Object.keys(parsedData[0]).filter((d: string) => d !== 'group')\n    : [];\n\n  export let chartheight = '300';\n  $: height = parseInt(chartheight, 10);\n\n  export let backgroundcolor = '#fff';\n  export let leftscalemax = 50;\n  export let rightscalemax: number;\n  export let color = '#0B96CC';\n  export let ticknumbers = 4;\n  export let tickleftformat: (d: NumberValue, i: number) => string = (d) =>\n    `${Number(d)}`;\n  export let tickbottomformat: (d: NumberValue, i: number) => string = (d) =>\n    `${d}`;\n  export let tickrightformat: (d: NumberValue, i: number) => string = (d) =>\n    `${Number(d)}`;\n\n  export let svgs: string;\n  $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];\n\n  export let margins: string;\n\n  let _data: string;\n  let chart: HTMLDivElement;\n  let svg: Selection<SVGGElement, any, any, any>;\n  let hasMounted = false;\n  let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  let leftScaleWidth = 0;\n  let width = 0;\n\n  $: if (data.length > 0 && hasMounted) {\n    if (!_data) {\n      render();\n      _data = data;\n    } else if (data !== _data) {\n      update();\n      _data = data;\n    }\n  }\n\n  function getParsedMargins(margins: string): BarMargin {\n    if (margins) return JSON.parse(margins) as BarMargin;\n    else\n      return {\n        top: 10,\n        right: 40,\n        bottom: 20,\n        left: 60,\n        xAxis: 20,\n      } as BarMargin;\n  }\n\n  function getChartWidth() {\n    let chartWidth = select(chart).style('width');\n    if (chartWidth === '' || !chartWidth) {\n      chartWidth = `${window.innerWidth / 2}`;\n    }\n    return parseInt(chartWidth);\n  }\n\n  function getBarKeyValue(d: GroupedBarData): GroupedBarKeyValue[] {\n    return subgroups.map((key) => ({\n      key: key,\n      value: d[key].value,\n      scalePosition: d[key].scalePosition,\n      color: d[key].color,\n      customtooltip: d[key].customtooltip,\n    }));\n  }\n\n  function getAxes(width: number) {\n    // If there is no right scale, we only remove the right margin as the axis should continue to the edge of the chart\n    const xWidth = rightscalemax\n      ? width -\n        (getParsedMargins(margins).left + getParsedMargins(margins).right)\n      : width - getParsedMargins(margins).right;\n    const x = scaleBand().domain(groups).range([0, xWidth]).padding(0.2);\n    const yleft = scaleLinear().domain([0, leftscalemax]).range([height, 0]);\n    const yright = scaleLinear().domain([0, rightscalemax]).range([height, 0]);\n    const xSubgroup = scaleBand()\n      .domain(subgroups)\n      .range([0, x.bandwidth()])\n      .padding(0.05);\n    return { x, yleft, yright, xSubgroup };\n  }\n\n  function getAxisWidth(position: 'left' | 'right') {\n    const { width } = chart\n      .getElementsByClassName(`y-${position}-axis`)[0]\n      .getBoundingClientRect();\n    return width;\n  }\n\n  function addRectandles(\n    x: ScaleBand<string>,\n    xSubgroup: ScaleBand<string>,\n    yleft: ScaleLinear<number, number, never>,\n    yright: ScaleLinear<number, number, never>,\n  ) {\n    svg\n      .append('g')\n      .selectAll('g')\n      .data(parsedData)\n      .join('g')\n      .attr('transform', (d) => `translate(${String(x(d.group))}, 0)`)\n      .attr('class', 'bar')\n      .selectAll('rect')\n      .data((d) => getBarKeyValue(d))\n      .join('rect')\n      .attr('x', (d) => xSubgroup(d.key)!)\n      .attr('y', (d) => (d.scalePosition === 'right' ? yright(0) : yleft(0)))\n      .attr('width', xSubgroup.bandwidth())\n      .attr(\n        'height',\n        (d) => height - (d.scalePosition === 'right' ? yright(0) : yleft(0)),\n      )\n      .style('fill', (d) => d.color || color)\n      .style('cursor', 'pointer')\n      .on('mouseout', (_e: MouseEvent, chartEvent: GroupedBarKeyValue) => {\n        const others = svg.selectAll('rect').filter(function (arc) {\n          return arc != chartEvent;\n        });\n        others.style('opacity', 1);\n        tooltipData.show = false;\n      })\n      .on('mouseover', (e: MouseEvent, chartEvent: GroupedBarKeyValue) => {\n        const others = svg.selectAll('rect').filter(function (arc) {\n          return arc != chartEvent;\n        });\n        others.style('opacity', 0.7);\n        const { left, top, width } = (\n          e.target as HTMLElement\n        ).parentElement?.getBoundingClientRect() ?? {\n          left: 0,\n          top: 0,\n          width: 0,\n        };\n        tooltipData = {\n          show: true,\n          text: chartEvent.customtooltip\n            ? `${chartEvent.customtooltip}`\n            : `${chartEvent.key} - ${chartEvent.value}`,\n          left: left,\n          top: top - 50,\n          width,\n        };\n      })\n\n      .on('click', (_e: MouseEvent, chartEvent: GroupedBarKeyValue) => {\n        eventHandler.dispatch('bar-clicked', chartEvent);\n      });\n\n    svg\n      .selectAll<SVGElement, GroupedBarKeyValue>('rect')\n      .transition()\n      .duration(800)\n      .attr('y', (d) =>\n        d.scalePosition === 'right' ? yright(+d.value) : yleft(+d.value),\n      )\n      .attr(\n        'height',\n        (d) =>\n          height -\n          (d.scalePosition === 'right' ? yright(+d.value) : yleft(+d.value)),\n      )\n      .delay((_d, i) => i * 100);\n  }\n\n  function updateAxes(\n    x: ScaleBand<string>,\n    yleft: ScaleLinear<number, number, never>,\n    yright: ScaleLinear<number, number, never>,\n  ) {\n    svg\n      .select('.x-axis')\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n      .call((axisBottom(x) as any).tickFormat(tickbottomformat));\n    svg\n      .select('.y-left-axis')\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n      .call(\n        (axisLeft(yleft) as any).ticks(ticknumbers).tickFormat(tickleftformat),\n      );\n\n    if (rightscalemax) {\n      svg\n        .select('.y-right-axis')\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n        .call(\n          (axisRight(yright) as any)\n            .ticks(ticknumbers)\n            .tickFormat(tickrightformat),\n        )\n        .attr(\n          'transform',\n          // Right scale should be at width minus the width of the left scale plus its marging\n          `translate(${\n            width - getParsedMargins(margins).left - leftScaleWidth\n          },0)`,\n        );\n    }\n\n    // x2 is the end of left scale line and should stops where right scale starts (ie: same position)\n    const x2 = rightscalemax\n      ? width - getParsedMargins(margins).left - leftScaleWidth\n      : width - leftScaleWidth;\n    svg\n      .selectAll('.y-left-axis .tick line')\n      .attr('stroke', '#EEEDEA')\n      .attr('stroke-width', '1px')\n      .attr('x2', x2);\n  }\n\n  function render() {\n    width = getChartWidth();\n    const { x, yleft, yright, xSubgroup } = getAxes(width);\n\n    svg = select<HTMLElement, any>(chart)\n      .append('svg')\n      .attr('width', width)\n      .attr(\n        'height',\n        Number(height) +\n          Number(getParsedMargins(margins).top) +\n          Number(getParsedMargins(margins).bottom) +\n          Number(getParsedMargins(margins).xAxis),\n      )\n      .attr('id', 'svg-chart')\n      .append('g')\n      .attr(\n        'transform',\n        `translate(${\n          getParsedMargins(margins).left / 2 +\n          getParsedMargins(margins).right / 2\n        },${getParsedMargins(margins).top})`,\n      );\n\n    svg\n      .append('g')\n      .attr(\n        'transform',\n        `translate(0, ${\n          Number(height) + Number(getParsedMargins(margins).xAxis)\n        })`,\n      )\n      .call(axisBottom(x))\n      .attr('class', 'x-axis')\n      .attr('stroke-width', '0');\n\n    svg\n      .append('g')\n      .call(axisLeft(yleft).ticks(ticknumbers).tickFormat(tickleftformat))\n      .attr('class', 'y-left-axis')\n      .attr('stroke-width', '0');\n    leftScaleWidth = getAxisWidth('left');\n\n    if (rightscalemax) {\n      svg\n        .append('g')\n        .call(axisRight(yright).ticks(ticknumbers).tickFormat(tickleftformat))\n        .attr('class', 'y-right-axis')\n        .attr(\n          'transform',\n          // Right scale should be at width minus the width of the left scale plus its marging\n          `translate(${\n            width - getParsedMargins(margins).left - leftScaleWidth\n          },0)`,\n        )\n        .attr('stroke-width', '0');\n    }\n\n    addRectandles(x, xSubgroup, yleft, yright);\n  }\n\n  function update() {\n    chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n    const { x, yleft, yright, xSubgroup } = getAxes(width);\n    updateAxes(x, yleft, yright);\n    svg.selectAll('.bar').remove();\n    addRectandles(x, xSubgroup, yleft, yright);\n  }\n\n  function resize() {\n    width = getChartWidth();\n    if (_data) {\n      const width = getChartWidth();\n      chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n      const { x, yleft, yright, xSubgroup } = getAxes(width);\n      updateAxes(x, yleft, yright);\n\n      svg\n        .selectAll('.bar')\n        .data(parsedData)\n        .attr('transform', (d) => `translate(${String(x(d.group))}, 0)`)\n        .selectAll<SVGElement, GroupedBarKeyValue>('rect')\n        .data((d) => getBarKeyValue(d))\n        .attr('x', (d) => xSubgroup(d.key)!)\n        .attr('width', xSubgroup.bandwidth());\n    }\n  }\n\n  function getLegendColor(\n    subgroup: string,\n    parsedData: GroupedBarData[],\n  ): string {\n    if (parsedData.length > 0) return parsedData[0][subgroup]?.color;\n    return '';\n  }\n\n  onMount(() => {\n    const resizeObserver = new ResizeObserver(resize);\n    resizeObserver.observe(chart);\n    hasMounted = true;\n  });\n</script>\n\n<div bind:this={chart} style=\"background-color: {backgroundcolor};\" />\n\n<div class=\"legend\">\n  {#each subgroups as subgroup}\n    <div class=\"legend__item\">\n      <svg class=\"legend__box\">\n        <rect\n          x=\"0\"\n          y=\"0\"\n          width=\"24\"\n          height=\"16\"\n          fill={getLegendColor(subgroup, parsedData)}\n        />\n      </svg>\n      <span class=\"legend__title\">{subgroup}</span>\n    </div>\n  {/each}\n</div>\n\n{#if tooltipData.show}\n  <div\n    class=\"tooltip\"\n    style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px; width: ${tooltipData.width}px;`}\n  >\n    {tooltipData.text}\n  </div>\n{/if}\n\n<div style=\"height: 0; width: 0;\" class=\"pattern\">\n  {#each parsedSvgs as svg}\n    {@html svg}\n  {/each}\n</div>\n<text />\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n\n  .legend {\n    margin-top: magic-unit-rem(1);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 0 magic-unit-rem(1.5);\n    height: 100%;\n    color: $color-grey-999;\n    gap: magic-unit-rem(1);\n\n    &__item {\n      display: flex;\n      justify-content: center;\n      font-size: $size-font-04;\n      align-items: center;\n    }\n\n    &__title {\n      white-space: nowrap;\n      margin: 0;\n    }\n\n    &__box {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: magic-unit-rem(0.25);\n      height: 16px;\n      width: 24px;\n    }\n  }\n\n  .tooltip {\n    height: auto;\n    background-color: $color-grey-700;\n    border-radius: 4px;\n    color: $color-grey-000;\n    text-align: center;\n    padding: magic-unit-rem(0.5) 0;\n    position: absolute;\n  }\n\n  .pattern {\n    z-index: -1;\n    position: absolute;\n  }\n\n  text {\n    font-family: 'LeroyMerlin', sans-serif;\n    font-size: $size-font-04;\n    color: $color-grey-700;\n  }\n</style>\n"],"names":["ctx","insert","target","div","anchor","append","svg_1","rect","span","set_data","t1","t1_value","t_value","text","top","left","width","dirty","t","html_tag","p","raw_value","length","i","if_block","show","create_if_block","div0","div1","div2","text_1","getParsedMargins","margins","JSON","parse","right","bottom","xAxis","subgroups","_data","chart","svg","data","$$props","chartheight","backgroundcolor","leftscalemax","rightscalemax","color","ticknumbers","tickleftformat","d","Number","tickbottomformat","tickrightformat","svgs","hasMounted","tooltipData","eventHandler","EventHandler","get_current_component","createEventDispatcher","leftScaleWidth","getChartWidth","chartWidth","select","style","window","innerWidth","parseInt","getBarKeyValue","map","key","value","scalePosition","customtooltip","getAxes","xWidth","x","scaleBand","domain","groups","range","padding","yleft","scaleLinear","height","yright","xSubgroup","bandwidth","addRectandles","selectAll","parsedData","join","attr","String","group","on","_e","chartEvent","filter","arc","e","_b","_a","parentElement","getBoundingClientRect","dispatch","transition","duration","delay","_d","updateAxes","call","axisBottom","tickFormat","axisLeft","ticks","axisRight","x2","render","$$invalidate","position","getElementsByClassName","getAxisWidth","resize","querySelector","setAttribute","onMount","ResizeObserver","observe","Object","keys","parsedSvgs","remove","update","subgroup","$$value"],"mappings":"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"}