npm - @mozaic-ds/web-components - Versions diffs - 0.9.0 → 0.10.1 - Mend

@mozaic-ds/web-components 0.9.0 → 0.10.1

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

Files changed (324) hide show

package/public/components/button/Button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as t,i as o,a as e,b as i,f as n,s as r,c as m,e as c,d as l,n as d,h as a,j as s,B as b,C as u,D as h,E as f,m as g,o as p,p as x,r as w,q as _,g as $,M as y,Z as v,K as k,x as z,A as j,G as E,t as q,k as C}from"../../index-c33b3772.js";import{c as N}from"../../EventForward-8492ff62.js";import S from"../loader/Loader.nested.js";function A(t){let o,e,n,r;const m=[M,L],l=[];function d(t,o){return t[13]&&"left"===t[12]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),$(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(y(),h(l[r],1,1,(()=>{l[r]=null})),f(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),u(n,1),n.m(o,null))},i(t){r||(u(n),r=!0)},o(t){h(n),r=!1},d(t){t&&p(o),l[e].d()}}}function L(t){let o,e,n=`<${H(t[2],t[6],t[5])} />`;return{c(){o=new v(!1),e=k(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${H(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&p(e),t&&o.d()}}}function M(t){let o,e;return o=new S({props:{size:"s",theme:t[11],text:"TEST"}}),{c(){z(o.$$.fragment)},m(t,i){j(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(u(o.$$.fragment,t),e=!0)},o(t){h(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function O(t){let o,e,n,r,m,d,a=t[13]&&"left"===t[12]&&!t[5]&&T(t),b=t[13]&&"right"===t[12]&&!t[5]&&B(t);return{c(){a&&a.c(),o=l(),e=c("span"),n=q(t[4]),r=l(),b&&b.c(),m=k(),$(e,"class","mc-button__label")},m(t,c){a&&a.m(t,c),i(t,o,c),i(t,e,c),s(e,n),i(t,r,c),b&&b.m(t,c),i(t,m,c),d=!0},p(t,e){t[13]&&"left"===t[12]&&!t[5]?a?(a.p(t,e),12320&e&&u(a,1)):(a=T(t),a.c(),u(a,1),a.m(o.parentNode,o)):a&&(y(),h(a,1,1,(()=>{a=null})),f()),(!d||16&e)&&C(n,t[4]),t[13]&&"right"===t[12]&&!t[5]?b?(b.p(t,e),12320&e&&u(b,1)):(b=B(t),b.c(),u(b,1),b.m(m.parentNode,m)):b&&(y(),h(b,1,1,(()=>{b=null})),f())},i(t){d||(u(a),u(b),d=!0)},o(t){h(a),h(b),d=!1},d(t){a&&a.d(t),t&&p(o),t&&p(e),t&&p(r),b&&b.d(t),t&&p(m)}}}function R(t){let o,e,n,r;const m=[F,D],l=[];function d(t,o){return t[13]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),$(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(y(),h(l[r],1,1,(()=>{l[r]=null})),f(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),u(n,1),n.m(o,null))},i(t){r||(u(n),r=!0)},o(t){h(n),r=!1},d(t){t&&p(o),l[e].d()}}}function T(t){let o,e,n;return e=new S({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),z(e.$$.fragment),$(o,"class","mc-button__icon")},m(t,r){i(t,o,r),j(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(u(e.$$.fragment,t),n=!0)},o(t){h(e.$$.fragment,t),n=!1},d(t){t&&p(o),E(e)}}}function B(t){let o,e,n;return e=new S({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),z(e.$$.fragment),$(o,"class","mc-button__icon")},m(t,r){i(t,o,r),j(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(u(e.$$.fragment,t),n=!0)},o(t){h(e.$$.fragment,t),n=!1},d(t){t&&p(o),E(e)}}}function D(t){let o,e,n=`<${H(t[2],t[6],t[5])} size="100%" />`;return{c(){o=new v(!1),e=k(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${H(t[2],t[6],t[5])} size="100%" />`)&&o.p(n)},i:d,o:d,d(t){t&&p(e),t&&o.d()}}}function F(t){let o,e;return o=new S({props:{size:"m",theme:t[11],text:""}}),{c(){z(o.$$.fragment)},m(t,i){j(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(u(o.$$.fragment,t),e=!0)},o(t){h(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function G(t){let o,e,n,r;const m=[K,J],l=[];function d(t,o){return t[13]&&"right"===t[12]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),$(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(y(),h(l[r],1,1,(()=>{l[r]=null})),f(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),u(n,1),n.m(o,null))},i(t){r||(u(n),r=!0)},o(t){h(n),r=!1},d(t){t&&p(o),l[e].d()}}}function J(t){let o,e,n=`<${H(t[2],t[6],t[5])} />`;return{c(){o=new v(!1),e=k(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${H(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&p(e),t&&o.d()}}}function K(t){let o,e;return o=new S({props:{size:"s",theme:t[11],text:""}}),{c(){z(o.$$.fragment)},m(t,i){j(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(u(o.$$.fragment,t),e=!0)},o(t){h(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function Z(t){let o,e,n,r,x,w,_,$,v,k=t[5]&&"left"===t[6]&&A(t);const z=[R,O],j=[];function E(t,o){return t[5]&&"only"===t[6]?0:1}n=E(t),r=j[n]=z[n](t);let q=t[5]&&"right"===t[6]&&G(t),C=[{type:t[8]},{class:w=t[15](t[1],t[0],t[2],t[3])+" "+t[10]},{disabled:t[7]},t[9]],N={};for(let t=0;t<C.length;t+=1)N=m(N,C[t]);return{c(){o=c("button"),k&&k.c(),e=l(),r.c(),x=l(),q&&q.c(),this.c=d,a(o,N)},m(r,m){i(r,o,m),k&&k.m(o,null),s(o,e),j[n].m(o,null),s(o,x),q&&q.m(o,null),o.autofocus&&o.focus(),_=!0,$||(v=b(t[14].call(null,o)),$=!0)},p(t,[i]){t[5]&&"left"===t[6]?k?(k.p(t,i),96&i&&u(k,1)):(k=A(t),k.c(),u(k,1),k.m(o,e)):k&&(y(),h(k,1,1,(()=>{k=null})),f());let m=n;n=E(t),n===m?j[n].p(t,i):(y(),h(j[m],1,1,(()=>{j[m]=null})),f(),r=j[n],r?r.p(t,i):(r=j[n]=z[n](t),r.c()),u(r,1),r.m(o,x)),t[5]&&"right"===t[6]?q?(q.p(t,i),96&i&&u(q,1)):(q=G(t),q.c(),u(q,1),q.m(o,null)):q&&(y(),h(q,1,1,(()=>{q=null})),f()),a(o,N=g(C,[(!_||256&i)&&{type:t[8]},(!_||1039&i&&w!==(w=t[15](t[1],t[0],t[2],t[3])+" "+t[10]))&&{class:w},(!_||128&i)&&{disabled:t[7]},512&i&&t[9]]))},i(t){_||(u(k),u(r),u(q),_=!0)},o(t){h(k),h(r),h(q),_=!1},d(t){t&&p(o),k&&k.d(),j[n].d(),q&&q.d(),$=!1,v()}}}function H(t,o,e){const i="only"===o;let n;switch(t){case"s":n="24px";break;case"m":n=i?"32px":"24px";break;case"l":n=i?"100%":"32px"}return`${e} size="${n}" class="no"`}function I(t,o,e){let i,n,r,c,l,d;const a=["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"];let s=x(o,a);var b,u,h;let{bordered:f=!1}=o,{theme:g}=o,{size:p="m"}=o,{full:$=!1}=o,{label:y}=o,{iconname:v}=o,{iconmode:k}=o,{disabled:z=!1}=o,{responsivesize:j}=o,{responsivewidth:E}=o,{type:q="button"}=o,{loader:C}=o;const S=N(w());return t.$$set=t=>{e(24,o=m(m({},o),_(t))),e(23,s=x(o,a)),"bordered"in t&&e(0,f=t.bordered),"theme"in t&&e(1,g=t.theme),"size"in t&&e(2,p=t.size),"full"in t&&e(3,$=t.full),"label"in t&&e(4,y=t.label),"iconname"in t&&e(5,v=t.iconname),"iconmode"in t&&e(6,k=t.iconmode),"disabled"in t&&e(7,z=t.disabled),"responsivesize"in t&&e(16,j=t.responsivesize),"responsivewidth"in t&&e(17,E=t.responsivewidth),"type"in t&&e(8,q=t.type),"loader"in t&&e(18,C=t.loader)},t.$$.update=()=>{262144&t.$$.dirty&&e(22,i=C?JSON.parse(C):void 0),4718592&t.$$.dirty&&e(13,n=null!==e(19,b=null==i?void 0:i.enabled)&&void 0!==b&&b),5242880&t.$$.dirty&&e(12,r=null!==e(20,u=null==i?void 0:i.position)&&void 0!==u?u:"left"),6291456&t.$$.dirty&&e(11,c=null!==e(21,h=null==i?void 0:i.theme)&&void 0!==h?h:"primary"),e(10,l=o.class),e(9,d=Object.assign({},s)),512&t.$$.dirty&&delete d.class},o=_(o),[f,g,p,$,y,v,k,z,q,d,l,c,r,n,S,function(t,o,e,i){const n=["mc-button"],r=function(t,o){if(!o&&!t)return"";const e=o?"bordered":"solid";return t?`mc-button--${e}-${t}`:`mc-button--${e}`}(t,o);return r&&n.push(r),e&&n.push(`mc-button--${e}`),i?n.push("mc-button--full"):n.push("mc-button--fit"),"only"===k&&n.push("mc-button--square"),j&&n.push(`mc-button--${j}`),E&&n.push(`mc-button--${E}`),n.join(" ")},j,E,C,b,u,h,i]}class P extends t{constructor(t){super();const m=document.createElement("style");m.textContent='.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#188803;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#006902;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#006902}.mc-button:disabled,.mc-button.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button: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-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#188803;border-color:#188803;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#ebf5de;color:#006902}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon{pointer-events:none}',this.shadowRoot.appendChild(m),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},I,Z,r,{bordered:0,theme:1,size:2,full:3,label:4,iconname:5,iconmode:6,disabled:7,responsivesize:16,responsivewidth:17,type:8,loader:18},null),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"]}get bordered(){return this.$$.ctx[0]}set bordered(t){this.$$set({bordered:t}),n()}get theme(){return this.$$.ctx[1]}set theme(t){this.$$set({theme:t}),n()}get size(){return this.$$.ctx[2]}set size(t){this.$$set({size:t}),n()}get full(){return this.$$.ctx[3]}set full(t){this.$$set({full:t}),n()}get label(){return this.$$.ctx[4]}set label(t){this.$$set({label:t}),n()}get iconname(){return this.$$.ctx[5]}set iconname(t){this.$$set({iconname:t}),n()}get iconmode(){return this.$$.ctx[6]}set iconmode(t){this.$$set({iconmode:t}),n()}get disabled(){return this.$$.ctx[7]}set disabled(t){this.$$set({disabled:t}),n()}get responsivesize(){return this.$$.ctx[16]}set responsivesize(t){this.$$set({responsivesize:t}),n()}get responsivewidth(){return this.$$.ctx[17]}set responsivewidth(t){this.$$set({responsivewidth:t}),n()}get type(){return this.$$.ctx[8]}set type(t){this.$$set({type:t}),n()}get loader(){return this.$$.ctx[18]}set loader(t){this.$$set({loader:t}),n()}}export{P as default};
+import{S as t,i as o,a as e,b as i,f as n,s as r,c as m,e as c,d as l,n as d,h as a,z as s,j as b,B as u,C as h,D as f,E as g,m as p,o as x,p as w,r as _,q as $,g as y,M as v,Z as k,K as z,x as j,A as q,G as C,t as E,k as N}from"../../index-c33b3772.js";import{c as A}from"../../EventForward-8492ff62.js";import L from"../loader/Loader.nested.js";function M(t){let o,e,n,r;const m=[R,O],l=[];function d(t,o){return t[13]&&"left"===t[12]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function O(t){let o,e,n=`<${P(t[2],t[6],t[5])} />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${P(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function R(t){let o,e;return o=new L({props:{size:"s",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function S(t){let o,e,n,r,m,d,a=t[13]&&"left"===t[12]&&!t[5]&&D(t),s=t[13]&&"right"===t[12]&&!t[5]&&F(t);return{c(){a&&a.c(),o=l(),e=c("span"),n=E(t[4]),r=l(),s&&s.c(),m=z(),y(e,"class","mc-button__label")},m(t,c){a&&a.m(t,c),i(t,o,c),i(t,e,c),b(e,n),i(t,r,c),s&&s.m(t,c),i(t,m,c),d=!0},p(t,e){t[13]&&"left"===t[12]&&!t[5]?a?(a.p(t,e),12320&e&&h(a,1)):(a=D(t),a.c(),h(a,1),a.m(o.parentNode,o)):a&&(v(),f(a,1,1,(()=>{a=null})),g()),(!d||16&e)&&N(n,t[4]),t[13]&&"right"===t[12]&&!t[5]?s?(s.p(t,e),12320&e&&h(s,1)):(s=F(t),s.c(),h(s,1),s.m(m.parentNode,m)):s&&(v(),f(s,1,1,(()=>{s=null})),g())},i(t){d||(h(a),h(s),d=!0)},o(t){f(a),f(s),d=!1},d(t){a&&a.d(t),t&&x(o),t&&x(e),t&&x(r),s&&s.d(t),t&&x(m)}}}function B(t){let o,e,n,r;const m=[J,G],l=[];function d(t,o){return t[13]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function D(t){let o,e,n;return e=new L({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),j(e.$$.fragment),y(o,"class","mc-button__icon")},m(t,r){i(t,o,r),q(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){t&&x(o),C(e)}}}function F(t){let o,e,n;return e=new L({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),j(e.$$.fragment),y(o,"class","mc-button__icon")},m(t,r){i(t,o,r),q(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){t&&x(o),C(e)}}}function G(t){let o,e,n=`<${P(t[2],t[6],t[5])} size="100%" />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${P(t[2],t[6],t[5])} size="100%" />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function J(t){let o,e;return o=new L({props:{size:"m",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function K(t){let o,e,n,r;const m=[H,Z],l=[];function d(t,o){return t[13]&&"right"===t[12]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function Z(t){let o,e,n=`<${P(t[2],t[6],t[5])} />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${P(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function H(t){let o,e;return o=new L({props:{size:"s",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function I(t){let o,e,n,r,w,_,$,y,k,z=t[5]&&"left"===t[6]&&M(t);const j=[B,S],q=[];function C(t,o){return t[5]&&"only"===t[6]?0:1}n=C(t),r=q[n]=j[n](t);let E=t[5]&&"right"===t[6]&&K(t),N=[{type:t[8]},{class:_=t[15](t[1],t[0],t[2],t[3])+" "+t[10]},{disabled:t[7]},t[9]],A={};for(let t=0;t<N.length;t+=1)A=m(A,N[t]);return{c(){o=c("button"),z&&z.c(),e=l(),r.c(),w=l(),E&&E.c(),this.c=d,a(o,A),s(o,"mc-button--square",t[6])},m(r,m){i(r,o,m),z&&z.m(o,null),b(o,e),q[n].m(o,null),b(o,w),E&&E.m(o,null),o.autofocus&&o.focus(),$=!0,y||(k=u(t[14].call(null,o)),y=!0)},p(t,[i]){t[5]&&"left"===t[6]?z?(z.p(t,i),96&i&&h(z,1)):(z=M(t),z.c(),h(z,1),z.m(o,e)):z&&(v(),f(z,1,1,(()=>{z=null})),g());let m=n;n=C(t),n===m?q[n].p(t,i):(v(),f(q[m],1,1,(()=>{q[m]=null})),g(),r=q[n],r?r.p(t,i):(r=q[n]=j[n](t),r.c()),h(r,1),r.m(o,w)),t[5]&&"right"===t[6]?E?(E.p(t,i),96&i&&h(E,1)):(E=K(t),E.c(),h(E,1),E.m(o,null)):E&&(v(),f(E,1,1,(()=>{E=null})),g()),a(o,A=p(N,[(!$||256&i)&&{type:t[8]},(!$||1039&i&&_!==(_=t[15](t[1],t[0],t[2],t[3])+" "+t[10]))&&{class:_},(!$||128&i)&&{disabled:t[7]},512&i&&t[9]])),s(o,"mc-button--square",t[6])},i(t){$||(h(z),h(r),h(E),$=!0)},o(t){f(z),f(r),f(E),$=!1},d(t){t&&x(o),z&&z.d(),q[n].d(),E&&E.d(),y=!1,k()}}}function P(t,o,e){const i="only"===o;let n;switch(t){case"s":n="24px";break;case"m":n=i?"32px":"24px";break;case"l":n=i?"100%":"32px"}return`${e} size="${n}" class="no"`}function Q(t,o,e){let i,n,r,c,l,d;const a=["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"];let s=w(o,a);var b,u,h;let{bordered:f=!1}=o,{theme:g}=o,{size:p="m"}=o,{full:x=!1}=o,{label:y}=o,{iconname:v}=o,{iconmode:k}=o,{disabled:z=!1}=o,{responsivesize:j}=o,{responsivewidth:q}=o,{type:C="button"}=o,{loader:E}=o;const N=A(_());return t.$$set=t=>{e(24,o=m(m({},o),$(t))),e(23,s=w(o,a)),"bordered"in t&&e(0,f=t.bordered),"theme"in t&&e(1,g=t.theme),"size"in t&&e(2,p=t.size),"full"in t&&e(3,x=t.full),"label"in t&&e(4,y=t.label),"iconname"in t&&e(5,v=t.iconname),"iconmode"in t&&e(6,k=t.iconmode),"disabled"in t&&e(7,z=t.disabled),"responsivesize"in t&&e(16,j=t.responsivesize),"responsivewidth"in t&&e(17,q=t.responsivewidth),"type"in t&&e(8,C=t.type),"loader"in t&&e(18,E=t.loader)},t.$$.update=()=>{262144&t.$$.dirty&&e(22,i=E?JSON.parse(E):void 0),4718592&t.$$.dirty&&e(13,n=null!==e(19,b=null==i?void 0:i.enabled)&&void 0!==b&&b),5242880&t.$$.dirty&&e(12,r=null!==e(20,u=null==i?void 0:i.position)&&void 0!==u?u:"left"),6291456&t.$$.dirty&&e(11,c=null!==e(21,h=null==i?void 0:i.theme)&&void 0!==h?h:"primary"),e(10,l=o.class),e(9,d=Object.assign({},s)),512&t.$$.dirty&&delete d.class},o=$(o),[f,g,p,x,y,v,k,z,C,d,l,c,r,n,N,function(t,o,e,i){const n=["mc-button"],r=function(t,o){if(!o&&!t)return"";const e=o?"bordered":"solid";return t?`mc-button--${e}-${t}`:`mc-button--${e}`}(t,o);return r&&n.push(r),e&&n.push(`mc-button--${e}`),i?n.push("mc-button--full"):n.push("mc-button--fit"),"only"===k&&n.push("mc-button--square"),j&&n.push(`mc-button--${j}`),q&&n.push(`mc-button--${q}`),n.join(" ")},j,q,E,b,u,h,i]}class T extends t{constructor(t){super();const m=document.createElement("style");m.textContent='.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#188803;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#006902;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#006902}.mc-button:disabled,.mc-button.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button: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-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#188803;border-color:#188803;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#ebf5de;color:#006902}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon{pointer-events:none}',this.shadowRoot.appendChild(m),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},Q,I,r,{bordered:0,theme:1,size:2,full:3,label:4,iconname:5,iconmode:6,disabled:7,responsivesize:16,responsivewidth:17,type:8,loader:18},null),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"]}get bordered(){return this.$$.ctx[0]}set bordered(t){this.$$set({bordered:t}),n()}get theme(){return this.$$.ctx[1]}set theme(t){this.$$set({theme:t}),n()}get size(){return this.$$.ctx[2]}set size(t){this.$$set({size:t}),n()}get full(){return this.$$.ctx[3]}set full(t){this.$$set({full:t}),n()}get label(){return this.$$.ctx[4]}set label(t){this.$$set({label:t}),n()}get iconname(){return this.$$.ctx[5]}set iconname(t){this.$$set({iconname:t}),n()}get iconmode(){return this.$$.ctx[6]}set iconmode(t){this.$$set({iconmode:t}),n()}get disabled(){return this.$$.ctx[7]}set disabled(t){this.$$set({disabled:t}),n()}get responsivesize(){return this.$$.ctx[16]}set responsivesize(t){this.$$set({responsivesize:t}),n()}get responsivewidth(){return this.$$.ctx[17]}set responsivewidth(t){this.$$set({responsivewidth:t}),n()}get type(){return this.$$.ctx[8]}set type(t){this.$$set({type:t}),n()}get loader(){return this.$$.ctx[18]}set loader(t){this.$$set({loader:t}),n()}}export{T as default};
 //# sourceMappingURL=Button.js.map

package/public/components/button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n import Loader from '../loader/Loader.nested.svelte';\n import type {\n ButtonIconMode,\n ButtonSize,\n ButtonTheme,\n ButtonResponsiveSize,\n ButtonResponsiveWidth,\n ButtonType,\n ButtonLoader,\n } from './button.types';\n\n export let bordered = false;\n export let theme: ButtonTheme \| undefined = undefined;\n export let size: ButtonSize = 'm';\n export let full = false;\n export let label: string;\n export let iconname: string \| undefined;\n export let iconmode: ButtonIconMode \| undefined;\n export let disabled = false;\n export let responsivesize: ButtonResponsiveSize = undefined;\n export let responsivewidth: ButtonResponsiveWidth = undefined;\n export let type: ButtonType = 'button';\n export let loader: string;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: loaderOpts = loader ? (JSON.parse(loader) as ButtonLoader) : undefined;\n $: isLoading = loaderOpts?.enabled ?? false;\n $: loaderPosition = loaderOpts?.position ?? 'left';\n $: loaderTheme = loaderOpts?.theme ?? 'primary';\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(\n size: ButtonSize,\n iconMode: ButtonIconMode,\n iconName: string,\n ): string {\n const isIconOnly = iconMode === 'only';\n let iconSize: string;\n\n switch (size) {\n case 's':\n iconSize = '24px';\n break;\n case 'm':\n iconSize = isIconOnly ? '32px' : '24px';\n break;\n case 'l':\n iconSize = isIconOnly ? '100%' : '32px';\n break;\n }\n\n return `${iconName} size=\"${iconSize}\" class=\"no\"`;\n }\n\n function getAppearanceClass(theme: ButtonTheme, isBordered: boolean): string {\n if (!isBordered && !theme) {\n return '';\n }\n\n const type = isBordered ? 'bordered' : 'solid';\n\n if (theme) {\n return `mc-button--${type}-${theme}`;\n }\n return `mc-button--${type}`;\n }\n\n function getClasses(\n theme: ButtonTheme,\n isBordered: boolean,\n size: ButtonSize,\n isFull: boolean,\n ): string {\n const classes = ['mc-button'];\n\n const appearanceClass = getAppearanceClass(theme, isBordered);\n if (appearanceClass) {\n classes.push(appearanceClass);\n }\n\n if (size) {\n classes.push(`mc-button--${size}`);\n }\n\n if (isFull) {\n classes.push(`mc-button--full`);\n } else {\n classes.push(`mc-button--fit`);\n }\n\n if (iconmode === 'only') {\n classes.push('mc-button--square');\n }\n\n if (responsivesize) {\n classes.push(`mc-button--${responsivesize}`);\n }\n\n if (responsivewidth) {\n classes.push(`mc-button--${responsivewidth}`);\n }\n\n return classes.join(' ');\n }\n</script>\n\n<button\n use:forwardEvents\n {type}\n class=\"{getClasses(theme, bordered, size, full)} {userClass}\"\n {disabled}\n {...attributes}\n>\n {#if iconname && iconmode === 'left'}\n <span class=\"mc-button__icon\">\n {#if isLoading && loaderPosition === 'left'}\n <Loader size=\"s\" theme={loaderTheme} text=\"~~TEST~~\" />\n {:else}\n {@html `<${generateIconName(size, iconmode, iconname)} />`}\n {/if}\n </span>\n {/if}\n\n {#if iconname && iconmode === 'only'}\n <span class=\"mc-button__icon\">\n {#if isLoading}\n <Loader size=\"m\" theme={loaderTheme} text=\"\" />\n {:else}\n {@html `<${generateIconName(size, iconmode, iconname)} size=\"100%\" />`}\n {/if}\n </span>\n {:else}\n {#if isLoading && loaderPosition === 'left' && !iconname}\n <span class=\"mc-button__icon\">\n <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n </span>\n {/if}\n <span class=\"mc-button__label\">{label}</span>\n {#if isLoading && loaderPosition === 'right' && !iconname}\n <span class=\"mc-button__icon\">\n <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n </span>\n {/if}\n {/if}\n\n {#if iconname && iconmode === 'right'}\n <span class=\"mc-button__icon\">\n {#if isLoading && loaderPosition === 'right'}\n <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n {:else}\n {@html `<${generateIconName(size, iconmode, iconname)} />`}\n {/if}\n </span>\n {/if}\n</button>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.button';\n\n .mc-button__icon {\n pointer-events: none;\n }\n</style>\n"],"names":["ctx","insert","target","span","anchor","raw_value","generateIconName","dirty","html_tag","p","if_block0","create_if_block_5","if_block1","create_if_block_4","create_if_block_6","create_if_block","button","class","button_class_value","size","iconMode","iconName","isIconOnly","iconSize","_a","_b","_c","bordered","$$props","theme","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader","forwardEvents","createEventForwarder","get_current_component","$$invalidate","loaderOpts","JSON","parse","undefined","isLoading","enabled","loaderPosition","position","loaderTheme","userClass","attributes","Object","assign","$$restProps","isBordered","isFull","classes","appearanceClass","getAppearanceClass","push","join"],"mappings":"~~wZA2HWA~~,EAAS,KAAuB,SAAnBA,EAAc,IAAW,+FAD7CC,EAMMC,EAAAC,EAAAC,wPAFSC,EAAA,IAAAC,EAAiBN,EAAM,GAAAA,KAAUA,EAAQ,gFAAzC,IAAAO,GAAAF,KAAAA,EAAA,IAAAC,EAAiBN,EAAM,GAAAA,KAAUA,EAAQ,WAAAQ,EAAAC,EAAAJ,gGAF5BL,EAAW,~~mGAAXA,~~EAAW,6HAgBlCU,EAAAV,EAAa,KAAmB,SAAnBA,EAAmB,MAAWA,EAAQ,IAAAW,EAAAX,GAMnDY,EAAAZ,EAAa,KAAmB,UAAnBA,EAAmB,MAAYA,EAAQ,IAAAa,EAAAb,6CADzBA,EAAK,sFAArCC,EAA4CC,EAAAC,EAAAC,qDALvCJ,EAAa,KAAmB,SAAnBA,EAAmB,MAAWA,EAAQ,+HAKxBA,EAAK,IAChCA,EAAa,KAAmB,UAAnBA,EAAmB,MAAYA,EAAQ,8RAblDA,EAAS,IAAA,+FADhBC,EAMMC,EAAAC,EAAAC,gSAIsBJ,EAAW,wFADrCC,EAEMC,EAAAC,EAAAC,wDADoBJ,EAAW,mKAMXA,EAAW,wFADrCC,EAEMC,EAAAC,EAAAC,wDADoBJ,EAAW,2HAZxBK,EAAA,IAAAC,EAAiBN,EAAM,GAAAA,KAAUA,EAAQ,4FAAzC,IAAAO,GAAAF,KAAAA,EAAA,IAAAC,EAAiBN,EAAM,GAAAA,KAAUA,EAAQ,uBAAAQ,EAAAC,EAAAJ,gGAF5BL,EAAW,+FAAXA,EAAW,mKAqBhCA,EAAS,KAAuB,UAAnBA,EAAc,IAAY,+FAD9CC,EAMMC,EAAAC,EAAAC,wPAFSC,EAAA,IAAAC,EAAiBN,EAAM,GAAAA,KAAUA,EAAQ,gFAAzC,IAAAO,GAAAF,KAAAA,EAAA,IAAAC,EAAiBN,EAAM,GAAAA,KAAUA,EAAQ,WAAAQ,EAAAC,EAAAJ,gGAF5BL,EAAW,+FAAXA,EAAW,qIAnCpCA,EAAQ,IAAiB,SAAbA,EAAQ,IAAWc,EAAAd,6CAU/BA,EAAQ,IAAiB,SAAbA,EAAQ,GAAW,gCAsB/BA,EAAQ,IAAiB,UAAbA,EAAQ,IAAYe,EAAAf,~~2BApC7BA~~,EAAU,IAACA,EAAO,GAAAA,KAAUA,EAAI,GAAEA,EAAI,IAAA,IAAIA,EAAS,~~qBAEvDA~~,EAAU,~~sIALhBC~~,~~EAgDQC~~,EAAAc,EAAAZ,sIAzCDJ,EAAQ,IAAiB,SAAbA,EAAQ,mOAgCpBA,EAAQ,IAAiB,UAAbA,EAAQ,~~4JApCjBA~~,EAAU,IAACA,EAAO,GAAAA,KAAUA,EAAI,GAAEA,EAAI,IAAA,IAAIA,EAAS,OAAA,CAAAiB,MAAAC,~~uCAEvDlB~~,EAAU,~~mHAhFL~~,SAAAM,EACPa,EACAC,EACAC,SAEMC,EAA0B,SAAbF,MACfG,SAEIJ,OACD,IACHI,EAAW,iBAER,IACHA,EAAWD,EAAa,OAAS,iBAE9B,IACHC,EAAWD,EAAa,OAAS,OAI3B,MAAA,GAAAD,WAAkBE,0MAzDfC,EAAAC,EAAAC,EAcJ,IAAAC,SAAAA,GAAW,GAAKC,GAChBC,MAAAA,GAA0CD,GAC1CT,KAAAA,EAAmB,KAAGS,GACtBE,KAAAA,GAAO,GAAKF,SACZG,GAAaH,YACbI,GAA4BJ,YAC5BK,GAAoCL,GACpCM,SAAAA,GAAW,GAAKN,GAChBO,eAAAA,GAAgDP,GAChDQ,gBAAAA,GAAkDR,GAClDS,KAAAA,EAAmB,UAAQT,UAC3BU,GAAcV,QAEnBW,EAAgBC,EAAqBC,ifAE1CC,EAAA,GAAEC,EAAaL,EAAUM,KAAKC,MAAMP,QAA2BQ,uBAC/DJ,EAAA,GAAEK,EAAL,OAAcL,EAAA,GAAdlB,EAAiBmB,eAAAA,EAAYK,mBAA7BxB,GAAAA,uBACGkB,EAAA,GAAEO,EAAL,OAAmBP,EAAA,GAAnBjB,EAAsBkB,eAAAA,EAAYO,oBAAlCzB,EAAAA,EAA8C,4BAC3CiB,EAAA,GAAES,EAAL,OAAgBT,EAAA,GAAhBhB,EAAmBiB,eAAAA,EAAYd,iBAA/BH,EAAAA,EAAwC,WACnCgB,EAAA,GAAAU,EAAYxB,EAAQX,WACpBoC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWpC,6CAsCZ,SACPY,EACA4B,EACAtC,EACAuC,GAEM,MAAAC,GAAW,aAEXC,WArBoB/B,EAAoB4B,GACzC,IAAAA,IAAe5B,QACX,GAGH,MAAAQ,EAAOoB,EAAa,WAAa,eAEnC5B,EACmB,cAAAQ,KAAQR,kBAEVQ,IAWGwB,CAAmBhC,EAAO4B,UAC9CG,GACFD,EAAQG,KAAKF,GAGXzC,GACFwC,EAAQG,KAAI,cAAe3C,KAGzBuC,EACFC,EAAQG,KAAI,mBAEZH,EAAQG,KAAI,kBAGG,SAAb7B,GACF0B,EAAQG,KAAK,qBAGX3B,GACFwB,EAAQG,KAAI,cAAe3B,KAGzBC,GACFuB,EAAQG,KAAI,cAAe1B,KAGtBuB,EAAQI,KAAK"}
1	+ {"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n import Loader from '../loader/Loader.nested.svelte';\n import type {\n ButtonIconMode,\n ButtonSize,\n ButtonTheme,\n ButtonResponsiveSize,\n ButtonResponsiveWidth,\n ButtonType,\n ButtonLoader,\n } from './button.types';\n\n export let bordered = false;\n export let theme: ButtonTheme \| undefined = undefined;\n export let size: ButtonSize = 'm';\n export let full = false;\n export let label: string;\n export let iconname: string \| undefined;\n export let iconmode: ButtonIconMode \| undefined;\n export let disabled = false;\n export let responsivesize: ButtonResponsiveSize = undefined;\n export let responsivewidth: ButtonResponsiveWidth = undefined;\n export let type: ButtonType = 'button';\n export let loader: string;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: loaderOpts = loader ? (JSON.parse(loader) as ButtonLoader) : undefined;\n $: isLoading = loaderOpts?.enabled ?? false;\n $: loaderPosition = loaderOpts?.position ?? 'left';\n $: loaderTheme = loaderOpts?.theme ?? 'primary';\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(\n size: ButtonSize,\n iconMode: ButtonIconMode,\n iconName: string,\n ): string {\n const isIconOnly = iconMode === 'only';\n let iconSize: string;\n\n switch (size) {\n case 's':\n iconSize = '24px';\n break;\n case 'm':\n iconSize = isIconOnly ? '32px' : '24px';\n break;\n case 'l':\n iconSize = isIconOnly ? '100%' : '32px';\n break;\n }\n\n return `${iconName} size=\"${iconSize}\" class=\"no\"`;\n }\n\n function getAppearanceClass(theme: ButtonTheme, isBordered: boolean): string {\n if (!isBordered && !theme) {\n return '';\n }\n\n const type = isBordered ? 'bordered' : 'solid';\n\n if (theme) {\n return `mc-button--${type}-${theme}`;\n }\n return `mc-button--${type}`;\n }\n\n function getClasses(\n theme: ButtonTheme,\n isBordered: boolean,\n size: ButtonSize,\n isFull: boolean,\n ): string {\n const classes = ['mc-button'];\n\n const appearanceClass = getAppearanceClass(theme, isBordered);\n if (appearanceClass) {\n classes.push(appearanceClass);\n }\n\n if (size) {\n classes.push(`mc-button--${size}`);\n }\n\n if (isFull) {\n classes.push(`mc-button--full`);\n } else {\n classes.push(`mc-button--fit`);\n }\n\n if (iconmode === 'only') {\n classes.push('mc-button--square');\n }\n\n if (responsivesize) {\n classes.push(`mc-button--${responsivesize}`);\n }\n\n if (responsivewidth) {\n classes.push(`mc-button--${responsivewidth}`);\n }\n\n return classes.join(' ');\n }\n</script>\n\n<button\n use:forwardEvents\n {type}\n class=\"{getClasses(theme, bordered, size, full)} {userClass}\"\n class:mc-button--square={iconmode}\n {disabled}\n {...attributes}\n>\n {#if iconname && iconmode === 'left'}\n <span class=\"mc-button__icon\">\n {#if isLoading && loaderPosition === 'left'}\n <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n {:else}\n {@html `<${generateIconName(size, iconmode, iconname)} />`}\n {/if}\n </span>\n {/if}\n\n {#if iconname && iconmode === 'only'}\n <span class=\"mc-button__icon\">\n {#if isLoading}\n <Loader size=\"m\" theme={loaderTheme} text=\"\" />\n {:else}\n {@html `<${generateIconName(size, iconmode, iconname)} size=\"100%\" />`}\n {/if}\n </span>\n {:else}\n {#if isLoading && loaderPosition === 'left' && !iconname}\n <span class=\"mc-button__icon\">\n <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n </span>\n {/if}\n <span class=\"mc-button__label\">{label}</span>\n {#if isLoading && loaderPosition === 'right' && !iconname}\n <span class=\"mc-button__icon\">\n <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n </span>\n {/if}\n {/if}\n\n {#if iconname && iconmode === 'right'}\n <span class=\"mc-button__icon\">\n {#if isLoading && loaderPosition === 'right'}\n <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n {:else}\n {@html `<${generateIconName(size, iconmode, iconname)} />`}\n {/if}\n </span>\n {/if}\n</button>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.button';\n\n .mc-button__icon {\n pointer-events: none;\n }\n</style>\n"],"names":["ctx","insert","target","span","anchor","raw_value","generateIconName","dirty","html_tag","p","if_block0","create_if_block_5","if_block1","create_if_block_4","create_if_block_6","create_if_block","button","class","button_class_value","size","iconMode","iconName","isIconOnly","iconSize","_a","_b","_c","bordered","$$props","theme","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader","forwardEvents","createEventForwarder","get_current_component","$$invalidate","loaderOpts","JSON","parse","undefined","isLoading","enabled","loaderPosition","position","loaderTheme","userClass","attributes","Object","assign","$$restProps","isBordered","isFull","classes","appearanceClass","getAppearanceClass","push","join"],"mappings":"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"}

package/public/components/button/Button.svelte CHANGED Viewed

@@ -116,13 +116,14 @@
   use:forwardEvents
   {type}
   class="{getClasses(theme, bordered, size, full)} {userClass}"
+  class:mc-button--square={iconmode}
   {disabled}
   {...attributes}
 >
   {#if iconname && iconmode === 'left'}
     <span class="mc-button__icon">
       {#if isLoading && loaderPosition === 'left'}
-        <Loader size="s" theme={loaderTheme} text="TEST" />
+        <Loader size="s" theme={loaderTheme} text="" />
       {:else}
         {@html `<${generateIconName(size, iconmode, iconname)} />`}
       {/if}

package/public/components/chart/BarChart.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as r,b as s,f as a,s as o,e as i,d as n,T as c,n as l,y as u,g as m,o as d,J as h,a1 as g,t as f,j as p,k as $,K as b,v as x,Z as k}from"../../index-c33b3772.js";import{s as y}from"../../transform-15d69d5d.js";import{E as v}from"../../EventHandler-02058705.js";import{a as w,b as A}from"../../axis-fbc0f7b5.js";import{b as N}from"../../band-d7a07d2c.js";import{l as S}from"../../linear-f46d7e9e.js";function j(t,e,r){const s=t.slice();return s[4]=e[r],s}function E(t){let e,r,a=t[4]+"";return{c(){e=new k(!1),r=b(),e.a=r},m(t,o){e.m(a,t,o),s(t,r,o)},p(t,r){8&r[0]&&a!==(a=t[4]+"")&&e.p(a)},d(t){t&&d(r),t&&e.d()}}}function C(t){let e,r,a,o,g,b,x=function(t){let e,r,a,o=t[2].text+"";return{c(){e=i("div"),r=f(o),m(e,"class","tooltip"),m(e,"style",a=`top: ${t[2].top}px; left: ${t[2].left}px;`)},m(t,a){s(t,e,a),p(e,r)},p(t,s){4&s[0]&&o!==(o=t[2].text+"")&&$(r,o),4&s[0]&&a!==(a=`top: ${t[2].top}px; left: ${t[2].left}px;`)&&m(e,"style",a)},d(t){t&&d(e)}}}(t),k=t[3],y=[];for(let e=0;e<k.length;e+=1)y[e]=E(j(t,k,e));return{c(){e=i("div"),r=n(),x&&x.c(),a=n(),o=i("div");for(let t=0;t<y.length;t+=1)y[t].c();g=n(),b=c("text"),this.c=l,u(e,"background-color",t[0]),u(o,"height","0"),u(o,"width","0"),m(o,"class","pattern")},m(i,n){s(i,e,n),t[18](e),s(i,r,n),x&&x.m(i,n),s(i,a,n),s(i,o,n);for(let t=0;t<y.length;t+=1)y[t]&&y[t].m(o,null);s(i,g,n),s(i,b,n)},p(t,r){if(1&r[0]&&u(e,"background-color",t[0]),x.p(t,r),8&r[0]){let e;for(k=t[3],e=0;e<k.length;e+=1){const s=j(t,k,e);y[e]?y[e].p(s,r):(y[e]=E(s),y[e].c(),y[e].m(o,null))}for(;e<y.length;e+=1)y[e].d(1);y.length=k.length}},i:l,o:l,d(s){s&&d(e),t[18](null),s&&d(r),x&&x.d(s),s&&d(a),s&&d(o),h(y,s),s&&d(g),s&&d(b)}}}function O(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function J(t,e,r){let s,a,o,i,n,{data:c=""}=e,{chartheight:l="300"}=e,{backgroundcolor:u="#fff"}=e,{scalemax:m=50}=e,{scalemin:d=0}=e,{color:h="#0B96CC"}=e,{ticknumbers:f=4}=e,{tickleftformat:p}=e;p=t=>`${t}`;let $,b,k,{tickbottomformat:j=(t=>`${t}`)}=e,{svgs:E}=e,{margins:C}=e,J=!1,R={show:!1,text:"",top:0,left:0,width:0},z=new v;function F(){let t=y(b).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function q(t){return n.map((e=>({key:e,value:t[e].value,customtooltip:t[e].customtooltip})))}function B(t){const e=N().domain(s).range([0,t-(O(C).left/2+O(C).right/2)]).padding(.2),r=S().domain([d,m]).range([a,0]),o=N().domain(n).range([0,e.bandwidth()]).padding(.05);return{x:e,y:r,xSubgroup:o}}function I(t,e,s){k.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>q(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(()=>s(0))).attr("width",e.bandwidth()).attr("height",(()=>a-s(0))).style("fill",(()=>h)).style("cursor","pointer").on("mouseout",((t,e)=>{k.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(2,R.show=!1,R)})).on("mouseover",((t,s)=>{k.selectAll("rect").filter((function(t){return t!=s})).style("opacity",.7);const{left:a,top:o,width:i}=t.target.getBoundingClientRect();console.log(e.bandwidth()),r(2,R={show:!0,text:s.customtooltip?`${s.customtooltip}`:`${s.key} - ${s.value}`,left:a,top:o-50,width:i})})).on("click",((t,e)=>{z.dispatch("bar-clicked",e)})),k.selectAll("rect").transition().duration(800).attr("y",(t=>+t.value<0?s(0):s(+t.value))).attr("height",(t=>+t.value<0?s(+t.value)-s(0):a-s(+t.value+Number(d)))).delay(((t,e)=>100*e))}function D(t,e){k.select(".x-axis").call(w(t).tickFormat(j)),k.select(".y-axis").call(A(e).ticks(f).tickFormat(p));const r=F();k.selectAll(".y-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",r)}function H(){var t;if($){const e=F();null===(t=b.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=B(e);D(r,s),k.selectAll(".bar").data(i).attr("transform",(t=>`translate(${Number(r(t.group))}, 0)`)).selectAll("rect").data((t=>q(t))).attr("x",(t=>a(t.key))).attr("width",a.bandwidth())}}return g((()=>{new ResizeObserver(H).observe(b),r(17,J=!0)})),t.$$set=t=>{"data"in t&&r(6,c=t.data),"chartheight"in t&&r(7,l=t.chartheight),"backgroundcolor"in t&&r(0,u=t.backgroundcolor),"scalemax"in t&&r(8,m=t.scalemax),"scalemin"in t&&r(9,d=t.scalemin),"color"in t&&r(10,h=t.color),"ticknumbers"in t&&r(11,f=t.ticknumbers),"tickleftformat"in t&&r(5,p=t.tickleftformat),"tickbottomformat"in t&&r(12,j=t.tickbottomformat),"svgs"in t&&r(13,E=t.svgs),"margins"in t&&r(14,C=t.margins)},t.$$.update=()=>{64&t.$$.dirty[0]&&r(15,i=c?JSON.parse(c):[]),32768&t.$$.dirty[0]&&(s=i.map((t=>t.group))),32768&t.$$.dirty[0]&&(n=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),128&t.$$.dirty[0]&&(a=parseInt(l,10)),8192&t.$$.dirty[0]&&r(3,o=E?JSON.parse(E):[]),196672&t.$$.dirty[0]&&c.length>0&&J&&($?c!==$&&(!function(){var t;const e=F();null===(t=b.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=B(e);D(r,s),k.selectAll(".bar").remove(),I(r,a,s)}(),r(16,$=c)):(!function(){const t=F(),{x:e,y:s,xSubgroup:o}=B(t);r(4,k=y(b).append("svg").attr("width",t).attr("height",Number(a)+Number(O(C).top)+Number(O(C).bottom)+Number(O(C).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${O(C).left/2+O(C).right/2},${O(C).top})`)),k.append("g").attr("transform",`translate(0, ${Number(a)+Number(O(C).xAxis)})`).call(w(e)).attr("class","x-axis").attr("stroke-width","0"),k.append("g").call(A(s).ticks(f).tickFormat(p)).attr("class","y-axis").attr("stroke-width","0"),I(e,o,s)}(),r(16,$=c)))},[u,b,R,o,k,p,c,l,m,d,h,f,j,E,C,i,$,J,function(t){x[t?"unshift":"push"]((()=>{b=t,r(1,b)}))}]}class R extends t{constructor(t){super();const i=document.createElement("style");i.textContent='.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 1rem;position:absolute}.pattern{z-index:-1;position:relative}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(i),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},J,C,o,{data:6,chartheight:7,backgroundcolor:0,scalemax:8,scalemin:9,color:10,ticknumbers:11,tickleftformat:5,tickbottomformat:12,svgs:13,margins:14},null,[-1,-1]),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","scalemax","scalemin","color","ticknumbers","tickleftformat","tickbottomformat","svgs","margins"]}get data(){return this.$$.ctx[6]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[7]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get scalemax(){return this.$$.ctx[8]}set scalemax(t){this.$$set({scalemax:t}),a()}get scalemin(){return this.$$.ctx[9]}set scalemin(t){this.$$set({scalemin:t}),a()}get color(){return this.$$.ctx[10]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[11]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[5]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[12]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[14]}set margins(t){this.$$set({margins:t}),a()}}export{R as default};
+import{S as t,i as e,a as r,b as s,f as a,s as o,e as i,d as n,T as c,n as l,y as u,g as m,o as d,J as h,a1 as g,t as f,j as p,k as $,K as b,v as x,Z as k}from"../../index-c33b3772.js";import{s as y}from"../../transform-15d69d5d.js";import{E as v}from"../../EventHandler-02058705.js";import{a as w,b as A}from"../../axis-fbc0f7b5.js";import{b as N}from"../../band-d7a07d2c.js";import{l as S}from"../../linear-f46d7e9e.js";function j(t,e,r){const s=t.slice();return s[4]=e[r],s}function E(t){let e,r,a,o=t[2].text+"";return{c(){e=i("div"),r=f(o),m(e,"class","tooltip"),m(e,"style",a=`top: ${t[2].top}px; left: ${t[2].left}px;`)},m(t,a){s(t,e,a),p(e,r)},p(t,s){4&s[0]&&o!==(o=t[2].text+"")&&$(r,o),4&s[0]&&a!==(a=`top: ${t[2].top}px; left: ${t[2].left}px;`)&&m(e,"style",a)},d(t){t&&d(e)}}}function C(t){let e,r,a=t[4]+"";return{c(){e=new k(!1),r=b(),e.a=r},m(t,o){e.m(a,t,o),s(t,r,o)},p(t,r){8&r[0]&&a!==(a=t[4]+"")&&e.p(a)},d(t){t&&d(r),t&&e.d()}}}function O(t){let e,r,a,o,g,f,p=t[2].show&&E(t),$=t[3],b=[];for(let e=0;e<$.length;e+=1)b[e]=C(j(t,$,e));return{c(){e=i("div"),r=n(),p&&p.c(),a=n(),o=i("div");for(let t=0;t<b.length;t+=1)b[t].c();g=n(),f=c("text"),this.c=l,u(e,"background-color",t[0]),u(o,"height","0"),u(o,"width","0"),m(o,"class","pattern")},m(i,n){s(i,e,n),t[18](e),s(i,r,n),p&&p.m(i,n),s(i,a,n),s(i,o,n);for(let t=0;t<b.length;t+=1)b[t]&&b[t].m(o,null);s(i,g,n),s(i,f,n)},p(t,r){if(1&r[0]&&u(e,"background-color",t[0]),t[2].show?p?p.p(t,r):(p=E(t),p.c(),p.m(a.parentNode,a)):p&&(p.d(1),p=null),8&r[0]){let e;for($=t[3],e=0;e<$.length;e+=1){const s=j(t,$,e);b[e]?b[e].p(s,r):(b[e]=C(s),b[e].c(),b[e].m(o,null))}for(;e<b.length;e+=1)b[e].d(1);b.length=$.length}},i:l,o:l,d(s){s&&d(e),t[18](null),s&&d(r),p&&p.d(s),s&&d(a),s&&d(o),h(b,s),s&&d(g),s&&d(f)}}}function J(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function R(t,e,r){let s,a,o,i,n,{data:c=""}=e,{chartheight:l="300"}=e,{backgroundcolor:u="#fff"}=e,{scalemax:m=50}=e,{scalemin:d=0}=e,{color:h="#0B96CC"}=e,{ticknumbers:f=4}=e,{tickleftformat:p}=e;p=t=>`${t}`;let $,b,k,{tickbottomformat:j=(t=>`${t}`)}=e,{svgs:E}=e,{margins:C}=e,O=!1,R={show:!1,text:"",top:0,left:0,width:0},z=new v;function F(){let t=y(b).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function q(t){return n.map((e=>({key:e,value:t[e].value,customtooltip:t[e].customtooltip})))}function B(t){const e=N().domain(s).range([0,t-(J(C).left/2+J(C).right/2)]).padding(.2),r=S().domain([d,m]).range([a,0]),o=N().domain(n).range([0,e.bandwidth()]).padding(.05);return{x:e,y:r,xSubgroup:o}}function I(t,e,s){k.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>q(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(()=>s(0))).attr("width",e.bandwidth()).attr("height",(()=>a-s(0))).style("fill",(()=>h)).style("cursor","pointer").on("mouseout",((t,e)=>{k.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(2,R.show=!1,R)})).on("mouseover",((t,s)=>{k.selectAll("rect").filter((function(t){return t!=s})).style("opacity",.7);const{left:a,top:o,width:i}=t.target.getBoundingClientRect();console.log(e.bandwidth()),r(2,R={show:!0,text:s.customtooltip?`${s.customtooltip}`:`${s.key} - ${s.value}`,left:a,top:o-50,width:i})})).on("click",((t,e)=>{z.dispatch("bar-clicked",e)})),k.selectAll("rect").transition().duration(800).attr("y",(t=>+t.value<0?s(0):s(+t.value))).attr("height",(t=>+t.value<0?s(+t.value)-s(0):a-s(+t.value+Number(d)))).delay(((t,e)=>100*e))}function D(t,e){k.select(".x-axis").call(w(t).tickFormat(j)),k.select(".y-axis").call(A(e).ticks(f).tickFormat(p));const r=F();k.selectAll(".y-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",r)}function H(){var t;if($){const e=F();null===(t=b.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=B(e);D(r,s),k.selectAll(".bar").data(i).attr("transform",(t=>`translate(${Number(r(t.group))}, 0)`)).selectAll("rect").data((t=>q(t))).attr("x",(t=>a(t.key))).attr("width",a.bandwidth())}}return g((()=>{new ResizeObserver(H).observe(b),r(17,O=!0)})),t.$$set=t=>{"data"in t&&r(6,c=t.data),"chartheight"in t&&r(7,l=t.chartheight),"backgroundcolor"in t&&r(0,u=t.backgroundcolor),"scalemax"in t&&r(8,m=t.scalemax),"scalemin"in t&&r(9,d=t.scalemin),"color"in t&&r(10,h=t.color),"ticknumbers"in t&&r(11,f=t.ticknumbers),"tickleftformat"in t&&r(5,p=t.tickleftformat),"tickbottomformat"in t&&r(12,j=t.tickbottomformat),"svgs"in t&&r(13,E=t.svgs),"margins"in t&&r(14,C=t.margins)},t.$$.update=()=>{64&t.$$.dirty[0]&&r(15,i=c?JSON.parse(c):[]),32768&t.$$.dirty[0]&&(s=i.map((t=>t.group))),32768&t.$$.dirty[0]&&(n=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),128&t.$$.dirty[0]&&(a=parseInt(l,10)),8192&t.$$.dirty[0]&&r(3,o=E?JSON.parse(E):[]),196672&t.$$.dirty[0]&&c.length>0&&O&&($?c!==$&&(!function(){var t;const e=F();null===(t=b.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=B(e);D(r,s),k.selectAll(".bar").remove(),I(r,a,s)}(),r(16,$=c)):(!function(){const t=F(),{x:e,y:s,xSubgroup:o}=B(t);r(4,k=y(b).append("svg").attr("width",t).attr("height",Number(a)+Number(J(C).top)+Number(J(C).bottom)+Number(J(C).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${J(C).left/2+J(C).right/2},${J(C).top})`)),k.append("g").attr("transform",`translate(0, ${Number(a)+Number(J(C).xAxis)})`).call(w(e)).attr("class","x-axis").attr("stroke-width","0"),k.append("g").call(A(s).ticks(f).tickFormat(p)).attr("class","y-axis").attr("stroke-width","0"),I(e,o,s)}(),r(16,$=c)))},[u,b,R,o,k,p,c,l,m,d,h,f,j,E,C,i,$,O,function(t){x[t?"unshift":"push"]((()=>{b=t,r(1,b)}))}]}class z extends t{constructor(t){super();const i=document.createElement("style");i.textContent='.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 1rem;position:absolute}.pattern{z-index:-1;position:relative}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(i),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},R,O,o,{data:6,chartheight:7,backgroundcolor:0,scalemax:8,scalemin:9,color:10,ticknumbers:11,tickleftformat:5,tickbottomformat:12,svgs:13,margins:14},null,[-1,-1]),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","scalemax","scalemin","color","ticknumbers","tickleftformat","tickbottomformat","svgs","margins"]}get data(){return this.$$.ctx[6]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[7]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get scalemax(){return this.$$.ctx[8]}set scalemax(t){this.$$set({scalemax:t}),a()}get scalemin(){return this.$$.ctx[9]}set scalemin(t){this.$$set({scalemin:t}),a()}get color(){return this.$$.ctx[10]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[11]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[5]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[12]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[14]}set margins(t){this.$$set({margins:t}),a()}}export{z as default};
 //# sourceMappingURL=BarChart.js.map

package/public/components/chart/BarChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BarChart.js","sources":["../../../src/components/chart/BarChart.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n select,\n scaleBand,\n scaleLinear,\n axisBottom,\n axisLeft,\n Selection,\n ScaleBand,\n ScaleLinear,\n } from 'd3';\n import { onMount } from 'svelte';\n import type { BarData, BarKeyValue, BarMargin } from './bar-chart.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let data = '';\n let parsedData: BarData[];\n let subgroups: string[];\n $: parsedData = data ? (JSON.parse(data) as BarData[]) : [];\n $: groups = parsedData.map((d: BarData) => 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 scalemin = 0;\n export let color = '#0B96CC';\n export let ticknumbers = 4;\n export let tickleftformat: (d: number, i: number) => string;\n tickleftformat = (d) => `${d}`;\n export let tickbottomformat: (d: number, i: number) => string = (d) => `${d}`;\n\n export let svgs: string;\n $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];\n\n export let margins: string;\n\n let _data: string;\n let chart: HTMLDivElement;\n let svg: Selection<SVGGElement, any, any, any>;\n let hasMounted = false;\n let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };\n let eventHandler = new EventHandler();\n\n $: if (data.length > 0 && hasMounted) {\n if (!_data) {\n render();\n _data = data;\n } else if (data !== _data) {\n update();\n _data = data;\n }\n }\n\n function getParsedMargins(margins: string): BarMargin {\n if (margins) return JSON.parse(margins) as BarMargin;\n else\n return {\n top: 10,\n right: 40,\n bottom: 20,\n left: 60,\n xAxis: 20,\n } as BarMargin;\n }\n\n function getChartWidth() {\n let chartWidth = select(chart).style('width');\n if (chartWidth === '' \|\| !chartWidth) {\n chartWidth = `${window.innerWidth / 2}`;\n }\n return parseInt(chartWidth);\n }\n\n function getBarKeyValue(d: BarData): BarKeyValue[] {\n return subgroups.map((key) => ({\n key: key,\n value: d[key].value,\n customtooltip: d[key].customtooltip,\n }));\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([scalemin, scalemax]).range([height, 0]);\n const xSubgroup = scaleBand()\n .domain(subgroups)\n .range([0, x.bandwidth()])\n .padding(0.05);\n return { x, y, xSubgroup };\n }\n\n function addRectandles(\n x: ScaleBand<string>,\n xSubgroup: ScaleBand<string>,\n y: ScaleLinear<number, number, never>,\n ) {\n svg\n .append('g')\n .selectAll('g')\n .data(parsedData)\n .join('g')\n .attr('transform', (d) => `translate(${String(x(d.group))}, 0)`)\n .attr('class', 'bar')\n .selectAll('rect')\n .data((d) => getBarKeyValue(d))\n .join('rect')\n .attr('x', (d) => xSubgroup(d.key)!)\n .attr('y', () => y(0))\n .attr('width', xSubgroup.bandwidth())\n .attr('height', () => height - y(0))\n .style('fill', () => color)\n .style('cursor', 'pointer')\n .on('mouseout', (_e: MouseEvent, chartEvent: BarKeyValue) => {\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: BarKeyValue) => {\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 console.log(xSubgroup.bandwidth());\n tooltipData = {\n show: true,\n text: chartEvent.customtooltip\n ? `${chartEvent.customtooltip}`\n : `${chartEvent.key} - ${chartEvent.value}`,\n left: left,\n top: top - 50,\n width,\n };\n })\n .on('click', (_e: MouseEvent, chartEvent: BarKeyValue) => {\n eventHandler.dispatch('bar-clicked', chartEvent);\n });\n\n svg\n .selectAll<SVGElement, BarKeyValue>('rect')\n .transition()\n .duration(800)\n .attr('y', (d) => (+d.value < 0 ? y(0) : y(+d.value)))\n .attr('height', (d) =>\n +d.value < 0\n ? y(+d.value) - y(0)\n : height - y(+d.value + Number(scalemin)),\n )\n .delay((_d, i) => i * 100);\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, xSubgroup } = getAxes(width);\n\n svg = select<HTMLElement, any>(chart)\n .append('svg')\n .attr('width', width)\n .attr(\n 'height',\n Number(height) +\n Number(getParsedMargins(margins).top) +\n Number(getParsedMargins(margins).bottom) +\n Number(getParsedMargins(margins).xAxis),\n )\n .attr('id', 'svg-chart')\n .append('g')\n .attr(\n 'transform',\n `translate(${\n getParsedMargins(margins).left / 2 +\n getParsedMargins(margins).right / 2\n },${getParsedMargins(margins).top})`,\n );\n\n svg\n .append('g')\n .attr(\n 'transform',\n `translate(0, ${\n Number(height) + Number(getParsedMargins(margins).xAxis)\n })`,\n )\n .call(axisBottom(x))\n .attr('class', 'x-axis')\n .attr('stroke-width', '0');\n\n svg\n .append('g')\n // 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 .attr('class', 'y-axis')\n .attr('stroke-width', '0');\n\n addRectandles(x, xSubgroup, y);\n }\n\n function update() {\n const width = getChartWidth();\n chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n const { x, y, xSubgroup } = getAxes(width);\n updateAxes(x, y);\n svg.selectAll('.bar').remove();\n addRectandles(x, xSubgroup, 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, xSubgroup } = getAxes(width);\n updateAxes(x, y);\n\n svg\n .selectAll('.bar')\n .data(parsedData)\n .attr('transform', (d) => `translate(${Number(x(d.group))}, 0)`)\n .selectAll<SVGElement, BarKeyValue>('rect')\n .data((d) => getBarKeyValue(d))\n .attr('x', (d) => xSubgroup(d.key)!)\n .attr('width', xSubgroup.bandwidth());\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{#if true}\n <div\n class=\"tooltip\"\n style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px;`}\n >\n {tooltipData.text}\n </div>\n{/if}\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 .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: $mu050 $mu100;\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":["ctx","html_tag","p","raw_value","t_value","text","attr","div","div_style_value","top","left","insert","target","anchor","dirty","set_data","t","create_if_block","length","i","div0","div1","text_1","if_block","getParsedMargins","margins","JSON","parse","right","bottom","xAxis","parsedData","subgroups","data","$$props","chartheight","backgroundcolor","scalemax","scalemin","color","ticknumbers","tickleftformat","d","_data","chart","svg","tickbottomformat","svgs","hasMounted","tooltipData","show","width","eventHandler","EventHandler","getChartWidth","chartWidth","select","style","window","innerWidth","parseInt","getBarKeyValue","map","key","value","customtooltip","getAxes","x","scaleBand","domain","groups","range","padding","y","scaleLinear","height","xSubgroup","bandwidth","addRectandles","append","selectAll","join","String","group","on","_e","chartEvent","filter","arc","e","getBoundingClientRect","console","log","dispatch","transition","duration","Number","delay","_d","updateAxes","call","axisBottom","tickFormat","axisLeft","ticks","resize","_a","querySelector","setAttribute","onMount","ResizeObserver","observe","$$invalidate","Object","keys","parsedSvgs","remove","update","render","$$value"],"mappings":"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"}
1	+ {"version":3,"file":"BarChart.js","sources":["../../../src/components/chart/BarChart.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n select,\n scaleBand,\n scaleLinear,\n axisBottom,\n axisLeft,\n Selection,\n ScaleBand,\n ScaleLinear,\n } from 'd3';\n import { onMount } from 'svelte';\n import type { BarData, BarKeyValue, BarMargin } from './bar-chart.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let data = '';\n let parsedData: BarData[];\n let subgroups: string[];\n $: parsedData = data ? (JSON.parse(data) as BarData[]) : [];\n $: groups = parsedData.map((d: BarData) => 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 scalemin = 0;\n export let color = '#0B96CC';\n export let ticknumbers = 4;\n export let tickleftformat: (d: number, i: number) => string;\n tickleftformat = (d) => `${d}`;\n export let tickbottomformat: (d: number, i: number) => string = (d) => `${d}`;\n\n export let svgs: string;\n $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];\n\n export let margins: string;\n\n let _data: string;\n let chart: HTMLDivElement;\n let svg: Selection<SVGGElement, any, any, any>;\n let hasMounted = false;\n let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };\n let eventHandler = new EventHandler();\n\n $: if (data.length > 0 && hasMounted) {\n if (!_data) {\n render();\n _data = data;\n } else if (data !== _data) {\n update();\n _data = data;\n }\n }\n\n function getParsedMargins(margins: string): BarMargin {\n if (margins) return JSON.parse(margins) as BarMargin;\n else\n return {\n top: 10,\n right: 40,\n bottom: 20,\n left: 60,\n xAxis: 20,\n } as BarMargin;\n }\n\n function getChartWidth() {\n let chartWidth = select(chart).style('width');\n if (chartWidth === '' \|\| !chartWidth) {\n chartWidth = `${window.innerWidth / 2}`;\n }\n return parseInt(chartWidth);\n }\n\n function getBarKeyValue(d: BarData): BarKeyValue[] {\n return subgroups.map((key) => ({\n key: key,\n value: d[key].value,\n customtooltip: d[key].customtooltip,\n }));\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([scalemin, scalemax]).range([height, 0]);\n const xSubgroup = scaleBand()\n .domain(subgroups)\n .range([0, x.bandwidth()])\n .padding(0.05);\n return { x, y, xSubgroup };\n }\n\n function addRectandles(\n x: ScaleBand<string>,\n xSubgroup: ScaleBand<string>,\n y: ScaleLinear<number, number, never>,\n ) {\n svg\n .append('g')\n .selectAll('g')\n .data(parsedData)\n .join('g')\n .attr('transform', (d) => `translate(${String(x(d.group))}, 0)`)\n .attr('class', 'bar')\n .selectAll('rect')\n .data((d) => getBarKeyValue(d))\n .join('rect')\n .attr('x', (d) => xSubgroup(d.key)!)\n .attr('y', () => y(0))\n .attr('width', xSubgroup.bandwidth())\n .attr('height', () => height - y(0))\n .style('fill', () => color)\n .style('cursor', 'pointer')\n .on('mouseout', (_e: MouseEvent, chartEvent: BarKeyValue) => {\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: BarKeyValue) => {\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 console.log(xSubgroup.bandwidth());\n tooltipData = {\n show: true,\n text: chartEvent.customtooltip\n ? `${chartEvent.customtooltip}`\n : `${chartEvent.key} - ${chartEvent.value}`,\n left: left,\n top: top - 50,\n width,\n };\n })\n .on('click', (_e: MouseEvent, chartEvent: BarKeyValue) => {\n eventHandler.dispatch('bar-clicked', chartEvent);\n });\n\n svg\n .selectAll<SVGElement, BarKeyValue>('rect')\n .transition()\n .duration(800)\n .attr('y', (d) => (+d.value < 0 ? y(0) : y(+d.value)))\n .attr('height', (d) =>\n +d.value < 0\n ? y(+d.value) - y(0)\n : height - y(+d.value + Number(scalemin)),\n )\n .delay((_d, i) => i * 100);\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, xSubgroup } = getAxes(width);\n\n svg = select<HTMLElement, any>(chart)\n .append('svg')\n .attr('width', width)\n .attr(\n 'height',\n Number(height) +\n Number(getParsedMargins(margins).top) +\n Number(getParsedMargins(margins).bottom) +\n Number(getParsedMargins(margins).xAxis),\n )\n .attr('id', 'svg-chart')\n .append('g')\n .attr(\n 'transform',\n `translate(${\n getParsedMargins(margins).left / 2 +\n getParsedMargins(margins).right / 2\n },${getParsedMargins(margins).top})`,\n );\n\n svg\n .append('g')\n .attr(\n 'transform',\n `translate(0, ${\n Number(height) + Number(getParsedMargins(margins).xAxis)\n })`,\n )\n .call(axisBottom(x))\n .attr('class', 'x-axis')\n .attr('stroke-width', '0');\n\n svg\n .append('g')\n // 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 .attr('class', 'y-axis')\n .attr('stroke-width', '0');\n\n addRectandles(x, xSubgroup, y);\n }\n\n function update() {\n const width = getChartWidth();\n chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n const { x, y, xSubgroup } = getAxes(width);\n updateAxes(x, y);\n svg.selectAll('.bar').remove();\n addRectandles(x, xSubgroup, 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, xSubgroup } = getAxes(width);\n updateAxes(x, y);\n\n svg\n .selectAll('.bar')\n .data(parsedData)\n .attr('transform', (d) => `translate(${Number(x(d.group))}, 0)`)\n .selectAll<SVGElement, BarKeyValue>('rect')\n .data((d) => getBarKeyValue(d))\n .attr('x', (d) => xSubgroup(d.key)!)\n .attr('width', xSubgroup.bandwidth());\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{#if tooltipData.show}\n <div\n class=\"tooltip\"\n style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px;`}\n >\n {tooltipData.text}\n </div>\n{/if}\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 .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: $mu050 $mu100;\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":["t_value","ctx","text","attr","div","div_style_value","top","left","insert","target","anchor","dirty","set_data","t","html_tag","p","raw_value","if_block","show","create_if_block","length","i","div0","div1","text_1","getParsedMargins","margins","JSON","parse","right","bottom","xAxis","parsedData","subgroups","data","$$props","chartheight","backgroundcolor","scalemax","scalemin","color","ticknumbers","tickleftformat","d","_data","chart","svg","tickbottomformat","svgs","hasMounted","tooltipData","width","eventHandler","EventHandler","getChartWidth","chartWidth","select","style","window","innerWidth","parseInt","getBarKeyValue","map","key","value","customtooltip","getAxes","x","scaleBand","domain","groups","range","padding","y","scaleLinear","height","xSubgroup","bandwidth","addRectandles","append","selectAll","join","String","group","on","_e","chartEvent","filter","arc","e","getBoundingClientRect","console","log","dispatch","transition","duration","Number","delay","_d","updateAxes","call","axisBottom","tickFormat","axisLeft","ticks","resize","_a","querySelector","setAttribute","onMount","ResizeObserver","observe","$$invalidate","Object","keys","parsedSvgs","remove","update","render","$$value"],"mappings":"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"}

package/public/components/checkbox/Checkbox.js CHANGED Viewed

@@ -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,n as s,g as l,h as m,j as b,B as h,l as g,I as p,m as u,o as x,H as k,p as _,r as f,q as M,t as I,k as v}from"../../index-c33b3772.js";import{E as w}from"../../EventHandler-02058705.js";import{c as y}from"../../EventForward-8492ff62.js";function A(e){let i,c;return{c(){i=r("label"),c=I(e[5]),l(i,"for",e[0]),l(i,"class","mc-checkbox__label")},m(e,n){t(e,i,n),b(i,c)},p(e,t){32&t&&v(c,e[5]),1&t&&l(i,"for",e[0])},d(e){e&&x(i)}}}function Z(e){let i,c,n,o,_,f,M,I=e[5]&&A(e),v=[{class:_="mc-checkbox "+e[7]},e[6]],w={};for(let e=0;e<v.length;e+=1)w=a(w,v[e]);return{c(){i=r("div"),c=r("input"),o=d(),I&&I.c(),this.c=s,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,w)},m(n,a){t(n,i,a),b(i,c),b(i,o),I&&I.m(i,null),f||(M=[h(e[8].call(null,c)),g(c,"change",p(e[9]))],f=!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]?I?I.p(e,t):(I=A(e),I.c(),I.m(i,null)):I&&(I.d(1),I=null),m(i,w=u(v,[128&t&&_!==(_="mc-checkbox "+e[7])&&{class:_},64&t&&e[6]]))},i:s,o:s,d(e){e&&x(i),I&&I.d(),f=!1,k(M)}}}function $(e,i,c){let t,n,o;const r=["name","checked","indeterminate","disabled","isinvalid","label"];let d=_(i,r),{name:s}=i,{checked:l}=i,{indeterminate:m}=i,{disabled:b=!1}=i,{isinvalid:h=!1}=i,{label:g}=i;const p=y(f());let u=new w;return e.$$set=e=>{c(13,i=a(a({},i),M(e))),c(12,d=_(i,r)),"name"in e&&c(0,s=e.name),"checked"in e&&c(1,l=e.checked),"indeterminate"in e&&c(2,m=e.indeterminate),"disabled"in e&&c(3,b=e.disabled),"isinvalid"in e&&c(4,h=e.isinvalid),"label"in e&&c(5,g=e.label)},e.$$.update=()=>{2&e.$$.dirty&&(t=!!l),c(7,n=i.class),c(6,o=Object.assign({},d)),64&e.$$.dirty&&delete o.class},i=M(i),[s,l,m,b,h,g,o,n,p,function(){t=!t,u.dispatch("change",t)}]}class j 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 #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 #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:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.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{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},$,Z,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{j 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 l,g as d,h as m,j as h,B as b,l as p,I as f,m as u,o as k,H as _,p as x,r as g,q as v,t as w,k as $}from"../../index-c33b3772.js";import{E as y}from"../../EventHandler-02058705.js";import{c as E}from"../../EventForward-8492ff62.js";function C(e){let i,c;return{c(){i=r("label"),c=w(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&&$(c,e[5]),1&t&&d(i,"for",e[0])},d(e){e&&k(i)}}}function z(e){let i,c,n,o,x,g,v,w=e[5]&&C(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=C(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&&k(i),w&&w.d(),g=!1,_(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=E(g());let u=new y;return e.$$set=e=>{c(13,i=a(a({},i),v(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=v(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 #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 #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:#46a610;border-color:#46a610;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:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.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,z,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/components/checkbox/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let name: string;\n export let checked: boolean;\n export let indeterminate: boolean;\n export let disabled = false;\n export let isinvalid = false;\n export let label: string;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: isChecked = checked ? true : false;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n let eventHandler = new EventHandler();\n\n function handleChange(): void {\n isChecked = !isChecked;\n eventHandler.dispatch('change', isChecked);\n }\n</script>\n\n<div class=\"mc-checkbox {userClass}\" {...attributes}>\n <input\n use:forwardEvents\n id={name}\n type=\"checkbox\"\n class=\"mc-checkbox__input {isinvalid ? ' is-invalid' : ''}\"\n aria-invalid={isinvalid}\n {name}\n {checked}\n {disabled}\n {indeterminate}\n on:change\|stopPropagation={handleChange}\n />\n {#if label}\n <label for={name} class=\"mc-checkbox__label\">{label}</label>\n {/if}\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","label_1","anchor","create_if_block","div","append","input","class","div_class_value","name","$$props","checked","indeterminate","disabled","isinvalid","label","forwardEvents","createEventForwarder","get_current_component","eventHandler","EventHandler","isChecked","$$invalidate","userClass","attributes","Object","assign","$$restProps","dispatch"],"mappings":"~~2VAyCkDA~~,EAAK,cAAvCA,EAAI,8CAAhBC,EAA2DC,EAAAC,EAAAC,4BAAbJ,EAAK,mBAAvCA,EAAI,sDADbA,EAAK,IAAAK,EAAAL,8BAbaA,EAAS,IAAOA,EAAU,qHAG3CA,EAAI,gEAEmBA,EAAS,GAAG,cAAgB,wBACzCA,EAAS,wFAN3BC,EAgBKC,EAAAI,EAAAF,GAfHG,EAWCD,EAAAE,oEAD4BR,EAAY,oCARnCA,EAAI,wCAEmBA,EAAS,GAAG,cAAgB,8CACzCA,EAAS,mGAOpBA,EAAK,oGAbaA,EAAS,KAAA,CAAAS,MAAAC,SAAOV,EAAU,0KArBtCW,GAAYC,WACZC,GAAgBD,iBAChBE,GAAsBF,GACtBG,SAAAA,GAAW,GAAKH,GAChBI,UAAAA,GAAY,GAAKJ,SACjBK,GAAaL,QAElBM,EAAgBC,EAAqBC,KAMvC,IAAAC,MAAmBC,qSAJpBC,IAAYV,GACZW,EAAA,EAAAC,EAAYb,EAAQH,WACpBiB,EAALC,OAAAC,UAAuBC,0BACXH,EAAWjB,4CAInBc,GAAaA,EACbF,EAAaS,SAAS,SAAUP"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let name: string;\n export let checked: boolean;\n export let indeterminate: boolean;\n export let disabled = false;\n export let isinvalid = false;\n export let label: string;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: isChecked = checked ? true : false;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n let eventHandler = new EventHandler();\n\n function handleChange(): void {\n isChecked = !isChecked;\n eventHandler.dispatch('change', isChecked);\n }\n</script>\n\n<div class=\"mc-checkbox {userClass}\" {...attributes}>\n <input\n use:forwardEvents\n id={name}\n type=\"checkbox\"\n class=\"mc-checkbox__input {isinvalid ? ' is-invalid' : ''}\"\n aria-invalid={isinvalid}\n {name}\n {checked}\n {disabled}\n {indeterminate}\n on:change\|stopPropagation={handleChange}\n />\n {#if label}\n <label for={name} class=\"mc-checkbox__label\">{label}</label>\n {/if}\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","label_1","anchor","create_if_block","div","append","input","class","div_class_value","name","$$props","checked","indeterminate","disabled","isinvalid","label","forwardEvents","createEventForwarder","get_current_component","eventHandler","EventHandler","isChecked","$$invalidate","userClass","attributes","Object","assign","$$restProps","dispatch"],"mappings":"gWAyCkDA,EAAK,cAAvCA,EAAI,8CAAhBC,EAA2DC,EAAAC,EAAAC,4BAAbJ,EAAK,mBAAvCA,EAAI,sDADbA,EAAK,IAAAK,EAAAL,8BAbaA,EAAS,IAAOA,EAAU,qHAG3CA,EAAI,gEAEmBA,EAAS,GAAG,cAAgB,wBACzCA,EAAS,wFAN3BC,EAgBKC,EAAAI,EAAAF,GAfHG,EAWCD,EAAAE,oEAD4BR,EAAY,oCARnCA,EAAI,wCAEmBA,EAAS,GAAG,cAAgB,8CACzCA,EAAS,mGAOpBA,EAAK,oGAbaA,EAAS,KAAA,CAAAS,MAAAC,SAAOV,EAAU,0KArBtCW,GAAYC,WACZC,GAAgBD,iBAChBE,GAAsBF,GACtBG,SAAAA,GAAW,GAAKH,GAChBI,UAAAA,GAAY,GAAKJ,SACjBK,GAAaL,QAElBM,EAAgBC,EAAqBC,KAMvC,IAAAC,MAAmBC,qSAJpBC,IAAYV,GACZW,EAAA,EAAAC,EAAYb,EAAQH,WACpBiB,EAALC,OAAAC,UAAuBC,0BACXH,EAAWjB,4CAInBc,GAAaA,EACbF,EAAaS,SAAS,SAAUP"}

package/public/components/checkboxgroup/checkboxGroup.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i,a as c,b as n,f as o,s as t,c as r,e as d,d as l,n as a,g as s,h as m,j as b,a2 as h,m as g,o as p,p as u,a1 as _,q as f,t as x,k,l as M,a3 as I}from"../../index-c33b3772.js";import{E as v}from"../../EventHandler-02058705.js";function w(e,i,c){const n=e.slice();return n[10]=i[c],n}function y(e){let i,c;return{c(){i=d("legend"),c=x(e[1]),s(i,"class","mc-field__legend")},m(e,o){n(e,i,o),b(i,c)},p(e,i){2&i&&k(c,e[1])},d(e){e&&p(i)}}}function A(e){let i,c,o,t=e[10].label+"";return{c(){i=d("label"),c=x(t),s(i,"for",o=e[10].id),s(i,"class","mc-checkbox__label")},m(e,o){n(e,i,o),b(i,c)},p(e,n){8&n&&t!==(t=e[10].label+"")&&k(c,t),8&n&&o!==(o=e[10].id)&&s(i,"for",o)},d(e){e&&p(i)}}}function Z(e,i){let c,o,t,r,a,m,h,g,u,_,f,x,k,I;function v(){return i[7](i[10])}let w=i[10].label&&A(i);return{key:e,first:null,c(){c=d("div"),o=d("input"),_=l(),w&&w.c(),f=l(),s(o,"type","checkbox"),s(o,"class",t="mc-checkbox__input "+(i[10].isinvalid?" is-invalid":"")),s(o,"id",r=i[10].id),s(o,"name",a=i[10].name),o.checked=m=i[10].checked,o.disabled=h=i[10].disabled,o.indeterminate=g=i[10].indeterminate,s(o,"aria-invalid",u=i[10].isinvalid),s(c,"class",x="mc-checkbox mc-field__item "+i[5].class),this.first=c},m(e,i){n(e,c,i),b(c,o),b(c,_),w&&w.m(c,null),b(c,f),k||(I=M(o,"click",v),k=!0)},p(e,n){i=e,8&n&&t!==(t="mc-checkbox__input "+(i[10].isinvalid?" is-invalid":""))&&s(o,"class",t),8&n&&r!==(r=i[10].id)&&s(o,"id",r),8&n&&a!==(a=i[10].name)&&s(o,"name",a),8&n&&m!==(m=i[10].checked)&&(o.checked=m),8&n&&h!==(h=i[10].disabled)&&(o.disabled=h),8&n&&g!==(g=i[10].indeterminate)&&(o.indeterminate=g),8&n&&u!==(u=i[10].isinvalid)&&s(o,"aria-invalid",u),i[10].label?w?w.p(i,n):(w=A(i),w.c(),w.m(c,f)):w&&(w.d(1),w=null),32&n&&x!==(x="mc-checkbox mc-field__item "+i[5].class)&&s(c,"class",x)},d(e){e&&p(c),w&&w.d(),k=!1,I()}}}function j(e){let i,c,o,t,u=[],_=new Map,f=e[1]&&e[1].length&&y(e),x=e[3];const k=e=>e[10].id;for(let i=0;i<x.length;i+=1){let c=w(e,x,i),n=k(c);_.set(n,u[i]=Z(n,c))}let M=[{id:e[0]},{class:"checkbox-group-container"},e[2]],v={};for(let e=0;e<M.length;e+=1)v=r(v,M[e]);return{c(){i=d("div"),c=d("fieldset"),f&&f.c(),o=l(),t=d("div");for(let e=0;e<u.length;e+=1)u[e].c();this.c=a,s(t,"class","mc-field__container"),s(c,"class","mc-field mc-field--group"),m(i,v)},m(e,r){n(e,i,r),b(i,c),f&&f.m(c,null),b(c,o),b(c,t);for(let e=0;e<u.length;e+=1)u[e]&&u[e].m(t,null)},p(e,[n]){e[1]&&e[1].length?f?f.p(e,n):(f=y(e),f.c(),f.m(c,o)):f&&(f.d(1),f=null),56&n&&(x=e[3],u=h(u,n,k,1,e,x,_,t,I,Z,null,w)),m(i,v=g(M,[1&n&&{id:e[0]},{class:"checkbox-group-container"},4&n&&e[2]]))},i:a,o:a,d(e){e&&p(i),f&&f.d();for(let e=0;e<u.length;e+=1)u[e].d()}}}function D(e,i,c){let n,o;const t=["id","options","legend"];let d=u(i,t),{id:l}=i,{options:a}=i,{legend:s}=i,m=new v;function b(e){n&&n.length&&(c(3,n=n.map((i=>{const c=i.value===e?!i.checked:i.checked;return Object.assign(Object.assign({},i),{checked:c})}))),m.dispatch("change",e))}_((()=>{b("")}));return e.$$set=e=>{c(5,i=r(r({},i),f(e))),c(9,d=u(i,t)),"id"in e&&c(0,l=e.id),"options"in e&&c(6,a=e.options),"legend"in e&&c(1,s=e.legend)},e.$$.update=()=>{64&e.$$.dirty&&c(3,n=a?JSON.parse(a):[]),c(2,o=Object.assign({},d)),4&e.$$.dirty&&delete o.class},i=f(i),[l,s,o,n,b,i,a,e=>b(e.value)]}class G 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 #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 #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:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.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{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--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){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},D,j,t,{id:0,options:6,legend:1},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["id","options","legend"]}get id(){return this.$$.ctx[0]}set id(e){this.$$set({id:e}),o()}get options(){return this.$$.ctx[6]}set options(e){this.$$set({options:e}),o()}get legend(){return this.$$.ctx[1]}set legend(e){this.$$set({legend:e}),o()}}export{G 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,g as d,h as m,j as h,a2 as b,m as p,o as _,p as f,a1 as g,q as u,t as k,k as x,l as w,a3 as v}from"../../index-c33b3772.js";import{E as $}from"../../EventHandler-02058705.js";function y(e,i,c){const t=e.slice();return t[10]=i[c],t}function E(e){let i,c;return{c(){i=l("legend"),c=k(e[1]),d(i,"class","mc-field__legend")},m(e,n){t(e,i,n),h(i,c)},p(e,i){2&i&&x(c,e[1])},d(e){e&&_(i)}}}function C(e){let i,c,n,o=e[10].label+"";return{c(){i=l("label"),c=k(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+"")&&x(c,o),8&t&&n!==(n=e[10].id)&&d(i,"for",n)},d(e){e&&_(i)}}}function z(e,i){let c,n,o,r,s,m,b,p,f,g,u,k,x,v;function $(){return i[7](i[10])}let y=i[10].label&&C(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=p=i[10].indeterminate,d(n,"aria-invalid",f=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||(v=w(n,"click",$),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&&p!==(p=i[10].indeterminate)&&(n.indeterminate=p),8&t&&f!==(f=i[10].isinvalid)&&d(n,"aria-invalid",f),i[10].label?y?y.p(i,t):(y=C(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&&_(c),y&&y.d(),x=!1,v()}}}function j(e){let i,c,n,o,f=[],g=new Map,u=e[1]&&e[1].length&&E(e),k=e[3];const x=e=>e[10].id;for(let i=0;i<k.length;i+=1){let c=y(e,k,i),t=x(c);g.set(t,f[i]=z(t,c))}let w=[{id:e[0]},{class:"checkbox-group-container"},e[2]],$={};for(let e=0;e<w.length;e+=1)$=r($,w[e]);return{c(){i=l("div"),c=l("fieldset"),u&&u.c(),n=a(),o=l("div");for(let e=0;e<f.length;e+=1)f[e].c();this.c=s,d(o,"class","mc-field__container"),d(c,"class","mc-field mc-field--group"),m(i,$)},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<f.length;e+=1)f[e]&&f[e].m(o,null)},p(e,[t]){e[1]&&e[1].length?u?u.p(e,t):(u=E(e),u.c(),u.m(c,n)):u&&(u.d(1),u=null),56&t&&(k=e[3],f=b(f,t,x,1,e,k,g,o,v,z,null,y)),m(i,$=p(w,[1&t&&{id:e[0]},{class:"checkbox-group-container"},4&t&&e[2]]))},i:s,o:s,d(e){e&&_(i),u&&u.d();for(let e=0;e<f.length;e+=1)f[e].d()}}}function M(e,i,c){let t,n;const o=["id","options","legend"];let l=f(i,o),{id:a}=i,{options:s}=i,{legend:d}=i,m=new $;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))}g((()=>{h("")}));return e.$$set=e=>{c(5,i=r(r({},i),u(e))),c(9,l=f(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=u(i),[a,d,n,t,h,i,s,e=>h(e.value)]}class B 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 #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 #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:#46a610;border-color:#46a610;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:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.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},M,j,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{B as default};
 //# sourceMappingURL=checkboxGroup.js.map

package/public/components/checkboxgroup/checkboxGroup.js.map CHANGED Viewed

	@@ -1 +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 { onMount } 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\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","selectValue","value","parsedOptions","$$invalidate","map","opt","Object","assign","dispatch","onMount","JSON","parse","attributes","$$restProps"],"mappings":"~~6VAsCSA~~,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,yJA3B5CS,GAAU8B,WACVC,GAAeD,UACfE,GAAcF,EACrBG,MAAmBC,EAQd,SAAAC,EAAYC,GACdC,GAAkBA,EAAcd,SAGrCe,EAAA,EAAAD,EAAgBA,EAAcE,KAAKC,IAC3B,MAAA5B,EAAU4B,EAAIJ,QAAUA,GAASI,EAAI5B,QAAU4B,EAAI5B,eAC/D6B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAkBF,GAAG,CAAE5B,WAAO,KAE1BqB,EAAaU,SAAS,SAAUP,IAGlCQ,GAAO,KACLT,EAAY,GAAE,iLAlBfG,EAAA,EAAED,EAAgBN,EACdc,KAAKC,MAAMf,GAAO,QAEpBgB,EAALN,OAAAC,UAAuBM,yBACXD,EAAW1B,gCAqCKc,EAAYK,EAAIJ"}
1	+ {"version":3,"file":"checkboxGroup.js","sources":["../../../src/components/checkboxgroup/checkboxGroup.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { onMount } 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\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","selectValue","value","parsedOptions","$$invalidate","map","opt","Object","assign","dispatch","onMount","JSON","parse","attributes","$$restProps"],"mappings":"kWAsCSA,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,yJA3B5CS,GAAU8B,WACVC,GAAeD,UACfE,GAAcF,EACrBG,MAAmBC,EAQd,SAAAC,EAAYC,GACdC,GAAkBA,EAAcd,SAGrCe,EAAA,EAAAD,EAAgBA,EAAcE,KAAKC,IAC3B,MAAA5B,EAAU4B,EAAIJ,QAAUA,GAASI,EAAI5B,QAAU4B,EAAI5B,eAC/D6B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAkBF,GAAG,CAAE5B,WAAO,KAE1BqB,EAAaU,SAAS,SAAUP,IAGlCQ,GAAO,KACLT,EAAY,GAAE,iLAlBfG,EAAA,EAAED,EAAgBN,EACdc,KAAKC,MAAMf,GAAO,QAEpBgB,EAALN,OAAAC,UAAuBM,yBACXD,EAAW1B,gCAqCKc,EAAYK,EAAIJ"}