@mozaic-ds/web-components 0.17.0 → 0.18.0-beta.0

package/public/adeo/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,G as c,n as l,J as f,g as d,o as h,O as u,q as g,r as m,a1 as p,t as x,j as b,k as $,P as k,H as y,Z as w}from"../../index-9ffad6d0.js";import{s as v}from"../../transform-15d69d5d.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as N,a as j}from"../../array-5b770a93.js";import{a as _,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 z(t){for(var e=t.length,r=new Array(e);--e>=0;)r[e]=e;return r}function R(t,e){return t[e]}function q(t){const e=[];return e.key=t,e}function C(){var t=N([]),e=z,r=J,n=R;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=j(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?z:"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 H(t,e,r){const n=t.slice();return n[32]=e[r],n}function I(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 G(t){let e,r,s,a,g,m,p,x,b=t[3].show&&I(t),$=t[4],k=[];for(let e=0;e<$.length;e+=1)k[e]=B(H(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=I(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=H(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 L(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function M(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:j}=e,{colors:J}=e,z=!1,R={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 H(t){return{x:E().domain(s).range([0,t-(L(N).left/2+L(N).right/2)]).padding(.2),y:O().domain([0,b]).range([o,0])}}function I(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,R.show=!1,R)})).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,R={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(_(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}=H(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,z=!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,j=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=j?JSON.parse(j):[]),32768&t.$$.dirty[0]&&r(1,c=J?JSON.parse(J):{}),196736&t.$$.dirty[0]&&h.length>0&&z&&(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}=H(e);B(r,n),d.selectAll(".bar").remove(),I(r,n)}(),r(16,l=h)):(!function(){const t=F(),{x:e,y:n}=H(t);r(6,d=v(f).append("svg").attr("width",t).attr("height",Number(o)+Number(L(N).top)+Number(L(N).bottom)+Number(L(N).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${L(N).left/2+L(N).right/2},${L(N).top})`)),d.append("g").attr("transform",`translate(0, ${Number(o)+Number(L(N).xAxis)})`).call(_(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"),I(e,n)}(),r(16,l=h)))},[x,c,f,R,a,i,d,h,u,b,$,k,w,N,j,J,l,z,n,function(t){y[t?"unshift":"push"]((()=>{f=t,r(2,f)}))}]}class P 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},M,G,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{P 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 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};
 //# sourceMappingURL=StackedBarChart.js.map

package/public/adeo/components/chart/StackedBarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBarChart.js","sources":["../../../../node_modules/d3-shape/src/offset/none.js","../../../../node_modules/d3-shape/src/order/none.js","../../../../node_modules/d3-shape/src/stack.js","../../../../src/components/chart/StackedBarChart.svelte"],"sourcesContent":["export default function(series, order) {\n  if (!((n = series.length) > 1)) return;\n  for (var i = 1, j, s0, s1 = series[order[0]], n, m = s1.length; i < n; ++i) {\n    s0 = s1, s1 = series[order[i]];\n    for (j = 0; j < m; ++j) {\n      s1[j][1] += s1[j][0] = isNaN(s0[j][1]) ? s0[j][0] : s0[j][1];\n    }\n  }\n}\n","export default function(series) {\n  var n = series.length, o = new Array(n);\n  while (--n >= 0) o[n] = n;\n  return o;\n}\n","import array from \"./array.js\";\nimport constant from \"./constant.js\";\nimport offsetNone from \"./offset/none.js\";\nimport orderNone from \"./order/none.js\";\n\nfunction stackValue(d, key) {\n  return d[key];\n}\n\nfunction stackSeries(key) {\n  const series = [];\n  series.key = key;\n  return series;\n}\n\nexport default function() {\n  var keys = constant([]),\n      order = orderNone,\n      offset = offsetNone,\n      value = stackValue;\n\n  function stack(data) {\n    var sz = Array.from(keys.apply(this, arguments), stackSeries),\n        i, n = sz.length, j = -1,\n        oz;\n\n    for (const d of data) {\n      for (i = 0, ++j; i < n; ++i) {\n        (sz[i][j] = [0, +value(d, sz[i].key, j, data)]).data = d;\n      }\n    }\n\n    for (i = 0, oz = array(order(sz)); i < n; ++i) {\n      sz[oz[i]].index = i;\n    }\n\n    offset(sz, oz);\n    return sz;\n  }\n\n  stack.keys = function(_) {\n    return arguments.length ? (keys = typeof _ === \"function\" ? _ : constant(Array.from(_)), stack) : keys;\n  };\n\n  stack.value = function(_) {\n    return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(+_), stack) : value;\n  };\n\n  stack.order = function(_) {\n    return arguments.length ? (order = _ == null ? orderNone : typeof _ === \"function\" ? _ : constant(Array.from(_)), stack) : order;\n  };\n\n  stack.offset = function(_) {\n    return arguments.length ? (offset = _ == null ? offsetNone : _, stack) : offset;\n  };\n\n  return stack;\n}\n","<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    select,\n    scaleBand,\n    scaleLinear,\n    axisBottom,\n    axisLeft,\n    Selection,\n    ScaleBand,\n    ScaleLinear,\n    NumberValue,\n    stack,\n    Series,\n  } from 'd3';\n  import { onMount } from 'svelte';\n  import type { StackedBarData, BarMargin } from './bar-chart.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  type StackedData = Series<\n    {\n      [key: string]: number;\n    },\n    string\n  >;\n\n  export let data = '';\n  $: parsedData = data ? (JSON.parse(data) as StackedBarData[]) : [];\n  $: groups = parsedData.map((d: StackedBarData) => d.group);\n  $: subgroups = parsedData[0]\n    ? Object.keys(parsedData[0]).filter((d: string) => d !== 'group')\n    : [];\n\n  export let chartheight = '300';\n  $: height = parseInt(chartheight, 10);\n\n  export let backgroundcolor = '#fff';\n  export let scalemax = 50;\n  export let ticknumbers = 4;\n  export let tickleftformat: (d: NumberValue, i: number) => string = (d) =>\n    `${Number(d)}`;\n  export let tickbottomformat: (d: NumberValue, i: number) => string = (d) =>\n    `${Number(d)}`;\n\n  export let margins: string;\n  export let svgs: string;\n  $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];\n\n  export let colors: string;\n  let parsedColor: Record<string, string>;\n  $: parsedColor = colors ? (JSON.parse(colors) as Record<string, string>) : {};\n\n  let _data: string;\n  let chart: HTMLDivElement;\n  let svg: Selection<SVGGElement, any, any, any>;\n  let hasMounted = false;\n  let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  $: if (data.length > 0 && hasMounted) {\n    if (!_data) {\n      render();\n      _data = data;\n    } else if (data !== _data) {\n      update();\n      _data = data;\n    }\n  }\n\n  function getParsedMargins(margins: string): BarMargin {\n    if (margins) return JSON.parse(margins) as BarMargin;\n    else\n      return {\n        top: 10,\n        right: 40,\n        bottom: 20,\n        left: 60,\n        xAxis: 20,\n      } as BarMargin;\n  }\n\n  function getChartWidth() {\n    let chartWidth = select(chart).style('width');\n    if (chartWidth === '' || !chartWidth) {\n      chartWidth = `${window.innerWidth / 2}`;\n    }\n    return parseInt(chartWidth);\n  }\n\n  function getAxes(width: number) {\n    const x = scaleBand()\n      .domain(groups)\n      .range([\n        0,\n        width -\n          (getParsedMargins(margins).left / 2 +\n            getParsedMargins(margins).right / 2),\n      ])\n      .padding(0.2);\n    const y = scaleLinear().domain([0, scalemax]).range([height, 0]);\n    return { x, y };\n  }\n\n  function addRectandles(\n    x: ScaleBand<string>,\n    y: ScaleLinear<number, number, never>,\n  ) {\n    const stackedData = stack().keys(subgroups)(parsedData);\n\n    svg\n      .append('g')\n      .selectAll('g')\n      .data(stackedData)\n      .enter()\n      .append('g')\n      .attr('fill', (d: StackedData) => parsedColor[d.key] || 'black')\n      .attr('class', 'bar')\n      .selectAll('rect')\n      .data((d) => d)\n      .enter()\n      .append('rect')\n      .attr('x', (d) => x(d.data.group.toString())!)\n      .attr('y', (d) => y(d[1]))\n      .attr('width', x.bandwidth())\n      .attr('height', (d) => y(d[0]) - y(d[1]))\n      .style('cursor', 'pointer')\n      .on('mouseout', (_e: MouseEvent, chartEvent) => {\n        const others = svg.selectAll('rect').filter(function (arc) {\n          return arc != chartEvent;\n        });\n        others.style('opacity', 1);\n        tooltipData.show = false;\n      })\n      .on('mouseover', (e: MouseEvent, chartEvent: any) => {\n        const others = svg.selectAll('rect').filter(function (arc) {\n          return arc != chartEvent;\n        });\n        others.style('opacity', 0.7);\n        const { left, top, width } = (\n          e.target as HTMLElement\n        ).getBoundingClientRect();\n        tooltipData = {\n          show: true,\n          text: chartEvent.data.customtooltip\n            ? chartEvent.data.customtooltip\n            : `${chartEvent[1] - chartEvent[0]}`,\n          left: left,\n          top: top - 50,\n          width,\n        };\n      })\n      .on('click', (_e: MouseEvent, chartEvent) => {\n        eventHandler.dispatch('bar-clicked', chartEvent);\n      });\n  }\n\n  function updateAxes(\n    x: ScaleBand<string>,\n    y: ScaleLinear<number, number, never>,\n  ) {\n    svg\n      .select('.x-axis')\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n      .call((axisBottom(x) as any).tickFormat(tickbottomformat));\n    svg\n      .select('.y-axis')\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n      .call((axisLeft(y) as any).ticks(ticknumbers).tickFormat(tickleftformat));\n\n    const width = getChartWidth();\n    svg\n      .selectAll('.y-axis .tick line')\n      .attr('stroke', '#EEEDEA')\n      .attr('stroke-width', '1px')\n      .attr('x2', width);\n  }\n\n  function render() {\n    const width = getChartWidth();\n    const { x, y } = getAxes(width);\n\n    svg = select<HTMLElement, any>(chart)\n      .append('svg')\n      .attr('width', width)\n      .attr(\n        'height',\n        Number(height) +\n          Number(getParsedMargins(margins).top) +\n          Number(getParsedMargins(margins).bottom) +\n          Number(getParsedMargins(margins).xAxis),\n      )\n      .attr('id', 'svg-chart')\n      .append('g')\n      .attr(\n        'transform',\n        `translate(${\n          getParsedMargins(margins).left / 2 +\n          getParsedMargins(margins).right / 2\n        },${getParsedMargins(margins).top})`,\n      );\n\n    svg\n      .append('g')\n      .attr(\n        'transform',\n        `translate(0, ${\n          Number(height) + Number(getParsedMargins(margins).xAxis)\n        })`,\n      )\n      .call(axisBottom(x))\n      .attr('class', 'x-axis')\n      .attr('stroke-width', '0');\n\n    svg\n      .append('g')\n      .call(axisLeft(y).ticks(ticknumbers).tickFormat(tickleftformat))\n      .attr('class', 'y-axis')\n      .attr('stroke-width', '0');\n\n    addRectandles(x, y);\n  }\n\n  function update() {\n    const width = getChartWidth();\n    chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n    const { x, y } = getAxes(width);\n    updateAxes(x, y);\n    svg.selectAll('.bar').remove();\n    addRectandles(x, y);\n  }\n\n  function resize() {\n    if (_data) {\n      const width = getChartWidth();\n      chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n      const { x, y } = getAxes(width);\n      updateAxes(x, y);\n\n      const stackedData = stack().keys(subgroups)(parsedData);\n      svg\n        .selectAll('.bar')\n        .data(stackedData)\n        .selectAll('rect')\n        .data((d) => d)\n        .attr('x', (d) => x(d.data.group.toString())!)\n        .attr('y', (d) => y(d[1]))\n        .attr('width', x.bandwidth())\n        .attr('height', (d) => y(d[0]) - y(d[1]));\n    }\n  }\n\n  onMount(() => {\n    const resizeObserver = new ResizeObserver(resize);\n    resizeObserver.observe(chart);\n    hasMounted = true;\n  });\n</script>\n\n<div bind:this={chart} style=\"background-color: {backgroundcolor};\" />\n\n{#if tooltipData.show}\n  <div\n    class=\"tooltip\"\n    style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px; width: ${tooltipData.width}px;`}\n  >\n    {tooltipData.text}\n  </div>\n{/if}\n\n<div class=\"legend\">\n  {#each subgroups as subgroup}\n    <div class=\"legend__item\">\n      <svg class=\"legend__box\">\n        <rect x=\"0\" y=\"0\" width=\"24\" height=\"16\" fill={parsedColor[subgroup]} />\n      </svg>\n      <span class=\"legend__title\">{subgroup}</span>\n    </div>\n  {/each}\n</div>\n\n<div style=\"height: 0; width: 0;\" class=\"pattern\">\n  {#each parsedSvgs as svg}\n    {@html svg}\n  {/each}\n</div>\n<text />\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n\n  .legend {\n    margin-top: magic-unit-rem(1);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 0 magic-unit-rem(1.5);\n    height: 100%;\n    color: $color-grey-999;\n    gap: magic-unit-rem(1);\n    &__item {\n      display: flex;\n      justify-content: center;\n      font-size: $size-font-04;\n      align-items: center;\n    }\n    &__title {\n      white-space: nowrap;\n      margin: 0;\n    }\n    &__box {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: magic-unit-rem(0.25);\n      height: 16px;\n      width: 24px;\n    }\n  }\n\n  .tooltip {\n    height: auto;\n    background-color: $color-grey-700;\n    border-radius: 4px;\n    color: $color-grey-000;\n    text-align: center;\n    padding: magic-unit-rem(0.5) 0;\n    position: absolute;\n  }\n\n  .pattern {\n    z-index: -1;\n    position: relative;\n  }\n\n  text {\n    font-family: 'LeroyMerlin', sans-serif;\n    font-size: $size-font-04;\n    color: $color-grey-700;\n  }\n</style>\n"],"names":["none$1","series","order","n","length","j","s0","i","s1","m","isNaN","none","o","Array","stackValue","d","key","stackSeries","stack","keys","constant","orderNone","offset","offsetNone","value","data","oz","sz","from","apply","this","arguments","array","index","_","t_value","ctx","text","top","left","width","insert","target","div","anchor","dirty","set_data","t","attr","rect","rect_fill_value","append","svg_1","span","t1","t1_value","html_tag","p","raw_value","if_block","show","create_if_block","div0","div1","div2","text_1","getParsedMargins","margins","JSON","parse","right","bottom","xAxis","parsedColor","_data","chart","svg","$$props","chartheight","backgroundcolor","scalemax","ticknumbers","tickleftformat","Number","tickbottomformat","svgs","colors","hasMounted","tooltipData","eventHandler","EventHandler","get_current_component","createEventDispatcher","getChartWidth","chartWidth","select","style","window","innerWidth","parseInt","getAxes","x","scaleBand","domain","groups","range","padding","y","scaleLinear","height","addRectandles","stackedData","subgroups","parsedData","selectAll","enter","group","toString","bandwidth","on","_e","chartEvent","filter","arc","e","getBoundingClientRect","customtooltip","dispatch","updateAxes","call","axisBottom","tickFormat","axisLeft","ticks","resize","_a","querySelector","setAttribute","onMount","ResizeObserver","observe","$$invalidate","map","Object","parsedSvgs","remove","update","render","$$value"],"mappings":"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"}
+{"version":3,"file":"StackedBarChart.js","sources":["../../../../node_modules/d3-shape/src/offset/none.js","../../../../node_modules/d3-shape/src/order/none.js","../../../../node_modules/d3-shape/src/stack.js","../../../../src/components/chart/StackedBarChart.svelte"],"sourcesContent":["export default function(series, order) {\n  if (!((n = series.length) > 1)) return;\n  for (var i = 1, j, s0, s1 = series[order[0]], n, m = s1.length; i < n; ++i) {\n    s0 = s1, s1 = series[order[i]];\n    for (j = 0; j < m; ++j) {\n      s1[j][1] += s1[j][0] = isNaN(s0[j][1]) ? s0[j][0] : s0[j][1];\n    }\n  }\n}\n","export default function(series) {\n  var n = series.length, o = new Array(n);\n  while (--n >= 0) o[n] = n;\n  return o;\n}\n","import array from \"./array.js\";\nimport constant from \"./constant.js\";\nimport offsetNone from \"./offset/none.js\";\nimport orderNone from \"./order/none.js\";\n\nfunction stackValue(d, key) {\n  return d[key];\n}\n\nfunction stackSeries(key) {\n  const series = [];\n  series.key = key;\n  return series;\n}\n\nexport default function() {\n  var keys = constant([]),\n      order = orderNone,\n      offset = offsetNone,\n      value = stackValue;\n\n  function stack(data) {\n    var sz = Array.from(keys.apply(this, arguments), stackSeries),\n        i, n = sz.length, j = -1,\n        oz;\n\n    for (const d of data) {\n      for (i = 0, ++j; i < n; ++i) {\n        (sz[i][j] = [0, +value(d, sz[i].key, j, data)]).data = d;\n      }\n    }\n\n    for (i = 0, oz = array(order(sz)); i < n; ++i) {\n      sz[oz[i]].index = i;\n    }\n\n    offset(sz, oz);\n    return sz;\n  }\n\n  stack.keys = function(_) {\n    return arguments.length ? (keys = typeof _ === \"function\" ? _ : constant(Array.from(_)), stack) : keys;\n  };\n\n  stack.value = function(_) {\n    return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(+_), stack) : value;\n  };\n\n  stack.order = function(_) {\n    return arguments.length ? (order = _ == null ? orderNone : typeof _ === \"function\" ? _ : constant(Array.from(_)), stack) : order;\n  };\n\n  stack.offset = function(_) {\n    return arguments.length ? (offset = _ == null ? offsetNone : _, stack) : offset;\n  };\n\n  return stack;\n}\n","<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    select,\n    scaleBand,\n    scaleLinear,\n    axisBottom,\n    axisLeft,\n    Selection,\n    ScaleBand,\n    ScaleLinear,\n    NumberValue,\n    stack,\n    Series,\n  } from 'd3';\n  import { onMount } from 'svelte';\n  import type { StackedBarData, BarMargin } from './bar-chart.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  type StackedData = Series<\n    {\n      [key: string]: number;\n    },\n    string\n  >;\n\n  export let data = '';\n  $: parsedData = data ? (JSON.parse(data) as StackedBarData[]) : [];\n  $: groups = parsedData.map((d: StackedBarData) => d.group);\n  $: subgroups = parsedData[0]\n    ? Object.keys(parsedData[0]).filter((d: string) => d !== 'group')\n    : [];\n\n  export let chartheight = '300';\n  $: height = parseInt(chartheight, 10);\n\n  export let backgroundcolor = '#fff';\n  export let scalemax = 50;\n  export let ticknumbers = 4;\n  export let tickleftformat: (d: NumberValue, i: number) => string = (d) =>\n    `${Number(d)}`;\n  export let tickbottomformat: (d: NumberValue, i: number) => string = (d) =>\n    `${Number(d)}`;\n\n  export let margins: string;\n  export let svgs: string;\n  $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];\n\n  export let colors: string;\n  let parsedColor: Record<string, string>;\n  $: parsedColor = colors ? (JSON.parse(colors) as Record<string, string>) : {};\n\n  let _data: string;\n  let chart: HTMLDivElement;\n  let svg: Selection<SVGGElement, any, any, any>;\n  let hasMounted = false;\n  let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  $: if (data.length > 0 && hasMounted) {\n    if (!_data) {\n      render();\n      _data = data;\n    } else if (data !== _data) {\n      update();\n      _data = data;\n    }\n  }\n\n  function getParsedMargins(margins: string): BarMargin {\n    if (margins) return JSON.parse(margins) as BarMargin;\n    else\n      return {\n        top: 10,\n        right: 40,\n        bottom: 20,\n        left: 60,\n        xAxis: 20,\n      } as BarMargin;\n  }\n\n  function getChartWidth() {\n    let chartWidth = select(chart).style('width');\n    if (chartWidth === '' || !chartWidth) {\n      chartWidth = `${window.innerWidth / 2}`;\n    }\n    return parseInt(chartWidth);\n  }\n\n  function getAxes(width: number) {\n    const x = scaleBand()\n      .domain(groups)\n      .range([\n        0,\n        width -\n          (getParsedMargins(margins).left / 2 +\n            getParsedMargins(margins).right / 2),\n      ])\n      .padding(0.2);\n    const y = scaleLinear().domain([0, scalemax]).range([height, 0]);\n    return { x, y };\n  }\n\n  function addRectandles(\n    x: ScaleBand<string>,\n    y: ScaleLinear<number, number, never>,\n  ) {\n    const stackedData = stack().keys(subgroups)(parsedData);\n\n    svg\n      .append('g')\n      .selectAll('g')\n      .data(stackedData)\n      .enter()\n      .append('g')\n      .attr('fill', (d: StackedData) => parsedColor[d.key] || 'black')\n      .attr('class', 'bar')\n      .selectAll('rect')\n      .data((d) => d)\n      .enter()\n      .append('rect')\n      .attr('x', (d) => x(d.data.group.toString())!)\n      .attr('y', (d) => y(d[1]))\n      .attr('width', x.bandwidth())\n      .attr('height', (d) => y(d[0]) - y(d[1]))\n      .style('cursor', 'pointer')\n      .on('mouseout', (_e: MouseEvent, chartEvent) => {\n        const others = svg.selectAll('rect').filter(function (arc) {\n          return arc != chartEvent;\n        });\n        others.style('opacity', 1);\n        tooltipData.show = false;\n      })\n      .on('mouseover', (e: MouseEvent, chartEvent: any) => {\n        const others = svg.selectAll('rect').filter(function (arc) {\n          return arc != chartEvent;\n        });\n        others.style('opacity', 0.7);\n        const { left, top, width } = (\n          e.target as HTMLElement\n        ).getBoundingClientRect();\n        tooltipData = {\n          show: true,\n          text: chartEvent.data.customtooltip\n            ? chartEvent.data.customtooltip\n            : `${chartEvent[1] - chartEvent[0]}`,\n          left: left,\n          top: top - 50,\n          width,\n        };\n      })\n      .on('click', (_e: MouseEvent, chartEvent) => {\n        eventHandler.dispatch('bar-clicked', chartEvent);\n      });\n  }\n\n  function updateAxes(\n    x: ScaleBand<string>,\n    y: ScaleLinear<number, number, never>,\n  ) {\n    svg\n      .select('.x-axis')\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n      .call((axisBottom(x) as any).tickFormat(tickbottomformat));\n    svg\n      .select('.y-axis')\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n      .call((axisLeft(y) as any).ticks(ticknumbers).tickFormat(tickleftformat));\n\n    const width = getChartWidth();\n    svg\n      .selectAll('.y-axis .tick line')\n      .attr('stroke', '#EEEDEA')\n      .attr('stroke-width', '1px')\n      .attr('x2', width);\n  }\n\n  function render() {\n    const width = getChartWidth();\n    const { x, y } = getAxes(width);\n\n    svg = select<HTMLElement, any>(chart)\n      .append('svg')\n      .attr('width', width)\n      .attr(\n        'height',\n        Number(height) +\n          Number(getParsedMargins(margins).top) +\n          Number(getParsedMargins(margins).bottom) +\n          Number(getParsedMargins(margins).xAxis),\n      )\n      .attr('id', 'svg-chart')\n      .append('g')\n      .attr(\n        'transform',\n        `translate(${\n          getParsedMargins(margins).left / 2 +\n          getParsedMargins(margins).right / 2\n        },${getParsedMargins(margins).top})`,\n      );\n\n    svg\n      .append('g')\n      .attr(\n        'transform',\n        `translate(0, ${\n          Number(height) + Number(getParsedMargins(margins).xAxis)\n        })`,\n      )\n      .call(axisBottom(x))\n      .attr('class', 'x-axis')\n      .attr('stroke-width', '0');\n\n    svg\n      .append('g')\n      .call(axisLeft(y).ticks(ticknumbers).tickFormat(tickleftformat))\n      .attr('class', 'y-axis')\n      .attr('stroke-width', '0');\n\n    addRectandles(x, y);\n  }\n\n  function update() {\n    const width = getChartWidth();\n    chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n    const { x, y } = getAxes(width);\n    updateAxes(x, y);\n    svg.selectAll('.bar').remove();\n    addRectandles(x, y);\n  }\n\n  function resize() {\n    if (_data) {\n      const width = getChartWidth();\n      chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n      const { x, y } = getAxes(width);\n      updateAxes(x, y);\n\n      const stackedData = stack().keys(subgroups)(parsedData);\n      svg\n        .selectAll('.bar')\n        .data(stackedData)\n        .selectAll('rect')\n        .data((d) => d)\n        .attr('x', (d) => x(d.data.group.toString())!)\n        .attr('y', (d) => y(d[1]))\n        .attr('width', x.bandwidth())\n        .attr('height', (d) => y(d[0]) - y(d[1]));\n    }\n  }\n\n  onMount(() => {\n    const resizeObserver = new ResizeObserver(resize);\n    resizeObserver.observe(chart);\n    hasMounted = true;\n  });\n</script>\n\n<div bind:this={chart} style=\"background-color: {backgroundcolor};\" />\n\n{#if tooltipData.show}\n  <div\n    class=\"tooltip\"\n    style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px; width: ${tooltipData.width}px;`}\n  >\n    {tooltipData.text}\n  </div>\n{/if}\n\n<div class=\"legend\">\n  {#each subgroups as subgroup}\n    <div class=\"legend__item\">\n      <svg class=\"legend__box\">\n        <rect x=\"0\" y=\"0\" width=\"24\" height=\"16\" fill={parsedColor[subgroup]} />\n      </svg>\n      <span class=\"legend__title\">{subgroup}</span>\n    </div>\n  {/each}\n</div>\n\n<div style=\"height: 0; width: 0;\" class=\"pattern\">\n  {#each parsedSvgs as svg}\n    {@html svg}\n  {/each}\n</div>\n<text />\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n\n  .legend {\n    margin-top: magic-unit-rem(1);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 0 magic-unit-rem(1.5);\n    height: 100%;\n    color: $color-grey-999;\n    gap: magic-unit-rem(1);\n    &__item {\n      display: flex;\n      justify-content: center;\n      font-size: $size-font-04;\n      align-items: center;\n    }\n    &__title {\n      white-space: nowrap;\n      margin: 0;\n    }\n    &__box {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: magic-unit-rem(0.25);\n      height: 16px;\n      width: 24px;\n    }\n  }\n\n  .tooltip {\n    height: auto;\n    background-color: $color-grey-700;\n    border-radius: 4px;\n    color: $color-grey-000;\n    text-align: center;\n    padding: magic-unit-rem(0.5) 0;\n    position: absolute;\n  }\n\n  .pattern {\n    z-index: -1;\n    position: relative;\n  }\n\n  text {\n    font-family: 'LeroyMerlin', sans-serif;\n    font-size: $size-font-04;\n    color: $color-grey-700;\n  }\n</style>\n"],"names":["none$1","series","order","n","length","j","s0","i","s1","m","isNaN","none","o","Array","stackValue","d","key","stackSeries","stack","keys","constant","orderNone","offset","offsetNone","value","data","oz","sz","from","apply","this","arguments","array","index","_","t_value","ctx","text","top","left","width","insert","target","div","anchor","dirty","set_data","t","attr","rect","rect_fill_value","append","svg_1","span","t1","t1_value","html_tag","p","raw_value","if_block","show","create_if_block","div0","div1","div2","text_1","getParsedMargins","margins","JSON","parse","right","bottom","xAxis","parsedColor","_data","chart","svg","$$props","chartheight","backgroundcolor","scalemax","ticknumbers","tickleftformat","Number","tickbottomformat","svgs","colors","hasMounted","tooltipData","eventHandler","EventHandler","get_current_component","createEventDispatcher","getChartWidth","chartWidth","select","style","window","innerWidth","parseInt","getAxes","x","scaleBand","domain","groups","range","padding","y","scaleLinear","height","addRectandles","stackedData","subgroups","parsedData","selectAll","enter","group","toString","bandwidth","on","_e","chartEvent","filter","arc","e","getBoundingClientRect","customtooltip","dispatch","updateAxes","call","axisBottom","tickFormat","axisLeft","ticks","resize","_a","querySelector","setAttribute","onMount","ResizeObserver","observe","$$invalidate","map","Object","parsedSvgs","remove","update","render","$$value"],"mappings":"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"}

package/public/adeo/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 d,g as l,h as m,j as h,K as b,l as p,N as f,m as u,o as k,M as _,p as x,q as g,r as v,u as w,t as $,k as y}from"../../index-9ffad6d0.js";import{E}from"../../EventHandler-f7ee47ca.js";import{c as C}from"../../EventForward-24fc0272.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&&k(i)}}}function j(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)),p(c,"change",f(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&&k(i),w&&w.d(),g=!1,_(v)}}}function M(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: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,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,p=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,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:\"Roboto\", 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 #666666;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 #666666;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 #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.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 #758992}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#00919f;border-color:#00919f;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:#00919f;border-color:#00919f}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.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},M,j,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 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]),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 j(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)),p(c,"change",f(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 M(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: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,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,p=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,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:\"Roboto\", 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 #666666;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 #666666;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 #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.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 #758992}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#00919f;border-color:#00919f;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:#00919f;border-color:#00919f}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.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},M,j,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/adeo/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,g as d,h as m,j as h,a2 as b,m as f,o as p,p as _,q as g,r as u,a1 as k,u as x,t as w,k as v,l as $,a3 as y}from"../../index-9ffad6d0.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,b,f,_,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=b=i[10].disabled,n.indeterminate=f=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&&b!==(b=i[10].disabled)&&(n.disabled=b),8&t&&f!==(f=i[10].indeterminate)&&(n.indeterminate=f),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],_=b(_,t,x,1,e,k,g,o,y,M,null,C)),m(i,v=f(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:\"Roboto\", 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 #666666;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 #666666;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 #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.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 #758992}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#00919f;border-color:#00919f;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:#00919f;border-color:#00919f}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.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 b,p as f,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,b,f,_,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=b=i[10].disabled,n.indeterminate=f=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&&b!==(b=i[10].disabled)&&(n.disabled=b),8&t&&f!==(f=i[10].indeterminate)&&(n.indeterminate=f),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],_=b(_,t,x,1,e,k,g,o,y,M,null,C)),m(i,v=f(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:\"Roboto\", 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 #666666;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 #666666;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 #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.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 #758992}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#00919f;border-color:#00919f;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:#00919f;border-color:#00919f}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.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

package/public/adeo/components/checkboxgroup/checkboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.js","sources":["../../../../src/components/checkboxgroup/checkboxGroup.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    get_current_component,\n    onMount,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import type { CheckboxGroupOption } from './checkboxgroup.types';\n\n  export let id: string;\n  export let options: string;\n  export let legend: string;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  $: parsedOptions = options\n    ? (JSON.parse(options) as CheckboxGroupOption[])\n    : [];\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function selectValue(value?: string) {\n    if (!parsedOptions || !parsedOptions.length) {\n      return;\n    }\n    parsedOptions = parsedOptions.map((opt) => {\n      const checked = opt.value === value ? !opt.checked : opt.checked;\n      return { ...opt, checked };\n    });\n    eventHandler.dispatch('change', value);\n  }\n\n  onMount(() => {\n    selectValue('');\n  });\n</script>\n\n<div {id} class=\"checkbox-group-container\" {...attributes}>\n  <fieldset class=\"mc-field mc-field--group\">\n    {#if legend && legend.length}\n      <legend class=\"mc-field__legend\">\n        {legend}\n      </legend>\n    {/if}\n    <div class=\"mc-field__container\">\n      {#each parsedOptions as opt (opt.id)}\n        <div class=\"mc-checkbox mc-field__item {$$props.class}\">\n          <input\n            type=\"checkbox\"\n            class=\"mc-checkbox__input {opt.isinvalid ? ' is-invalid' : ''}\"\n            id={opt.id}\n            name={opt.name}\n            checked={opt.checked}\n            disabled={opt.disabled}\n            indeterminate={opt.indeterminate}\n            aria-invalid={opt.isinvalid}\n            on:click={() => selectValue(opt.value)}\n          />\n          {#if opt.label}\n            <label for={opt.id} class=\"mc-checkbox__label\">{opt.label}</label>\n          {/if}\n        </div>\n      {/each}\n    </div>\n  </fieldset>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.checkbox';\n  @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":["ctx","insert","target","legend_1","anchor","t_value","label","attr","label_for_value","id","dirty","set_data","t","if_block","create_if_block","input","input_class_value","isinvalid","input_id_value","input_name_value","name","checked","input_checked_value","disabled","input_disabled_value","indeterminate","input_indeterminate_value","input_aria_invalid_value","div","div_class_value","class","append","length","create_if_block_1","get_key","i","div1","fieldset","div0","$$props","options","legend","eventHandler","EventHandler","get_current_component","createEventDispatcher","selectValue","value","parsedOptions","$$invalidate","map","opt","Object","assign","dispatch","onMount","JSON","parse","attributes","$$restProps"],"mappings":"2WA6CSA,EAAM,4CADTC,EAEQC,EAAAC,EAAAC,2BADLJ,EAAM,4CAkB6CK,EAAAL,MAAIM,MAAK,kCAA7CC,EAAAD,EAAA,MAAAE,EAAAR,MAAIS,8CAAhBR,EAAiEC,EAAAI,EAAAF,kBAAjB,EAAAM,GAAAL,KAAAA,EAAAL,MAAIM,MAAK,KAAAK,EAAAC,EAAAP,GAA7C,EAAAK,GAAAF,KAAAA,EAAAR,MAAIS,kHADb,IAAAI,EAAAb,MAAIM,OAAKQ,EAAAd,mGATeO,EAAAQ,EAAA,QAAAC,EAAA,uBAAAhB,EAAI,IAAAiB,UAAY,cAAgB,KACvDV,EAAAQ,EAAA,KAAAG,EAAAlB,MAAIS,IACFF,EAAAQ,EAAA,OAAAI,EAAAnB,MAAIoB,MACDL,EAAAM,QAAAC,EAAAtB,MAAIqB,QACHN,EAAAQ,SAAAC,EAAAxB,MAAIuB,SACCR,EAAAU,cAAAC,EAAA1B,MAAIyB,cACLlB,EAAAQ,EAAA,eAAAY,EAAA3B,MAAIiB,WATkBV,EAAAqB,EAAA,QAAAC,EAAA,8BAAA7B,KAAQ8B,4BAAhD7B,EAeKC,EAAA0B,EAAAxB,GAdH2B,EAUCH,EAAAb,uEAR4B,EAAAL,GAAAM,KAAAA,EAAA,uBAAAhB,EAAI,IAAAiB,UAAY,cAAgB,qBACvD,EAAAP,GAAAQ,KAAAA,EAAAlB,MAAIS,iBACF,EAAAC,GAAAS,KAAAA,EAAAnB,MAAIoB,qBACD,EAAAV,GAAAY,KAAAA,EAAAtB,MAAIqB,wBACH,EAAAX,GAAAc,KAAAA,EAAAxB,MAAIuB,0BACC,EAAAb,GAAAgB,KAAAA,EAAA1B,MAAIyB,oCACL,EAAAf,GAAAiB,KAAAA,EAAA3B,MAAIiB,kCAGfjB,MAAIM,4DAZ6B,GAAAI,GAAAmB,KAAAA,EAAA,8BAAA7B,KAAQ8B,oGAP/C9B,EAAM,IAAIA,EAAM,GAACgC,QAAMC,EAAAjC,KAMnBA,EAAa,GAAS,MAAAkC,EAAAlC,GAAAA,MAAIS,mBAA/BuB,OAAIG,GAAA,EAAA,gGARmCnC,EAAU,yPAAzDC,EA4BKC,EAAAkC,EAAAhC,GA3BH2B,EA0BUK,EAAAC,yBApBRN,EAmBKM,EAAAC,8DAxBAtC,EAAM,IAAIA,EAAM,GAACgC,sEAMbhC,EAAa,sGARqBA,EAAU,yJA9B5CS,GAAU8B,WACVC,GAAeD,UACfE,GAAcF,EACrBG,EAAmB,IAAAC,EACrBC,IACAC,KASO,SAAAC,EAAYC,GACdC,GAAkBA,EAAchB,SAGrCiB,EAAA,EAAAD,EAAgBA,EAAcE,KAAKC,IAC3B,MAAA9B,EAAU8B,EAAIJ,QAAUA,GAASI,EAAI9B,QAAU8B,EAAI9B,eAC/D+B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAkBF,GAAG,CAAE9B,WAAO,KAE1BqB,EAAaY,SAAS,SAAUP,IAGlCQ,GAAO,KACLT,EAAY,GAAE,iLAlBfG,EAAA,EAAED,EAAgBR,EACdgB,KAAKC,MAAMjB,GAAO,QAEpBkB,EAALN,OAAAC,UAAuBM,yBACXD,EAAW5B,gCAqCKgB,EAAYK,EAAIJ"}
+{"version":3,"file":"checkboxGroup.js","sources":["../../../../src/components/checkboxgroup/checkboxGroup.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    get_current_component,\n    onMount,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import type { CheckboxGroupOption } from './checkboxgroup.types';\n\n  export let id: string;\n  export let options: string;\n  export let legend: string;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  $: parsedOptions = options\n    ? (JSON.parse(options) as CheckboxGroupOption[])\n    : [];\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function selectValue(value?: string) {\n    if (!parsedOptions || !parsedOptions.length) {\n      return;\n    }\n    parsedOptions = parsedOptions.map((opt) => {\n      const checked = opt.value === value ? !opt.checked : opt.checked;\n      return { ...opt, checked };\n    });\n    eventHandler.dispatch('change', value);\n  }\n\n  onMount(() => {\n    selectValue('');\n  });\n</script>\n\n<div {id} class=\"checkbox-group-container\" {...attributes}>\n  <fieldset class=\"mc-field mc-field--group\">\n    {#if legend && legend.length}\n      <legend class=\"mc-field__legend\">\n        {legend}\n      </legend>\n    {/if}\n    <div class=\"mc-field__container\">\n      {#each parsedOptions as opt (opt.id)}\n        <div class=\"mc-checkbox mc-field__item {$$props.class}\">\n          <input\n            type=\"checkbox\"\n            class=\"mc-checkbox__input {opt.isinvalid ? ' is-invalid' : ''}\"\n            id={opt.id}\n            name={opt.name}\n            checked={opt.checked}\n            disabled={opt.disabled}\n            indeterminate={opt.indeterminate}\n            aria-invalid={opt.isinvalid}\n            on:click={() => selectValue(opt.value)}\n          />\n          {#if opt.label}\n            <label for={opt.id} class=\"mc-checkbox__label\">{opt.label}</label>\n          {/if}\n        </div>\n      {/each}\n    </div>\n  </fieldset>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.checkbox';\n  @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":["ctx","insert","target","legend_1","anchor","t_value","label","attr","label_for_value","id","dirty","set_data","t","if_block","create_if_block","input","input_class_value","isinvalid","input_id_value","input_name_value","name","checked","input_checked_value","disabled","input_disabled_value","indeterminate","input_indeterminate_value","input_aria_invalid_value","div","div_class_value","class","append","length","create_if_block_1","get_key","i","div1","fieldset","div0","$$props","options","legend","eventHandler","EventHandler","get_current_component","createEventDispatcher","selectValue","value","parsedOptions","$$invalidate","map","opt","Object","assign","dispatch","onMount","JSON","parse","attributes","$$restProps"],"mappings":"sWA6CSA,EAAM,4CADTC,EAEQC,EAAAC,EAAAC,2BADLJ,EAAM,4CAkB6CK,EAAAL,MAAIM,MAAK,kCAA7CC,EAAAD,EAAA,MAAAE,EAAAR,MAAIS,8CAAhBR,EAAiEC,EAAAI,EAAAF,kBAAjB,EAAAM,GAAAL,KAAAA,EAAAL,MAAIM,MAAK,KAAAK,EAAAC,EAAAP,GAA7C,EAAAK,GAAAF,KAAAA,EAAAR,MAAIS,kHADb,IAAAI,EAAAb,MAAIM,OAAKQ,EAAAd,mGATeO,EAAAQ,EAAA,QAAAC,EAAA,uBAAAhB,EAAI,IAAAiB,UAAY,cAAgB,KACvDV,EAAAQ,EAAA,KAAAG,EAAAlB,MAAIS,IACFF,EAAAQ,EAAA,OAAAI,EAAAnB,MAAIoB,MACDL,EAAAM,QAAAC,EAAAtB,MAAIqB,QACHN,EAAAQ,SAAAC,EAAAxB,MAAIuB,SACCR,EAAAU,cAAAC,EAAA1B,MAAIyB,cACLlB,EAAAQ,EAAA,eAAAY,EAAA3B,MAAIiB,WATkBV,EAAAqB,EAAA,QAAAC,EAAA,8BAAA7B,KAAQ8B,4BAAhD7B,EAeKC,EAAA0B,EAAAxB,GAdH2B,EAUCH,EAAAb,uEAR4B,EAAAL,GAAAM,KAAAA,EAAA,uBAAAhB,EAAI,IAAAiB,UAAY,cAAgB,qBACvD,EAAAP,GAAAQ,KAAAA,EAAAlB,MAAIS,iBACF,EAAAC,GAAAS,KAAAA,EAAAnB,MAAIoB,qBACD,EAAAV,GAAAY,KAAAA,EAAAtB,MAAIqB,wBACH,EAAAX,GAAAc,KAAAA,EAAAxB,MAAIuB,0BACC,EAAAb,GAAAgB,KAAAA,EAAA1B,MAAIyB,oCACL,EAAAf,GAAAiB,KAAAA,EAAA3B,MAAIiB,kCAGfjB,MAAIM,4DAZ6B,GAAAI,GAAAmB,KAAAA,EAAA,8BAAA7B,KAAQ8B,oGAP/C9B,EAAM,IAAIA,EAAM,GAACgC,QAAMC,EAAAjC,KAMnBA,EAAa,GAAS,MAAAkC,EAAAlC,GAAAA,MAAIS,mBAA/BuB,OAAIG,GAAA,EAAA,gGARmCnC,EAAU,yPAAzDC,EA4BKC,EAAAkC,EAAAhC,GA3BH2B,EA0BUK,EAAAC,yBApBRN,EAmBKM,EAAAC,8DAxBAtC,EAAM,IAAIA,EAAM,GAACgC,sEAMbhC,EAAa,sGARqBA,EAAU,yJA9B5CS,GAAU8B,WACVC,GAAeD,UACfE,GAAcF,EACrBG,EAAmB,IAAAC,EACrBC,IACAC,KASO,SAAAC,EAAYC,GACdC,GAAkBA,EAAchB,SAGrCiB,EAAA,EAAAD,EAAgBA,EAAcE,KAAKC,IAC3B,MAAA9B,EAAU8B,EAAIJ,QAAUA,GAASI,EAAI9B,QAAU8B,EAAI9B,eAC/D+B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAkBF,GAAG,CAAE9B,WAAO,KAE1BqB,EAAaY,SAAS,SAAUP,IAGlCQ,GAAO,KACLT,EAAY,GAAE,iLAlBfG,EAAA,EAAED,EAAgBR,EACdgB,KAAKC,MAAMjB,GAAO,QAEpBkB,EAALN,OAAAC,UAAuBM,yBACXD,EAAW5B,gCAqCKgB,EAAYK,EAAIJ"}