@mozaic-ds/web-components 0.28.1 → 1.0.0-alpha.0

package/public/components/autocomplete/Autocomplete.js

@@ -1,2 +0,0 @@
-import{S as t,i as e,a as l,b as a,f as i,s,K as n,L as o,c as r,e as c,d,E as u,n as m,h as p,M as h,j as g,t as $,k as x,F as f,N as b,x as v,B as w,z as y,A as _,O as k,l as z,m as q,G as j,P as S,o as C,q as N,r as O,u as T,Q as E,R as J,T as L,D as M,C as R,U,V as Y}from"../../index-c222d0b7.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as H}from"../../ClickOutside-63071e7a.js";import B from"../tag/Tag.nested.js";import D from"../loader/Loader.nested.js";import F from"../textinput/Textinput.nested.js";import G from"../listbox/Listbox.nested.js";function K(t,e,l){const a=t.slice();return a[73]=e[l],a}function P(t,e,l){const a=t.slice();return a[73]=e[l],a[77]=l,a}function Q(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[33]}`,class:"mc-autocomplete__tag",label:t[32](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new B({props:a}),t[52](e),e.$on("tag-removed",t[34]),{c(){u(e.$$.fragment)},m(t,a){f(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[33]}`),2&l[1]&&(a.label=t[32]()),e.$set(a)},i(t){l||(w(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[52](null),j(e,l)}}}function V(t){let e,l;return e=new D({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(e.$$.fragment)},m(t,a){f(e,t,a),l=!0},i(t){l||(w(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function W(t){let e,l,i;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n          <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(s,n){a(s,e,n),l||(i=v(e,"click",E(t[57])),l=!0)},p:m,d(t){t&&q(e),l=!1,i()}}}function I(t){let e,l,a;function i(e){t[58](e)}let s={items:JSON.stringify(t[31]),name:t[7],multiple:t[10],isfiltered:t[27],emptysearchlabel:t[11],maxwidth:t[0],datatextexpr:t[12],datavalueexpr:t[13],selectall:t[18],labelselectall:t[19],overlay:!0,width:t[0]};return void 0!==t[20]&&(s.value=t[20]),e=new G({props:s}),n.push((()=>o(e,"value",i))),e.$on("change",t[36]),e.$on("scrollend",t[40]),e.$on("select-all",t[41]),{c(){u(e.$$.fragment)},m(t,l){f(e,t,l),a=!0},p(t,a){const i={};1&a[1]&&(i.items=JSON.stringify(t[31])),128&a[0]&&(i.name=t[7]),1024&a[0]&&(i.multiple=t[10]),134217728&a[0]&&(i.isfiltered=t[27]),2048&a[0]&&(i.emptysearchlabel=t[11]),1&a[0]&&(i.maxwidth=t[0]),4096&a[0]&&(i.datatextexpr=t[12]),8192&a[0]&&(i.datavalueexpr=t[13]),262144&a[0]&&(i.selectall=t[18]),524288&a[0]&&(i.labelselectall=t[19]),1&a[0]&&(i.width=t[0]),!l&&1048576&a[0]&&(l=!0,i.value=t[20],k((()=>l=!1))),e.$set(i)},i(t){a||(w(e.$$.fragment,t),a=!0)},o(t){y(e.$$.fragment,t),a=!1},d(t){j(e,t)}}}function X(t){let e,l,i=t[28],s=[];for(let e=0;e<i.length;e+=1)s[e]=lt(P(t,i,e));let n=t[20].length>t[16]&&at(t);return{c(){e=c("div");for(let t=0;t<s.length;t+=1)s[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,i){a(t,e,i);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,null);x(e,l),n&&n.m(e,null)},p(t,a){if(268501e3&a[0]|2048&a[1]){let n;for(i=t[28],n=0;n<i.length;n+=1){const o=P(t,i,n);s[n]?s[n].p(o,a):(s[n]=lt(o),s[n].c(),s[n].m(e,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}t[20].length>t[16]?n?n.p(t,a):(n=at(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),J(s,t),n&&n.d()}}}function Z(t){let e;function l(t,e){return t[3]?et:tt}let i=l(t),s=i(t);return{c(){e=c("div"),s.c(),p(e,"class","tag-selected")},m(t,l){a(t,e,l),s.m(e,null)},p(t,a){i===(i=l(t))&&s?s.p(t,a):(s.d(1),s=i(t),s&&(s.c(),s.m(e,null)))},d(t){t&&q(e),s.d()}}}function tt(t){let e,l,i,s,n;function o(){return t[59](t[73])}return{c(){e=c("m-tag"),M(e,"id",l=t[73].id),M(e,"label",i=t[73].label),M(e,"size","s"),M(e,"type","removable")},m(t,l){a(t,e,l),s||(n=v(e,"tag-removed",o),s=!0)},p(a,s){t=a,268435456&s[0]&&l!==(l=t[73].id)&&M(e,"id",l),268435456&s[0]&&i!==(i=t[73].label)&&M(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function et(t){let e,l,i;return{c(){e=c("m-tag"),M(e,"type","link"),M(e,"id",l=t[73].id),M(e,"label",i=t[73].label),M(e,"size","s"),M(e,"dark",!0)},m(t,l){a(t,e,l)},p(t,a){268435456&a[0]&&l!==(l=t[73].id)&&M(e,"id",l),268435456&a[0]&&i!==(i=t[73].label)&&M(e,"label",i)},d(t){t&&q(e)}}}function lt(t){let e,l=t[77]<t[16]&&Z(t);return{c(){l&&l.c(),e=L()},m(t,i){l&&l.m(t,i),a(t,e,i)},p(t,a){t[77]<t[16]?l?l.p(t,a):(l=Z(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function at(t){let e,l,i,s,n;return{c(){e=c("div"),l=c("m-tag"),M(l,"id","id-tag"),M(l,"label",i="("+t[20].length+") "+t[15]+" "),M(l,"size","s"),M(l,"type","link"),p(e,"class","tag-selected")},m(i,o){a(i,e,o),x(e,l),s||(n=v(e,"click",t[60]),s=!0)},p(t,e){1081344&e[0]&&i!==(i="("+t[20].length+") "+t[15]+" ")&&M(l,"label",i)},d(t){t&&q(e),s=!1,n()}}}function it(t){let e,l,i,s,n,o,r=t[28],d=[];for(let e=0;e<r.length;e+=1)d[e]=ot(K(t,r,e));return{c(){e=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(s,"class","tags-selected"),p(i,"slot","content"),M(l,"title",t[14]),M(l,"layertitletag","h3"),M(l,"isopen",t[29])},m(r,c){a(r,e,c),x(e,l),x(l,i),x(i,s);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(s,null);n||(o=v(l,"layer-closed",t[62]),n=!0)},p(t,e){if(268435464&e[0]|2048&e[1]){let l;for(r=t[28],l=0;l<r.length;l+=1){const a=K(t,r,l);d[l]?d[l].p(a,e):(d[l]=ot(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}16384&e[0]&&M(l,"title",t[14]),536870912&e[0]&&M(l,"isopen",t[29])},d(t){t&&q(e),J(d,t),n=!1,o()}}}function st(t){let e,l,i,s,n;function o(){return t[61](t[73])}return{c(){e=c("m-tag"),M(e,"id",l=t[73].id),M(e,"label",i=t[73].label),M(e,"size","s"),M(e,"type","removable")},m(t,l){a(t,e,l),s||(n=v(e,"tag-removed",o),s=!0)},p(a,s){t=a,268435456&s[0]&&l!==(l=t[73].id)&&M(e,"id",l),268435456&s[0]&&i!==(i=t[73].label)&&M(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function nt(t){let e,l,i;return{c(){e=c("m-tag"),M(e,"type","text"),M(e,"id",l=t[73].id),M(e,"label",i=t[73].label),M(e,"size","s")},m(t,l){a(t,e,l)},p(t,a){268435456&a[0]&&l!==(l=t[73].id)&&M(e,"id",l),268435456&a[0]&&i!==(i=t[73].label)&&M(e,"label",i)},d(t){t&&q(e)}}}function ot(t){let e,l;function i(t,e){return t[3]?nt:st}let s=i(t),n=s(t);return{c(){e=c("div"),n.c(),l=d(),p(e,"class","tag-selected")},m(t,i){a(t,e,i),n.m(e,null),x(e,l)},p(t,a){s===(s=i(t))&&n?n.p(t,a):(n.d(1),n=s(t),n&&(n.c(),n.m(e,l)))},d(t){t&&q(e),n.d()}}}function rt(t){let e,l,i,s,C,N,O,T,E,J,L,M,U,Y,A,B,D,G,K,P=t[10]&&t[20].length>0&&!t[17]&&Q(t);function Z(e){t[53](e)}let tt={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[9],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[30]&&(tt.value=t[30]),s=new F({props:tt}),n.push((()=>o(s,"value",Z))),s.$on("input",t[39]),s.$on("click",t[54]),s.$on("change",t[55]),s.$on("blur",t[56]);let et=t[8]&&V(),lt=null!=t[30]&&""!=t[30]&&!t[3]&&W(t),at=t[22]&&I(t),st=t[10]&&t[17]&&X(t),nt=t[10]&&t[17]&&it(t),ot=[{class:"mc-autocomplete"},{style:B="--autocomplete-tag-width: "+t[26]+"; --autocomplete-width: "+t[0]+";"},t[23]],rt={};for(let t=0;t<ot.length;t+=1)rt=r(rt,ot[t]);return{c(){e=c("div"),l=c("div"),P&&P.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),et&&et.c(),T=d(),lt&&lt.c(),E=d(),at&&at.c(),J=d(),st&&st.c(),L=d(),M=c("span"),U=d(),Y=c("span"),A=d(),nt&&nt.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(M,"class","mc-autocomplete__loader"),h(M,"display","none"),p(Y,"class","mc-text-input mc-autocomplete__trigger"),h(Y,"display","none"),g(e,rt),$(e,"mc-autocomplete--multi",t[10])},m(n,o){a(n,e,o),x(e,l),P&&P.m(l,null),x(l,i),f(s,l,null),x(l,N),x(l,O),et&&et.m(O,null),x(O,T),lt&&lt.m(O,null),x(e,E),at&&at.m(e,null),x(e,J),st&&st.m(e,null),x(e,L),x(e,M),x(e,U),x(e,Y),x(e,A),nt&&nt.m(e,null),t[63](e),D=!0,G||(K=[b(H.call(null,e)),v(e,"outclick",t[35])],G=!0)},p(t,a){t[10]&&t[20].length>0&&!t[17]?P?(P.p(t,a),1180672&a[0]&&w(P,1)):(P=Q(t),P.c(),w(P,1),P.m(l,i)):P&&(R(),y(P,1,1,(()=>{P=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),512&a[0]&&(n.required=t[9]),!C&&1073741824&a[0]&&(C=!0,n.value=t[30],k((()=>C=!1))),s.$set(n),t[8]?et?256&a[0]&&w(et,1):(et=V(),et.c(),w(et,1),et.m(O,T)):et&&(R(),y(et,1,1,(()=>{et=null})),_()),null==t[30]||""==t[30]||t[3]?lt&&(lt.d(1),lt=null):lt?lt.p(t,a):(lt=W(t),lt.c(),lt.m(O,null)),t[22]?at?(at.p(t,a),4194304&a[0]&&w(at,1)):(at=I(t),at.c(),w(at,1),at.m(e,J)):at&&(R(),y(at,1,1,(()=>{at=null})),_()),t[10]&&t[17]?st?st.p(t,a):(st=X(t),st.c(),st.m(e,L)):st&&(st.d(1),st=null),t[10]&&t[17]?nt?nt.p(t,a):(nt=it(t),nt.c(),nt.m(e,null)):nt&&(nt.d(1),nt=null),g(e,rt=z(ot,[{class:"mc-autocomplete"},(!D||67108865&a[0]&&B!==(B="--autocomplete-tag-width: "+t[26]+"; --autocomplete-width: "+t[0]+";"))&&{style:B},8388608&a[0]&&t[23]])),$(e,"mc-autocomplete--multi",t[10])},i(t){D||(w(P),w(s.$$.fragment,t),w(et),w(at),D=!0)},o(t){y(P),y(s.$$.fragment,t),y(et),y(at),D=!1},d(l){l&&q(e),P&&P.d(),j(s),et&&et.d(),lt&&lt.d(),at&&at.d(),st&&st.d(),nt&&nt.d(),t[63](null),G=!1,S(K)}}}function ct(t,e,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p,h=C(e,m),{maxwidth:g="100%"}=e,{tagid:$}=e,{taglabel:x=""}=e,{placeholder:f}=e,{filter:b=!0}=e,{nofilter:v=!1}=e,{disabled:w=!1}=e,{size:y="m"}=e,{isinvalid:_}=e,{inputvalue:k}=e,{id:z}=e,{name:q}=e,{loading:j=!1}=e,{required:S=!1}=e,{items:E}=e,{value:J}=e,{open:L=!1}=e,{multiple:M=!1}=e,{emptysearchlabel:R="No results found"}=e,{datatextexpr:H="label"}=e,{datavalueexpr:B="value"}=e,{nosort:D=!1}=e,{layertitle:F="Title layer"}=e,{showmoretagslabel:G="Show more"}=e,{maxnumbertoshowtags:K=12}=e,{alltags:P=!1}=e,{selectall:Q=!1}=e,{labelselectall:V="Select all"}=e;const W=Math.random();let I,X,Z,tt=new A(N(),O()),et="0px",lt=!1,at=[],it=null;function st(){w||(l(20,o=M?[]:""),nt(),tt.dispatch("clear",!0))}function nt(){l(22,d=!1),M&&!D?function(){Z=i;const t=ot();Z.sort(((e,l)=>{const a=t.includes(e),i=t.includes(l);return a===i?e[B]-l[B]:a<i?1:-1})),l(31,s=Z)}():l(31,s=i)}function ot(t){const e=t||o;return i.filter((t=>M?e.includes(t[B]):e===t[B]))}function rt(){l(29,it=!0)}function ct(){l(29,it=null)}function dt(t){l(20,o=o.filter((e=>e!==t))),tt.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),T(t)),l(72,h=C(e,m)),"maxwidth"in t&&l(0,g=t.maxwidth),"tagid"in t&&l(1,$=t.tagid),"taglabel"in t&&l(43,x=t.taglabel),"placeholder"in t&&l(2,f=t.placeholder),"filter"in t&&l(44,b=t.filter),"nofilter"in t&&l(45,v=t.nofilter),"disabled"in t&&l(3,w=t.disabled),"size"in t&&l(4,y=t.size),"isinvalid"in t&&l(5,_=t.isinvalid),"inputvalue"in t&&l(46,k=t.inputvalue),"id"in t&&l(6,z=t.id),"name"in t&&l(7,q=t.name),"loading"in t&&l(8,j=t.loading),"required"in t&&l(9,S=t.required),"items"in t&&l(47,E=t.items),"value"in t&&l(48,J=t.value),"open"in t&&l(49,L=t.open),"multiple"in t&&l(10,M=t.multiple),"emptysearchlabel"in t&&l(11,R=t.emptysearchlabel),"datatextexpr"in t&&l(12,H=t.datatextexpr),"datavalueexpr"in t&&l(13,B=t.datavalueexpr),"nosort"in t&&l(50,D=t.nosort),"layertitle"in t&&l(14,F=t.layertitle),"showmoretagslabel"in t&&l(15,G=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(16,K=t.maxnumbertoshowtags),"alltags"in t&&l(17,P=t.alltags),"selectall"in t&&l(18,Q=t.selectall),"labelselectall"in t&&l(19,V=t.labelselectall)},t.$$.update=()=>{if(32768&t.$$.dirty[1]&&l(30,a=k),65536&t.$$.dirty[1]&&l(21,i=E?JSON.parse(E):[]),2097152&t.$$.dirty[0]&&l(31,s=i),1024&t.$$.dirty[0]|131072&t.$$.dirty[1]&&l(20,o=!J&&M?[]:J?JSON.parse(J):J),1048576&t.$$.dirty[0]|4096&t.$$.dirty[1]&&l(32,c=()=>o.length.toString()+" "+x),1048576&t.$$.dirty[0]&&async function(t){try{if(await U(),l(28,at=ot(t)),M)l(51,X=t);else{const t=at.map((t=>t[H]));l(30,a=t.join(", "))}}catch(t){console.error(t)}}(o),1048576&t.$$.dirty[1]&&async function(t){var e;try{await U(),l(26,et=I&&t&&t.length?`${null===(e=null==p?void 0:p.querySelector(".mc-tag-removable"))||void 0===e?void 0:e.clientWidth}px`:"0px")}catch(t){console.error(t)}}(X),262144&t.$$.dirty[1]&&l(22,d=L),4194304&t.$$.dirty[0]){const t=d?"open":"close";tt.dispatch(t,d)}l(23,u=Object.assign({},h)),8388608&t.$$.dirty[0]&&delete u.class},[g,$,f,w,y,_,z,q,j,S,M,R,H,B,F,G,K,P,Q,V,o,i,d,u,p,I,et,lt,at,it,a,s,c,W,st,nt,function(){tt.dispatch("onchange",o),M||nt()},rt,ct,function(t){const e=t.target.value;!function(t){tt.dispatch("oninput",t)}(e),function(t){!v&&b&&(t.length?l(31,s=i.filter((e=>e[H].toUpperCase().includes(t.toUpperCase())))):l(31,s=i),l(27,lt=!s.length),tt.dispatch("onfilter",s))}(e)},function(){tt.dispatch("scrollend",!0)},function(t){tt.dispatch("select-all",t.detail)},dt,x,b,v,k,E,J,L,D,X,function(t){n[t?"unshift":"push"]((()=>{I=t,l(25,I)}))},function(t){a=t,l(30,a),l(46,k)},()=>l(22,d=!0),function(e){Y.call(this,t,e)},function(e){Y.call(this,t,e)},()=>{l(30,a=""),l(31,s=i),l(27,lt=!1),M||st()},function(t){o=t,l(20,o),l(48,J),l(10,M)},t=>dt(t.id),()=>rt(),t=>dt(t.id),()=>ct(),function(t){n[t?"unshift":"push"]((()=>{p=t,l(24,p)}))}]}class dt extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:var(--autocomplete-min-width, 6rem);max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:var(--autocomplete-tag-z-index, 2)}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete{min-width:auto}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}.mc-listbox--overlay{top:calc(100% + 4px)}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ct,rt,s,{maxwidth:0,tagid:1,taglabel:43,placeholder:2,filter:44,nofilter:45,disabled:3,size:4,isinvalid:5,inputvalue:46,id:6,name:7,loading:8,required:9,items:47,value:48,open:49,multiple:10,emptysearchlabel:11,datatextexpr:12,datavalueexpr:13,nosort:50,layertitle:14,showmoretagslabel:15,maxnumbertoshowtags:16,alltags:17,selectall:18,labelselectall:19},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),i()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),i()}get taglabel(){return this.$$.ctx[43]}set taglabel(t){this.$$set({taglabel:t}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),i()}get filter(){return this.$$.ctx[44]}set filter(t){this.$$set({filter:t}),i()}get nofilter(){return this.$$.ctx[45]}set nofilter(t){this.$$set({nofilter:t}),i()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),i()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),i()}get inputvalue(){return this.$$.ctx[46]}set inputvalue(t){this.$$set({inputvalue:t}),i()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),i()}get name(){return this.$$.ctx[7]}set name(t){this.$$set({name:t}),i()}get loading(){return this.$$.ctx[8]}set loading(t){this.$$set({loading:t}),i()}get required(){return this.$$.ctx[9]}set required(t){this.$$set({required:t}),i()}get items(){return this.$$.ctx[47]}set items(t){this.$$set({items:t}),i()}get value(){return this.$$.ctx[48]}set value(t){this.$$set({value:t}),i()}get open(){return this.$$.ctx[49]}set open(t){this.$$set({open:t}),i()}get multiple(){return this.$$.ctx[10]}set multiple(t){this.$$set({multiple:t}),i()}get emptysearchlabel(){return this.$$.ctx[11]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),i()}get datatextexpr(){return this.$$.ctx[12]}set datatextexpr(t){this.$$set({datatextexpr:t}),i()}get datavalueexpr(){return this.$$.ctx[13]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),i()}get nosort(){return this.$$.ctx[50]}set nosort(t){this.$$set({nosort:t}),i()}get layertitle(){return this.$$.ctx[14]}set layertitle(t){this.$$set({layertitle:t}),i()}get showmoretagslabel(){return this.$$.ctx[15]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),i()}get maxnumbertoshowtags(){return this.$$.ctx[16]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),i()}get alltags(){return this.$$.ctx[17]}set alltags(t){this.$$set({alltags:t}),i()}get selectall(){return this.$$.ctx[18]}set selectall(t){this.$$set({selectall:t}),i()}get labelselectall(){return this.$$.ctx[19]}set labelselectall(t){this.$$set({labelselectall:t}),i()}}export{dt as default};
-//# sourceMappingURL=Autocomplete.js.map

