@mozaic-ds/web-components 0.21.0 → 0.23.0

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

@@ -1,2 +1,2 @@
-import{S as t,i as e,a,b as s,f as r,s as o,e as l,n,h as i,L as c,q as d,a6 as p,t as h,d as u,l as m,o as x,Q as f,R as g,J as b}from"../../index-d12e76e8.js";import{s as $}from"../../transform-15d69d5d.js";import{E as y}from"../../EventHandler-f7ee47ca.js";import{S as w,s as k,b as v,a as _,c as j,l as C}from"../../symbol-b05a6e2b.js";import{a as E,t as F,c as M,s as O,p as S}from"../../path-1b5da959.js";import{l as N}from"../../linear-f46d7e9e.js";import"../../array-5b770a93.js";const T=O(S/10)/O(7*S/10),z=O(F/10)*T,A=-M(F/10)*T;var I={draw(t,e){const a=E(.8908130915292852*e),s=z*a,r=A*a;t.moveTo(0,-a),t.lineTo(s,r);for(let e=1;e<5;++e){const o=F*e/5,l=M(o),n=O(o);t.lineTo(n*a,-l*a),t.lineTo(l*s-n*r,n*s+l*r)}t.closePath()}};function P(t,e,a){const s=t.slice();return s[1]=e[a],s}function J(t){let e,a,r,o,n,p,g=t[3].title+"",b=t[3].text,$=[];for(let e=0;e<b.length;e+=1)$[e]=Y(P(t,b,e));return{c(){e=l("div"),a=l("span"),r=l("b"),o=h(g),n=u(),p=l("div");for(let t=0;t<$.length;t+=1)$[t].c();i(e,"class","chart__tooltip"),c(e,"left",t[3].left),c(e,"top",t[3].top)},m(t,l){s(t,e,l),m(e,a),m(a,r),m(r,o),m(e,n),m(e,p);for(let t=0;t<$.length;t+=1)$[t]&&$[t].m(p,null)},p(t,a){if(8&a[0]&&g!==(g=t[3].title+"")&&x(o,g),8&a[0]){let e;for(b=t[3].text,e=0;e<b.length;e+=1){const s=P(t,b,e);$[e]?$[e].p(s,a):($[e]=Y(s),$[e].c(),$[e].m(p,null))}for(;e<$.length;e+=1)$[e].d(1);$.length=b.length}8&a[0]&&c(e,"left",t[3].left),8&a[0]&&c(e,"top",t[3].top)},d(t){t&&d(e),f($,t)}}}function R(t){let e,a,r,o,n,c,p,f=t[1].name+"",g=t[1].value+"";return{c(){e=l("div"),a=l("span"),r=h(f),o=u(),n=l("span"),c=h(g),p=u(),i(a,"class","chart__legend"),i(n,"class","chart__elem"),i(e,"class","chart__list")},m(t,l){s(t,e,l),m(e,a),m(a,r),m(e,o),m(e,n),m(n,c),m(e,p)},p(t,e){8&e[0]&&f!==(f=t[1].name+"")&&x(r,f),8&e[0]&&g!==(g=t[1].value+"")&&x(c,g)},d(t){t&&d(e)}}}function X(t){let e,a,r,o,n=t[1].customtooltip+"";return{c(){e=l("div"),a=l("span"),r=h(n),o=u(),i(a,"class","chart__elem"),i(e,"class","chart__list")},m(t,l){s(t,e,l),m(e,a),m(a,r),m(e,o)},p(t,e){8&e[0]&&n!==(n=t[1].customtooltip+"")&&x(r,n)},d(t){t&&d(e)}}}function Y(t){let e;function a(t,e){return t[1].customtooltip?X:R}let r=a(t),o=r(t);return{c(){o.c(),e=g()},m(t,a){o.m(t,a),s(t,e,a)},p(t,s){r===(r=a(t))&&o?o.p(t,s):(o.d(1),o=r(t),o&&(o.c(),o.m(e.parentNode,e)))},d(t){o.d(t),t&&d(e)}}}function D(t){let e,a=t[3].show&&J(t);return{c(){e=l("div"),a&&a.c(),this.c=n,i(e,"class","chart"),c(e,"background-color",t[0])},m(r,o){s(r,e,o),a&&a.m(e,null),t[11](e)},p(t,s){t[3].show?a?a.p(t,s):(a=J(t),a.c(),a.m(e,null)):a&&(a.d(1),a=null),1&s[0]&&c(e,"background-color",t[0])},i:n,o:n,d(s){s&&d(e),a&&a.d(),t[11](null)}}}function H(t,e,a){let s,r,o,{data:l=""}=e,{backgroundcolor:n="#fff"}=e,{delay:i=500}=e,{sides:c=5}=e,{levels:d=10}=e,{valuemax:h=20}=e,{scalemax:u=20}=e,{hasgrades:m=!1}=e;const x=[w(k),w(v),w(_),w(j),w(I)],f=["#605F9D","#00919F","#758992","#0B96CC"];let g,E,F=!1,M=new y(get_current_component(),createEventDispatcher()),O={left:"0px",top:"0px",text:[],title:"",show:!1},S=Math.min(window.innerWidth,window.innerHeight,400),T=Math.PI,z=2*Math.PI/c,A=.8*S/2,P={x:S/2,y:S/2};const J=(t,e)=>({x:P.x+t*Math.sin(T-e),y:P.y+t*Math.cos(T-e)}),R=(t,e)=>{const a=C().x((t=>t.x)).y((t=>t.y));e.append("path").attr("d",a(t))},X=t=>{for(let e=1,s=0;e<=t;e++,s++){const t=E.append("g").attr("stroke","#ccc"),o=e*z,l=()=>r.map(((t,a)=>{let s=t[e];if(r[0][e].name===s.name)return{name:`Serie ${a+1}`,value:s.value}}));t.on("mouseover",(e=>{t.attr("stroke-dasharray","4"),t.attr("stroke-width","4px"),a(3,O={left:e.pageX+10+"px",title:r[0][s+1].name,top:e.pageY-25+"px",text:l(),show:!0})})),t.on("mouseout",(e=>{t.attr("stroke-dasharray",0),t.attr("stroke-width","1px"),a(3,O={left:e.pageX+10+"px",top:e.pageY-25+"px",show:!1,text:[],title:""})})),t.on("click",((t,e)=>{M.dispatch("serie-clicked",e)}));const n=J(A,o);R([P,n],t)}},Y=(t,e,s)=>{let r=[];t.forEach(((t,a)=>{const s=o(t.value),l=a*(2*Math.PI/e);r.push(Object.assign(Object.assign({},J(s,l)),{value:"hihihi"}))}));const l=E.append("g").attr("stroke",f[s]).attr("stroke-width","1.5px").attr("fill-opacity","0.2").attr("fill",f[s]);l.on("mousemove",(e=>{a(3,O={left:e.pageX+10+"px",title:`Serie-${s}`,top:e.pageY-25+"px",text:t,show:!0}),l.attr("fill-opacity","0.6")})),l.on("mouseout",(t=>{a(3,O={left:"0px",top:"0px",text:[],title:"",show:!1}),l.attr("fill-opacity","0.2")})),R([...r,r[0]],l),((t,e,a)=>{E.selectAll().data(t).enter().append("path").attr("fill","#FFF").attr("stroke",e[a]).attr("stroke-width","2px").attr("d",x[a].size(50)).attr("opacity",.4).attr("transform",(t=>`translate(${t.x},${t.y})`))})(r,f,s)},D=(t,e,a,s)=>{a?s.append("text").attr("x",e.x).attr("y",e.y).html(t).style("text-anchor","middle").attr("fill","#3A3936").style("font-size","11px"):s.append("text").attr("x",e.x).attr("y",e.y).html(t).style("text-anchor","middle").attr("fill","#3A3936").style("font-size","12px")},H=(t,e)=>{const a=E.append("g").attr("class","labels");for(let s=0;s<e;s++){const e=s*z,r=t[s].name,o=J(S/2*.9,e);D(r,o,!1,a)}},q=()=>{const t=(t=>{const e=[],a=h/t;for(let s=0;s<=t;s++){const t=a*s;Number.isInteger(a)?e.push(Number(t)):e.push(t.toFixed(2))}return e})(d);((t,e)=>{for(let a=1;a<=t;a++){const s=a/t*A,r=[];for(let t=0;t<e;t++){const e=t*z;r.push(J(s,e))}const o=E.append("g").style("fill","none").attr("stroke","#CCCCCC");R([...r,r[0]],o)}})(d,c),((t,e)=>{const a=E.append("g").attr("class","radar-lines"),s=J(A,0);R([P,s],a);const r=E.append("g").attr("class","ticks");t.forEach(((t,s)=>{const o=J(s/e*A,0),l=[o,Object.assign(Object.assign({},o),{x:o.x-10})];R(l,a),m&&D(t,o,!0,r)}))})(t,d),X(c),r.forEach(((t,e)=>{Y(t,c,e),H(t,c)})),setTimeout((()=>{!function(t){X(c),t.forEach(((t,e)=>{Y(t,c,e),H(t,c)}))}(s)}),i*s.length)};return p((()=>a(10,F=!0))),t.$$set=t=>{"data"in t&&a(1,l=t.data),"backgroundcolor"in t&&a(0,n=t.backgroundcolor),"delay"in t&&a(4,i=t.delay),"sides"in t&&a(5,c=t.sides),"levels"in t&&a(6,d=t.levels),"valuemax"in t&&a(7,h=t.valuemax),"scalemax"in t&&a(8,u=t.scalemax),"hasgrades"in t&&a(9,m=t.hasgrades)},t.$$.update=()=>{2&t.$$.dirty[0]&&(s=l?JSON.parse(l):[]),2&t.$$.dirty[0]&&(r=l?JSON.parse(l):[]),256&t.$$.dirty[0]&&(o=N().domain([0,u]).range([0,A])),1030&t.$$.dirty[0]&&l.length>0&&F&&(E=$(g).append("svg").attr("width",S).attr("height",S).append("g"),q())},[n,l,g,O,i,c,d,h,u,m,F,function(t){b[t?"unshift":"push"]((()=>{g=t,a(2,g)}))}]}class q extends t{constructor(t){super();const l=document.createElement("style");l.textContent="@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.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__tooltip{position:absolute;width:auto;height:auto;background-color:white;border:1px solid #000;border-radius:4px;min-width:152px;color:grey;padding:0.25rem 0.5rem}.chart__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}",this.shadowRoot.appendChild(l),e(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},H,D,o,{data:1,backgroundcolor:0,delay:4,sides:5,levels:6,valuemax:7,scalemax:8,hasgrades:9},null,[-1,-1]),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["data","backgroundcolor","delay","sides","levels","valuemax","scalemax","hasgrades"]}get data(){return this.$$.ctx[1]}set data(t){this.$$set({data:t}),r()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),r()}get delay(){return this.$$.ctx[4]}set delay(t){this.$$set({delay:t}),r()}get sides(){return this.$$.ctx[5]}set sides(t){this.$$set({sides:t}),r()}get levels(){return this.$$.ctx[6]}set levels(t){this.$$set({levels:t}),r()}get valuemax(){return this.$$.ctx[7]}set valuemax(t){this.$$set({valuemax:t}),r()}get scalemax(){return this.$$.ctx[8]}set scalemax(t){this.$$set({scalemax:t}),r()}get hasgrades(){return this.$$.ctx[9]}set hasgrades(t){this.$$set({hasgrades:t}),r()}}export{q as default};
+import{S as t,i as e,a,b as s,f as r,s as o,e as l,n,h as i,L as c,q as d,a6 as p,t as h,d as u,l as m,o as x,Q as f,R as g,J as b}from"../../index-48da6c1f.js";import{s as $}from"../../transform-15d69d5d.js";import{E as y}from"../../EventHandler-f7ee47ca.js";import{S as w,s as k,b as v,a as _,c as j,l as C}from"../../symbol-b05a6e2b.js";import{a as E,t as F,c as M,s as O,p as S}from"../../path-1b5da959.js";import{l as N}from"../../linear-f46d7e9e.js";import"../../array-5b770a93.js";const T=O(S/10)/O(7*S/10),z=O(F/10)*T,A=-M(F/10)*T;var I={draw(t,e){const a=E(.8908130915292852*e),s=z*a,r=A*a;t.moveTo(0,-a),t.lineTo(s,r);for(let e=1;e<5;++e){const o=F*e/5,l=M(o),n=O(o);t.lineTo(n*a,-l*a),t.lineTo(l*s-n*r,n*s+l*r)}t.closePath()}};function P(t,e,a){const s=t.slice();return s[1]=e[a],s}function J(t){let e,a,r,o,n,p,g=t[3].title+"",b=t[3].text,$=[];for(let e=0;e<b.length;e+=1)$[e]=Y(P(t,b,e));return{c(){e=l("div"),a=l("span"),r=l("b"),o=h(g),n=u(),p=l("div");for(let t=0;t<$.length;t+=1)$[t].c();i(e,"class","chart__tooltip"),c(e,"left",t[3].left),c(e,"top",t[3].top)},m(t,l){s(t,e,l),m(e,a),m(a,r),m(r,o),m(e,n),m(e,p);for(let t=0;t<$.length;t+=1)$[t]&&$[t].m(p,null)},p(t,a){if(8&a[0]&&g!==(g=t[3].title+"")&&x(o,g),8&a[0]){let e;for(b=t[3].text,e=0;e<b.length;e+=1){const s=P(t,b,e);$[e]?$[e].p(s,a):($[e]=Y(s),$[e].c(),$[e].m(p,null))}for(;e<$.length;e+=1)$[e].d(1);$.length=b.length}8&a[0]&&c(e,"left",t[3].left),8&a[0]&&c(e,"top",t[3].top)},d(t){t&&d(e),f($,t)}}}function R(t){let e,a,r,o,n,c,p,f=t[1].name+"",g=t[1].value+"";return{c(){e=l("div"),a=l("span"),r=h(f),o=u(),n=l("span"),c=h(g),p=u(),i(a,"class","chart__legend"),i(n,"class","chart__elem"),i(e,"class","chart__list")},m(t,l){s(t,e,l),m(e,a),m(a,r),m(e,o),m(e,n),m(n,c),m(e,p)},p(t,e){8&e[0]&&f!==(f=t[1].name+"")&&x(r,f),8&e[0]&&g!==(g=t[1].value+"")&&x(c,g)},d(t){t&&d(e)}}}function X(t){let e,a,r,o,n=t[1].customtooltip+"";return{c(){e=l("div"),a=l("span"),r=h(n),o=u(),i(a,"class","chart__elem"),i(e,"class","chart__list")},m(t,l){s(t,e,l),m(e,a),m(a,r),m(e,o)},p(t,e){8&e[0]&&n!==(n=t[1].customtooltip+"")&&x(r,n)},d(t){t&&d(e)}}}function Y(t){let e;function a(t,e){return t[1].customtooltip?X:R}let r=a(t),o=r(t);return{c(){o.c(),e=g()},m(t,a){o.m(t,a),s(t,e,a)},p(t,s){r===(r=a(t))&&o?o.p(t,s):(o.d(1),o=r(t),o&&(o.c(),o.m(e.parentNode,e)))},d(t){o.d(t),t&&d(e)}}}function D(t){let e,a=t[3].show&&J(t);return{c(){e=l("div"),a&&a.c(),this.c=n,i(e,"class","chart"),c(e,"background-color",t[0])},m(r,o){s(r,e,o),a&&a.m(e,null),t[11](e)},p(t,s){t[3].show?a?a.p(t,s):(a=J(t),a.c(),a.m(e,null)):a&&(a.d(1),a=null),1&s[0]&&c(e,"background-color",t[0])},i:n,o:n,d(s){s&&d(e),a&&a.d(),t[11](null)}}}function H(t,e,a){let s,r,o,{data:l=""}=e,{backgroundcolor:n="#fff"}=e,{delay:i=500}=e,{sides:c=5}=e,{levels:d=10}=e,{valuemax:h=20}=e,{scalemax:u=20}=e,{hasgrades:m=!1}=e;const x=[w(k),w(v),w(_),w(j),w(I)],f=["#605F9D","#00919F","#758992","#0B96CC"];let g,E,F=!1,M=new y(get_current_component(),createEventDispatcher()),O={left:"0px",top:"0px",text:[],title:"",show:!1},S=Math.min(window.innerWidth,window.innerHeight,400),T=Math.PI,z=2*Math.PI/c,A=.8*S/2,P={x:S/2,y:S/2};const J=(t,e)=>({x:P.x+t*Math.sin(T-e),y:P.y+t*Math.cos(T-e)}),R=(t,e)=>{const a=C().x((t=>t.x)).y((t=>t.y));e.append("path").attr("d",a(t))},X=t=>{for(let e=1,s=0;e<=t;e++,s++){const t=E.append("g").attr("stroke","#ccc"),o=e*z,l=()=>r.map(((t,a)=>{let s=t[e];if(r[0][e].name===s.name)return{name:`Serie ${a+1}`,value:s.value}}));t.on("mouseover",(e=>{t.attr("stroke-dasharray","4"),t.attr("stroke-width","4px"),a(3,O={left:e.pageX+10+"px",title:r[0][s+1].name,top:e.pageY-25+"px",text:l(),show:!0})})),t.on("mouseout",(e=>{t.attr("stroke-dasharray",0),t.attr("stroke-width","1px"),a(3,O={left:e.pageX+10+"px",top:e.pageY-25+"px",show:!1,text:[],title:""})})),t.on("click",((t,e)=>{M.dispatch("serie-clicked",e)}));const n=J(A,o);R([P,n],t)}},Y=(t,e,s)=>{let r=[];t.forEach(((t,a)=>{const s=o(t.value),l=a*(2*Math.PI/e);r.push(Object.assign(Object.assign({},J(s,l)),{value:"hihihi"}))}));const l=E.append("g").attr("stroke",f[s]).attr("stroke-width","1.5px").attr("fill-opacity","0.2").attr("fill",f[s]);l.on("mousemove",(e=>{a(3,O={left:e.pageX+10+"px",title:`Serie-${s}`,top:e.pageY-25+"px",text:t,show:!0}),l.attr("fill-opacity","0.6")})),l.on("mouseout",(t=>{a(3,O={left:"0px",top:"0px",text:[],title:"",show:!1}),l.attr("fill-opacity","0.2")})),R([...r,r[0]],l),((t,e,a)=>{E.selectAll().data(t).enter().append("path").attr("fill","#FFF").attr("stroke",e[a]).attr("stroke-width","2px").attr("d",x[a].size(50)).attr("opacity",.4).attr("transform",(t=>`translate(${t.x},${t.y})`))})(r,f,s)},D=(t,e,a,s)=>{a?s.append("text").attr("x",e.x).attr("y",e.y).html(t).style("text-anchor","middle").attr("fill","#3A3936").style("font-size","11px"):s.append("text").attr("x",e.x).attr("y",e.y).html(t).style("text-anchor","middle").attr("fill","#3A3936").style("font-size","12px")},H=(t,e)=>{const a=E.append("g").attr("class","labels");for(let s=0;s<e;s++){const e=s*z,r=t[s].name,o=J(S/2*.9,e);D(r,o,!1,a)}},q=()=>{const t=(t=>{const e=[],a=h/t;for(let s=0;s<=t;s++){const t=a*s;Number.isInteger(a)?e.push(Number(t)):e.push(t.toFixed(2))}return e})(d);((t,e)=>{for(let a=1;a<=t;a++){const s=a/t*A,r=[];for(let t=0;t<e;t++){const e=t*z;r.push(J(s,e))}const o=E.append("g").style("fill","none").attr("stroke","#CCCCCC");R([...r,r[0]],o)}})(d,c),((t,e)=>{const a=E.append("g").attr("class","radar-lines"),s=J(A,0);R([P,s],a);const r=E.append("g").attr("class","ticks");t.forEach(((t,s)=>{const o=J(s/e*A,0),l=[o,Object.assign(Object.assign({},o),{x:o.x-10})];R(l,a),m&&D(t,o,!0,r)}))})(t,d),X(c),r.forEach(((t,e)=>{Y(t,c,e),H(t,c)})),setTimeout((()=>{!function(t){X(c),t.forEach(((t,e)=>{Y(t,c,e),H(t,c)}))}(s)}),i*s.length)};return p((()=>a(10,F=!0))),t.$$set=t=>{"data"in t&&a(1,l=t.data),"backgroundcolor"in t&&a(0,n=t.backgroundcolor),"delay"in t&&a(4,i=t.delay),"sides"in t&&a(5,c=t.sides),"levels"in t&&a(6,d=t.levels),"valuemax"in t&&a(7,h=t.valuemax),"scalemax"in t&&a(8,u=t.scalemax),"hasgrades"in t&&a(9,m=t.hasgrades)},t.$$.update=()=>{2&t.$$.dirty[0]&&(s=l?JSON.parse(l):[]),2&t.$$.dirty[0]&&(r=l?JSON.parse(l):[]),256&t.$$.dirty[0]&&(o=N().domain([0,u]).range([0,A])),1030&t.$$.dirty[0]&&l.length>0&&F&&(E=$(g).append("svg").attr("width",S).attr("height",S).append("g"),q())},[n,l,g,O,i,c,d,h,u,m,F,function(t){b[t?"unshift":"push"]((()=>{g=t,a(2,g)}))}]}class q extends t{constructor(t){super();const l=document.createElement("style");l.textContent="@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.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__tooltip{position:absolute;width:auto;height:auto;background-color:white;border:1px solid #000;border-radius:4px;min-width:152px;color:grey;padding:0.25rem 0.5rem}.chart__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}",this.shadowRoot.appendChild(l),e(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},H,D,o,{data:1,backgroundcolor:0,delay:4,sides:5,levels:6,valuemax:7,scalemax:8,hasgrades:9},null,[-1,-1]),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["data","backgroundcolor","delay","sides","levels","valuemax","scalemax","hasgrades"]}get data(){return this.$$.ctx[1]}set data(t){this.$$set({data:t}),r()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),r()}get delay(){return this.$$.ctx[4]}set delay(t){this.$$set({delay:t}),r()}get sides(){return this.$$.ctx[5]}set sides(t){this.$$set({sides:t}),r()}get levels(){return this.$$.ctx[6]}set levels(t){this.$$set({levels:t}),r()}get valuemax(){return this.$$.ctx[7]}set valuemax(t){this.$$set({valuemax:t}),r()}get scalemax(){return this.$$.ctx[8]}set scalemax(t){this.$$set({scalemax:t}),r()}get hasgrades(){return this.$$.ctx[9]}set hasgrades(t){this.$$set({hasgrades:t}),r()}}export{q as default};
 //# sourceMappingURL=Radar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Radar.js","sources":["../../../../node_modules/d3-shape/src/symbol/star.js","../../../../src/components/chart/Radar.svelte"],"sourcesContent":["import {sin, cos, sqrt, pi, tau} from \"../math.js\";\n\nconst ka = 0.89081309152928522810;\nconst kr = sin(pi / 10) / sin(7 * pi / 10);\nconst kx = sin(tau / 10) * kr;\nconst ky = -cos(tau / 10) * kr;\n\nexport default {\n  draw(context, size) {\n    const r = sqrt(size * ka);\n    const x = kx * r;\n    const y = ky * r;\n    context.moveTo(0, -r);\n    context.lineTo(x, y);\n    for (let i = 1; i < 5; ++i) {\n      const a = tau * i / 5;\n      const c = cos(a);\n      const s = sin(a);\n      context.lineTo(s * r, -c * r);\n      context.lineTo(c * x - s * y, s * x + c * y);\n    }\n    context.closePath();\n  }\n};\n","<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  import { onMount } from 'svelte';\n\n  import {\n    select,\n    scaleLinear,\n    Selection,\n    line,\n    symbolTriangle,\n    symbolCircle,\n    symbol,\n    symbolSquare,\n    symbolDiamond,\n    symbolStar,\n  } from 'd3';\n  import type { RadarData } from './radar.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let data: string = '';\n  $: parsedData = data ? (JSON.parse(data) as RadarData[]) : [];\n  export let backgroundcolor = '#fff';\n  export let delay = 500;\n  export let sides = 5;\n  export let levels = 10;\n  export let valuemax = 20;\n  export let scalemax = 20;\n  export let hasgrades = false;\n  // Interne variable\n  const symbolPath = [\n    symbol(symbolSquare),\n    symbol(symbolCircle),\n    symbol(symbolTriangle),\n    symbol(symbolDiamond),\n    symbol(symbolStar),\n  ];\n\n  const colors = ['#605F9D', '#00919F', '#758992', '#0B96CC'];\n\n  let chart: HTMLDivElement;\n  let svg: Selection<SVGGElement, any, 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    title: '',\n    show: false,\n  };\n\n  let size = Math.min(window.innerWidth, window.innerHeight, 400);\n  let offset = Math.PI;\n  let polyangle = (Math.PI * 2) / sides;\n  let r = 0.8 * size;\n  let radius = r / 2;\n  let center = {\n    x: size / 2,\n    y: size / 2,\n  };\n\n  $: dataset = data ? (JSON.parse(data) as RadarData[]) : ([] as RadarData[]);\n  $: scale = scaleLinear().domain([0, scalemax]).range([0, radius]);\n  // Interne methods\n  const getPoint = (length: number, angle: number) => {\n    const point = {\n      x: center.x + length * Math.sin(offset - angle),\n      y: center.y + length * Math.cos(offset - angle),\n    };\n    return point;\n  };\n\n  const graduations = (levels: number): Array<number | string> => {\n    const grades = [];\n    const step = valuemax / levels;\n    for (let i = 0; i <= levels; i++) {\n      const num = step * i;\n      if (Number.isInteger(step)) {\n        grades.push(Number(num));\n      } else {\n        grades.push(num.toFixed(2));\n      }\n    }\n    return grades;\n  };\n\n  const getPath = (points: Array<any>, parent: any) => {\n    const lineGenerator = line()\n      .x((d) => d.x)\n      .y((d) => d.y);\n\n    parent.append('path').attr('d', lineGenerator(points));\n  };\n\n  const getAxis = (ticks: Array<number | string>, levels: number) => {\n    const radarLines = svg.append('g').attr('class', 'radar-lines');\n    const point = getPoint(radius, 0);\n    getPath([center, point], radarLines);\n\n    const gradeLabel = svg.append('g').attr('class', 'ticks');\n\n    ticks.forEach((grade, i) => {\n      const r = (i / levels) * radius;\n      const p = getPoint(r, 0);\n      const points = [\n        p,\n        {\n          ...p,\n          x: p.x - 10,\n        },\n      ];\n      getPath(points, radarLines);\n      if (hasgrades) {\n        getText(grade, p, true, gradeLabel);\n      }\n    });\n  };\n\n  const getLevels = (levels: number, sides: number) => {\n    for (let level = 1; level <= levels; level++) {\n      const hyp = (level / levels) * radius;\n\n      const points = [];\n      for (let vertex = 0; vertex < sides; vertex++) {\n        const angle = vertex * polyangle;\n\n        points.push(getPoint(hyp, angle));\n      }\n      const svgLevel = svg\n        .append('g')\n        .style('fill', 'none')\n        .attr('stroke', '#CCCCCC');\n      getPath([...points, points[0]], svgLevel);\n    }\n  };\n\n  const getLines = (sides: number) => {\n    for (let vertex = 1, i = 0; vertex <= sides; vertex++, i++) {\n      const svgLine = svg.append('g').attr('stroke', '#ccc');\n      const angle = vertex * polyangle;\n      const formatdata = () => {\n        const tooltipData = dataset.map((elem: RadarData, dataIndex) => {\n          let elemPrincipal = elem[vertex];\n          if (dataset[0][vertex].name === elemPrincipal.name) {\n            return {\n              name: `Serie ${dataIndex + 1}`,\n              value: elemPrincipal.value,\n            };\n          }\n          return undefined;\n        });\n        return tooltipData;\n      };\n\n      svgLine.on('mouseover', (_e: MouseEvent) => {\n        svgLine.attr('stroke-dasharray', '4');\n        svgLine.attr('stroke-width', '4px');\n        tooltipData = {\n          left: _e.pageX + 10 + 'px',\n          title: dataset[0][i + 1].name,\n          top: _e.pageY - 25 + 'px',\n          text: formatdata(),\n          show: true,\n        };\n      });\n\n      svgLine.on('mouseout', (_e: MouseEvent) => {\n        svgLine.attr('stroke-dasharray', 0);\n        svgLine.attr('stroke-width', '1px');\n        tooltipData = {\n          left: _e.pageX + 10 + 'px',\n          top: _e.pageY - 25 + 'px',\n          show: false,\n          text: [],\n          title: '',\n        };\n      });\n\n      svgLine.on('click', (_e, chartEvent) => {\n        eventHandler.dispatch('serie-clicked', chartEvent);\n      });\n      const point = getPoint(radius, angle);\n      getPath([center, point], svgLine);\n    }\n  };\n\n  const getSymbols = (points, colors, index) => {\n    svg\n      .selectAll()\n      .data(points)\n      .enter()\n      .append('path')\n      .attr('fill', '#FFF')\n      .attr('stroke', colors[index])\n      .attr('stroke-width', '2px')\n      .attr('d', symbolPath[index].size(50))\n      .attr('opacity', 0.4)\n      .attr('transform', (d) => `translate(${d.x},${d.y})`);\n  };\n\n  const getData = (dataset, side, index) => {\n    let points = [];\n    dataset.forEach((d, i) => {\n      const len = scale(d.value);\n      const theta = i * ((2 * Math.PI) / side);\n\n      points.push({\n        ...getPoint(len, theta),\n        value: 'hihihi',\n      });\n    });\n\n    const group = svg\n      .append('g')\n      .attr('stroke', colors[index])\n      .attr('stroke-width', '1.5px')\n      .attr('fill-opacity', '0.2')\n      .attr('fill', colors[index]);\n\n    group.on('mousemove', (_e: MouseEvent) => {\n      tooltipData = {\n        left: _e.pageX + 10 + 'px',\n        title: `Serie-${index}`,\n        top: _e.pageY - 25 + 'px',\n        text: dataset,\n        show: true,\n      };\n      group.attr('fill-opacity', '0.6');\n    });\n\n    group.on('mouseout', (_e: MouseEvent) => {\n      tooltipData = {\n        left: '0px',\n        top: '0px',\n        text: [],\n        title: '',\n        show: false,\n      };\n      group.attr('fill-opacity', '0.2');\n    });\n\n    getPath([...points, points[0]], group);\n    getSymbols(points, colors, index);\n  };\n\n  const getText = (text, point, isAxis, group) => {\n    if (isAxis) {\n      // Add rect background\n      group\n        .append('text')\n        .attr('x', point.x)\n        .attr('y', point.y)\n        .html(text)\n        .style('text-anchor', 'middle')\n        .attr('fill', '#3A3936')\n        .style('font-size', '11px');\n    } else {\n      group\n        .append('text')\n        .attr('x', point.x)\n        .attr('y', point.y)\n        .html(text)\n        .style('text-anchor', 'middle')\n        .attr('fill', '#3A3936')\n        .style('font-size', '12px');\n    }\n  };\n\n  const drawLabels = (dataset, sides: number) => {\n    const groupL = svg.append('g').attr('class', 'labels');\n    for (let vertex = 0; vertex < sides; vertex++) {\n      const angle = vertex * polyangle;\n      const label = dataset[vertex].name;\n      const point = getPoint(0.9 * (size / 2), angle);\n      getText(label, point, false, groupL);\n    }\n  };\n\n  $: if (data.length > 0 && hasMounted) {\n    svg = select(chart)\n      .append('svg')\n      .attr('width', size)\n      .attr('height', size)\n      .append('g');\n\n    renderChart();\n  }\n\n  const renderChart = () => {\n    const ticks = graduations(levels);\n    getLevels(levels, sides);\n    getAxis(ticks, levels);\n    getLines(sides);\n    dataset.forEach((dataValue, index) => {\n      getData(dataValue, sides, index);\n      drawLabels(dataValue, sides);\n    });\n\n    setTimeout(() => {\n      updateChart(parsedData);\n    }, delay * parsedData.length);\n  };\n\n  function updateChart(data: RadarData[]) {\n    getLines(sides);\n    data.forEach((dataValue, index) => {\n      getData(dataValue, sides, index);\n      drawLabels(dataValue, sides);\n    });\n  }\n\n  onMount(() => (hasMounted = true));\n</script>\n\n<div\n  bind:this={chart}\n  class=\"chart\"\n  style=\"background-color: {backgroundcolor};\"\n>\n  {#if tooltipData.show}\n    <div\n      class=\"chart__tooltip\"\n      style=\"left: {tooltipData.left}; top: {tooltipData.top};\"\n    >\n      <span><b>{tooltipData.title}</b></span>\n      <div>\n        {#each tooltipData.text as data}\n          {#if data.customtooltip}\n            <div class=\"chart__list\">\n              <span class=\"chart__elem\">{data.customtooltip}</span>\n            </div>\n          {:else}\n            <div class=\"chart__list\">\n              <span class=\"chart__legend\">{data.name}</span>\n              <span class=\"chart__elem\">{data.value}</span>\n            </div>\n          {/if}\n        {/each}\n      </div>\n    </div>\n  {/if}\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  .chart {\n    display: flex;\n    flex-wrap: wrap;\n    background-color: $color-grey-000;\n    justify-content: center;\n    align-items: center;\n\n    &__tooltip {\n      position: absolute;\n      width: auto;\n      height: auto;\n      background-color: white;\n      border: 1px solid #000;\n      border-radius: 4px;\n      min-width: 152px;\n      color: grey;\n\n      padding: magic-unit-rem(0.25) magic-unit-rem(0.5);\n    }\n\n    &__list {\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n    }\n  }\n\n  .chart circle {\n    cursor: pointer;\n  }\n</style>\n"],"names":["kr","sin","pi","kx","tau","ky","cos","symbolStar","draw","context","size","r","sqrt","x","y","moveTo","lineTo","i","a","c","s","closePath","t0_value","ctx","title","each_value","text","length","set_style","div1","left","top","insert","target","anchor","append","span","b","div0","dirty","set_data","t0","name","t2_value","value","div","span0","span1","t2","customtooltip","create_if_block_1","if_block","show","create_if_block","data","$$props","backgroundcolor","delay","sides","levels","valuemax","scalemax","hasgrades","symbolPath","symbol","symbolSquare","symbolCircle","symbolTriangle","symbolDiamond","colors","chart","svg","hasMounted","eventHandler","EventHandler","get_current_component","createEventDispatcher","tooltipData","Math","min","window","innerWidth","innerHeight","offset","PI","polyangle","radius","center","getPoint","angle","getPath","points","parent","lineGenerator","line","d","attr","getLines","vertex","svgLine","formatdata","dataset","map","elem","dataIndex","elemPrincipal","on","_e","pageX","pageY","chartEvent","dispatch","point","getData","side","index","forEach","len","scale","theta","push","Object","assign","group","selectAll","enter","getSymbols","getText","isAxis","html","style","drawLabels","groupL","label","renderChart","ticks","grades","step","num","Number","isInteger","toFixed","graduations","level","hyp","svgLevel","getLevels","radarLines","gradeLabel","grade","p","getAxis","dataValue","setTimeout","updateChart","parsedData","onMount","$$invalidate","JSON","parse","scaleLinear","domain","range","select","$$value"],"mappings":"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"}
