@mozaic-ds/web-components 0.1.0 → 0.3.0

package/public/components/field/Field.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as r,f as s,s as l,c as n,e as d,t as a,d as m,n as o,g as c,h,j as p,k as u,m as g,o as f,p as $,q as x}from"../../index-c33b3772.js";function _(e){let t,i;return{c(){t=d("span"),i=a(e[2]),c(t,"class","mc-field__requirement"),c(t,"aria-hidden","true")},m(e,s){r(e,t,s),p(t,i)},p(e,t){4&t&&u(i,e[2])},d(e){e&&f(t)}}}function b(e){let t,i;return{c(){t=d("span"),i=a(e[4]),c(t,"id",e[3]),c(t,"class","mc-field__help")},m(e,s){r(e,t,s),p(t,i)},p(e,r){16&r&&u(i,e[4]),8&r&&c(t,"id",e[3])},d(e){e&&f(t)}}}function q(e){let t,i;return{c(){t=d("span"),i=a(e[6]),c(t,"id",e[5]),c(t,"class","mc-field__error-message")},m(e,s){r(e,t,s),p(t,i)},p(e,r){64&r&&u(i,e[6]),32&r&&c(t,"id",e[5])},d(e){e&&f(t)}}}function v(e){let t,i,s,l,$,x,v,w,y=e[2]&&_(e),k=e[3]&&e[4]&&b(e),j=e[7]&&q(e),z=[{class:"mc-field"},e[8]],C={};for(let e=0;e<z.length;e+=1)C=n(C,z[e]);return{c(){t=d("div"),i=d("label"),s=a(e[1]),l=m(),y&&y.c(),$=m(),k&&k.c(),x=m(),v=d("slot"),w=m(),j&&j.c(),this.c=o,c(i,"for",e[0]),c(i,"class","mc-field__label"),h(t,C)},m(e,n){r(e,t,n),p(t,i),p(i,s),p(i,l),y&&y.m(i,null),p(t,$),k&&k.m(t,null),p(t,x),p(t,v),p(t,w),j&&j.m(t,null)},p(e,[r]){2&r&&u(s,e[1]),e[2]?y?y.p(e,r):(y=_(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),1&r&&c(i,"for",e[0]),e[3]&&e[4]?k?k.p(e,r):(k=b(e),k.c(),k.m(t,x)):k&&(k.d(1),k=null),e[7]?j?j.p(e,r):(j=q(e),j.c(),j.m(t,null)):j&&(j.d(1),j=null),h(t,C=g(z,[{class:"mc-field"},256&r&&e[8]]))},i:o,o:o,d(e){e&&f(t),y&&y.d(),k&&k.d(),j&&j.d()}}}function w(e,t,i){let r;const s=["id","label","requirementtext","helpid","helptext","errorid","errormessage","isinvalid"];let l=$(t,s),{id:d}=t,{label:a}=t,{requirementtext:m}=t,{helpid:o}=t,{helptext:c}=t,{errorid:h}=t,{errormessage:p}=t,{isinvalid:u=!1}=t;return e.$$set=e=>{t=n(n({},t),x(e)),i(9,l=$(t,s)),"id"in e&&i(0,d=e.id),"label"in e&&i(1,a=e.label),"requirementtext"in e&&i(2,m=e.requirementtext),"helpid"in e&&i(3,o=e.helpid),"helptext"in e&&i(4,c=e.helptext),"errorid"in e&&i(5,h=e.errorid),"errormessage"in e&&i(6,p=e.errormessage),"isinvalid"in e&&i(7,u=e.isinvalid)},e.$$.update=()=>{i(8,r=Object.assign({},l)),256&e.$$.dirty&&delete r.class},[d,a,m,o,c,h,p,u,r]}class y extends e{constructor(e){super();const n=document.createElement("style");n.textContent='@charset "UTF-8";.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:0.5rem}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},w,v,l,{id:0,label:1,requirementtext:2,helpid:3,helptext:4,errorid:5,errormessage:6,isinvalid:7},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["id","label","requirementtext","helpid","helptext","errorid","errormessage","isinvalid"]}get id(){return this.$$.ctx[0]}set id(e){this.$$set({id:e}),s()}get label(){return this.$$.ctx[1]}set label(e){this.$$set({label:e}),s()}get requirementtext(){return this.$$.ctx[2]}set requirementtext(e){this.$$set({requirementtext:e}),s()}get helpid(){return this.$$.ctx[3]}set helpid(e){this.$$set({helpid:e}),s()}get helptext(){return this.$$.ctx[4]}set helptext(e){this.$$set({helptext:e}),s()}get errorid(){return this.$$.ctx[5]}set errorid(e){this.$$set({errorid:e}),s()}get errormessage(){return this.$$.ctx[6]}set errormessage(e){this.$$set({errormessage:e}),s()}get isinvalid(){return this.$$.ctx[7]}set isinvalid(e){this.$$set({isinvalid:e}),s()}}export{y as default};
+import{S as e,i as t,a as i,b as r,f as s,s as l,c as n,e as d,t as a,d as m,n as o,g as c,h,j as p,k as u,m as g,o as f,p as $,q as x}from"../../index-17a01ab4.js";function _(e){let t,i;return{c(){t=d("span"),i=a(e[2]),c(t,"class","mc-field__requirement"),c(t,"aria-hidden","true")},m(e,s){r(e,t,s),p(t,i)},p(e,t){4&t&&u(i,e[2])},d(e){e&&f(t)}}}function b(e){let t,i;return{c(){t=d("span"),i=a(e[4]),c(t,"id",e[3]),c(t,"class","mc-field__help")},m(e,s){r(e,t,s),p(t,i)},p(e,r){16&r&&u(i,e[4]),8&r&&c(t,"id",e[3])},d(e){e&&f(t)}}}function q(e){let t,i;return{c(){t=d("span"),i=a(e[6]),c(t,"id",e[5]),c(t,"class","mc-field__error-message")},m(e,s){r(e,t,s),p(t,i)},p(e,r){64&r&&u(i,e[6]),32&r&&c(t,"id",e[5])},d(e){e&&f(t)}}}function v(e){let t,i,s,l,$,x,v,w,y=e[2]&&_(e),k=e[3]&&e[4]&&b(e),j=e[7]&&q(e),z=[{class:"mc-field"},e[8]],C={};for(let e=0;e<z.length;e+=1)C=n(C,z[e]);return{c(){t=d("div"),i=d("label"),s=a(e[1]),l=m(),y&&y.c(),$=m(),k&&k.c(),x=m(),v=d("slot"),w=m(),j&&j.c(),this.c=o,c(i,"for",e[0]),c(i,"class","mc-field__label"),h(t,C)},m(e,n){r(e,t,n),p(t,i),p(i,s),p(i,l),y&&y.m(i,null),p(t,$),k&&k.m(t,null),p(t,x),p(t,v),p(t,w),j&&j.m(t,null)},p(e,[r]){2&r&&u(s,e[1]),e[2]?y?y.p(e,r):(y=_(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),1&r&&c(i,"for",e[0]),e[3]&&e[4]?k?k.p(e,r):(k=b(e),k.c(),k.m(t,x)):k&&(k.d(1),k=null),e[7]?j?j.p(e,r):(j=q(e),j.c(),j.m(t,null)):j&&(j.d(1),j=null),h(t,C=g(z,[{class:"mc-field"},256&r&&e[8]]))},i:o,o:o,d(e){e&&f(t),y&&y.d(),k&&k.d(),j&&j.d()}}}function w(e,t,i){let r;const s=["id","label","requirementtext","helpid","helptext","errorid","errormessage","isinvalid"];let l=$(t,s),{id:d}=t,{label:a}=t,{requirementtext:m}=t,{helpid:o}=t,{helptext:c}=t,{errorid:h}=t,{errormessage:p}=t,{isinvalid:u=!1}=t;return e.$$set=e=>{t=n(n({},t),x(e)),i(9,l=$(t,s)),"id"in e&&i(0,d=e.id),"label"in e&&i(1,a=e.label),"requirementtext"in e&&i(2,m=e.requirementtext),"helpid"in e&&i(3,o=e.helpid),"helptext"in e&&i(4,c=e.helptext),"errorid"in e&&i(5,h=e.errorid),"errormessage"in e&&i(6,p=e.errormessage),"isinvalid"in e&&i(7,u=e.isinvalid)},e.$$.update=()=>{i(8,r=Object.assign({},l)),256&e.$$.dirty&&delete r.class},[d,a,m,o,c,h,p,u,r]}class y extends e{constructor(e){super();const n=document.createElement("style");n.textContent='@charset "UTF-8";.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:0.5rem}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},w,v,l,{id:0,label:1,requirementtext:2,helpid:3,helptext:4,errorid:5,errormessage:6,isinvalid:7},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["id","label","requirementtext","helpid","helptext","errorid","errormessage","isinvalid"]}get id(){return this.$$.ctx[0]}set id(e){this.$$set({id:e}),s()}get label(){return this.$$.ctx[1]}set label(e){this.$$set({label:e}),s()}get requirementtext(){return this.$$.ctx[2]}set requirementtext(e){this.$$set({requirementtext:e}),s()}get helpid(){return this.$$.ctx[3]}set helpid(e){this.$$set({helpid:e}),s()}get helptext(){return this.$$.ctx[4]}set helptext(e){this.$$set({helptext:e}),s()}get errorid(){return this.$$.ctx[5]}set errorid(e){this.$$set({errorid:e}),s()}get errormessage(){return this.$$.ctx[6]}set errormessage(e){this.$$set({errormessage:e}),s()}get isinvalid(){return this.$$.ctx[7]}set isinvalid(e){this.$$set({isinvalid:e}),s()}}export{y as default};
 //# sourceMappingURL=Field.js.map

package/public/components/fileuploader/FileUploader.js

@@ -0,0 +1,2 @@
+import{S as e,i as s,a as l,b as i,f as t,s as a,e as o,d as r,t as n,n as d,g as c,j as M,l as u,k as w,C as m,D as p,E as b,o as x,x as f,A as L,G as g,M as h,v as $}from"../../index-17a01ab4.js";import{E as D}from"../../EventHandler-316af043.js";import y from"./ResultFile.nested.js";function N(e){let s,l;return s=new y({props:{files:e[8],allowedExtensions:e[11],disabled:e[6],maxsize:e[5],removelabel:e[7]}}),s.$on("file-removed",e[13]),{c(){f(s.$$.fragment)},m(e,i){L(s,e,i),l=!0},p(e,l){const i={};256&l&&(i.files=e[8]),2048&l&&(i.allowedExtensions=e[11]),64&l&&(i.disabled=e[6]),32&l&&(i.maxsize=e[5]),128&l&&(i.removelabel=e[7]),s.$set(i)},i(e){l||(m(s.$$.fragment,e),l=!0)},o(e){p(s.$$.fragment,e),l=!1},d(e){g(s,e)}}}function S(e){let s,l;return s=new y({props:{files:e[10],allowedExtensions:e[11],disabled:e[6],maxsize:e[5],removelabel:e[7]}}),s.$on("file-removed",e[13]),{c(){f(s.$$.fragment)},m(e,i){L(s,e,i),l=!0},p(e,l){const i={};1024&l&&(i.files=e[10]),2048&l&&(i.allowedExtensions=e[11]),64&l&&(i.disabled=e[6]),32&l&&(i.maxsize=e[5]),128&l&&(i.removelabel=e[7]),s.$set(i)},i(e){l||(m(s.$$.fragment,e),l=!0)},o(e){p(s.$$.fragment,e),l=!1},d(e){g(s,e)}}}function T(e){let s,l,t,a,f,L,g,$,D,y,T,j=e[0]&&e[8].length>0&&N(e),E=e[10].length>0&&S(e);return{c(){s=o("div"),l=o("input"),t=r(),a=o("label"),f=o("span"),L=n(e[2]),g=r(),j&&j.c(),$=r(),E&&E.c(),this.c=d,c(l,"id",e[1]),c(l,"type","file"),c(l,"class","mc-fileuploader__input"),c(l,"accept",e[3]),l.multiple=e[4],l.disabled=e[6],c(f,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(s,"class","mc-fileuploader")},m(o,r){i(o,s,r),M(s,l),M(s,t),M(s,a),M(a,f),M(f,L),M(s,g),j&&j.m(s,null),M(s,$),E&&E.m(s,null),e[16](s),D=!0,y||(T=u(l,"change",e[12]),y=!0)},p(e,[i]){(!D||2&i)&&c(l,"id",e[1]),(!D||8&i)&&c(l,"accept",e[3]),(!D||16&i)&&(l.multiple=e[4]),(!D||64&i)&&(l.disabled=e[6]),(!D||4&i)&&w(L,e[2]),(!D||2&i)&&c(a,"for",e[1]),e[0]&&e[8].length>0?j?(j.p(e,i),257&i&&m(j,1)):(j=N(e),j.c(),m(j,1),j.m(s,$)):j&&(h(),p(j,1,1,(()=>{j=null})),b()),e[10].length>0?E?(E.p(e,i),1024&i&&m(E,1)):(E=S(e),E.c(),m(E,1),E.m(s,null)):E&&(h(),p(E,1,1,(()=>{E=null})),b())},i(e){D||(m(j),m(E),D=!0)},o(e){p(j),p(E),D=!1},d(l){l&&x(s),j&&j.d(),E&&E.d(),e[16](null),y=!1,T()}}}function j(e,s,l){let i,t,a,o,{id:r}=s,{label:n}=s,{accept:d}=s,{multiple:c=!0}=s,{allowedextensions:M}=s,{maxsize:u}=s,{displayfileslist:w=!1}=s,{disabled:m=!1}=s,{removelabel:p="Remove"}=s,{uploadedfiles:b}=s,x=new D;return e.$$set=e=>{"id"in e&&l(1,r=e.id),"label"in e&&l(2,n=e.label),"accept"in e&&l(3,d=e.accept),"multiple"in e&&l(4,c=e.multiple),"allowedextensions"in e&&l(14,M=e.allowedextensions),"maxsize"in e&&l(5,u=e.maxsize),"displayfileslist"in e&&l(0,w=e.displayfileslist),"disabled"in e&&l(6,m=e.disabled),"removelabel"in e&&l(7,p=e.removelabel),"uploadedfiles"in e&&l(15,b=e.uploadedfiles)},e.$$.update=()=>{16384&e.$$.dirty&&l(11,i=M?JSON.parse(M):[]),32768&e.$$.dirty&&l(10,t=b?JSON.parse(b):[]),e.$$.dirty},[w,r,n,d,c,u,m,p,a,o,t,i,function(e){const s=e.target;l(8,a=s.files),l(0,w=!0),x.dispatch("change",a)},function(e){l(8,a=function(e,s){const l=Array.from(e),i=l.indexOf(s);return-1!==i&&l.splice(i,1),l}(a,e.detail)),o.querySelector(".mc-fileuploader__input").value="",x.dispatch("file-removed",e.detail)},M,b,function(e){$[e?"unshift":"push"]((()=>{o=e,l(9,o)}))}]}class E extends e{constructor(e){super();const o=document.createElement("style");o.textContent='.mc-fileuploader{position:relative;display:block}.mc-fileuploader__input{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-fileuploader__label{font-family:"LeroyMerlin", sans-serif;font-weight:600;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#188803;border-color:#188803;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label:hover{background-color:#ebf5de;color:#006902}.mc-fileuploader__label:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label::before{content:"";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTg4ODAzIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}:focus+.mc-fileuploader__label{-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}:hover+.mc-fileuploader__label{color:#006902;background-color:#ebf5de}:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}:disabled+.mc-fileuploader__label::before{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNjY2NjY2IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat}',this.shadowRoot.appendChild(o),s(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},j,T,a,{id:1,label:2,accept:3,multiple:4,allowedextensions:14,maxsize:5,displayfileslist:0,disabled:6,removelabel:7,uploadedfiles:15},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),t()))}static get observedAttributes(){return["id","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles"]}get id(){return this.$$.ctx[1]}set id(e){this.$$set({id:e}),t()}get label(){return this.$$.ctx[2]}set label(e){this.$$set({label:e}),t()}get accept(){return this.$$.ctx[3]}set accept(e){this.$$set({accept:e}),t()}get multiple(){return this.$$.ctx[4]}set multiple(e){this.$$set({multiple:e}),t()}get allowedextensions(){return this.$$.ctx[14]}set allowedextensions(e){this.$$set({allowedextensions:e}),t()}get maxsize(){return this.$$.ctx[5]}set maxsize(e){this.$$set({maxsize:e}),t()}get displayfileslist(){return this.$$.ctx[0]}set displayfileslist(e){this.$$set({displayfileslist:e}),t()}get disabled(){return this.$$.ctx[6]}set disabled(e){this.$$set({disabled:e}),t()}get removelabel(){return this.$$.ctx[7]}set removelabel(e){this.$$set({removelabel:e}),t()}get uploadedfiles(){return this.$$.ctx[15]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),t()}}export{E as default};
+//# sourceMappingURL=FileUploader.js.map

package/public/components/fileuploader/FileUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.js","sources":["../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  import { EventHandler } from '../../utilities/EventHandler';\n  import ResultFile from './ResultFile.nested.svelte';\n\n  export let id: string;\n  export let label: string;\n  export let accept: string;\n  export let multiple = true;\n  export let allowedextensions: string;\n  export let maxsize: number;\n  export let displayfileslist = false;\n  export let disabled = false;\n  export let removelabel = 'Remove';\n  export let uploadedfiles: string;\n\n  let files: FileList;\n  let root: HTMLElement;\n  let eventHandler = new EventHandler();\n\n  $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n  $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n  $: files;\n\n  function handleChange(e: Event): void {\n    const target = e.target as HTMLInputElement;\n    files = target.files as FileList;\n    displayfileslist = true;\n    eventHandler.dispatch('change', files);\n  }\n\n  function removeFromArray(fileList: FileList, value: File): FileList {\n    const array = Array.from(fileList);\n    const idx = array.indexOf(value);\n    if (idx !== -1) {\n      array.splice(idx, 1);\n    }\n    return array as FileList;\n  }\n\n  function deleteFile(e: CustomEvent): void {\n    files = removeFromArray(files, e.detail);\n    const fileuploader = root.querySelector(\n      '.mc-fileuploader__input',\n    ) as HTMLInputElement;\n    fileuploader.value = '';\n    eventHandler.dispatch('file-removed', e.detail);\n  }\n</script>\n\n<div class=\"mc-fileuploader\" bind:this={root}>\n  <input\n    {id}\n    type=\"file\"\n    class=\"mc-fileuploader__input\"\n    {accept}\n    {multiple}\n    {disabled}\n    on:change={handleChange}\n  />\n  <label for={id} class=\"mc-fileuploader__label\">\n    <span class=\"mc-fileuploader__label--center\">\n      {label}\n    </span>\n  </label>\n  {#if displayfileslist && files.length > 0}\n    <ResultFile\n      {files}\n      {allowedExtensions}\n      {disabled}\n      {maxsize}\n      {removelabel}\n      on:file-removed={deleteFile}\n    />\n  {/if}\n  {#if uploadedFiles.length > 0}\n    <ResultFile\n      files={uploadedFiles}\n      {allowedExtensions}\n      {disabled}\n      {maxsize}\n      {removelabel}\n      on:file-removed={deleteFile}\n    />\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.file-uploader';\n</style>\n"],"names":["ctx","if_block0","length","create_if_block_1","create_if_block","insert","target","div","anchor","append","input","label_1","span","files","root","id","$$props","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","eventHandler","EventHandler","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","e","dispatch","fileList","value","array","Array","from","idx","indexOf","splice","removeFromArray","detail","querySelector","$$value"],"mappings":"mbA0EuBA,EAAU,sVAKpBA,EAAa,gGAKHA,EAAU,qFALpBA,EAAa,sPAZnBC,EAAAD,EAAoB,IAAAA,EAAM,GAAAE,OAAS,GAACC,EAAAH,KAUpCA,EAAa,IAACE,OAAS,GAACE,EAAAJ,yEAbxBA,EAAK,8NAFEA,EAAE,iFAVhBK,EAmCKC,EAAAC,EAAAC,GAlCHC,EAQCF,EAAAG,UACDD,EAIOF,EAAAI,GAHLF,EAEME,EAAAC,uFALKZ,EAAY,wJAIpBA,EAAK,yBAFEA,EAAE,IAKTA,EAAoB,IAAAA,EAAM,GAAAE,OAAS,iGAUnCF,EAAa,IAACE,OAAS,qOA3DxBW,EACAC,MAZOC,GAAUC,SACVC,GAAaD,UACbE,GAAcF,GACdG,SAAAA,GAAW,GAAIH,qBACfI,GAAyBJ,WACzBK,GAAeL,GACfM,iBAAAA,GAAmB,GAAKN,GACxBO,SAAAA,GAAW,GAAKP,GAChBQ,YAAAA,EAAc,UAAQR,iBACtBS,GAAqBT,EAI5BU,MAAmBC,yaAEtBC,EAAA,GAAEC,EAAoBT,EAAoBU,KAAKC,MAAMX,GAAiB,sBACtEQ,EAAA,GAAEI,EAAgBP,EAAgBK,KAAKC,MAAMN,GAAa,yCAGlD,SAAaQ,SACd3B,EAAS2B,EAAE3B,WACjBO,EAAQP,EAAOO,OACfe,EAAA,EAAAN,GAAmB,GACnBI,EAAaQ,SAAS,SAAUrB,IAYzB,SAAWoB,GAClBL,EAAA,EAAAf,WAVuBsB,EAAoBC,GACrC,MAAAC,EAAQC,MAAMC,KAAKJ,GACnBK,EAAMH,EAAMI,QAAQL,UACb,IAATI,GACFH,EAAMK,OAAOF,EAAK,GAEbH,EAICM,CAAgB9B,EAAOoB,EAAEW,SACZ9B,EAAK+B,cACxB,2BAEWT,MAAQ,GACrBV,EAAaQ,SAAS,eAAgBD,EAAEW,qDAIJ9B,EAAIgC"}

package/public/components/fileuploader/FileUploader.svelte

@@ -0,0 +1,93 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  // @ts-nocheck
+  import { EventHandler } from '../../utilities/EventHandler';
+  import ResultFile from './ResultFile.nested.svelte';
+
+  export let id: string;
+  export let label: string;
+  export let accept: string;
+  export let multiple = true;
+  export let allowedextensions: string;
+  export let maxsize: number;
+  export let displayfileslist = false;
+  export let disabled = false;
+  export let removelabel = 'Remove';
+  export let uploadedfiles: string;
+
+  let files: FileList;
+  let root: HTMLElement;
+  let eventHandler = new EventHandler();
+
+  $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];
+  $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];
+  $: files;
+
+  function handleChange(e: Event): void {
+    const target = e.target as HTMLInputElement;
+    files = target.files as FileList;
+    displayfileslist = true;
+    eventHandler.dispatch('change', files);
+  }
+
+  function removeFromArray(fileList: FileList, value: File): FileList {
+    const array = Array.from(fileList);
+    const idx = array.indexOf(value);
+    if (idx !== -1) {
+      array.splice(idx, 1);
+    }
+    return array as FileList;
+  }
+
+  function deleteFile(e: CustomEvent): void {
+    files = removeFromArray(files, e.detail);
+    const fileuploader = root.querySelector(
+      '.mc-fileuploader__input',
+    ) as HTMLInputElement;
+    fileuploader.value = '';
+    eventHandler.dispatch('file-removed', e.detail);
+  }
+</script>
+
+<div class="mc-fileuploader" bind:this={root}>
+  <input
+    {id}
+    type="file"
+    class="mc-fileuploader__input"
+    {accept}
+    {multiple}
+    {disabled}
+    on:change={handleChange}
+  />
+  <label for={id} class="mc-fileuploader__label">
+    <span class="mc-fileuploader__label--center">
+      {label}
+    </span>
+  </label>
+  {#if displayfileslist && files.length > 0}
+    <ResultFile
+      {files}
+      {allowedExtensions}
+      {disabled}
+      {maxsize}
+      {removelabel}
+      on:file-removed={deleteFile}
+    />
+  {/if}
+  {#if uploadedFiles.length > 0}
+    <ResultFile
+      files={uploadedFiles}
+      {allowedExtensions}
+      {disabled}
+      {maxsize}
+      {removelabel}
+      on:file-removed={deleteFile}
+    />
+  {/if}
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/all-settings';
+  @import '@mozaic-ds/styles/components/c.file-uploader';
+</style>

package/public/components/fileuploader/ResultFile.nested.js

@@ -0,0 +1,2 @@
+import{P as e,i as s,s as l,Q as i,e as t,g as a,b as o,n as r,o as n,J as p,c,q as M,t as d,d as w,j as z,l as m,aa as g,k as u}from"../../index-17a01ab4.js";import{E as x}from"../../EventHandler-316af043.js";function b(e){i(e,"svelte-10zpszp",'.mc-fileuploader.svelte-10zpszp.svelte-10zpszp{position:relative;display:block}.mc-fileuploader__input.svelte-10zpszp.svelte-10zpszp{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-fileuploader__label.svelte-10zpszp.svelte-10zpszp{font-family:"LeroyMerlin", sans-serif;font-weight:600;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#188803;border-color:#188803;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label.is-hover.svelte-10zpszp.svelte-10zpszp,.mc-fileuploader__label.svelte-10zpszp.svelte-10zpszp:hover{background-color:#ebf5de;color:#006902}.mc-fileuploader__label.is-active.svelte-10zpszp.svelte-10zpszp,.mc-fileuploader__label.svelte-10zpszp.svelte-10zpszp:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.is-active.svelte-10zpszp.svelte-10zpszp,.mc-fileuploader__label.svelte-10zpszp.svelte-10zpszp:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.svelte-10zpszp.svelte-10zpszp:disabled,.mc-fileuploader__label.is-disabled.svelte-10zpszp.svelte-10zpszp{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label.svelte-10zpszp.svelte-10zpszp::before{content:"";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTg4ODAzIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus.svelte-10zpszp+.mc-fileuploader__label.svelte-10zpszp,.svelte-10zpszp:focus+.mc-fileuploader__label.svelte-10zpszp{-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}.is-hover.svelte-10zpszp+.mc-fileuploader__label.svelte-10zpszp,.svelte-10zpszp:hover+.mc-fileuploader__label.svelte-10zpszp{color:#006902;background-color:#ebf5de}.is-disabled.svelte-10zpszp+.mc-fileuploader__label.svelte-10zpszp,.svelte-10zpszp:disabled+.mc-fileuploader__label.svelte-10zpszp{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled.svelte-10zpszp+.mc-fileuploader__label.svelte-10zpszp::before,.svelte-10zpszp:disabled+.mc-fileuploader__label.svelte-10zpszp::before{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNjY2NjY2IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat}.mc-fileuploader__files.svelte-10zpszp.svelte-10zpszp{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file.svelte-10zpszp.svelte-10zpszp{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e6e6e6;-webkit-box-sizing:content-box;box-sizing:content-box;color:#000000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.mc-fileuploader__file.svelte-10zpszp.svelte-10zpszp:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name.svelte-10zpszp.svelte-10zpszp{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding-left:0.75rem;padding-right:0.75rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 7.5rem)}.mc-fileuploader__file-icon.svelte-10zpszp.svelte-10zpszp{background-color:transparent;background-position:center right;background-repeat:no-repeat;background-size:1.5rem;display:block;height:1.5rem;margin-left:1rem;margin-right:1rem;width:1.5rem}.mc-fileuploader__file--is-valid.svelte-10zpszp .mc-fileuploader__file-icon.svelte-10zpszp{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDEgMS04IDggOCA4IDAgMCAxIDgtOG0wLTJhMTAgMTAgMCAxIDAgMTAgMTBBMTAgMTAgMCAwIDAgMTIgMnoiLz48cGF0aCBkPSJNMTAuNTkgMTYuMTJhMSAxIDAgMCAxLS42OC0uMjZsLTMuODQtMy41NWExIDEgMCAwIDEgMS4zNi0xLjQ3bDMuMTMgMi44OUwxNiA4LjE3YTEgMSAwIDAgMSAxLjQzIDEuNDFsLTYuMTMgNi4yNWExIDEgMCAwIDEtLjcxLjI5eiIvPjwvc3ZnPg==")}.mc-fileuploader__file--is-invalid.svelte-10zpszp .mc-fileuploader__file-icon.svelte-10zpszp{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjYzYxMTEyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTAgMThhOCA4IDAgMSAxIDgtOCA4IDggMCAwIDEtOCA4eiIvPjxwYXRoIGQ9Ik0xMiA3YTEgMSAwIDAgMC0xIDF2NC4zOGExIDEgMCAwIDAgMiAwVjhhMSAxIDAgMCAwLTEtMXoiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjE2IiByPSIxIi8+PC9zdmc+")}.mc-fileuploader__delete.svelte-10zpszp.svelte-10zpszp{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete.svelte-10zpszp.svelte-10zpszp::before{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;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-fileuploader__delete.svelte-10zpszp.svelte-10zpszp::after{content:"";width:1.5rem;height:1.5rem;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMDAwMDAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOC4wOCA4YTEgMSAwIDAgMC0xLjA4LjkyTDE2LjA4IDIwSDcuOTJMNyA4LjkyYTEgMSAwIDEgMC0yIC4xNmwxIDEyQTEgMSAwIDAgMCA3IDIyaDEwYTEgMSAwIDAgMCAxLS45MmwxLTEyQTEgMSAwIDAgMCAxOC4wOCA4eiIvPjxwYXRoIGQ9Ik0xOSA1aC0zLjc3bC0uNjUtMi4yN2ExIDEgMCAwIDAtMS0uNzNoLTMuMmExIDEgMCAwIDAtMSAuNzNMOC43NyA1SDVhMSAxIDAgMCAwIDAgMmgxNGExIDEgMCAwIDAgMC0yem0tOC42Mi0yaDMuMjRsLjU3IDJIOS44MXpNMTIuNSAxOHYtOGEuNS41IDAgMCAwLTEgMHY4YS41LjUgMCAwIDAgMSAwek0xNC4yNSAxOC41YS41LjUgMCAwIDAgLjUtLjQ3bC41LThhLjUuNSAwIDAgMC0uNDctLjUzLjQ5LjQ5IDAgMCAwLS41My40N2wtLjUgOGEuNS41IDAgMCAwIC40Ny41M3pNOS43NSAxOC41YS41LjUgMCAwIDAgLjQ3LS41M2wtLjUtOGEuNDkuNDkgMCAwIDAtLjUzLS40Ny41LjUgMCAwIDAtLjQ3LjUzbC41IDhhLjUuNSAwIDAgMCAuNTMuNDd6Ii8+PC9zdmc+") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete.svelte-10zpszp.svelte-10zpszp:focus{outline:none}.mc-fileuploader__delete.svelte-10zpszp.svelte-10zpszp:focus::before{-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;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}')}function f(e,s,l){const i=e.slice();return i[13]=s[l],i[15]=l,i}function D(e){let s,l,i,r,p,c,M,x,b,f,D,I=e[13].name+"";return{c(){s=t("li"),l=t("span"),i=d(I),r=w(),p=t("span"),p.textContent=" ",c=w(),M=t("button"),x=w(),a(l,"class","mc-fileuploader__file-name svelte-10zpszp"),a(p,"class","mc-fileuploader__file-icon svelte-10zpszp"),a(M,"type","button"),a(M,"class","mc-fileuploader__delete svelte-10zpszp"),a(M,"aria-label",e[2]),M.disabled=e[1],a(s,"id",`file-${e[15]}`),a(s,"class",b=e[3](e[13])+" "+e[5].class+" svelte-10zpszp")},m(t,a){o(t,s,a),z(s,l),z(l,i),z(s,r),z(s,p),z(s,c),z(s,M),z(s,x),f||(D=m(M,"click",(function(){g(e[4](e[13]))&&e[4](e[13]).apply(this,arguments)})),f=!0)},p(l,t){e=l,1&t&&I!==(I=e[13].name+"")&&u(i,I),4&t&&a(M,"aria-label",e[2]),2&t&&(M.disabled=e[1]),33&t&&b!==(b=e[3](e[13])+" "+e[5].class+" svelte-10zpszp")&&a(s,"class",b)},d(e){e&&n(s),f=!1,D()}}}function I(e){let s,l=e[0],i=[];for(let s=0;s<l.length;s+=1)i[s]=D(f(e,l,s));return{c(){s=t("ul");for(let e=0;e<i.length;e+=1)i[e].c();a(s,"class","mc-fileuploader__files svelte-10zpszp")},m(e,l){o(e,s,l);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(s,null)},p(e,[t]){if(63&t){let a;for(l=e[0],a=0;a<l.length;a+=1){const o=f(e,l,a);i[a]?i[a].p(o,t):(i[a]=D(o),i[a].c(),i[a].m(s,null))}for(;a<i.length;a+=1)i[a].d(1);i.length=l.length}},i:r,o:r,d(e){e&&n(s),p(i,e)}}}function A(e,s,l){let{allowedExtensions:i}=s,{maxsize:t}=s,{disabled:a=!1}=s,{files:o}=s,{removelabel:r="Remove"}=s,n=new x;function p(e){if(i&&i.length>0){const s=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(s)))return!1}return!0}function d(e){return!(t&&e/1024/1024>t)}return e.$$set=e=>{l(5,s=c(c({},s),M(e))),"allowedExtensions"in e&&l(6,i=e.allowedExtensions),"maxsize"in e&&l(7,t=e.maxsize),"disabled"in e&&l(1,a=e.disabled),"files"in e&&l(0,o=e.files),"removelabel"in e&&l(2,r=e.removelabel)},e.$$.update=()=>{1&e.$$.dirty&&l(0,o=o?function(e){const s=[...e],l=[];return s.forEach(((e,s)=>{const i=e.name,t=e.size,a=p(i),o=d(t);let r="";a||(r="invalid-extension"),o||(r="invalid-size"),a&&o||l.push({index:s,fileName:i,fileSize:t,errorType:r})})),l.length>0&&n.dispatch("has-invalid-files",l),s}(o):[])},s=M(s),[o,a,r,function(e){let s=["mc-fileuploader__file"];return!function(e){const s=!i||p(e.name),l=d(e.size);if(!s||!l)return!1;return!0}(e)?s.push("mc-fileuploader__file--is-invalid"):s.push("mc-fileuploader__file--is-valid"),s.join(" ")},function(e){n.dispatch("file-removed",e)},s,i,t]}class v extends e{constructor(e){super(),s(this,e,A,I,l,{allowedExtensions:6,maxsize:7,disabled:1,files:0,removelabel:2},b)}}export{v as default};
+//# sourceMappingURL=ResultFile.nested.js.map

