@mozaic-ds/web-components 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/bricoman/components/button/Button.js

@@ -0,0 +1,2 @@
+import{S as t,i as o,a as e,g as n,b as i,f as r,s as m,c,e as l,d as a,n as d,j as s,t as b,k as u,N as h,B as f,z as p,A as g,l as _,m as x,o as w,p as $,q as y,u as v,T as k,C as z,h as L,J as M,E as T,F as H,G as j,v as N,y as q}from"../../index-c222d0b7.js";import{c as C}from"../../EventForward-c4c8cd29.js";import E from"../loader/Loader.nested.js";function A(t){let o,e,n,r;const m=[R,O,J,F],c=[];function l(t,o){return t[14]&&"left"===t[13]?0:t[9]?1:t[17].icon?2:t[5]?3:-1}return~(o=l(t))&&(e=c[o]=m[o](t)),{c(){e&&e.c(),n=k()},m(t,e){~o&&c[o].m(t,e),i(t,n,e),r=!0},p(t,i){let r=o;o=l(t),o===r?~o&&c[o].p(t,i):(e&&(z(),p(c[r],1,1,(()=>{c[r]=null})),g()),~o?(e=c[o],e?e.p(t,i):(e=c[o]=m[o](t),e.c()),f(e,1),e.m(n.parentNode,n)):e=null)},i(t){r||(f(e),r=!0)},o(t){p(e),r=!1},d(t){~o&&c[o].d(t),t&&x(n)}}}function F(t){let o,e=`<${tt(t[2],t[6],t[5])} />`;return{c(){o=l("span"),L(o,"class","mc-button__icon")},m(t,n){i(t,o,n),o.innerHTML=e},p(t,n){100&n&&e!==(e=`<${tt(t[2],t[6],t[5])} />`)&&(o.innerHTML=e)},i:d,o:d,d(t){t&&x(o)}}}function J(t){let o;return{c(){o=l("span"),o.innerHTML='<slot name="icon"></slot>',L(o,"class","mc-button__icon")},m(t,e){i(t,o,e)},p:d,i:d,o:d,d(t){t&&x(o)}}}function O(t){let o,e;return{c(){o=M("svg"),e=M("use"),L(e,"href",t[9]),L(o,"class","mc-button__icon")},m(t,n){i(t,o,n),u(o,e)},p(t,o){512&o&&L(e,"href",t[9])},i:d,o:d,d(t){t&&x(o)}}}function R(t){let o,e,n;return e=new E({props:{size:"s",theme:t[12],text:""}}),{c(){o=l("span"),T(e.$$.fragment),L(o,"class","mc-button__icon")},m(t,r){i(t,o,r),H(e,o,null),n=!0},p(t,o){const n={};4096&o&&(n.theme=t[12]),e.$set(n)},i(t){n||(f(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){t&&x(o),j(e)}}}function S(t){let o,e,n,r,m,c,d=t[14]&&"left"===t[13]&&!t[5]&&!t[17].icon&&G(t),s=t[14]&&"right"===t[13]&&!t[5]&&!t[17].icon&&D(t);return{c(){d&&d.c(),o=a(),e=l("span"),n=N(t[4]),r=a(),s&&s.c(),m=k(),L(e,"class","mc-button__label")},m(t,l){d&&d.m(t,l),i(t,o,l),i(t,e,l),u(e,n),i(t,r,l),s&&s.m(t,l),i(t,m,l),c=!0},p(t,e){!t[14]||"left"!==t[13]||t[5]||t[17].icon?d&&(z(),p(d,1,1,(()=>{d=null})),g()):d?(d.p(t,e),155680&e&&f(d,1)):(d=G(t),d.c(),f(d,1),d.m(o.parentNode,o)),(!c||16&e)&&q(n,t[4]),!t[14]||"right"!==t[13]||t[5]||t[17].icon?s&&(z(),p(s,1,1,(()=>{s=null})),g()):s?(s.p(t,e),155680&e&&f(s,1)):(s=D(t),s.c(),f(s,1),s.m(m.parentNode,m))},i(t){c||(f(d),f(s),c=!0)},o(t){p(d),p(s),c=!1},d(t){d&&d.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=[Q,P,K,I],c=[];function l(t,o){return t[14]?0:t[17].icon?1:t[9]?2:t[5]?3:-1}return~(o=l(t))&&(e=c[o]=m[o](t)),{c(){e&&e.c(),n=k()},m(t,e){~o&&c[o].m(t,e),i(t,n,e),r=!0},p(t,i){let r=o;o=l(t),o===r?~o&&c[o].p(t,i):(e&&(z(),p(c[r],1,1,(()=>{c[r]=null})),g()),~o?(e=c[o],e?e.p(t,i):(e=c[o]=m[o](t),e.c()),f(e,1),e.m(n.parentNode,n)):e=null)},i(t){r||(f(e),r=!0)},o(t){p(e),r=!1},d(t){~o&&c[o].d(t),t&&x(n)}}}function G(t){let o,e,n;return e=new E({props:{size:"s",theme:t[12],text:""}}),{c(){o=l("span"),T(e.$$.fragment),L(o,"class","mc-button__icon")},m(t,r){i(t,o,r),H(e,o,null),n=!0},p(t,o){const n={};4096&o&&(n.theme=t[12]),e.$set(n)},i(t){n||(f(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){t&&x(o),j(e)}}}function D(t){let o,e,n;return e=new E({props:{size:"s",theme:t[12],text:""}}),{c(){o=l("span"),T(e.$$.fragment),L(o,"class","mc-button__icon")},m(t,r){i(t,o,r),H(e,o,null),n=!0},p(t,o){const n={};4096&o&&(n.theme=t[12]),e.$set(n)},i(t){n||(f(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){t&&x(o),j(e)}}}function I(t){let o,e=`<${tt(t[2],t[6],t[5])} />`;return{c(){o=l("span"),L(o,"class","mc-button__icon")},m(t,n){i(t,o,n),o.innerHTML=e},p(t,n){100&n&&e!==(e=`<${tt(t[2],t[6],t[5])} />`)&&(o.innerHTML=e)},i:d,o:d,d(t){t&&x(o)}}}function K(t){let o,e;return{c(){o=M("svg"),e=M("use"),L(e,"href",t[9]),L(o,"class","mc-button__icon")},m(t,n){i(t,o,n),u(o,e)},p(t,o){512&o&&L(e,"href",t[9])},i:d,o:d,d(t){t&&x(o)}}}function P(t){let o;return{c(){o=l("span"),o.innerHTML='<slot name="icon"></slot>',L(o,"class","mc-button__icon")},m(t,e){i(t,o,e)},p:d,i:d,o:d,d(t){t&&x(o)}}}function Q(t){let o,e,n;return e=new E({props:{size:"m",theme:t[12],text:""}}),{c(){o=l("span"),T(e.$$.fragment),L(o,"class","mc-button__icon")},m(t,r){i(t,o,r),H(e,o,null),n=!0},p(t,o){const n={};4096&o&&(n.theme=t[12]),e.$set(n)},i(t){n||(f(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){t&&x(o),j(e)}}}function U(t){let o,e,n,r;const m=[Y,X,W,V],c=[];function l(t,o){return t[14]&&"right"===t[13]?0:t[9]?1:t[17].icon?2:t[5]?3:-1}return~(o=l(t))&&(e=c[o]=m[o](t)),{c(){e&&e.c(),n=k()},m(t,e){~o&&c[o].m(t,e),i(t,n,e),r=!0},p(t,i){let r=o;o=l(t),o===r?~o&&c[o].p(t,i):(e&&(z(),p(c[r],1,1,(()=>{c[r]=null})),g()),~o?(e=c[o],e?e.p(t,i):(e=c[o]=m[o](t),e.c()),f(e,1),e.m(n.parentNode,n)):e=null)},i(t){r||(f(e),r=!0)},o(t){p(e),r=!1},d(t){~o&&c[o].d(t),t&&x(n)}}}function V(t){let o,e=`<${tt(t[2],t[6],t[5])} />`;return{c(){o=l("span"),L(o,"class","mc-button__icon")},m(t,n){i(t,o,n),o.innerHTML=e},p(t,n){100&n&&e!==(e=`<${tt(t[2],t[6],t[5])} />`)&&(o.innerHTML=e)},i:d,o:d,d(t){t&&x(o)}}}function W(t){let o;return{c(){o=l("span"),o.innerHTML='<slot name="icon"></slot>',L(o,"class","mc-button__icon")},m(t,e){i(t,o,e)},p:d,i:d,o:d,d(t){t&&x(o)}}}function X(t){let o,e;return{c(){o=M("svg"),e=M("use"),L(e,"href",t[9]),L(o,"class","mc-button__icon")},m(t,n){i(t,o,n),u(o,e)},p(t,o){512&o&&L(e,"href",t[9])},i:d,o:d,d(t){t&&x(o)}}}function Y(t){let o,e,n;return e=new E({props:{size:"s",theme:t[12],text:""}}),{c(){o=l("span"),T(e.$$.fragment),L(o,"class","mc-button__icon")},m(t,r){i(t,o,r),H(e,o,null),n=!0},p(t,o){const n={};4096&o&&(n.theme=t[12]),e.$set(n)},i(t){n||(f(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){t&&x(o),j(e)}}}function Z(t){let o,e,n,r,m,w,$,y,v,k=(t[5]||t[17].icon||t[9])&&"left"===t[6]&&A(t);const L=[B,S],M=[];function T(t,o){return(t[5]||t[17].icon||t[9])&&"only"===t[6]?0:1}n=T(t),r=M[n]=L[n](t);let H=(t[5]||t[17].icon||t[9])&&"right"===t[6]&&U(t),j=[{type:t[8]},{class:w=t[16](t[1],t[0],t[2],t[3])+" "+t[11]},{disabled:t[7]},t[10]],N={};for(let t=0;t<j.length;t+=1)N=c(N,j[t]);return{c(){o=l("button"),k&&k.c(),e=a(),r.c(),m=a(),H&&H.c(),this.c=d,s(o,N),b(o,"mc-button--square","only"==t[6])},m(r,c){i(r,o,c),k&&k.m(o,null),u(o,e),M[n].m(o,null),u(o,m),H&&H.m(o,null),o.autofocus&&o.focus(),$=!0,y||(v=h(t[15].call(null,o)),y=!0)},p(t,[i]){(t[5]||t[17].icon||t[9])&&"left"===t[6]?k?(k.p(t,i),131680&i&&f(k,1)):(k=A(t),k.c(),f(k,1),k.m(o,e)):k&&(z(),p(k,1,1,(()=>{k=null})),g());let c=n;n=T(t),n===c?M[n].p(t,i):(z(),p(M[c],1,1,(()=>{M[c]=null})),g(),r=M[n],r?r.p(t,i):(r=M[n]=L[n](t),r.c()),f(r,1),r.m(o,m)),(t[5]||t[17].icon||t[9])&&"right"===t[6]?H?(H.p(t,i),131680&i&&f(H,1)):(H=U(t),H.c(),f(H,1),H.m(o,null)):H&&(z(),p(H,1,1,(()=>{H=null})),g()),s(o,N=_(j,[(!$||256&i)&&{type:t[8]},(!$||2063&i&&w!==(w=t[16](t[1],t[0],t[2],t[3])+" "+t[11]))&&{class:w},(!$||128&i)&&{disabled:t[7]},1024&i&&t[10]])),b(o,"mc-button--square","only"==t[6])},i(t){$||(f(k),f(r),f(H),$=!0)},o(t){p(k),p(r),p(H),$=!1},d(t){t&&x(o),k&&k.d(),M[n].d(),H&&H.d(),y=!1,v()}}}function tt(t,o,e){const n="only"===o;let i;switch(t){case"s":i="24px";break;case"m":i=n?"32px":"24px";break;case"l":i=n?"100%":"32px"}return`${e} size="${i}" class="no"`}function ot(t,o,e){let n,i,r,m,l,a;const d=["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader","iconpath"];let s=w(o,d),{$$slots:b={},$$scope:u}=o;const h=$(b);var f,p,g;let{bordered:_=!1}=o,{theme:x}=o,{size:k="m"}=o,{full:z=!1}=o,{label:L}=o,{iconname:M}=o,{iconmode:T}=o,{disabled:H=!1}=o,{responsivesize:j}=o,{responsivewidth:N}=o,{type:q="button"}=o,{loader:E}=o,{iconpath:A}=o;const F=C(y());return t.$$set=t=>{e(26,o=c(c({},o),v(t))),e(25,s=w(o,d)),"bordered"in t&&e(0,_=t.bordered),"theme"in t&&e(1,x=t.theme),"size"in t&&e(2,k=t.size),"full"in t&&e(3,z=t.full),"label"in t&&e(4,L=t.label),"iconname"in t&&e(5,M=t.iconname),"iconmode"in t&&e(6,T=t.iconmode),"disabled"in t&&e(7,H=t.disabled),"responsivesize"in t&&e(18,j=t.responsivesize),"responsivewidth"in t&&e(19,N=t.responsivewidth),"type"in t&&e(8,q=t.type),"loader"in t&&e(20,E=t.loader),"iconpath"in t&&e(9,A=t.iconpath)},t.$$.update=()=>{1048576&t.$$.dirty&&e(24,n=E?JSON.parse(E):void 0),18874368&t.$$.dirty&&e(14,i=null!==e(21,f=null==n?void 0:n.enabled)&&void 0!==f&&f),20971520&t.$$.dirty&&e(13,r=null!==e(22,p=null==n?void 0:n.position)&&void 0!==p?p:"left"),25165824&t.$$.dirty&&e(12,m=null!==e(23,g=null==n?void 0:n.theme)&&void 0!==g?g:"primary"),e(11,l=o.class),e(10,a=Object.assign({},s)),1024&t.$$.dirty&&delete a.class},o=v(o),[_,x,k,z,L,M,T,H,q,A,a,l,m,r,i,F,function(t,o,e,n){const i=["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&&i.push(r),e&&i.push(`mc-button--${e}`),n?i.push("mc-button--full"):i.push("mc-button--fit"),"only"===T&&i.push("mc-button--square"),j&&i.push(`mc-button--${j}`),N&&i.push(`mc-button--${N}`),i.join(" ")},h,j,N,E,f,p,g,n]}class et extends t{constructor(t){super();const c=document.createElement("style");c.textContent='.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#002a5b;background-color:#ff941a;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;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:#ef7f00;color:#002a5b}.mc-button.is-active,.mc-button:active{background-color:#e05a00}.mc-button:disabled,.mc-button.is-disabled,.mc-button[aria-disabled=true]{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{color:#ffffff;background-color:#002a5b}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#00387a;color:#ffffff}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#004ea8}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled,.mc-button--solid-primary-02[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{color:#ffffff;background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919;color:#ffffff}.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,.mc-button--solid-neutral[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{color:#ffffff;background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003;color:#ffffff}.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,.mc-button--solid-danger[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#c34400;border-color:#c34400;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#ffe2bd;color:#004ea8}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#ffbf6b;color:#00387a}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#ffbf6b;color:#00387a}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled,.mc-button--bordered[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{border-color:#002a5b;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#e5efff}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#b8d3ff;color:#002a5b}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#b8d3ff;color:#002a5b}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled,.mc-button--bordered-primary-02[aria-disabled=true]{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,.mc-button--bordered-neutral[aria-disabled=true]{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,.mc-button--bordered-danger[aria-disabled=true]{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(c),o(this,{target:this.shadowRoot,props:{...e(this.attributes),$$slots:n(this)},customElement:!0},ot,Z,m,{bordered:0,theme:1,size:2,full:3,label:4,iconname:5,iconmode:6,disabled:7,responsivesize:18,responsivewidth:19,type:8,loader:20,iconpath:9},null),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader","iconpath"]}get bordered(){return this.$$.ctx[0]}set bordered(t){this.$$set({bordered:t}),r()}get theme(){return this.$$.ctx[1]}set theme(t){this.$$set({theme:t}),r()}get size(){return this.$$.ctx[2]}set size(t){this.$$set({size:t}),r()}get full(){return this.$$.ctx[3]}set full(t){this.$$set({full:t}),r()}get label(){return this.$$.ctx[4]}set label(t){this.$$set({label:t}),r()}get iconname(){return this.$$.ctx[5]}set iconname(t){this.$$set({iconname:t}),r()}get iconmode(){return this.$$.ctx[6]}set iconmode(t){this.$$set({iconmode:t}),r()}get disabled(){return this.$$.ctx[7]}set disabled(t){this.$$set({disabled:t}),r()}get responsivesize(){return this.$$.ctx[18]}set responsivesize(t){this.$$set({responsivesize:t}),r()}get responsivewidth(){return this.$$.ctx[19]}set responsivewidth(t){this.$$set({responsivewidth:t}),r()}get type(){return this.$$.ctx[8]}set type(t){this.$$set({type:t}),r()}get loader(){return this.$$.ctx[20]}set loader(t){this.$$set({loader:t}),r()}get iconpath(){return this.$$.ctx[9]}set iconpath(t){this.$$set({iconpath:t}),r()}}export{et as default};
+//# sourceMappingURL=Button.js.map

package/dist/bricoman/components/button/Button.js.map

@@ -0,0 +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  export let iconpath: string;\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 == 'only'}\n  {disabled}\n  {...attributes}\n>\n  {#if (iconname || $$slots.icon || iconpath) && iconmode === 'left'}\n    {#if isLoading && loaderPosition === 'left'}\n      <span class=\"mc-button__icon\">\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      </span>\n    {:else if iconpath}\n      <svg class=\"mc-button__icon\">\n        <use href={iconpath} />\n      </svg>\n    {:else if $$slots.icon}\n      <span class=\"mc-button__icon\">\n        <slot name=\"icon\" />\n      </span>\n    {:else if iconname}\n      <span class=\"mc-button__icon\">\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      </span>\n    {/if}\n  {/if}\n\n  {#if (iconname || $$slots.icon || iconpath) && iconmode === 'only'}\n    {#if isLoading}\n      <span class=\"mc-button__icon\">\n        <Loader size=\"m\" theme={loaderTheme} text=\"\" />\n      </span>\n    {:else if $$slots.icon}\n      <span class=\"mc-button__icon\">\n        <slot name=\"icon\" />\n      </span>\n    {:else if iconpath}\n      <svg class=\"mc-button__icon\">\n        <use href={iconpath} />\n      </svg>\n    {:else if iconname}\n      <span class=\"mc-button__icon\">\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      </span>\n    {/if}\n  {:else}\n    {#if isLoading && loaderPosition === 'left' && !iconname && !$$slots.icon}\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 && !$$slots.icon}\n      <span class=\"mc-button__icon\">\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      </span>\n    {/if}\n  {/if}\n\n  {#if (iconname || $$slots.icon || iconpath) && iconmode === 'right'}\n    {#if isLoading && loaderPosition === 'right'}\n      <span class=\"mc-button__icon\">\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      </span>\n    {:else if iconpath}\n      <svg class=\"mc-button__icon\">\n        <use href={iconpath} />\n      </svg>\n    {:else if $$slots.icon}\n      <span class=\"mc-button__icon\">\n        <slot name=\"icon\" />\n      </span>\n    {:else if iconname}\n      <span class=\"mc-button__icon\">\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      </span>\n    {/if}\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","icon","raw_value","generateIconName","insert","target","span","anchor","dirty","innerHTML","svg","append","use","create_if_block_11","create_if_block_10","create_if_block_12","create_if_block","toggle_class","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","iconpath","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/dist/bricoman/components/button/Button.nested.js

@@ -0,0 +1,2 @@
+import{H as e,i as t,s as r,I as o,c as l,e as n,d as i,j as m,t as s,b as u,k as c,N as g,B as p,z as d,A as a,l as b,m as v,o as h,p as f,q as x,u as _,h as w,C as y,T as k,n as $,Y as z,Z as j,_ as q,$ as N,E as C,F as E,G as F,v as L,y as O,a4 as A}from"../../index-c222d0b7.js";import{c as B}from"../../EventForward-c4c8cd29.js";import G from"../loader/Loader.nested.js";function H(e){o(e,"svelte-1gpu81r",'.mc-button.svelte-1gpu81r.svelte-1gpu81r{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#002a5b;background-color:#ff941a;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;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.svelte-1gpu81r.svelte-1gpu81r,.mc-button.svelte-1gpu81r.svelte-1gpu81r:hover{background-color:#ef7f00;color:#002a5b}.mc-button.is-active.svelte-1gpu81r.svelte-1gpu81r,.mc-button.svelte-1gpu81r.svelte-1gpu81r:active{background-color:#e05a00}.mc-button.svelte-1gpu81r.svelte-1gpu81r:disabled,.mc-button.is-disabled.svelte-1gpu81r.svelte-1gpu81r,.mc-button[aria-disabled=true].svelte-1gpu81r.svelte-1gpu81r{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:1.5rem;height:1.5rem}.mc-button.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus.svelte-1gpu81r.svelte-1gpu81r,.mc-button.svelte-1gpu81r.svelte-1gpu81r: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.svelte-1gpu81r.svelte-1gpu81r{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:1.5rem;height:1.5rem}.mc-button--s.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--s.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m.svelte-1gpu81r.svelte-1gpu81r{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:1.5rem;height:1.5rem}.mc-button--m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l.svelte-1gpu81r.svelte-1gpu81r{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:2rem;height:2rem}.mc-button--l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit.svelte-1gpu81r.svelte-1gpu81r{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full.svelte-1gpu81r.svelte-1gpu81r{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.svelte-1gpu81r.svelte-1gpu81r{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square.svelte-1gpu81r.svelte-1gpu81r{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon.svelte-1gpu81r.svelte-1gpu81r{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon.svelte-1gpu81r.svelte-1gpu81r:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon.svelte-1gpu81r.svelte-1gpu81r:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon.svelte-1gpu81r.svelte-1gpu81r:only-child{margin:0}.mc-button__label.svelte-1gpu81r.svelte-1gpu81r{-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.svelte-1gpu81r.svelte-1gpu81r{color:#ffffff;background-color:#002a5b}.mc-button--solid-primary-02.is-hover.svelte-1gpu81r.svelte-1gpu81r,.mc-button--solid-primary-02.svelte-1gpu81r.svelte-1gpu81r:hover{background-color:#00387a;color:#ffffff}.mc-button--solid-primary-02.is-active.svelte-1gpu81r.svelte-1gpu81r,.mc-button--solid-primary-02.svelte-1gpu81r.svelte-1gpu81r:active{background-color:#004ea8}.mc-button--solid-primary-02.svelte-1gpu81r.svelte-1gpu81r:disabled,.mc-button--solid-primary-02.is-disabled.svelte-1gpu81r.svelte-1gpu81r,.mc-button--solid-primary-02[aria-disabled=true].svelte-1gpu81r.svelte-1gpu81r{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral.svelte-1gpu81r.svelte-1gpu81r{color:#ffffff;background-color:#333333}.mc-button--solid-neutral.is-hover.svelte-1gpu81r.svelte-1gpu81r,.mc-button--solid-neutral.svelte-1gpu81r.svelte-1gpu81r:hover{background-color:#191919;color:#ffffff}.mc-button--solid-neutral.is-active.svelte-1gpu81r.svelte-1gpu81r,.mc-button--solid-neutral.svelte-1gpu81r.svelte-1gpu81r:active{background-color:#333333}.mc-button--solid-neutral.svelte-1gpu81r.svelte-1gpu81r:disabled,.mc-button--solid-neutral.is-disabled.svelte-1gpu81r.svelte-1gpu81r,.mc-button--solid-neutral[aria-disabled=true].svelte-1gpu81r.svelte-1gpu81r{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger.svelte-1gpu81r.svelte-1gpu81r{color:#ffffff;background-color:#c61112}.mc-button--solid-danger.is-hover.svelte-1gpu81r.svelte-1gpu81r,.mc-button--solid-danger.svelte-1gpu81r.svelte-1gpu81r:hover{background-color:#8c0003;color:#ffffff}.mc-button--solid-danger.is-active.svelte-1gpu81r.svelte-1gpu81r,.mc-button--solid-danger.svelte-1gpu81r.svelte-1gpu81r:active{background-color:#8c0003}.mc-button--solid-danger.svelte-1gpu81r.svelte-1gpu81r:disabled,.mc-button--solid-danger.is-disabled.svelte-1gpu81r.svelte-1gpu81r,.mc-button--solid-danger[aria-disabled=true].svelte-1gpu81r.svelte-1gpu81r{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered.svelte-1gpu81r.svelte-1gpu81r{color:#c34400;border-color:#c34400;background-color:#ffffff}.mc-button--bordered.is-hover.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered.svelte-1gpu81r.svelte-1gpu81r:hover{background-color:#ffe2bd;color:#004ea8}.mc-button--bordered.is-active.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered.svelte-1gpu81r.svelte-1gpu81r:active{background-color:#ffbf6b;color:#00387a}.mc-button--bordered.is-active.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered.svelte-1gpu81r.svelte-1gpu81r:active{background-color:#ffbf6b;color:#00387a}.mc-button--bordered.svelte-1gpu81r.svelte-1gpu81r:disabled,.mc-button--bordered.is-disabled.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered[aria-disabled=true].svelte-1gpu81r.svelte-1gpu81r{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02.svelte-1gpu81r.svelte-1gpu81r{border-color:#002a5b;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered-primary-02.svelte-1gpu81r.svelte-1gpu81r:hover{background-color:#e5efff}.mc-button--bordered-primary-02.is-active.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered-primary-02.svelte-1gpu81r.svelte-1gpu81r:active{background-color:#b8d3ff;color:#002a5b}.mc-button--bordered-primary-02.is-active.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered-primary-02.svelte-1gpu81r.svelte-1gpu81r:active{background-color:#b8d3ff;color:#002a5b}.mc-button--bordered-primary-02.svelte-1gpu81r.svelte-1gpu81r:disabled,.mc-button--bordered-primary-02.is-disabled.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered-primary-02[aria-disabled=true].svelte-1gpu81r.svelte-1gpu81r{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral.svelte-1gpu81r.svelte-1gpu81r{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered-neutral.svelte-1gpu81r.svelte-1gpu81r:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered-neutral.svelte-1gpu81r.svelte-1gpu81r:active{background-color:#cccccc}.mc-button--bordered-neutral.svelte-1gpu81r.svelte-1gpu81r:disabled,.mc-button--bordered-neutral.is-disabled.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered-neutral[aria-disabled=true].svelte-1gpu81r.svelte-1gpu81r{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger.svelte-1gpu81r.svelte-1gpu81r{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered-danger.svelte-1gpu81r.svelte-1gpu81r:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered-danger.svelte-1gpu81r.svelte-1gpu81r:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered-danger.svelte-1gpu81r.svelte-1gpu81r:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.svelte-1gpu81r.svelte-1gpu81r:disabled,.mc-button--bordered-danger.is-disabled.svelte-1gpu81r.svelte-1gpu81r,.mc-button--bordered-danger[aria-disabled=true].svelte-1gpu81r.svelte-1gpu81r{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m.svelte-1gpu81r.svelte-1gpu81r{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--s\\@from-m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m.svelte-1gpu81r.svelte-1gpu81r{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--m\\@from-m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m.svelte-1gpu81r.svelte-1gpu81r{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.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:2rem;height:2rem}.mc-button--l\\@from-m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--l\\@from-m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m.svelte-1gpu81r.svelte-1gpu81r{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m.svelte-1gpu81r.svelte-1gpu81r{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.svelte-1gpu81r.svelte-1gpu81r{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l.svelte-1gpu81r.svelte-1gpu81r{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--s\\@from-l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l.svelte-1gpu81r.svelte-1gpu81r{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--m\\@from-l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l.svelte-1gpu81r.svelte-1gpu81r{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.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:2rem;height:2rem}.mc-button--l\\@from-l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--l\\@from-l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l.svelte-1gpu81r.svelte-1gpu81r{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l.svelte-1gpu81r.svelte-1gpu81r{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.svelte-1gpu81r.svelte-1gpu81r{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square.svelte-1gpu81r.svelte-1gpu81r{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl.svelte-1gpu81r.svelte-1gpu81r{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--s\\@from-xl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl.svelte-1gpu81r.svelte-1gpu81r{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--m\\@from-xl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl.svelte-1gpu81r.svelte-1gpu81r{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.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:2rem;height:2rem}.mc-button--l\\@from-xl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--l\\@from-xl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl.svelte-1gpu81r.svelte-1gpu81r{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl.svelte-1gpu81r.svelte-1gpu81r{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.svelte-1gpu81r.svelte-1gpu81r{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl.svelte-1gpu81r.svelte-1gpu81r{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--s\\@from-xxl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl.svelte-1gpu81r.svelte-1gpu81r{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--m\\@from-xxl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl.svelte-1gpu81r.svelte-1gpu81r{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.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r{width:2rem;height:2rem}.mc-button--l\\@from-xxl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:first-child,.mc-button--l\\@from-xxl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl.svelte-1gpu81r .mc-button__icon.svelte-1gpu81r:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl.svelte-1gpu81r.svelte-1gpu81r{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl.svelte-1gpu81r.svelte-1gpu81r{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.svelte-1gpu81r.svelte-1gpu81r{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon.svelte-1gpu81r.svelte-1gpu81r{pointer-events:none}')}const I=e=>({}),J=e=>({}),M=e=>({}),S=e=>({}),T=e=>({}),Y=e=>({});function Z(e){let t,r,o,l;const i=[P,K,D],m=[];function s(e,t){return e[13]&&"left"===e[12]?0:e[16].icon?1:e[5]?2:-1}return~(r=s(e))&&(o=m[r]=i[r](e)),{c(){t=n("span"),o&&o.c(),w(t,"class","mc-button__icon svelte-1gpu81r")},m(e,o){u(e,t,o),~r&&m[r].m(t,null),l=!0},p(e,l){let n=r;r=s(e),r===n?~r&&m[r].p(e,l):(o&&(y(),d(m[n],1,1,(()=>{m[n]=null})),a()),~r?(o=m[r],o?o.p(e,l):(o=m[r]=i[r](e),o.c()),p(o,1),o.m(t,null)):o=null)},i(e){l||(p(o),l=!0)},o(e){d(o),l=!1},d(e){e&&v(t),~r&&m[r].d()}}}function D(e){let t,r,o=`<${ie(e[2],e[6],e[5])} />`;return{c(){t=new A(!1),r=k(),t.a=r},m(e,l){t.m(o,e,l),u(e,r,l)},p(e,r){100&r&&o!==(o=`<${ie(e[2],e[6],e[5])} />`)&&t.p(o)},i:$,o:$,d(e){e&&v(r),e&&t.d()}}}function K(e){let t;const r=e[25].icon,o=z(r,e,e[24],Y);return{c(){o&&o.c()},m(e,r){o&&o.m(e,r),t=!0},p(e,l){o&&o.p&&(!t||16777216&l)&&j(o,r,e,e[24],t?N(r,e[24],l,T):q(e[24]),Y)},i(e){t||(p(o,e),t=!0)},o(e){d(o,e),t=!1},d(e){o&&o.d(e)}}}function P(e){let t,r;return t=new G({props:{size:"s",theme:e[11],text:""}}),{c(){C(t.$$.fragment)},m(e,o){E(t,e,o),r=!0},p(e,r){const o={};2048&r&&(o.theme=e[11]),t.$set(o)},i(e){r||(p(t.$$.fragment,e),r=!0)},o(e){d(t.$$.fragment,e),r=!1},d(e){F(t,e)}}}function Q(e){let t,r,o,l,m,s,g=e[13]&&"left"===e[12]&&!e[5]&&!e[16].icon&&U(e),b=e[13]&&"right"===e[12]&&!e[5]&&!e[16].icon&&V(e);return{c(){g&&g.c(),t=i(),r=n("span"),o=L(e[4]),l=i(),b&&b.c(),m=k(),w(r,"class","mc-button__label svelte-1gpu81r")},m(e,n){g&&g.m(e,n),u(e,t,n),u(e,r,n),c(r,o),u(e,l,n),b&&b.m(e,n),u(e,m,n),s=!0},p(e,r){!e[13]||"left"!==e[12]||e[5]||e[16].icon?g&&(y(),d(g,1,1,(()=>{g=null})),a()):g?(g.p(e,r),77856&r&&p(g,1)):(g=U(e),g.c(),p(g,1),g.m(t.parentNode,t)),(!s||16&r)&&O(o,e[4]),!e[13]||"right"!==e[12]||e[5]||e[16].icon?b&&(y(),d(b,1,1,(()=>{b=null})),a()):b?(b.p(e,r),77856&r&&p(b,1)):(b=V(e),b.c(),p(b,1),b.m(m.parentNode,m))},i(e){s||(p(g),p(b),s=!0)},o(e){d(g),d(b),s=!1},d(e){g&&g.d(e),e&&v(t),e&&v(r),e&&v(l),b&&b.d(e),e&&v(m)}}}function R(e){let t,r,o,l;const i=[ee,X,W],m=[];function s(e,t){return e[13]?0:e[16].icon?1:e[5]?2:-1}return~(r=s(e))&&(o=m[r]=i[r](e)),{c(){t=n("span"),o&&o.c(),w(t,"class","mc-button__icon svelte-1gpu81r")},m(e,o){u(e,t,o),~r&&m[r].m(t,null),l=!0},p(e,l){let n=r;r=s(e),r===n?~r&&m[r].p(e,l):(o&&(y(),d(m[n],1,1,(()=>{m[n]=null})),a()),~r?(o=m[r],o?o.p(e,l):(o=m[r]=i[r](e),o.c()),p(o,1),o.m(t,null)):o=null)},i(e){l||(p(o),l=!0)},o(e){d(o),l=!1},d(e){e&&v(t),~r&&m[r].d()}}}function U(e){let t,r,o;return r=new G({props:{size:"s",theme:e[11],text:""}}),{c(){t=n("span"),C(r.$$.fragment),w(t,"class","mc-button__icon svelte-1gpu81r")},m(e,l){u(e,t,l),E(r,t,null),o=!0},p(e,t){const o={};2048&t&&(o.theme=e[11]),r.$set(o)},i(e){o||(p(r.$$.fragment,e),o=!0)},o(e){d(r.$$.fragment,e),o=!1},d(e){e&&v(t),F(r)}}}function V(e){let t,r,o;return r=new G({props:{size:"s",theme:e[11],text:""}}),{c(){t=n("span"),C(r.$$.fragment),w(t,"class","mc-button__icon svelte-1gpu81r")},m(e,l){u(e,t,l),E(r,t,null),o=!0},p(e,t){const o={};2048&t&&(o.theme=e[11]),r.$set(o)},i(e){o||(p(r.$$.fragment,e),o=!0)},o(e){d(r.$$.fragment,e),o=!1},d(e){e&&v(t),F(r)}}}function W(e){let t,r,o=`<${ie(e[2],e[6],e[5])} />`;return{c(){t=new A(!1),r=k(),t.a=r},m(e,l){t.m(o,e,l),u(e,r,l)},p(e,r){100&r&&o!==(o=`<${ie(e[2],e[6],e[5])} />`)&&t.p(o)},i:$,o:$,d(e){e&&v(r),e&&t.d()}}}function X(e){let t;const r=e[25].icon,o=z(r,e,e[24],S);return{c(){o&&o.c()},m(e,r){o&&o.m(e,r),t=!0},p(e,l){o&&o.p&&(!t||16777216&l)&&j(o,r,e,e[24],t?N(r,e[24],l,M):q(e[24]),S)},i(e){t||(p(o,e),t=!0)},o(e){d(o,e),t=!1},d(e){o&&o.d(e)}}}function ee(e){let t,r;return t=new G({props:{size:"m",theme:e[11],text:""}}),{c(){C(t.$$.fragment)},m(e,o){E(t,e,o),r=!0},p(e,r){const o={};2048&r&&(o.theme=e[11]),t.$set(o)},i(e){r||(p(t.$$.fragment,e),r=!0)},o(e){d(t.$$.fragment,e),r=!1},d(e){F(t,e)}}}function te(e){let t,r,o,l;const i=[le,oe,re],m=[];function s(e,t){return e[13]&&"right"===e[12]?0:e[16].icon?1:2}return r=s(e),o=m[r]=i[r](e),{c(){t=n("span"),o.c(),w(t,"class","mc-button__icon svelte-1gpu81r")},m(e,o){u(e,t,o),m[r].m(t,null),l=!0},p(e,l){let n=r;r=s(e),r===n?m[r].p(e,l):(y(),d(m[n],1,1,(()=>{m[n]=null})),a(),o=m[r],o?o.p(e,l):(o=m[r]=i[r](e),o.c()),p(o,1),o.m(t,null))},i(e){l||(p(o),l=!0)},o(e){d(o),l=!1},d(e){e&&v(t),m[r].d()}}}function re(e){let t,r,o=`<${ie(e[2],e[6],e[5])} />`;return{c(){t=new A(!1),r=k(),t.a=r},m(e,l){t.m(o,e,l),u(e,r,l)},p(e,r){100&r&&o!==(o=`<${ie(e[2],e[6],e[5])} />`)&&t.p(o)},i:$,o:$,d(e){e&&v(r),e&&t.d()}}}function oe(e){let t;const r=e[25].icon,o=z(r,e,e[24],J);return{c(){o&&o.c()},m(e,r){o&&o.m(e,r),t=!0},p(e,l){o&&o.p&&(!t||16777216&l)&&j(o,r,e,e[24],t?N(r,e[24],l,I):q(e[24]),J)},i(e){t||(p(o,e),t=!0)},o(e){d(o,e),t=!1},d(e){o&&o.d(e)}}}function le(e){let t,r;return t=new G({props:{size:"s",theme:e[11],text:""}}),{c(){C(t.$$.fragment)},m(e,o){E(t,e,o),r=!0},p(e,r){const o={};2048&r&&(o.theme=e[11]),t.$set(o)},i(e){r||(p(t.$$.fragment,e),r=!0)},o(e){d(t.$$.fragment,e),r=!1},d(e){F(t,e)}}}function ne(e){let t,r,o,h,f,x,_,w,k,$=(e[5]||e[16].icon)&&"left"===e[6]&&Z(e);const z=[R,Q],j=[];function q(e,t){return(e[5]||e[16].icon)&&"only"===e[6]?0:1}o=q(e),h=j[o]=z[o](e);let N=e[5]&&"right"===e[6]&&te(e),C=[{type:e[8]},{class:x=e[15](e[1],e[0],e[2],e[3])+" "+e[10]},{disabled:e[7]},e[9]],E={};for(let e=0;e<C.length;e+=1)E=l(E,C[e]);return{c(){t=n("button"),$&&$.c(),r=i(),h.c(),f=i(),N&&N.c(),m(t,E),s(t,"mc-button--square",e[6]),s(t,"svelte-1gpu81r",!0)},m(l,n){u(l,t,n),$&&$.m(t,null),c(t,r),j[o].m(t,null),c(t,f),N&&N.m(t,null),t.autofocus&&t.focus(),_=!0,w||(k=g(e[14].call(null,t)),w=!0)},p(e,[l]){(e[5]||e[16].icon)&&"left"===e[6]?$?($.p(e,l),65632&l&&p($,1)):($=Z(e),$.c(),p($,1),$.m(t,r)):$&&(y(),d($,1,1,(()=>{$=null})),a());let n=o;o=q(e),o===n?j[o].p(e,l):(y(),d(j[n],1,1,(()=>{j[n]=null})),a(),h=j[o],h?h.p(e,l):(h=j[o]=z[o](e),h.c()),p(h,1),h.m(t,f)),e[5]&&"right"===e[6]?N?(N.p(e,l),96&l&&p(N,1)):(N=te(e),N.c(),p(N,1),N.m(t,null)):N&&(y(),d(N,1,1,(()=>{N=null})),a()),m(t,E=b(C,[(!_||256&l)&&{type:e[8]},(!_||1039&l&&x!==(x=e[15](e[1],e[0],e[2],e[3])+" "+e[10]))&&{class:x},(!_||128&l)&&{disabled:e[7]},512&l&&e[9]])),s(t,"mc-button--square",e[6]),s(t,"svelte-1gpu81r",!0)},i(e){_||(p($),p(h),p(N),_=!0)},o(e){d($),d(h),d(N),_=!1},d(e){e&&v(t),$&&$.d(),j[o].d(),N&&N.d(),w=!1,k()}}}function ie(e,t,r){const o="only"===t;let l;switch(e){case"s":l="24px";break;case"m":l=o?"32px":"24px";break;case"l":l=o?"100%":"32px"}return`${r} size="${l}" class="no"`}function me(e,t,r){let o,n,i,m,s,u;const c=["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"];let g=h(t,c),{$$slots:p={},$$scope:d}=t;const a=f(p);var b,v,w;let{bordered:y=!1}=t,{theme:k}=t,{size:$="m"}=t,{full:z=!1}=t,{label:j}=t,{iconname:q}=t,{iconmode:N}=t,{disabled:C=!1}=t,{responsivesize:E}=t,{responsivewidth:F}=t,{type:L="button"}=t,{loader:O}=t;const A=B(x());return e.$$set=e=>{r(27,t=l(l({},t),_(e))),r(26,g=h(t,c)),"bordered"in e&&r(0,y=e.bordered),"theme"in e&&r(1,k=e.theme),"size"in e&&r(2,$=e.size),"full"in e&&r(3,z=e.full),"label"in e&&r(4,j=e.label),"iconname"in e&&r(5,q=e.iconname),"iconmode"in e&&r(6,N=e.iconmode),"disabled"in e&&r(7,C=e.disabled),"responsivesize"in e&&r(17,E=e.responsivesize),"responsivewidth"in e&&r(18,F=e.responsivewidth),"type"in e&&r(8,L=e.type),"loader"in e&&r(19,O=e.loader),"$$scope"in e&&r(24,d=e.$$scope)},e.$$.update=()=>{524288&e.$$.dirty&&r(23,o=O?JSON.parse(O):void 0),9437184&e.$$.dirty&&r(13,n=null!==r(20,b=null==o?void 0:o.enabled)&&void 0!==b&&b),10485760&e.$$.dirty&&r(12,i=null!==r(21,v=null==o?void 0:o.position)&&void 0!==v?v:"left"),12582912&e.$$.dirty&&r(11,m=null!==r(22,w=null==o?void 0:o.theme)&&void 0!==w?w:"primary"),r(10,s=t.class),r(9,u=Object.assign({},g)),512&e.$$.dirty&&delete u.class},t=_(t),[y,k,$,z,j,q,N,C,L,u,s,m,i,n,A,function(e,t,r,o){const l=["mc-button"],n=function(e,t){if(!t&&!e)return"";const r=t?"bordered":"solid";return e?`mc-button--${r}-${e}`:`mc-button--${r}`}(e,t);return n&&l.push(n),r&&l.push(`mc-button--${r}`),o?l.push("mc-button--full"):l.push("mc-button--fit"),"only"===N&&l.push("mc-button--square"),E&&l.push(`mc-button--${E}`),F&&l.push(`mc-button--${F}`),l.join(" ")},a,E,F,O,b,v,w,o,d,p]}class se extends e{constructor(e){super(),t(this,e,me,ne,r,{bordered:0,theme:1,size:2,full:3,label:4,iconname:5,iconmode:6,disabled:7,responsivesize:17,responsivewidth:18,type:8,loader:19},H)}}export{se as default};
+//# sourceMappingURL=Button.nested.js.map

package/dist/bricoman/components/button/Button.nested.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.nested.js","sources":["../../../../src/components/button/Button.nested.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 || $$slots.icon) && iconmode === 'left'}\n    <span class=\"mc-button__icon\">\n      {#if isLoading && loaderPosition === 'left'}\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      {:else if $$slots.icon}\n        <slot name=\"icon\" />\n      {:else if iconname}\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      {/if}\n    </span>\n  {/if}\n\n  {#if (iconname || $$slots.icon) && iconmode === 'only'}\n    <span class=\"mc-button__icon\">\n      {#if isLoading}\n        <Loader size=\"m\" theme={loaderTheme} text=\"\" />\n      {:else if $$slots.icon}\n        <slot name=\"icon\" />\n      {:else if iconname}\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      {/if}\n    </span>\n  {:else}\n    {#if isLoading && loaderPosition === 'left' && !iconname && !$$slots.icon}\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 && !$$slots.icon}\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 if $$slots.icon}\n        <slot name=\"icon\" />\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","icon","insert","target","span","anchor","raw_value","generateIconName","dirty","html_tag","p","create_if_block_8","create_if_block_7","if_block0","create_if_block_9","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/dist/bricoman/components/button/Button.nested.svelte

@@ -0,0 +1,179 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import { get_current_component } from 'svelte/internal';
+  import { createEventForwarder } from '../../utilities/EventForward';
+  import Loader from '../loader/Loader.nested.svelte';
+  import type {
+    ButtonIconMode,
+    ButtonSize,
+    ButtonTheme,
+    ButtonResponsiveSize,
+    ButtonResponsiveWidth,
+    ButtonType,
+    ButtonLoader,
+  } from './button.types';
+
+  export let bordered = false;
+  export let theme: ButtonTheme | undefined = undefined;
+  export let size: ButtonSize = 'm';
+  export let full = false;
+  export let label: string;
+  export let iconname: string | undefined;
+  export let iconmode: ButtonIconMode | undefined;
+  export let disabled = false;
+  export let responsivesize: ButtonResponsiveSize = undefined;
+  export let responsivewidth: ButtonResponsiveWidth = undefined;
+  export let type: ButtonType = 'button';
+  export let loader: string;
+
+  const forwardEvents = createEventForwarder(get_current_component());
+
+  $: loaderOpts = loader ? (JSON.parse(loader) as ButtonLoader) : undefined;
+  $: isLoading = loaderOpts?.enabled ?? false;
+  $: loaderPosition = loaderOpts?.position ?? 'left';
+  $: loaderTheme = loaderOpts?.theme ?? 'primary';
+  $: userClass = $$props.class;
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+
+  function generateIconName(
+    size: ButtonSize,
+    iconMode: ButtonIconMode,
+    iconName: string,
+  ): string {
+    const isIconOnly = iconMode === 'only';
+    let iconSize: string;
+
+    switch (size) {
+      case 's':
+        iconSize = '24px';
+        break;
+      case 'm':
+        iconSize = isIconOnly ? '32px' : '24px';
+        break;
+      case 'l':
+        iconSize = isIconOnly ? '100%' : '32px';
+        break;
+    }
+
+    return `${iconName} size="${iconSize}" class="no"`;
+  }
+
+  function getAppearanceClass(theme: ButtonTheme, isBordered: boolean): string {
+    if (!isBordered && !theme) {
+      return '';
+    }
+
+    const type = isBordered ? 'bordered' : 'solid';
+
+    if (theme) {
+      return `mc-button--${type}-${theme}`;
+    }
+    return `mc-button--${type}`;
+  }
+
+  function getClasses(
+    theme: ButtonTheme,
+    isBordered: boolean,
+    size: ButtonSize,
+    isFull: boolean,
+  ): string {
+    const classes = ['mc-button'];
+
+    const appearanceClass = getAppearanceClass(theme, isBordered);
+    if (appearanceClass) {
+      classes.push(appearanceClass);
+    }
+
+    if (size) {
+      classes.push(`mc-button--${size}`);
+    }
+
+    if (isFull) {
+      classes.push(`mc-button--full`);
+    } else {
+      classes.push(`mc-button--fit`);
+    }
+
+    if (iconmode === 'only') {
+      classes.push('mc-button--square');
+    }
+
+    if (responsivesize) {
+      classes.push(`mc-button--${responsivesize}`);
+    }
+
+    if (responsivewidth) {
+      classes.push(`mc-button--${responsivewidth}`);
+    }
+
+    return classes.join(' ');
+  }
+</script>
+
+<button
+  use:forwardEvents
+  {type}
+  class="{getClasses(theme, bordered, size, full)} {userClass}"
+  class:mc-button--square={iconmode}
+  {disabled}
+  {...attributes}
+>
+  {#if (iconname || $$slots.icon) && iconmode === 'left'}
+    <span class="mc-button__icon">
+      {#if isLoading && loaderPosition === 'left'}
+        <Loader size="s" theme={loaderTheme} text="" />
+      {:else if $$slots.icon}
+        <slot name="icon" />
+      {:else if iconname}
+        {@html `<${generateIconName(size, iconmode, iconname)} />`}
+      {/if}
+    </span>
+  {/if}
+
+  {#if (iconname || $$slots.icon) && iconmode === 'only'}
+    <span class="mc-button__icon">
+      {#if isLoading}
+        <Loader size="m" theme={loaderTheme} text="" />
+      {:else if $$slots.icon}
+        <slot name="icon" />
+      {:else if iconname}
+        {@html `<${generateIconName(size, iconmode, iconname)} />`}
+      {/if}
+    </span>
+  {:else}
+    {#if isLoading && loaderPosition === 'left' && !iconname && !$$slots.icon}
+      <span class="mc-button__icon">
+        <Loader size="s" theme={loaderTheme} text="" />
+      </span>
+    {/if}
+    <span class="mc-button__label">{label}</span>
+    {#if isLoading && loaderPosition === 'right' && !iconname && !$$slots.icon}
+      <span class="mc-button__icon">
+        <Loader size="s" theme={loaderTheme} text="" />
+      </span>
+    {/if}
+  {/if}
+
+  {#if iconname && iconmode === 'right'}
+    <span class="mc-button__icon">
+      {#if isLoading && loaderPosition === 'right'}
+        <Loader size="s" theme={loaderTheme} text="" />
+      {:else if $$slots.icon}
+        <slot name="icon" />
+      {:else}
+        {@html `<${generateIconName(size, iconmode, iconname)} />`}
+      {/if}
+    </span>
+  {/if}
+</button>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/c.button';
+
+  .mc-button__icon {
+    pointer-events: none;
+  }
+</style>

package/dist/bricoman/components/button/Button.svelte

@@ -0,0 +1,203 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import { get_current_component } from 'svelte/internal';
+  import { createEventForwarder } from '../../utilities/EventForward';
+  import Loader from '../loader/Loader.nested.svelte';
+  import type {
+    ButtonIconMode,
+    ButtonSize,
+    ButtonTheme,
+    ButtonResponsiveSize,
+    ButtonResponsiveWidth,
+    ButtonType,
+    ButtonLoader,
+  } from './button.types';
+
+  export let bordered = false;
+  export let theme: ButtonTheme | undefined = undefined;
+  export let size: ButtonSize = 'm';
+  export let full = false;
+  export let label: string;
+  export let iconname: string | undefined;
+  export let iconmode: ButtonIconMode | undefined;
+  export let disabled = false;
+  export let responsivesize: ButtonResponsiveSize = undefined;
+  export let responsivewidth: ButtonResponsiveWidth = undefined;
+  export let type: ButtonType = 'button';
+  export let loader: string;
+  export let iconpath: string;
+  const forwardEvents = createEventForwarder(get_current_component());
+
+  $: loaderOpts = loader ? (JSON.parse(loader) as ButtonLoader) : undefined;
+  $: isLoading = loaderOpts?.enabled ?? false;
+  $: loaderPosition = loaderOpts?.position ?? 'left';
+  $: loaderTheme = loaderOpts?.theme ?? 'primary';
+  $: userClass = $$props.class;
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+
+  function generateIconName(
+    size: ButtonSize,
+    iconMode: ButtonIconMode,
+    iconName: string,
+  ): string {
+    const isIconOnly = iconMode === 'only';
+    let iconSize: string;
+
+    switch (size) {
+      case 's':
+        iconSize = '24px';
+        break;
+      case 'm':
+        iconSize = isIconOnly ? '32px' : '24px';
+        break;
+      case 'l':
+        iconSize = isIconOnly ? '100%' : '32px';
+        break;
+    }
+
+    return `${iconName} size="${iconSize}" class="no"`;
+  }
+
+  function getAppearanceClass(theme: ButtonTheme, isBordered: boolean): string {
+    if (!isBordered && !theme) {
+      return '';
+    }
+
+    const type = isBordered ? 'bordered' : 'solid';
+
+    if (theme) {
+      return `mc-button--${type}-${theme}`;
+    }
+    return `mc-button--${type}`;
+  }
+
+  function getClasses(
+    theme: ButtonTheme,
+    isBordered: boolean,
+    size: ButtonSize,
+    isFull: boolean,
+  ): string {
+    const classes = ['mc-button'];
+
+    const appearanceClass = getAppearanceClass(theme, isBordered);
+    if (appearanceClass) {
+      classes.push(appearanceClass);
+    }
+
+    if (size) {
+      classes.push(`mc-button--${size}`);
+    }
+
+    if (isFull) {
+      classes.push(`mc-button--full`);
+    } else {
+      classes.push(`mc-button--fit`);
+    }
+
+    if (iconmode === 'only') {
+      classes.push('mc-button--square');
+    }
+
+    if (responsivesize) {
+      classes.push(`mc-button--${responsivesize}`);
+    }
+
+    if (responsivewidth) {
+      classes.push(`mc-button--${responsivewidth}`);
+    }
+
+    return classes.join(' ');
+  }
+</script>
+
+<button
+  use:forwardEvents
+  {type}
+  class="{getClasses(theme, bordered, size, full)} {userClass}"
+  class:mc-button--square={iconmode == 'only'}
+  {disabled}
+  {...attributes}
+>
+  {#if (iconname || $$slots.icon || iconpath) && iconmode === 'left'}
+    {#if isLoading && loaderPosition === 'left'}
+      <span class="mc-button__icon">
+        <Loader size="s" theme={loaderTheme} text="" />
+      </span>
+    {:else if iconpath}
+      <svg class="mc-button__icon">
+        <use href={iconpath} />
+      </svg>
+    {:else if $$slots.icon}
+      <span class="mc-button__icon">
+        <slot name="icon" />
+      </span>
+    {:else if iconname}
+      <span class="mc-button__icon">
+        {@html `<${generateIconName(size, iconmode, iconname)} />`}
+      </span>
+    {/if}
+  {/if}
+
+  {#if (iconname || $$slots.icon || iconpath) && iconmode === 'only'}
+    {#if isLoading}
+      <span class="mc-button__icon">
+        <Loader size="m" theme={loaderTheme} text="" />
+      </span>
+    {:else if $$slots.icon}
+      <span class="mc-button__icon">
+        <slot name="icon" />
+      </span>
+    {:else if iconpath}
+      <svg class="mc-button__icon">
+        <use href={iconpath} />
+      </svg>
+    {:else if iconname}
+      <span class="mc-button__icon">
+        {@html `<${generateIconName(size, iconmode, iconname)} />`}
+      </span>
+    {/if}
+  {:else}
+    {#if isLoading && loaderPosition === 'left' && !iconname && !$$slots.icon}
+      <span class="mc-button__icon">
+        <Loader size="s" theme={loaderTheme} text="" />
+      </span>
+    {/if}
+    <span class="mc-button__label">{label}</span>
+    {#if isLoading && loaderPosition === 'right' && !iconname && !$$slots.icon}
+      <span class="mc-button__icon">
+        <Loader size="s" theme={loaderTheme} text="" />
+      </span>
+    {/if}
+  {/if}
+
+  {#if (iconname || $$slots.icon || iconpath) && iconmode === 'right'}
+    {#if isLoading && loaderPosition === 'right'}
+      <span class="mc-button__icon">
+        <Loader size="s" theme={loaderTheme} text="" />
+      </span>
+    {:else if iconpath}
+      <svg class="mc-button__icon">
+        <use href={iconpath} />
+      </svg>
+    {:else if $$slots.icon}
+      <span class="mc-button__icon">
+        <slot name="icon" />
+      </span>
+    {:else if iconname}
+      <span class="mc-button__icon">
+        {@html `<${generateIconName(size, iconmode, iconname)} />`}
+      </span>
+    {/if}
+  {/if}
+</button>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/c.button';
+
+  .mc-button__icon {
+    pointer-events: none;
+  }
+</style>

package/dist/bricoman/components/button/button.types.d.ts

@@ -0,0 +1,13 @@
+export type ButtonTheme = 'danger' | 'neutral' | 'primary-02' | undefined;
+export type ButtonSize = 's' | 'm' | 'l';
+export type ButtonResponsiveSize = 's@from-m' | 's@from-l' | 's@from-xl' | 's@from-xxl' | 'm@from-m' | 'm@from-l' | 'm@from-xl' | 'm@from-xxl' | 'l@from-m' | 'l@from-l' | 'l@from-xl' | 'l@from-xxl' | undefined;
+export type ButtonResponsiveWidth = 'fit@from-m' | 'fit@from-l' | 'fit@from-xl' | 'fit@from-xxl' | 'full' | 'full@from-m' | 'full@from-l' | 'full@from-xl' | 'full@from-xxl' | undefined;
+export type ButtonIconMode = 'left' | 'right' | 'only' | undefined;
+export type ButtonType = 'button' | 'reset' | 'submit' | null | undefined;
+export type LoaderTheme = 'primary' | 'dark' | 'light' | undefined;
+export type ButtonLoader = {
+    enabled: boolean;
+    position: 'left' | 'right' | undefined;
+    theme: LoaderTheme;
+};
+//# sourceMappingURL=button.types.d.ts.map

package/dist/bricoman/components/button/button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAAC;AAC1E,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACzC,MAAM,MAAM,oBAAoB,GAC5B,UAAU,GACV,UAAU,GACV,WAAW,GACX,YAAY,GACZ,UAAU,GACV,UAAU,GACV,WAAW,GACX,YAAY,GACZ,UAAU,GACV,UAAU,GACV,WAAW,GACX,YAAY,GACZ,SAAS,CAAC;AACd,MAAM,MAAM,qBAAqB,GAC7B,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,cAAc,GACd,MAAM,GACN,aAAa,GACb,aAAa,GACb,cAAc,GACd,eAAe,GACf,SAAS,CAAC;AAEd,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AACnE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;AAC1E,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACnE,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACvC,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC"}