package/public/components/autocomplete/Autocomplete.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { tick } from 'svelte';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { clickOutside } from '../../utilities/ClickOutside';\n  import type { ListboxItems } from '../listbox/listbox.types';\n  import type { TextInputSize } from '../textinput/textinput.types';\n\n  import Tag from '../tag/Tag.nested.svelte';\n  import Loader from '../loader/Loader.nested.svelte';\n  import TextInput from '../textinput/Textinput.nested.svelte';\n  import Listbox from '../listbox/Listbox.nested.svelte';\n\n  export let maxwidth = '100%';\n  export let tagid: string;\n  export let taglabel = '';\n  export let placeholder: string;\n  export let filter = true;\n  export let nofilter = false;\n  export let disabled = false;\n  export let size: TextInputSize = 'm';\n  export let isinvalid: boolean;\n  export let inputvalue: string;\n  export let id: string;\n  export let name: string;\n  export let loading = false;\n  export let required = false;\n  export let items: string;\n  export let value: any;\n  export let open = false;\n  export let multiple = false;\n  export let emptysearchlabel = 'No results found';\n  export let datatextexpr = 'label';\n  export let datavalueexpr = 'value';\n  export let nosort = false;\n  export let layertitle = 'Title layer';\n  export let showmoretagslabel = 'Show more';\n  export let maxnumbertoshowtags = 12;\n  export let alltags = false;\n  export let selectall = false;\n  export let labelselectall = 'Select all';\n\n  let component: HTMLDivElement;\n  const uuid = Math.random();\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  let tag: any;\n  let tagWidth = '0px';\n  let tagValue: any;\n  let sortedListItems: any;\n  let isfiltered = false;\n  let selectedItems: ListboxItems[] = [];\n  let openLayer: any = null;\n\n  $: localInputValue = inputvalue;\n  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n  $: localItems = parsedItems;\n  $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n  $: setTagLabel = () => {\n    return listboxValue.length.toString() + ' ' + taglabel;\n  };\n  $: watchListboxValue(listboxValue);\n  $: setTagWidth(tagValue);\n  $: openState = open;\n  $: {\n    const eventName = openState ? 'open' : 'close';\n    eventHandler.dispatch(eventName, openState);\n  }\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function clearListbox() {\n    if (!disabled) {\n      listboxValue = multiple ? [] : '';\n      closeListBox();\n      eventHandler.dispatch('clear', true);\n    }\n  }\n\n  function closeListBox() {\n    openState = false;\n\n    if (multiple && !nosort) {\n      sortItems();\n    } else {\n      localItems = parsedItems;\n    }\n  }\n\n  function onChange() {\n    eventHandler.dispatch('onchange', listboxValue);\n\n    if (!multiple) {\n      closeListBox();\n    }\n  }\n\n  function getSelectedItems(val?: string) {\n    const value = val ? val : listboxValue;\n\n    const selectedItems = parsedItems.filter((item: ListboxItems) => {\n      return multiple\n        ? value.includes(item[datavalueexpr])\n        : value === item[datavalueexpr];\n    });\n    return selectedItems;\n  }\n\n  function sortItems() {\n    sortedListItems = parsedItems;\n    const selectedItems = getSelectedItems();\n\n    sortedListItems.sort((a: any, b: any) => {\n      const hasItemA = selectedItems.includes(a);\n      const hasItemB = selectedItems.includes(b);\n\n      if (hasItemA === hasItemB) {\n        return a[datavalueexpr] - b[datavalueexpr];\n      } else if (hasItemA < hasItemB) {\n        return 1;\n      } else {\n        return -1;\n      }\n    });\n\n    localItems = sortedListItems;\n  }\n\n  function openLayerFn() {\n    openLayer = true;\n  }\n\n  function closeLayerFn() {\n    openLayer = null;\n  }\n\n  function handleInputValue(value: any) {\n    eventHandler.dispatch('oninput', value);\n  }\n\n  function filterListbox(value: any) {\n    if (nofilter || !filter) {\n      return;\n    }\n\n    if (value.length) {\n      localItems = parsedItems.filter((item: any) =>\n        item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n      );\n    } else {\n      localItems = parsedItems;\n    }\n\n    isfiltered = !localItems.length;\n\n    eventHandler.dispatch('onfilter', localItems);\n  }\n\n  function onInput(e: Event) {\n    const value = (e.target as HTMLInputElement).value;\n    handleInputValue(value);\n    filterListbox(value);\n  }\n\n  function onScrollEnd() {\n    eventHandler.dispatch('scrollend', true);\n  }\n\n  function onSelectAll(e: CustomEvent) {\n    eventHandler.dispatch('select-all', e.detail);\n  }\n\n  function removeTagSelected(itemSelectedId: any) {\n    listboxValue = listboxValue.filter(\n      (value: any) => value !== itemSelectedId,\n    );\n    eventHandler.dispatch('onchange', listboxValue);\n  }\n\n  // Watch Functions\n  async function watchListboxValue(value: any) {\n    try {\n      await tick();\n      selectedItems = getSelectedItems(value);\n      if (!multiple) {\n        const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n        localInputValue = seletedLabels.join(', ');\n      } else {\n        tagValue = value;\n      }\n    } catch (e) {\n      console.error(e);\n    }\n  }\n\n  async function setTagWidth(tagValue: any) {\n    try {\n      await tick();\n\n      tagWidth =\n        tag && tagValue && tagValue.length\n          ? `${component?.querySelector('.mc-tag-removable')?.clientWidth}px`\n          : '0px';\n    } catch (e) {\n      console.error(e);\n    }\n  }\n</script>\n\n<div\n  class=\"mc-autocomplete\"\n  class:mc-autocomplete--multi={multiple}\n  style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n  use:clickOutside\n  on:outclick={closeListBox}\n  {...attributes}\n  bind:this={component}\n>\n  <div class=\"mc-autocomplete__main\">\n    <!--  TAG REMOVABLE -->\n    {#if multiple && listboxValue.length > 0 && !alltags}\n      <Tag\n        id={tagid ? tagid : `autocompleteTag-${uuid}`}\n        class=\"mc-autocomplete__tag\"\n        label={setTagLabel()}\n        size=\"s\"\n        type=\"removable\"\n        dark={false}\n        disabled={false}\n        href=\"\"\n        name=\"\"\n        value=\"\"\n        selected={false}\n        bind:this={tag}\n        on:tag-removed={clearListbox}\n      />\n    {/if}\n\n    <!-- TEXT INPUT -->\n    <TextInput\n      classinput=\"mc-autocomplete__trigger\"\n      name={id}\n      bind:value={localInputValue}\n      {placeholder}\n      inputtype=\"text\"\n      {isinvalid}\n      {disabled}\n      {size}\n      {required}\n      iconname=\"navigation-display-search-24px\"\n      rightalign={false}\n      isvalid={false}\n      min=\"\"\n      max=\"\"\n      on:input={onInput}\n      on:click={() => (openState = true)}\n      on:change\n      on:blur\n    />\n\n    <div class=\"mc-autocomplete__tools\">\n      <!-- LOADER -->\n      {#if loading}\n        <Loader\n          size=\"s\"\n          theme=\"primary\"\n          text=\"\"\n          class=\"mc-autocomplete__loader\"\n        />\n      {/if}\n\n      <!-- CLEAR BUTTON -->\n      {#if localInputValue != null && localInputValue != '' && !disabled}\n        <button\n          class=\"mc-autocomplete__clear\"\n          type=\"button\"\n          on:click|stopPropagation={() => {\n            localInputValue = '';\n            localItems = parsedItems;\n            isfiltered = false;\n            if (!multiple) {\n              clearListbox();\n            }\n          }}\n        >\n          <navigation-control-tag--cross-24px />\n          <span class=\"mc-autocomplete__clear-text\">Clear</span>\n        </button>\n      {/if}\n    </div>\n  </div>\n\n  <!-- LISTBOX -->\n  {#if openState}\n    <Listbox\n      items={JSON.stringify(localItems)}\n      {name}\n      {multiple}\n      {isfiltered}\n      {emptysearchlabel}\n      {maxwidth}\n      {datatextexpr}\n      {datavalueexpr}\n      {selectall}\n      {labelselectall}\n      overlay={true}\n      width={maxwidth}\n      bind:value={listboxValue}\n      on:change={onChange}\n      on:scrollend={onScrollEnd}\n      on:select-all={onSelectAll}\n    />\n  {/if}\n\n  {#if multiple && alltags}\n    <div class=\"tags-selected\">\n      {#each selectedItems as selectedItem, index}\n        {#if index < maxnumbertoshowtags}\n          <div class=\"tag-selected\">\n            {#if disabled}\n              <m-tag\n                type=\"link\"\n                id={selectedItem.id}\n                label={selectedItem.label}\n                size=\"s\"\n                dark={true}\n              />\n            {:else}\n              <m-tag\n                id={selectedItem.id}\n                label={selectedItem.label}\n                size=\"s\"\n                type=\"removable\"\n                on:tag-removed={() => removeTagSelected(selectedItem.id)}\n              />\n            {/if}\n          </div>\n        {/if}\n      {/each}\n      {#if listboxValue.length > maxnumbertoshowtags}\n        <!-- svelte-ignore a11y-click-events-have-key-events -->\n        <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n          <m-tag\n            id=\"id-tag\"\n            label=\"({listboxValue.length}) {showmoretagslabel} \"\n            size=\"s\"\n            type=\"link\"\n          />\n        </div>\n      {/if}\n    </div>\n  {/if}\n\n  <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n  <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n  <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n  {#if multiple && alltags}\n    <div>\n      <m-layer\n        title={layertitle}\n        layertitletag=\"h3\"\n        isopen={openLayer}\n        on:layer-closed={() => closeLayerFn()}\n      >\n        <small slot=\"content\">\n          <div class=\"tags-selected\">\n            {#each selectedItems as selectedItem}\n              <div class=\"tag-selected\">\n                {#if disabled}\n                  <m-tag\n                    type=\"text\"\n                    id={selectedItem.id}\n                    label={selectedItem.label}\n                    size=\"s\"\n                  />\n                {:else}\n                  <m-tag\n                    id={selectedItem.id}\n                    label={selectedItem.label}\n                    size=\"s\"\n                    type=\"removable\"\n                    on:tag-removed={() => removeTagSelected(selectedItem.id)}\n                  />\n                {/if}\n              </div>\n            {/each}\n          </div>\n        </small>\n      </m-layer>\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.autocomplete';\n\n  // Autocomplete\n  // NOTE: These styles with the \"!important\" allow to overload the edge effects\n  // due to the scoping applied by Svelte on the CSS selectors\n  .mc-autocomplete {\n    min-width: auto;\n\n    &__tag {\n      position: absolute !important; // due to the Svelte CSS scope\n    }\n\n    &--multi {\n      .mc-autocomplete__trigger {\n        padding-left: calc(\n          2.9375rem + var(--autocomplete-tag-width)\n        ) !important;\n      }\n    }\n  }\n\n  // Selected Tags\n  .tags-selected {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  .tag-selected {\n    margin-top: 1em;\n    margin-left: 5px;\n    margin-right: 5px;\n  }\n\n  // Listbox\n  .mc-listbox {\n    &--overlay {\n      top: calc(100% + 4px);\n    }\n  }\n</style>\n"],"names":["ctx","insert","target","button","anchor","JSON","stringify","length","i","create_if_block_3","div","create_if_block_5","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","dirty","if_block","create_if_block_4","append","div1","m_layer","small","div0","create_if_block_1","if_block0","create_if_block_9","create_if_block_8","if_block2","create_if_block_7","create_if_block_6","if_block4","create_if_block_2","if_block5","create_if_block","style","div2_style_value","div2","span0","span1","current","component","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","e","console","error","watchListboxValue","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}