+{"version":3,"file":"Radar.js","sources":["../../../../node_modules/d3-shape/src/symbol/star.js","../../../../src/components/chart/Radar.svelte"],"sourcesContent":["import {sin, cos, sqrt, pi, tau} from \"../math.js\";\n\nconst ka = 0.89081309152928522810;\nconst kr = sin(pi / 10) / sin(7 * pi / 10);\nconst kx = sin(tau / 10) * kr;\nconst ky = -cos(tau / 10) * kr;\n\nexport default {\n  draw(context, size) {\n    const r = sqrt(size * ka);\n    const x = kx * r;\n    const y = ky * r;\n    context.moveTo(0, -r);\n    context.lineTo(x, y);\n    for (let i = 1; i < 5; ++i) {\n      const a = tau * i / 5;\n      const c = cos(a);\n      const s = sin(a);\n      context.lineTo(s * r, -c * r);\n      context.lineTo(c * x - s * y, s * x + c * y);\n    }\n    context.closePath();\n  }\n};\n","<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  import { onMount } from 'svelte';\n\n  import {\n    select,\n    scaleLinear,\n    Selection,\n    line,\n    symbolTriangle,\n    symbolCircle,\n    symbol,\n    symbolSquare,\n    symbolDiamond,\n    symbolStar,\n  } from 'd3';\n  import type { RadarData } from './radar.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let data: string = '';\n  $: parsedData = data ? (JSON.parse(data) as RadarData[]) : [];\n  export let backgroundcolor = '#fff';\n  export let delay = 500;\n  export let sides = 5;\n  export let levels = 10;\n  export let valuemax = 20;\n  export let scalemax = 20;\n  export let hasgrades = false;\n  // Interne variable\n  const symbolPath = [\n    symbol(symbolSquare),\n    symbol(symbolCircle),\n    symbol(symbolTriangle),\n    symbol(symbolDiamond),\n    symbol(symbolStar),\n  ];\n\n  const colors = ['#605F9D', '#00919F', '#758992', '#0B96CC'];\n\n  let chart: HTMLDivElement;\n  let svg: Selection<SVGGElement, any, 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    title: '',\n    show: false,\n  };\n\n  let size = Math.min(window.innerWidth, window.innerHeight, 400);\n  let offset = Math.PI;\n  let polyangle = (Math.PI * 2) / sides;\n  let r = 0.8 * size;\n  let radius = r / 2;\n  let center = {\n    x: size / 2,\n    y: size / 2,\n  };\n\n  $: dataset = data ? (JSON.parse(data) as RadarData[]) : ([] as RadarData[]);\n  $: scale = scaleLinear().domain([0, scalemax]).range([0, radius]);\n  // Interne methods\n  const getPoint = (length: number, angle: number) => {\n    const point = {\n      x: center.x + length * Math.sin(offset - angle),\n      y: center.y + length * Math.cos(offset - angle),\n    };\n    return point;\n  };\n\n  const graduations = (levels: number): Array<number | string> => {\n    const grades = [];\n    const step = valuemax / levels;\n    for (let i = 0; i <= levels; i++) {\n      const num = step * i;\n      if (Number.isInteger(step)) {\n        grades.push(Number(num));\n      } else {\n        grades.push(num.toFixed(2));\n      }\n    }\n    return grades;\n  };\n\n  const getPath = (points: Array<any>, parent: any) => {\n    const lineGenerator = line()\n      .x((d) => d.x)\n      .y((d) => d.y);\n\n    parent.append('path').attr('d', lineGenerator(points));\n  };\n\n  const getAxis = (ticks: Array<number | string>, levels: number) => {\n    const radarLines = svg.append('g').attr('class', 'radar-lines');\n    const point = getPoint(radius, 0);\n    getPath([center, point], radarLines);\n\n    const gradeLabel = svg.append('g').attr('class', 'ticks');\n\n    ticks.forEach((grade, i) => {\n      const r = (i / levels) * radius;\n      const p = getPoint(r, 0);\n      const points = [\n        p,\n        {\n          ...p,\n          x: p.x - 10,\n        },\n      ];\n      getPath(points, radarLines);\n      if (hasgrades) {\n        getText(grade, p, true, gradeLabel);\n      }\n    });\n  };\n\n  const getLevels = (levels: number, sides: number) => {\n    for (let level = 1; level <= levels; level++) {\n      const hyp = (level / levels) * radius;\n\n      const points = [];\n      for (let vertex = 0; vertex < sides; vertex++) {\n        const angle = vertex * polyangle;\n\n        points.push(getPoint(hyp, angle));\n      }\n      const svgLevel = svg\n        .append('g')\n        .style('fill', 'none')\n        .attr('stroke', '#CCCCCC');\n      getPath([...points, points[0]], svgLevel);\n    }\n  };\n\n  const getLines = (sides: number) => {\n    for (let vertex = 1, i = 0; vertex <= sides; vertex++, i++) {\n      const svgLine = svg.append('g').attr('stroke', '#ccc');\n      const angle = vertex * polyangle;\n      const formatdata = () => {\n        const tooltipData = dataset.map((elem: RadarData, dataIndex) => {\n          let elemPrincipal = elem[vertex];\n          if (dataset[0][vertex].name === elemPrincipal.name) {\n            return {\n              name: `Serie ${dataIndex + 1}`,\n              value: elemPrincipal.value,\n            };\n          }\n          return undefined;\n        });\n        return tooltipData;\n      };\n\n      svgLine.on('mouseover', (_e: MouseEvent) => {\n        svgLine.attr('stroke-dasharray', '4');\n        svgLine.attr('stroke-width', '4px');\n        tooltipData = {\n          left: _e.pageX + 10 + 'px',\n          title: dataset[0][i + 1].name,\n          top: _e.pageY - 25 + 'px',\n          text: formatdata(),\n          show: true,\n        };\n      });\n\n      svgLine.on('mouseout', (_e: MouseEvent) => {\n        svgLine.attr('stroke-dasharray', 0);\n        svgLine.attr('stroke-width', '1px');\n        tooltipData = {\n          left: _e.pageX + 10 + 'px',\n          top: _e.pageY - 25 + 'px',\n          show: false,\n          text: [],\n          title: '',\n        };\n      });\n\n      svgLine.on('click', (_e, chartEvent) => {\n        eventHandler.dispatch('serie-clicked', chartEvent);\n      });\n      const point = getPoint(radius, angle);\n      getPath([center, point], svgLine);\n    }\n  };\n\n  const getSymbols = (points, colors, index) => {\n    svg\n      .selectAll()\n      .data(points)\n      .enter()\n      .append('path')\n      .attr('fill', '#FFF')\n      .attr('stroke', colors[index])\n      .attr('stroke-width', '2px')\n      .attr('d', symbolPath[index].size(50))\n      .attr('opacity', 0.4)\n      .attr('transform', (d) => `translate(${d.x},${d.y})`);\n  };\n\n  const getData = (dataset, side, index) => {\n    let points = [];\n    dataset.forEach((d, i) => {\n      const len = scale(d.value);\n      const theta = i * ((2 * Math.PI) / side);\n\n      points.push({\n        ...getPoint(len, theta),\n        value: 'hihihi',\n      });\n    });\n\n    const group = svg\n      .append('g')\n      .attr('stroke', colors[index])\n      .attr('stroke-width', '1.5px')\n      .attr('fill-opacity', '0.2')\n      .attr('fill', colors[index]);\n\n    group.on('mousemove', (_e: MouseEvent) => {\n      tooltipData = {\n        left: _e.pageX + 10 + 'px',\n        title: `Serie-${index}`,\n        top: _e.pageY - 25 + 'px',\n        text: dataset,\n        show: true,\n      };\n      group.attr('fill-opacity', '0.6');\n    });\n\n    group.on('mouseout', (_e: MouseEvent) => {\n      tooltipData = {\n        left: '0px',\n        top: '0px',\n        text: [],\n        title: '',\n        show: false,\n      };\n      group.attr('fill-opacity', '0.2');\n    });\n\n    getPath([...points, points[0]], group);\n    getSymbols(points, colors, index);\n  };\n\n  const getText = (text, point, isAxis, group) => {\n    if (isAxis) {\n      // Add rect background\n      group\n        .append('text')\n        .attr('x', point.x)\n        .attr('y', point.y)\n        .html(text)\n        .style('text-anchor', 'middle')\n        .attr('fill', '#3A3936')\n        .style('font-size', '11px');\n    } else {\n      group\n        .append('text')\n        .attr('x', point.x)\n        .attr('y', point.y)\n        .html(text)\n        .style('text-anchor', 'middle')\n        .attr('fill', '#3A3936')\n        .style('font-size', '12px');\n    }\n  };\n\n  const drawLabels = (dataset, sides: number) => {\n    const groupL = svg.append('g').attr('class', 'labels');\n    for (let vertex = 0; vertex < sides; vertex++) {\n      const angle = vertex * polyangle;\n      const label = dataset[vertex].name;\n      const point = getPoint(0.9 * (size / 2), angle);\n      getText(label, point, false, groupL);\n    }\n  };\n\n  $: if (data.length > 0 && hasMounted) {\n    svg = select(chart)\n      .append('svg')\n      .attr('width', size)\n      .attr('height', size)\n      .append('g');\n\n    renderChart();\n  }\n\n  const renderChart = () => {\n    const ticks = graduations(levels);\n    getLevels(levels, sides);\n    getAxis(ticks, levels);\n    getLines(sides);\n    dataset.forEach((dataValue, index) => {\n      getData(dataValue, sides, index);\n      drawLabels(dataValue, sides);\n    });\n\n    setTimeout(() => {\n      updateChart(parsedData);\n    }, delay * parsedData.length);\n  };\n\n  function updateChart(data: RadarData[]) {\n    getLines(sides);\n    data.forEach((dataValue, index) => {\n      getData(dataValue, sides, index);\n      drawLabels(dataValue, sides);\n    });\n  }\n\n  onMount(() => (hasMounted = true));\n</script>\n\n<div\n  bind:this={chart}\n  class=\"chart\"\n  style=\"background-color: {backgroundcolor};\"\n>\n  {#if tooltipData.show}\n    <div\n      class=\"chart__tooltip\"\n      style=\"left: {tooltipData.left}; top: {tooltipData.top};\"\n    >\n      <span><b>{tooltipData.title}</b></span>\n      <div>\n        {#each tooltipData.text as data}\n          {#if data.customtooltip}\n            <div class=\"chart__list\">\n              <span class=\"chart__elem\">{data.customtooltip}</span>\n            </div>\n          {:else}\n            <div class=\"chart__list\">\n              <span class=\"chart__legend\">{data.name}</span>\n              <span class=\"chart__elem\">{data.value}</span>\n            </div>\n          {/if}\n        {/each}\n      </div>\n    </div>\n  {/if}\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  .chart {\n    display: flex;\n    flex-wrap: wrap;\n    background-color: $color-grey-000;\n    justify-content: center;\n    align-items: center;\n\n    &__tooltip {\n      position: absolute;\n      width: auto;\n      height: auto;\n      background-color: white;\n      border: 1px solid #000;\n      border-radius: 4px;\n      min-width: 152px;\n      color: grey;\n\n      padding: magic-unit-rem(0.25) magic-unit-rem(0.5);\n    }\n\n    &__list {\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n    }\n  }\n\n  .chart circle {\n    cursor: pointer;\n  }\n</style>\n"],"names":["kr","sin","pi","kx","tau","ky","cos","symbolStar","draw","context","size","r","sqrt","x","y","moveTo","lineTo","i","a","c","s","closePath","t0_value","ctx","title","each_value","text","length","set_style","div1","left","top","insert","target","anchor","append","span","b","div0","dirty","set_data","t0","name","t2_value","value","div","span0","span1","t2","customtooltip","create_if_block_1","if_block","show","create_if_block","data","$$props","backgroundcolor","delay","sides","levels","valuemax","scalemax","hasgrades","symbolPath","symbol","symbolSquare","symbolCircle","symbolTriangle","symbolDiamond","colors","chart","svg","hasMounted","eventHandler","EventHandler","get_current_component","createEventDispatcher","tooltipData","Math","min","window","innerWidth","innerHeight","offset","PI","polyangle","radius","center","getPoint","angle","getPath","points","parent","lineGenerator","line","d","attr","getLines","vertex","svgLine","formatdata","dataset","map","elem","dataIndex","elemPrincipal","on","_e","pageX","pageY","chartEvent","dispatch","point","getData","side","index","forEach","len","scale","theta","push","Object","assign","group","selectAll","enter","getSymbols","getText","isAxis","html","style","drawLabels","groupL","label","renderChart","ticks","grades","step","num","Number","isInteger","toFixed","graduations","level","hyp","svgLevel","getLevels","radarLines","gradeLabel","grade","p","getAxis","dataValue","setTimeout","updateChart","parsedData","onMount","$$invalidate","JSON","parse","scaleLinear","domain","range","select","$$value"],"mappings":"weAEA,MACMA,EAAKC,EAAIC,EAAK,IAAMD,EAAI,EAAIC,EAAK,IACjCC,EAAKF,EAAIG,EAAM,IAAMJ,EACrBK,GAAMC,EAAIF,EAAM,IAAMJ,EAE5B,IAAeO,EAAA,CACb,IAAAC,CAAKC,EAASC,GACZ,MAAMC,EAAIC,EAPH,kBAOQF,GACTG,EAAIV,EAAKQ,EACTG,EAAIT,EAAKM,EACfF,EAAQM,OAAO,GAAIJ,GACnBF,EAAQO,OAAOH,EAAGC,GAClB,IAAK,IAAIG,EAAI,EAAGA,EAAI,IAAKA,EAAG,CAC1B,MAAMC,EAAId,EAAMa,EAAI,EACdE,EAAIb,EAAIY,GACRE,EAAInB,EAAIiB,GACdT,EAAQO,OAAOI,EAAIT,GAAIQ,EAAIR,GAC3BF,EAAQO,OAAOG,EAAIN,EAAIO,EAAIN,EAAGM,EAAIP,EAAIM,EAAIL,EAC3C,CACDL,EAAQY,WACT,wFCoTaC,EAAAC,KAAYC,MAAK,GAElBC,EAAAF,KAAYG,0BAAjBC,OAAIV,GAAA,yJAJMW,EAAAC,EAAA,OAAAN,KAAYO,MAAaF,EAAAC,EAAA,MAAAN,KAAYQ,aAFrDC,EAmBKC,EAAAJ,EAAAK,GAfHC,EAAsCN,EAAAO,GAAhCD,EAA0BC,EAAAC,iBAChCF,EAaKN,EAAAS,+DAdK,EAAAC,EAAA,IAAAjB,KAAAA,EAAAC,KAAYC,MAAK,KAAAgB,EAAAC,EAAAnB,qBAElBG,EAAAF,KAAYG,aAAjBC,OAAIV,GAAA,EAAA,iHAAJU,eAJUC,EAAAC,EAAA,OAAAN,KAAYO,cAAaF,EAAAC,EAAA,MAAAN,KAAYQ,4DAWdT,EAAAC,KAAKmB,KAAI,GACXC,EAAApB,KAAKqB,MAAK,sKAFvCZ,EAGKC,EAAAY,EAAAX,GAFHC,EAA6CU,EAAAC,iBAC7CX,EAA4CU,EAAAE,yBADf,EAAAR,EAAA,IAAAjB,KAAAA,EAAAC,KAAKmB,KAAI,KAAAF,EAAAC,EAAAnB,GACX,EAAAiB,EAAA,IAAAI,KAAAA,EAAApB,KAAKqB,MAAK,KAAAJ,EAAAQ,EAAAL,6CALVrB,EAAAC,KAAK0B,cAAa,gHAD/CjB,EAEKC,EAAAY,EAAAX,GADHC,EAAoDU,EAAAT,yBAAzB,EAAAG,EAAA,IAAAjB,KAAAA,EAAAC,KAAK0B,cAAa,KAAAT,EAAAC,EAAAnB,uDAF5C,OAAAC,KAAK0B,cAAaC,kMAR1BC,EAAA5B,KAAY6B,MAAIC,EAAA9B,uFAFKA,EAAe,YAH3CS,EA2BKC,EAAAY,EAAAX,mCAtBEX,KAAY6B,6FAFS7B,EAAe,8EA/S9B+B,KAAAA,EAAe,IAAEC,GAEjBC,gBAAAA,EAAkB,QAAMD,GACxBE,MAAAA,EAAQ,KAAGF,GACXG,MAAAA,EAAQ,GAACH,GACTI,OAAAA,EAAS,IAAEJ,GACXK,SAAAA,EAAW,IAAEL,GACbM,SAAAA,EAAW,IAAEN,GACbO,UAAAA,GAAY,GAAKP,QAEtBQ,EAAU,CACdC,EAAOC,GACPD,EAAOE,GACPF,EAAOG,GACPH,EAAOI,GACPJ,EAAOzD,IAGH8D,GAAU,UAAW,UAAW,UAAW,eAE7CC,EACAC,EAEAC,GAAa,EACbC,EAAmB,IAAAC,EACrBC,wBACAC,yBAGEC,EAAW,CACb/C,KAAM,MACNC,IAAK,MACLL,KAAI,GACJF,MAAO,GACP4B,MAAM,GAGJ1C,EAAOoE,KAAKC,IAAIC,OAAOC,WAAYD,OAAOE,YAAa,KACvDC,EAASL,KAAKM,GACdC,EAAuB,EAAVP,KAAKM,GAAU1B,EAE5B4B,EADI,GAAM5E,EACG,EACb6E,EAAM,CACR1E,EAAGH,EAAO,EACVI,EAAGJ,EAAO,SAMN8E,EAAQ,CAAI7D,EAAgB8D,KACrB,CACT5E,EAAG0E,EAAO1E,EAAIc,EAASmD,KAAK7E,IAAIkF,EAASM,GACzC3E,EAAGyE,EAAOzE,EAAIa,EAASmD,KAAKxE,IAAI6E,EAASM,KAmBvCC,EAAO,CAAIC,EAAoBC,KAC7B,MAAAC,EAAgBC,IACnBjF,GAAGkF,GAAMA,EAAElF,IACXC,GAAGiF,GAAMA,EAAEjF,IAEd8E,EAAOzD,OAAO,QAAQ6D,KAAK,IAAKH,EAAcF,GAAM,EA6ChDM,EAAYvC,IACP,IAAA,IAAAwC,EAAS,EAAGjF,EAAI,EAAGiF,GAAUxC,EAAOwC,IAAUjF,IAAC,OAChDkF,EAAU5B,EAAIpC,OAAO,KAAK6D,KAAK,SAAU,QACzCP,EAAQS,EAASb,EACjBe,EAAU,IACMC,EAAQC,KAAK,CAAAC,EAAiBC,SAC5CC,EAAgBF,EAAKL,MACrBG,EAAQ,GAAGH,GAAQxD,OAAS+D,EAAc/D,YAE1CA,KAAI,SAAW8D,EAAY,IAC3B5D,MAAO6D,EAAc7D,MAGT,IAKpBuD,EAAQO,GAAG,aAAcC,IACvBR,EAAQH,KAAK,mBAAoB,KACjCG,EAAQH,KAAK,eAAgB,WAC7BnB,EAAW,CACT/C,KAAM6E,EAAGC,MAAQ,GAAK,KACtBpF,MAAO6E,EAAQ,GAAGpF,EAAI,GAAGyB,KACzBX,IAAK4E,EAAGE,MAAQ,GAAK,KACrBnF,KAAM0E,IACNhD,MAAM,OAIV+C,EAAQO,GAAG,YAAaC,IACtBR,EAAQH,KAAK,mBAAoB,GACjCG,EAAQH,KAAK,eAAgB,WAC7BnB,EAAW,CACT/C,KAAM6E,EAAGC,MAAQ,GAAK,KACtB7E,IAAK4E,EAAGE,MAAQ,GAAK,KACrBzD,MAAM,EACN1B,KAAI,GACJF,MAAO,QAIX2E,EAAQO,GAAG,SAAU,CAAAC,EAAIG,KACvBrC,EAAasC,SAAS,gBAAiBD,EAAU,IAE7C,MAAAE,EAAQxB,EAASF,EAAQG,GAC/BC,EAAS,CAAAH,EAAQyB,GAAQb,KAkBvBc,EAAW,CAAAZ,EAASa,EAAMC,SAC1BxB,EAAM,GACVU,EAAQe,SAAS,CAAArB,EAAG9E,KACZ,MAAAoG,EAAMC,EAAMvB,EAAEnD,OACd2E,EAAQtG,GAAM,EAAI6D,KAAKM,GAAM8B,GAEnCvB,EAAO6B,KAAbC,OAAAC,OAAAD,OAAAC,OACW,CAAA,EAAAlC,EAAS6B,EAAKE,IACjB,CAAA3E,MAAO,WAAQ,IAIb,MAAA+E,EAAQpD,EACXpC,OAAO,KACP6D,KAAK,SAAU3B,EAAO8C,IACtBnB,KAAK,eAAgB,SACrBA,KAAK,eAAgB,OACrBA,KAAK,OAAQ3B,EAAO8C,IAEvBQ,EAAMjB,GAAG,aAAcC,QACrB9B,EAAW,CACT/C,KAAM6E,EAAGC,MAAQ,GAAK,KACtBpF,eAAgB2F,IAChBpF,IAAK4E,EAAGE,MAAQ,GAAK,KACrBnF,KAAM2E,EACNjD,MAAM,IAERuE,EAAM3B,KAAK,eAAgB,MAAK,IAGlC2B,EAAMjB,GAAG,YAAaC,QACpB9B,EAAW,CACT/C,KAAM,MACNC,IAAK,MACLL,KAAI,GACJF,MAAO,GACP4B,MAAM,IAERuE,EAAM3B,KAAK,eAAgB,MAAK,IAGlCN,MAAYC,EAAQA,EAAO,IAAKgC,GAvDd,EAAAhC,EAAQtB,EAAQ8C,KAClC5C,EACGqD,YACAtE,KAAKqC,GACLkC,QACA1F,OAAO,QACP6D,KAAK,OAAQ,QACbA,KAAK,SAAU3B,EAAO8C,IACtBnB,KAAK,eAAgB,OACrBA,KAAK,IAAKjC,EAAWoD,GAAOzG,KAAK,KACjCsF,KAAK,UAAW,IAChBA,KAAK,aAAcD,GAAmB,aAAAA,EAAElF,KAAKkF,EAAEjF,MAAC,EA6CnDgH,CAAWnC,EAAQtB,EAAQ8C,EAAK,EAG5BY,GAAWrG,EAAMsF,EAAOgB,EAAQL,KAChCK,EAEFL,EACGxF,OAAO,QACP6D,KAAK,IAAKgB,EAAMnG,GAChBmF,KAAK,IAAKgB,EAAMlG,GAChBmH,KAAKvG,GACLwG,MAAM,cAAe,UACrBlC,KAAK,OAAQ,WACbkC,MAAM,YAAa,QAEtBP,EACGxF,OAAO,QACP6D,KAAK,IAAKgB,EAAMnG,GAChBmF,KAAK,IAAKgB,EAAMlG,GAChBmH,KAAKvG,GACLwG,MAAM,cAAe,UACrBlC,KAAK,OAAQ,WACbkC,MAAM,YAAa,SAIpBC,EAAU,CAAI9B,EAAS3C,WACrB0E,EAAS7D,EAAIpC,OAAO,KAAK6D,KAAK,QAAS,UACpC,IAAA,IAAAE,EAAS,EAAGA,EAASxC,EAAOwC,IAAM,OACnCT,EAAQS,EAASb,EACjBgD,EAAQhC,EAAQH,GAAQxD,KACxBsE,EAAQxB,EAAgB9E,EAAO,EAAd,GAAkB+E,GACzCsC,EAAQM,EAAOrB,GAAO,EAAOoB,KAc3BE,EAAW,WACTC,EAzNa5E,WACb6E,EAAM,GACNC,EAAO7E,EAAWD,EACf,IAAA,IAAA1C,EAAI,EAAGA,GAAK0C,EAAQ1C,IAAC,OACtByH,EAAMD,EAAOxH,EACf0H,OAAOC,UAAUH,GACnBD,EAAOhB,KAAKmB,OAAOD,IAEnBF,EAAOhB,KAAKkB,EAAIG,QAAQ,WAGrBL,CAAM,EA8MCM,CAAYnF,GA3Kb,EAAIA,EAAgBD,KACxB,IAAA,IAAAqF,EAAQ,EAAGA,GAASpF,EAAQoF,IAAK,CAClC,MAAAC,EAAOD,EAAQpF,EAAU2B,EAEzBK,EAAM,GACH,IAAA,IAAAO,EAAS,EAAGA,EAASxC,EAAOwC,IAAM,OACnCT,EAAQS,EAASb,EAEvBM,EAAO6B,KAAKhC,EAASwD,EAAKvD,IAEtB,MAAAwD,EAAW1E,EACdpC,OAAO,KACP+F,MAAM,OAAQ,QACdlC,KAAK,SAAU,WAClBN,MAAYC,EAAQA,EAAO,IAAKsD,KA8JlCC,CAAUvF,EAAQD,GApMP,EAAI6E,EAA+B5E,WACxCwF,EAAa5E,EAAIpC,OAAO,KAAK6D,KAAK,QAAS,eAC3CgB,EAAQxB,EAASF,EAAQ,GAC/BI,EAAS,CAAAH,EAAQyB,GAAQmC,SAEnBC,EAAa7E,EAAIpC,OAAO,KAAK6D,KAAK,QAAS,SAEjDuC,EAAMnB,SAAS,CAAAiC,EAAOpI,KACd,MACAqI,EAAI9D,EADCvE,EAAI0C,EAAU2B,EACH,GAChBK,GACJ2D,EAER7B,OAAAC,OAAAD,OAAAC,OAAa,CAAA,EAAA4B,IACHzI,EAAGyI,EAAEzI,EAAI,MAGb6E,EAAQC,EAAQwD,GACZrF,GACFiE,EAAQsB,EAAOC,GAAG,EAAMF,OAkL5BG,CAAQhB,EAAO5E,GACfsC,EAASvC,GACT2C,EAAQe,SAAS,CAAAoC,EAAWrC,KAC1BF,EAAQuC,EAAW9F,EAAOyD,GAC1BgB,EAAWqB,EAAW9F,EAAK,IAG7B+F,kBAKO,SAAYnG,GACnB2C,EAASvC,GACTJ,EAAK8D,SAAS,CAAAoC,EAAWrC,KACvBF,EAAQuC,EAAW9F,EAAOyD,GAC1BgB,EAAWqB,EAAW9F,EAAK,IAR3BgG,CAAYC,EAAU,GACrBlG,EAAQkG,EAAWhI,gBAWxBiI,GAAO,IAAAC,EAAA,GAAQrF,GAAa,6TAxSzBmF,EAAarG,EAAQwG,KAAKC,MAAMzG,GAAI,sBA8CpC+C,EAAU/C,EAAQwG,KAAKC,MAAMzG,GAAI,wBACjCgE,EAAQ0C,IAAcC,OAAM,CAAE,EAAGpG,IAAWqG,MAAO,CAAA,EAAG5E,yBAwNlDhC,EAAK3B,OAAS,GAAK6C,IACxBD,EAAM4F,EAAO7F,GACVnC,OAAO,OACP6D,KAAK,QAAStF,GACdsF,KAAK,SAAUtF,GACfyB,OAAO,KAEVmG,qEA8BShE,EAAK8F"}

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

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as r,b as n,f as s,s as a,e as o,d as i,I as l,n as c,L as f,h as d,q as h,Q as u,v as g,w as m,a6 as p,t as x,l as b,o as $,R as k,J as y,a3 as w}from"../../index-d12e76e8.js";import{s as v}from"../../transform-15d69d5d.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as N,a as _}from"../../array-5b770a93.js";import{a as j,b as S}from"../../axis-fbc0f7b5.js";import{b as E}from"../../band-d7a07d2c.js";import{l as O}from"../../linear-f46d7e9e.js";function J(t,e){if((s=t.length)>1)for(var r,n,s,a=1,o=t[e[0]],i=o.length;a<s;++a)for(n=o,o=t[e[a]],r=0;r<i;++r)o[r][1]+=o[r][0]=isNaN(n[r][1])?n[r][0]:n[r][1]}function R(t){for(var e=t.length,r=new Array(e);--e>=0;)r[e]=e;return r}function z(t,e){return t[e]}function q(t){const e=[];return e.key=t,e}function C(){var t=N([]),e=R,r=J,n=z;function s(s){var a,o,i=Array.from(t.apply(this,arguments),q),l=i.length,c=-1;for(const t of s)for(a=0,++c;a<l;++a)(i[a][c]=[0,+n(t,i[a].key,c,s)]).data=t;for(a=0,o=_(e(i));a<l;++a)i[o[a]].index=a;return r(i,o),i}return s.keys=function(e){return arguments.length?(t="function"==typeof e?e:N(Array.from(e)),s):t},s.value=function(t){return arguments.length?(n="function"==typeof t?t:N(+t),s):n},s.order=function(t){return arguments.length?(e=null==t?R:"function"==typeof t?t:N(Array.from(t)),s):e},s.offset=function(t){return arguments.length?(r=null==t?J:t,s):r},s}function F(t,e,r){const n=t.slice();return n[6]=e[r],n}function I(t,e,r){const n=t.slice();return n[32]=e[r],n}function L(t){let e,r,s,a=t[3].text+"";return{c(){e=o("div"),r=x(a),d(e,"class","tooltip"),d(e,"style",s=`top: ${t[3].top}px; left: ${t[3].left}px; width: ${t[3].width}px;`)},m(t,s){n(t,e,s),b(e,r)},p(t,n){8&n[0]&&a!==(a=t[3].text+"")&&$(r,a),8&n[0]&&s!==(s=`top: ${t[3].top}px; left: ${t[3].left}px; width: ${t[3].width}px;`)&&d(e,"style",s)},d(t){t&&h(e)}}}function B(t){let e,r,s,a,c,f,u,g,m=t[32]+"";return{c(){e=o("div"),r=l("svg"),s=l("rect"),c=i(),f=o("span"),u=x(m),g=i(),d(s,"x","0"),d(s,"y","0"),d(s,"width","24"),d(s,"height","16"),d(s,"fill",a=t[1][t[32]]),d(r,"class","legend__box"),d(f,"class","legend__title"),d(e,"class","legend__item")},m(t,a){n(t,e,a),b(e,r),b(r,s),b(e,c),b(e,f),b(f,u),b(e,g)},p(t,e){18&e[0]&&a!==(a=t[1][t[32]])&&d(s,"fill",a),16&e[0]&&m!==(m=t[32]+"")&&$(u,m)},d(t){t&&h(e)}}}function D(t){let e,r,s=t[6]+"";return{c(){e=new w(!1),r=k(),e.a=r},m(t,a){e.m(s,t,a),n(t,r,a)},p(t,r){32&r[0]&&s!==(s=t[6]+"")&&e.p(s)},d(t){t&&h(r),t&&e.d()}}}function H(t){let e,r,s,a,g,m,p,x,b=t[3].show&&L(t),$=t[4],k=[];for(let e=0;e<$.length;e+=1)k[e]=B(I(t,$,e));let y=t[5],w=[];for(let e=0;e<y.length;e+=1)w[e]=D(F(t,y,e));return{c(){e=o("div"),r=i(),b&&b.c(),s=i(),a=o("div");for(let t=0;t<k.length;t+=1)k[t].c();g=i(),m=o("div");for(let t=0;t<w.length;t+=1)w[t].c();p=i(),x=l("text"),this.c=c,f(e,"background-color",t[0]),d(a,"class","legend"),f(m,"height","0"),f(m,"width","0"),d(m,"class","pattern")},m(o,i){n(o,e,i),t[19](e),n(o,r,i),b&&b.m(o,i),n(o,s,i),n(o,a,i);for(let t=0;t<k.length;t+=1)k[t]&&k[t].m(a,null);n(o,g,i),n(o,m,i);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(m,null);n(o,p,i),n(o,x,i)},p(t,r){if(1&r[0]&&f(e,"background-color",t[0]),t[3].show?b?b.p(t,r):(b=L(t),b.c(),b.m(s.parentNode,s)):b&&(b.d(1),b=null),18&r[0]){let e;for($=t[4],e=0;e<$.length;e+=1){const n=I(t,$,e);k[e]?k[e].p(n,r):(k[e]=B(n),k[e].c(),k[e].m(a,null))}for(;e<k.length;e+=1)k[e].d(1);k.length=$.length}if(32&r[0]){let e;for(y=t[5],e=0;e<y.length;e+=1){const n=F(t,y,e);w[e]?w[e].p(n,r):(w[e]=D(n),w[e].c(),w[e].m(m,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=y.length}},i:c,o:c,d(n){n&&h(e),t[19](null),n&&h(r),b&&b.d(n),n&&h(s),n&&h(a),u(k,n),n&&h(g),n&&h(m),u(w,n),n&&h(p),n&&h(x)}}}function M(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function Q(t,e,r){let n,s,a,o,i,l,c,f,d,{data:h=""}=e,{chartheight:u="300"}=e,{backgroundcolor:x="#fff"}=e,{scalemax:b=50}=e,{ticknumbers:$=4}=e,{tickleftformat:k=(t=>`${Number(t)}`)}=e,{tickbottomformat:w=(t=>`${Number(t)}`)}=e,{margins:N}=e,{svgs:_}=e,{colors:J}=e,R=!1,z={show:!1,text:"",top:0,left:0,width:0},q=new A(g(),m());function F(){let t=v(f).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function I(t){return{x:E().domain(s).range([0,t-(M(N).left/2+M(N).right/2)]).padding(.2),y:O().domain([0,b]).range([o,0])}}function L(t,e){const s=C().keys(a)(n);d.append("g").selectAll("g").data(s).enter().append("g").attr("fill",(t=>l[t.key]||"black")).attr("class","bar").selectAll("rect").data((t=>t)).enter().append("rect").attr("x",(e=>t(e.data.group.toString()))).attr("y",(t=>e(t[1]))).attr("width",t.bandwidth()).attr("height",(t=>e(t[0])-e(t[1]))).style("cursor","pointer").on("mouseout",((t,e)=>{d.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(3,z.show=!1,z)})).on("mouseover",((t,e)=>{d.selectAll("rect").filter((function(t){return t!=e})).style("opacity",.7);const{left:n,top:s,width:a}=t.target.getBoundingClientRect();r(3,z={show:!0,text:e.data.customtooltip?e.data.customtooltip:""+(e[1]-e[0]),left:n,top:s-50,width:a})})).on("click",((t,e)=>{q.dispatch("bar-clicked",e)}))}function B(t,e){d.select(".x-axis").call(j(t).tickFormat(w)),d.select(".y-axis").call(S(e).ticks($).tickFormat(k));const r=F();d.selectAll(".y-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",r)}function D(){var t;if(c){const e=F();null===(t=f.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s}=I(e);B(r,s);const o=C().keys(a)(n);d.selectAll(".bar").data(o).selectAll("rect").data((t=>t)).attr("x",(t=>r(t.data.group.toString()))).attr("y",(t=>s(t[1]))).attr("width",r.bandwidth()).attr("height",(t=>s(t[0])-s(t[1])))}}return p((()=>{new ResizeObserver(D).observe(f),r(17,R=!0)})),t.$$set=t=>{"data"in t&&r(7,h=t.data),"chartheight"in t&&r(8,u=t.chartheight),"backgroundcolor"in t&&r(0,x=t.backgroundcolor),"scalemax"in t&&r(9,b=t.scalemax),"ticknumbers"in t&&r(10,$=t.ticknumbers),"tickleftformat"in t&&r(11,k=t.tickleftformat),"tickbottomformat"in t&&r(12,w=t.tickbottomformat),"margins"in t&&r(13,N=t.margins),"svgs"in t&&r(14,_=t.svgs),"colors"in t&&r(15,J=t.colors)},t.$$.update=()=>{128&t.$$.dirty[0]&&r(18,n=h?JSON.parse(h):[]),262144&t.$$.dirty[0]&&(s=n.map((t=>t.group))),262144&t.$$.dirty[0]&&r(4,a=n[0]?Object.keys(n[0]).filter((t=>"group"!==t)):[]),256&t.$$.dirty[0]&&(o=parseInt(u,10)),16384&t.$$.dirty[0]&&r(5,i=_?JSON.parse(_):[]),32768&t.$$.dirty[0]&&r(1,l=J?JSON.parse(J):{}),196736&t.$$.dirty[0]&&h.length>0&&R&&(c?h!==c&&(!function(){var t;const e=F();null===(t=f.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:n}=I(e);B(r,n),d.selectAll(".bar").remove(),L(r,n)}(),r(16,c=h)):(!function(){const t=F(),{x:e,y:n}=I(t);r(6,d=v(f).append("svg").attr("width",t).attr("height",Number(o)+Number(M(N).top)+Number(M(N).bottom)+Number(M(N).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${M(N).left/2+M(N).right/2},${M(N).top})`)),d.append("g").attr("transform",`translate(0, ${Number(o)+Number(M(N).xAxis)})`).call(j(e)).attr("class","x-axis").attr("stroke-width","0"),d.append("g").call(S(n).ticks($).tickFormat(k)).attr("class","y-axis").attr("stroke-width","0"),L(e,n)}(),r(16,c=h)))},[x,l,f,z,a,i,d,h,u,b,$,k,w,N,_,J,c,R,n,function(t){y[t?"unshift":"push"]((()=>{f=t,r(2,f)}))}]}class W 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:relative}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},Q,H,a,{data:7,chartheight:8,backgroundcolor:0,scalemax:9,ticknumbers:10,tickleftformat:11,tickbottomformat:12,margins:13,svgs:14,colors:15},null,[-1,-1]),t&&(t.target&&n(t.target,this,t.anchor),t.props&&(this.$set(t.props),s()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","scalemax","ticknumbers","tickleftformat","tickbottomformat","margins","svgs","colors"]}get data(){return this.$$.ctx[7]}set data(t){this.$$set({data:t}),s()}get chartheight(){return this.$$.ctx[8]}set chartheight(t){this.$$set({chartheight:t}),s()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),s()}get scalemax(){return this.$$.ctx[9]}set scalemax(t){this.$$set({scalemax:t}),s()}get ticknumbers(){return this.$$.ctx[10]}set ticknumbers(t){this.$$set({ticknumbers:t}),s()}get tickleftformat(){return this.$$.ctx[11]}set tickleftformat(t){this.$$set({tickleftformat:t}),s()}get tickbottomformat(){return this.$$.ctx[12]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),s()}get margins(){return this.$$.ctx[13]}set margins(t){this.$$set({margins:t}),s()}get svgs(){return this.$$.ctx[14]}set svgs(t){this.$$set({svgs:t}),s()}get colors(){return this.$$.ctx[15]}set colors(t){this.$$set({colors:t}),s()}}export{W as default};
+import{S as t,i as e,a as r,b as n,f as s,s as a,e as o,d as i,I as c,n as l,L as f,h as d,q as h,Q as u,v as g,w as m,a6 as p,t as x,l as b,o as $,R as k,J as y,a3 as w}from"../../index-48da6c1f.js";import{s as v}from"../../transform-15d69d5d.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as N,a as _}from"../../array-5b770a93.js";import{a as j,b as S}from"../../axis-fbc0f7b5.js";import{b as E}from"../../band-d7a07d2c.js";import{l as O}from"../../linear-f46d7e9e.js";function J(t,e){if((s=t.length)>1)for(var r,n,s,a=1,o=t[e[0]],i=o.length;a<s;++a)for(n=o,o=t[e[a]],r=0;r<i;++r)o[r][1]+=o[r][0]=isNaN(n[r][1])?n[r][0]:n[r][1]}function R(t){for(var e=t.length,r=new Array(e);--e>=0;)r[e]=e;return r}function z(t,e){return t[e]}function q(t){const e=[];return e.key=t,e}function C(){var t=N([]),e=R,r=J,n=z;function s(s){var a,o,i=Array.from(t.apply(this,arguments),q),c=i.length,l=-1;for(const t of s)for(a=0,++l;a<c;++a)(i[a][l]=[0,+n(t,i[a].key,l,s)]).data=t;for(a=0,o=_(e(i));a<c;++a)i[o[a]].index=a;return r(i,o),i}return s.keys=function(e){return arguments.length?(t="function"==typeof e?e:N(Array.from(e)),s):t},s.value=function(t){return arguments.length?(n="function"==typeof t?t:N(+t),s):n},s.order=function(t){return arguments.length?(e=null==t?R:"function"==typeof t?t:N(Array.from(t)),s):e},s.offset=function(t){return arguments.length?(r=null==t?J:t,s):r},s}function F(t,e,r){const n=t.slice();return n[6]=e[r],n}function I(t,e,r){const n=t.slice();return n[32]=e[r],n}function L(t){let e,r,s,a=t[3].text+"";return{c(){e=o("div"),r=x(a),d(e,"class","tooltip"),d(e,"style",s=`top: ${t[3].top}px; left: ${t[3].left}px; width: ${t[3].width}px;`)},m(t,s){n(t,e,s),b(e,r)},p(t,n){8&n[0]&&a!==(a=t[3].text+"")&&$(r,a),8&n[0]&&s!==(s=`top: ${t[3].top}px; left: ${t[3].left}px; width: ${t[3].width}px;`)&&d(e,"style",s)},d(t){t&&h(e)}}}function B(t){let e,r,s,a,l,f,u,g,m=t[32]+"";return{c(){e=o("div"),r=c("svg"),s=c("rect"),l=i(),f=o("span"),u=x(m),g=i(),d(s,"x","0"),d(s,"y","0"),d(s,"width","24"),d(s,"height","16"),d(s,"fill",a=t[1][t[32]]),d(r,"class","legend__box"),d(f,"class","legend__title"),d(e,"class","legend__item")},m(t,a){n(t,e,a),b(e,r),b(r,s),b(e,l),b(e,f),b(f,u),b(e,g)},p(t,e){18&e[0]&&a!==(a=t[1][t[32]])&&d(s,"fill",a),16&e[0]&&m!==(m=t[32]+"")&&$(u,m)},d(t){t&&h(e)}}}function D(t){let e,r,s=t[6]+"";return{c(){e=new w(!1),r=k(),e.a=r},m(t,a){e.m(s,t,a),n(t,r,a)},p(t,r){32&r[0]&&s!==(s=t[6]+"")&&e.p(s)},d(t){t&&h(r),t&&e.d()}}}function H(t){let e,r,s,a,g,m,p,x,b=t[3].show&&L(t),$=t[4],k=[];for(let e=0;e<$.length;e+=1)k[e]=B(I(t,$,e));let y=t[5],w=[];for(let e=0;e<y.length;e+=1)w[e]=D(F(t,y,e));return{c(){e=o("div"),r=i(),b&&b.c(),s=i(),a=o("div");for(let t=0;t<k.length;t+=1)k[t].c();g=i(),m=o("div");for(let t=0;t<w.length;t+=1)w[t].c();p=i(),x=c("text"),this.c=l,f(e,"background-color",t[0]),d(a,"class","legend"),f(m,"height","0"),f(m,"width","0"),d(m,"class","pattern")},m(o,i){n(o,e,i),t[19](e),n(o,r,i),b&&b.m(o,i),n(o,s,i),n(o,a,i);for(let t=0;t<k.length;t+=1)k[t]&&k[t].m(a,null);n(o,g,i),n(o,m,i);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(m,null);n(o,p,i),n(o,x,i)},p(t,r){if(1&r[0]&&f(e,"background-color",t[0]),t[3].show?b?b.p(t,r):(b=L(t),b.c(),b.m(s.parentNode,s)):b&&(b.d(1),b=null),18&r[0]){let e;for($=t[4],e=0;e<$.length;e+=1){const n=I(t,$,e);k[e]?k[e].p(n,r):(k[e]=B(n),k[e].c(),k[e].m(a,null))}for(;e<k.length;e+=1)k[e].d(1);k.length=$.length}if(32&r[0]){let e;for(y=t[5],e=0;e<y.length;e+=1){const n=F(t,y,e);w[e]?w[e].p(n,r):(w[e]=D(n),w[e].c(),w[e].m(m,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=y.length}},i:l,o:l,d(n){n&&h(e),t[19](null),n&&h(r),b&&b.d(n),n&&h(s),n&&h(a),u(k,n),n&&h(g),n&&h(m),u(w,n),n&&h(p),n&&h(x)}}}function M(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function Q(t,e,r){let n,s,a,o,i,c,l,f,d,{data:h=""}=e,{chartheight:u="300"}=e,{backgroundcolor:x="#fff"}=e,{scalemax:b=50}=e,{ticknumbers:$=4}=e,{tickleftformat:k=(t=>`${Number(t)}`)}=e,{tickbottomformat:w=(t=>`${Number(t)}`)}=e,{margins:N}=e,{svgs:_}=e,{colors:J}=e,R=!1,z={show:!1,text:"",top:0,left:0,width:0},q=new A(g(),m());function F(){let t=v(f).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function I(t){return{x:E().domain(s).range([0,t-(M(N).left/2+M(N).right/2)]).padding(.2),y:O().domain([0,b]).range([o,0])}}function L(t,e){const s=C().keys(a)(n);d.append("g").selectAll("g").data(s).enter().append("g").attr("fill",(t=>c[t.key]||"black")).attr("class","bar").selectAll("rect").data((t=>t)).enter().append("rect").attr("x",(e=>t(e.data.group.toString()))).attr("y",(t=>e(t[1]))).attr("width",t.bandwidth()).attr("height",(t=>e(t[0])-e(t[1]))).style("cursor","pointer").on("mouseout",((t,e)=>{d.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(3,z.show=!1,z)})).on("mouseover",((t,e)=>{d.selectAll("rect").filter((function(t){return t!=e})).style("opacity",.7);const{left:n,top:s,width:a}=t.target.getBoundingClientRect();r(3,z={show:!0,text:e.data.customtooltip?e.data.customtooltip:""+(e[1]-e[0]),left:n,top:s-50,width:a})})).on("click",((t,e)=>{q.dispatch("bar-clicked",e)}))}function B(t,e){d.select(".x-axis").call(j(t).tickFormat(w)),d.select(".y-axis").call(S(e).ticks($).tickFormat(k));const r=F();d.selectAll(".y-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",r)}function D(){var t;if(l){const e=F();null===(t=f.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s}=I(e);B(r,s);const o=C().keys(a)(n);d.selectAll(".bar").data(o).selectAll("rect").data((t=>t)).attr("x",(t=>r(t.data.group.toString()))).attr("y",(t=>s(t[1]))).attr("width",r.bandwidth()).attr("height",(t=>s(t[0])-s(t[1])))}}return p((()=>{new ResizeObserver(D).observe(f),r(17,R=!0)})),t.$$set=t=>{"data"in t&&r(7,h=t.data),"chartheight"in t&&r(8,u=t.chartheight),"backgroundcolor"in t&&r(0,x=t.backgroundcolor),"scalemax"in t&&r(9,b=t.scalemax),"ticknumbers"in t&&r(10,$=t.ticknumbers),"tickleftformat"in t&&r(11,k=t.tickleftformat),"tickbottomformat"in t&&r(12,w=t.tickbottomformat),"margins"in t&&r(13,N=t.margins),"svgs"in t&&r(14,_=t.svgs),"colors"in t&&r(15,J=t.colors)},t.$$.update=()=>{128&t.$$.dirty[0]&&r(18,n=h?JSON.parse(h):[]),262144&t.$$.dirty[0]&&(s=n.map((t=>t.group))),262144&t.$$.dirty[0]&&r(4,a=n[0]?Object.keys(n[0]).filter((t=>"group"!==t)):[]),256&t.$$.dirty[0]&&(o=parseInt(u,10)),16384&t.$$.dirty[0]&&r(5,i=_?JSON.parse(_):[]),32768&t.$$.dirty[0]&&r(1,c=J?JSON.parse(J):{}),196736&t.$$.dirty[0]&&h.length>0&&R&&(l?h!==l&&(!function(){var t;const e=F();null===(t=f.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:n}=I(e);B(r,n),d.selectAll(".bar").remove(),L(r,n)}(),r(16,l=h)):(!function(){const t=F(),{x:e,y:n}=I(t);r(6,d=v(f).append("svg").attr("width",t).attr("height",Number(o)+Number(M(N).top)+Number(M(N).bottom)+Number(M(N).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${M(N).left/2+M(N).right/2},${M(N).top})`)),d.append("g").attr("transform",`translate(0, ${Number(o)+Number(M(N).xAxis)})`).call(j(e)).attr("class","x-axis").attr("stroke-width","0"),d.append("g").call(S(n).ticks($).tickFormat(k)).attr("class","y-axis").attr("stroke-width","0"),L(e,n)}(),r(16,l=h)))},[x,c,f,z,a,i,d,h,u,b,$,k,w,N,_,J,l,R,n,function(t){y[t?"unshift":"push"]((()=>{f=t,r(2,f)}))}]}class W 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:relative}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},Q,H,a,{data:7,chartheight:8,backgroundcolor:0,scalemax:9,ticknumbers:10,tickleftformat:11,tickbottomformat:12,margins:13,svgs:14,colors:15},null,[-1,-1]),t&&(t.target&&n(t.target,this,t.anchor),t.props&&(this.$set(t.props),s()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","scalemax","ticknumbers","tickleftformat","tickbottomformat","margins","svgs","colors"]}get data(){return this.$$.ctx[7]}set data(t){this.$$set({data:t}),s()}get chartheight(){return this.$$.ctx[8]}set chartheight(t){this.$$set({chartheight:t}),s()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),s()}get scalemax(){return this.$$.ctx[9]}set scalemax(t){this.$$set({scalemax:t}),s()}get ticknumbers(){return this.$$.ctx[10]}set ticknumbers(t){this.$$set({ticknumbers:t}),s()}get tickleftformat(){return this.$$.ctx[11]}set tickleftformat(t){this.$$set({tickleftformat:t}),s()}get tickbottomformat(){return this.$$.ctx[12]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),s()}get margins(){return this.$$.ctx[13]}set margins(t){this.$$set({margins:t}),s()}get svgs(){return this.$$.ctx[14]}set svgs(t){this.$$set({svgs:t}),s()}get colors(){return this.$$.ctx[15]}set colors(t){this.$$set({colors:t}),s()}}export{W as default};
 //# sourceMappingURL=StackedBarChart.js.map

