npm - @mozaic-ds/web-components - Versions diffs - 0.17.0 → 0.18.0-beta.0 - Mend

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

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

Files changed (560) hide show

package/public/components/field/Field.js CHANGED Viewed

@@ -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 $,u as x}from"../../index-9ffad6d0.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,.mc-field__element--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.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,h as c,j as h,l as p,o as u,p as g,q as f,r as $,x}from"../../index-d12e76e8.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),j=e[3]&&e[4]&&b(e),k=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(),j&&j.c(),x=m(),v=d("slot"),w=m(),k&&k.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,$),j&&j.m(t,null),p(t,x),p(t,v),p(t,w),k&&k.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]?j?j.p(e,r):(j=b(e),j.c(),j.m(t,x)):j&&(j.d(1),j=null),e[7]?k?k.p(e,r):(k=q(e),k.c(),k.m(t,null)):k&&(k.d(1),k=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(),j&&j.d(),k&&k.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,.mc-field__element--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.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 CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as l,a as t,b as i,f as s,s as a,e as r,d as o,t as n,n as d,g as c,j as p,l as m,k as f,y as u,w as b,x as h,o as x,q as g,r as $,B as w,C as v,D as _,z as y,H as k}from"../../index-9ffad6d0.js";import{E as C}from"../../EventHandler-f7ee47ca.js";import E from"./fileuploader-result.nested.js";function z(e){let l,t;return l=new E({props:{files:e[7],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),l.$on("file-removed",e[14]),{c(){w(l.$$.fragment)},m(e,i){v(l,e,i),t=!0},p(e,t){const i={};128&t&&(i.files=e[7]),1024&t&&(i.allowedExtensions=e[10]),32&t&&(i.disabled=e[5]),2048&t&&(i.maxSize=e[11]),64&t&&(i.removelabel=e[6]),4096&t&&(i.errorLabels=e[12]),l.$set(i)},i(e){t||(u(l.$$.fragment,e),t=!0)},o(e){b(l.$$.fragment,e),t=!1},d(e){_(l,e)}}}function S(e){let l,t;return l=new E({props:{files:e[9],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),l.$on("file-removed",e[15]),{c(){w(l.$$.fragment)},m(e,i){v(l,e,i),t=!0},p(e,t){const i={};512&t&&(i.files=e[9]),1024&t&&(i.allowedExtensions=e[10]),32&t&&(i.disabled=e[5]),2048&t&&(i.maxSize=e[11]),64&t&&(i.removelabel=e[6]),4096&t&&(i.errorLabels=e[12]),l.$set(i)},i(e){t||(u(l.$$.fragment,e),t=!0)},o(e){b(l.$$.fragment,e),t=!1},d(e){_(l,e)}}}function M(e){let l,t,s,a,g,$,w,v,_,k,C,E=e[0]&&e[7]&&e[7].length>0&&z(e),M=e[9].length>0&&S(e);return{c(){l=r("div"),t=r("input"),s=o(),a=r("label"),g=r("span"),$=n(e[2]),w=o(),E&&E.c(),v=o(),M&&M.c(),this.c=d,c(t,"id",e[1]),c(t,"type","file"),c(t,"class","mc-fileuploader__input"),c(t,"accept",e[3]),t.multiple=e[4],t.disabled=e[5],c(g,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(l,"class","mc-fileuploader")},m(r,o){i(r,l,o),p(l,t),p(l,s),p(l,a),p(a,g),p(g,$),p(l,w),E&&E.m(l,null),p(l,v),M&&M.m(l,null),e[21](l),_=!0,k||(C=m(t,"change",e[13]),k=!0)},p(e,[i]){(!_||2&i)&&c(t,"id",e[1]),(!_||8&i)&&c(t,"accept",e[3]),(!_||16&i)&&(t.multiple=e[4]),(!_||32&i)&&(t.disabled=e[5]),(!_||4&i)&&f($,e[2]),(!_||2&i)&&c(a,"for",e[1]),e[0]&&e[7]&&e[7].length>0?E?(E.p(e,i),129&i&&u(E,1)):(E=z(e),E.c(),u(E,1),E.m(l,v)):E&&(y(),b(E,1,1,(()=>{E=null})),h()),e[9].length>0?M?(M.p(e,i),512&i&&u(M,1)):(M=S(e),M.c(),u(M,1),M.m(l,null)):M&&(y(),b(M,1,1,(()=>{M=null})),h())},i(e){_||(u(E),u(M),_=!0)},o(e){b(E),b(M),_=!1},d(t){t&&x(l),E&&E.d(),M&&M.d(),e[21](null),k=!1,C()}}}function A(e,l){const t=Array.from(e),i=t.indexOf(l);return-1!==i&&t.splice(i,1),t}function j(e,l,t){let i,s,a,r,o,n,{id:d}=l,{label:c}=l,{accept:p}=l,{multiple:m=!0}=l,{allowedextensions:f}=l,{maxsize:u}=l,{displayfileslist:b=!1}=l,{disabled:h=!1}=l,{removelabel:x="Remove"}=l,{uploadedfiles:w}=l,{errorlabels:v}=l,{stateless:_}=l,y=new C(g(),$());return e.$$set=e=>{"id"in e&&t(1,d=e.id),"label"in e&&t(2,c=e.label),"accept"in e&&t(3,p=e.accept),"multiple"in e&&t(4,m=e.multiple),"allowedextensions"in e&&t(16,f=e.allowedextensions),"maxsize"in e&&t(17,u=e.maxsize),"displayfileslist"in e&&t(0,b=e.displayfileslist),"disabled"in e&&t(5,h=e.disabled),"removelabel"in e&&t(6,x=e.removelabel),"uploadedfiles"in e&&t(18,w=e.uploadedfiles),"errorlabels"in e&&t(19,v=e.errorlabels),"stateless"in e&&t(20,_=e.stateless)},e.$$.update=()=>{65536&e.$$.dirty&&t(10,i=f?JSON.parse(f):[]),262144&e.$$.dirty&&t(9,s=w?JSON.parse(w):[]),e.$$.dirty,131072&e.$$.dirty&&t(11,a=u||void 0),524288&e.$$.dirty&&t(12,r=v?JSON.parse(v):[])},[b,d,c,p,m,h,x,o,n,s,i,a,r,function(e){const l=e.target;t(7,o=l.files),t(0,b=!0);const s=[];if([...o].forEach(((e,l)=>{const t=e.name,r=e.size,o=function(e){if(i&&i.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(l)))return!1}return!0}(t),n=function(e){return!(a&&e/1024/1024>a)}(r);let d="";o||(d="invalid-extension"),n||(d="invalid-size"),o&&n||s.push({index:l,fileName:t,fileSize:r,errorType:d})})),s.length>0&&y.dispatch(g(),"invalid-files",s),y.dispatch("change",o),_){n.querySelector(".mc-fileuploader__input").value=""}},function(e){t(7,o=A(o,e.detail)),n.querySelector(".mc-fileuploader__input").value="",y.dispatch("file-removed",e.detail)},function(e){const l=A(s,e.detail);t(9,s=l),y.dispatch("uploaded-file-removed",e.detail)},f,u,w,v,_,function(e){k[e?"unshift":"push"]((()=>{n=e,t(8,n)}))}]}class L extends e{constructor(e){super();const r=document.createElement("style");r.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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23188803' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") 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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}",this.shadowRoot.appendChild(r),l(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},j,M,a,{id:1,label:2,accept:3,multiple:4,allowedextensions:16,maxsize:17,displayfileslist:0,disabled:5,removelabel:6,uploadedfiles:18,errorlabels:19,stateless:20},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["id","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless"]}get id(){return this.$$.ctx[1]}set id(e){this.$$set({id:e}),s()}get label(){return this.$$.ctx[2]}set label(e){this.$$set({label:e}),s()}get accept(){return this.$$.ctx[3]}set accept(e){this.$$set({accept:e}),s()}get multiple(){return this.$$.ctx[4]}set multiple(e){this.$$set({multiple:e}),s()}get allowedextensions(){return this.$$.ctx[16]}set allowedextensions(e){this.$$set({allowedextensions:e}),s()}get maxsize(){return this.$$.ctx[17]}set maxsize(e){this.$$set({maxsize:e}),s()}get displayfileslist(){return this.$$.ctx[0]}set displayfileslist(e){this.$$set({displayfileslist:e}),s()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),s()}get removelabel(){return this.$$.ctx[6]}set removelabel(e){this.$$set({removelabel:e}),s()}get uploadedfiles(){return this.$$.ctx[18]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),s()}get errorlabels(){return this.$$.ctx[19]}set errorlabels(e){this.$$set({errorlabels:e}),s()}get stateless(){return this.$$.ctx[20]}set stateless(e){this.$$set({stateless:e}),s()}}export{L as default};
+import{S as e,i as l,a as t,b as i,f as s,s as a,e as r,d as o,t as n,n as d,h as c,l as p,m,o as f,A as u,y as b,z as h,q as x,v as $,w as g,D as w,E as v,F as _,B as y,J as k}from"../../index-d12e76e8.js";import{E}from"../../EventHandler-f7ee47ca.js";import z from"./fileuploader-result.nested.js";function C(e){let l,t;return l=new z({props:{files:e[7],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),l.$on("file-removed",e[14]),{c(){w(l.$$.fragment)},m(e,i){v(l,e,i),t=!0},p(e,t){const i={};128&t&&(i.files=e[7]),1024&t&&(i.allowedExtensions=e[10]),32&t&&(i.disabled=e[5]),2048&t&&(i.maxSize=e[11]),64&t&&(i.removelabel=e[6]),4096&t&&(i.errorLabels=e[12]),l.$set(i)},i(e){t||(u(l.$$.fragment,e),t=!0)},o(e){b(l.$$.fragment,e),t=!1},d(e){_(l,e)}}}function S(e){let l,t;return l=new z({props:{files:e[9],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),l.$on("file-removed",e[15]),{c(){w(l.$$.fragment)},m(e,i){v(l,e,i),t=!0},p(e,t){const i={};512&t&&(i.files=e[9]),1024&t&&(i.allowedExtensions=e[10]),32&t&&(i.disabled=e[5]),2048&t&&(i.maxSize=e[11]),64&t&&(i.removelabel=e[6]),4096&t&&(i.errorLabels=e[12]),l.$set(i)},i(e){t||(u(l.$$.fragment,e),t=!0)},o(e){b(l.$$.fragment,e),t=!1},d(e){_(l,e)}}}function A(e){let l,t,s,a,$,g,w,v,_,k,E,z=e[0]&&e[7]&&e[7].length>0&&C(e),A=e[9].length>0&&S(e);return{c(){l=r("div"),t=r("input"),s=o(),a=r("label"),$=r("span"),g=n(e[2]),w=o(),z&&z.c(),v=o(),A&&A.c(),this.c=d,c(t,"id",e[1]),c(t,"type","file"),c(t,"class","mc-fileuploader__input"),c(t,"accept",e[3]),t.multiple=e[4],t.disabled=e[5],c($,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(l,"class","mc-fileuploader")},m(r,o){i(r,l,o),p(l,t),p(l,s),p(l,a),p(a,$),p($,g),p(l,w),z&&z.m(l,null),p(l,v),A&&A.m(l,null),e[21](l),_=!0,k||(E=m(t,"change",e[13]),k=!0)},p(e,[i]){(!_||2&i)&&c(t,"id",e[1]),(!_||8&i)&&c(t,"accept",e[3]),(!_||16&i)&&(t.multiple=e[4]),(!_||32&i)&&(t.disabled=e[5]),(!_||4&i)&&f(g,e[2]),(!_||2&i)&&c(a,"for",e[1]),e[0]&&e[7]&&e[7].length>0?z?(z.p(e,i),129&i&&u(z,1)):(z=C(e),z.c(),u(z,1),z.m(l,v)):z&&(y(),b(z,1,1,(()=>{z=null})),h()),e[9].length>0?A?(A.p(e,i),512&i&&u(A,1)):(A=S(e),A.c(),u(A,1),A.m(l,null)):A&&(y(),b(A,1,1,(()=>{A=null})),h())},i(e){_||(u(z),u(A),_=!0)},o(e){b(z),b(A),_=!1},d(t){t&&x(l),z&&z.d(),A&&A.d(),e[21](null),k=!1,E()}}}function M(e,l){const t=Array.from(e),i=t.indexOf(l);return-1!==i&&t.splice(i,1),t}function L(e,l,t){let i,s,a,r,o,n,{id:d}=l,{label:c}=l,{accept:p}=l,{multiple:m=!0}=l,{allowedextensions:f}=l,{maxsize:u}=l,{displayfileslist:b=!1}=l,{disabled:h=!1}=l,{removelabel:x="Remove"}=l,{uploadedfiles:w}=l,{errorlabels:v}=l,{stateless:_}=l,y=new E($(),g());return e.$$set=e=>{"id"in e&&t(1,d=e.id),"label"in e&&t(2,c=e.label),"accept"in e&&t(3,p=e.accept),"multiple"in e&&t(4,m=e.multiple),"allowedextensions"in e&&t(16,f=e.allowedextensions),"maxsize"in e&&t(17,u=e.maxsize),"displayfileslist"in e&&t(0,b=e.displayfileslist),"disabled"in e&&t(5,h=e.disabled),"removelabel"in e&&t(6,x=e.removelabel),"uploadedfiles"in e&&t(18,w=e.uploadedfiles),"errorlabels"in e&&t(19,v=e.errorlabels),"stateless"in e&&t(20,_=e.stateless)},e.$$.update=()=>{65536&e.$$.dirty&&t(10,i=f?JSON.parse(f):[]),262144&e.$$.dirty&&t(9,s=w?JSON.parse(w):[]),e.$$.dirty,131072&e.$$.dirty&&t(11,a=u||void 0),524288&e.$$.dirty&&t(12,r=v?JSON.parse(v):[])},[b,d,c,p,m,h,x,o,n,s,i,a,r,function(e){const l=e.target;t(7,o=l.files),t(0,b=!0);const s=[];if([...o].forEach(((e,l)=>{const t=e.name,r=e.size,o=function(e){if(i&&i.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(l)))return!1}return!0}(t),n=function(e){return!(a&&e/1024/1024>a)}(r);let d="";o||(d="invalid-extension"),n||(d="invalid-size"),o&&n||s.push({index:l,fileName:t,fileSize:r,errorType:d})})),s.length>0&&y.dispatch($(),"invalid-files",s),y.dispatch("change",o),_){n.querySelector(".mc-fileuploader__input").value=""}},function(e){t(7,o=M(o,e.detail)),n.querySelector(".mc-fileuploader__input").value="",y.dispatch("file-removed",e.detail)},function(e){const l=M(s,e.detail);t(9,s=l),y.dispatch("uploaded-file-removed",e.detail)},f,u,w,v,_,function(e){k[e?"unshift":"push"]((()=>{n=e,t(8,n)}))}]}class O extends e{constructor(e){super();const r=document.createElement("style");r.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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23188803' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") 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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}",this.shadowRoot.appendChild(r),l(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},L,A,a,{id:1,label:2,accept:3,multiple:4,allowedextensions:16,maxsize:17,displayfileslist:0,disabled:5,removelabel:6,uploadedfiles:18,errorlabels:19,stateless:20},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["id","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless"]}get id(){return this.$$.ctx[1]}set id(e){this.$$set({id:e}),s()}get label(){return this.$$.ctx[2]}set label(e){this.$$set({label:e}),s()}get accept(){return this.$$.ctx[3]}set accept(e){this.$$set({accept:e}),s()}get multiple(){return this.$$.ctx[4]}set multiple(e){this.$$set({multiple:e}),s()}get allowedextensions(){return this.$$.ctx[16]}set allowedextensions(e){this.$$set({allowedextensions:e}),s()}get maxsize(){return this.$$.ctx[17]}set maxsize(e){this.$$set({maxsize:e}),s()}get displayfileslist(){return this.$$.ctx[0]}set displayfileslist(e){this.$$set({displayfileslist:e}),s()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),s()}get removelabel(){return this.$$.ctx[6]}set removelabel(e){this.$$set({removelabel:e}),s()}get uploadedfiles(){return this.$$.ctx[18]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),s()}get errorlabels(){return this.$$.ctx[19]}set errorlabels(e){this.$$set({errorlabels:e}),s()}get stateless(){return this.$$.ctx[20]}set stateless(e){this.$$set({stateless:e}),s()}}export{O as default};
 //# sourceMappingURL=FileUploader.js.map

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

	@@ -1 +1 @@
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 {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import ResultFile from './fileuploader-result.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 export let errorlabels: string;\n export let stateless: false;\n\n let files: FileList;\n let root: HTMLElement;\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n $: files;\n $: maxSize = maxsize ? maxsize : undefined;\n $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];\n\n function checkFileSize(fileSize: number): boolean {\n const fileSizeMB = fileSize / 1024 / 1024; // in MB\n if (maxSize && fileSizeMB > maxSize) {\n return false; // invalid\n }\n\n return true; // valid\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 function handleChange(e: Event): void {\n const target = e.target as HTMLInputElement;\n files = target.files as FileList;\n displayfileslist = true;\n const invalidFiles: Array<any> = [];\n const fileList = [...files];\n fileList.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(\n get_current_component(),\n 'invalid-files',\n invalidFiles,\n );\n }\n eventHandler.dispatch('change', files);\n if (stateless) {\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n }\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\n function deleteUploadedFile(e: CustomEvent): void {\n const files = removeFromArray(uploadedFiles, e.detail);\n uploadedFiles = files;\n eventHandler.dispatch('uploaded-file-removed', e.detail);\n }\n\n function hasInvalidFiles(e: CustomEvent): void {\n eventHandler.dispatch('invalid-files', 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 && files.length > 0}\n <ResultFile\n {files}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\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 {errorLabels}\n on:file-removed={deleteUploadedFile}\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","removeFromArray","fileList","value","array","Array","from","idx","indexOf","splice","files","root","id","$$props","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","errorLabels","e","invalidFiles","forEach","file","index","fileName","name","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","querySelector","detail","$$value"],"mappings":"~~6dA4JuBA~~,EAAU,sXAKpBA,EAAa,kHAMHA,EAAkB,oFAN5BA,EAAa,qRAbnBC,EAAAD,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,GAACC,EAAAH,KAW7CA,EAAa,GAACE,OAAS,GAACE,EAAAJ,yEAdxBA,EAAK,8NAFEA,EAAE,iFAVhBK,EAqCKC,EAAAC,EAAAC,GApCHC,EAQCF,EAAAG,UACDD,EAIOF,EAAAI,GAHLF,EAEME,EAAAC,uFALKZ,EAAY,wJAIpBA,EAAK,yBAFEA,EAAE,IAKTA,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,iGAW5CF,EAAa,GAACE,OAAS,mNAvDnBW,EAAgBC,EAAoBC,GACrC,MAAAC,EAAQC,MAAMC,KAAKJ,GACnBK,EAAMH,EAAMI,QAAQL,UACb,IAATI,GACFH,EAAMK,OAAOF,EAAK,GAEbH,gCAtFLM,EACAC,MAdOC,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,eACrBU,GAAmBV,aACnBW,GAAgBX,EAIvBY,EAAmB,IAAAC,EACrBC,IACAC,2fAGDC,EAAA,GAAEC,EAAoBb,EAAoBc,KAAKC,MAAMf,GAAiB,uBACtEY,EAAA,EAAEI,EAAgBX,EAAgBS,KAAKC,MAAMV,GAAa,uCAExDY,EAAUhB,QAAoBiB,sBAChCN,EAAA,GAAEO,EAAcb,EAAcQ,KAAKC,MAAMT,GAAW,gCAsB5C,SAAac,SACd3C,EAAS2C,EAAE3C,WACjBgB,EAAQhB,EAAOgB,OACfmB,EAAA,EAAAV,GAAmB,SACbmB,EAAY,UACG5B,GACZ6B,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,EAAKG,KAChBC,EAAWJ,EAAKK,KAChBC,EArBD,SAAmBJ,GACtB,GAAAZ,GAAqBA,EAAkBxC,OAAS,EAAC,CAC7C,MAAAyD,EAAoBL,EAASM,MACS,GAAxCN,EAASO,YAAY,KAAO,IAAO,IAEnC,GAAAnB,IAAsBA,EAAkBoB,SAASC,OAAOJ,WACnD,SAIJ,EAWkBK,CAAmBV,GACpCW,EA9BD,SAAcT,WAEjBV,GADeU,EAAW,KAAO,KACTV,GA4BRoB,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,GACtBf,EAAakB,KACJ,CAAAf,QACGC,WACAE,WACCW,iBAKbjB,EAAahD,OAAS,GACxBmC,EAAagC,SACX9B,IACA,gBACAW,GAGJb,EAAagC,SAAS,SAAU/C,GAC5Bc,EAAS,CACUb,EAAK+C,cACxB,2BAEWvD,MAAQ,KAahB,SAAWkC,GAClBR,EAAA,EAAAnB,EAAQT,EAAgBS,EAAO2B,EAAEsB,SACZhD,EAAK+C,cACxB,2BAEWvD,MAAQ,GACrBsB,EAAagC,SAAS,eAAgBpB,EAAEsB,SAGjC,SAAmBtB,GACpB,MAAA3B,EAAQT,EAAgBgC,EAAeI,EAAEsB,QAC/C9B,EAAA,EAAAI,EAAgBvB,GAChBe,EAAagC,SAAS,wBAAyBpB,EAAEsB,2DAQbhD,EAAIiD"}
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 {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import ResultFile from './fileuploader-result.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 export let errorlabels: string;\n export let stateless: false;\n\n let files: FileList;\n let root: HTMLElement;\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n $: files;\n $: maxSize = maxsize ? maxsize : undefined;\n $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];\n\n function checkFileSize(fileSize: number): boolean {\n const fileSizeMB = fileSize / 1024 / 1024; // in MB\n if (maxSize && fileSizeMB > maxSize) {\n return false; // invalid\n }\n\n return true; // valid\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 function handleChange(e: Event): void {\n const target = e.target as HTMLInputElement;\n files = target.files as FileList;\n displayfileslist = true;\n const invalidFiles: Array<any> = [];\n const fileList = [...files];\n fileList.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(\n get_current_component(),\n 'invalid-files',\n invalidFiles,\n );\n }\n eventHandler.dispatch('change', files);\n if (stateless) {\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n }\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\n function deleteUploadedFile(e: CustomEvent): void {\n const files = removeFromArray(uploadedFiles, e.detail);\n uploadedFiles = files;\n eventHandler.dispatch('uploaded-file-removed', e.detail);\n }\n\n function hasInvalidFiles(e: CustomEvent): void {\n eventHandler.dispatch('invalid-files', 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 && files.length > 0}\n <ResultFile\n {files}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\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 {errorLabels}\n on:file-removed={deleteUploadedFile}\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","removeFromArray","fileList","value","array","Array","from","idx","indexOf","splice","files","root","id","$$props","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","errorLabels","e","invalidFiles","forEach","file","index","fileName","name","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","querySelector","detail","$$value"],"mappings":"mdA4JuBA,EAAU,sXAKpBA,EAAa,kHAMHA,EAAkB,oFAN5BA,EAAa,qRAbnBC,EAAAD,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,GAACC,EAAAH,KAW7CA,EAAa,GAACE,OAAS,GAACE,EAAAJ,yEAdxBA,EAAK,8NAFEA,EAAE,iFAVhBK,EAqCKC,EAAAC,EAAAC,GApCHC,EAQCF,EAAAG,UACDD,EAIOF,EAAAI,GAHLF,EAEME,EAAAC,uFALKZ,EAAY,wJAIpBA,EAAK,yBAFEA,EAAE,IAKTA,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,iGAW5CF,EAAa,GAACE,OAAS,mNAvDnBW,EAAgBC,EAAoBC,GACrC,MAAAC,EAAQC,MAAMC,KAAKJ,GACnBK,EAAMH,EAAMI,QAAQL,UACb,IAATI,GACFH,EAAMK,OAAOF,EAAK,GAEbH,gCAtFLM,EACAC,MAdOC,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,eACrBU,GAAmBV,aACnBW,GAAgBX,EAIvBY,EAAmB,IAAAC,EACrBC,IACAC,2fAGDC,EAAA,GAAEC,EAAoBb,EAAoBc,KAAKC,MAAMf,GAAiB,uBACtEY,EAAA,EAAEI,EAAgBX,EAAgBS,KAAKC,MAAMV,GAAa,uCAExDY,EAAUhB,QAAoBiB,sBAChCN,EAAA,GAAEO,EAAcb,EAAcQ,KAAKC,MAAMT,GAAW,gCAsB5C,SAAac,SACd3C,EAAS2C,EAAE3C,WACjBgB,EAAQhB,EAAOgB,OACfmB,EAAA,EAAAV,GAAmB,SACbmB,EAAY,UACG5B,GACZ6B,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,EAAKG,KAChBC,EAAWJ,EAAKK,KAChBC,EArBD,SAAmBJ,GACtB,GAAAZ,GAAqBA,EAAkBxC,OAAS,EAAC,CAC7C,MAAAyD,EAAoBL,EAASM,MACS,GAAxCN,EAASO,YAAY,KAAO,IAAO,IAEnC,GAAAnB,IAAsBA,EAAkBoB,SAASC,OAAOJ,WACnD,SAIJ,EAWkBK,CAAmBV,GACpCW,EA9BD,SAAcT,WAEjBV,GADeU,EAAW,KAAO,KACTV,GA4BRoB,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,GACtBf,EAAakB,KACJ,CAAAf,QACGC,WACAE,WACCW,iBAKbjB,EAAahD,OAAS,GACxBmC,EAAagC,SACX9B,IACA,gBACAW,GAGJb,EAAagC,SAAS,SAAU/C,GAC5Bc,EAAS,CACUb,EAAK+C,cACxB,2BAEWvD,MAAQ,KAahB,SAAWkC,GAClBR,EAAA,EAAAnB,EAAQT,EAAgBS,EAAO2B,EAAEsB,SACZhD,EAAK+C,cACxB,2BAEWvD,MAAQ,GACrBsB,EAAagC,SAAS,eAAgBpB,EAAEsB,SAGjC,SAAmBtB,GACpB,MAAA3B,EAAQT,EAAgBgC,EAAeI,EAAEsB,QAC/C9B,EAAA,EAAAI,EAAgBvB,GAChBe,EAAagC,SAAS,wBAAyBpB,EAAEsB,2DAQbhD,EAAIiD"}

package/public/components/fileuploader/fileuploader-result.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as l,a as i,b as r,f as a,s as o,e as t,n as s,g as n,o as d,O as c,q as f,r as m,c as b,u as p,t as u,d as g,j as h,l as x,k as w}from"../../index-9ffad6d0.js";import{E as _}from"../../EventHandler-f7ee47ca.js";function v(e,l,i){const r=e.slice();return r[15]=l[i],r[17]=i,r}function k(e){let l,i,a=e[3][e[15].errorType]+"";return{c(){l=t("div"),i=u(a),n(l,"class","mc-fileuploader__file-message")},m(e,a){r(e,l,a),h(l,i)},p(e,l){9&l&&a!==(a=e[3][e[15].errorType]+"")&&w(i,a)},d(e){e&&d(l)}}}function E(e){let l,i,a,o,s,c,f,m,b,p,_,v,E=e[15].name+"";function z(){return e[9](e[15])}let y=e[15].errorType&&k(e);return{c(){l=t("li"),i=t("span"),a=u(E),o=g(),s=t("span"),s.textContent=" ",c=g(),f=t("button"),m=g(),y&&y.c(),b=g(),n(i,"class","mc-fileuploader__file-name"),n(s,"class","mc-fileuploader__file-icon"),n(f,"type","button"),n(f,"class","mc-fileuploader__delete"),n(f,"aria-label",e[2]),f.disabled=e[1],n(l,"id",`file-${e[17]}`),n(l,"class",p=e[4](e[15])+" "+e[6].class)},m(e,t){r(e,l,t),h(l,i),h(i,a),h(l,o),h(l,s),h(l,c),h(l,f),h(l,m),y&&y.m(l,null),h(l,b),_||(v=x(f,"click",z),_=!0)},p(i,r){e=i,1&r&&E!==(E=e[15].name+"")&&w(a,E),4&r&&n(f,"aria-label",e[2]),2&r&&(f.disabled=e[1]),e[15].errorType?y?y.p(e,r):(y=k(e),y.c(),y.m(l,b)):y&&(y.d(1),y=null),65&r&&p!==(p=e[4](e[15])+" "+e[6].class)&&n(l,"class",p)},d(e){e&&d(l),y&&y.d(),_=!1,v()}}}function z(e){let l,i=e[0],a=[];for(let l=0;l<i.length;l+=1)a[l]=E(v(e,i,l));return{c(){l=t("ul");for(let e=0;e<a.length;e+=1)a[e].c();this.c=s,n(l,"id","file_uploaded"),n(l,"class","mc-fileuploader__files")},m(e,i){r(e,l,i);for(let e=0;e<a.length;e+=1)a[e]&&a[e].m(l,null)},p(e,[r]){if(127&r){let o;for(i=e[0],o=0;o<i.length;o+=1){const t=v(e,i,o);a[o]?a[o].p(t,r):(a[o]=E(t),a[o].c(),a[o].m(l,null))}for(;o<a.length;o+=1)a[o].d(1);a.length=i.length}},i:s,o:s,d(e){e&&d(l),c(a,e)}}}function y(e,l,i){let{allowedExtensions:r}=l,{maxSize:a}=l,{disabled:o=!1}=l,{files:t}=l,{removelabel:s="Remove"}=l,{errorLabels:n}=l,d=new _(f(),m());function c(e){if(r&&r.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(r&&!r.includes(String(l)))return!1}return!0}function u(e){return!(a&&e/1024/1024>a)}function g(e){d.dispatch("file-removed",e)}return e.$$set=e=>{i(6,l=b(b({},l),p(e))),"allowedExtensions"in e&&i(8,r=e.allowedExtensions),"maxSize"in e&&i(7,a=e.maxSize),"disabled"in e&&i(1,o=e.disabled),"files"in e&&i(0,t=e.files),"removelabel"in e&&i(2,s=e.removelabel),"errorLabels"in e&&i(3,n=e.errorLabels)},e.$$.update=()=>{1&e.$$.dirty&&i(0,t=t?function(e){let l=[...e];return l.forEach(((e,l)=>{const i=c(e.name),r=u(e.size);let a="";i||(a="invalid-extension"),r||(a="invalid-size"),e.errorType&&(a=e.errorType),i&&r&&!e.errorType||(e.errorType=a)})),l}(t):[]),128&e.$$.dirty&&i(7,a=a||void 0)},l=p(l),[t,o,s,n,function(e){let l=["mc-fileuploader__file"];return!function(e){const l=!r||c(e.name),i=u(e.size);if(!l||!i)return!1;return!0}(e)||e.errorType?l.push("mc-fileuploader__file--is-invalid"):l.push("mc-fileuploader__file--is-valid"),l.join(" ")},g,l,a,r,e=>g(e)]}class C extends e{constructor(e){super();const t=document.createElement("style");t.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.is-hover,.mc-fileuploader__label:hover{background-color:#ebf5de;color:#006902}.mc-fileuploader__label.is-active,.mc-fileuploader__label:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.is-active,.mc-fileuploader__label:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label:disabled,.mc-fileuploader__label.is-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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23188803' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus+.mc-fileuploader__label,: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}.is-hover+.mc-fileuploader__label,:hover+.mc-fileuploader__label{color:#006902;background-color:#ebf5de}.is-disabled+.mc-fileuploader__label,:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled+.mc-fileuploader__label::before,:disabled+.mc-fileuploader__label::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}.mc-fileuploader__files{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file{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:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name{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{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 .mc-fileuploader__file-icon{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2346a610' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 1 1-8 8 8 8 0 0 1 8-8m0-2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z'/%3E%3Cpath d='M10.59 16.12a1 1 0 0 1-.68-.26l-3.84-3.55a1 1 0 0 1 1.36-1.47l3.13 2.89L16 8.17a1 1 0 0 1 1.43 1.41l-6.13 6.25a1 1 0 0 1-.71.29z'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid .mc-fileuploader__file-icon{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23c61112' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z'/%3E%3Cpath d='M12 7a1 1 0 0 0-1 1v4.38a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid .mc-fileuploader__file-message{font-size:0.875rem;line-height:1.2857142857;background:#ffffff;color:#c61112;-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:0.25rem}.mc-fileuploader__delete{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete::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::after{content:\"\";width:1.5rem;height:1.5rem;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='M18.08 8a1 1 0 0 0-1.08.92L16.08 20H7.92L7 8.92a1 1 0 1 0-2 .16l1 12A1 1 0 0 0 7 22h10a1 1 0 0 0 1-.92l1-12A1 1 0 0 0 18.08 8z'/%3E%3Cpath d='M19 5h-3.77l-.65-2.27a1 1 0 0 0-1-.73h-3.2a1 1 0 0 0-1 .73L8.77 5H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zm-8.62-2h3.24l.57 2H9.81zM12.5 18v-8a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0zM14.25 18.5a.5.5 0 0 0 .5-.47l.5-8a.5.5 0 0 0-.47-.53.49.49 0 0 0-.53.47l-.5 8a.5.5 0 0 0 .47.53zM9.75 18.5a.5.5 0 0 0 .47-.53l-.5-8a.49.49 0 0 0-.53-.47.5.5 0 0 0-.47.53l.5 8a.5.5 0 0 0 .53.47z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete:focus{outline:none}.mc-fileuploader__delete: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}",this.shadowRoot.appendChild(t),l(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},y,z,o,{allowedExtensions:8,maxSize:7,disabled:1,files:0,removelabel:2,errorLabels:3},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["allowedExtensions","maxSize","disabled","files","removelabel","errorLabels"]}get allowedExtensions(){return this.$$.ctx[8]}set allowedExtensions(e){this.$$set({allowedExtensions:e}),a()}get maxSize(){return this.$$.ctx[7]}set maxSize(e){this.$$set({maxSize:e}),a()}get disabled(){return this.$$.ctx[1]}set disabled(e){this.$$set({disabled:e}),a()}get files(){return this.$$.ctx[0]}set files(e){this.$$set({files:e}),a()}get removelabel(){return this.$$.ctx[2]}set removelabel(e){this.$$set({removelabel:e}),a()}get errorLabels(){return this.$$.ctx[3]}set errorLabels(e){this.$$set({errorLabels:e}),a()}}export{C as default};
+import{S as e,i as l,a as i,b as r,f as a,s as o,e as t,n as s,h as n,q as d,Q as c,v as m,w as f,c as b,x as p,t as u,d as h,l as g,m as x,o as w}from"../../index-d12e76e8.js";import{E as _}from"../../EventHandler-f7ee47ca.js";function v(e,l,i){const r=e.slice();return r[15]=l[i],r[17]=i,r}function k(e){let l,i,a=e[3][e[15].errorType]+"";return{c(){l=t("div"),i=u(a),n(l,"class","mc-fileuploader__file-message")},m(e,a){r(e,l,a),g(l,i)},p(e,l){9&l&&a!==(a=e[3][e[15].errorType]+"")&&w(i,a)},d(e){e&&d(l)}}}function E(e){let l,i,a,o,s,c,m,f,b,p,_,v,E=e[15].name+"";function z(){return e[9](e[15])}let y=e[15].errorType&&k(e);return{c(){l=t("li"),i=t("span"),a=u(E),o=h(),s=t("span"),s.textContent=" ",c=h(),m=t("button"),f=h(),y&&y.c(),b=h(),n(i,"class","mc-fileuploader__file-name"),n(s,"class","mc-fileuploader__file-icon"),n(m,"type","button"),n(m,"class","mc-fileuploader__delete"),n(m,"aria-label",e[2]),m.disabled=e[1],n(l,"id",`file-${e[17]}`),n(l,"class",p=e[4](e[15])+" "+e[6].class)},m(e,t){r(e,l,t),g(l,i),g(i,a),g(l,o),g(l,s),g(l,c),g(l,m),g(l,f),y&&y.m(l,null),g(l,b),_||(v=x(m,"click",z),_=!0)},p(i,r){e=i,1&r&&E!==(E=e[15].name+"")&&w(a,E),4&r&&n(m,"aria-label",e[2]),2&r&&(m.disabled=e[1]),e[15].errorType?y?y.p(e,r):(y=k(e),y.c(),y.m(l,b)):y&&(y.d(1),y=null),65&r&&p!==(p=e[4](e[15])+" "+e[6].class)&&n(l,"class",p)},d(e){e&&d(l),y&&y.d(),_=!1,v()}}}function z(e){let l,i=e[0],a=[];for(let l=0;l<i.length;l+=1)a[l]=E(v(e,i,l));return{c(){l=t("ul");for(let e=0;e<a.length;e+=1)a[e].c();this.c=s,n(l,"id","file_uploaded"),n(l,"class","mc-fileuploader__files")},m(e,i){r(e,l,i);for(let e=0;e<a.length;e+=1)a[e]&&a[e].m(l,null)},p(e,[r]){if(127&r){let o;for(i=e[0],o=0;o<i.length;o+=1){const t=v(e,i,o);a[o]?a[o].p(t,r):(a[o]=E(t),a[o].c(),a[o].m(l,null))}for(;o<a.length;o+=1)a[o].d(1);a.length=i.length}},i:s,o:s,d(e){e&&d(l),c(a,e)}}}function y(e,l,i){let{allowedExtensions:r}=l,{maxSize:a}=l,{disabled:o=!1}=l,{files:t}=l,{removelabel:s="Remove"}=l,{errorLabels:n}=l,d=new _(m(),f());function c(e){if(r&&r.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(r&&!r.includes(String(l)))return!1}return!0}function u(e){return!(a&&e/1024/1024>a)}function h(e){d.dispatch("file-removed",e)}return e.$$set=e=>{i(6,l=b(b({},l),p(e))),"allowedExtensions"in e&&i(8,r=e.allowedExtensions),"maxSize"in e&&i(7,a=e.maxSize),"disabled"in e&&i(1,o=e.disabled),"files"in e&&i(0,t=e.files),"removelabel"in e&&i(2,s=e.removelabel),"errorLabels"in e&&i(3,n=e.errorLabels)},e.$$.update=()=>{1&e.$$.dirty&&i(0,t=t?function(e){let l=[...e];return l.forEach(((e,l)=>{const i=c(e.name),r=u(e.size);let a="";i||(a="invalid-extension"),r||(a="invalid-size"),e.errorType&&(a=e.errorType),i&&r&&!e.errorType||(e.errorType=a)})),l}(t):[]),128&e.$$.dirty&&i(7,a=a||void 0)},l=p(l),[t,o,s,n,function(e){let l=["mc-fileuploader__file"];return!function(e){const l=!r||c(e.name),i=u(e.size);if(!l||!i)return!1;return!0}(e)||e.errorType?l.push("mc-fileuploader__file--is-invalid"):l.push("mc-fileuploader__file--is-valid"),l.join(" ")},h,l,a,r,e=>h(e)]}class C extends e{constructor(e){super();const t=document.createElement("style");t.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.is-hover,.mc-fileuploader__label:hover{background-color:#ebf5de;color:#006902}.mc-fileuploader__label.is-active,.mc-fileuploader__label:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.is-active,.mc-fileuploader__label:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label:disabled,.mc-fileuploader__label.is-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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23188803' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus+.mc-fileuploader__label,: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}.is-hover+.mc-fileuploader__label,:hover+.mc-fileuploader__label{color:#006902;background-color:#ebf5de}.is-disabled+.mc-fileuploader__label,:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled+.mc-fileuploader__label::before,:disabled+.mc-fileuploader__label::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}.mc-fileuploader__files{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file{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:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name{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{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 .mc-fileuploader__file-icon{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2346a610' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 1 1-8 8 8 8 0 0 1 8-8m0-2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z'/%3E%3Cpath d='M10.59 16.12a1 1 0 0 1-.68-.26l-3.84-3.55a1 1 0 0 1 1.36-1.47l3.13 2.89L16 8.17a1 1 0 0 1 1.43 1.41l-6.13 6.25a1 1 0 0 1-.71.29z'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid .mc-fileuploader__file-icon{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23c61112' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z'/%3E%3Cpath d='M12 7a1 1 0 0 0-1 1v4.38a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid .mc-fileuploader__file-message{font-size:0.875rem;line-height:1.2857142857;background:#ffffff;color:#c61112;-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:0.25rem}.mc-fileuploader__delete{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete::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::after{content:\"\";width:1.5rem;height:1.5rem;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='M18.08 8a1 1 0 0 0-1.08.92L16.08 20H7.92L7 8.92a1 1 0 1 0-2 .16l1 12A1 1 0 0 0 7 22h10a1 1 0 0 0 1-.92l1-12A1 1 0 0 0 18.08 8z'/%3E%3Cpath d='M19 5h-3.77l-.65-2.27a1 1 0 0 0-1-.73h-3.2a1 1 0 0 0-1 .73L8.77 5H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zm-8.62-2h3.24l.57 2H9.81zM12.5 18v-8a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0zM14.25 18.5a.5.5 0 0 0 .5-.47l.5-8a.5.5 0 0 0-.47-.53.49.49 0 0 0-.53.47l-.5 8a.5.5 0 0 0 .47.53zM9.75 18.5a.5.5 0 0 0 .47-.53l-.5-8a.49.49 0 0 0-.53-.47.5.5 0 0 0-.47.53l.5 8a.5.5 0 0 0 .53.47z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete:focus{outline:none}.mc-fileuploader__delete: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}",this.shadowRoot.appendChild(t),l(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},y,z,o,{allowedExtensions:8,maxSize:7,disabled:1,files:0,removelabel:2,errorLabels:3},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["allowedExtensions","maxSize","disabled","files","removelabel","errorLabels"]}get allowedExtensions(){return this.$$.ctx[8]}set allowedExtensions(e){this.$$set({allowedExtensions:e}),a()}get maxSize(){return this.$$.ctx[7]}set maxSize(e){this.$$set({maxSize:e}),a()}get disabled(){return this.$$.ctx[1]}set disabled(e){this.$$set({disabled:e}),a()}get files(){return this.$$.ctx[0]}set files(e){this.$$set({files:e}),a()}get removelabel(){return this.$$.ctx[2]}set removelabel(e){this.$$set({removelabel:e}),a()}get errorLabels(){return this.$$.ctx[3]}set errorLabels(e){this.$$set({errorLabels:e}),a()}}export{C as default};
 //# sourceMappingURL=fileuploader-result.js.map

package/public/components/fileuploader/fileuploader-result.nested.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{E as e,i as l,s as i,F as t,e as a,g as r,b as o,n as s,o as n,O as d,q as c,r as u,c as f,u as m,t as p,d as b,j as v,l as g,k as h}from"../../index-9ffad6d0.js";import{E as w}from"../../EventHandler-f7ee47ca.js";function x(e){t(e,"svelte-10140ui",".mc-fileuploader.svelte-10140ui.svelte-10140ui{position:relative;display:block}.mc-fileuploader__input.svelte-10140ui.svelte-10140ui{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-10140ui.svelte-10140ui{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-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:hover{background-color:#ebf5de;color:#006902}.mc-fileuploader__label.is-active.svelte-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.is-active.svelte-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:disabled,.mc-fileuploader__label.is-disabled.svelte-10140ui.svelte-10140ui{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label.svelte-10140ui.svelte-10140ui::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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23188803' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus.svelte-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:focus+.mc-fileuploader__label.svelte-10140ui{-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-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:hover+.mc-fileuploader__label.svelte-10140ui{color:#006902;background-color:#ebf5de}.is-disabled.svelte-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:disabled+.mc-fileuploader__label.svelte-10140ui{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled.svelte-10140ui+.mc-fileuploader__label.svelte-10140ui::before,.svelte-10140ui:disabled+.mc-fileuploader__label.svelte-10140ui::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}.mc-fileuploader__files.svelte-10140ui.svelte-10140ui{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file.svelte-10140ui.svelte-10140ui{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-10140ui.svelte-10140ui:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name.svelte-10140ui.svelte-10140ui{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-10140ui.svelte-10140ui{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-10140ui .mc-fileuploader__file-icon.svelte-10140ui{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2346a610' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 1 1-8 8 8 8 0 0 1 8-8m0-2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z'/%3E%3Cpath d='M10.59 16.12a1 1 0 0 1-.68-.26l-3.84-3.55a1 1 0 0 1 1.36-1.47l3.13 2.89L16 8.17a1 1 0 0 1 1.43 1.41l-6.13 6.25a1 1 0 0 1-.71.29z'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid.svelte-10140ui .mc-fileuploader__file-icon.svelte-10140ui{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23c61112' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z'/%3E%3Cpath d='M12 7a1 1 0 0 0-1 1v4.38a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid.svelte-10140ui .mc-fileuploader__file-message.svelte-10140ui{font-size:0.875rem;line-height:1.2857142857;background:#ffffff;color:#c61112;-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:0.25rem}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui::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-10140ui.svelte-10140ui::after{content:\"\";width:1.5rem;height:1.5rem;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='M18.08 8a1 1 0 0 0-1.08.92L16.08 20H7.92L7 8.92a1 1 0 1 0-2 .16l1 12A1 1 0 0 0 7 22h10a1 1 0 0 0 1-.92l1-12A1 1 0 0 0 18.08 8z'/%3E%3Cpath d='M19 5h-3.77l-.65-2.27a1 1 0 0 0-1-.73h-3.2a1 1 0 0 0-1 .73L8.77 5H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zm-8.62-2h3.24l.57 2H9.81zM12.5 18v-8a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0zM14.25 18.5a.5.5 0 0 0 .5-.47l.5-8a.5.5 0 0 0-.47-.53.49.49 0 0 0-.53.47l-.5 8a.5.5 0 0 0 .47.53zM9.75 18.5a.5.5 0 0 0 .47-.53l-.5-8a.49.49 0 0 0-.53-.47.5.5 0 0 0-.47.53l.5 8a.5.5 0 0 0 .53.47z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui:focus{outline:none}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui: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 _(e,l,i){const t=e.slice();return t[15]=l[i],t[17]=i,t}function k(e){let l,i,t=e[3][e[15].errorType]+"";return{c(){l=a("div"),i=p(t),r(l,"class","mc-fileuploader__file-message svelte-10140ui")},m(e,t){o(e,l,t),v(l,i)},p(e,l){9&l&&t!==(t=e[3][e[15].errorType]+"")&&h(i,t)},d(e){e&&n(l)}}}function y(e){let l,i,t,s,d,c,u,f,m,w,x,_,y=e[15].name+"";function E(){return e[9](e[15])}let C=e[15].errorType&&k(e);return{c(){l=a("li"),i=a("span"),t=p(y),s=b(),d=a("span"),d.textContent=" ",c=b(),u=a("button"),f=b(),C&&C.c(),m=b(),r(i,"class","mc-fileuploader__file-name svelte-10140ui"),r(d,"class","mc-fileuploader__file-icon svelte-10140ui"),r(u,"type","button"),r(u,"class","mc-fileuploader__delete svelte-10140ui"),r(u,"aria-label",e[2]),u.disabled=e[1],r(l,"id",`file-${e[17]}`),r(l,"class",w=e[4](e[15])+" "+e[6].class+" svelte-10140ui")},m(e,a){o(e,l,a),v(l,i),v(i,t),v(l,s),v(l,d),v(l,c),v(l,u),v(l,f),C&&C.m(l,null),v(l,m),x||(_=g(u,"click",E),x=!0)},p(i,a){e=i,1&a&&y!==(y=e[15].name+"")&&h(t,y),4&a&&r(u,"aria-label",e[2]),2&a&&(u.disabled=e[1]),e[15].errorType?C?C.p(e,a):(C=k(e),C.c(),C.m(l,m)):C&&(C.d(1),C=null),65&a&&w!==(w=e[4](e[15])+" "+e[6].class+" svelte-10140ui")&&r(l,"class",w)},d(e){e&&n(l),C&&C.d(),x=!1,_()}}}function E(e){let l,i=e[0],t=[];for(let l=0;l<i.length;l+=1)t[l]=y(_(e,i,l));return{c(){l=a("ul");for(let e=0;e<t.length;e+=1)t[e].c();r(l,"id","file_uploaded"),r(l,"class","mc-fileuploader__files svelte-10140ui")},m(e,i){o(e,l,i);for(let e=0;e<t.length;e+=1)t[e]&&t[e].m(l,null)},p(e,[a]){if(127&a){let r;for(i=e[0],r=0;r<i.length;r+=1){const o=_(e,i,r);t[r]?t[r].p(o,a):(t[r]=y(o),t[r].c(),t[r].m(l,null))}for(;r<t.length;r+=1)t[r].d(1);t.length=i.length}},i:s,o:s,d(e){e&&n(l),d(t,e)}}}function C(e,l,i){let{allowedExtensions:t}=l,{maxSize:a}=l,{disabled:r=!1}=l,{files:o}=l,{removelabel:s="Remove"}=l,{errorLabels:n}=l,d=new w(c(),u());function p(e){if(t&&t.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(t&&!t.includes(String(l)))return!1}return!0}function b(e){return!(a&&e/1024/1024>a)}function v(e){d.dispatch("file-removed",e)}return e.$$set=e=>{i(6,l=f(f({},l),m(e))),"allowedExtensions"in e&&i(8,t=e.allowedExtensions),"maxSize"in e&&i(7,a=e.maxSize),"disabled"in e&&i(1,r=e.disabled),"files"in e&&i(0,o=e.files),"removelabel"in e&&i(2,s=e.removelabel),"errorLabels"in e&&i(3,n=e.errorLabels)},e.$$.update=()=>{1&e.$$.dirty&&i(0,o=o?function(e){let l=[...e];return l.forEach(((e,l)=>{const i=p(e.name),t=b(e.size);let a="";i||(a="invalid-extension"),t||(a="invalid-size"),e.errorType&&(a=e.errorType),i&&t&&!e.errorType||(e.errorType=a)})),l}(o):[]),128&e.$$.dirty&&i(7,a=a||void 0)},l=m(l),[o,r,s,n,function(e){let l=["mc-fileuploader__file"];return!function(e){const l=!t||p(e.name),i=b(e.size);if(!l||!i)return!1;return!0}(e)||e.errorType?l.push("mc-fileuploader__file--is-invalid"):l.push("mc-fileuploader__file--is-valid"),l.join(" ")},v,l,a,t,e=>v(e)]}class z extends e{constructor(e){super(),l(this,e,C,E,i,{allowedExtensions:8,maxSize:7,disabled:1,files:0,removelabel:2,errorLabels:3},x)}}export{z as default};
+import{G as e,i as l,s as i,H as t,e as a,h as r,b as o,n as s,q as n,Q as c,v as d,w as u,c as f,x as m,t as p,d as b,l as v,m as g,o as h}from"../../index-d12e76e8.js";import{E as w}from"../../EventHandler-f7ee47ca.js";function x(e){t(e,"svelte-10140ui",".mc-fileuploader.svelte-10140ui.svelte-10140ui{position:relative;display:block}.mc-fileuploader__input.svelte-10140ui.svelte-10140ui{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-10140ui.svelte-10140ui{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-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:hover{background-color:#ebf5de;color:#006902}.mc-fileuploader__label.is-active.svelte-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.is-active.svelte-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:disabled,.mc-fileuploader__label.is-disabled.svelte-10140ui.svelte-10140ui{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label.svelte-10140ui.svelte-10140ui::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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23188803' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus.svelte-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:focus+.mc-fileuploader__label.svelte-10140ui{-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-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:hover+.mc-fileuploader__label.svelte-10140ui{color:#006902;background-color:#ebf5de}.is-disabled.svelte-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:disabled+.mc-fileuploader__label.svelte-10140ui{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled.svelte-10140ui+.mc-fileuploader__label.svelte-10140ui::before,.svelte-10140ui:disabled+.mc-fileuploader__label.svelte-10140ui::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}.mc-fileuploader__files.svelte-10140ui.svelte-10140ui{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file.svelte-10140ui.svelte-10140ui{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-10140ui.svelte-10140ui:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name.svelte-10140ui.svelte-10140ui{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-10140ui.svelte-10140ui{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-10140ui .mc-fileuploader__file-icon.svelte-10140ui{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2346a610' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 1 1-8 8 8 8 0 0 1 8-8m0-2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z'/%3E%3Cpath d='M10.59 16.12a1 1 0 0 1-.68-.26l-3.84-3.55a1 1 0 0 1 1.36-1.47l3.13 2.89L16 8.17a1 1 0 0 1 1.43 1.41l-6.13 6.25a1 1 0 0 1-.71.29z'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid.svelte-10140ui .mc-fileuploader__file-icon.svelte-10140ui{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23c61112' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z'/%3E%3Cpath d='M12 7a1 1 0 0 0-1 1v4.38a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid.svelte-10140ui .mc-fileuploader__file-message.svelte-10140ui{font-size:0.875rem;line-height:1.2857142857;background:#ffffff;color:#c61112;-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:0.25rem}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui::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-10140ui.svelte-10140ui::after{content:\"\";width:1.5rem;height:1.5rem;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='M18.08 8a1 1 0 0 0-1.08.92L16.08 20H7.92L7 8.92a1 1 0 1 0-2 .16l1 12A1 1 0 0 0 7 22h10a1 1 0 0 0 1-.92l1-12A1 1 0 0 0 18.08 8z'/%3E%3Cpath d='M19 5h-3.77l-.65-2.27a1 1 0 0 0-1-.73h-3.2a1 1 0 0 0-1 .73L8.77 5H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zm-8.62-2h3.24l.57 2H9.81zM12.5 18v-8a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0zM14.25 18.5a.5.5 0 0 0 .5-.47l.5-8a.5.5 0 0 0-.47-.53.49.49 0 0 0-.53.47l-.5 8a.5.5 0 0 0 .47.53zM9.75 18.5a.5.5 0 0 0 .47-.53l-.5-8a.49.49 0 0 0-.53-.47.5.5 0 0 0-.47.53l.5 8a.5.5 0 0 0 .53.47z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui:focus{outline:none}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui: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 _(e,l,i){const t=e.slice();return t[15]=l[i],t[17]=i,t}function k(e){let l,i,t=e[3][e[15].errorType]+"";return{c(){l=a("div"),i=p(t),r(l,"class","mc-fileuploader__file-message svelte-10140ui")},m(e,t){o(e,l,t),v(l,i)},p(e,l){9&l&&t!==(t=e[3][e[15].errorType]+"")&&h(i,t)},d(e){e&&n(l)}}}function y(e){let l,i,t,s,c,d,u,f,m,w,x,_,y=e[15].name+"";function C(){return e[9](e[15])}let E=e[15].errorType&&k(e);return{c(){l=a("li"),i=a("span"),t=p(y),s=b(),c=a("span"),c.textContent=" ",d=b(),u=a("button"),f=b(),E&&E.c(),m=b(),r(i,"class","mc-fileuploader__file-name svelte-10140ui"),r(c,"class","mc-fileuploader__file-icon svelte-10140ui"),r(u,"type","button"),r(u,"class","mc-fileuploader__delete svelte-10140ui"),r(u,"aria-label",e[2]),u.disabled=e[1],r(l,"id",`file-${e[17]}`),r(l,"class",w=e[4](e[15])+" "+e[6].class+" svelte-10140ui")},m(e,a){o(e,l,a),v(l,i),v(i,t),v(l,s),v(l,c),v(l,d),v(l,u),v(l,f),E&&E.m(l,null),v(l,m),x||(_=g(u,"click",C),x=!0)},p(i,a){e=i,1&a&&y!==(y=e[15].name+"")&&h(t,y),4&a&&r(u,"aria-label",e[2]),2&a&&(u.disabled=e[1]),e[15].errorType?E?E.p(e,a):(E=k(e),E.c(),E.m(l,m)):E&&(E.d(1),E=null),65&a&&w!==(w=e[4](e[15])+" "+e[6].class+" svelte-10140ui")&&r(l,"class",w)},d(e){e&&n(l),E&&E.d(),x=!1,_()}}}function C(e){let l,i=e[0],t=[];for(let l=0;l<i.length;l+=1)t[l]=y(_(e,i,l));return{c(){l=a("ul");for(let e=0;e<t.length;e+=1)t[e].c();r(l,"id","file_uploaded"),r(l,"class","mc-fileuploader__files svelte-10140ui")},m(e,i){o(e,l,i);for(let e=0;e<t.length;e+=1)t[e]&&t[e].m(l,null)},p(e,[a]){if(127&a){let r;for(i=e[0],r=0;r<i.length;r+=1){const o=_(e,i,r);t[r]?t[r].p(o,a):(t[r]=y(o),t[r].c(),t[r].m(l,null))}for(;r<t.length;r+=1)t[r].d(1);t.length=i.length}},i:s,o:s,d(e){e&&n(l),c(t,e)}}}function E(e,l,i){let{allowedExtensions:t}=l,{maxSize:a}=l,{disabled:r=!1}=l,{files:o}=l,{removelabel:s="Remove"}=l,{errorLabels:n}=l,c=new w(d(),u());function p(e){if(t&&t.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(t&&!t.includes(String(l)))return!1}return!0}function b(e){return!(a&&e/1024/1024>a)}function v(e){c.dispatch("file-removed",e)}return e.$$set=e=>{i(6,l=f(f({},l),m(e))),"allowedExtensions"in e&&i(8,t=e.allowedExtensions),"maxSize"in e&&i(7,a=e.maxSize),"disabled"in e&&i(1,r=e.disabled),"files"in e&&i(0,o=e.files),"removelabel"in e&&i(2,s=e.removelabel),"errorLabels"in e&&i(3,n=e.errorLabels)},e.$$.update=()=>{1&e.$$.dirty&&i(0,o=o?function(e){let l=[...e];return l.forEach(((e,l)=>{const i=p(e.name),t=b(e.size);let a="";i||(a="invalid-extension"),t||(a="invalid-size"),e.errorType&&(a=e.errorType),i&&t&&!e.errorType||(e.errorType=a)})),l}(o):[]),128&e.$$.dirty&&i(7,a=a||void 0)},l=m(l),[o,r,s,n,function(e){let l=["mc-fileuploader__file"];return!function(e){const l=!t||p(e.name),i=b(e.size);if(!l||!i)return!1;return!0}(e)||e.errorType?l.push("mc-fileuploader__file--is-invalid"):l.push("mc-fileuploader__file--is-valid"),l.join(" ")},v,l,a,t,e=>v(e)]}class z extends e{constructor(e){super(),l(this,e,E,C,i,{allowedExtensions:8,maxSize:7,disabled:1,files:0,removelabel:2,errorLabels:3},x)}}export{z as default};
 //# sourceMappingURL=fileuploader-result.nested.js.map

package/public/components/flag/Flag.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as r,a as o,b as l,f,s as a,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,u as _}from"../../index-9ffad6d0.js";function p(e){let r,o,f,a,u=[{class:a=$(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"),f=s(e[1]),this.c=d,n(o,"class","mc-flag__label"),b(r,_)},m(e,a){l(e,r,a),i(r,o),i(o,f)},p(e,[o]){2&o&&g(f,e[1]),b(r,_=m(u,[21&o&&a!==(a=$(e[2],e[0])+" "+e[4])&&{class:a},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,f;const a=["bordered","label","theme"];let c=u(r,a),{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,a)),"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,f=Object.assign({},c)),8&e.$$.dirty&&delete f.class},r=_(r),[s,d,n,f,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,a,{bordered:0,label:1,theme:2},null),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),f()))}static get observedAttributes(){return["bordered","label","theme"]}get bordered(){return this.$$.ctx[0]}set bordered(e){this.$$set({bordered:e}),f()}get label(){return this.$$.ctx[1]}set label(e){this.$$set({label:e}),f()}get theme(){return this.$$.ctx[2]}set theme(e){this.$$set({theme:e}),f()}}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,h as n,j as b,l as i,o as g,p as m,q as h,r as u,x as _}from"../../index-d12e76e8.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/flag/Flag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Flag.js","sources":["../../../src/components/flag/Flag.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { FlagTheme } from './flag.types';\n\n export let bordered = false;\n export let label: string;\n export let theme: FlagTheme;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function getAppearanceClass(theme: FlagTheme, isBordered: boolean): string {\n if (!isBordered && !theme) {\n return '';\n }\n\n const type = isBordered ? 'bordered' : 'solid';\n\n if (theme) {\n return `mc-flag--${type}-${theme}`;\n }\n return `mc-flag--${type}`;\n }\n\n function setClasses(theme: FlagTheme, isBordered: boolean) {\n const classes = ['mc-flag'];\n\n const appearanceClass = getAppearanceClass(theme, isBordered);\n if (appearanceClass) {\n classes.push(appearanceClass);\n }\n\n return classes.join(' ');\n }\n</script>\n\n<div class=\"{setClasses(theme, bordered)} {userClass}\" {...attributes}>\n <span class=\"mc-flag__label\">{label}</span>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.flag';\n</style>\n"],"names":["class","div_class_value","setClasses","ctx","insert","target","div","anchor","append","span","dirty","theme","isBordered","classes","appearanceClass","type","getAppearanceClass","push","join","bordered","$$props","label","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"~~uLAqCaA~~,MAAAC,EAAAC,EAAWC,EAAO,GAAAA,UAAYA,EAAS,IAAOA,EAAU,uFACrCA,EAAK,0DADrCC,EAEKC,EAAAC,EAAAC,GADHC,EAA0CF,EAAAG,6BAAZN,EAAK,eADxB,GAAAO,GAAAT,KAAAA,EAAAC,EAAWC,EAAO,GAAAA,UAAYA,EAAS,KAAA,CAAAH,MAAAC,QAAOE,EAAU,uCAZ1DD,EAAWS,EAAkBC,GAC9B,MAAAC,GAAW,WAEXC,WAhBoBH,EAAkBC,GACvC,IAAAA,IAAeD,QACX,GAGH,MAAAI,EAAOH,EAAa,WAAa,eAEnCD,EACiB,YAAAI,KAAQJ,gBAEVI,IAMKC,CAAmBL,EAAOC,UAC9CE,GACFD,EAAQI,KAAKH,GAGRD,EAAQK,KAAK,kFA5BXC,SAAAA,GAAW,GAAKC,SAChBC,GAAaD,SACbT,GAAgBS,sKACxBE,EAAA,EAAAC,EAAYH,EAAQpB,WACpBwB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWxB"}
1	+ {"version":3,"file":"Flag.js","sources":["../../../src/components/flag/Flag.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { FlagTheme } from './flag.types';\n\n export let bordered = false;\n export let label: string;\n export let theme: FlagTheme;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function getAppearanceClass(theme: FlagTheme, isBordered: boolean): string {\n if (!isBordered && !theme) {\n return '';\n }\n\n const type = isBordered ? 'bordered' : 'solid';\n\n if (theme) {\n return `mc-flag--${type}-${theme}`;\n }\n return `mc-flag--${type}`;\n }\n\n function setClasses(theme: FlagTheme, isBordered: boolean) {\n const classes = ['mc-flag'];\n\n const appearanceClass = getAppearanceClass(theme, isBordered);\n if (appearanceClass) {\n classes.push(appearanceClass);\n }\n\n return classes.join(' ');\n }\n</script>\n\n<div class=\"{setClasses(theme, bordered)} {userClass}\" {...attributes}>\n <span class=\"mc-flag__label\">{label}</span>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.flag';\n</style>\n"],"names":["class","div_class_value","setClasses","ctx","insert","target","div","anchor","append","span","dirty","theme","isBordered","classes","appearanceClass","type","getAppearanceClass","push","join","bordered","$$props","label","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"iMAqCaA,MAAAC,EAAAC,EAAWC,EAAO,GAAAA,UAAYA,EAAS,IAAOA,EAAU,uFACrCA,EAAK,0DADrCC,EAEKC,EAAAC,EAAAC,GADHC,EAA0CF,EAAAG,6BAAZN,EAAK,eADxB,GAAAO,GAAAT,KAAAA,EAAAC,EAAWC,EAAO,GAAAA,UAAYA,EAAS,KAAA,CAAAH,MAAAC,QAAOE,EAAU,uCAZ1DD,EAAWS,EAAkBC,GAC9B,MAAAC,GAAW,WAEXC,WAhBoBH,EAAkBC,GACvC,IAAAA,IAAeD,QACX,GAGH,MAAAI,EAAOH,EAAa,WAAa,eAEnCD,EACiB,YAAAI,KAAQJ,gBAEVI,IAMKC,CAAmBL,EAAOC,UAC9CE,GACFD,EAAQI,KAAKH,GAGRD,EAAQK,KAAK,kFA5BXC,SAAAA,GAAW,GAAKC,SAChBC,GAAaD,SACbT,GAAgBS,sKACxBE,EAAA,EAAAC,EAAYH,EAAQpB,WACpBwB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWxB"}

package/public/components/header/Header.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a,_ as r,b as i,f as s,s as n,c as d,e as l,d as o,t as c,n as m,g as h,h as b,v as g,j as p,y as u,w as _,x as f,k as x,m as $,o as w,p as y,a0 as k,q as v,r as z,u as j,B as H,C as T,D as N,l as O,z as S,H as B}from"../../index-9ffad6d0.js";import{E as J}from"../../EventHandler-f7ee47ca.js";import E from"../breadcrumb/Breadcrumb.nested.js";import L from"../tabs/Tabs.nested.js";import M from"../badge/Badge.nested.js";function C(e){let t,a,r;return a=new E({props:{items:JSON.stringify(e[17]),nopadding:e[6]}}),a.$on("link-clicked",e[26]),{c(){t=l("div"),H(a.$$.fragment),h(t,"class","mc-header__breadcrumb")},m(e,s){i(e,t,s),T(a,t,null),r=!0},p(e,t){const r={};131072&t[0]&&(r.items=JSON.stringify(e[17])),64&t[0]&&(r.nopadding=e[6]),a.$set(r)},i(e){r||(u(a.$$.fragment,e),r=!0)},o(e){_(a.$$.fragment,e),r=!1},d(e){e&&w(t),N(a)}}}function R(e){let t,a,r,s,n,d=(e[15]?.back||"Back")+"";return{c(){t=l("button"),a=l("span"),r=c(d),h(a,"class","mc-header__back__label"),h(t,"class","mc-header__back")},m(d,l){i(d,t,l),p(t,a),p(a,r),s||(n=O(t,"click",e[19]),s=!0)},p(e,t){32768&t[0]&&d!==(d=(e[15]?.back||"Back")+"")&&x(r,d)},d(e){e&&w(t),s=!1,n()}}}function q(e){let t,a;return{c(){t=l("div"),a=c(e[1]),h(t,"class","mc-header__heading__subtitle")},m(e,r){i(e,t,r),p(t,a)},p(e,t){2&t[0]&&x(a,e[1])},d(e){e&&w(t)}}}function A(e){let t,a,r;return a=new M({props:{label:e[3],type:e[4]}}),{c(){t=l("div"),H(a.$$.fragment),h(t,"class","mc-header__heading__status")},m(e,s){i(e,t,s),T(a,t,null),r=!0},p(e,t){const r={};8&t[0]&&(r.label=e[3]),16&t[0]&&(r.type=e[4]),a.$set(r)},i(e){r||(u(a.$$.fragment,e),r=!0)},o(e){_(a.$$.fragment,e),r=!1},d(e){e&&w(t),N(a)}}}function D(e){let t,a,r=(e[20]?.icons||e[7])&&F(),s=(e[20]?.selector||e[8])&&G(e);return{c(){t=l("div"),r&&r.c(),a=o(),s&&s.c(),h(t,"class","mc-header__right")},m(e,n){i(e,t,n),r&&r.m(t,null),p(t,a),s&&s.m(t,null)},p(e,i){e[20]?.icons||e[7]?r||(r=F(),r.c(),r.m(t,a)):r&&(r.d(1),r=null),e[20]?.selector||e[8]?s?s.p(e,i):(s=G(e),s.c(),s.m(t,null)):s&&(s.d(1),s=null)},d(e){e&&w(t),r&&r.d(),s&&s.d()}}}function F(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="icons"></slot>',h(t,"class","mc-header__icons")},m(e,a){i(e,t,a)},d(e){e&&w(t)}}}function G(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="selector"></slot>',h(t,"class","mc-header__selector"),g(t,"mc-header__selector--show-separator",(e[20]?.icons||e[7])&&(e[20]?.selector||e[8]))},m(e,a){i(e,t,a)},p(e,a){1048960&a[0]&&g(t,"mc-header__selector--show-separator",(e[20]?.icons||e[7])&&(e[20]?.selector||e[8]))},d(e){e&&w(t)}}}function I(e){let t,a,r;return a=new L({props:{tabs:JSON.stringify(e[16]),stateless:!1,selectedtab:void 0,nodivider:!0}}),a.$on("tab-clicked",e[27]),{c(){t=l("div"),H(a.$$.fragment),h(t,"class","mc-header__tabs")},m(e,s){i(e,t,s),T(a,t,null),r=!0},p(e,t){const r={};65536&t[0]&&(r.tabs=JSON.stringify(e[16])),a.$set(r)},i(e){r||(u(a.$$.fragment,e),r=!0)},o(e){_(a.$$.fragment,e),r=!1},d(e){e&&w(t),N(a)}}}function K(e){let t,a,r,s,n,y,k,v,z,j,H,T,N,O=e[5]&&C(e),B=e[14]&&R(e),J=e[1]&&q(e),E=e[3]&&A(e),L=!e[9]&&D(e),M=e[16]&&e[16].length>0&&I(e),F=[{class:T="mc-header "+(e[2]?`mc-header--${e[2]}`:"")},e[10]],G={};for(let e=0;e<F.length;e+=1)G=d(G,F[e]);return{c(){t=l("div"),a=l("div"),O&&O.c(),r=o(),B&&B.c(),s=o(),n=l("div"),y=l("h1"),k=c(e[0]),v=o(),J&&J.c(),z=o(),E&&E.c(),j=o(),L&&L.c(),H=o(),M&&M.c(),this.c=m,h(y,"class","mc-header__heading__title"),h(n,"class","mc-header__heading"),h(a,"class","mc-header__left"),b(t,G),g(t,"mc-header--no-shadow",e[13]),g(t,"mc-header--animate",e[11])},m(d,l){i(d,t,l),p(t,a),O&&O.m(a,null),p(a,r),B&&B.m(a,null),p(a,s),p(a,n),p(n,y),p(y,k),p(n,v),J&&J.m(n,null),p(n,z),E&&E.m(n,null),p(t,j),L&&L.m(t,null),p(t,H),M&&M.m(t,null),e[28](t),N=!0},p(e,i){e[5]?O?(O.p(e,i),32&i[0]&&u(O,1)):(O=C(e),O.c(),u(O,1),O.m(a,r)):O&&(S(),_(O,1,1,(()=>{O=null})),f()),e[14]?B?B.p(e,i):(B=R(e),B.c(),B.m(a,s)):B&&(B.d(1),B=null),(!N||1&i[0])&&x(k,e[0]),e[1]?J?J.p(e,i):(J=q(e),J.c(),J.m(n,z)):J&&(J.d(1),J=null),e[3]?E?(E.p(e,i),8&i[0]&&u(E,1)):(E=A(e),E.c(),u(E,1),E.m(n,null)):E&&(S(),_(E,1,1,(()=>{E=null})),f()),e[9]?L&&(L.d(1),L=null):L?L.p(e,i):(L=D(e),L.c(),L.m(t,H)),e[16]&&e[16].length>0?M?(M.p(e,i),65536&i[0]&&u(M,1)):(M=I(e),M.c(),u(M,1),M.m(t,null)):M&&(S(),_(M,1,1,(()=>{M=null})),f()),b(t,G=$(F,[(!N||4&i[0]&&T!==(T="mc-header "+(e[2]?`mc-header--${e[2]}`:"")))&&{class:T},1024&i[0]&&e[10]])),g(t,"mc-header--no-shadow",e[13]),g(t,"mc-header--animate",e[11])},i(e){N||(u(O),u(E),u(M),N=!0)},o(e){_(O),_(E),_(M),N=!1},d(a){a&&w(t),O&&O.d(),B&&B.d(),J&&J.d(),E&&E.d(),L&&L.d(),M&&M.d(),e[28](null)}}}function P(e,t,a){let r,i,s,n,l,o;const c=["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions"];let m=y(t,c),{$$slots:h={},$$scope:b}=t;const g=k(h);let p,u,{title:_}=t,{subtitle:f}=t,{size:x="m"}=t,{status:$}=t,{statustype:w}=t,{back:H}=t,{breadcrumb:T}=t,{tabs:N}=t,{noshadow:O}=t,{a11ylabels:S}=t,{scrollcontainer:E}=t,{nopaddingbreadcrumb:L}=t,{hasicons:M}=t,{hasselector:C}=t,{hideoptions:R=!1}=t,q=new J(v(),z()),A=0;function D(){const e=E.scrollTop,t=Number(u.style.marginTop.replace("px",""));A>e?e<u.offsetHeight?a(12,u.style.marginTop=`${Math.max(-e,t)}px`,u):a(12,u.style.marginTop="0",u):e<u.offsetHeight?(a(12,u.style.transition="none",u),a(12,u.style.marginTop=-e+"px",u)):(a(12,u.style.transition="margin-top ease-out 0.4s",u),a(12,u.style.marginTop=-u.offsetHeight-5+"px",u)),A=e}return e.$$set=e=>{t=d(d({},t),j(e)),a(32,m=y(t,c)),"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(21,H=e.back),"breadcrumb"in e&&a(5,T=e.breadcrumb),"tabs"in e&&a(22,N=e.tabs),"noshadow"in e&&a(23,O=e.noshadow),"a11ylabels"in e&&a(24,S=e.a11ylabels),"scrollcontainer"in e&&a(25,E=e.scrollcontainer),"nopaddingbreadcrumb"in e&&a(6,L=e.nopaddingbreadcrumb),"hasicons"in e&&a(7,M=e.hasicons),"hasselector"in e&&a(8,C=e.hasselector),"hideoptions"in e&&a(9,R=e.hideoptions)},e.$$.update=()=>{32&e.$$.dirty[0]&&a(17,r="string"==typeof T?JSON.parse(T):T),4194304&e.$$.dirty[0]&&a(16,i="string"==typeof N?JSON.parse(N):N),16777216&e.$$.dirty[0]&&a(15,s="string"==typeof S?JSON.parse(S):S),2097152&e.$$.dirty[0]&&a(14,n=H&&"false"!==H),8388608&e.$$.dirty[0]&&a(13,l=O&&"false"!==O),33554432&e.$$.dirty[0]&&(a(11,p=Boolean(E)),function(e){e&&(e.removeEventListener("scroll",D),e.addEventListener("scroll",D))}(E)),a(10,o=Object.assign({},m)),1024&e.$$.dirty[0]&&delete o.class},[_,f,x,$,w,T,L,M,C,R,o,p,u,l,n,s,i,r,q,function(){q.dispatch("on-back-click",{})},g,H,N,O,S,E,e=>q.dispatch("link-clicked",e.detail),e=>q.dispatch("tab-clicked",e.detail),function(e){B[e?"unshift":"push"]((()=>{u=e,a(12,u)}))}]}class Q 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(\'<svg xmlns="http://www.w3.org/2000/svg" height="2rem" width="2rem" viewBox="0 0 32 32" fill="#333333"><path d="M28 15H6.41l6.3-6.29a1 1 0 10-1.42-1.42l-8 8a1.15 1.15 0 00-.21.33 1 1 0 000 .76.93.93 0 00.21.33l8 8a1 1 0 001.42 0 1 1 0 000-1.42L6.41 17H28a1 1 0 000-2z"/></svg>\');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:r(this)},customElement:!0},P,K,n,{title:0,subtitle:1,size:2,status:3,statustype:4,back:21,breadcrumb:5,tabs:22,noshadow:23,a11ylabels:24,scrollcontainer:25,nopaddingbreadcrumb:6,hasicons:7,hasselector:8,hideoptions:9},null,[-1,-1]),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),s()}get subtitle(){return this.$$.ctx[1]}set subtitle(e){this.$$set({subtitle:e}),s()}get size(){return this.$$.ctx[2]}set size(e){this.$$set({size:e}),s()}get status(){return this.$$.ctx[3]}set status(e){this.$$set({status:e}),s()}get statustype(){return this.$$.ctx[4]}set statustype(e){this.$$set({statustype:e}),s()}get back(){return this.$$.ctx[21]}set back(e){this.$$set({back:e}),s()}get breadcrumb(){return this.$$.ctx[5]}set breadcrumb(e){this.$$set({breadcrumb:e}),s()}get tabs(){return this.$$.ctx[22]}set tabs(e){this.$$set({tabs:e}),s()}get noshadow(){return this.$$.ctx[23]}set noshadow(e){this.$$set({noshadow:e}),s()}get a11ylabels(){return this.$$.ctx[24]}set a11ylabels(e){this.$$set({a11ylabels:e}),s()}get scrollcontainer(){return this.$$.ctx[25]}set scrollcontainer(e){this.$$set({scrollcontainer:e}),s()}get nopaddingbreadcrumb(){return this.$$.ctx[6]}set nopaddingbreadcrumb(e){this.$$set({nopaddingbreadcrumb:e}),s()}get hasicons(){return this.$$.ctx[7]}set hasicons(e){this.$$set({hasicons:e}),s()}get hasselector(){return this.$$.ctx[8]}set hasselector(e){this.$$set({hasselector:e}),s()}get hideoptions(){return this.$$.ctx[9]}set hideoptions(e){this.$$set({hideoptions:e}),s()}}export{Q as default};
+import{S as e,i as t,a,g as r,b as i,f as s,s as n,c as d,e as l,d as o,t as c,n as m,h,j as b,k as g,l as p,A as u,y as _,z as f,o as x,p as $,q as w,r as y,u as k,v,w as z,x as E,D as j,E as T,F as H,m as J,B as N,J as O}from"../../index-d12e76e8.js";import{E as S}from"../../EventHandler-f7ee47ca.js";import B from"../breadcrumb/Breadcrumb.nested.js";import C from"../tabs/Tabs.nested.js";import L from"../badge/Badge.nested.js";function M(e){let t,a,r;return a=new B({props:{items:JSON.stringify(e[17]),nopadding:e[6]}}),a.$on("link-clicked",e[26]),{c(){t=l("div"),j(a.$$.fragment),h(t,"class","mc-header__breadcrumb")},m(e,s){i(e,t,s),T(a,t,null),r=!0},p(e,t){const r={};131072&t[0]&&(r.items=JSON.stringify(e[17])),64&t[0]&&(r.nopadding=e[6]),a.$set(r)},i(e){r||(u(a.$$.fragment,e),r=!0)},o(e){_(a.$$.fragment,e),r=!1},d(e){e&&w(t),H(a)}}}function A(e){let t,a,r,s,n,d=(e[15]?.back||"Back")+"";return{c(){t=l("button"),a=l("span"),r=c(d),h(a,"class","mc-header__back__label"),h(t,"class","mc-header__back")},m(d,l){i(d,t,l),p(t,a),p(a,r),s||(n=J(t,"click",e[19]),s=!0)},p(e,t){32768&t[0]&&d!==(d=(e[15]?.back||"Back")+"")&&x(r,d)},d(e){e&&w(t),s=!1,n()}}}function R(e){let t,a;return{c(){t=l("div"),a=c(e[1]),h(t,"class","mc-header__heading__subtitle")},m(e,r){i(e,t,r),p(t,a)},p(e,t){2&t[0]&&x(a,e[1])},d(e){e&&w(t)}}}function q(e){let t,a,r;return a=new L({props:{label:e[3],type:e[4]}}),{c(){t=l("div"),j(a.$$.fragment),h(t,"class","mc-header__heading__status")},m(e,s){i(e,t,s),T(a,t,null),r=!0},p(e,t){const r={};8&t[0]&&(r.label=e[3]),16&t[0]&&(r.type=e[4]),a.$set(r)},i(e){r||(u(a.$$.fragment,e),r=!0)},o(e){_(a.$$.fragment,e),r=!1},d(e){e&&w(t),H(a)}}}function D(e){let t,a,r=(e[20]?.icons||e[7])&&F(),s=(e[20]?.selector||e[8])&&G(e);return{c(){t=l("div"),r&&r.c(),a=o(),s&&s.c(),h(t,"class","mc-header__right")},m(e,n){i(e,t,n),r&&r.m(t,null),p(t,a),s&&s.m(t,null)},p(e,i){e[20]?.icons||e[7]?r||(r=F(),r.c(),r.m(t,a)):r&&(r.d(1),r=null),e[20]?.selector||e[8]?s?s.p(e,i):(s=G(e),s.c(),s.m(t,null)):s&&(s.d(1),s=null)},d(e){e&&w(t),r&&r.d(),s&&s.d()}}}function F(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="icons"></slot>',h(t,"class","mc-header__icons")},m(e,a){i(e,t,a)},d(e){e&&w(t)}}}function G(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="selector"></slot>',h(t,"class","mc-header__selector"),g(t,"mc-header__selector--show-separator",(e[20]?.icons||e[7])&&(e[20]?.selector||e[8]))},m(e,a){i(e,t,a)},p(e,a){1048960&a[0]&&g(t,"mc-header__selector--show-separator",(e[20]?.icons||e[7])&&(e[20]?.selector||e[8]))},d(e){e&&w(t)}}}function I(e){let t,a,r;return a=new C({props:{tabs:JSON.stringify(e[16]),stateless:!1,selectedtab:void 0,nodivider:!0}}),a.$on("tab-clicked",e[27]),{c(){t=l("div"),j(a.$$.fragment),h(t,"class","mc-header__tabs")},m(e,s){i(e,t,s),T(a,t,null),r=!0},p(e,t){const r={};65536&t[0]&&(r.tabs=JSON.stringify(e[16])),a.$set(r)},i(e){r||(u(a.$$.fragment,e),r=!0)},o(e){_(a.$$.fragment,e),r=!1},d(e){e&&w(t),H(a)}}}function K(e){let t,a,r,s,n,y,k,v,z,E,j,T,H,J=e[5]&&M(e),O=e[14]&&A(e),S=e[1]&&R(e),B=e[3]&&q(e),C=!e[9]&&D(e),L=e[16]&&e[16].length>0&&I(e),F=[{class:T="mc-header "+(e[2]?`mc-header--${e[2]}`:"")},e[10]],G={};for(let e=0;e<F.length;e+=1)G=d(G,F[e]);return{c(){t=l("div"),a=l("div"),J&&J.c(),r=o(),O&&O.c(),s=o(),n=l("div"),y=l("h1"),k=c(e[0]),v=o(),S&&S.c(),z=o(),B&&B.c(),E=o(),C&&C.c(),j=o(),L&&L.c(),this.c=m,h(y,"class","mc-header__heading__title"),h(n,"class","mc-header__heading"),h(a,"class","mc-header__left"),b(t,G),g(t,"mc-header--no-shadow",e[13]),g(t,"mc-header--animate",e[11])},m(d,l){i(d,t,l),p(t,a),J&&J.m(a,null),p(a,r),O&&O.m(a,null),p(a,s),p(a,n),p(n,y),p(y,k),p(n,v),S&&S.m(n,null),p(n,z),B&&B.m(n,null),p(t,E),C&&C.m(t,null),p(t,j),L&&L.m(t,null),e[28](t),H=!0},p(e,i){e[5]?J?(J.p(e,i),32&i[0]&&u(J,1)):(J=M(e),J.c(),u(J,1),J.m(a,r)):J&&(N(),_(J,1,1,(()=>{J=null})),f()),e[14]?O?O.p(e,i):(O=A(e),O.c(),O.m(a,s)):O&&(O.d(1),O=null),(!H||1&i[0])&&x(k,e[0]),e[1]?S?S.p(e,i):(S=R(e),S.c(),S.m(n,z)):S&&(S.d(1),S=null),e[3]?B?(B.p(e,i),8&i[0]&&u(B,1)):(B=q(e),B.c(),u(B,1),B.m(n,null)):B&&(N(),_(B,1,1,(()=>{B=null})),f()),e[9]?C&&(C.d(1),C=null):C?C.p(e,i):(C=D(e),C.c(),C.m(t,j)),e[16]&&e[16].length>0?L?(L.p(e,i),65536&i[0]&&u(L,1)):(L=I(e),L.c(),u(L,1),L.m(t,null)):L&&(N(),_(L,1,1,(()=>{L=null})),f()),b(t,G=$(F,[(!H||4&i[0]&&T!==(T="mc-header "+(e[2]?`mc-header--${e[2]}`:"")))&&{class:T},1024&i[0]&&e[10]])),g(t,"mc-header--no-shadow",e[13]),g(t,"mc-header--animate",e[11])},i(e){H||(u(J),u(B),u(L),H=!0)},o(e){_(J),_(B),_(L),H=!1},d(a){a&&w(t),J&&J.d(),O&&O.d(),S&&S.d(),B&&B.d(),C&&C.d(),L&&L.d(),e[28](null)}}}function P(e,t,a){let r,i,s,n,l,o;const c=["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions"];let m=y(t,c),{$$slots:h={},$$scope:b}=t;const g=k(h);let p,u,{title:_}=t,{subtitle:f}=t,{size:x="m"}=t,{status:$}=t,{statustype:w}=t,{back:j}=t,{breadcrumb:T}=t,{tabs:H}=t,{noshadow:J}=t,{a11ylabels:N}=t,{scrollcontainer:B}=t,{nopaddingbreadcrumb:C}=t,{hasicons:L}=t,{hasselector:M}=t,{hideoptions:A=!1}=t,R=new S(v(),z()),q=0;function D(){const e=B.scrollTop,t=Number(u.style.marginTop.replace("px",""));q>e?e<u.offsetHeight?a(12,u.style.marginTop=`${Math.max(-e,t)}px`,u):a(12,u.style.marginTop="0",u):e<u.offsetHeight?(a(12,u.style.transition="none",u),a(12,u.style.marginTop=-e+"px",u)):(a(12,u.style.transition="margin-top ease-out 0.4s",u),a(12,u.style.marginTop=-u.offsetHeight-5+"px",u)),q=e}return e.$$set=e=>{t=d(d({},t),E(e)),a(32,m=y(t,c)),"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(21,j=e.back),"breadcrumb"in e&&a(5,T=e.breadcrumb),"tabs"in e&&a(22,H=e.tabs),"noshadow"in e&&a(23,J=e.noshadow),"a11ylabels"in e&&a(24,N=e.a11ylabels),"scrollcontainer"in e&&a(25,B=e.scrollcontainer),"nopaddingbreadcrumb"in e&&a(6,C=e.nopaddingbreadcrumb),"hasicons"in e&&a(7,L=e.hasicons),"hasselector"in e&&a(8,M=e.hasselector),"hideoptions"in e&&a(9,A=e.hideoptions)},e.$$.update=()=>{32&e.$$.dirty[0]&&a(17,r="string"==typeof T?JSON.parse(T):T),4194304&e.$$.dirty[0]&&a(16,i="string"==typeof H?JSON.parse(H):H),16777216&e.$$.dirty[0]&&a(15,s="string"==typeof N?JSON.parse(N):N),2097152&e.$$.dirty[0]&&a(14,n=j&&"false"!==j),8388608&e.$$.dirty[0]&&a(13,l=J&&"false"!==J),33554432&e.$$.dirty[0]&&(a(11,p=Boolean(B)),function(e){e&&(e.removeEventListener("scroll",D),e.addEventListener("scroll",D))}(B)),a(10,o=Object.assign({},m)),1024&e.$$.dirty[0]&&delete o.class},[_,f,x,$,w,T,C,L,M,A,o,p,u,l,n,s,i,r,R,function(){R.dispatch("on-back-click",{})},g,j,H,J,N,B,e=>R.dispatch("link-clicked",e.detail),e=>R.dispatch("tab-clicked",e.detail),function(e){O[e?"unshift":"push"]((()=>{u=e,a(12,u)}))}]}class Q 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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23333333'%3E%3Cpath d='M28 15H6.41l6.3-6.29a1 1 0 10-1.42-1.42l-8 8a1.15 1.15 0 00-.21.33 1 1 0 000 .76.93.93 0 00.21.33l8 8a1 1 0 001.42 0 1 1 0 000-1.42L6.41 17H28a1 1 0 000-2z'/%3E%3C/svg%3E\");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:r(this)},customElement:!0},P,K,n,{title:0,subtitle:1,size:2,status:3,statustype:4,back:21,breadcrumb:5,tabs:22,noshadow:23,a11ylabels:24,scrollcontainer:25,nopaddingbreadcrumb:6,hasicons:7,hasselector:8,hideoptions:9},null,[-1,-1]),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),s()}get subtitle(){return this.$$.ctx[1]}set subtitle(e){this.$$set({subtitle:e}),s()}get size(){return this.$$.ctx[2]}set size(e){this.$$set({size:e}),s()}get status(){return this.$$.ctx[3]}set status(e){this.$$set({status:e}),s()}get statustype(){return this.$$.ctx[4]}set statustype(e){this.$$set({statustype:e}),s()}get back(){return this.$$.ctx[21]}set back(e){this.$$set({back:e}),s()}get breadcrumb(){return this.$$.ctx[5]}set breadcrumb(e){this.$$set({breadcrumb:e}),s()}get tabs(){return this.$$.ctx[22]}set tabs(e){this.$$set({tabs:e}),s()}get noshadow(){return this.$$.ctx[23]}set noshadow(e){this.$$set({noshadow:e}),s()}get a11ylabels(){return this.$$.ctx[24]}set a11ylabels(e){this.$$set({a11ylabels:e}),s()}get scrollcontainer(){return this.$$.ctx[25]}set scrollcontainer(e){this.$$set({scrollcontainer:e}),s()}get nopaddingbreadcrumb(){return this.$$.ctx[6]}set nopaddingbreadcrumb(e){this.$$set({nopaddingbreadcrumb:e}),s()}get hasicons(){return this.$$.ctx[7]}set hasicons(e){this.$$set({hasicons:e}),s()}get hasselector(){return this.$$.ctx[8]}set hasselector(e){this.$$set({hasselector:e}),s()}get hideoptions(){return this.$$.ctx[9]}set hideoptions(e){this.$$set({hideoptions:e}),s()}}export{Q as default};
 //# sourceMappingURL=Header.js.map

package/public/components/header/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.js","sources":["../../../src/components/header/Header.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { EventHandler } from '../../utilities/EventHandler';\n import Breadcrumb from '../breadcrumb/Breadcrumb.nested.svelte';\n import type { BreadcrumbItems } from '../breadcrumb/breadcrumb.types';\n import Tabs from '../tabs/Tabs.nested.svelte';\n import type { TabsItems } from '../tabs/tabs.types';\n import Badge from '../badge/Badge.nested.svelte';\n import type { BadgeType } from '../badge/badge.types';\n import type { A11yLabels, HeaderSize } from './Header.types';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n export let title: string;\n export let subtitle: string;\n export let size: HeaderSize = 'm';\n export let status: string;\n export let statustype: BadgeType;\n export let back: boolean \| string;\n export let breadcrumb: string \| BreadcrumbItems[];\n export let tabs: string \| TabsItems[];\n export let noshadow: boolean \| string;\n export let a11ylabels: string \| A11yLabels;\n export let scrollcontainer: HTMLElement;\n export let nopaddingbreadcrumb: boolean;\n export let hasicons: boolean;\n export let hasselector: boolean;\n export let hideoptions = false;\n\n const headerAnimationThreshold = 5;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n let originalScrollPos = 0;\n let hasAnimation: boolean;\n let root: HTMLElement;\n\n $: parsedBreadcrumb =\n typeof breadcrumb === 'string'\n ? (JSON.parse(breadcrumb) as BreadcrumbItems[])\n : breadcrumb;\n\n $: parsedTabs =\n typeof tabs === 'string' ? (JSON.parse(tabs) as TabsItems[]) : tabs;\n\n $: parsedA11yLabels =\n typeof a11ylabels === 'string'\n ? (JSON.parse(a11ylabels) as A11yLabels)\n : a11ylabels;\n\n $: hasBack = back && back !== 'false';\n $: hasNoShadow = noshadow && noshadow !== 'false';\n $: {\n hasAnimation = Boolean(scrollcontainer);\n updateAnimation(scrollcontainer);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n function goBack() {\n eventHandler.dispatch('on-back-click', {});\n }\n\n function updateAnimation(element: HTMLElement) {\n if (element) {\n element.removeEventListener('scroll', handleScroll);\n element.addEventListener('scroll', handleScroll);\n }\n }\n\n function handleScroll() {\n const currentScrollPos = scrollcontainer.scrollTop;\n const originHeaderMargin = Number(root.style.marginTop.replace('px', ''));\n\n if (originalScrollPos > currentScrollPos) {\n // scroll up\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n root.style.marginTop = `${Math.max(\n -currentScrollPos,\n originHeaderMargin,\n )}px`;\n } else {\n // scroll while below header zone\n root.style.marginTop = '0';\n }\n } else {\n // scroll down\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n\n root.style.transition = 'none';\n root.style.marginTop = `${-currentScrollPos}px`;\n } else {\n // scroll while below header zone\n root.style.transition = 'margin-top ease-out 0.4s';\n root.style.marginTop = `${\n -root.offsetHeight - headerAnimationThreshold\n }px`;\n }\n }\n\n originalScrollPos = currentScrollPos;\n }\n</script>\n\n<div\n class=\"mc-header {size ? `mc-header--${size}` : ''}\"\n class:mc-header--no-shadow={hasNoShadow}\n class:mc-header--animate={hasAnimation}\n bind:this={root}\n {...attributes}\n>\n <div class=\"mc-header__left\">\n {#if breadcrumb}\n <div class=\"mc-header__breadcrumb\">\n <Breadcrumb\n items={JSON.stringify(parsedBreadcrumb)}\n nopadding={nopaddingbreadcrumb}\n on:link-clicked={(event) =>\n eventHandler.dispatch('link-clicked', event.detail)}\n />\n </div>\n {/if}\n\n {#if hasBack}\n <button class=\"mc-header__back\" on:click={goBack}>\n <span class=\"mc-header__back__label\">\n {parsedA11yLabels?.['back'] \|\| 'Back'}\n </span>\n </button>\n {/if}\n\n <div class=\"mc-header__heading\">\n <h1 class=\"mc-header__heading__title\">\n {title}\n </h1>\n {#if subtitle}\n <div class=\"mc-header__heading__subtitle\">\n {subtitle}\n </div>\n {/if}\n {#if status}\n <div class=\"mc-header__heading__status\">\n <Badge label={status} type={statustype} />\n </div>\n {/if}\n </div>\n </div>\n {#if !hideoptions}\n <div class=\"mc-header__right\">\n {#if $$slots?.icons \|\| hasicons}\n <div class=\"mc-header__icons\">\n <slot name=\"icons\" />\n </div>\n {/if}\n {#if $$slots?.selector \|\| hasselector}\n <div\n class:mc-header__selector--show-separator={($$slots?.icons \|\|\n hasicons) &&\n ($$slots?.selector \|\| hasselector)}\n class=\"mc-header__selector\"\n >\n <slot name=\"selector\" />\n </div>\n {/if}\n </div>\n {/if}\n {#if parsedTabs && parsedTabs.length > 0}\n <div class=\"mc-header__tabs\">\n <Tabs\n tabs={JSON.stringify(parsedTabs)}\n stateless={false}\n selectedtab={undefined}\n nodivider={true}\n on:tab-clicked={(event) =>\n eventHandler.dispatch('tab-clicked', event.detail)}\n />\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './_c.header';\n\n :host {\n display: block;\n line-height: 0;\n }\n</style>\n"],"names":["JSON","stringify","ctx","insert","target","div","anchor","button","append","span","set_data","t","t_value","icons","create_if_block_3","selector","create_if_block_2","undefined","create_if_block_7","create_if_block_6","create_if_block_5","create_if_block_4","create_if_block_1","if_block5","length","create_if_block","div2","div1","div0","h1","class","div2_class_value","hasAnimation","root","title","$$props","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions","eventHandler","EventHandler","get_current_component","createEventDispatcher","originalScrollPos","handleScroll","currentScrollPos","scrollTop","originHeaderMargin","Number","style","marginTop","replace","offsetHeight","Math","max","$$invalidate","transition","parsedBreadcrumb","parse","parsedTabs","parsedA11yLabels","hasBack","hasNoShadow","Boolean","element","removeEventListener","addEventListener","updateAnimation","attributes","Object","assign","$$restProps","dispatch","event","detail","$$value"],"mappings":"~~gfAyHiBA~~,KAAKC,UAAUC,EAAgB,eAC3BA,EAAmB,gHAHlCC,EAOKC,EAAAC,EAAAC,6DALMN,KAAKC,UAAUC,EAAgB,4BAC3BA,EAAmB,mIAU7BA,EAAgB,KAAS,MAAK,QAAM,4HAFzCC,EAIQC,EAAAG,EAAAD,GAHNE,EAEMD,EAAAE,4BAHkCP,EAAM,uCAE3CA,EAAgB,KAAS,MAAK,QAAM,KAAAQ,EAAAC,EAAAC,4EAWpCV,EAAQ,wDADXC,EAEKC,EAAAC,EAAAC,8BADFJ,EAAQ,yEAKKA,EAAM,QAAQA,EAAU,yFADxCC,EAEKC,EAAAC,EAAAC,wDADWJ,EAAM,qBAAQA,EAAU,6HAOrCA,EAAO,KAAEW,OAASX,EAAQ,KAAAY,OAK1BZ,EAAO,KAAEa,UAAYb,EAAW,KAAAc,EAAAd,yFANvCC,EAgBKC,EAAAC,EAAAC,gDAfEJ,EAAO,KAAEW,OAASX,EAAQ,gDAK1BA,EAAO,KAAEa,UAAYb,EAAW,yNAJnCC,EAEKC,EAAAC,EAAAC,uLAIyCJ,EAAO,KAAEW,OACnDX,QACCA,EAAO,KAAEa,UAAYb,EAAW,aAHrCC,EAOKC,EAAAC,EAAAC,oEANyCJ,EAAO,KAAEW,OACnDX,QACCA,EAAO,KAAEa,UAAYb,EAAW,yEAW/BF,KAAKC,UAAUC,EAAU,gBACpB,mBACEe,aACF,wGALfd,EASKC,EAAAC,EAAAC,2DAPKN,KAAKC,UAAUC,EAAU,oJAzD9BA,EAAU,IAAAgB,EAAAhB,KAWVA,EAAO,KAAAiB,EAAAjB,KAYLA,EAAQ,IAAAkB,EAAAlB,KAKRA,EAAM,IAAAmB,EAAAnB,MAOTA,EAAW,IAAAoB,EAAApB,GAmBZqB,EAAArB,EAAc,KAAAA,EAAW,IAAAsB,OAAS,GAACC,EAAAvB,6BA7DtBA,EAAI,GAAA,cAAiBA,EAAI,KAAK,KAI5CA,EAAU,0IAwBPA,EAAK,qNA3BgBA,EAAW,8BACbA,EAAY,aAHxCC,EA0EKC,EAAAsB,EAAApB,GAnEHE,EAmCKkB,EAAAC,+CAfHnB,EAcKmB,EAAAC,GAbHpB,EAEIoB,EAAAC,wHAtBD3B,EAAU,oGAWVA,EAAO,4EAUPA,EAAK,IAEHA,EAAQ,yDAKRA,EAAM,sGAOTA,EAAW,yDAmBZA,EAAc,KAAAA,EAAW,IAAAsB,OAAS,sJA7DrBtB,EAAI,GAAA,cAAiBA,EAAI,KAAK,OAAE,CAAA4B,MAAAC,cAI9C7B,EAAU,kCAHcA,EAAW,8BACbA,EAAY,uaA1ElC8B,EACAC,SAxBOC,GAAaC,YACbC,GAAgBD,GAChBE,KAAAA,EAAmB,KAAGF,UACtBG,GAAcH,cACdI,GAAqBJ,QACrBK,GAAsBL,cACtBM,GAAsCN,QACtCO,GAA0BP,YAC1BQ,GAA0BR,cAC1BS,GAA+BT,mBAC/BU,GAA4BV,uBAC5BW,GAA4BX,YAC5BY,GAAiBZ,eACjBa,GAAoBb,GACpBc,YAAAA,GAAc,GAAKd,EAI1Be,EAAmB,IAAAC,EACrBC,IACAC,KAEEC,EAAoB,WAoCfC,UACDC,EAAmBX,EAAgBY,UACnCC,EAAqBC,OAAO1B,EAAK2B,MAAMC,UAAUC,QAAQ,KAAM,KAEjER,EAAoBE,EAElBA,EAAmBvB,EAAK8B,kBAE1B9B,EAAK2B,MAAMC,UAAS,GAAMG,KAAKC,KAC5BT,EACDE,OAAkBzB,GAIpBiC,EAAA,GAAAjC,EAAK2B,MAAMC,UAAY,IAAG5B,GAIxBuB,EAAmBvB,EAAK8B,cAG1BG,EAAA,GAAAjC,EAAK2B,MAAMO,WAAa,OAAMlC,GAC9BiC,EAAA,GAAAjC,EAAK2B,MAAMC,WAAgBL,OAAgBvB,KAG3CiC,EAAA,GAAAjC,EAAK2B,MAAMO,WAAa,2BAA0BlC,QAClDA,EAAK2B,MAAMC,WACR5B,EAAK8B,aArEmB,OAsE3B9B,IAIJqB,EAAoBE,unBAhEnBU,EAAA,GAAAE,EACqB,iBAAf3B,EACFzC,KAAKqE,MAAM5B,GACZA,0BAEHyB,EAAA,GAAAI,EACe,iBAAT5B,EAAqB1C,KAAKqE,MAAM3B,GAAwBA,2BAE9DwB,EAAA,GAAAK,EACqB,iBAAf3B,EACF5C,KAAKqE,MAAMzB,GACZA,+BAEH4B,EAAUhC,GAAiB,UAATA,+BAClBiC,EAAc9B,GAAyB,UAAbA,iCAE3BX,EAAe0C,QAAQ7B,IAShB,SAAgB8B,GACnBA,IACFA,EAAQC,oBAAoB,SAAUrB,GACtCoB,EAAQE,iBAAiB,SAAUtB,IAXrCuB,CAAgBjC,SAEfkC,EAALC,OAAAC,UAAuBC,+BACXH,EAAWjD,yDAEnBoB,EAAaiC,SAAS,gBAAe,CAAA,gBA2DbC,GAChBlC,EAAaiC,SAAS,eAAgBC,EAAMC,QAuD/BD,GACflC,EAAaiC,SAAS,cAAeC,EAAMC,gDAlExCpD,EAAIqD"}
1	+ {"version":3,"file":"Header.js","sources":["../../../src/components/header/Header.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { EventHandler } from '../../utilities/EventHandler';\n import Breadcrumb from '../breadcrumb/Breadcrumb.nested.svelte';\n import type { BreadcrumbItems } from '../breadcrumb/breadcrumb.types';\n import Tabs from '../tabs/Tabs.nested.svelte';\n import type { TabsItems } from '../tabs/tabs.types';\n import Badge from '../badge/Badge.nested.svelte';\n import type { BadgeType } from '../badge/badge.types';\n import type { A11yLabels, HeaderSize } from './Header.types';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n export let title: string;\n export let subtitle: string;\n export let size: HeaderSize = 'm';\n export let status: string;\n export let statustype: BadgeType;\n export let back: boolean \| string;\n export let breadcrumb: string \| BreadcrumbItems[];\n export let tabs: string \| TabsItems[];\n export let noshadow: boolean \| string;\n export let a11ylabels: string \| A11yLabels;\n export let scrollcontainer: HTMLElement;\n export let nopaddingbreadcrumb: boolean;\n export let hasicons: boolean;\n export let hasselector: boolean;\n export let hideoptions = false;\n\n const headerAnimationThreshold = 5;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n let originalScrollPos = 0;\n let hasAnimation: boolean;\n let root: HTMLElement;\n\n $: parsedBreadcrumb =\n typeof breadcrumb === 'string'\n ? (JSON.parse(breadcrumb) as BreadcrumbItems[])\n : breadcrumb;\n\n $: parsedTabs =\n typeof tabs === 'string' ? (JSON.parse(tabs) as TabsItems[]) : tabs;\n\n $: parsedA11yLabels =\n typeof a11ylabels === 'string'\n ? (JSON.parse(a11ylabels) as A11yLabels)\n : a11ylabels;\n\n $: hasBack = back && back !== 'false';\n $: hasNoShadow = noshadow && noshadow !== 'false';\n $: {\n hasAnimation = Boolean(scrollcontainer);\n updateAnimation(scrollcontainer);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n function goBack() {\n eventHandler.dispatch('on-back-click', {});\n }\n\n function updateAnimation(element: HTMLElement) {\n if (element) {\n element.removeEventListener('scroll', handleScroll);\n element.addEventListener('scroll', handleScroll);\n }\n }\n\n function handleScroll() {\n const currentScrollPos = scrollcontainer.scrollTop;\n const originHeaderMargin = Number(root.style.marginTop.replace('px', ''));\n\n if (originalScrollPos > currentScrollPos) {\n // scroll up\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n root.style.marginTop = `${Math.max(\n -currentScrollPos,\n originHeaderMargin,\n )}px`;\n } else {\n // scroll while below header zone\n root.style.marginTop = '0';\n }\n } else {\n // scroll down\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n\n root.style.transition = 'none';\n root.style.marginTop = `${-currentScrollPos}px`;\n } else {\n // scroll while below header zone\n root.style.transition = 'margin-top ease-out 0.4s';\n root.style.marginTop = `${\n -root.offsetHeight - headerAnimationThreshold\n }px`;\n }\n }\n\n originalScrollPos = currentScrollPos;\n }\n</script>\n\n<div\n class=\"mc-header {size ? `mc-header--${size}` : ''}\"\n class:mc-header--no-shadow={hasNoShadow}\n class:mc-header--animate={hasAnimation}\n bind:this={root}\n {...attributes}\n>\n <div class=\"mc-header__left\">\n {#if breadcrumb}\n <div class=\"mc-header__breadcrumb\">\n <Breadcrumb\n items={JSON.stringify(parsedBreadcrumb)}\n nopadding={nopaddingbreadcrumb}\n on:link-clicked={(event) =>\n eventHandler.dispatch('link-clicked', event.detail)}\n />\n </div>\n {/if}\n\n {#if hasBack}\n <button class=\"mc-header__back\" on:click={goBack}>\n <span class=\"mc-header__back__label\">\n {parsedA11yLabels?.['back'] \|\| 'Back'}\n </span>\n </button>\n {/if}\n\n <div class=\"mc-header__heading\">\n <h1 class=\"mc-header__heading__title\">\n {title}\n </h1>\n {#if subtitle}\n <div class=\"mc-header__heading__subtitle\">\n {subtitle}\n </div>\n {/if}\n {#if status}\n <div class=\"mc-header__heading__status\">\n <Badge label={status} type={statustype} />\n </div>\n {/if}\n </div>\n </div>\n {#if !hideoptions}\n <div class=\"mc-header__right\">\n {#if $$slots?.icons \|\| hasicons}\n <div class=\"mc-header__icons\">\n <slot name=\"icons\" />\n </div>\n {/if}\n {#if $$slots?.selector \|\| hasselector}\n <div\n class:mc-header__selector--show-separator={($$slots?.icons \|\|\n hasicons) &&\n ($$slots?.selector \|\| hasselector)}\n class=\"mc-header__selector\"\n >\n <slot name=\"selector\" />\n </div>\n {/if}\n </div>\n {/if}\n {#if parsedTabs && parsedTabs.length > 0}\n <div class=\"mc-header__tabs\">\n <Tabs\n tabs={JSON.stringify(parsedTabs)}\n stateless={false}\n selectedtab={undefined}\n nodivider={true}\n on:tab-clicked={(event) =>\n eventHandler.dispatch('tab-clicked', event.detail)}\n />\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './_c.header';\n\n :host {\n display: block;\n line-height: 0;\n }\n</style>\n"],"names":["JSON","stringify","ctx","insert","target","div","anchor","button","append","span","set_data","t","t_value","icons","create_if_block_3","selector","create_if_block_2","undefined","create_if_block_7","create_if_block_6","create_if_block_5","create_if_block_4","create_if_block_1","if_block5","length","create_if_block","div2","div1","div0","h1","class","div2_class_value","hasAnimation","root","title","$$props","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions","eventHandler","EventHandler","get_current_component","createEventDispatcher","originalScrollPos","handleScroll","currentScrollPos","scrollTop","originHeaderMargin","Number","style","marginTop","replace","offsetHeight","Math","max","$$invalidate","transition","parsedBreadcrumb","parse","parsedTabs","parsedA11yLabels","hasBack","hasNoShadow","Boolean","element","removeEventListener","addEventListener","updateAnimation","attributes","Object","assign","$$restProps","dispatch","event","detail","$$value"],"mappings":"qeAyHiBA,KAAKC,UAAUC,EAAgB,eAC3BA,EAAmB,gHAHlCC,EAOKC,EAAAC,EAAAC,6DALMN,KAAKC,UAAUC,EAAgB,4BAC3BA,EAAmB,mIAU7BA,EAAgB,KAAS,MAAK,QAAM,4HAFzCC,EAIQC,EAAAG,EAAAD,GAHNE,EAEMD,EAAAE,4BAHkCP,EAAM,uCAE3CA,EAAgB,KAAS,MAAK,QAAM,KAAAQ,EAAAC,EAAAC,4EAWpCV,EAAQ,wDADXC,EAEKC,EAAAC,EAAAC,8BADFJ,EAAQ,yEAKKA,EAAM,QAAQA,EAAU,yFADxCC,EAEKC,EAAAC,EAAAC,wDADWJ,EAAM,qBAAQA,EAAU,6HAOrCA,EAAO,KAAEW,OAASX,EAAQ,KAAAY,OAK1BZ,EAAO,KAAEa,UAAYb,EAAW,KAAAc,EAAAd,yFANvCC,EAgBKC,EAAAC,EAAAC,gDAfEJ,EAAO,KAAEW,OAASX,EAAQ,gDAK1BA,EAAO,KAAEa,UAAYb,EAAW,yNAJnCC,EAEKC,EAAAC,EAAAC,uLAIyCJ,EAAO,KAAEW,OACnDX,QACCA,EAAO,KAAEa,UAAYb,EAAW,aAHrCC,EAOKC,EAAAC,EAAAC,oEANyCJ,EAAO,KAAEW,OACnDX,QACCA,EAAO,KAAEa,UAAYb,EAAW,yEAW/BF,KAAKC,UAAUC,EAAU,gBACpB,mBACEe,aACF,wGALfd,EASKC,EAAAC,EAAAC,2DAPKN,KAAKC,UAAUC,EAAU,oJAzD9BA,EAAU,IAAAgB,EAAAhB,KAWVA,EAAO,KAAAiB,EAAAjB,KAYLA,EAAQ,IAAAkB,EAAAlB,KAKRA,EAAM,IAAAmB,EAAAnB,MAOTA,EAAW,IAAAoB,EAAApB,GAmBZqB,EAAArB,EAAc,KAAAA,EAAW,IAAAsB,OAAS,GAACC,EAAAvB,6BA7DtBA,EAAI,GAAA,cAAiBA,EAAI,KAAK,KAI5CA,EAAU,0IAwBPA,EAAK,qNA3BgBA,EAAW,8BACbA,EAAY,aAHxCC,EA0EKC,EAAAsB,EAAApB,GAnEHE,EAmCKkB,EAAAC,+CAfHnB,EAcKmB,EAAAC,GAbHpB,EAEIoB,EAAAC,wHAtBD3B,EAAU,oGAWVA,EAAO,4EAUPA,EAAK,IAEHA,EAAQ,yDAKRA,EAAM,sGAOTA,EAAW,yDAmBZA,EAAc,KAAAA,EAAW,IAAAsB,OAAS,sJA7DrBtB,EAAI,GAAA,cAAiBA,EAAI,KAAK,OAAE,CAAA4B,MAAAC,cAI9C7B,EAAU,kCAHcA,EAAW,8BACbA,EAAY,uaA1ElC8B,EACAC,SAxBOC,GAAaC,YACbC,GAAgBD,GAChBE,KAAAA,EAAmB,KAAGF,UACtBG,GAAcH,cACdI,GAAqBJ,QACrBK,GAAsBL,cACtBM,GAAsCN,QACtCO,GAA0BP,YAC1BQ,GAA0BR,cAC1BS,GAA+BT,mBAC/BU,GAA4BV,uBAC5BW,GAA4BX,YAC5BY,GAAiBZ,eACjBa,GAAoBb,GACpBc,YAAAA,GAAc,GAAKd,EAI1Be,EAAmB,IAAAC,EACrBC,IACAC,KAEEC,EAAoB,WAoCfC,UACDC,EAAmBX,EAAgBY,UACnCC,EAAqBC,OAAO1B,EAAK2B,MAAMC,UAAUC,QAAQ,KAAM,KAEjER,EAAoBE,EAElBA,EAAmBvB,EAAK8B,kBAE1B9B,EAAK2B,MAAMC,UAAS,GAAMG,KAAKC,KAC5BT,EACDE,OAAkBzB,GAIpBiC,EAAA,GAAAjC,EAAK2B,MAAMC,UAAY,IAAG5B,GAIxBuB,EAAmBvB,EAAK8B,cAG1BG,EAAA,GAAAjC,EAAK2B,MAAMO,WAAa,OAAMlC,GAC9BiC,EAAA,GAAAjC,EAAK2B,MAAMC,WAAgBL,OAAgBvB,KAG3CiC,EAAA,GAAAjC,EAAK2B,MAAMO,WAAa,2BAA0BlC,QAClDA,EAAK2B,MAAMC,WACR5B,EAAK8B,aArEmB,OAsE3B9B,IAIJqB,EAAoBE,unBAhEnBU,EAAA,GAAAE,EACqB,iBAAf3B,EACFzC,KAAKqE,MAAM5B,GACZA,0BAEHyB,EAAA,GAAAI,EACe,iBAAT5B,EAAqB1C,KAAKqE,MAAM3B,GAAwBA,2BAE9DwB,EAAA,GAAAK,EACqB,iBAAf3B,EACF5C,KAAKqE,MAAMzB,GACZA,+BAEH4B,EAAUhC,GAAiB,UAATA,+BAClBiC,EAAc9B,GAAyB,UAAbA,iCAE3BX,EAAe0C,QAAQ7B,IAShB,SAAgB8B,GACnBA,IACFA,EAAQC,oBAAoB,SAAUrB,GACtCoB,EAAQE,iBAAiB,SAAUtB,IAXrCuB,CAAgBjC,SAEfkC,EAALC,OAAAC,UAAuBC,+BACXH,EAAWjD,yDAEnBoB,EAAaiC,SAAS,gBAAe,CAAA,gBA2DbC,GAChBlC,EAAaiC,SAAS,eAAgBC,EAAMC,QAuD/BD,GACflC,EAAaiC,SAAS,cAAeC,EAAMC,gDAlExCpD,EAAIqD"}

package/public/components/header/_c.header.scss CHANGED Viewed

@@ -76,7 +76,7 @@
   &__back {
     @include unstyle-button();
     background-color: transparent;
-    background-image: url('<svg xmlns="http://www.w3.org/2000/svg" height="#{$mu200}" width="#{$mu200}" viewBox="0 0 32 32" fill="#{$color-grey-800}"><path d="M28 15H6.41l6.3-6.29a1 1 0 10-1.42-1.42l-8 8a1.15 1.15 0 00-.21.33 1 1 0 000 .76.93.93 0 00.21.33l8 8a1 1 0 001.42 0 1 1 0 000-1.42L6.41 17H28a1 1 0 000-2z"/></svg>');
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23333333'%3E%3Cpath d='M28 15H6.41l6.3-6.29a1 1 0 10-1.42-1.42l-8 8a1.15 1.15 0 00-.21.33 1 1 0 000 .76.93.93 0 00.21.33l8 8a1 1 0 001.42 0 1 1 0 000-1.42L6.41 17H28a1 1 0 000-2z'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: center;
     background-size: $mu200;