package/public/components/badge/Badge.nested.js

@@ -1,2 +0,0 @@
-import{H as e,i as r,s as a,I as o,c as s,e as t,v as l,j as c,t as d,b as n,k as b,a2 as i,l as f,n as u,m as g,o as p,u as m}from"../../index-c222d0b7.js";function y(e){o(e,"svelte-10rfydw",'.mc-badge.svelte-10rfydw{border-radius:4px;border:1px solid transparent;display:inline-block;padding:0.125rem 0.4375rem;text-transform:lowercase;white-space:nowrap;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:0.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge.svelte-10rfydw::first-letter{text-transform:uppercase}.mc-badge--success.svelte-10rfydw{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning.svelte-10rfydw{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger.svelte-10rfydw{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral.svelte-10rfydw{background-color:#e6e6e6;border-color:#808080;color:#4d4d4d}')}function w(e){let r,a,o,p=[{class:o=v(e[1])+" "+e[3]},e[2]],m={};for(let e=0;e<p.length;e+=1)m=s(m,p[e]);return{c(){r=t("div"),a=l(e[0]),c(r,m),d(r,"svelte-10rfydw",!0)},m(e,o){n(e,r,o),b(r,a)},p(e,[s]){1&s&&i(a,e[0],m.contenteditable),c(r,m=f(p,[10&s&&o!==(o=v(e[1])+" "+e[3])&&{class:o},4&s&&e[2]])),d(r,"svelte-10rfydw",!0)},i:u,o:u,d(e){e&&g(r)}}}function v(e){const r=["mc-badge"];return e&&r.push(`mc-badge--${e}`),r.join(" ")}function h(e,r,a){let o,t;const l=["label","type"];let c=p(r,l),{label:d}=r,{type:n}=r;return e.$$set=e=>{a(5,r=s(s({},r),m(e))),a(4,c=p(r,l)),"label"in e&&a(0,d=e.label),"type"in e&&a(1,n=e.type)},e.$$.update=()=>{a(3,o=r.class),a(2,t=Object.assign({},c)),4&e.$$.dirty&&delete t.class},r=m(r),[d,n,t,o]}class k extends e{constructor(e){super(),r(this,e,h,w,a,{label:0,type:1},y)}}export{k as default};
-//# sourceMappingURL=Badge.nested.js.map