package/public/components/fileuploader/ResultFile.nested.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultFile.nested.js","sources":["../../../src/components/fileuploader/ResultFile.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let allowedExtensions: [];\n  export let maxsize: number;\n  export let disabled = false;\n  export let files: FileList;\n  export let removelabel = 'Remove';\n\n  let eventHandler = new EventHandler();\n  $: files = files ? (handleFiles(files) as FileList) : [];\n\n  function setClasses(file: File): string {\n    let classes = ['mc-fileuploader__file'];\n\n    if (checkFileStatus(file)) classes.push('mc-fileuploader__file--is-valid');\n    else classes.push('mc-fileuploader__file--is-invalid');\n    return classes.join(' ');\n  }\n\n  function checkFileExtension(fileName: string): boolean {\n    if (allowedExtensions && allowedExtensions.length > 0) {\n      const extension: string = fileName.slice(\n        ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n      );\n      if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n        return false; // invalid\n      }\n    }\n\n    return true; // valid\n  }\n\n  function handleFiles(myFiles: FileList): FileList {\n    const files = [...myFiles];\n    const invalidFiles: Array = [];\n\n    files.forEach((file, index) => {\n      const fileName = file.name;\n      const fileSize = file.size;\n      const validExtension = checkFileExtension(fileName);\n      const validSize = checkFileSize(fileSize);\n      let errorType = '';\n\n      if (!validExtension) {\n        errorType = 'invalid-extension';\n      }\n\n      if (!validSize) {\n        errorType = 'invalid-size';\n      }\n\n      if (!validExtension || !validSize) {\n        invalidFiles.push({\n          index: index,\n          fileName: fileName,\n          fileSize: fileSize,\n          errorType: errorType,\n        });\n      }\n    });\n\n    if (invalidFiles.length > 0) {\n      eventHandler.dispatch('has-invalid-files', invalidFiles);\n    }\n    return files;\n  }\n\n  function checkFileSize(fileSize: number): boolean {\n    const fileSizeMB = fileSize / 1024 / 1024; // in MB\n\n    if (maxsize && fileSizeMB > maxsize) {\n      return false; // invalid\n    }\n\n    return true; // valid\n  }\n  function checkFileStatus(file: File): boolean {\n    const validExtension = allowedExtensions\n      ? checkFileExtension(file.name)\n      : true;\n    const validSize = checkFileSize(file.size);\n\n    if (!validExtension || !validSize) {\n      return false; // invalid\n    }\n\n    return true; // valid\n  }\n\n  function deleteFile(file) {\n    eventHandler.dispatch('file-removed', file);\n  }\n</script>\n\n<ul class=\"mc-fileuploader__files\">\n  {#each files as file, index}\n    <li id={`file-${index}`} class=\"{setClasses(file)} {$$props.class}\">\n      <span class=\"mc-fileuploader__file-name\">{file.name}</span>\n      <span class=\"mc-fileuploader__file-icon\">&nbsp;</span>\n      <button\n        type=\"button\"\n        class=\"mc-fileuploader__delete\"\n        aria-label={removelabel}\n        {disabled}\n        on:click={deleteFile(file)}\n      />\n    </li>\n  {/each}\n</ul>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["t0_value","ctx","name","attr","li","li_class_value","class","insert","target","anchor","append","span0","span1","button","is_function","apply","this","arguments","dirty","set_data","t0","length","i","ul","allowedExtensions","$$props","maxsize","disabled","files","removelabel","eventHandler","EventHandler","checkFileExtension","fileName","extension","slice","lastIndexOf","includes","String","checkFileSize","fileSize","myFiles","invalidFiles","forEach","file","index","size","validExtension","validSize","errorType","push","dispatch","handleFiles","classes","checkFileStatus","join"],"mappings":"g8RAqGgDA,EAAAC,MAAKC,KAAI,uTAKrCD,EAAW,qCANXA,EAAK,OAAYE,EAAAC,EAAA,QAAAC,EAAAJ,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQK,MAAK,2BAAjEC,EAUIC,EAAAJ,EAAAK,GATFC,EAA0DN,EAAAO,iBAC1DD,EAAqDN,EAAAQ,UACrDF,EAMCN,EAAAS,wCADWC,EAAAb,EAAW,GAAAA,EAAX,OAAAA,KAAWA,EAAI,KAAAc,MAAAC,KAAAC,gCAPe,EAAAC,GAAAlB,KAAAA,EAAAC,MAAKC,KAAI,KAAAiB,EAAAC,EAAApB,yBAKrCC,EAAW,2BANM,GAAAiB,GAAAb,KAAAA,EAAAJ,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQK,MAAK,kFAD5DL,EAAK,wBAAVoB,OAAIC,GAAA,0IADRf,EAcIC,EAAAe,EAAAd,mFAbKR,EAAK,WAAVoB,OAAIC,GAAA,EAAA,iHAAJD,+EA7FSG,GAAqBC,WACrBC,GAAeD,GACfE,SAAAA,GAAW,GAAKF,SAChBG,GAAeH,GACfI,YAAAA,EAAc,UAAQJ,EAE7BK,MAAmBC,EAWd,SAAAC,EAAmBC,GACtB,GAAAT,GAAqBA,EAAkBH,OAAS,EAAC,CAC7C,MAAAa,EAAoBD,EAASE,MACS,GAAxCF,EAASG,YAAY,KAAO,IAAO,IAEnC,GAAAZ,IAAsBA,EAAkBa,SAASC,OAAOJ,WACnD,SAIJ,EAsCA,SAAAK,EAAcC,WAGjBd,GAFec,EAAW,KAAO,KAETd,2QA7D3BE,EAAQA,EAuBF,SAAYa,GACb,MAAAb,MAAYa,GACZC,EAAY,UAElBd,EAAMe,SAAS,CAAAC,EAAMC,WACbZ,EAAWW,EAAK1C,KAChBsC,EAAWI,EAAKE,KAChBC,EAAiBf,EAAmBC,GACpCe,EAAYT,EAAcC,GAC5B,IAAAS,EAAY,GAEXF,IACHE,EAAY,qBAGTD,IACHC,EAAY,gBAGTF,GAAmBC,GACtBN,EAAaQ,KACJ,CAAAL,QACGZ,WACAO,WACCS,iBAKbP,EAAarB,OAAS,GACxBS,EAAaqB,SAAS,oBAAqBT,GAEtCd,EAvDWwB,CAAYxB,GAAK,mBAE5B,SAAWgB,GACd,IAAAS,GAAW,gCAgER,SAAgBT,SACjBG,GAAiBvB,GACnBQ,EAAmBY,EAAK1C,MAEtB8C,EAAYT,EAAcK,EAAKE,MAEhC,IAAAC,IAAmBC,SACf,SAGF,EAxEHM,CAAgBV,GACfS,EAAQH,KAAK,qCADSG,EAAQH,KAAK,mCAEjCG,EAAQE,KAAK,MAyEb,SAAWX,GAClBd,EAAaqB,SAAS,eAAgBP"}

package/public/components/flag/Flag.js

@@ -1,2 +1,2 @@
-import{S as e,i as r,a as o,b as l,f as a,s as f,c as t,e as c,t as s,n as d,g as n,h as b,j as i,k as g,m,o as h,p as u,q as _}from"../../index-c33b3772.js";function p(e){let r,o,a,f,u=[{class:f=$(e[2],e[0])+" "+e[4]},e[3]],_={};for(let e=0;e<u.length;e+=1)_=t(_,u[e]);return{c(){r=c("div"),o=c("span"),a=s(e[1]),this.c=d,n(o,"class","mc-flag__label"),b(r,_)},m(e,f){l(e,r,f),i(r,o),i(o,a)},p(e,[o]){2&o&&g(a,e[1]),b(r,_=m(u,[21&o&&f!==(f=$(e[2],e[0])+" "+e[4])&&{class:f},8&o&&e[3]]))},i:d,o:d,d(e){e&&h(r)}}}function $(e,r){const o=["mc-flag"],l=function(e,r){if(!r&&!e)return"";const o=r?"bordered":"solid";return e?`mc-flag--${o}-${e}`:`mc-flag--${o}`}(e,r);return l&&o.push(l),o.join(" ")}function k(e,r,o){let l,a;const f=["bordered","label","theme"];let c=u(r,f),{bordered:s=!1}=r,{label:d}=r,{theme:n}=r;return e.$$set=e=>{o(6,r=t(t({},r),_(e))),o(5,c=u(r,f)),"bordered"in e&&o(0,s=e.bordered),"label"in e&&o(1,d=e.label),"theme"in e&&o(2,n=e.theme)},e.$$.update=()=>{o(4,l=r.class),o(3,a=Object.assign({},c)),8&e.$$.dirty&&delete a.class},r=_(r),[s,d,n,a,l]}class x extends e{constructor(e){super();const t=document.createElement("style");t.textContent='.mc-flag{display:inline-block;font-size:0.875rem;margin:0;vertical-align:middle;line-height:1.786;font-family:"LeroyMerlin", sans-serif;font-weight:600}.mc-flag__label{line-height:1.1428571429;border:1px solid transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0.25rem 0.5rem}.mc-flag .mc-flag__label{color:#ffffff;border-color:#188803;background-color:#188803}.mc-flag--solid-primary-02 .mc-flag__label{color:#ffffff;border-color:#494f60;background-color:#494f60}.mc-flag--solid-dark .mc-flag__label{color:#ffffff;border-color:#000000;background-color:#000000}.mc-flag--solid-light .mc-flag__label{color:#000000;border-color:#ffffff;background-color:#ffffff}.mc-flag--solid-danger .mc-flag__label{color:#ffffff;border-color:#c61112;background-color:#c61112}.mc-flag--bordered .mc-flag__label{color:#188803;border-color:#188803;background-color:#ffffff}.mc-flag--bordered-primary-02 .mc-flag__label{color:#494f60;border-color:#494f60;background-color:#ffffff}.mc-flag--bordered-dark .mc-flag__label{color:#000000;border-color:#000000;background-color:#ffffff}.mc-flag--bordered-light .mc-flag__label{color:#ffffff;border-color:#ffffff;background-color:#000000}.mc-flag--bordered-danger .mc-flag__label{color:#c61112;border-color:#c61112;background-color:#ffffff}',this.shadowRoot.appendChild(t),r(this,{target:this.shadowRoot,props:o(this.attributes),customElement:!0},k,p,f,{bordered:0,label:1,theme:2},null),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["bordered","label","theme"]}get bordered(){return this.$$.ctx[0]}set bordered(e){this.$$set({bordered:e}),a()}get label(){return this.$$.ctx[1]}set label(e){this.$$set({label:e}),a()}get theme(){return this.$$.ctx[2]}set theme(e){this.$$set({theme:e}),a()}}export{x as default};
+import{S as e,i as r,a as o,b as l,f as a,s as f,c as t,e as c,t as s,n as d,g as n,h as b,j as i,k as g,m,o as h,p as u,q as _}from"../../index-17a01ab4.js";function p(e){let r,o,a,f,u=[{class:f=$(e[2],e[0])+" "+e[4]},e[3]],_={};for(let e=0;e<u.length;e+=1)_=t(_,u[e]);return{c(){r=c("div"),o=c("span"),a=s(e[1]),this.c=d,n(o,"class","mc-flag__label"),b(r,_)},m(e,f){l(e,r,f),i(r,o),i(o,a)},p(e,[o]){2&o&&g(a,e[1]),b(r,_=m(u,[21&o&&f!==(f=$(e[2],e[0])+" "+e[4])&&{class:f},8&o&&e[3]]))},i:d,o:d,d(e){e&&h(r)}}}function $(e,r){const o=["mc-flag"],l=function(e,r){if(!r&&!e)return"";const o=r?"bordered":"solid";return e?`mc-flag--${o}-${e}`:`mc-flag--${o}`}(e,r);return l&&o.push(l),o.join(" ")}function k(e,r,o){let l,a;const f=["bordered","label","theme"];let c=u(r,f),{bordered:s=!1}=r,{label:d}=r,{theme:n}=r;return e.$$set=e=>{o(6,r=t(t({},r),_(e))),o(5,c=u(r,f)),"bordered"in e&&o(0,s=e.bordered),"label"in e&&o(1,d=e.label),"theme"in e&&o(2,n=e.theme)},e.$$.update=()=>{o(4,l=r.class),o(3,a=Object.assign({},c)),8&e.$$.dirty&&delete a.class},r=_(r),[s,d,n,a,l]}class x extends e{constructor(e){super();const t=document.createElement("style");t.textContent='.mc-flag{display:inline-block;font-size:0.875rem;margin:0;vertical-align:middle;line-height:1.786;font-family:"LeroyMerlin", sans-serif;font-weight:600}.mc-flag__label{line-height:1.1428571429;border:1px solid transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0.25rem 0.5rem}.mc-flag .mc-flag__label{color:#ffffff;border-color:#188803;background-color:#188803}.mc-flag--solid-primary-02 .mc-flag__label{color:#ffffff;border-color:#494f60;background-color:#494f60}.mc-flag--solid-dark .mc-flag__label{color:#ffffff;border-color:#000000;background-color:#000000}.mc-flag--solid-light .mc-flag__label{color:#000000;border-color:#ffffff;background-color:#ffffff}.mc-flag--solid-danger .mc-flag__label{color:#ffffff;border-color:#c61112;background-color:#c61112}.mc-flag--bordered .mc-flag__label{color:#188803;border-color:#188803;background-color:#ffffff}.mc-flag--bordered-primary-02 .mc-flag__label{color:#494f60;border-color:#494f60;background-color:#ffffff}.mc-flag--bordered-dark .mc-flag__label{color:#000000;border-color:#000000;background-color:#ffffff}.mc-flag--bordered-light .mc-flag__label{color:#ffffff;border-color:#ffffff;background-color:#000000}.mc-flag--bordered-danger .mc-flag__label{color:#c61112;border-color:#c61112;background-color:#ffffff}',this.shadowRoot.appendChild(t),r(this,{target:this.shadowRoot,props:o(this.attributes),customElement:!0},k,p,f,{bordered:0,label:1,theme:2},null),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["bordered","label","theme"]}get bordered(){return this.$$.ctx[0]}set bordered(e){this.$$set({bordered:e}),a()}get label(){return this.$$.ctx[1]}set label(e){this.$$set({label:e}),a()}get theme(){return this.$$.ctx[2]}set theme(e){this.$$set({theme:e}),a()}}export{x as default};
 //# sourceMappingURL=Flag.js.map

package/public/components/header/Header.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a,_ as i,b as s,f as r,s as n,c as d,e as l,d as c,t as o,n as m,g as h,h as g,z as b,j as p,C as u,D as _,E as f,k as x,m as $,o as w,p as y,a0 as k,q as M,x as z,A,G as v,l as D,M as I,v as S}from"../../index-c33b3772.js";import{E as j}from"../../EventHandler-02058705.js";import N from"../breadcrumb/Breadcrumb.nested.js";import T from"../tabs/Tabs.nested.js";import L from"../badge/Badge.nested.js";function E(e){let t,a,i;return a=new N({props:{items:JSON.stringify(e[16]),nopadding:"true"}}),a.$on("link-clicked",e[25]),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__breadcrumb")},m(e,r){s(e,t,r),A(a,t,null),i=!0},p(e,t){const i={};65536&t[0]&&(i.items=JSON.stringify(e[16])),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function C(e){let t,a,i,r,n,d=(e[14]?.back||"Back")+"";return{c(){t=l("button"),a=l("span"),i=o(d),h(a,"class","mc-header__back__label"),h(t,"class","mc-header__back")},m(d,l){s(d,t,l),p(t,a),p(a,i),r||(n=D(t,"click",e[18]),r=!0)},p(e,t){16384&t[0]&&d!==(d=(e[14]?.back||"Back")+"")&&x(i,d)},d(e){e&&w(t),r=!1,n()}}}function O(e){let t,a;return{c(){t=l("div"),a=o(e[1]),h(t,"class","mc-header__heading__subtitle")},m(e,i){s(e,t,i),p(t,a)},p(e,t){2&t[0]&&x(a,e[1])},d(e){e&&w(t)}}}function H(e){let t,a,i;return a=new L({props:{label:e[3],type:e[4]}}),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__heading__status")},m(e,r){s(e,t,r),A(a,t,null),i=!0},p(e,t){const i={};8&t[0]&&(i.label=e[3]),16&t[0]&&(i.type=e[4]),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function J(e){let t,a,i=(e[19]?.icons||e[6])&&B(),r=(e[19]?.selector||e[7])&&Z(e);return{c(){t=l("div"),i&&i.c(),a=c(),r&&r.c(),h(t,"class","mc-header__right")},m(e,n){s(e,t,n),i&&i.m(t,null),p(t,a),r&&r.m(t,null)},p(e,s){e[19]?.icons||e[6]?i||(i=B(),i.c(),i.m(t,a)):i&&(i.d(1),i=null),e[19]?.selector||e[7]?r?r.p(e,s):(r=Z(e),r.c(),r.m(t,null)):r&&(r.d(1),r=null)},d(e){e&&w(t),i&&i.d(),r&&r.d()}}}function B(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="icons"></slot>',h(t,"class","mc-header__icons")},m(e,a){s(e,t,a)},d(e){e&&w(t)}}}function Z(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="selector"></slot>',h(t,"class","mc-header__selector"),b(t,"mc-header__selector--show-separator",(e[19]?.icons||e[6])&&(e[19]?.selector||e[7]))},m(e,a){s(e,t,a)},p(e,a){524480&a[0]&&b(t,"mc-header__selector--show-separator",(e[19]?.icons||e[6])&&(e[19]?.selector||e[7]))},d(e){e&&w(t)}}}function G(e){let t,a,i;return a=new T({props:{tabs:JSON.stringify(e[15]),nodivider:!0}}),a.$on("tab-clicked",e[26]),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__tabs")},m(e,r){s(e,t,r),A(a,t,null),i=!0},p(e,t){const i={};32768&t[0]&&(i.tabs=JSON.stringify(e[15])),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function R(e){let t,a,i,r,n,y,k,M,z,A,v,D,S,j=e[5]&&E(e),N=e[13]&&C(e),T=e[1]&&O(e),L=e[3]&&H(e),B=!e[8]&&J(e),Z=e[15]&&G(e),R=[{class:D="mc-header "+(e[2]?`mc-header--${e[2]}`:"")},e[9]],W={};for(let e=0;e<R.length;e+=1)W=d(W,R[e]);return{c(){t=l("div"),a=l("div"),j&&j.c(),i=c(),N&&N.c(),r=c(),n=l("div"),y=l("h1"),k=o(e[0]),M=c(),T&&T.c(),z=c(),L&&L.c(),A=c(),B&&B.c(),v=c(),Z&&Z.c(),this.c=m,h(y,"class","mc-header__heading__title"),h(n,"class","mc-header__heading"),h(a,"class","mc-header__left"),g(t,W),b(t,"mc-header--no-shadow",e[12]),b(t,"mc-header--animate",e[10])},m(d,l){s(d,t,l),p(t,a),j&&j.m(a,null),p(a,i),N&&N.m(a,null),p(a,r),p(a,n),p(n,y),p(y,k),p(n,M),T&&T.m(n,null),p(n,z),L&&L.m(n,null),p(t,A),B&&B.m(t,null),p(t,v),Z&&Z.m(t,null),e[27](t),S=!0},p(e,s){e[5]?j?(j.p(e,s),32&s[0]&&u(j,1)):(j=E(e),j.c(),u(j,1),j.m(a,i)):j&&(I(),_(j,1,1,(()=>{j=null})),f()),e[13]?N?N.p(e,s):(N=C(e),N.c(),N.m(a,r)):N&&(N.d(1),N=null),(!S||1&s[0])&&x(k,e[0]),e[1]?T?T.p(e,s):(T=O(e),T.c(),T.m(n,z)):T&&(T.d(1),T=null),e[3]?L?(L.p(e,s),8&s[0]&&u(L,1)):(L=H(e),L.c(),u(L,1),L.m(n,null)):L&&(I(),_(L,1,1,(()=>{L=null})),f()),e[8]?B&&(B.d(1),B=null):B?B.p(e,s):(B=J(e),B.c(),B.m(t,v)),e[15]?Z?(Z.p(e,s),32768&s[0]&&u(Z,1)):(Z=G(e),Z.c(),u(Z,1),Z.m(t,null)):Z&&(I(),_(Z,1,1,(()=>{Z=null})),f()),g(t,W=$(R,[(!S||4&s[0]&&D!==(D="mc-header "+(e[2]?`mc-header--${e[2]}`:"")))&&{class:D},512&s[0]&&e[9]])),b(t,"mc-header--no-shadow",e[12]),b(t,"mc-header--animate",e[10])},i(e){S||(u(j),u(L),u(Z),S=!0)},o(e){_(j),_(L),_(Z),S=!1},d(a){a&&w(t),j&&j.d(),N&&N.d(),T&&T.d(),L&&L.d(),B&&B.d(),Z&&Z.d(),e[27](null)}}}function W(e,t,a){let i,s,r,n,l,c;const o=["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","hasicons","hasselector","hideoptions"];let m=y(t,o),{$$slots:h={},$$scope:g}=t;const b=k(h);let p,u,{title:_}=t,{subtitle:f}=t,{size:x="m"}=t,{status:$}=t,{statustype:w}=t,{back:z}=t,{breadcrumb:A}=t,{tabs:v}=t,{noshadow:D}=t,{a11ylabels:I}=t,{scrollcontainer:N}=t,{hasicons:T}=t,{hasselector:L}=t,{hideoptions:E=!1}=t,C=new j,O=0;function H(){const e=N.scrollTop,t=Number(u.style.marginTop.replace("px",""));O>e?e<u.offsetHeight?a(11,u.style.marginTop=`${Math.max(-e,t)}px`,u):a(11,u.style.marginTop="0",u):e<u.offsetHeight?(a(11,u.style.transition="none",u),a(11,u.style.marginTop=-e+"px",u)):(a(11,u.style.transition="margin-top ease-out 0.4s",u),a(11,u.style.marginTop=-u.offsetHeight-5+"px",u)),O=e}return e.$$set=e=>{t=d(d({},t),M(e)),a(31,m=y(t,o)),"title"in e&&a(0,_=e.title),"subtitle"in e&&a(1,f=e.subtitle),"size"in e&&a(2,x=e.size),"status"in e&&a(3,$=e.status),"statustype"in e&&a(4,w=e.statustype),"back"in e&&a(20,z=e.back),"breadcrumb"in e&&a(5,A=e.breadcrumb),"tabs"in e&&a(21,v=e.tabs),"noshadow"in e&&a(22,D=e.noshadow),"a11ylabels"in e&&a(23,I=e.a11ylabels),"scrollcontainer"in e&&a(24,N=e.scrollcontainer),"hasicons"in e&&a(6,T=e.hasicons),"hasselector"in e&&a(7,L=e.hasselector),"hideoptions"in e&&a(8,E=e.hideoptions)},e.$$.update=()=>{32&e.$$.dirty[0]&&a(16,i="string"==typeof A?JSON.parse(A):A),2097152&e.$$.dirty[0]&&a(15,s="string"==typeof v?JSON.parse(v):v),8388608&e.$$.dirty[0]&&a(14,r="string"==typeof I?JSON.parse(I):I),1048576&e.$$.dirty[0]&&a(13,n=z&&"false"!==z),4194304&e.$$.dirty[0]&&a(12,l=D&&"false"!==D),16777216&e.$$.dirty[0]&&(a(10,p=Boolean(N)),function(e){e&&(e.removeEventListener("scroll",H),e.addEventListener("scroll",H))}(N)),a(9,c=Object.assign({},m)),512&e.$$.dirty[0]&&delete c.class},[_,f,x,$,w,A,T,L,E,c,p,u,l,n,r,s,i,C,function(){C.dispatch("on-back-click",{})},b,z,v,D,I,N,e=>C.dispatch("link-clicked",e.detail),e=>C.dispatch("tab-clicked",e.detail),function(e){S[e?"unshift":"push"]((()=>{u=e,a(11,u)}))}]}class Y extends e{constructor(e){super();const d=document.createElement("style");d.textContent='.mc-header{background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-header .mc-header__back{height:2.25rem}.mc-header .mc-header__heading__title{font-size:1.75rem;line-height:1.2857142857}.mc-header__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;padding-top:0.5rem;padding-left:2rem}.mc-header__right{-webkit-box-flex:0;-ms-flex:0;flex:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:1.5rem;margin-bottom:1rem;padding-top:1rem;padding-right:2rem;height:2rem;width:28rem;min-width:28rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-header__tabs{width:100%;position:relative;padding-left:2rem;padding-right:2rem}.mc-header__tabs::before{content:"";background-color:#b3b3b3;top:0;right:0;height:1px;position:absolute;width:100%;z-index:1}.mc-header__breadcrumb{height:3rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-header__back{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTI4IDE1SDYuNDFsNi4zLTYuMjlhMSAxIDAgMTAtMS40Mi0xLjQybC04IDhhMS4xNSAxLjE1IDAgMDAtLjIxLjMzIDEgMSAwIDAwMCAuNzYuOTMuOTMgMCAwMC4yMS4zM2w4IDhhMSAxIDAgMDAxLjQyIDAgMSAxIDAgMDAwLTEuNDJMNi40MSAxN0gyOGExIDEgMCAwMDAtMnoiLz48L3N2Zz4=");background-repeat:no-repeat;background-position:center;background-size:2rem;color:currentColor;display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;margin-top:0.5rem;margin-right:1rem;height:2rem}.mc-header__back__label{font-size:0;height:1px;overflow:hidden;display:block}.mc-header__heading{display:inline-block;width:calc(100% - 3em)}.mc-header__heading__title{font-weight:600;color:#191919;width:100%;margin-top:0.5rem;margin-bottom:0}.mc-header__heading__subtitle{font-weight:400;color:#191919;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__status{font-weight:400;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__subtitle+.mc-header__heading__status{margin-left:1rem}.mc-header__icons{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:9rem;width:9rem}.mc-header__selector{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding-left:0;margin-left:1.5rem;max-width:16rem;width:16rem}.mc-header__selector--show-separator{padding-left:1.5rem}.mc-header__selector--show-separator::before{content:"";background-color:#b3b3b3;left:0;height:100%;position:absolute;width:1px}.mc-header--no-shadow{-webkit-box-shadow:none;box-shadow:none}.mc-header--animate{margin-top:0px;-webkit-transition:margin-top ease-out 0.4s;-o-transition:margin-top ease-out 0.4s;transition:margin-top ease-out 0.4s;width:100%}@media screen and (min-width: 360px){.mc-header__breadcrumb{margin-left:-1.25rem;margin-right:1.25rem}.mc-header__left{padding-left:1rem}.mc-header__right{padding-right:1rem}.mc-header__tabs{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 390px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(1.375, "true");margin-right:1.375rem}}@media screen and (min-width: 680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 769px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(2.125, "true");margin-right:2.125rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.mc-header__breadcrumb{margin-left:-3rem;margin-right:3rem}.mc-header__left{padding-left:3rem}.mc-header__right{padding-right:3rem}.mc-header__tabs{padding-left:3rem;padding-right:3rem}}@media screen and (min-width: 1280px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1440px){.mc-header__breadcrumb{margin-left:-7rem;margin-right:7rem}}@media screen and (min-width: 1680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 1920px){.mc-header__breadcrumb{margin-left:-2.5rem;margin-right:2.5rem}}.mc-header--s .mc-header__back{height:2rem}.mc-header--s .mc-header__heading__title{font-size:1.4375rem;line-height:1.3913043478}.mc-header--l .mc-header__back{height:2.75rem}.mc-header--l .mc-header__heading__title{font-size:2.125rem;line-height:1.2941176471}:host{display:block;line-height:0}',this.shadowRoot.appendChild(d),t(this,{target:this.shadowRoot,props:{...a(this.attributes),$$slots:i(this)},customElement:!0},W,R,n,{title:0,subtitle:1,size:2,status:3,statustype:4,back:20,breadcrumb:5,tabs:21,noshadow:22,a11ylabels:23,scrollcontainer:24,hasicons:6,hasselector:7,hideoptions:8},null,[-1,-1]),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),r()))}static get observedAttributes(){return["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","hasicons","hasselector","hideoptions"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),r()}get subtitle(){return this.$$.ctx[1]}set subtitle(e){this.$$set({subtitle:e}),r()}get size(){return this.$$.ctx[2]}set size(e){this.$$set({size:e}),r()}get status(){return this.$$.ctx[3]}set status(e){this.$$set({status:e}),r()}get statustype(){return this.$$.ctx[4]}set statustype(e){this.$$set({statustype:e}),r()}get back(){return this.$$.ctx[20]}set back(e){this.$$set({back:e}),r()}get breadcrumb(){return this.$$.ctx[5]}set breadcrumb(e){this.$$set({breadcrumb:e}),r()}get tabs(){return this.$$.ctx[21]}set tabs(e){this.$$set({tabs:e}),r()}get noshadow(){return this.$$.ctx[22]}set noshadow(e){this.$$set({noshadow:e}),r()}get a11ylabels(){return this.$$.ctx[23]}set a11ylabels(e){this.$$set({a11ylabels:e}),r()}get scrollcontainer(){return this.$$.ctx[24]}set scrollcontainer(e){this.$$set({scrollcontainer:e}),r()}get hasicons(){return this.$$.ctx[6]}set hasicons(e){this.$$set({hasicons:e}),r()}get hasselector(){return this.$$.ctx[7]}set hasselector(e){this.$$set({hasselector:e}),r()}get hideoptions(){return this.$$.ctx[8]}set hideoptions(e){this.$$set({hideoptions:e}),r()}}export{Y as default};
+import{S as e,i as t,a,_ as i,b as s,f as r,s as n,c as d,e as l,d as c,t as o,n as m,g as h,h as g,z as b,j as p,C as u,D as _,E as f,k as x,m as $,o as w,p as y,a0 as k,q as M,x as z,A,G as v,l as D,M as I,v as S}from"../../index-17a01ab4.js";import{E as j}from"../../EventHandler-316af043.js";import N from"../breadcrumb/Breadcrumb.nested.js";import T from"../tabs/Tabs.nested.js";import L from"../badge/Badge.nested.js";function E(e){let t,a,i;return a=new N({props:{items:JSON.stringify(e[16]),nopadding:"true"}}),a.$on("link-clicked",e[25]),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__breadcrumb")},m(e,r){s(e,t,r),A(a,t,null),i=!0},p(e,t){const i={};65536&t[0]&&(i.items=JSON.stringify(e[16])),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function C(e){let t,a,i,r,n,d=(e[14]?.back||"Back")+"";return{c(){t=l("button"),a=l("span"),i=o(d),h(a,"class","mc-header__back__label"),h(t,"class","mc-header__back")},m(d,l){s(d,t,l),p(t,a),p(a,i),r||(n=D(t,"click",e[18]),r=!0)},p(e,t){16384&t[0]&&d!==(d=(e[14]?.back||"Back")+"")&&x(i,d)},d(e){e&&w(t),r=!1,n()}}}function O(e){let t,a;return{c(){t=l("div"),a=o(e[1]),h(t,"class","mc-header__heading__subtitle")},m(e,i){s(e,t,i),p(t,a)},p(e,t){2&t[0]&&x(a,e[1])},d(e){e&&w(t)}}}function H(e){let t,a,i;return a=new L({props:{label:e[3],type:e[4]}}),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__heading__status")},m(e,r){s(e,t,r),A(a,t,null),i=!0},p(e,t){const i={};8&t[0]&&(i.label=e[3]),16&t[0]&&(i.type=e[4]),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function J(e){let t,a,i=(e[19]?.icons||e[6])&&B(),r=(e[19]?.selector||e[7])&&Z(e);return{c(){t=l("div"),i&&i.c(),a=c(),r&&r.c(),h(t,"class","mc-header__right")},m(e,n){s(e,t,n),i&&i.m(t,null),p(t,a),r&&r.m(t,null)},p(e,s){e[19]?.icons||e[6]?i||(i=B(),i.c(),i.m(t,a)):i&&(i.d(1),i=null),e[19]?.selector||e[7]?r?r.p(e,s):(r=Z(e),r.c(),r.m(t,null)):r&&(r.d(1),r=null)},d(e){e&&w(t),i&&i.d(),r&&r.d()}}}function B(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="icons"></slot>',h(t,"class","mc-header__icons")},m(e,a){s(e,t,a)},d(e){e&&w(t)}}}function Z(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="selector"></slot>',h(t,"class","mc-header__selector"),b(t,"mc-header__selector--show-separator",(e[19]?.icons||e[6])&&(e[19]?.selector||e[7]))},m(e,a){s(e,t,a)},p(e,a){524480&a[0]&&b(t,"mc-header__selector--show-separator",(e[19]?.icons||e[6])&&(e[19]?.selector||e[7]))},d(e){e&&w(t)}}}function G(e){let t,a,i;return a=new T({props:{tabs:JSON.stringify(e[15]),nodivider:!0}}),a.$on("tab-clicked",e[26]),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__tabs")},m(e,r){s(e,t,r),A(a,t,null),i=!0},p(e,t){const i={};32768&t[0]&&(i.tabs=JSON.stringify(e[15])),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function R(e){let t,a,i,r,n,y,k,M,z,A,v,D,S,j=e[5]&&E(e),N=e[13]&&C(e),T=e[1]&&O(e),L=e[3]&&H(e),B=!e[8]&&J(e),Z=e[15]&&G(e),R=[{class:D="mc-header "+(e[2]?`mc-header--${e[2]}`:"")},e[9]],W={};for(let e=0;e<R.length;e+=1)W=d(W,R[e]);return{c(){t=l("div"),a=l("div"),j&&j.c(),i=c(),N&&N.c(),r=c(),n=l("div"),y=l("h1"),k=o(e[0]),M=c(),T&&T.c(),z=c(),L&&L.c(),A=c(),B&&B.c(),v=c(),Z&&Z.c(),this.c=m,h(y,"class","mc-header__heading__title"),h(n,"class","mc-header__heading"),h(a,"class","mc-header__left"),g(t,W),b(t,"mc-header--no-shadow",e[12]),b(t,"mc-header--animate",e[10])},m(d,l){s(d,t,l),p(t,a),j&&j.m(a,null),p(a,i),N&&N.m(a,null),p(a,r),p(a,n),p(n,y),p(y,k),p(n,M),T&&T.m(n,null),p(n,z),L&&L.m(n,null),p(t,A),B&&B.m(t,null),p(t,v),Z&&Z.m(t,null),e[27](t),S=!0},p(e,s){e[5]?j?(j.p(e,s),32&s[0]&&u(j,1)):(j=E(e),j.c(),u(j,1),j.m(a,i)):j&&(I(),_(j,1,1,(()=>{j=null})),f()),e[13]?N?N.p(e,s):(N=C(e),N.c(),N.m(a,r)):N&&(N.d(1),N=null),(!S||1&s[0])&&x(k,e[0]),e[1]?T?T.p(e,s):(T=O(e),T.c(),T.m(n,z)):T&&(T.d(1),T=null),e[3]?L?(L.p(e,s),8&s[0]&&u(L,1)):(L=H(e),L.c(),u(L,1),L.m(n,null)):L&&(I(),_(L,1,1,(()=>{L=null})),f()),e[8]?B&&(B.d(1),B=null):B?B.p(e,s):(B=J(e),B.c(),B.m(t,v)),e[15]?Z?(Z.p(e,s),32768&s[0]&&u(Z,1)):(Z=G(e),Z.c(),u(Z,1),Z.m(t,null)):Z&&(I(),_(Z,1,1,(()=>{Z=null})),f()),g(t,W=$(R,[(!S||4&s[0]&&D!==(D="mc-header "+(e[2]?`mc-header--${e[2]}`:"")))&&{class:D},512&s[0]&&e[9]])),b(t,"mc-header--no-shadow",e[12]),b(t,"mc-header--animate",e[10])},i(e){S||(u(j),u(L),u(Z),S=!0)},o(e){_(j),_(L),_(Z),S=!1},d(a){a&&w(t),j&&j.d(),N&&N.d(),T&&T.d(),L&&L.d(),B&&B.d(),Z&&Z.d(),e[27](null)}}}function W(e,t,a){let i,s,r,n,l,c;const o=["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","hasicons","hasselector","hideoptions"];let m=y(t,o),{$$slots:h={},$$scope:g}=t;const b=k(h);let p,u,{title:_}=t,{subtitle:f}=t,{size:x="m"}=t,{status:$}=t,{statustype:w}=t,{back:z}=t,{breadcrumb:A}=t,{tabs:v}=t,{noshadow:D}=t,{a11ylabels:I}=t,{scrollcontainer:N}=t,{hasicons:T}=t,{hasselector:L}=t,{hideoptions:E=!1}=t,C=new j,O=0;function H(){const e=N.scrollTop,t=Number(u.style.marginTop.replace("px",""));O>e?e<u.offsetHeight?a(11,u.style.marginTop=`${Math.max(-e,t)}px`,u):a(11,u.style.marginTop="0",u):e<u.offsetHeight?(a(11,u.style.transition="none",u),a(11,u.style.marginTop=-e+"px",u)):(a(11,u.style.transition="margin-top ease-out 0.4s",u),a(11,u.style.marginTop=-u.offsetHeight-5+"px",u)),O=e}return e.$$set=e=>{t=d(d({},t),M(e)),a(31,m=y(t,o)),"title"in e&&a(0,_=e.title),"subtitle"in e&&a(1,f=e.subtitle),"size"in e&&a(2,x=e.size),"status"in e&&a(3,$=e.status),"statustype"in e&&a(4,w=e.statustype),"back"in e&&a(20,z=e.back),"breadcrumb"in e&&a(5,A=e.breadcrumb),"tabs"in e&&a(21,v=e.tabs),"noshadow"in e&&a(22,D=e.noshadow),"a11ylabels"in e&&a(23,I=e.a11ylabels),"scrollcontainer"in e&&a(24,N=e.scrollcontainer),"hasicons"in e&&a(6,T=e.hasicons),"hasselector"in e&&a(7,L=e.hasselector),"hideoptions"in e&&a(8,E=e.hideoptions)},e.$$.update=()=>{32&e.$$.dirty[0]&&a(16,i="string"==typeof A?JSON.parse(A):A),2097152&e.$$.dirty[0]&&a(15,s="string"==typeof v?JSON.parse(v):v),8388608&e.$$.dirty[0]&&a(14,r="string"==typeof I?JSON.parse(I):I),1048576&e.$$.dirty[0]&&a(13,n=z&&"false"!==z),4194304&e.$$.dirty[0]&&a(12,l=D&&"false"!==D),16777216&e.$$.dirty[0]&&(a(10,p=Boolean(N)),function(e){e&&(e.removeEventListener("scroll",H),e.addEventListener("scroll",H))}(N)),a(9,c=Object.assign({},m)),512&e.$$.dirty[0]&&delete c.class},[_,f,x,$,w,A,T,L,E,c,p,u,l,n,r,s,i,C,function(){C.dispatch("on-back-click",{})},b,z,v,D,I,N,e=>C.dispatch("link-clicked",e.detail),e=>C.dispatch("tab-clicked",e.detail),function(e){S[e?"unshift":"push"]((()=>{u=e,a(11,u)}))}]}class Y extends e{constructor(e){super();const d=document.createElement("style");d.textContent='.mc-header{background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-header .mc-header__back{height:2.25rem}.mc-header .mc-header__heading__title{font-size:1.75rem;line-height:1.2857142857}.mc-header__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;padding-top:0.5rem;padding-left:2rem}.mc-header__right{-webkit-box-flex:0;-ms-flex:0;flex:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:1.5rem;margin-bottom:1rem;padding-top:1rem;padding-right:2rem;height:2rem;width:28rem;min-width:28rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-header__tabs{width:100%;position:relative;padding-left:2rem;padding-right:2rem}.mc-header__tabs::before{content:"";background-color:#b3b3b3;top:0;right:0;height:1px;position:absolute;width:100%;z-index:1}.mc-header__breadcrumb{height:3rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-header__back{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTI4IDE1SDYuNDFsNi4zLTYuMjlhMSAxIDAgMTAtMS40Mi0xLjQybC04IDhhMS4xNSAxLjE1IDAgMDAtLjIxLjMzIDEgMSAwIDAwMCAuNzYuOTMuOTMgMCAwMC4yMS4zM2w4IDhhMSAxIDAgMDAxLjQyIDAgMSAxIDAgMDAwLTEuNDJMNi40MSAxN0gyOGExIDEgMCAwMDAtMnoiLz48L3N2Zz4=");background-repeat:no-repeat;background-position:center;background-size:2rem;color:currentColor;display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;margin-top:0.5rem;margin-right:1rem;height:2rem}.mc-header__back__label{font-size:0;height:1px;overflow:hidden;display:block}.mc-header__heading{display:inline-block;width:calc(100% - 3em)}.mc-header__heading__title{font-weight:600;color:#191919;width:100%;margin-top:0.5rem;margin-bottom:0}.mc-header__heading__subtitle{font-weight:400;color:#191919;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__status{font-weight:400;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__subtitle+.mc-header__heading__status{margin-left:1rem}.mc-header__icons{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:9rem;width:9rem}.mc-header__selector{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding-left:0;margin-left:1.5rem;max-width:16rem;width:16rem}.mc-header__selector--show-separator{padding-left:1.5rem}.mc-header__selector--show-separator::before{content:"";background-color:#b3b3b3;left:0;height:100%;position:absolute;width:1px}.mc-header--no-shadow{-webkit-box-shadow:none;box-shadow:none}.mc-header--animate{margin-top:0px;-webkit-transition:margin-top ease-out 0.4s;-o-transition:margin-top ease-out 0.4s;transition:margin-top ease-out 0.4s;width:100%}@media screen and (min-width: 360px){.mc-header__breadcrumb{margin-left:-1.25rem;margin-right:1.25rem}.mc-header__left{padding-left:1rem}.mc-header__right{padding-right:1rem}.mc-header__tabs{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 390px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(1.375, "true");margin-right:1.375rem}}@media screen and (min-width: 680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 769px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(2.125, "true");margin-right:2.125rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.mc-header__breadcrumb{margin-left:-3rem;margin-right:3rem}.mc-header__left{padding-left:3rem}.mc-header__right{padding-right:3rem}.mc-header__tabs{padding-left:3rem;padding-right:3rem}}@media screen and (min-width: 1280px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1440px){.mc-header__breadcrumb{margin-left:-7rem;margin-right:7rem}}@media screen and (min-width: 1680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 1920px){.mc-header__breadcrumb{margin-left:-2.5rem;margin-right:2.5rem}}.mc-header--s .mc-header__back{height:2rem}.mc-header--s .mc-header__heading__title{font-size:1.4375rem;line-height:1.3913043478}.mc-header--l .mc-header__back{height:2.75rem}.mc-header--l .mc-header__heading__title{font-size:2.125rem;line-height:1.2941176471}:host{display:block;line-height:0}',this.shadowRoot.appendChild(d),t(this,{target:this.shadowRoot,props:{...a(this.attributes),$$slots:i(this)},customElement:!0},W,R,n,{title:0,subtitle:1,size:2,status:3,statustype:4,back:20,breadcrumb:5,tabs:21,noshadow:22,a11ylabels:23,scrollcontainer:24,hasicons:6,hasselector:7,hideoptions:8},null,[-1,-1]),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),r()))}static get observedAttributes(){return["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","hasicons","hasselector","hideoptions"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),r()}get subtitle(){return this.$$.ctx[1]}set subtitle(e){this.$$set({subtitle:e}),r()}get size(){return this.$$.ctx[2]}set size(e){this.$$set({size:e}),r()}get status(){return this.$$.ctx[3]}set status(e){this.$$set({status:e}),r()}get statustype(){return this.$$.ctx[4]}set statustype(e){this.$$set({statustype:e}),r()}get back(){return this.$$.ctx[20]}set back(e){this.$$set({back:e}),r()}get breadcrumb(){return this.$$.ctx[5]}set breadcrumb(e){this.$$set({breadcrumb:e}),r()}get tabs(){return this.$$.ctx[21]}set tabs(e){this.$$set({tabs:e}),r()}get noshadow(){return this.$$.ctx[22]}set noshadow(e){this.$$set({noshadow:e}),r()}get a11ylabels(){return this.$$.ctx[23]}set a11ylabels(e){this.$$set({a11ylabels:e}),r()}get scrollcontainer(){return this.$$.ctx[24]}set scrollcontainer(e){this.$$set({scrollcontainer:e}),r()}get hasicons(){return this.$$.ctx[6]}set hasicons(e){this.$$set({hasicons:e}),r()}get hasselector(){return this.$$.ctx[7]}set hasselector(e){this.$$set({hasselector:e}),r()}get hideoptions(){return this.$$.ctx[8]}set hideoptions(e){this.$$set({hideoptions:e}),r()}}export{Y as default};
 //# sourceMappingURL=Header.js.map

package/public/components/hero/Hero.js

@@ -1,2 +1,2 @@
-import{S as e,i as l,a as m,_ as t,b as f,f as o,s as i,c as x,e as r,d as n,t as a,n as h,g as d,$ as s,h as c,j as _,k as g,m as b,o as w,p as y,a0 as p,q as u}from"../../index-c33b3772.js";function k(e){let l;return{c(){l=r("div"),l.innerHTML="<slot></slot>",d(l,"class","mc-hero__content mt-body-m")},m(e,m){f(e,l,m)},d(e){e&&w(l)}}}function j(e){let l,m,t,o,i,y,p,u,j,v,$,z,L,M,I,C=(e[5]||e[4])&&k(),E=[{class:I="mc-hero "+(e[3]?"mc-hero--center":"")},e[6]],R={};for(let e=0;e<E.length;e+=1)R=x(R,E[e]);return{c(){l=r("div"),m=r("div"),t=r("div"),o=r("div"),i=r("picture"),y=r("img"),j=n(),v=r("div"),$=r("h1"),z=a(e[2]),M=n(),C&&C.c(),this.c=h,d(y,"class","mc-hero__visual"),s(y.src,p=e[0])||d(y,"src",p),d(y,"alt",u=e[1]||""),d(i,"class","mc-hero__cover"),d($,"class",L=`mc-hero__title \n            mt-heading\n            mt-heading--lightest\n            mt-heading--s \n            mt-heading--underline\n            ${e[3]?"mt-heading--center":""}\n            ${e[5]||e[4]?"mc-hero--with-content":""}\n            `),d(v,"class","mc-hero__header"),d(o,"class","mc-hero__main ml-flexy__col"),d(t,"class","ml-flexy ml-flexy--gutter"),d(m,"class","ml-container ml-container--fluid"),c(l,R)},m(e,x){f(e,l,x),_(l,m),_(m,t),_(t,o),_(o,i),_(i,y),_(o,j),_(o,v),_(v,$),_($,z),_(v,M),C&&C.m(v,null)},p(e,[m]){1&m&&!s(y.src,p=e[0])&&d(y,"src",p),2&m&&u!==(u=e[1]||"")&&d(y,"alt",u),4&m&&g(z,e[2]),24&m&&L!==(L=`mc-hero__title \n            mt-heading\n            mt-heading--lightest\n            mt-heading--s \n            mt-heading--underline\n            ${e[3]?"mt-heading--center":""}\n            ${e[5]||e[4]?"mc-hero--with-content":""}\n            `)&&d($,"class",L),e[5]||e[4]?C||(C=k(),C.c(),C.m(v,null)):C&&(C.d(1),C=null),c(l,R=b(E,[8&m&&I!==(I="mc-hero "+(e[3]?"mc-hero--center":""))&&{class:I},64&m&&e[6]]))},i:h,o:h,d(e){e&&w(l),C&&C.d()}}}function v(e,l,m){const t=["image","altImage","title","centered","hascontent"];let f=y(l,t),{$$slots:o={},$$scope:i}=l;const r=p(o);let{image:n}=l,{altImage:a}=l,{title:h}=l,{centered:d=!1}=l,{hascontent:s=!1}=l;const c=!(!r||!Object.keys(r).length);return e.$$set=e=>{l=x(x({},l),u(e)),m(6,f=y(l,t)),"image"in e&&m(0,n=e.image),"altImage"in e&&m(1,a=e.altImage),"title"in e&&m(2,h=e.title),"centered"in e&&m(3,d=e.centered),"hascontent"in e&&m(4,s=e.hascontent)},[n,a,h,d,s,c,f]}class $ extends e{constructor(e){super();const x=document.createElement("style");x.textContent='.mt-body-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:1.125rem;line-height:1.5555555556}.mt-body-l--line-height-m{line-height:1.3333333333}.mt-body-l--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-body-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:1rem;line-height:1.5}.mt-body-m--line-height-m{line-height:1.375}.mt-body-m--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-body-s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.5714285714}.mt-body-s--line-height-m{line-height:1.2857142857}.mt-body-s--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-heading{font-family:"LeroyMerlin", sans-serif;font-weight:400;color:#000000;display:block;margin-bottom:2rem}.mt-heading--underline::after{content:"";display:block;height:0.25rem;background-color:#46a610}.mt-heading--line-primary-01-200::after,.mt-heading--line-lightest::after{background-color:#c5e39e}.mt-heading--line-primary-02-200::after{background-color:#cfd2d8}.mt-heading--line-primary-02-600::after{background-color:#494f60}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.4375rem;line-height:1.3913043478}.mt-heading--s.mt-heading--underline::after{width:4rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0434782609}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}.mt-heading--m.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}.mt-heading--l.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--lightest{color:#ffffff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:600}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}.mt-heading--s.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}.mt-heading--m.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--l.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9756097561}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}.mt-heading--s.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--m.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--m.mt-heading--line-height-xs{line-height:0.9756097561}.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}.mt-heading--l.mt-heading--underline::after{width:6rem;margin-top:2rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9795918367}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline::after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline::after{margin-left:0;margin-right:auto}}.mt-hero{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:2.125rem;line-height:1.5294117647}.mt-hero--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-hero--line-height-s{line-height:1.1764705882}@media screen and (min-width: 680px){.mt-hero{font-size:2.5625rem;line-height:1.4634146341}.mt-hero--line-height-s{line-height:1.1707317073}}@media screen and (min-width: 1024px){.mt-hero{font-size:3.0625rem;line-height:1.4693877551}.mt-hero--line-height-s{line-height:1.1428571429}}@media screen and (min-width: 1440px){.mt-hero{font-size:3.6875rem;line-height:1.4915254237}.mt-hero--line-height-s{line-height:1.1525423729}}.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){.ml-container--fluid\\@from-m{max-width:none}}@media screen and (min-width: 1024px){.ml-container--fluid\\@from-l{max-width:none}}@media screen and (min-width: 1280px){.ml-container--fluid\\@from-xl{max-width:none}}@media screen and (min-width: 1920px){.ml-container--fluid\\@from-xxl{max-width:none}}.ml-flexy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--gutter{margin-right:-0.5rem;margin-left:-0.5rem}.ml-flexy--space-around{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ml-flexy--items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ml-flexy--items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ml-flexy__col{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy--gutter>.ml-flexy__col{padding-right:0.5rem;padding-left:0.5rem}.ml-flexy__col--fill{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2{margin-left:50%}.ml-flexy__col--1of3{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3{margin-left:33.3333333333%}.ml-flexy__col--2of3{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3{margin-left:66.6666666667%}.ml-flexy__col--1of4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4{margin-left:25%}.ml-flexy__col--3of4{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4{margin-left:75%}.ml-flexy__col--1of6{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6{margin-left:16.6666666667%}.ml-flexy__col--5of6{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6{margin-left:83.3333333333%}.ml-flexy__col--1of12{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12{margin-left:8.3333333333%}.ml-flexy__col--2of12{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12{margin-left:16.6666666667%}.ml-flexy__col--3of12{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12{margin-left:25%}.ml-flexy__col--4of12{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12{margin-left:33.3333333333%}.ml-flexy__col--5of12{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12{margin-left:41.6666666667%}.ml-flexy__col--6of12{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12{margin-left:50%}.ml-flexy__col--7of12{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12{margin-left:58.3333333333%}.ml-flexy__col--8of12{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12{margin-left:66.6666666667%}.ml-flexy__col--9of12{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12{margin-left:75%}.ml-flexy__col--10of12{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12{margin-left:83.3333333333%}.ml-flexy__col--11of12{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12{margin-left:91.6666666667%}.ml-flexy__col--initial{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset{margin-left:auto}@media screen and (min-width: 680px){.ml-flexy--gutter{margin-right:-1rem;margin-left:-1rem}.ml-flexy--space-around\\@from-m{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-m{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-m{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-m{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-m{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-m{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--gutter>.ml-flexy__col{padding-right:1rem;padding-left:1rem}.ml-flexy__col--fill\\@from-m{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-m{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-m{margin-left:50%}.ml-flexy__col--1of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-m{margin-left:25%}.ml-flexy__col--3of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-m{margin-left:75%}.ml-flexy__col--1of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-m{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-m{margin-left:25%}.ml-flexy__col--4of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-m{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-m{margin-left:50%}.ml-flexy__col--7of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-m{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-m{margin-left:75%}.ml-flexy__col--10of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-m{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-m{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-m{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-m{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-m{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-m{margin-left:auto}}@media screen and (min-width: 1024px){.ml-flexy--space-around\\@from-l{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-l{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-l{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-l{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-l{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-l{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-l{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-l{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-l{margin-left:50%}.ml-flexy__col--1of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-l{margin-left:25%}.ml-flexy__col--3of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-l{margin-left:75%}.ml-flexy__col--1of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-l{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-l{margin-left:25%}.ml-flexy__col--4of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-l{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-l{margin-left:50%}.ml-flexy__col--7of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-l{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-l{margin-left:75%}.ml-flexy__col--10of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-l{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-l{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-l{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-l{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-l{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-l{margin-left:auto}}@media screen and (min-width: 1280px){.ml-flexy--space-around\\@from-xl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xl{margin-left:50%}.ml-flexy__col--1of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xl{margin-left:25%}.ml-flexy__col--3of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xl{margin-left:75%}.ml-flexy__col--1of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xl{margin-left:25%}.ml-flexy__col--4of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xl{margin-left:50%}.ml-flexy__col--7of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xl{margin-left:75%}.ml-flexy__col--10of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xl{margin-left:auto}}@media screen and (min-width: 1920px){.ml-flexy--space-around\\@from-xxl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xxl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xxl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xxl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xxl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xxl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xxl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xxl{margin-left:50%}.ml-flexy__col--1of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xxl{margin-left:25%}.ml-flexy__col--3of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xxl{margin-left:75%}.ml-flexy__col--1of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xxl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xxl{margin-left:25%}.ml-flexy__col--4of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xxl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xxl{margin-left:50%}.ml-flexy__col--7of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xxl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xxl{margin-left:75%}.ml-flexy__col--10of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xxl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xxl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xxl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xxl{margin-left:auto}}.mc-hero{position:relative}.mc-hero__main{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;padding-bottom:4.5rem;padding-top:4rem}@media screen and (min-width: 680px){.mc-hero__main{padding-bottom:7rem;padding-top:6rem}}@media screen and (min-width: 1024px){.mc-hero__main{padding-bottom:10rem}}@media screen and (min-width: 1440px){.mc-hero__main{padding-bottom:8rem;padding-top:8rem}}.mc-hero__cover{z-index:-1}.mc-hero__cover,.mc-hero__cover::before{height:100%;left:0;position:absolute;top:0;width:100%}.mc-hero__cover::before{background-color:rgba(25, 25, 25, 0.8);content:"";display:block}.mc-hero__visual{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (min-width: 1024px){.mc-hero__header{max-width:75%}}@media screen and (min-width: 1280px){.mc-hero__header{max-width:66.6666666667%}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero__header{max-width:75%}}.mc-hero__title{margin-top:0}.mc-hero__content{color:#ffffff}@media screen and (min-width: 1024px){.mc-hero__content{max-width:83.3333333333%}}@media(min-width: 1280px) and (max-width: 1919px){.mc-hero__content{max-width:75%}}.mc-hero__boxed{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;margin-top:-6rem}@media screen and (min-width: 680px){.mc-hero__boxed{margin-top:-5rem}}@media screen and (min-width: 1024px){.mc-hero__boxed{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%;margin-top:0}}@media screen and (min-width: 1920px){.mc-hero__boxed{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}}.mc-hero--with-content .mc-hero__main{padding-bottom:3rem;padding-top:2.5rem}@media screen and (min-width: 680px){.mc-hero--with-content .mc-hero__main{padding-bottom:5rem;padding-top:3.5rem}}@media screen and (min-width: 1024px){.mc-hero--with-content .mc-hero__main{padding-bottom:6rem;padding-top:5rem}}@media screen and (min-width: 1920px){.mc-hero--with-content .mc-hero__main{padding-bottom:8rem}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero--with-content .mc-hero__header{max-width:66.6666666667%}}@media screen and (min-width: 1920px){.mc-hero--with-content .mc-hero__header{max-width:58.3333333333%}}.mc-hero--with-boxed *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 1024px){.mc-hero--with-boxed{padding-bottom:3rem;padding-top:4rem}}@media screen and (min-width: 1440px){.mc-hero--with-boxed{padding-bottom:4rem}}@media screen and (min-width: 1920px){.mc-hero--with-boxed{padding-bottom:5rem}}.mc-hero--with-boxed .mc-hero__main{padding-bottom:6rem;padding-top:2.5rem;position:relative;-webkit-box-flex:100%;-ms-flex:100%;flex:100%}@media screen and (min-width: 680px){.mc-hero--with-boxed .mc-hero__main{padding-bottom:5rem;padding-top:4rem}}@media screen and (min-width: 1024px){.mc-hero--with-boxed .mc-hero__main{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%;padding-bottom:0;padding-top:0;position:static}}@media screen and (min-width: 1920px){.mc-hero--with-boxed .mc-hero__main{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}}@media(max-width: 679px){.mc-hero--with-boxed .mc-hero__cover{left:-0.5rem;width:calc(100% + 1rem)}}@media(max-width: 1023px){.mc-hero--with-boxed .mc-hero__cover{left:-1rem;width:calc(100% + 2rem)}}.mc-hero--with-boxed .mc-hero__header,.mc-hero--with-boxed .mc-hero__content{max-width:none}.mc-hero--with-boxed .mc-hero__content{margin-bottom:2rem}@media screen and (min-width: 680px){.mc-hero--with-boxed .mc-hero__content{margin-bottom:3rem}}@media screen and (min-width: 1024px){.mc-hero--with-boxed .mc-hero__content{margin-bottom:0}}@media(min-width: 1024px) and (max-width: 1279px){.mc-hero--boxed-l{padding-bottom:0;padding-top:0}.mc-hero--boxed-l .mc-hero__main,.mc-hero--boxed-l .mc-hero__boxed{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:none}.mc-hero--boxed-l .mc-hero__cover{left:-2rem;width:calc(100% + 4rem)}.mc-hero--boxed-l .mc-hero__main{padding-bottom:7rem;padding-top:4rem;position:relative}.mc-hero--boxed-l .mc-hero__content{margin-bottom:3rem}.mc-hero--boxed-l .mc-hero__boxed{margin-top:-7rem}}.mc-hero--center .mc-hero__header,.mc-hero--center .mc-hero__content{margin-left:auto;margin-right:auto}@media screen and (min-width: 1024px){.mc-hero--center .mc-hero__header{max-width:66.6666666667%}}@media screen and (min-width: 1920px){.mc-hero--center .mc-hero__header{max-width:50%}}.mc-hero--center .mc-hero__content{text-align:center}@media screen and (min-width: 1024px){.mc-hero--center .mc-hero__content{max-width:none}}@media screen and (min-width: 1280px){.mc-hero--center .mc-hero__content{max-width:66.6666666667%}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero--center .mc-hero__content{max-width:83.3333333333%}}',this.shadowRoot.appendChild(x),l(this,{target:this.shadowRoot,props:{...m(this.attributes),$$slots:t(this)},customElement:!0},v,j,i,{image:0,altImage:1,title:2,centered:3,hascontent:4},null),e&&(e.target&&f(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["image","altImage","title","centered","hascontent"]}get image(){return this.$$.ctx[0]}set image(e){this.$$set({image:e}),o()}get altImage(){return this.$$.ctx[1]}set altImage(e){this.$$set({altImage:e}),o()}get title(){return this.$$.ctx[2]}set title(e){this.$$set({title:e}),o()}get centered(){return this.$$.ctx[3]}set centered(e){this.$$set({centered:e}),o()}get hascontent(){return this.$$.ctx[4]}set hascontent(e){this.$$set({hascontent:e}),o()}}export{$ as default};
+import{S as e,i as l,a as m,_ as t,b as f,f as o,s as i,c as x,e as r,d as n,t as a,n as h,g as d,$ as s,h as c,j as _,k as g,m as b,o as w,p as y,a0 as p,q as u}from"../../index-17a01ab4.js";function k(e){let l;return{c(){l=r("div"),l.innerHTML="<slot></slot>",d(l,"class","mc-hero__content mt-body-m")},m(e,m){f(e,l,m)},d(e){e&&w(l)}}}function j(e){let l,m,t,o,i,y,p,u,j,v,$,z,L,M,I,C=(e[5]||e[4])&&k(),E=[{class:I="mc-hero "+(e[3]?"mc-hero--center":"")},e[6]],R={};for(let e=0;e<E.length;e+=1)R=x(R,E[e]);return{c(){l=r("div"),m=r("div"),t=r("div"),o=r("div"),i=r("picture"),y=r("img"),j=n(),v=r("div"),$=r("h1"),z=a(e[2]),M=n(),C&&C.c(),this.c=h,d(y,"class","mc-hero__visual"),s(y.src,p=e[0])||d(y,"src",p),d(y,"alt",u=e[1]||""),d(i,"class","mc-hero__cover"),d($,"class",L=`mc-hero__title \n            mt-heading\n            mt-heading--lightest\n            mt-heading--s \n            mt-heading--underline\n            ${e[3]?"mt-heading--center":""}\n            ${e[5]||e[4]?"mc-hero--with-content":""}\n            `),d(v,"class","mc-hero__header"),d(o,"class","mc-hero__main ml-flexy__col"),d(t,"class","ml-flexy ml-flexy--gutter"),d(m,"class","ml-container ml-container--fluid"),c(l,R)},m(e,x){f(e,l,x),_(l,m),_(m,t),_(t,o),_(o,i),_(i,y),_(o,j),_(o,v),_(v,$),_($,z),_(v,M),C&&C.m(v,null)},p(e,[m]){1&m&&!s(y.src,p=e[0])&&d(y,"src",p),2&m&&u!==(u=e[1]||"")&&d(y,"alt",u),4&m&&g(z,e[2]),24&m&&L!==(L=`mc-hero__title \n            mt-heading\n            mt-heading--lightest\n            mt-heading--s \n            mt-heading--underline\n            ${e[3]?"mt-heading--center":""}\n            ${e[5]||e[4]?"mc-hero--with-content":""}\n            `)&&d($,"class",L),e[5]||e[4]?C||(C=k(),C.c(),C.m(v,null)):C&&(C.d(1),C=null),c(l,R=b(E,[8&m&&I!==(I="mc-hero "+(e[3]?"mc-hero--center":""))&&{class:I},64&m&&e[6]]))},i:h,o:h,d(e){e&&w(l),C&&C.d()}}}function v(e,l,m){const t=["image","altImage","title","centered","hascontent"];let f=y(l,t),{$$slots:o={},$$scope:i}=l;const r=p(o);let{image:n}=l,{altImage:a}=l,{title:h}=l,{centered:d=!1}=l,{hascontent:s=!1}=l;const c=!(!r||!Object.keys(r).length);return e.$$set=e=>{l=x(x({},l),u(e)),m(6,f=y(l,t)),"image"in e&&m(0,n=e.image),"altImage"in e&&m(1,a=e.altImage),"title"in e&&m(2,h=e.title),"centered"in e&&m(3,d=e.centered),"hascontent"in e&&m(4,s=e.hascontent)},[n,a,h,d,s,c,f]}class $ extends e{constructor(e){super();const x=document.createElement("style");x.textContent='.mt-body-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:1.125rem;line-height:1.5555555556}.mt-body-l--line-height-m{line-height:1.3333333333}.mt-body-l--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-body-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:1rem;line-height:1.5}.mt-body-m--line-height-m{line-height:1.375}.mt-body-m--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-body-s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.5714285714}.mt-body-s--line-height-m{line-height:1.2857142857}.mt-body-s--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-heading{font-family:"LeroyMerlin", sans-serif;font-weight:400;color:#000000;display:block;margin-bottom:2rem}.mt-heading--underline::after{content:"";display:block;height:0.25rem;background-color:#46a610}.mt-heading--line-primary-01-200::after,.mt-heading--line-lightest::after{background-color:#c5e39e}.mt-heading--line-primary-02-200::after{background-color:#cfd2d8}.mt-heading--line-primary-02-600::after{background-color:#494f60}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.4375rem;line-height:1.3913043478}.mt-heading--s.mt-heading--underline::after{width:4rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0434782609}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}.mt-heading--m.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}.mt-heading--l.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--lightest{color:#ffffff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:600}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}.mt-heading--s.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}.mt-heading--m.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--l.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9756097561}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}.mt-heading--s.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--m.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--m.mt-heading--line-height-xs{line-height:0.9756097561}.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}.mt-heading--l.mt-heading--underline::after{width:6rem;margin-top:2rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9795918367}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline::after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline::after{margin-left:0;margin-right:auto}}.mt-hero{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:2.125rem;line-height:1.5294117647}.mt-hero--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-hero--line-height-s{line-height:1.1764705882}@media screen and (min-width: 680px){.mt-hero{font-size:2.5625rem;line-height:1.4634146341}.mt-hero--line-height-s{line-height:1.1707317073}}@media screen and (min-width: 1024px){.mt-hero{font-size:3.0625rem;line-height:1.4693877551}.mt-hero--line-height-s{line-height:1.1428571429}}@media screen and (min-width: 1440px){.mt-hero{font-size:3.6875rem;line-height:1.4915254237}.mt-hero--line-height-s{line-height:1.1525423729}}.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){.ml-container--fluid\\@from-m{max-width:none}}@media screen and (min-width: 1024px){.ml-container--fluid\\@from-l{max-width:none}}@media screen and (min-width: 1280px){.ml-container--fluid\\@from-xl{max-width:none}}@media screen and (min-width: 1920px){.ml-container--fluid\\@from-xxl{max-width:none}}.ml-flexy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--gutter{margin-right:-0.5rem;margin-left:-0.5rem}.ml-flexy--space-around{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ml-flexy--items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ml-flexy--items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ml-flexy__col{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy--gutter>.ml-flexy__col{padding-right:0.5rem;padding-left:0.5rem}.ml-flexy__col--fill{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2{margin-left:50%}.ml-flexy__col--1of3{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3{margin-left:33.3333333333%}.ml-flexy__col--2of3{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3{margin-left:66.6666666667%}.ml-flexy__col--1of4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4{margin-left:25%}.ml-flexy__col--3of4{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4{margin-left:75%}.ml-flexy__col--1of6{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6{margin-left:16.6666666667%}.ml-flexy__col--5of6{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6{margin-left:83.3333333333%}.ml-flexy__col--1of12{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12{margin-left:8.3333333333%}.ml-flexy__col--2of12{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12{margin-left:16.6666666667%}.ml-flexy__col--3of12{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12{margin-left:25%}.ml-flexy__col--4of12{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12{margin-left:33.3333333333%}.ml-flexy__col--5of12{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12{margin-left:41.6666666667%}.ml-flexy__col--6of12{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12{margin-left:50%}.ml-flexy__col--7of12{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12{margin-left:58.3333333333%}.ml-flexy__col--8of12{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12{margin-left:66.6666666667%}.ml-flexy__col--9of12{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12{margin-left:75%}.ml-flexy__col--10of12{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12{margin-left:83.3333333333%}.ml-flexy__col--11of12{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12{margin-left:91.6666666667%}.ml-flexy__col--initial{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset{margin-left:auto}@media screen and (min-width: 680px){.ml-flexy--gutter{margin-right:-1rem;margin-left:-1rem}.ml-flexy--space-around\\@from-m{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-m{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-m{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-m{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-m{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-m{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--gutter>.ml-flexy__col{padding-right:1rem;padding-left:1rem}.ml-flexy__col--fill\\@from-m{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-m{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-m{margin-left:50%}.ml-flexy__col--1of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-m{margin-left:25%}.ml-flexy__col--3of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-m{margin-left:75%}.ml-flexy__col--1of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-m{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-m{margin-left:25%}.ml-flexy__col--4of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-m{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-m{margin-left:50%}.ml-flexy__col--7of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-m{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-m{margin-left:75%}.ml-flexy__col--10of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-m{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-m{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-m{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-m{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-m{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-m{margin-left:auto}}@media screen and (min-width: 1024px){.ml-flexy--space-around\\@from-l{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-l{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-l{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-l{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-l{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-l{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-l{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-l{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-l{margin-left:50%}.ml-flexy__col--1of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-l{margin-left:25%}.ml-flexy__col--3of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-l{margin-left:75%}.ml-flexy__col--1of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-l{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-l{margin-left:25%}.ml-flexy__col--4of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-l{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-l{margin-left:50%}.ml-flexy__col--7of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-l{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-l{margin-left:75%}.ml-flexy__col--10of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-l{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-l{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-l{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-l{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-l{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-l{margin-left:auto}}@media screen and (min-width: 1280px){.ml-flexy--space-around\\@from-xl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xl{margin-left:50%}.ml-flexy__col--1of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xl{margin-left:25%}.ml-flexy__col--3of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xl{margin-left:75%}.ml-flexy__col--1of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xl{margin-left:25%}.ml-flexy__col--4of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xl{margin-left:50%}.ml-flexy__col--7of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xl{margin-left:75%}.ml-flexy__col--10of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xl{margin-left:auto}}@media screen and (min-width: 1920px){.ml-flexy--space-around\\@from-xxl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xxl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xxl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xxl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xxl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xxl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xxl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xxl{margin-left:50%}.ml-flexy__col--1of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xxl{margin-left:25%}.ml-flexy__col--3of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xxl{margin-left:75%}.ml-flexy__col--1of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xxl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xxl{margin-left:25%}.ml-flexy__col--4of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xxl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xxl{margin-left:50%}.ml-flexy__col--7of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xxl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xxl{margin-left:75%}.ml-flexy__col--10of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xxl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xxl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xxl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xxl{margin-left:auto}}.mc-hero{position:relative}.mc-hero__main{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;padding-bottom:4.5rem;padding-top:4rem}@media screen and (min-width: 680px){.mc-hero__main{padding-bottom:7rem;padding-top:6rem}}@media screen and (min-width: 1024px){.mc-hero__main{padding-bottom:10rem}}@media screen and (min-width: 1440px){.mc-hero__main{padding-bottom:8rem;padding-top:8rem}}.mc-hero__cover{z-index:-1}.mc-hero__cover,.mc-hero__cover::before{height:100%;left:0;position:absolute;top:0;width:100%}.mc-hero__cover::before{background-color:rgba(25, 25, 25, 0.8);content:"";display:block}.mc-hero__visual{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (min-width: 1024px){.mc-hero__header{max-width:75%}}@media screen and (min-width: 1280px){.mc-hero__header{max-width:66.6666666667%}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero__header{max-width:75%}}.mc-hero__title{margin-top:0}.mc-hero__content{color:#ffffff}@media screen and (min-width: 1024px){.mc-hero__content{max-width:83.3333333333%}}@media(min-width: 1280px) and (max-width: 1919px){.mc-hero__content{max-width:75%}}.mc-hero__boxed{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;margin-top:-6rem}@media screen and (min-width: 680px){.mc-hero__boxed{margin-top:-5rem}}@media screen and (min-width: 1024px){.mc-hero__boxed{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%;margin-top:0}}@media screen and (min-width: 1920px){.mc-hero__boxed{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}}.mc-hero--with-content .mc-hero__main{padding-bottom:3rem;padding-top:2.5rem}@media screen and (min-width: 680px){.mc-hero--with-content .mc-hero__main{padding-bottom:5rem;padding-top:3.5rem}}@media screen and (min-width: 1024px){.mc-hero--with-content .mc-hero__main{padding-bottom:6rem;padding-top:5rem}}@media screen and (min-width: 1920px){.mc-hero--with-content .mc-hero__main{padding-bottom:8rem}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero--with-content .mc-hero__header{max-width:66.6666666667%}}@media screen and (min-width: 1920px){.mc-hero--with-content .mc-hero__header{max-width:58.3333333333%}}.mc-hero--with-boxed *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 1024px){.mc-hero--with-boxed{padding-bottom:3rem;padding-top:4rem}}@media screen and (min-width: 1440px){.mc-hero--with-boxed{padding-bottom:4rem}}@media screen and (min-width: 1920px){.mc-hero--with-boxed{padding-bottom:5rem}}.mc-hero--with-boxed .mc-hero__main{padding-bottom:6rem;padding-top:2.5rem;position:relative;-webkit-box-flex:100%;-ms-flex:100%;flex:100%}@media screen and (min-width: 680px){.mc-hero--with-boxed .mc-hero__main{padding-bottom:5rem;padding-top:4rem}}@media screen and (min-width: 1024px){.mc-hero--with-boxed .mc-hero__main{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%;padding-bottom:0;padding-top:0;position:static}}@media screen and (min-width: 1920px){.mc-hero--with-boxed .mc-hero__main{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}}@media(max-width: 679px){.mc-hero--with-boxed .mc-hero__cover{left:-0.5rem;width:calc(100% + 1rem)}}@media(max-width: 1023px){.mc-hero--with-boxed .mc-hero__cover{left:-1rem;width:calc(100% + 2rem)}}.mc-hero--with-boxed .mc-hero__header,.mc-hero--with-boxed .mc-hero__content{max-width:none}.mc-hero--with-boxed .mc-hero__content{margin-bottom:2rem}@media screen and (min-width: 680px){.mc-hero--with-boxed .mc-hero__content{margin-bottom:3rem}}@media screen and (min-width: 1024px){.mc-hero--with-boxed .mc-hero__content{margin-bottom:0}}@media(min-width: 1024px) and (max-width: 1279px){.mc-hero--boxed-l{padding-bottom:0;padding-top:0}.mc-hero--boxed-l .mc-hero__main,.mc-hero--boxed-l .mc-hero__boxed{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:none}.mc-hero--boxed-l .mc-hero__cover{left:-2rem;width:calc(100% + 4rem)}.mc-hero--boxed-l .mc-hero__main{padding-bottom:7rem;padding-top:4rem;position:relative}.mc-hero--boxed-l .mc-hero__content{margin-bottom:3rem}.mc-hero--boxed-l .mc-hero__boxed{margin-top:-7rem}}.mc-hero--center .mc-hero__header,.mc-hero--center .mc-hero__content{margin-left:auto;margin-right:auto}@media screen and (min-width: 1024px){.mc-hero--center .mc-hero__header{max-width:66.6666666667%}}@media screen and (min-width: 1920px){.mc-hero--center .mc-hero__header{max-width:50%}}.mc-hero--center .mc-hero__content{text-align:center}@media screen and (min-width: 1024px){.mc-hero--center .mc-hero__content{max-width:none}}@media screen and (min-width: 1280px){.mc-hero--center .mc-hero__content{max-width:66.6666666667%}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero--center .mc-hero__content{max-width:83.3333333333%}}',this.shadowRoot.appendChild(x),l(this,{target:this.shadowRoot,props:{...m(this.attributes),$$slots:t(this)},customElement:!0},v,j,i,{image:0,altImage:1,title:2,centered:3,hascontent:4},null),e&&(e.target&&f(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["image","altImage","title","centered","hascontent"]}get image(){return this.$$.ctx[0]}set image(e){this.$$set({image:e}),o()}get altImage(){return this.$$.ctx[1]}set altImage(e){this.$$set({altImage:e}),o()}get title(){return this.$$.ctx[2]}set title(e){this.$$set({title:e}),o()}get centered(){return this.$$.ctx[3]}set centered(e){this.$$set({centered:e}),o()}get hascontent(){return this.$$.ctx[4]}set hascontent(e){this.$$set({hascontent:e}),o()}}export{$ as default};
 //# sourceMappingURL=Hero.js.map

package/public/components/layer/Layer.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as r,f as a,s as o,c as n,e as s,d as l,t as d,n as c,g as m,h as b,j as y,l as g,k as x,m as p,o as h,H as f,p as w,a1 as _,q as u,v}from"../../index-c33b3772.js";import{E as k}from"../../EventHandler-02058705.js";function $(e){let t,i=`<${A(e[5])} class="mc-layer__icon" />`;return{c(){t=s("span"),m(t,"class","mc-layer__icon")},m(e,a){r(e,t,a),t.innerHTML=i},p(e,r){32&r&&i!==(i=`<${A(e[5])} class="mc-layer__icon" />`)&&(t.innerHTML=i)},d(e){e&&h(t)}}}function M(e){let t,i,a,o,w,_,u,v,k,M,A,D,I,j,L,z,C,S,T,E,H,O,Z,N,P=e[5]&&$(e),Q=[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"layerTitle"},{"aria-modal":"true"},{"aria-hidden":T=!e[0]},e[6]],W={};for(let e=0;e<Q.length;e+=1)W=n(W,Q[e]);return{c(){t=s("div"),i=s("div"),a=s("div"),o=s("div"),P&&P.c(),w=l(),_=s("h2"),u=d(e[1]),v=l(),k=s("button"),M=s("span"),A=d(e[4]),D=l(),I=s("main"),j=s("article"),j.innerHTML='<slot name="content"></slot>',z=l(),C=s("footer"),C.innerHTML='<slot name="footer"></slot>',E=l(),H=s("div"),this.c=c,m(_,"class","mc-layer__title"),m(_,"id","modallayerTitleTitle"),m(M,"class","mc-layer__close-text"),m(k,"class","mc-layer__close"),m(k,"type","button"),m(o,"class","mc-layer__header"),m(j,"class","mc-layer__content"),m(I,"class",L="mc-layer__body "+(e[3]?"mc-layer__body--overflowing-scroll-edge":"")),m(C,"class","mc-layer__footer"),m(a,"class",S="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[2]?" mc-layer__dialog--extend":"")),m(a,"role","document"),b(i,W),m(H,"class",O="mc-layer-overlay "+(e[0]?" is-visible":"")),m(H,"tabindex","-1"),m(H,"role","dialog")},m(n,s){r(n,t,s),y(t,i),y(i,a),y(a,o),P&&P.m(o,null),y(o,w),y(o,_),y(_,u),y(o,v),y(o,k),y(k,M),y(M,A),y(a,D),y(a,I),y(I,j),y(a,z),y(a,C),y(t,E),y(t,H),e[11](t),Z||(N=[g(k,"click",e[9]),g(H,"click",e[10])],Z=!0)},p(e,[t]){e[5]?P?P.p(e,t):(P=$(e),P.c(),P.m(o,w)):P&&(P.d(1),P=null),2&t&&x(u,e[1]),16&t&&x(A,e[4]),8&t&&L!==(L="mc-layer__body "+(e[3]?"mc-layer__body--overflowing-scroll-edge":""))&&m(I,"class",L),5&t&&S!==(S="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[2]?" mc-layer__dialog--extend":""))&&m(a,"class",S),b(i,W=p(Q,[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"layerTitle"},{"aria-modal":"true"},1&t&&T!==(T=!e[0])&&{"aria-hidden":T},64&t&&e[6]])),1&t&&O!==(O="mc-layer-overlay "+(e[0]?" is-visible":""))&&m(H,"class",O)},i:c,o:c,d(i){i&&h(t),P&&P.d(),e[11](null),Z=!1,f(N)}}}function A(e){return`${e} size="1.5rem"`}function D(e,t,i){let r;const a=["title","isopen","extended","scrollbaredge","closebuttontext","iconname"];let o,s=w(t,a),{title:l}=t,{isopen:d}=t,{extended:c}=t,{scrollbaredge:m}=t,{closebuttontext:b="Close"}=t,{iconname:y}=t,g=new k;function x(){i(0,d=!1)}_((()=>{const e=o.querySelector(".mc-layer__body"),t=o.querySelector(".mc-layer__content"),i=m?"mc-layer__body--overflowing-scroll-edge":"mc-layer__body--overflowing";if(e&&t){const r=e.clientHeight;t.scrollHeight>r?e.classList.add(i):e.classList.remove(i)}}));return e.$$set=e=>{t=n(n({},t),u(e)),i(13,s=w(t,a)),"title"in e&&i(1,l=e.title),"isopen"in e&&i(0,d=e.isopen),"extended"in e&&i(2,c=e.extended),"scrollbaredge"in e&&i(3,m=e.scrollbaredge),"closebuttontext"in e&&i(4,b=e.closebuttontext),"iconname"in e&&i(5,y=e.iconname)},e.$$.update=()=>{1&e.$$.dirty&&(d?g.dispatch("layer-opened",{}):g.dispatch("layer-closed",{})),i(6,r=Object.assign({},s)),64&e.$$.dirty&&delete r.class},[d,l,c,m,b,y,r,o,x,()=>x(),()=>x(),function(e){v[e?"unshift":"push"]((()=>{o=e,i(7,o)}))}]}class I extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-layer{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mc-layer *{-webkit-box-sizing:inherit;box-sizing:inherit}.mc-layer--ltr{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.mc-layer:not(.mc-layer--ltr){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.mc-layer__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:calc(100% - 2rem);-webkit-transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s, -webkit-transform 0.4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__header::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 1024px){.mc-layer__header{padding-bottom:0.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666666;height:1.5rem;margin-right:0.75rem;width:1.5rem}.mc-layer__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-layer__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") no-repeat;background-size:contain;cursor:pointer;height:2rem;margin-left:auto;width:2rem}.mc-layer__close::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;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-layer__close-text{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-layer__close: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-layer__body{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{-webkit-box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 0.5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0s linear 0s, -webkit-transform 0.4s;transition:visibility 0s linear 0s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s, -webkit-transform 0.4s;visibility:visible}.mc-layer-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-layer-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},D,M,o,{title:1,isopen:0,extended:2,scrollbaredge:3,closebuttontext:4,iconname:5},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","isopen","extended","scrollbaredge","closebuttontext","iconname"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get extended(){return this.$$.ctx[2]}set extended(e){this.$$set({extended:e}),a()}get scrollbaredge(){return this.$$.ctx[3]}set scrollbaredge(e){this.$$set({scrollbaredge:e}),a()}get closebuttontext(){return this.$$.ctx[4]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get iconname(){return this.$$.ctx[5]}set iconname(e){this.$$set({iconname:e}),a()}}export{I as default};
+import{S as e,i as t,a as i,b as r,f as o,s as a,c as n,e as s,d as l,t as d,n as c,g as m,h as b,j as y,l as g,k as x,m as p,o as h,H as f,p as w,a1 as _,q as u,v}from"../../index-17a01ab4.js";import{E as k}from"../../EventHandler-316af043.js";function $(e){let t,i=`<${D(e[5])} class="mc-layer__icon" />`;return{c(){t=s("span"),m(t,"class","mc-layer__icon")},m(e,o){r(e,t,o),t.innerHTML=i},p(e,r){32&r&&i!==(i=`<${D(e[5])} class="mc-layer__icon" />`)&&(t.innerHTML=i)},d(e){e&&h(t)}}}function M(e){let t;return{c(){t=s("footer"),t.innerHTML='<slot name="footer"></slot>',m(t,"class","mc-layer__footer")},m(e,i){r(e,t,i)},d(e){e&&h(t)}}}function A(e){let t,i,o,a,w,_,u,v,k,A,D,I,j,L,z,C,S,T,E,H,O,Z,N,P=e[5]&&$(e),Q=!e[8]&&M(),W=[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"layerTitle"},{"aria-modal":"true"},{"aria-hidden":T=!e[0]},e[6]],q={};for(let e=0;e<W.length;e+=1)q=n(q,W[e]);return{c(){t=s("div"),i=s("div"),o=s("div"),a=s("div"),P&&P.c(),w=l(),_=s("h2"),u=d(e[1]),v=l(),k=s("button"),A=s("span"),D=d(e[4]),I=l(),j=s("main"),L=s("article"),L.innerHTML='<slot name="content"></slot>',C=l(),Q&&Q.c(),E=l(),H=s("div"),this.c=c,m(_,"class","mc-layer__title"),m(_,"id","modallayerTitleTitle"),m(A,"class","mc-layer__close-text"),m(k,"class","mc-layer__close"),m(k,"type","button"),m(a,"class","mc-layer__header"),m(L,"class","mc-layer__content"),m(j,"class",z="mc-layer__body "+(e[3]?"mc-layer__body--overflowing-scroll-edge":"")),m(o,"class",S="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[2]?" mc-layer__dialog--extend":"")),m(o,"role","document"),b(i,q),m(H,"class",O="mc-layer-overlay "+(e[0]?" is-visible":"")),m(H,"tabindex","-1"),m(H,"role","dialog")},m(n,s){r(n,t,s),y(t,i),y(i,o),y(o,a),P&&P.m(a,null),y(a,w),y(a,_),y(_,u),y(a,v),y(a,k),y(k,A),y(A,D),y(o,I),y(o,j),y(j,L),y(o,C),Q&&Q.m(o,null),y(t,E),y(t,H),e[13](t),Z||(N=[g(k,"click",e[11]),g(H,"click",e[12])],Z=!0)},p(e,[t]){e[5]?P?P.p(e,t):(P=$(e),P.c(),P.m(a,w)):P&&(P.d(1),P=null),2&t&&x(u,e[1]),16&t&&x(D,e[4]),8&t&&z!==(z="mc-layer__body "+(e[3]?"mc-layer__body--overflowing-scroll-edge":""))&&m(j,"class",z),e[8]?Q&&(Q.d(1),Q=null):Q||(Q=M(),Q.c(),Q.m(o,null)),5&t&&S!==(S="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[2]?" mc-layer__dialog--extend":""))&&m(o,"class",S),b(i,q=p(W,[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"layerTitle"},{"aria-modal":"true"},1&t&&T!==(T=!e[0])&&{"aria-hidden":T},64&t&&e[6]])),1&t&&O!==(O="mc-layer-overlay "+(e[0]?" is-visible":""))&&m(H,"class",O)},i:c,o:c,d(i){i&&h(t),P&&P.d(),Q&&Q.d(),e[13](null),Z=!1,f(N)}}}function D(e){return`${e} size="1.5rem"`}function I(e,t,i){let r,o;const a=["title","isopen","extended","scrollbaredge","closebuttontext","iconname","hidefooter"];let s,l=w(t,a),{title:d}=t,{isopen:c}=t,{extended:m}=t,{scrollbaredge:b}=t,{closebuttontext:y="Close"}=t,{iconname:g}=t,{hidefooter:x}=t,p=new k;function h(){i(0,c=!1)}_((()=>{const e=s.querySelector(".mc-layer__body"),t=s.querySelector(".mc-layer__content"),i=b?"mc-layer__body--overflowing-scroll-edge":"mc-layer__body--overflowing";if(e&&t){const r=e.clientHeight;t.scrollHeight>r?e.classList.add(i):e.classList.remove(i)}}));return e.$$set=e=>{t=n(n({},t),u(e)),i(15,l=w(t,a)),"title"in e&&i(1,d=e.title),"isopen"in e&&i(0,c=e.isopen),"extended"in e&&i(2,m=e.extended),"scrollbaredge"in e&&i(3,b=e.scrollbaredge),"closebuttontext"in e&&i(4,y=e.closebuttontext),"iconname"in e&&i(5,g=e.iconname),"hidefooter"in e&&i(10,x=e.hidefooter)},e.$$.update=()=>{1024&e.$$.dirty&&i(8,r=null!=x&&x),1&e.$$.dirty&&(c?p.dispatch("layer-opened",{}):p.dispatch("layer-closed",{})),i(6,o=Object.assign({},l)),64&e.$$.dirty&&delete o.class},[c,d,m,b,y,g,o,s,r,h,x,()=>h(),()=>h(),function(e){v[e?"unshift":"push"]((()=>{s=e,i(7,s)}))}]}class j extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-layer{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mc-layer *{-webkit-box-sizing:inherit;box-sizing:inherit}.mc-layer--ltr{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.mc-layer:not(.mc-layer--ltr){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.mc-layer__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:calc(100% - 2rem);-webkit-transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s, -webkit-transform 0.4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__header::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 1024px){.mc-layer__header{padding-bottom:0.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666666;height:1.5rem;margin-right:0.75rem;width:1.5rem}.mc-layer__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-layer__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") no-repeat;background-size:contain;cursor:pointer;height:2rem;margin-left:auto;width:2rem}.mc-layer__close::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;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-layer__close-text{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-layer__close: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-layer__body{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{-webkit-box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 0.5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0s linear 0s, -webkit-transform 0.4s;transition:visibility 0s linear 0s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s, -webkit-transform 0.4s;visibility:visible}.mc-layer-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-layer-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},I,A,a,{title:1,isopen:0,extended:2,scrollbaredge:3,closebuttontext:4,iconname:5,hidefooter:10},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["title","isopen","extended","scrollbaredge","closebuttontext","iconname","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),o()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),o()}get extended(){return this.$$.ctx[2]}set extended(e){this.$$set({extended:e}),o()}get scrollbaredge(){return this.$$.ctx[3]}set scrollbaredge(e){this.$$set({scrollbaredge:e}),o()}get closebuttontext(){return this.$$.ctx[4]}set closebuttontext(e){this.$$set({closebuttontext:e}),o()}get iconname(){return this.$$.ctx[5]}set iconname(e){this.$$set({iconname:e}),o()}get hidefooter(){return this.$$.ctx[10]}set hidefooter(e){this.$$set({hidefooter:e}),o()}}export{j as default};
 //# sourceMappingURL=Layer.js.map