package/public/bricoman/components/checkbox/Checkbox.js

@@ -1,2 +1,2 @@
-import{S as e,i,a as c,b as t,f as n,s as o,c as a,e as r,d as s,n as l,h as d,j as m,l as h,M as b,m as p,P as f,p as u,q as _,O as k,r as x,v as g,w as v,x as w,t as $,o as y}from"../../index-d12e76e8.js";import{E}from"../../EventHandler-f7ee47ca.js";import{c as C}from"../../EventForward-e61ea03d.js";function z(e){let i,c;return{c(){i=r("label"),c=$(e[5]),d(i,"for",e[0]),d(i,"class","mc-checkbox__label")},m(e,n){t(e,i,n),h(i,c)},p(e,t){32&t&&y(c,e[5]),1&t&&d(i,"for",e[0])},d(e){e&&_(i)}}}function M(e){let i,c,n,o,x,g,v,w=e[5]&&z(e),$=[{class:x="mc-checkbox "+e[7]},e[6]],y={};for(let e=0;e<$.length;e+=1)y=a(y,$[e]);return{c(){i=r("div"),c=r("input"),o=s(),w&&w.c(),this.c=l,d(c,"id",e[0]),d(c,"type","checkbox"),d(c,"class",n="mc-checkbox__input "+(e[4]?" is-invalid":"")),d(c,"aria-invalid",e[4]),d(c,"name",e[0]),c.checked=e[1],c.disabled=e[3],c.indeterminate=e[2],m(i,y)},m(n,a){t(n,i,a),h(i,c),h(i,o),w&&w.m(i,null),g||(v=[b(e[8].call(null,c)),p(c,"change",f(e[9]))],g=!0)},p(e,[t]){1&t&&d(c,"id",e[0]),16&t&&n!==(n="mc-checkbox__input "+(e[4]?" is-invalid":""))&&d(c,"class",n),16&t&&d(c,"aria-invalid",e[4]),1&t&&d(c,"name",e[0]),2&t&&(c.checked=e[1]),8&t&&(c.disabled=e[3]),4&t&&(c.indeterminate=e[2]),e[5]?w?w.p(e,t):(w=z(e),w.c(),w.m(i,null)):w&&(w.d(1),w=null),m(i,y=u($,[128&t&&x!==(x="mc-checkbox "+e[7])&&{class:x},64&t&&e[6]]))},i:l,o:l,d(e){e&&_(i),w&&w.d(),g=!1,k(v)}}}function j(e,i,c){let t,n,o;const r=["name","checked","indeterminate","disabled","isinvalid","label"];let s=x(i,r),{name:l}=i,{checked:d}=i,{indeterminate:m}=i,{disabled:h=!1}=i,{isinvalid:b=!1}=i,{label:p}=i;const f=C(g());let u=new E(g(),v());return e.$$set=e=>{c(13,i=a(a({},i),w(e))),c(12,s=x(i,r)),"name"in e&&c(0,l=e.name),"checked"in e&&c(1,d=e.checked),"indeterminate"in e&&c(2,m=e.indeterminate),"disabled"in e&&c(3,h=e.disabled),"isinvalid"in e&&c(4,b=e.isinvalid),"label"in e&&c(5,p=e.label)},e.$$.update=()=>{2&e.$$.dirty&&(t=!!d),c(7,n=i.class),c(6,o=Object.assign({},s)),64&e.$$.dirty&&delete o.class},i=w(i),[l,d,m,h,b,p,o,n,f,function(){t=!t,u.dispatch("change",t)}]}class B extends e{constructor(e){super();const a=document.createElement("style");a.textContent="@charset \"UTF-8\";.mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #808080;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #808080;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#ff5800;border-color:#ff5800;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#ff5800;border-color:#ff5800}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#ff5800}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#ff5800}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:#808080}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:\" - \"}.mc-field__help{display:block;margin-top:0.125rem}@media screen and (min-width: 769px){.mc-field__container--inline,.mc-field__element--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}",this.shadowRoot.appendChild(a),i(this,{target:this.shadowRoot,props:c(this.attributes),customElement:!0},j,M,o,{name:0,checked:1,indeterminate:2,disabled:3,isinvalid:4,label:5},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["name","checked","indeterminate","disabled","isinvalid","label"]}get name(){return this.$$.ctx[0]}set name(e){this.$$set({name:e}),n()}get checked(){return this.$$.ctx[1]}set checked(e){this.$$set({checked:e}),n()}get indeterminate(){return this.$$.ctx[2]}set indeterminate(e){this.$$set({indeterminate:e}),n()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),n()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),n()}get label(){return this.$$.ctx[5]}set label(e){this.$$set({label:e}),n()}}export{B as default};
+import{S as e,i,a as c,b as t,f as n,s as o,c as a,e as r,d as s,n as d,h as l,j as m,l as h,M as b,m as f,P as p,p as u,q as _,O as k,r as x,v as g,w as v,x as w,t as $,o as y}from"../../index-48da6c1f.js";import{E}from"../../EventHandler-f7ee47ca.js";import{c as C}from"../../EventForward-78ecc73b.js";function z(e){let i,c;return{c(){i=r("label"),c=$(e[5]),l(i,"for",e[0]),l(i,"class","mc-checkbox__label")},m(e,n){t(e,i,n),h(i,c)},p(e,t){32&t&&y(c,e[5]),1&t&&l(i,"for",e[0])},d(e){e&&_(i)}}}function M(e){let i,c,n,o,x,g,v,w=e[5]&&z(e),$=[{class:x="mc-checkbox "+e[7]},e[6]],y={};for(let e=0;e<$.length;e+=1)y=a(y,$[e]);return{c(){i=r("div"),c=r("input"),o=s(),w&&w.c(),this.c=d,l(c,"id",e[0]),l(c,"type","checkbox"),l(c,"class",n="mc-checkbox__input "+(e[4]?" is-invalid":"")),l(c,"aria-invalid",e[4]),l(c,"name",e[0]),c.checked=e[1],c.disabled=e[3],c.indeterminate=e[2],m(i,y)},m(n,a){t(n,i,a),h(i,c),h(i,o),w&&w.m(i,null),g||(v=[b(e[8].call(null,c)),f(c,"change",p(e[9]))],g=!0)},p(e,[t]){1&t&&l(c,"id",e[0]),16&t&&n!==(n="mc-checkbox__input "+(e[4]?" is-invalid":""))&&l(c,"class",n),16&t&&l(c,"aria-invalid",e[4]),1&t&&l(c,"name",e[0]),2&t&&(c.checked=e[1]),8&t&&(c.disabled=e[3]),4&t&&(c.indeterminate=e[2]),e[5]?w?w.p(e,t):(w=z(e),w.c(),w.m(i,null)):w&&(w.d(1),w=null),m(i,y=u($,[128&t&&x!==(x="mc-checkbox "+e[7])&&{class:x},64&t&&e[6]]))},i:d,o:d,d(e){e&&_(i),w&&w.d(),g=!1,k(v)}}}function j(e,i,c){let t,n,o;const r=["name","checked","indeterminate","disabled","isinvalid","label"];let s=x(i,r),{name:d}=i,{checked:l}=i,{indeterminate:m}=i,{disabled:h=!1}=i,{isinvalid:b=!1}=i,{label:f}=i;const p=C(g());let u=new E(g(),v());return e.$$set=e=>{c(13,i=a(a({},i),w(e))),c(12,s=x(i,r)),"name"in e&&c(0,d=e.name),"checked"in e&&c(1,l=e.checked),"indeterminate"in e&&c(2,m=e.indeterminate),"disabled"in e&&c(3,h=e.disabled),"isinvalid"in e&&c(4,b=e.isinvalid),"label"in e&&c(5,f=e.label)},e.$$.update=()=>{2&e.$$.dirty&&(t=!!l),c(7,n=i.class),c(6,o=Object.assign({},s)),64&e.$$.dirty&&delete o.class},i=w(i),[d,l,m,h,b,f,o,n,p,function(){t=!t,u.dispatch("change",t)}]}class B extends e{constructor(e){super();const a=document.createElement("style");a.textContent="@charset \"UTF-8\";.mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #808080;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #808080;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#ff5800;border-color:#ff5800;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#ff5800;border-color:#ff5800}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#ff5800}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#ff5800}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:#808080}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:\" - \"}.mc-field__help{display:block;margin-top:0.125rem}@media screen and (min-width: 769px){.mc-field__container--inline,.mc-field__element--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}",this.shadowRoot.appendChild(a),i(this,{target:this.shadowRoot,props:c(this.attributes),customElement:!0},j,M,o,{name:0,checked:1,indeterminate:2,disabled:3,isinvalid:4,label:5},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["name","checked","indeterminate","disabled","isinvalid","label"]}get name(){return this.$$.ctx[0]}set name(e){this.$$set({name:e}),n()}get checked(){return this.$$.ctx[1]}set checked(e){this.$$set({checked:e}),n()}get indeterminate(){return this.$$.ctx[2]}set indeterminate(e){this.$$set({indeterminate:e}),n()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),n()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),n()}get label(){return this.$$.ctx[5]}set label(e){this.$$set({label:e}),n()}}export{B as default};
 //# sourceMappingURL=Checkbox.js.map