package/public/components/badge/Badge.nested.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.nested.js","sources":["../../../src/components/badge/Badge.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { BadgeType } from './badge.types';\n\n  export let label: string;\n  export let type: BadgeType;\n\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function setClasses(type: BadgeType) {\n    const classes = ['mc-badge'];\n\n    if (type) {\n      classes.push(`mc-badge--${type}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<div class=\"{setClasses(type)} {userClass}\" {...attributes}>\n  {label}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.badge';\n</style>\n"],"names":["setClasses","ctx","insert","target","div","anchor","div_data","class","div_class_value","type","classes","push","join","label","$$props","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"i+BAuBaA,EAAWC,EAAI,IAAA,IAAIA,EAAS,IAAOA,EAAU,2EACvDA,EAAK,4CADRC,EAEKC,EAAAC,EAAAC,6BADFJ,EAAK,GAAAK,EAAA,yCADKN,EAAWC,EAAI,IAAA,IAAIA,EAAS,KAAA,CAAAM,MAAAC,QAAOP,EAAU,uDAX/C,SAAAD,EAAWS,GACZ,MAAAC,GAAW,mBAEbD,GACFC,EAAQC,KAAI,aAAcF,KAGrBC,EAAQE,KAAK,4EAdXC,GAAaC,QACbL,GAAeK,kIAEvBC,EAAA,EAAAC,EAAYF,EAAQP,WACpBU,EAALC,OAAAC,UAAuBC,yBACXH,EAAWV"}

package/public/components/badge/Badge.nested.svelte

@@ -1,31 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import type { BadgeType } from './badge.types';
-
-  export let label: string;
-  export let type: BadgeType;
-
-  $: userClass = $$props.class;
-  $: attributes = { ...$$restProps };
-  $: delete attributes.class;
-
-  function setClasses(type: BadgeType) {
-    const classes = ['mc-badge'];
-
-    if (type) {
-      classes.push(`mc-badge--${type}`);
-    }
-
-    return classes.join(' ');
-  }
-</script>
-
-<div class="{setClasses(type)} {userClass}" {...attributes}>
-  {label}
-</div>
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import '@mozaic-ds/styles/components/c.badge';
-</style>

package/public/components/bottombar/BottomBar.js

@@ -1,2 +0,0 @@
-import{S as e,i as t,a as i,b as d,f as n,s as a,e as r,n as m,h as o,t as s,m as x}from"../../index-c222d0b7.js";function p(e){let t;return{c(){t=r("div"),this.c=m,o(t,"class","ml-container ml-container--fluid mc-bottom-bar"),s(t,"mc-bottom-bar--fixed",e[0])},m(e,i){d(e,t,i)},p(e,[i]){1&i&&s(t,"mc-bottom-bar--fixed",e[0])},i:m,o:m,d(e){e&&x(t)}}}function c(e,t,i){let d,{fixed:n}=t;return e.$$set=e=>{"fixed"in e&&i(1,n=e.fixed)},e.$$.update=()=>{2&e.$$.dirty&&i(0,d=!!n||void 0)},[d,n]}class h extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.mc-bottom-bar{-webkit-box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}",this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},c,p,a,{fixed:1},null),e&&(e.target&&d(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["fixed"]}get fixed(){return this.$$.ctx[1]}set fixed(e){this.$$set({fixed:e}),n()}}export{h as default};
-//# sourceMappingURL=BottomBar.js.map

package/public/components/bottombar/BottomBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomBar.js","sources":["../../../src/components/bottombar/BottomBar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  export let fixed: boolean;\n\n  $: isFixed = fixed ? true : undefined;\n</script>\n\n<div\n  class=\"ml-container ml-container--fluid mc-bottom-bar\"\n  class:mc-bottom-bar--fixed={isFixed}\n/>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/layouts/_l.container';\n  @import '@mozaic-ds/styles/components/_c.bottom-bar';\n</style>\n"],"names":["ctx","insert","target","div","anchor","fixed","$$props","isFixed","undefined"],"mappings":"8PAU8BA,EAAO,YAFrCC,EAGCC,EAAAC,EAAAC,6CAD6BJ,EAAO,2DAPxBK,GAAcC,qFAEtBC,IAAUF,QAAeG"}

package/public/components/breadcrumb/Breadcrumb.js

@@ -1,2 +0,0 @@
-import{S as e,i,a as r,b as n,f as t,s as c,c as a,e as m,n as s,h as l,j as d,t as o,k as b,l as h,m as p,R as g,o as u,q as f,r as k,u as x,d as v,v as w,y as _,x as y}from"../../index-c222d0b7.js";import{E as $}from"../../EventHandler-f7ee47ca.js";function z(e,i,r){const n=e.slice();return n[12]=i[r],n[14]=r,n}function C(e){let i,r,t,c=e[12].text+"";return{c(){i=m("span"),r=w(c),l(i,"class",t="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))},m(e,t){n(e,i,t),b(i,r)},p(e,n){32&n&&c!==(c=e[12].text+"")&&_(r,c),1&n&&t!==(t="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))&&l(i,"class",t)},d(e){e&&p(i)}}}function E(e){let i,r,t,c,a,s,d=e[12].text+"";function o(){return e[9](e[12])}return{c(){i=m("a"),r=w(d),l(i,"href",t=e[12].href),l(i,"class",c="mc-link mc-link--s"+(e[0]?" mc-link--light":""))},m(e,t){n(e,i,t),b(i,r),a||(s=y(i,"click",o),a=!0)},p(n,a){e=n,32&a&&d!==(d=e[12].text+"")&&_(r,d),32&a&&t!==(t=e[12].href)&&l(i,"href",t),1&a&&c!==(c="mc-link mc-link--s"+(e[0]?" mc-link--light":""))&&l(i,"class",c)},d(e){e&&p(i),a=!1,s()}}}function B(e){let i,r,t;function c(e,i){return e[14]!==e[5].length-1?E:C}let a=c(e),s=a(e);return{c(){i=m("li"),s.c(),r=v(),l(i,"class",t="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))},m(e,t){n(e,i,t),s.m(i,null),b(i,r)},p(e,n){a===(a=c(e))&&s?s.p(e,n):(s.d(1),s=a(e),s&&(s.c(),s.m(i,r))),32&n&&t!==(t="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))&&l(i,"class",t)},d(e){e&&p(i),s.d()}}}function j(e){let i,r,t,c=e[5],u=[];for(let i=0;i<c.length;i+=1)u[i]=B(z(e,c,i));let f=[{class:t="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],k={};for(let e=0;e<f.length;e+=1)k=a(k,f[e]);return{c(){i=m("nav"),r=m("ul");for(let e=0;e<u.length;e+=1)u[e].c();this.c=s,l(r,"class","mc-breadcrumb__container"),d(i,k),o(i,"mc-breadcrumb--no-padding",e[4])},m(e,t){n(e,i,t),b(i,r);for(let e=0;e<u.length;e+=1)u[e]&&u[e].m(r,null)},p(e,[n]){if(97&n){let i;for(c=e[5],i=0;i<c.length;i+=1){const t=z(e,c,i);u[i]?u[i].p(t,n):(u[i]=B(t),u[i].c(),u[i].m(r,null))}for(;i<u.length;i+=1)u[i].d(1);u.length=c.length}d(i,k=h(f,[11&n&&t!==(t="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:t},{"aria-label":"Breadcrumb"},4&n&&e[2]])),o(i,"mc-breadcrumb--no-padding",e[4])},i:s,o:s,d(e){e&&p(i),g(u,e)}}}function L(e,i,r){let n,t,c,m;const s=["items","dark","responsive","nopadding"];let l=u(i,s),{items:d}=i,{dark:o=!1}=i,{responsive:b=!1}=i,{nopadding:h=!1}=i,p=new $(f(),k());return e.$$set=e=>{r(11,i=a(a({},i),x(e))),r(10,l=u(i,s)),"items"in e&&r(7,d=e.items),"dark"in e&&r(0,o=e.dark),"responsive"in e&&r(1,b=e.responsive),"nopadding"in e&&r(8,h=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&r(5,n=d?JSON.parse(d):[]),256&e.$$.dirty&&r(4,t=h&&"false"!==h),r(3,c=i.class),r(2,m=Object.assign({},l)),4&e.$$.dirty&&delete m.class},i=x(i),[o,b,m,c,t,n,p,d,h,e=>p.dispatch("link-clicked",e)]}class M extends e{constructor(e){super();const a=document.createElement("style");a.textContent=".mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-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-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006902}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#035010}.mc-link--primary.is-active,.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-breadcrumb{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");padding-left:1.5rem}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\");padding-left:1.5rem}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item:not(.is-active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}}.mc-breadcrumb--no-padding{padding-left:0}",this.shadowRoot.appendChild(a),i(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},L,j,c,{items:7,dark:0,responsive:1,nopadding:8},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),t()))}static get observedAttributes(){return["items","dark","responsive","nopadding"]}get items(){return this.$$.ctx[7]}set items(e){this.$$set({items:e}),t()}get dark(){return this.$$.ctx[0]}set dark(e){this.$$set({dark:e}),t()}get responsive(){return this.$$.ctx[1]}set responsive(e){this.$$set({responsive:e}),t()}get nopadding(){return this.$$.ctx[8]}set nopadding(e){this.$$set({nopadding:e}),t()}}export{M as default};
-//# sourceMappingURL=Breadcrumb.js.map

package/public/components/breadcrumb/Breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../src/components/breadcrumb/Breadcrumb.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { BreadcrumbItems } from './breadcrumb.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let items: string;\n  export let dark = false;\n  export let responsive = false;\n  export let nopadding: boolean | string = false;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  $: parseItems = items ? (JSON.parse(items) as BreadcrumbItems[]) : [];\n  $: noPadding = nopadding && nopadding !== 'false';\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n</script>\n\n<nav\n  class=\"mc-breadcrumb {responsive ? ' mc-breadcrumb--responsive' : ''}{dark\n    ? ' mc-breadcrumb--dark'\n    : ''} {userClass}\"\n  class:mc-breadcrumb--no-padding={noPadding}\n  aria-label=\"Breadcrumb\"\n  {...attributes}\n>\n  <ul class=\"mc-breadcrumb__container\">\n    {#each parseItems as item, i}\n      <li class=\"mc-breadcrumb__item{item.isActive ? ' is-active' : ''}\">\n        {#if i !== parseItems.length - 1}\n          <a\n            href={item.href}\n            class=\"mc-link mc-link--s{dark ? ' mc-link--light' : ''}\"\n            on:click={() => eventHandler.dispatch('link-clicked', item)}\n          >\n            {item.text}\n          </a>\n        {:else}\n          <span\n            class=\"mc-link mc-link--s mc-breadcrumb__current{dark\n              ? ' mc-link--light'\n              : ''}\"\n          >\n            {item.text}\n          </span>\n        {/if}\n      </li>\n    {/each}\n  </ul>\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.links';\n  @import '@mozaic-ds/styles/components/_c.breadcrumb';\n</style>\n"],"names":["t_value","ctx","text","insert","target","span","anchor","dirty","set_data","t","attr","a","a_href_value","href","length","create_if_block","li","li_class_value","isActive","i","nav","append","ul","class","nav_class_value","items","$$props","dark","responsive","nopadding","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","parseItems","JSON","parse","noPadding","userClass","attributes","Object","assign","$$restProps","item","dispatch"],"mappings":"mVAmDaA,EAAAC,MAAKC,KAAI,4FAJuCD,EAAA,GAC7C,kBACA,aAHNE,EAMMC,EAAAC,EAAAC,kBADH,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,4DAJuCC,EAAA,GAC7C,kBACA,mEANHD,EAAAC,MAAKC,KAAI,8DAJJQ,EAAAC,EAAA,OAAAC,EAAAX,MAAKY,0CACeZ,EAAI,GAAG,kBAAoB,aAFvDE,EAMGC,EAAAO,EAAAL,iDADA,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,GAJJ,GAAAO,GAAAK,KAAAA,EAAAX,MAAKY,uDACeZ,EAAI,GAAG,kBAAoB,sFAHpD,OAAAA,EAAM,MAAAA,EAAW,GAAAa,OAAS,EAACC,uDADHL,EAAAM,EAAA,QAAAC,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,aAA9Df,EAkBIC,EAAAY,EAAAV,2FAlB2B,GAAAC,GAAAU,KAAAA,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,qEADzDjB,EAAU,wBAAfa,OAAIK,GAAA,qDARclB,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,gCAGdA,EAAU,8MAFmBA,EAAS,YAJ5CE,EA+BKC,EAAAgB,EAAAd,GAvBHe,EAsBID,EAAAE,mFArBKrB,EAAU,WAAfa,OAAIK,GAAA,EAAA,iHAAJL,iDARkBb,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,KAAA,CAAAsB,MAAAC,oCAGdvB,EAAU,sCAFmBA,EAAS,uIApB/BwB,GAAaC,GACbC,KAAAA,GAAO,GAAKD,GACZE,WAAAA,GAAa,GAAKF,GAClBG,UAAAA,GAA8B,GAAKH,EAC1CI,EAAmB,IAAAC,EACrBC,IACAC,iOAGDC,EAAA,EAAEC,EAAaV,EAASW,KAAKC,MAAMZ,GAAK,wBACtCa,EAAYT,GAA2B,UAAdA,GACzBK,EAAA,EAAAK,EAAYb,EAAQH,WACpBiB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWjB,iCAkBKqB,GAAAd,EAAae,SAAS,eAAgBD"}

package/public/components/breadcrumb/Breadcrumb.nested.js

@@ -1,2 +0,0 @@
-import{H as e,i as t,s as l,I as i,c as s,e as x,h as v,j as r,t as c,b as n,k as m,l as a,n as g,m as d,R as o,o as q,q as b,r as f,u as h,d as u,v as p,y as k,x as w}from"../../index-c222d0b7.js";import{E as _}from"../../EventHandler-f7ee47ca.js";function y(e){i(e,"svelte-1gxeqxv",".mc-link.svelte-1gxeqxv.svelte-1gxeqxv{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:focus{outline:none}.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:focus::after{-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-link.is-visited.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:visited{color:#333333}.mc-link.is-hover.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:hover{color:#666666}.mc-link.is-active.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:active{color:#333333}.mc-link.is-disabled.svelte-1gxeqxv.svelte-1gxeqxv{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-1gxeqxv.svelte-1gxeqxv{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-1gxeqxv.svelte-1gxeqxv{font-size:1rem;line-height:1.375}.mc-link.svelte-1gxeqxv.svelte-1gxeqxv::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon.svelte-1gxeqxv.svelte-1gxeqxv{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-1gxeqxv.svelte-1gxeqxv{color:#ffffff}.mc-link--light.is-visited.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--light.svelte-1gxeqxv.svelte-1gxeqxv:visited{color:#cccccc}.mc-link--light.is-hover.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--light.svelte-1gxeqxv.svelte-1gxeqxv:hover{color:#999999}.mc-link--light.is-active.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--light.svelte-1gxeqxv.svelte-1gxeqxv:active{color:#cccccc}.mc-link--light.is-disabled.svelte-1gxeqxv.svelte-1gxeqxv{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-1gxeqxv.svelte-1gxeqxv{color:#188803}.mc-link--primary.is-visited.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--primary.svelte-1gxeqxv.svelte-1gxeqxv:visited{color:#006902}.mc-link--primary.is-hover.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--primary.svelte-1gxeqxv.svelte-1gxeqxv:hover{color:#035010}.mc-link--primary.is-active.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--primary.svelte-1gxeqxv.svelte-1gxeqxv:active{color:#006902}.mc-link--primary.is-disabled.svelte-1gxeqxv.svelte-1gxeqxv{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-1gxeqxv.svelte-1gxeqxv{color:#494f60}.mc-link--primary-02.is-visited.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--primary-02.svelte-1gxeqxv.svelte-1gxeqxv:visited{color:#343b4c}.mc-link--primary-02.is-hover.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--primary-02.svelte-1gxeqxv.svelte-1gxeqxv:hover{color:#171b26}.mc-link--primary-02.is-active.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--primary-02.svelte-1gxeqxv.svelte-1gxeqxv:active{color:#343b4c}.mc-link--primary-02.is-disabled.svelte-1gxeqxv.svelte-1gxeqxv{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-1gxeqxv.svelte-1gxeqxv{color:#c61112}.mc-link--danger.is-visited.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--danger.svelte-1gxeqxv.svelte-1gxeqxv:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--danger.svelte-1gxeqxv.svelte-1gxeqxv:hover{color:#530000}.mc-link--danger.is-active.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--danger.svelte-1gxeqxv.svelte-1gxeqxv:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-1gxeqxv.svelte-1gxeqxv{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-1gxeqxv.svelte-1gxeqxv{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-1gxeqxv.svelte-1gxeqxv{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-1gxeqxv.svelte-1gxeqxv{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-1gxeqxv.svelte-1gxeqxv{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-1gxeqxv.svelte-1gxeqxv{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-1gxeqxv.svelte-1gxeqxv{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-1gxeqxv.svelte-1gxeqxv{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-1gxeqxv.svelte-1gxeqxv{font-size:1rem;line-height:1.375}}.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:2.5rem}}.mc-breadcrumb__container.svelte-1gxeqxv.svelte-1gxeqxv{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item.svelte-1gxeqxv.svelte-1gxeqxv{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item.svelte-1gxeqxv.svelte-1gxeqxv{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.svelte-1gxeqxv.svelte-1gxeqxv:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");padding-left:1.5rem}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active.svelte-1gxeqxv.svelte-1gxeqxv,.mc-breadcrumb__item.svelte-1gxeqxv.svelte-1gxeqxv:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\");padding-left:1.5rem}}.mc-breadcrumb__current.svelte-1gxeqxv.svelte-1gxeqxv,.mc-breadcrumb__current.mc-link.svelte-1gxeqxv.svelte-1gxeqxv{cursor:default;text-decoration:none}.mc-breadcrumb__current.svelte-1gxeqxv.svelte-1gxeqxv,.mc-breadcrumb__current.svelte-1gxeqxv.svelte-1gxeqxv:active,.mc-breadcrumb__current.svelte-1gxeqxv.svelte-1gxeqxv:focus,.mc-breadcrumb__current.svelte-1gxeqxv.svelte-1gxeqxv:hover,.mc-breadcrumb__current.svelte-1gxeqxv.svelte-1gxeqxv:visited,.mc-breadcrumb__current.mc-link.svelte-1gxeqxv.svelte-1gxeqxv,.mc-breadcrumb__current.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:active,.mc-breadcrumb__current.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:focus,.mc-breadcrumb__current.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:hover,.mc-breadcrumb__current.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:visited{color:currentColor}.mc-breadcrumb--dark.svelte-1gxeqxv.svelte-1gxeqxv{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark.svelte-1gxeqxv .mc-breadcrumb__item.svelte-1gxeqxv:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark.svelte-1gxeqxv .mc-breadcrumb__item.is-active.svelte-1gxeqxv,.mc-breadcrumb--dark.svelte-1gxeqxv .mc-breadcrumb__item.svelte-1gxeqxv:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive.svelte-1gxeqxv .mc-breadcrumb__item.svelte-1gxeqxv:not(.is-active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}}.mc-breadcrumb--no-padding.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:0}")}function z(e,t,l){const i=e.slice();return i[12]=t[l],i[14]=l,i}function C(e){let t,l,i,s=e[12].text+"";return{c(){t=x("span"),l=p(s),v(t,"class",i="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1gxeqxv")},m(e,i){n(e,t,i),m(t,l)},p(e,x){32&x&&s!==(s=e[12].text+"")&&k(l,s),1&x&&i!==(i="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1gxeqxv")&&v(t,"class",i)},d(e){e&&d(t)}}}function E(e){let t,l,i,s,r,c,a=e[12].text+"";function g(){return e[9](e[12])}return{c(){t=x("a"),l=p(a),v(t,"href",i=e[12].href),v(t,"class",s="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1gxeqxv")},m(e,i){n(e,t,i),m(t,l),r||(c=w(t,"click",g),r=!0)},p(x,r){e=x,32&r&&a!==(a=e[12].text+"")&&k(l,a),32&r&&i!==(i=e[12].href)&&v(t,"href",i),1&r&&s!==(s="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1gxeqxv")&&v(t,"class",s)},d(e){e&&d(t),r=!1,c()}}}function $(e){let t,l,i;function s(e,t){return e[14]!==e[5].length-1?E:C}let r=s(e),c=r(e);return{c(){t=x("li"),c.c(),l=u(),v(t,"class",i="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1gxeqxv")},m(e,i){n(e,t,i),c.m(t,null),m(t,l)},p(e,x){r===(r=s(e))&&c?c.p(e,x):(c.d(1),c=r(e),c&&(c.c(),c.m(t,l))),32&x&&i!==(i="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1gxeqxv")&&v(t,"class",i)},d(e){e&&d(t),c.d()}}}function B(e){let t,l,i,q=e[5],b=[];for(let t=0;t<q.length;t+=1)b[t]=$(z(e,q,t));let f=[{class:i="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],h={};for(let e=0;e<f.length;e+=1)h=s(h,f[e]);return{c(){t=x("nav"),l=x("ul");for(let e=0;e<b.length;e+=1)b[e].c();v(l,"class","mc-breadcrumb__container svelte-1gxeqxv"),r(t,h),c(t,"mc-breadcrumb--no-padding",e[4]),c(t,"svelte-1gxeqxv",!0)},m(e,i){n(e,t,i),m(t,l);for(let e=0;e<b.length;e+=1)b[e]&&b[e].m(l,null)},p(e,[s]){if(97&s){let t;for(q=e[5],t=0;t<q.length;t+=1){const i=z(e,q,t);b[t]?b[t].p(i,s):(b[t]=$(i),b[t].c(),b[t].m(l,null))}for(;t<b.length;t+=1)b[t].d(1);b.length=q.length}r(t,h=a(f,[11&s&&i!==(i="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:i},{"aria-label":"Breadcrumb"},4&s&&e[2]])),c(t,"mc-breadcrumb--no-padding",e[4]),c(t,"svelte-1gxeqxv",!0)},i:g,o:g,d(e){e&&d(t),o(b,e)}}}function j(e,t,l){let i,x,v,r;const c=["items","dark","responsive","nopadding"];let n=q(t,c),{items:m}=t,{dark:a=!1}=t,{responsive:g=!1}=t,{nopadding:d=!1}=t,o=new _(b(),f());return e.$$set=e=>{l(11,t=s(s({},t),h(e))),l(10,n=q(t,c)),"items"in e&&l(7,m=e.items),"dark"in e&&l(0,a=e.dark),"responsive"in e&&l(1,g=e.responsive),"nopadding"in e&&l(8,d=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&l(5,i=m?JSON.parse(m):[]),256&e.$$.dirty&&l(4,x=d&&"false"!==d),l(3,v=t.class),l(2,r=Object.assign({},n)),4&e.$$.dirty&&delete r.class},t=h(t),[a,g,r,v,x,i,o,m,d,e=>o.dispatch("link-clicked",e)]}class L extends e{constructor(e){super(),t(this,e,j,B,l,{items:7,dark:0,responsive:1,nopadding:8},y)}}export{L as default};
-//# sourceMappingURL=Breadcrumb.nested.js.map

package/public/components/breadcrumb/Breadcrumb.nested.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb.nested.js","sources":["../../../src/components/breadcrumb/Breadcrumb.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { BreadcrumbItems } from './breadcrumb.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let items: string;\n  export let dark = false;\n  export let responsive = false;\n  export let nopadding: boolean | string = false;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  $: parseItems = items ? (JSON.parse(items) as BreadcrumbItems[]) : [];\n  $: noPadding = nopadding && nopadding !== 'false';\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n</script>\n\n<nav\n  class=\"mc-breadcrumb {responsive ? ' mc-breadcrumb--responsive' : ''}{dark\n    ? ' mc-breadcrumb--dark'\n    : ''} {userClass}\"\n  class:mc-breadcrumb--no-padding={noPadding}\n  aria-label=\"Breadcrumb\"\n  {...attributes}\n>\n  <ul class=\"mc-breadcrumb__container\">\n    {#each parseItems as item, i}\n      <li class=\"mc-breadcrumb__item{item.isActive ? ' is-active' : ''}\">\n        {#if i !== parseItems.length - 1}\n          <a\n            href={item.href}\n            class=\"mc-link mc-link--s{dark ? ' mc-link--light' : ''}\"\n            on:click={() => eventHandler.dispatch('link-clicked', item)}\n          >\n            {item.text}\n          </a>\n        {:else}\n          <span\n            class=\"mc-link mc-link--s mc-breadcrumb__current{dark\n              ? ' mc-link--light'\n              : ''}\"\n          >\n            {item.text}\n          </span>\n        {/if}\n      </li>\n    {/each}\n  </ul>\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.links';\n  @import '@mozaic-ds/styles/components/_c.breadcrumb';\n</style>\n"],"names":["t_value","ctx","text","insert","target","span","anchor","dirty","set_data","t","attr","a","a_href_value","href","length","create_if_block","li","li_class_value","isActive","i","nav","append","ul","class","nav_class_value","items","$$props","dark","responsive","nopadding","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","parseItems","JSON","parse","noPadding","userClass","attributes","Object","assign","$$restProps","item","dispatch"],"mappings":"4mTAmDaA,EAAAC,MAAKC,KAAI,4FAJuCD,EAAA,GAC7C,kBACA,IAAE,2BAHRE,EAMMC,EAAAC,EAAAC,kBADH,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,4DAJuCC,EAAA,GAC7C,kBACA,IAAE,iFANLD,EAAAC,MAAKC,KAAI,8DAJJQ,EAAAC,EAAA,OAAAC,EAAAX,MAAKY,0CACeZ,EAAI,GAAG,kBAAoB,IAAE,2BAFzDE,EAMGC,EAAAO,EAAAL,iDADA,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,GAJJ,GAAAO,GAAAK,KAAAA,EAAAX,MAAKY,uDACeZ,EAAI,GAAG,kBAAoB,IAAE,oGAHtD,OAAAA,EAAM,MAAAA,EAAW,GAAAa,OAAS,EAACC,uDADHL,EAAAM,EAAA,QAAAC,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,IAAE,2BAAhEf,EAkBIC,EAAAY,EAAAV,2FAlB2B,GAAAC,GAAAU,KAAAA,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,IAAE,mFAD3DjB,EAAU,wBAAfa,OAAIK,GAAA,qDARclB,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,gCAGdA,EAAU,oNAFmBA,EAAS,qCAJ5CE,EA+BKC,EAAAgB,EAAAd,GAvBHe,EAsBID,EAAAE,mFArBKrB,EAAU,WAAfa,OAAIK,GAAA,EAAA,iHAAJL,iDARkBb,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,KAAA,CAAAsB,MAAAC,oCAGdvB,EAAU,sCAFmBA,EAAS,gKApB/BwB,GAAaC,GACbC,KAAAA,GAAO,GAAKD,GACZE,WAAAA,GAAa,GAAKF,GAClBG,UAAAA,GAA8B,GAAKH,EAC1CI,EAAmB,IAAAC,EACrBC,IACAC,iOAGDC,EAAA,EAAEC,EAAaV,EAASW,KAAKC,MAAMZ,GAAK,wBACtCa,EAAYT,GAA2B,UAAdA,GACzBK,EAAA,EAAAK,EAAYb,EAAQH,WACpBiB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWjB,iCAkBKqB,GAAAd,EAAae,SAAS,eAAgBD"}

package/public/components/breadcrumb/Breadcrumb.nested.svelte

@@ -1,64 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import type { BreadcrumbItems } from './breadcrumb.types';
-  import { EventHandler } from '../../utilities/EventHandler';
-  import {
-    get_current_component,
-    createEventDispatcher,
-  } from 'svelte/internal';
-
-  export let items: string;
-  export let dark = false;
-  export let responsive = false;
-  export let nopadding: boolean | string = false;
-  let eventHandler = new EventHandler(
-    get_current_component(),
-    createEventDispatcher(),
-  );
-
-  $: parseItems = items ? (JSON.parse(items) as BreadcrumbItems[]) : [];
-  $: noPadding = nopadding && nopadding !== 'false';
-  $: userClass = $$props.class;
-  $: attributes = { ...$$restProps };
-  $: delete attributes.class;
-</script>
-
-<nav
-  class="mc-breadcrumb {responsive ? ' mc-breadcrumb--responsive' : ''}{dark
-    ? ' mc-breadcrumb--dark'
-    : ''} {userClass}"
-  class:mc-breadcrumb--no-padding={noPadding}
-  aria-label="Breadcrumb"
-  {...attributes}
->
-  <ul class="mc-breadcrumb__container">
-    {#each parseItems as item, i}
-      <li class="mc-breadcrumb__item{item.isActive ? ' is-active' : ''}">
-        {#if i !== parseItems.length - 1}
-          <a
-            href={item.href}
-            class="mc-link mc-link--s{dark ? ' mc-link--light' : ''}"
-            on:click={() => eventHandler.dispatch('link-clicked', item)}
-          >
-            {item.text}
-          </a>
-        {:else}
-          <span
-            class="mc-link mc-link--s mc-breadcrumb__current{dark
-              ? ' mc-link--light'
-              : ''}"
-          >
-            {item.text}
-          </span>
-        {/if}
-      </li>
-    {/each}
-  </ul>
-</nav>
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import '@mozaic-ds/styles/components/_c.links';
-  @import '@mozaic-ds/styles/components/_c.breadcrumb';
-</style>

package/public/components/button/Button.nested.js

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

package/public/components/button/Button.nested.js.map

@@ -1 +0,0 @@
-{"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":"mimBA4HWA,EAAS,KAAuB,SAAnBA,EAAc,IAAW,EAEjCA,MAAQC,KAAI,EAEZD,EAAQ,GAAA,sHALpBE,EAQMC,EAAAC,EAAAC,qRAFSC,EAAA,IAAAC,GAAiBP,EAAM,GAAAA,KAAUA,EAAQ,gFAAzC,IAAAQ,GAAAF,KAAAA,EAAA,IAAAC,GAAiBP,EAAM,GAAAA,KAAUA,EAAQ,WAAAS,EAAAC,EAAAJ,6UAJ5BN,EAAW,+FAAXA,EAAW,+HAoBlCA,EAAS,KAAuB,SAAnBA,EAAmB,MAAWA,EAAQ,KAAKA,EAAO,IAACC,MAAIU,EAAAX,KAMpEA,EAAS,KAAuB,UAAnBA,EAAmB,MAAYA,EAAQ,KAAKA,EAAO,IAACC,MAAIW,EAAAZ,6CAD1CA,EAAK,oGAArCE,EAA4CC,EAAAC,EAAAC,sDALvCL,EAAS,KAAuB,SAAnBA,EAAmB,KAAWA,EAAQ,IAAKA,EAAO,IAACC,iIAKrCD,EAAK,KAChCA,EAAS,KAAuB,UAAnBA,EAAmB,KAAYA,EAAQ,IAAKA,EAAO,IAACC,mSAf/DD,EAAS,IAAA,EAEJA,MAAQC,KAAI,EAEZD,EAAQ,GAAA,sHALpBE,EAQMC,EAAAC,EAAAC,6TAIsBL,EAAW,sGADrCE,EAEMC,EAAAC,EAAAC,wDADoBL,EAAW,mKAMXA,EAAW,sGADrCE,EAEMC,EAAAC,EAAAC,wDADoBL,EAAW,2HAZxBM,EAAA,IAAAC,GAAiBP,EAAM,GAAAA,KAAUA,EAAQ,gFAAzC,IAAAQ,GAAAF,KAAAA,EAAA,IAAAC,GAAiBP,EAAM,GAAAA,KAAUA,EAAQ,WAAAS,EAAAC,EAAAJ,8UAJ5BN,EAAW,+FAAXA,EAAW,yKAuBhCA,EAAS,KAAuB,UAAnBA,EAAc,IAAY,EAElCA,MAAQC,KAAI,6GAHxBC,EAQMC,EAAAC,EAAAC,yPAFSC,EAAA,IAAAC,GAAiBP,EAAM,GAAAA,KAAUA,EAAQ,gFAAzC,IAAAQ,GAAAF,KAAAA,EAAA,IAAAC,GAAiBP,EAAM,GAAAA,KAAUA,EAAQ,WAAAS,EAAAC,EAAAJ,+UAJ5BN,EAAW,+FAAXA,EAAW,oIAvCnCa,GAAAb,MAAYA,EAAO,IAACC,OAAsB,SAAbD,MAAmBc,EAAAd,sCAYhD,OAAAA,MAAYA,EAAO,IAACC,OAAsB,SAAbD,KAAmB,gCAwBjDA,EAAQ,IAAiB,UAAbA,EAAQ,IAAYe,GAAAf,2BAzC7BA,EAAU,IAACA,EAAO,GAAAA,KAAUA,EAAI,GAAEA,EAAI,IAAA,IAAIA,EAAS,qBAGvDA,EAAU,6IAFWA,EAAQ,oCAJnCE,EAuDQC,EAAAa,EAAAX,uIA/CAL,MAAYA,EAAO,IAACC,OAAsB,SAAbD,wOAoC9BA,EAAQ,IAAiB,UAAbA,EAAQ,6JAzCjBA,EAAU,IAACA,EAAO,GAAAA,KAAUA,EAAI,GAAEA,EAAI,IAAA,IAAIA,EAAS,OAAA,CAAAiB,MAAAC,uCAGvDlB,EAAU,8BAFWA,EAAQ,yIA/ExB,SAAAO,GACPY,EACAC,EACAC,SAEMC,EAA0B,SAAbF,MACfG,SAEIJ,OACD,IACHI,EAAW,iBAER,IACHA,EAAWD,EAAa,OAAS,iBAE9B,IACHC,EAAWD,EAAa,OAAS,OAI3B,MAAA,GAAAD,WAAkBE,mPAzDfC,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,khBAE1CC,EAAA,GAAEC,EAAaL,EAAUM,KAAKC,MAAMP,QAA2BQ,uBAC/DJ,EAAA,GAAEK,EAAL,OAAcL,EAAA,GAAdlB,EAAiBmB,eAAAA,EAAYK,mBAA7BxB,GAAAA,wBACGkB,EAAA,GAAEO,EAAL,OAAmBP,EAAA,GAAnBjB,EAAsBkB,eAAAA,EAAYO,oBAAlCzB,EAAAA,EAA8C,6BAC3CiB,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"}

package/public/components/button/Button.nested.svelte

@@ -1,179 +0,0 @@
-<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>