package/public/components/layer/Layer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layer.js","sources":["../../../src/components/layer/Layer.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { onMount } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let title: string;\n  export let isopen: boolean;\n  export let extended: boolean;\n  export let scrollbaredge: boolean;\n  export let closebuttontext = 'Close';\n  export let iconname: string | undefined = undefined;\n  $: isopen\n    ? eventHandler.dispatch('layer-opened', {})\n    : eventHandler.dispatch('layer-closed', {});\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  let root: HTMLElement;\n  let eventHandler = new EventHandler();\n  onMount(() => {\n    const body = root.querySelector('.mc-layer__body');\n    const content = root.querySelector('.mc-layer__content');\n    const overflowingClass = !scrollbaredge\n      ? 'mc-layer__body--overflowing'\n      : 'mc-layer__body--overflowing-scroll-edge';\n    if (body && content) {\n      const bodyHeight = body.clientHeight;\n      const contentHeight = content.scrollHeight;\n\n      if (contentHeight > bodyHeight) {\n        body.classList.add(overflowingClass);\n      } else {\n        body.classList.remove(overflowingClass);\n      }\n    }\n  });\n\n  function onClose(): void {\n    isopen = false;\n  }\n\n  function generateIconName(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n</script>\n\n<div bind:this={root}>\n  <div\n    class=\"mc-layer\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby=\"layerTitle\"\n    aria-modal=\"true\"\n    aria-hidden={!isopen}\n    {...attributes}\n  >\n    <div\n      class=\"mc-layer__dialog {isopen ? ' is-open' : ''} {extended\n        ? ' mc-layer__dialog--extend'\n        : ''}\"\n      role=\"document\"\n    >\n      <div class=\"mc-layer__header\">\n        {#if iconname}\n          <span class=\"mc-layer__icon\">\n            {@html `<${generateIconName(iconname)} class=\"mc-layer__icon\" />`}\n          </span>\n        {/if}\n        <h2 class=\"mc-layer__title\" id=\"modallayerTitleTitle\">{title}</h2>\n        <button\n          class=\"mc-layer__close\"\n          type=\"button\"\n          on:click={() => onClose()}\n        >\n          <span class=\"mc-layer__close-text\">{closebuttontext}</span>\n        </button>\n      </div>\n      <main\n        class=\"mc-layer__body {scrollbaredge\n          ? 'mc-layer__body--overflowing-scroll-edge'\n          : ''}\"\n      >\n        <article class=\"mc-layer__content\">\n          <slot name=\"content\" />\n        </article>\n      </main>\n      <footer class=\"mc-layer__footer\">\n        <slot name=\"footer\" />\n      </footer>\n    </div>\n  </div>\n  <div\n    class=\"mc-layer-overlay {isopen ? ' is-visible' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    on:click={() => onClose()}\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.layer';\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","create_if_block","div4","append","div2","div1","div0","h2","button","main","article","footer","div3","div2_aria_hidden_value","iconname","root","title","$$props","isopen","extended","scrollbaredge","closebuttontext","eventHandler","EventHandler","onClose","$$invalidate","onMount","body","querySelector","content","overflowingClass","bodyHeight","clientHeight","scrollHeight","classList","add","remove","dispatch","attributes","Object","assign","$$restProps","class","$$value"],"mappings":"yQAgEuBA,EAAA,IAAAC,EAAiBC,EAAQ,6FADtCC,EAEMC,EAAAC,EAAAC,yBADO,GAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,mCAAAG,EAAAG,UAAAR,uFAFnCE,EAAQ,IAAAO,EAAAP,kIAVHA,EAAM,IAChBA,EAAU,qIAc6CA,EAAK,wCAMtBA,EAAe,kaAI9BA,EAAA,GACnB,0CACA,wEAvBmBA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,sEAiCmBA,EAAM,GAAG,cAAgB,uDA9CtDC,EAmDKC,EAAAM,EAAAJ,GAlDHK,EA2CKD,EAAAE,GAlCHD,EAiCKC,EAAAC,GA3BHF,EAcKE,EAAAC,yBARHH,EAAiEG,EAAAC,iBACjEJ,EAMQG,EAAAE,GADNL,EAA0DK,EAAAX,iBAG9DM,EAQME,EAAAI,GAHJN,EAESM,EAAAC,UAEXP,EAEQE,EAAAM,UAGZR,EAKCD,EAAAU,yEAjCUlB,EAAQ,kEAK0CA,EAAK,cAMtBA,EAAe,mCAI9BA,EAAA,GACnB,0CACA,sDAvBmBA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,uJANQA,EAAM,KAAA,CAAA,cAAAmB,SAChBnB,EAAU,uCAsCWA,EAAM,GAAG,cAAgB,4EAnD3C,SAAAD,EAAiBqB,YACdA,iIAzBRC,kBAXOC,GAAaC,UACbC,GAAeD,YACfE,GAAiBF,iBACjBG,GAAsBH,GACtBI,gBAAAA,EAAkB,SAAOJ,GACzBH,SAAAA,GAAwCG,EAO/CK,MAAmBC,WAmBdC,IACPC,EAAA,EAAAP,GAAS,GAnBXQ,GAAO,KACC,MAAAC,EAAOZ,EAAKa,cAAc,mBAC1BC,EAAUd,EAAKa,cAAc,sBAC7BE,EAAoBV,EAEtB,0CADA,8BAEA,GAAAO,GAAQE,EAAO,OACXE,EAAaJ,EAAKK,aACFH,EAAQI,aAEVF,EAClBJ,EAAKO,UAAUC,IAAIL,GAEnBH,EAAKO,UAAUE,OAAON,sTApBzBZ,EACCI,EAAae,SAAS,eAAc,IACpCf,EAAae,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,0BACXH,EAAWI,8BAwDGlB,QAuBNA,4CAjDJT,EAAI4B"}
+{"version":3,"file":"Layer.js","sources":["../../../src/components/layer/Layer.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { onMount } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let title: string;\n  export let isopen: boolean;\n  export let extended: boolean;\n  export let scrollbaredge: boolean;\n  export let closebuttontext = 'Close';\n  export let iconname: string | undefined = undefined;\n  export let hidefooter: boolean;\n\n  $: hideFooter = hidefooter ?? false;\n  $: isopen\n    ? eventHandler.dispatch('layer-opened', {})\n    : eventHandler.dispatch('layer-closed', {});\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  let root: HTMLElement;\n  let eventHandler = new EventHandler();\n  onMount(() => {\n    const body = root.querySelector('.mc-layer__body');\n    const content = root.querySelector('.mc-layer__content');\n    const overflowingClass = !scrollbaredge\n      ? 'mc-layer__body--overflowing'\n      : 'mc-layer__body--overflowing-scroll-edge';\n    if (body && content) {\n      const bodyHeight = body.clientHeight;\n      const contentHeight = content.scrollHeight;\n\n      if (contentHeight > bodyHeight) {\n        body.classList.add(overflowingClass);\n      } else {\n        body.classList.remove(overflowingClass);\n      }\n    }\n  });\n\n  function onClose(): void {\n    isopen = false;\n  }\n\n  function generateIconName(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n</script>\n\n<div bind:this={root}>\n  <div\n    class=\"mc-layer\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby=\"layerTitle\"\n    aria-modal=\"true\"\n    aria-hidden={!isopen}\n    {...attributes}\n  >\n    <div\n      class=\"mc-layer__dialog {isopen ? ' is-open' : ''} {extended\n        ? ' mc-layer__dialog--extend'\n        : ''}\"\n      role=\"document\"\n    >\n      <div class=\"mc-layer__header\">\n        {#if iconname}\n          <span class=\"mc-layer__icon\">\n            {@html `<${generateIconName(iconname)} class=\"mc-layer__icon\" />`}\n          </span>\n        {/if}\n        <h2 class=\"mc-layer__title\" id=\"modallayerTitleTitle\">{title}</h2>\n        <button\n          class=\"mc-layer__close\"\n          type=\"button\"\n          on:click={() => onClose()}\n        >\n          <span class=\"mc-layer__close-text\">{closebuttontext}</span>\n        </button>\n      </div>\n      <main\n        class=\"mc-layer__body {scrollbaredge\n          ? 'mc-layer__body--overflowing-scroll-edge'\n          : ''}\"\n      >\n        <article class=\"mc-layer__content\">\n          <slot name=\"content\" />\n        </article>\n      </main>\n      {#if !hideFooter}\n        <footer class=\"mc-layer__footer\">\n          <slot name=\"footer\" />\n        </footer>\n      {/if}\n    </div>\n  </div>\n  <div\n    class=\"mc-layer-overlay {isopen ? ' is-visible' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    on:click={() => onClose()}\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.layer';\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","footer","create_if_block_1","create_if_block","div4","append","div2","div1","div0","h2","button","main","article","div3","div2_aria_hidden_value","iconname","root","title","$$props","isopen","extended","scrollbaredge","closebuttontext","hidefooter","eventHandler","EventHandler","onClose","$$invalidate","onMount","body","querySelector","content","overflowingClass","bodyHeight","clientHeight","scrollHeight","classList","add","remove","hideFooter","dispatch","attributes","Object","assign","$$restProps","class","$$value"],"mappings":"yQAmEuBA,EAAA,IAAAC,EAAiBC,EAAQ,6FADtCC,EAEMC,EAAAC,EAAAC,yBADO,GAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,mCAAAG,EAAAG,UAAAR,kJAsBxCG,EAEQC,EAAAK,EAAAH,qFA1BHJ,EAAQ,IAAAQ,EAAAR,MAuBTA,EAAU,IAAAS,mIAjCJT,EAAM,IAChBA,EAAU,qIAc6CA,EAAK,wCAMtBA,EAAe,mXAI9BA,EAAA,GACnB,0CACA,wCAvBmBA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,sEAmCmBA,EAAM,GAAG,cAAgB,uDAhDtDC,EAqDKC,EAAAQ,EAAAN,GApDHO,EA6CKD,EAAAE,GApCHD,EAmCKC,EAAAC,GA7BHF,EAcKE,EAAAC,yBARHH,EAAiEG,EAAAC,iBACjEJ,EAMQG,EAAAE,GADNL,EAA0DK,EAAAb,iBAG9DQ,EAQME,EAAAI,GAHJN,EAESM,EAAAC,gCASfP,EAKCD,EAAAS,0EAnCUnB,EAAQ,kEAK0CA,EAAK,cAMtBA,EAAe,mCAI9BA,EAAA,GACnB,0CACA,qBAMAA,EAAU,oFA7BSA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,uJANQA,EAAM,KAAA,CAAA,cAAAoB,SAChBpB,EAAU,uCAwCWA,EAAM,GAAG,cAAgB,qFArD3C,SAAAD,EAAiBsB,YACdA,gJAzBRC,kBAdOC,GAAaC,UACbC,GAAeD,YACfE,GAAiBF,iBACjBG,GAAsBH,GACtBI,gBAAAA,EAAkB,SAAOJ,GACzBH,SAAAA,GAAwCG,cACxCK,GAAmBL,EAS1BM,MAAmBC,WAmBdC,IACPC,EAAA,EAAAR,GAAS,GAnBXS,GAAO,KACC,MAAAC,EAAOb,EAAKc,cAAc,mBAC1BC,EAAUf,EAAKc,cAAc,sBAC7BE,EAAoBX,EAEtB,0CADA,8BAEA,GAAAQ,GAAQE,EAAO,OACXE,EAAaJ,EAAKK,aACFH,EAAQI,aAEVF,EAClBJ,EAAKO,UAAUC,IAAIL,GAEnBH,EAAKO,UAAUE,OAAON,+VArB3BL,EAAA,EAAEY,EAAahB,SAAAA,kBACbJ,EACCK,EAAagB,SAAS,eAAc,IACpChB,EAAagB,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,0BACXH,EAAWI,kCAwDGnB,QAyBNA,4CAnDJV,EAAI8B"}