package/public/bricoman/components/checkboxgroup/checkboxGroup.js

@@ -1,2 +1,2 @@
-import{S as e,i,a as c,b as t,f as n,s as o,c as r,e as l,d as a,n as s,h as d,j as m,l as h,a7 as f,p as b,q as p,r as _,v as g,w as u,a6 as k,x,t as w,o as v,m as $,a8 as y}from"../../index-d12e76e8.js";import{E}from"../../EventHandler-f7ee47ca.js";function C(e,i,c){const t=e.slice();return t[10]=i[c],t}function z(e){let i,c;return{c(){i=l("legend"),c=w(e[1]),d(i,"class","mc-field__legend")},m(e,n){t(e,i,n),h(i,c)},p(e,i){2&i&&v(c,e[1])},d(e){e&&p(i)}}}function j(e){let i,c,n,o=e[10].label+"";return{c(){i=l("label"),c=w(o),d(i,"for",n=e[10].id),d(i,"class","mc-checkbox__label")},m(e,n){t(e,i,n),h(i,c)},p(e,t){8&t&&o!==(o=e[10].label+"")&&v(c,o),8&t&&n!==(n=e[10].id)&&d(i,"for",n)},d(e){e&&p(i)}}}function M(e,i){let c,n,o,r,s,m,f,b,_,g,u,k,x,w;function v(){return i[7](i[10])}let y=i[10].label&&j(i);return{key:e,first:null,c(){c=l("div"),n=l("input"),g=a(),y&&y.c(),u=a(),d(n,"type","checkbox"),d(n,"class",o="mc-checkbox__input "+(i[10].isinvalid?" is-invalid":"")),d(n,"id",r=i[10].id),d(n,"name",s=i[10].name),n.checked=m=i[10].checked,n.disabled=f=i[10].disabled,n.indeterminate=b=i[10].indeterminate,d(n,"aria-invalid",_=i[10].isinvalid),d(c,"class",k="mc-checkbox mc-field__item "+i[5].class),this.first=c},m(e,i){t(e,c,i),h(c,n),h(c,g),y&&y.m(c,null),h(c,u),x||(w=$(n,"click",v),x=!0)},p(e,t){i=e,8&t&&o!==(o="mc-checkbox__input "+(i[10].isinvalid?" is-invalid":""))&&d(n,"class",o),8&t&&r!==(r=i[10].id)&&d(n,"id",r),8&t&&s!==(s=i[10].name)&&d(n,"name",s),8&t&&m!==(m=i[10].checked)&&(n.checked=m),8&t&&f!==(f=i[10].disabled)&&(n.disabled=f),8&t&&b!==(b=i[10].indeterminate)&&(n.indeterminate=b),8&t&&_!==(_=i[10].isinvalid)&&d(n,"aria-invalid",_),i[10].label?y?y.p(i,t):(y=j(i),y.c(),y.m(c,u)):y&&(y.d(1),y=null),32&t&&k!==(k="mc-checkbox mc-field__item "+i[5].class)&&d(c,"class",k)},d(e){e&&p(c),y&&y.d(),x=!1,w()}}}function B(e){let i,c,n,o,_=[],g=new Map,u=e[1]&&e[1].length&&z(e),k=e[3];const x=e=>e[10].id;for(let i=0;i<k.length;i+=1){let c=C(e,k,i),t=x(c);g.set(t,_[i]=M(t,c))}let w=[{id:e[0]},{class:"checkbox-group-container"},e[2]],v={};for(let e=0;e<w.length;e+=1)v=r(v,w[e]);return{c(){i=l("div"),c=l("fieldset"),u&&u.c(),n=a(),o=l("div");for(let e=0;e<_.length;e+=1)_[e].c();this.c=s,d(o,"class","mc-field__container"),d(c,"class","mc-field mc-field--group"),m(i,v)},m(e,r){t(e,i,r),h(i,c),u&&u.m(c,null),h(c,n),h(c,o);for(let e=0;e<_.length;e+=1)_[e]&&_[e].m(o,null)},p(e,[t]){e[1]&&e[1].length?u?u.p(e,t):(u=z(e),u.c(),u.m(c,n)):u&&(u.d(1),u=null),56&t&&(k=e[3],_=f(_,t,x,1,e,k,g,o,y,M,null,C)),m(i,v=b(w,[1&t&&{id:e[0]},{class:"checkbox-group-container"},4&t&&e[2]]))},i:s,o:s,d(e){e&&p(i),u&&u.d();for(let e=0;e<_.length;e+=1)_[e].d()}}}function O(e,i,c){let t,n;const o=["id","options","legend"];let l=_(i,o),{id:a}=i,{options:s}=i,{legend:d}=i,m=new E(g(),u());function h(e){t&&t.length&&(c(3,t=t.map((i=>{const c=i.value===e?!i.checked:i.checked;return Object.assign(Object.assign({},i),{checked:c})}))),m.dispatch("change",e))}k((()=>{h("")}));return e.$$set=e=>{c(5,i=r(r({},i),x(e))),c(9,l=_(i,o)),"id"in e&&c(0,a=e.id),"options"in e&&c(6,s=e.options),"legend"in e&&c(1,d=e.legend)},e.$$.update=()=>{64&e.$$.dirty&&c(3,t=s?JSON.parse(s):[]),c(2,n=Object.assign({},l)),4&e.$$.dirty&&delete n.class},i=x(i),[a,d,n,t,h,i,s,e=>h(e.value)]}class q extends e{constructor(e){super();const r=document.createElement("style");r.textContent="@charset \"UTF-8\";.mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #808080;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #808080;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#ff5800;border-color:#ff5800;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#ff5800;border-color:#ff5800}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#ff5800}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#ff5800}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:#808080}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:\" - \"}.mc-field__help{display:block;margin-top:0.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline,.mc-field__element--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:0.5rem}",this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:c(this.attributes),customElement:!0},O,B,o,{id:0,options:6,legend:1},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["id","options","legend"]}get id(){return this.$$.ctx[0]}set id(e){this.$$set({id:e}),n()}get options(){return this.$$.ctx[6]}set options(e){this.$$set({options:e}),n()}get legend(){return this.$$.ctx[1]}set legend(e){this.$$set({legend:e}),n()}}export{q as default};
+import{S as e,i,a as c,b as t,f as n,s as o,c as r,e as l,d as a,n as s,h as d,j as m,l as h,a7 as f,p as b,q as p,r as _,v as g,w as u,a6 as k,x,t as w,o as v,m as $,a8 as y}from"../../index-48da6c1f.js";import{E}from"../../EventHandler-f7ee47ca.js";function C(e,i,c){const t=e.slice();return t[10]=i[c],t}function z(e){let i,c;return{c(){i=l("legend"),c=w(e[1]),d(i,"class","mc-field__legend")},m(e,n){t(e,i,n),h(i,c)},p(e,i){2&i&&v(c,e[1])},d(e){e&&p(i)}}}function j(e){let i,c,n,o=e[10].label+"";return{c(){i=l("label"),c=w(o),d(i,"for",n=e[10].id),d(i,"class","mc-checkbox__label")},m(e,n){t(e,i,n),h(i,c)},p(e,t){8&t&&o!==(o=e[10].label+"")&&v(c,o),8&t&&n!==(n=e[10].id)&&d(i,"for",n)},d(e){e&&p(i)}}}function M(e,i){let c,n,o,r,s,m,f,b,_,g,u,k,x,w;function v(){return i[7](i[10])}let y=i[10].label&&j(i);return{key:e,first:null,c(){c=l("div"),n=l("input"),g=a(),y&&y.c(),u=a(),d(n,"type","checkbox"),d(n,"class",o="mc-checkbox__input "+(i[10].isinvalid?" is-invalid":"")),d(n,"id",r=i[10].id),d(n,"name",s=i[10].name),n.checked=m=i[10].checked,n.disabled=f=i[10].disabled,n.indeterminate=b=i[10].indeterminate,d(n,"aria-invalid",_=i[10].isinvalid),d(c,"class",k="mc-checkbox mc-field__item "+i[5].class),this.first=c},m(e,i){t(e,c,i),h(c,n),h(c,g),y&&y.m(c,null),h(c,u),x||(w=$(n,"click",v),x=!0)},p(e,t){i=e,8&t&&o!==(o="mc-checkbox__input "+(i[10].isinvalid?" is-invalid":""))&&d(n,"class",o),8&t&&r!==(r=i[10].id)&&d(n,"id",r),8&t&&s!==(s=i[10].name)&&d(n,"name",s),8&t&&m!==(m=i[10].checked)&&(n.checked=m),8&t&&f!==(f=i[10].disabled)&&(n.disabled=f),8&t&&b!==(b=i[10].indeterminate)&&(n.indeterminate=b),8&t&&_!==(_=i[10].isinvalid)&&d(n,"aria-invalid",_),i[10].label?y?y.p(i,t):(y=j(i),y.c(),y.m(c,u)):y&&(y.d(1),y=null),32&t&&k!==(k="mc-checkbox mc-field__item "+i[5].class)&&d(c,"class",k)},d(e){e&&p(c),y&&y.d(),x=!1,w()}}}function B(e){let i,c,n,o,_=[],g=new Map,u=e[1]&&e[1].length&&z(e),k=e[3];const x=e=>e[10].id;for(let i=0;i<k.length;i+=1){let c=C(e,k,i),t=x(c);g.set(t,_[i]=M(t,c))}let w=[{id:e[0]},{class:"checkbox-group-container"},e[2]],v={};for(let e=0;e<w.length;e+=1)v=r(v,w[e]);return{c(){i=l("div"),c=l("fieldset"),u&&u.c(),n=a(),o=l("div");for(let e=0;e<_.length;e+=1)_[e].c();this.c=s,d(o,"class","mc-field__container"),d(c,"class","mc-field mc-field--group"),m(i,v)},m(e,r){t(e,i,r),h(i,c),u&&u.m(c,null),h(c,n),h(c,o);for(let e=0;e<_.length;e+=1)_[e]&&_[e].m(o,null)},p(e,[t]){e[1]&&e[1].length?u?u.p(e,t):(u=z(e),u.c(),u.m(c,n)):u&&(u.d(1),u=null),56&t&&(k=e[3],_=f(_,t,x,1,e,k,g,o,y,M,null,C)),m(i,v=b(w,[1&t&&{id:e[0]},{class:"checkbox-group-container"},4&t&&e[2]]))},i:s,o:s,d(e){e&&p(i),u&&u.d();for(let e=0;e<_.length;e+=1)_[e].d()}}}function O(e,i,c){let t,n;const o=["id","options","legend"];let l=_(i,o),{id:a}=i,{options:s}=i,{legend:d}=i,m=new E(g(),u());function h(e){t&&t.length&&(c(3,t=t.map((i=>{const c=i.value===e?!i.checked:i.checked;return Object.assign(Object.assign({},i),{checked:c})}))),m.dispatch("change",e))}k((()=>{h("")}));return e.$$set=e=>{c(5,i=r(r({},i),x(e))),c(9,l=_(i,o)),"id"in e&&c(0,a=e.id),"options"in e&&c(6,s=e.options),"legend"in e&&c(1,d=e.legend)},e.$$.update=()=>{64&e.$$.dirty&&c(3,t=s?JSON.parse(s):[]),c(2,n=Object.assign({},l)),4&e.$$.dirty&&delete n.class},i=x(i),[a,d,n,t,h,i,s,e=>h(e.value)]}class q extends e{constructor(e){super();const r=document.createElement("style");r.textContent="@charset \"UTF-8\";.mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #808080;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #808080;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#ff5800;border-color:#ff5800;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#ff5800;border-color:#ff5800}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#ff5800}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#ff5800}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:#808080}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:\" - \"}.mc-field__help{display:block;margin-top:0.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline,.mc-field__element--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:0.5rem}",this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:c(this.attributes),customElement:!0},O,B,o,{id:0,options:6,legend:1},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["id","options","legend"]}get id(){return this.$$.ctx[0]}set id(e){this.$$set({id:e}),n()}get options(){return this.$$.ctx[6]}set options(e){this.$$set({options:e}),n()}get legend(){return this.$$.ctx[1]}set legend(e){this.$$set({legend:e}),n()}}export{q as default};
 //# sourceMappingURL=checkboxGroup.js.map