npm - @mozaic-ds/web-components - Versions diffs - 0.6.2-beta.0 → 0.7.0 - Mend

@mozaic-ds/web-components 0.6.2-beta.0 → 0.7.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 (97) hide show

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

@@ -1,2 +1,2 @@
-import{S as e,i,a as l,b as s,f as t,s as a,e as o,d as n,t as r,n as d,g as c,j as u,l as M,k as w,C as m,D as p,E as f,o as b,x,A as L,G as g,M as h,v as $}from"../../index-c33b3772.js";import{E as D}from"../../EventHandler-02058705.js";import S from"./ResultFile.nested.js";function y(e){let i,l;return i=new S({props:{files:e[7],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6]}}),i.$on("file-removed",e[13]),{c(){x(i.$$.fragment)},m(e,s){L(i,e,s),l=!0},p(e,l){const s={};128&l&&(s.files=e[7]),1024&l&&(s.allowedExtensions=e[10]),32&l&&(s.disabled=e[5]),2048&l&&(s.maxSize=e[11]),64&l&&(s.removelabel=e[6]),i.$set(s)},i(e){l||(m(i.$$.fragment,e),l=!0)},o(e){p(i.$$.fragment,e),l=!1},d(e){g(i,e)}}}function N(e){let i,l;return i=new S({props:{files:e[9],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6]}}),i.$on("file-removed",e[14]),{c(){x(i.$$.fragment)},m(e,s){L(i,e,s),l=!0},p(e,l){const s={};512&l&&(s.files=e[9]),1024&l&&(s.allowedExtensions=e[10]),32&l&&(s.disabled=e[5]),2048&l&&(s.maxSize=e[11]),64&l&&(s.removelabel=e[6]),i.$set(s)},i(e){l||(m(i.$$.fragment,e),l=!0)},o(e){p(i.$$.fragment,e),l=!1},d(e){g(i,e)}}}function T(e){let i,l,t,a,x,L,g,$,D,S,T,j=e[0]&&e[7]&&e[7].length>0&&y(e),v=e[9].length>0&&N(e);return{c(){i=o("div"),l=o("input"),t=n(),a=o("label"),x=o("span"),L=r(e[2]),g=n(),j&&j.c(),$=n(),v&&v.c(),this.c=d,c(l,"id",e[1]),c(l,"type","file"),c(l,"class","mc-fileuploader__input"),c(l,"accept",e[3]),l.multiple=e[4],l.disabled=e[5],c(x,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(i,"class","mc-fileuploader")},m(o,n){s(o,i,n),u(i,l),u(i,t),u(i,a),u(a,x),u(x,L),u(i,g),j&&j.m(i,null),u(i,$),v&&v.m(i,null),e[18](i),D=!0,S||(T=M(l,"change",e[12]),S=!0)},p(e,[s]){(!D||2&s)&&c(l,"id",e[1]),(!D||8&s)&&c(l,"accept",e[3]),(!D||16&s)&&(l.multiple=e[4]),(!D||32&s)&&(l.disabled=e[5]),(!D||4&s)&&w(L,e[2]),(!D||2&s)&&c(a,"for",e[1]),e[0]&&e[7]&&e[7].length>0?j?(j.p(e,s),129&s&&m(j,1)):(j=y(e),j.c(),m(j,1),j.m(i,$)):j&&(h(),p(j,1,1,(()=>{j=null})),f()),e[9].length>0?v?(v.p(e,s),512&s&&m(v,1)):(v=N(e),v.c(),m(v,1),v.m(i,null)):v&&(h(),p(v,1,1,(()=>{v=null})),f())},i(e){D||(m(j),m(v),D=!0)},o(e){p(j),p(v),D=!1},d(l){l&&b(i),j&&j.d(),v&&v.d(),e[18](null),S=!1,T()}}}function j(e,i){const l=Array.from(e),s=l.indexOf(i);return-1!==s&&l.splice(s,1),l}function v(e,i,l){let s,t,a,o,n,{id:r}=i,{label:d}=i,{accept:c}=i,{multiple:u=!0}=i,{allowedextensions:M}=i,{maxsize:w}=i,{displayfileslist:m=!1}=i,{disabled:p=!1}=i,{removelabel:f="Remove"}=i,{uploadedfiles:b}=i,x=new D;return e.$$set=e=>{"id"in e&&l(1,r=e.id),"label"in e&&l(2,d=e.label),"accept"in e&&l(3,c=e.accept),"multiple"in e&&l(4,u=e.multiple),"allowedextensions"in e&&l(15,M=e.allowedextensions),"maxsize"in e&&l(16,w=e.maxsize),"displayfileslist"in e&&l(0,m=e.displayfileslist),"disabled"in e&&l(5,p=e.disabled),"removelabel"in e&&l(6,f=e.removelabel),"uploadedfiles"in e&&l(17,b=e.uploadedfiles)},e.$$.update=()=>{32768&e.$$.dirty&&l(10,s=M?JSON.parse(M):[]),131072&e.$$.dirty&&l(9,t=b?JSON.parse(b):[]),e.$$.dirty,65536&e.$$.dirty&&l(11,a=w||void 0)},[m,r,d,c,u,p,f,o,n,t,s,a,function(e){const i=e.target;l(7,o=i.files),l(0,m=!0);const t=[];fileList.forEach(((e,i)=>{const l=e.name,o=e.size,n=function(e){if(s&&s.length>0){const i=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(s&&!s.includes(String(i)))return!1}return!0}(l),r=function(e){return!(a&&e/1024/1024>a)}(o);let d="";n||(d="invalid-extension"),r||(d="invalid-size"),n&&r||t.push({index:i,fileName:l,fileSize:o,errorType:d})})),t.length>0&&x.dispatch("invalid-files",t),x.dispatch("change",o)},function(e){l(7,o=j(o,e.detail)),n.querySelector(".mc-fileuploader__input").value="",x.dispatch("file-removed",e.detail)},function(e){const i=j(t,e.detail);l(9,t=i),x.dispatch("uploaded-file-removed",e.detail)},M,w,b,function(e){$[e?"unshift":"push"]((()=>{n=e,l(8,n)}))}]}class E extends e{constructor(e){super();const o=document.createElement("style");o.textContent='.mc-fileuploader{position:relative;display:block}.mc-fileuploader__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label{font-family:"LeroyMerlin", sans-serif;font-weight:600;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#120949;border-color:#120949;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:#e5e7fa;color:#161cb6}.mc-fileuploader__label:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label::before{content:"";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTIwOTQ5IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}:focus+.mc-fileuploader__label{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}:hover+.mc-fileuploader__label{color:#161cb6;background-color:#e5e7fa}:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}:disabled+.mc-fileuploader__label::before{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNjY2NjY2IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat}',this.shadowRoot.appendChild(o),i(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},v,T,a,{id:1,label:2,accept:3,multiple:4,allowedextensions:15,maxsize:16,displayfileslist:0,disabled:5,removelabel:6,uploadedfiles:17},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),t()))}static get observedAttributes(){return["id","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles"]}get id(){return this.$$.ctx[1]}set id(e){this.$$set({id:e}),t()}get label(){return this.$$.ctx[2]}set label(e){this.$$set({label:e}),t()}get accept(){return this.$$.ctx[3]}set accept(e){this.$$set({accept:e}),t()}get multiple(){return this.$$.ctx[4]}set multiple(e){this.$$set({multiple:e}),t()}get allowedextensions(){return this.$$.ctx[15]}set allowedextensions(e){this.$$set({allowedextensions:e}),t()}get maxsize(){return this.$$.ctx[16]}set maxsize(e){this.$$set({maxsize:e}),t()}get displayfileslist(){return this.$$.ctx[0]}set displayfileslist(e){this.$$set({displayfileslist:e}),t()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),t()}get removelabel(){return this.$$.ctx[6]}set removelabel(e){this.$$set({removelabel:e}),t()}get uploadedfiles(){return this.$$.ctx[17]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),t()}}export{E as default};
+import{S as e,i as s,a as l,b as i,f as t,s as a,e as r,d as o,t as n,n as d,g as c,j as u,l as M,k as w,C as b,D as m,E as p,o as f,x,A as L,G as g,M as $,v as h}from"../../index-c33b3772.js";import{E as D}from"../../EventHandler-02058705.js";import S from"./ResultFile.nested.js";function y(e){let s,l;return s=new S({props:{files:e[7],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),s.$on("file-removed",e[14]),{c(){x(s.$$.fragment)},m(e,i){L(s,e,i),l=!0},p(e,l){const i={};128&l&&(i.files=e[7]),1024&l&&(i.allowedExtensions=e[10]),32&l&&(i.disabled=e[5]),2048&l&&(i.maxSize=e[11]),64&l&&(i.removelabel=e[6]),4096&l&&(i.errorLabels=e[12]),s.$set(i)},i(e){l||(b(s.$$.fragment,e),l=!0)},o(e){m(s.$$.fragment,e),l=!1},d(e){g(s,e)}}}function N(e){let s,l;return s=new S({props:{files:e[9],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),s.$on("file-removed",e[15]),{c(){x(s.$$.fragment)},m(e,i){L(s,e,i),l=!0},p(e,l){const i={};512&l&&(i.files=e[9]),1024&l&&(i.allowedExtensions=e[10]),32&l&&(i.disabled=e[5]),2048&l&&(i.maxSize=e[11]),64&l&&(i.removelabel=e[6]),4096&l&&(i.errorLabels=e[12]),s.$set(i)},i(e){l||(b(s.$$.fragment,e),l=!0)},o(e){m(s.$$.fragment,e),l=!1},d(e){g(s,e)}}}function T(e){let s,l,t,a,x,L,g,h,D,S,T,j=e[0]&&e[7]&&e[7].length>0&&y(e),v=e[9].length>0&&N(e);return{c(){s=r("div"),l=r("input"),t=o(),a=r("label"),x=r("span"),L=n(e[2]),g=o(),j&&j.c(),h=o(),v&&v.c(),this.c=d,c(l,"id",e[1]),c(l,"type","file"),c(l,"class","mc-fileuploader__input"),c(l,"accept",e[3]),l.multiple=e[4],l.disabled=e[5],c(x,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(s,"class","mc-fileuploader")},m(r,o){i(r,s,o),u(s,l),u(s,t),u(s,a),u(a,x),u(x,L),u(s,g),j&&j.m(s,null),u(s,h),v&&v.m(s,null),e[21](s),D=!0,S||(T=M(l,"change",e[13]),S=!0)},p(e,[i]){(!D||2&i)&&c(l,"id",e[1]),(!D||8&i)&&c(l,"accept",e[3]),(!D||16&i)&&(l.multiple=e[4]),(!D||32&i)&&(l.disabled=e[5]),(!D||4&i)&&w(L,e[2]),(!D||2&i)&&c(a,"for",e[1]),e[0]&&e[7]&&e[7].length>0?j?(j.p(e,i),129&i&&b(j,1)):(j=y(e),j.c(),b(j,1),j.m(s,h)):j&&($(),m(j,1,1,(()=>{j=null})),p()),e[9].length>0?v?(v.p(e,i),512&i&&b(v,1)):(v=N(e),v.c(),b(v,1),v.m(s,null)):v&&($(),m(v,1,1,(()=>{v=null})),p())},i(e){D||(b(j),b(v),D=!0)},o(e){m(j),m(v),D=!1},d(l){l&&f(s),j&&j.d(),v&&v.d(),e[21](null),S=!1,T()}}}function j(e,s){const l=Array.from(e),i=l.indexOf(s);return-1!==i&&l.splice(i,1),l}function v(e,s,l){let i,t,a,r,o,n,{id:d}=s,{label:c}=s,{accept:u}=s,{multiple:M=!0}=s,{allowedextensions:w}=s,{maxsize:b}=s,{displayfileslist:m=!1}=s,{disabled:p=!1}=s,{removelabel:f="Remove"}=s,{uploadedfiles:x}=s,{errorlabels:L}=s,{stateless:g}=s,$=new D;return e.$$set=e=>{"id"in e&&l(1,d=e.id),"label"in e&&l(2,c=e.label),"accept"in e&&l(3,u=e.accept),"multiple"in e&&l(4,M=e.multiple),"allowedextensions"in e&&l(16,w=e.allowedextensions),"maxsize"in e&&l(17,b=e.maxsize),"displayfileslist"in e&&l(0,m=e.displayfileslist),"disabled"in e&&l(5,p=e.disabled),"removelabel"in e&&l(6,f=e.removelabel),"uploadedfiles"in e&&l(18,x=e.uploadedfiles),"errorlabels"in e&&l(19,L=e.errorlabels),"stateless"in e&&l(20,g=e.stateless)},e.$$.update=()=>{65536&e.$$.dirty&&l(10,i=w?JSON.parse(w):[]),262144&e.$$.dirty&&l(9,t=x?JSON.parse(x):[]),e.$$.dirty,131072&e.$$.dirty&&l(11,a=b||void 0),524288&e.$$.dirty&&l(12,r=L?JSON.parse(L):[])},[m,d,c,u,M,p,f,o,n,t,i,a,r,function(e){const s=e.target;l(7,o=s.files),l(0,m=!0);const t=[];if([...o].forEach(((e,s)=>{const l=e.name,r=e.size,o=function(e){if(i&&i.length>0){const s=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(s)))return!1}return!0}(l),n=function(e){return!(a&&e/1024/1024>a)}(r);let d="";o||(d="invalid-extension"),n||(d="invalid-size"),o&&n||t.push({index:s,fileName:l,fileSize:r,errorType:d})})),t.length>0&&$.dispatch("invalid-files",t),$.dispatch("change",o),g){n.querySelector(".mc-fileuploader__input").value=""}},function(e){l(7,o=j(o,e.detail)),n.querySelector(".mc-fileuploader__input").value="",$.dispatch("file-removed",e.detail)},function(e){const s=j(t,e.detail);l(9,t=s),$.dispatch("uploaded-file-removed",e.detail)},w,b,x,L,g,function(e){h[e?"unshift":"push"]((()=>{n=e,l(8,n)}))}]}class E 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:#120949;border-color:#120949;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:#e5e7fa;color:#161cb6}.mc-fileuploader__label:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label::before{content:"";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTIwOTQ5IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}:focus+.mc-fileuploader__label{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}:hover+.mc-fileuploader__label{color:#161cb6;background-color:#e5e7fa}:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}:disabled+.mc-fileuploader__label::before{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNjY2NjY2IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat}',this.shadowRoot.appendChild(r),s(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},v,T,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),t()))}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}),t()}get label(){return this.$$.ctx[2]}set label(e){this.$$set({label:e}),t()}get accept(){return this.$$.ctx[3]}set accept(e){this.$$set({accept:e}),t()}get multiple(){return this.$$.ctx[4]}set multiple(e){this.$$set({multiple:e}),t()}get allowedextensions(){return this.$$.ctx[16]}set allowedextensions(e){this.$$set({allowedextensions:e}),t()}get maxsize(){return this.$$.ctx[17]}set maxsize(e){this.$$set({maxsize:e}),t()}get displayfileslist(){return this.$$.ctx[0]}set displayfileslist(e){this.$$set({displayfileslist:e}),t()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),t()}get removelabel(){return this.$$.ctx[6]}set removelabel(e){this.$$set({removelabel:e}),t()}get uploadedfiles(){return this.$$.ctx[18]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),t()}get errorlabels(){return this.$$.ctx[19]}set errorlabels(e){this.$$set({errorlabels:e}),t()}get stateless(){return this.$$.ctx[20]}set stateless(e){this.$$set({stateless:e}),t()}}export{E as default};
 //# sourceMappingURL=FileUploader.js.map

package/public/bricoman/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 { EventHandler } from '../../utilities/EventHandler';\n import ResultFile from './ResultFile.nested.svelte';\n\n export let id: string;\n export let label: string;\n export let accept: string;\n export let multiple = true;\n export let allowedextensions: string;\n export let maxsize: number;\n export let displayfileslist = false;\n export let disabled = false;\n export let removelabel = 'Remove';\n export let uploadedfiles: string;\n\n let files: FileList;\n let root: HTMLElement;\n let eventHandler = new EventHandler();\n\n $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n $: files;\n $: maxSize = maxsize ? maxsize : undefined;\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\n function checkFileStatus(file: File): boolean {\n const validExtension = allowedExtensions\n ? checkFileExtension(file.name)\n : true;\n const validSize = checkFileSize(file.size);\n\n if (!validExtension \|\| !validSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n 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 = [];\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('invalid-files', invalidFiles);\n }\n eventHandler.dispatch('change', files);\n }\n\n function removeFromArray(fileList: FileList, value: File): FileList {\n const array = Array.from(fileList);\n const idx = array.indexOf(value);\n if (idx !== -1) {\n array.splice(idx, 1);\n }\n return array as FileList;\n }\n\n function deleteFile(e: CustomEvent): void {\n files = removeFromArray(files, e.detail);\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n eventHandler.dispatch('file-removed', e.detail);\n }\n\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 on:file-removed={deleteFile}\n />\n {/if}\n {#if uploadedFiles.length > 0}\n <ResultFile\n files={uploadedFiles}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n on:file-removed={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","eventHandler","EventHandler","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","e","invalidFiles","forEach","file","index","fileName","name","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","~~detail~~","~~querySelector~~","$$value"],"mappings":"~~0aAmJuBA~~,EAAU,~~wVAKpBA~~,EAAa,~~gGAKHA~~,EAAkB,~~oFAL5BA~~,EAAa,~~uPAZnBC~~,EAAAD,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,GAACC,EAAAH,~~KAU7CA~~,EAAa,GAACE,OAAS,GAACE,EAAAJ,~~yEAbxBA~~,EAAK,8NAFEA,EAAE,iFAVhBK,~~EAmCKC~~,EAAAC,EAAAC,~~GAlCHC~~,EAQCF,EAAAG,UACDD,EAIOF,EAAAI,GAHLF,EAEME,EAAAC,uFALKZ,EAAY,wJAIpBA,EAAK,yBAFEA,EAAE,IAKTA,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,~~iGAU5CF~~,EAAa,GAACE,OAAS,~~mNAtDnBW~~,EAAgBC,EAAoBC,GACrC,MAAAC,EAAQC,MAAMC,KAAKJ,GACnBK,EAAMH,EAAMI,QAAQL,UACb,IAATI,GACFH,EAAMK,OAAOF,EAAK,GAEbH,~~8BApFLM~~,EACAC,~~MAZOC~~,GAAUC,SACVC,GAAaD,UACbE,GAAcF,GACdG,SAAAA,GAAW,GAAIH,qBACfI,GAAyBJ,WACzBK,GAAeL,GACfM,iBAAAA,GAAmB,GAAKN,GACxBO,SAAAA,GAAW,GAAKP,GAChBQ,YAAAA,EAAc,UAAQR,iBACtBS,GAAqBT,~~EAI5BU~~,MAAmBC,~~0aAEtBC~~,EAAA,GAAEC,~~EAAoBT~~,~~EAAoBU~~,KAAKC,~~MAAMX~~,GAAiB,~~uBACtEQ~~,EAAA,EAAEI,~~EAAgBP~~,~~EAAgBK~~,KAAKC,~~MAAMN~~,GAAa,~~sCAExDQ~~,~~EAAUZ~~,~~QAAoBa~~,~~6BAmCxB~~,~~SAAaC~~,~~SACdtC~~,~~EAASsC~~,~~EAAEtC~~,WACjBgB,EAAQhB,EAAOgB,~~OACfe~~,EAAA,~~EAAAN~~,GAAmB,~~SACbc~~,EAAY,~~GAClB/B~~,~~SAASgC~~,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,EAAKG,KAChBC,EAAWJ,EAAKK,KAChBC,~~EAjCD~~,SAAmBJ,GACtB,~~GAAAX~~,GAAqBA,~~EAAkBpC~~,OAAS,EAAC,CAC7C,~~MAAAoD~~,EAAoBL,EAASM,MACS,GAAxCN,EAASO,YAAY,KAAO,IAAO,IAEnC,~~GAAAlB~~,IAAsBA,~~EAAkBmB~~,SAASC,OAAOJ,WACnD,SAIJ,~~EAuBkBK~~,CAAmBV,GACpCW,~~EA1CD~~,SAAcT,~~WAEjBT~~,~~GADeS~~,EAAW,KAAO,~~KACTT~~,~~GAwCRmB~~,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,GACtBf,EAAakB,KACJ,CAAAf,QACGC,WACAE,WACCW,iBAKbjB,~~EAAa3C~~,OAAS,~~GACxBiC~~,~~EAAa6B~~,SAAS,gBAAiBnB,~~GAEzCV~~,~~EAAa6B~~,SAAS,~~SAAU1C~~,~~IAYzB~~,~~SAAWsB~~,~~GAClBP~~,EAAA,~~EAAAf~~,EAAQT,EAAgBS,~~EAAOsB~~,~~EAAEqB~~,~~SACZ1C~~,~~EAAK2C~~,cACxB,~~2BAEWnD~~,MAAQ,~~GACrBoB~~,~~EAAa6B~~,SAAS,eAAgBpB,~~EAAEqB~~,SAGjC,~~SAAmBrB~~,GACpB,~~MAAAtB~~,EAAQT,~~EAAgB4B~~,~~EAAeG~~,~~EAAEqB~~,QAC/~~C5B~~,EAAA,EAAAI,~~EAAgBnB~~,~~GAChBa~~,~~EAAa6B~~,SAAS,wBAAyBpB,~~EAAEqB~~,~~uDAQb1C~~,~~EAAI4C~~"}
1	+ {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import { EventHandler } from '../../utilities/EventHandler';\n import ResultFile from './ResultFile.nested.svelte';\n\n export let id: string;\n export let label: string;\n export let accept: string;\n export let multiple = true;\n export let allowedextensions: string;\n export let maxsize: number;\n export let displayfileslist = false;\n export let disabled = false;\n export let removelabel = 'Remove';\n export let uploadedfiles: string;\n export let errorlabels: string;\n export let stateless: false;\n\n let files: FileList;\n let root: HTMLElement;\n let eventHandler = new EventHandler();\n\n $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n $: files;\n $: 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\n function checkFileStatus(file: File): boolean {\n const validExtension = allowedExtensions\n ? checkFileExtension(file.name)\n : true;\n const validSize = checkFileSize(file.size);\n\n if (!validExtension \|\| !validSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n 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 = [];\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('invalid-files', invalidFiles);\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","$$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":"icA8JuBA,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,gCA5FLM,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,MAAmBC,wfAEtBC,EAAA,GAAEC,EAAoBX,EAAoBY,KAAKC,MAAMb,GAAiB,uBACtEU,EAAA,EAAEI,EAAgBT,EAAgBO,KAAKC,MAAMR,GAAa,uCAExDU,EAAUd,QAAoBe,sBAChCN,EAAA,GAAEO,EAAcX,EAAcM,KAAKC,MAAMP,GAAW,gCAmC5C,SAAaY,SACdzC,EAASyC,EAAEzC,WACjBgB,EAAQhB,EAAOgB,OACfiB,EAAA,EAAAR,GAAmB,SACbiB,EAAY,UACG1B,GACZ2B,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,EAAKG,KAChBC,EAAWJ,EAAKK,KAChBC,EAlCD,SAAmBJ,GACtB,GAAAZ,GAAqBA,EAAkBtC,OAAS,EAAC,CAC7C,MAAAuD,EAAoBL,EAASM,MACS,GAAxCN,EAASO,YAAY,KAAO,IAAO,IAEnC,GAAAnB,IAAsBA,EAAkBoB,SAASC,OAAOJ,WACnD,SAIJ,EAwBkBK,CAAmBV,GACpCW,EA3CD,SAAcT,WAEjBV,GADeU,EAAW,KAAO,KACTV,GAyCRoB,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,GACtBf,EAAakB,KACJ,CAAAf,QACGC,WACAE,WACCW,iBAKbjB,EAAa9C,OAAS,GACxBmC,EAAa8B,SAAS,gBAAiBnB,GAEzCX,EAAa8B,SAAS,SAAU7C,GAC5Bc,EAAS,CACUb,EAAK6C,cACxB,2BAEWrD,MAAQ,KAahB,SAAWgC,GAClBR,EAAA,EAAAjB,EAAQT,EAAgBS,EAAOyB,EAAEsB,SACZ9C,EAAK6C,cACxB,2BAEWrD,MAAQ,GACrBsB,EAAa8B,SAAS,eAAgBpB,EAAEsB,SAGjC,SAAmBtB,GACpB,MAAAzB,EAAQT,EAAgB8B,EAAeI,EAAEsB,QAC/C9B,EAAA,EAAAI,EAAgBrB,GAChBe,EAAa8B,SAAS,wBAAyBpB,EAAEsB,2DAQb9C,EAAI+C"}

package/public/bricoman/components/fileuploader/FileUploader.svelte CHANGED Viewed

@@ -15,6 +15,8 @@
   export let disabled = false;
   export let removelabel = 'Remove';
   export let uploadedfiles: string;
+  export let errorlabels: string;
+  export let stateless: false;
   let files: FileList;
   let root: HTMLElement;
@@ -24,6 +26,7 @@
   $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];
   $: files;
   $: maxSize = maxsize ? maxsize : undefined;
+  $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];
   function checkFileSize(fileSize: number): boolean {
     const fileSizeMB = fileSize / 1024 / 1024; // in MB
@@ -63,6 +66,7 @@
     files = target.files as FileList;
     displayfileslist = true;
     const invalidFiles: Array = [];
+    const fileList = [...files];
     fileList.forEach((file, index) => {
       const fileName = file.name;
       const fileSize = file.size;
@@ -92,6 +96,12 @@
       eventHandler.dispatch('invalid-files', invalidFiles);
     }
     eventHandler.dispatch('change', files);
+    if (stateless) {
+      const fileuploader = root.querySelector(
+        '.mc-fileuploader__input',
+      ) as HTMLInputElement;
+      fileuploader.value = '';
+    }
   }
   function removeFromArray(fileList: FileList, value: File): FileList {
@@ -145,6 +155,7 @@
       {disabled}
       {maxSize}
       {removelabel}
+      {errorLabels}
       on:file-removed={deleteFile}
     />
   {/if}
@@ -155,6 +166,7 @@
       {disabled}
       {maxSize}
       {removelabel}
+      {errorLabels}
       on:file-removed={deleteUploadedFile}
     />
   {/if}

package/public/bricoman/components/fileuploader/ResultFile.nested.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{P as e,i as a,s as l,Q as i,e as s,g as t,b as o,n as r,o as w,J as n,c,q as M,t as b,d as u,j as d,l as m,k as g}from"../../index-c33b3772.js";import{E as f}from"../../EventHandler-02058705.js";function x(e){i(e,"svelte-1bhauwa",'.mc-fileuploader.svelte-1bhauwa.svelte-1bhauwa{position:relative;display:block}.mc-fileuploader__input.svelte-1bhauwa.svelte-1bhauwa{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-1bhauwa.svelte-1bhauwa{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:#120949;border-color:#120949;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-1bhauwa.svelte-1bhauwa,.mc-fileuploader__label.svelte-1bhauwa.svelte-1bhauwa:hover{background-color:#e5e7fa;color:#161cb6}.mc-fileuploader__label.is-active.svelte-1bhauwa.svelte-1bhauwa,.mc-fileuploader__label.svelte-1bhauwa.svelte-1bhauwa:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label.is-active.svelte-1bhauwa.svelte-1bhauwa,.mc-fileuploader__label.svelte-1bhauwa.svelte-1bhauwa:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label.svelte-1bhauwa.svelte-1bhauwa:disabled,.mc-fileuploader__label.is-disabled.svelte-1bhauwa.svelte-1bhauwa{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label.svelte-1bhauwa.svelte-1bhauwa::before{content:"";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTIwOTQ5IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus.svelte-1bhauwa+.mc-fileuploader__label.svelte-1bhauwa,.svelte-1bhauwa:focus+.mc-fileuploader__label.svelte-1bhauwa{-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-1bhauwa+.mc-fileuploader__label.svelte-1bhauwa,.svelte-1bhauwa:hover+.mc-fileuploader__label.svelte-1bhauwa{color:#161cb6;background-color:#e5e7fa}.is-disabled.svelte-1bhauwa+.mc-fileuploader__label.svelte-1bhauwa,.svelte-1bhauwa:disabled+.mc-fileuploader__label.svelte-1bhauwa{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled.svelte-1bhauwa+.mc-fileuploader__label.svelte-1bhauwa::before,.svelte-1bhauwa:disabled+.mc-fileuploader__label.svelte-1bhauwa::before{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNjY2NjY2IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat}.mc-fileuploader__files.svelte-1bhauwa.svelte-1bhauwa{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file.svelte-1bhauwa.svelte-1bhauwa{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-1bhauwa.svelte-1bhauwa:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name.svelte-1bhauwa.svelte-1bhauwa{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-1bhauwa.svelte-1bhauwa{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-1bhauwa .mc-fileuploader__file-icon.svelte-1bhauwa{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNGQ1YmY1IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDEgMS04IDggOCA4IDAgMCAxIDgtOG0wLTJhMTAgMTAgMCAxIDAgMTAgMTBBMTAgMTAgMCAwIDAgMTIgMnoiLz48cGF0aCBkPSJNMTAuNTkgMTYuMTJhMSAxIDAgMCAxLS42OC0uMjZsLTMuODQtMy41NWExIDEgMCAwIDEgMS4zNi0xLjQ3bDMuMTMgMi44OUwxNiA4LjE3YTEgMSAwIDAgMSAxLjQzIDEuNDFsLTYuMTMgNi4yNWExIDEgMCAwIDEtLjcxLjI5eiIvPjwvc3ZnPg==")}.mc-fileuploader__file--is-invalid.svelte-1bhauwa .mc-fileuploader__file-icon.svelte-1bhauwa{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjYzYxMTEyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTAgMThhOCA4IDAgMSAxIDgtOCA4IDggMCAwIDEtOCA4eiIvPjxwYXRoIGQ9Ik0xMiA3YTEgMSAwIDAgMC0xIDF2NC4zOGExIDEgMCAwIDAgMiAwVjhhMSAxIDAgMCAwLTEtMXoiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjE2IiByPSIxIi8+PC9zdmc+")}.mc-fileuploader__delete.svelte-1bhauwa.svelte-1bhauwa{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete.svelte-1bhauwa.svelte-1bhauwa::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-1bhauwa.svelte-1bhauwa::after{content:"";width:1.5rem;height:1.5rem;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMDAwMDAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOC4wOCA4YTEgMSAwIDAgMC0xLjA4LjkyTDE2LjA4IDIwSDcuOTJMNyA4LjkyYTEgMSAwIDEgMC0yIC4xNmwxIDEyQTEgMSAwIDAgMCA3IDIyaDEwYTEgMSAwIDAgMCAxLS45MmwxLTEyQTEgMSAwIDAgMCAxOC4wOCA4eiIvPjxwYXRoIGQ9Ik0xOSA1aC0zLjc3bC0uNjUtMi4yN2ExIDEgMCAwIDAtMS0uNzNoLTMuMmExIDEgMCAwIDAtMSAuNzNMOC43NyA1SDVhMSAxIDAgMCAwIDAgMmgxNGExIDEgMCAwIDAgMC0yem0tOC42Mi0yaDMuMjRsLjU3IDJIOS44MXpNMTIuNSAxOHYtOGEuNS41IDAgMCAwLTEgMHY4YS41LjUgMCAwIDAgMSAwek0xNC4yNSAxOC41YS41LjUgMCAwIDAgLjUtLjQ3bC41LThhLjUuNSAwIDAgMC0uNDctLjUzLjQ5LjQ5IDAgMCAwLS41My40N2wtLjUgOGEuNS41IDAgMCAwIC40Ny41M3pNOS43NSAxOC41YS41LjUgMCAwIDAgLjQ3LS41M2wtLjUtOGEuNDkuNDkgMCAwIDAtLjUzLS40Ny41LjUgMCAwIDAtLjQ3LjUzbC41IDhhLjUuNSAwIDAgMCAuNTMuNDd6Ii8+PC9zdmc+") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete.svelte-1bhauwa.svelte-1bhauwa:focus{outline:none}.mc-fileuploader__delete.svelte-1bhauwa.svelte-1bhauwa: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 h(e,a,l){const i=e.slice();return i[13]=a[l],i[15]=l,i}function D(e){let a,l,i,r,n,c,M,f,x,h,D,I=e[13].name+"";function A(){return e[8](e[13])}return{c(){a=s("li"),l=s("span"),i=b(I),r=u(),n=s("span"),n.textContent=" ",c=u(),M=s("button"),f=u(),t(l,"class","mc-fileuploader__file-name svelte-1bhauwa"),t(n,"class","mc-fileuploader__file-icon svelte-1bhauwa"),t(M,"type","button"),t(M,"class","mc-fileuploader__delete svelte-1bhauwa"),t(M,"aria-label",e[2]),M.disabled=e[1],t(a,"id",`file-${e[15]}`),t(a,"class",x=e[3](e[13])+" "+e[5].class+" svelte-1bhauwa")},m(e,s){o(e,a,s),d(a,l),d(l,i),d(a,r),d(a,n),d(a,c),d(a,M),d(a,f),h||(D=m(M,"click",A),h=!0)},p(l,s){e=l,1&s&&I!==(I=e[13].name+"")&&g(i,I),4&s&&t(M,"aria-label",e[2]),2&s&&(M.disabled=e[1]),33&s&&x!==(x=e[3](e[13])+" "+e[5].class+" svelte-1bhauwa")&&t(a,"class",x)},d(e){e&&w(a),h=!1,D()}}}function I(e){let a,l=e[0],i=[];for(let a=0;a<l.length;a+=1)i[a]=D(h(e,l,a));return{c(){a=s("ul");for(let e=0;e<i.length;e+=1)i[e].c();t(a,"id","file_uploaded"),t(a,"class","mc-fileuploader__files svelte-1bhauwa")},m(e,l){o(e,a,l);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(a,null)},p(e,[s]){if(63&s){let t;for(l=e[0],t=0;t<l.length;t+=1){const o=h(e,l,t);i[t]?i[t].p(o,s):(i[t]=D(o),i[t].c(),i[t].m(a,null))}for(;t<i.length;t+=1)i[t].d(1);i.length=l.length}},i:r,o:r,d(e){e&&w(a),n(i,e)}}}function A(e,a,l){let{allowedExtensions:i}=a,{maxSize:s}=a,{disabled:t=!1}=a,{files:o}=a,{removelabel:r="Remove"}=a,w=new f;function n(e){w.dispatch("file-removed",e)}return e.$$set=e=>{l(5,a=c(c({},a),M(e))),"allowedExtensions"in e&&l(7,i=e.allowedExtensions),"maxSize"in e&&l(6,s=e.maxSize),"disabled"in e&&l(1,t=e.disabled),"files"in e&&l(0,o=e.files),"removelabel"in e&&l(2,r=e.removelabel)},e.$$.update=()=>{1&e.$$.dirty&&l(0,o=o||[]),64&e.$$.dirty&&l(6,s=s||void 0)},a=M(a),[o,t,r,function(e){let a=["mc-fileuploader__file"];return!function(e){const a=!i||function(e){if(i&&i.length>0){const a=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(a)))return!1}return!0}(e.name),l=function(e){const a=e/1024/1024;if(s&&a>s)return!1;return!0}(e.size);if(!a||!l)return!1;return!0}(e)?a.push("mc-fileuploader__file--is-invalid"):a.push("mc-fileuploader__file--is-valid"),a.join(" ")},n,a,s,i,e=>n(e)]}class v extends e{constructor(e){super(),a(this,e,A,I,l,{allowedExtensions:7,maxSize:6,disabled:1,files:0,removelabel:2},x)}}export{v as default};
+import{P as e,i as a,s as l,Q as i,e as s,g as t,b as o,n as r,o as w,J as n,c,q as u,t as b,d as M,j as d,l as m,k as f}from"../../index-c33b3772.js";import{E as g}from"../../EventHandler-02058705.js";function x(e){i(e,"svelte-1bhauwa",'.mc-fileuploader.svelte-1bhauwa.svelte-1bhauwa{position:relative;display:block}.mc-fileuploader__input.svelte-1bhauwa.svelte-1bhauwa{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-1bhauwa.svelte-1bhauwa{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:#120949;border-color:#120949;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-1bhauwa.svelte-1bhauwa,.mc-fileuploader__label.svelte-1bhauwa.svelte-1bhauwa:hover{background-color:#e5e7fa;color:#161cb6}.mc-fileuploader__label.is-active.svelte-1bhauwa.svelte-1bhauwa,.mc-fileuploader__label.svelte-1bhauwa.svelte-1bhauwa:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label.is-active.svelte-1bhauwa.svelte-1bhauwa,.mc-fileuploader__label.svelte-1bhauwa.svelte-1bhauwa:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label.svelte-1bhauwa.svelte-1bhauwa:disabled,.mc-fileuploader__label.is-disabled.svelte-1bhauwa.svelte-1bhauwa{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label.svelte-1bhauwa.svelte-1bhauwa::before{content:"";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTIwOTQ5IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus.svelte-1bhauwa+.mc-fileuploader__label.svelte-1bhauwa,.svelte-1bhauwa:focus+.mc-fileuploader__label.svelte-1bhauwa{-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-1bhauwa+.mc-fileuploader__label.svelte-1bhauwa,.svelte-1bhauwa:hover+.mc-fileuploader__label.svelte-1bhauwa{color:#161cb6;background-color:#e5e7fa}.is-disabled.svelte-1bhauwa+.mc-fileuploader__label.svelte-1bhauwa,.svelte-1bhauwa:disabled+.mc-fileuploader__label.svelte-1bhauwa{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled.svelte-1bhauwa+.mc-fileuploader__label.svelte-1bhauwa::before,.svelte-1bhauwa:disabled+.mc-fileuploader__label.svelte-1bhauwa::before{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNjY2NjY2IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat}.mc-fileuploader__files.svelte-1bhauwa.svelte-1bhauwa{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file.svelte-1bhauwa.svelte-1bhauwa{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-1bhauwa.svelte-1bhauwa:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name.svelte-1bhauwa.svelte-1bhauwa{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-1bhauwa.svelte-1bhauwa{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-1bhauwa .mc-fileuploader__file-icon.svelte-1bhauwa{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNGQ1YmY1IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDEgMS04IDggOCA4IDAgMCAxIDgtOG0wLTJhMTAgMTAgMCAxIDAgMTAgMTBBMTAgMTAgMCAwIDAgMTIgMnoiLz48cGF0aCBkPSJNMTAuNTkgMTYuMTJhMSAxIDAgMCAxLS42OC0uMjZsLTMuODQtMy41NWExIDEgMCAwIDEgMS4zNi0xLjQ3bDMuMTMgMi44OUwxNiA4LjE3YTEgMSAwIDAgMSAxLjQzIDEuNDFsLTYuMTMgNi4yNWExIDEgMCAwIDEtLjcxLjI5eiIvPjwvc3ZnPg==")}.mc-fileuploader__file--is-invalid.svelte-1bhauwa .mc-fileuploader__file-icon.svelte-1bhauwa{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjYzYxMTEyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTAgMThhOCA4IDAgMSAxIDgtOCA4IDggMCAwIDEtOCA4eiIvPjxwYXRoIGQ9Ik0xMiA3YTEgMSAwIDAgMC0xIDF2NC4zOGExIDEgMCAwIDAgMiAwVjhhMSAxIDAgMCAwLTEtMXoiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjE2IiByPSIxIi8+PC9zdmc+")}.mc-fileuploader__file--is-invalid.svelte-1bhauwa .mc-fileuploader__file-message.svelte-1bhauwa{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-1bhauwa.svelte-1bhauwa{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete.svelte-1bhauwa.svelte-1bhauwa::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-1bhauwa.svelte-1bhauwa::after{content:"";width:1.5rem;height:1.5rem;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMDAwMDAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOC4wOCA4YTEgMSAwIDAgMC0xLjA4LjkyTDE2LjA4IDIwSDcuOTJMNyA4LjkyYTEgMSAwIDEgMC0yIC4xNmwxIDEyQTEgMSAwIDAgMCA3IDIyaDEwYTEgMSAwIDAgMCAxLS45MmwxLTEyQTEgMSAwIDAgMCAxOC4wOCA4eiIvPjxwYXRoIGQ9Ik0xOSA1aC0zLjc3bC0uNjUtMi4yN2ExIDEgMCAwIDAtMS0uNzNoLTMuMmExIDEgMCAwIDAtMSAuNzNMOC43NyA1SDVhMSAxIDAgMCAwIDAgMmgxNGExIDEgMCAwIDAgMC0yem0tOC42Mi0yaDMuMjRsLjU3IDJIOS44MXpNMTIuNSAxOHYtOGEuNS41IDAgMCAwLTEgMHY4YS41LjUgMCAwIDAgMSAwek0xNC4yNSAxOC41YS41LjUgMCAwIDAgLjUtLjQ3bC41LThhLjUuNSAwIDAgMC0uNDctLjUzLjQ5LjQ5IDAgMCAwLS41My40N2wtLjUgOGEuNS41IDAgMCAwIC40Ny41M3pNOS43NSAxOC41YS41LjUgMCAwIDAgLjQ3LS41M2wtLjUtOGEuNDkuNDkgMCAwIDAtLjUzLS40Ny41LjUgMCAwIDAtLjQ3LjUzbC41IDhhLjUuNSAwIDAgMCAuNTMuNDd6Ii8+PC9zdmc+") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete.svelte-1bhauwa.svelte-1bhauwa:focus{outline:none}.mc-fileuploader__delete.svelte-1bhauwa.svelte-1bhauwa: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 h(e,a,l){const i=e.slice();return i[15]=a[l],i[17]=l,i}function D(e){let a,l,i=e[3][e[15].errorType]+"";return{c(){a=s("div"),l=b(i),t(a,"class","mc-fileuploader__file-message svelte-1bhauwa")},m(e,i){o(e,a,i),d(a,l)},p(e,a){9&a&&i!==(i=e[3][e[15].errorType]+"")&&f(l,i)},d(e){e&&w(a)}}}function p(e){let a,l,i,r,n,c,u,g,x,h,p,I,A=e[15].name+"";function v(){return e[9](e[15])}let L=e[15].errorType&&D(e);return{c(){a=s("li"),l=s("span"),i=b(A),r=M(),n=s("span"),n.textContent=" ",c=M(),u=s("button"),g=M(),L&&L.c(),x=M(),t(l,"class","mc-fileuploader__file-name svelte-1bhauwa"),t(n,"class","mc-fileuploader__file-icon svelte-1bhauwa"),t(u,"type","button"),t(u,"class","mc-fileuploader__delete svelte-1bhauwa"),t(u,"aria-label",e[2]),u.disabled=e[1],t(a,"id",`file-${e[17]}`),t(a,"class",h=e[4](e[15])+" "+e[6].class+" svelte-1bhauwa")},m(e,s){o(e,a,s),d(a,l),d(l,i),d(a,r),d(a,n),d(a,c),d(a,u),d(a,g),L&&L.m(a,null),d(a,x),p||(I=m(u,"click",v),p=!0)},p(l,s){e=l,1&s&&A!==(A=e[15].name+"")&&f(i,A),4&s&&t(u,"aria-label",e[2]),2&s&&(u.disabled=e[1]),e[15].errorType?L?L.p(e,s):(L=D(e),L.c(),L.m(a,x)):L&&(L.d(1),L=null),65&s&&h!==(h=e[4](e[15])+" "+e[6].class+" svelte-1bhauwa")&&t(a,"class",h)},d(e){e&&w(a),L&&L.d(),p=!1,I()}}}function I(e){let a,l=e[0],i=[];for(let a=0;a<l.length;a+=1)i[a]=p(h(e,l,a));return{c(){a=s("ul");for(let e=0;e<i.length;e+=1)i[e].c();t(a,"id","file_uploaded"),t(a,"class","mc-fileuploader__files svelte-1bhauwa")},m(e,l){o(e,a,l);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(a,null)},p(e,[s]){if(127&s){let t;for(l=e[0],t=0;t<l.length;t+=1){const o=h(e,l,t);i[t]?i[t].p(o,s):(i[t]=p(o),i[t].c(),i[t].m(a,null))}for(;t<i.length;t+=1)i[t].d(1);i.length=l.length}},i:r,o:r,d(e){e&&w(a),n(i,e)}}}function A(e,a,l){let{allowedExtensions:i}=a,{maxSize:s}=a,{disabled:t=!1}=a,{files:o}=a,{removelabel:r="Remove"}=a,{errorLabels:w}=a,n=new g;function b(e){if(i&&i.length>0){const a=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(a)))return!1}return!0}function M(e){return!(s&&e/1024/1024>s)}function d(e){n.dispatch("file-removed",e)}return e.$$set=e=>{l(6,a=c(c({},a),u(e))),"allowedExtensions"in e&&l(8,i=e.allowedExtensions),"maxSize"in e&&l(7,s=e.maxSize),"disabled"in e&&l(1,t=e.disabled),"files"in e&&l(0,o=e.files),"removelabel"in e&&l(2,r=e.removelabel),"errorLabels"in e&&l(3,w=e.errorLabels)},e.$$.update=()=>{1&e.$$.dirty&&l(0,o=o?function(e){let a=[...e];return a.forEach(((e,a)=>{const l=b(e.name),i=M(e.size);let s="";l||(s="invalid-extension"),i||(s="invalid-size"),e.errorType&&(s=e.errorType),l&&i&&!e.errorType||(e.errorType=s)})),a}(o):[]),128&e.$$.dirty&&l(7,s=s||void 0)},a=u(a),[o,t,r,w,function(e){let a=["mc-fileuploader__file"];return!function(e){const a=!i||b(e.name),l=M(e.size);if(!a||!l)return!1;return!0}(e)||e.errorType?a.push("mc-fileuploader__file--is-invalid"):a.push("mc-fileuploader__file--is-valid"),a.join(" ")},d,a,s,i,e=>d(e)]}class v extends e{constructor(e){super(),a(this,e,A,I,l,{allowedExtensions:8,maxSize:7,disabled:1,files:0,removelabel:2,errorLabels:3},x)}}export{v as default};
 //# sourceMappingURL=ResultFile.nested.js.map

package/public/bricoman/components/fileuploader/ResultFile.nested.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResultFile.nested.js","sources":["../../../../src/components/fileuploader/ResultFile.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let allowedExtensions: [];\n export let maxSize: number;\n export let disabled = false;\n export let files: FileList;\n export let removelabel = 'Remove';\n\n let eventHandler = new EventHandler();\n $: files = files ? (files ~~as FileList~~) : [];\n $: maxSize = maxSize ? maxSize : undefined;\n\n function setClasses(file: File): string {\n let classes = ['mc-fileuploader__file'];\n\n if (checkFileStatus(file)) classes.push('mc-fileuploader__file--is-valid');\n else classes.push('mc-fileuploader__file--is-invalid');\n return classes.join(' ');\n }\n\n function checkFileExtension(fileName: string): boolean {\n if (allowedExtensions && allowedExtensions.length > 0) {\n const extension: string = fileName.slice(\n ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n );\n if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n return false; // invalid\n }\n }\n\n return true; // valid\n }\n\n function 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 checkFileStatus(file: File): boolean {\n const validExtension = allowedExtensions\n ? checkFileExtension(file.name)\n : true;\n const validSize = checkFileSize(file.size);\n\n if (!validExtension \|\| !validSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n\n function deleteFile(file) {\n eventHandler.dispatch('file-removed', file);\n }\n</script>\n\n<ul id=\"file_uploaded\" class=\"mc-fileuploader__files\">\n {#each files as file, index}\n <li id={`file-${index}`} class=\"{setClasses(file)} {$$props.class}\">\n <span class=\"mc-fileuploader__file-name\">{file.name}</span>\n <span class=\"mc-fileuploader__file-icon\"> </span>\n <button\n type=\"button\"\n class=\"mc-fileuploader__delete\"\n aria-label={removelabel}\n {disabled}\n on:click={() => deleteFile(file)}\n />\n </li>\n {/each}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["~~t0_value~~","~~ctx~~","~~name~~","~~attr~~","li","~~li_class_value~~","~~class~~","~~insert~~","~~target~~","~~anchor~~","append","span0","span1","button","dirty","~~set_data","~~t0","length","i","ul","allowedExtensions","$$props","maxSize","disabled","files","removelabel","eventHandler","EventHandler","~~deleteFile~~","~~file~~","~~dispatch~~","~~$$invalidate~~","~~undefined~~","~~classes~~","~~validExtension~~","~~fileName~~","~~extension~~","~~slice~~","~~lastIndexOf~~","~~includes~~","~~String~~","~~checkFileExtension~~","validSize","~~fileSize~~","~~fileSizeMB~~","~~checkFileSize~~","~~size~~","checkFileStatus","push","join"],"mappings":"~~w7RAkEgDA~~,EAAAC,~~MAAKC~~,KAAI,~~uVAKrCD~~,EAAW,qCANXA,EAAK,~~OAAYE~~,EAAAC,EAAA,QAAAC,~~EAAAJ~~,EAAW,GAAAA,EAAQ,KAAA,IAAAA,~~KAAQK~~,MAAK,~~2BAAjEC~~,~~EAUIC~~,~~EAAAJ~~,~~EAAAK~~,~~GATFC~~,~~EAA0DN~~,~~EAAAO~~,iBAC1DD,~~EAAqDN~~,~~EAAAQ~~,UACrDF,~~EAMCN~~,~~EAAAS~~,~~iDARyC~~,EAAAC,~~GAAAd~~,KAAAA,~~EAAAC~~,~~MAAKC~~,KAAI,~~KAAAa~~,~~EAAAC~~,~~EAAAhB~~,~~yBAKrCC~~,EAAW,~~2BANM~~,~~GAAAa~~,~~GAAAT~~,KAAAA,~~EAAAJ~~,EAAW,GAAAA,EAAQ,KAAA,IAAAA,~~KAAQK~~,MAAK,~~kFAD5DL~~,EAAK,~~wBAAVgB~~,OAAIC,GAAA,~~oKADRX~~,~~EAcIC~~,~~EAAAW~~,~~EAAAV~~,~~mFAbKR~~,EAAK,~~WAAVgB~~,OAAIC,GAAA,EAAA,iHAAJD,+~~EA1DSG~~,GAAqBC,WACrBC,GAAeD,GACfE,SAAAA,GAAW,GAAKF,SAChBG,GAAeH,GACfI,YAAAA,EAAc,UAAQJ,~~EAE7BK~~,MAAmBC,~~EA8Cd~~,SAAAC,EAAWC,~~GAClBH~~,~~EAAaI~~,SAAS,eAAgBD,~~uQA9CrCE~~,~~EAAA~~,~~EAAAP~~,~~EAAQA~~,~~GAA2B~~,~~uBACnCF~~,~~EAAUA~~,~~QAAoBU~~,~~kBAExB~~,~~SAAWH~~,~~GACd~~,~~IAAAI~~,~~GAAW~~,~~gCA4BR~~,~~SAAgBJ~~,~~SACjBK~~,~~GAAiBd~~,~~GAtBhB~~,~~SAAmBe~~,~~GACtB~~,~~GAAAf~~,~~GAAqBA~~,~~EAAkBH~~,~~OAAS~~,~~EAAC~~,~~CAC7C~~,~~MAAAmB~~,~~EAAoBD~~,~~EAASE~~,~~MACS~~,~~GAAxCF~~,~~EAASG~~,~~YAAY~~,~~KAAO~~,~~IAAO~~,~~IAEnC~~,~~GAAAlB~~,~~IAAsBA~~,~~EAAkBmB~~,~~SAASC~~,~~OAAOJ~~,~~WACnD~~,~~SAIJ~~,~~EAaHK~~,~~CAAmBZ~~,~~EAAK3B~~,~~MAEtBwC~~,~~EAZC~~,~~SAAcC~~,~~GACf~~,~~MAAAC~~,~~EAAaD~~,~~EAAW~~,~~KAAO~~,~~QACjCrB~~,~~GAAWsB~~,~~EAAatB~~,~~SACnB~~,~~SAGF~~,~~EAMWuB~~,~~CAAchB~~,~~EAAKiB~~,MAEhC,~~IAAAZ~~,~~IAAmBQ~~,SACf,SAGF,~~EApCHK~~,~~CAAgBlB~~,~~GACfI~~,~~EAAQe~~,KAAK,~~qCADSf~~,~~EAAQe~~,KAAK,~~mCAEjCf~~,~~EAAQgB~~,KAAK,~~cAoDApB~~,GAAAD,EAAWC"}
1	+ {"version":3,"file":"ResultFile.nested.js","sources":["../../../../src/components/fileuploader/ResultFile.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let allowedExtensions: [];\n export let maxSize: number;\n export let disabled = false;\n export let files: FileList;\n export let removelabel = 'Remove';\n export let errorLabels;\n\n let eventHandler = new EventHandler();\n $: files = files ? handleChange(files) : [];\n $: maxSize = maxSize ? maxSize : undefined;\n\n function setClasses(file: File): string {\n let classes = ['mc-fileuploader__file'];\n\n if (checkFileStatus(file) && !file.errorType)\n classes.push('mc-fileuploader__file--is-valid');\n else classes.push('mc-fileuploader__file--is-invalid');\n return classes.join(' ');\n }\n\n function checkFileExtension(fileName: string): boolean {\n if (allowedExtensions && allowedExtensions.length > 0) {\n const extension: string = fileName.slice(\n ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n );\n if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n return false; // invalid\n }\n }\n\n return true; // valid\n }\n\n function 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 handleChange(myFiles: FileList): void {\n let files = [...myFiles];\n files.forEach((file, index) => {\n const validExtension = checkFileExtension(file.name);\n const validSize = checkFileSize(file.size);\n let errorType = '';\n if (!validExtension) {\n errorType = 'invalid-extension';\n }\n if (!validSize) {\n errorType = 'invalid-size';\n }\n if (file.errorType) {\n errorType = file.errorType;\n }\n if (!validExtension \|\| !validSize \|\| file.errorType) {\n file.errorType = errorType;\n }\n });\n return files;\n }\n\n function checkFileStatus(file: File): boolean {\n const validExtension = allowedExtensions\n ? checkFileExtension(file.name)\n : true;\n const validSize = checkFileSize(file.size);\n\n if (!validExtension \|\| !validSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n\n function deleteFile(file) {\n eventHandler.dispatch('file-removed', file);\n }\n</script>\n\n<ul id=\"file_uploaded\" class=\"mc-fileuploader__files\">\n {#each files as file, index}\n <li id={`file-${index}`} class=\"{setClasses(file)} {$$props.class}\">\n <span class=\"mc-fileuploader__file-name\">{file.name}</span>\n <span class=\"mc-fileuploader__file-icon\"> </span>\n <button\n type=\"button\"\n class=\"mc-fileuploader__delete\"\n aria-label={removelabel}\n {disabled}\n on:click={() => deleteFile(file)}\n />\n {#if file.errorType}\n <div class=\"mc-fileuploader__file-message\">\n {errorLabels[file.errorType]}\n </div>\n {/if}\n </li>\n {/each}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["ctx","errorType","insert","target","div","anchor","set_data","t","t_value","t0_value","name","if_block","create_if_block","attr","li","li_class_value","class","append","span0","span1","button","dirty","t0","length","i","ul","allowedExtensions","$$props","maxSize","disabled","files","removelabel","errorLabels","eventHandler","EventHandler","checkFileExtension","fileName","extension","slice","lastIndexOf","includes","String","checkFileSize","fileSize","deleteFile","file","dispatch","myFiles","forEach","index","validExtension","validSize","size","handleChange","undefined","classes","checkFileStatus","push","join"],"mappings":"spSAqGWA,EAAW,GAACA,EAAI,IAACC,WAAS,oGAD7BC,EAEKC,EAAAC,EAAAC,8BADFL,EAAW,GAACA,EAAI,IAACC,WAAS,KAAAK,EAAAC,EAAAC,6DAXWC,EAAAT,MAAKU,KAAI,mCAS9C,IAAAC,EAAAX,MAAKC,WAASW,EAAAZ,sUAJLA,EAAW,qCANXA,EAAK,OAAYa,EAAAC,EAAA,QAAAC,EAAAf,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQgB,MAAK,2BAAjEd,EAeIC,EAAAW,EAAAT,GAdFY,EAA0DH,EAAAI,iBAC1DD,EAAqDH,EAAAK,UACrDF,EAMCH,EAAAM,uEARyC,EAAAC,GAAAZ,KAAAA,EAAAT,MAAKU,KAAI,KAAAJ,EAAAgB,EAAAb,yBAKrCT,EAAW,2BAIpBA,MAAKC,gEAVqB,GAAAoB,GAAAN,KAAAA,EAAAf,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQgB,MAAK,2FAD5DhB,EAAK,wBAAVuB,OAAIC,GAAA,oKADRtB,EAmBIC,EAAAsB,EAAApB,oFAlBKL,EAAK,WAAVuB,OAAIC,GAAA,EAAA,iHAAJD,+EAlFSG,GAAqBC,WACrBC,GAAeD,GACfE,SAAAA,GAAW,GAAKF,SAChBG,GAAeH,GACfI,YAAAA,EAAc,UAAQJ,eACtBK,GAAWL,EAElBM,MAAmBC,EAad,SAAAC,EAAmBC,GACtB,GAAAV,GAAqBA,EAAkBH,OAAS,EAAC,CAC7C,MAAAc,EAAoBD,EAASE,MACS,GAAxCF,EAASG,YAAY,KAAO,IAAO,IAEnC,GAAAb,IAAsBA,EAAkBc,SAASC,OAAOJ,WACnD,SAIJ,EAGA,SAAAK,EAAcC,WAEjBf,GADee,EAAW,KAAO,KACTf,GAyCrB,SAAAgB,EAAWC,GAClBZ,EAAaa,SAAS,eAAgBD,mTArErCf,EAAQA,EAiCF,SAAaiB,GAChB,IAAAjB,MAAYiB,UAChBjB,EAAMkB,SAAS,CAAAH,EAAMI,KACb,MAAAC,EAAiBf,EAAmBU,EAAKnC,MACzCyC,EAAYT,EAAcG,EAAKO,MACjC,IAAAnD,EAAY,GACXiD,IACHjD,EAAY,qBAETkD,IACHlD,EAAY,gBAEV4C,EAAK5C,YACPA,EAAY4C,EAAK5C,WAEdiD,GAAmBC,IAAaN,EAAK5C,YACxC4C,EAAK5C,UAAYA,MAGd6B,EApDUuB,CAAavB,GAAK,wBAClCF,EAAUA,QAAoB0B,oBAExB,SAAWT,GACd,IAAAU,GAAW,gCAmDR,SAAgBV,SACjBK,GAAiBxB,GACnBS,EAAmBU,EAAKnC,MAEtByC,EAAYT,EAAcG,EAAKO,MAEhC,IAAAF,IAAmBC,SACf,SAGF,EA3DHK,CAAgBX,IAAUA,EAAK5C,UAE9BsD,EAAQE,KAAK,qCADhBF,EAAQE,KAAK,mCAERF,EAAQG,KAAK,cA0EAb,GAAAD,EAAWC"}

package/public/bricoman/components/link/Link.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i,a as t,b as n,f as s,s as o,c as r,e as l,d as c,t as a,n as m,h,j as d,B as f,l as k,I as b,X as p,m as g,o as u,H as x,p as $,r as v,q as w,g as y,O as z}from"../../index-c33b3772.js";import{c as _}from"../../EventForward-8492ff62.js";function j(e){let i,t,s=`<${M(e[6])} />`;return{c(){i=l("span"),y(i,"class",t=T(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${M(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=T(e[7]))&&y(i,"class",t)},d(e){e&&u(i)}}}function H(e){let i,t,s=`<${M(e[6])} />`;return{c(){i=l("span"),y(i,"class",t=T(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${M(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=T(e[7]))&&y(i,"class",t)},d(e){e&&u(i)}}}function L(e){let i,t,s,o,$,v,w,y=e[6]&&"left"===e[7]&&j(e),z=e[6]&&"right"===e[7]&&H(e),_=[{href:e[1]},{target:e[2]},{class:$=C(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],L={};for(let e=0;e<_.length;e+=1)L=r(L,_[e]);return{c(){i=l("a"),y&&y.c(),t=c(),s=a(e[0]),o=c(),z&&z.c(),this.c=m,h(i,L)},m(r,l){n(r,i,l),y&&y.m(i,null),d(i,t),d(i,s),d(i,o),z&&z.m(i,null),v||(w=[f(e[10].call(null,i)),k(i,"click",b(e[11]))],v=!0)},p(e,[n]){e[6]&&"left"===e[7]?y?y.p(e,n):(y=j(e),y.c(),y.m(i,t)):y&&(y.d(1),y=null),1&n&&p(s,e[0],L.contenteditable),e[6]&&"right"===e[7]?z?z.p(e,n):(z=H(e),z.c(),z.m(i,null)):z&&(z.d(1),z=null),h(i,L=g(_,[2&n&&{href:e[1]},4&n&&{target:e[2]},568&n&&$!==($=C(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:$},256&n&&e[8]]))},i:m,o:m,d(e){e&&u(i),y&&y.d(),z&&z.d(),v=!1,x(w)}}}function M(e){return`${e} size="1rem"`}function T(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function C(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function E(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let l=$(i,o),{label:c}=i,{href:a}=i,{target:m}=i,{theme:h}=i,{disabled:d=!1}=i,{size:f="m"}=i,{iconname:k}=i,{iconposition:b}=i;const p=_(v());return e.$$set=e=>{t(13,i=r(r({},i),w(e))),t(12,l=$(i,o)),"label"in e&&t(0,c=e.label),"href"in e&&t(1,a=e.href),"target"in e&&t(2,m=e.target),"theme"in e&&t(3,h=e.theme),"disabled"in e&&t(4,d=e.disabled),"size"in e&&t(5,f=e.size),"iconname"in e&&t(6,k=e.iconname),"iconposition"in e&&t(7,b=e.iconposition)},e.$$.update=()=>{t(9,n=i.class),t(8,s=Object.assign({},l)),256&e.$$.dirty&&delete s.class},i=w(i),[c,a,m,h,d,f,k,b,s,n,p,function(i){z.call(this,e,i)}]}class O extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#ff5800}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#ff5800}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#b83f00}.mc-link--primary.is-active,.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}',this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},E,L,o,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["label","href","target","theme","disabled","size","iconname","iconposition"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),s()}get href(){return this.$$.ctx[1]}set href(e){this.$$set({href:e}),s()}get target(){return this.$$.ctx[2]}set target(e){this.$$set({target:e}),s()}get theme(){return this.$$.ctx[3]}set theme(e){this.$$set({theme:e}),s()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),s()}get size(){return this.$$.ctx[5]}set size(e){this.$$set({size:e}),s()}get iconname(){return this.$$.ctx[6]}set iconname(e){this.$$set({iconname:e}),s()}get iconposition(){return this.$$.ctx[7]}set iconposition(e){this.$$set({iconposition:e}),s()}}export{O as default};
+import{S as e,i,a as t,b as n,f as s,s as o,c as r,e as l,d as c,t as a,n as m,h,j as d,B as f,l as k,X as b,m as p,o as g,H as u,p as x,r as $,q as v,g as w,O as y}from"../../index-c33b3772.js";import{c as z}from"../../EventForward-8492ff62.js";function _(e){let i,t,s=`<${L(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=M(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${L(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=M(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function j(e){let i,t,s=`<${L(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=M(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${L(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=M(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function H(e){let i,t,s,o,x,$,v,w=e[6]&&"left"===e[7]&&_(e),y=e[6]&&"right"===e[7]&&j(e),z=[{href:e[1]},{target:e[2]},{class:x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],H={};for(let e=0;e<z.length;e+=1)H=r(H,z[e]);return{c(){i=l("a"),w&&w.c(),t=c(),s=a(e[0]),o=c(),y&&y.c(),this.c=m,h(i,H)},m(r,l){n(r,i,l),w&&w.m(i,null),d(i,t),d(i,s),d(i,o),y&&y.m(i,null),$||(v=[f(e[10].call(null,i)),k(i,"click",e[11])],$=!0)},p(e,[n]){e[6]&&"left"===e[7]?w?w.p(e,n):(w=_(e),w.c(),w.m(i,t)):w&&(w.d(1),w=null),1&n&&b(s,e[0],H.contenteditable),e[6]&&"right"===e[7]?y?y.p(e,n):(y=j(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),h(i,H=p(z,[2&n&&{href:e[1]},4&n&&{target:e[2]},568&n&&x!==(x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:x},256&n&&e[8]]))},i:m,o:m,d(e){e&&g(i),w&&w.d(),y&&y.d(),$=!1,u(v)}}}function L(e){return`${e} size="1rem"`}function M(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function T(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function C(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let l=x(i,o),{label:c}=i,{href:a}=i,{target:m}=i,{theme:h}=i,{disabled:d=!1}=i,{size:f="m"}=i,{iconname:k}=i,{iconposition:b}=i;const p=z($());return e.$$set=e=>{t(13,i=r(r({},i),v(e))),t(12,l=x(i,o)),"label"in e&&t(0,c=e.label),"href"in e&&t(1,a=e.href),"target"in e&&t(2,m=e.target),"theme"in e&&t(3,h=e.theme),"disabled"in e&&t(4,d=e.disabled),"size"in e&&t(5,f=e.size),"iconname"in e&&t(6,k=e.iconname),"iconposition"in e&&t(7,b=e.iconposition)},e.$$.update=()=>{t(9,n=i.class),t(8,s=Object.assign({},l)),256&e.$$.dirty&&delete s.class},i=v(i),[c,a,m,h,d,f,k,b,s,n,p,function(i){y.call(this,e,i)}]}class E extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#ff5800}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#ff5800}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#b83f00}.mc-link--primary.is-active,.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}',this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},C,H,o,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["label","href","target","theme","disabled","size","iconname","iconposition"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),s()}get href(){return this.$$.ctx[1]}set href(e){this.$$set({href:e}),s()}get target(){return this.$$.ctx[2]}set target(e){this.$$set({target:e}),s()}get theme(){return this.$$.ctx[3]}set theme(e){this.$$set({theme:e}),s()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),s()}get size(){return this.$$.ctx[5]}set size(e){this.$$set({size:e}),s()}get iconname(){return this.$$.ctx[6]}set iconname(e){this.$$set({iconname:e}),s()}get iconposition(){return this.$$.ctx[7]}set iconposition(e){this.$$set({iconposition:e}),s()}}export{E as default};
 //# sourceMappingURL=Link.js.map

package/public/bricoman/components/link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let label: string;\n export let href: string;\n export let target: string;\n export let theme: LinkTheme = undefined;\n export let disabled = false;\n export let size: LinkSize = 'm';\n export let iconname: string \| undefined = undefined;\n export let iconposition: LinkIconPosition \| undefined = undefined;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(iconName: string): string {\n return `${iconName} size=\"1rem\"`;\n }\n\n function generateIconClass(iconposition: string): string {\n const classes = ['mc-link__icon'];\n\n if (iconposition === 'left') {\n classes.push('mc-link__icon--left');\n }\n\n if (iconposition === 'right') {\n classes.push('mc-link__icon--right');\n }\n return classes.join(' ');\n }\n\n function setClasses(theme: LinkTheme, size: LinkSize): string {\n const classes = ['mc-link'];\n\n if (theme) {\n classes.push(`mc-link--${theme}`);\n }\n if (size) {\n classes.push(`mc-link--${size}`);\n }\n return classes.join(' ');\n }\n</script>\n\n<a\n use:forwardEvents\n on:click~~\|stopPropagation~~\n {href}\n {target}\n class=\"{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}\"\n {...attributes}\n>\n {#if iconname && iconposition === 'left'}\n <span class={generateIconClass(iconposition)}>\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n\n {label}\n\n {#if iconname && iconposition === 'right'}\n <span class={generateIconClass(iconposition)}>\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n</a>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":["raw_value","generateIconName","ctx","attr","span","span_class_value","generateIconClass","insert","target","anchor","dirty","innerHTML","create_if_block_1","create_if_block","setClasses","a","a_data","class","a_class_value","iconName","iconposition","classes","push","join","theme","size","label","$$props","href","disabled","iconname","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"~~mRA6DiBA~~,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAkBJ,EAAY,aAA3CK,EAEMC,EAAAJ,EAAAK,yBADO,GAAAC,GAAAV,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAO,UAAAX,GADzB,IAAAU,GAAAL,KAAAA,EAAAC,EAAkBJ,EAAY,2DAS9BF,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAkBJ,EAAY,aAA3CK,EAEMC,EAAAJ,EAAAK,yBADO,GAAAC,GAAAV,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAO,UAAAX,GADzB,IAAAU,GAAAL,KAAAA,EAAAC,EAAkBJ,EAAY,uEATxCA,EAAQ,IAAqB,SAAjBA,EAAY,IAAWU,EAAAV,KAQnCA,EAAQ,IAAqB,UAAjBA,EAAY,IAAYW,EAAAX,yCAXjCY,EAAWZ,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,IACvEA,EAAU,wFAQbA,EAAK,2CAdRK,EAqBGC,EAAAO,EAAAN,~~0HAbIP~~,EAAQ,IAAqB,SAAjBA,EAAY,kEAM5BA,EAAK,GAAAc,EAAA,iBAEDd,EAAQ,IAAqB,UAAjBA,EAAY,yHAXrBY,EAAWZ,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,KAAA,CAAAe,MAAAC,UACvEhB,EAAU,0DApCL,SAAAD,EAAiBkB,YACdA,gBAGH,SAAAb,EAAkBc,GACnB,MAAAC,GAAW,uBAEI,SAAjBD,GACFC,EAAQC,KAAK,uBAGM,UAAjBF,GACFC,EAAQC,KAAK,wBAERD,EAAQE,KAAK,cAGbT,EAAWU,EAAkBC,GAC9B,MAAAJ,GAAW,kBAEbG,GACFH,EAAQC,KAAI,YAAaE,KAEvBC,GACFJ,EAAQC,KAAI,YAAaG,KAEpBJ,EAAQE,KAAK,yIAzCXG,GAAaC,QACbC,GAAYD,UACZnB,GAAcmB,GACdH,MAAAA,GAA4BG,GAC5BE,SAAAA,GAAW,GAAKF,GAChBF,KAAAA,EAAiB,KAAGE,GACpBG,SAAAA,GAAwCH,GACxCP,aAAAA,GAAsDO,QAE3DI,EAAgBC,EAAqBC,yUAExCC,EAAA,EAAAC,EAAYR,EAAQV,WACpBmB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWnB"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let label: string;\n export let href: string;\n export let target: string;\n export let theme: LinkTheme = undefined;\n export let disabled = false;\n export let size: LinkSize = 'm';\n export let iconname: string \| undefined = undefined;\n export let iconposition: LinkIconPosition \| undefined = undefined;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(iconName: string): string {\n return `${iconName} size=\"1rem\"`;\n }\n\n function generateIconClass(iconposition: string): string {\n const classes = ['mc-link__icon'];\n\n if (iconposition === 'left') {\n classes.push('mc-link__icon--left');\n }\n\n if (iconposition === 'right') {\n classes.push('mc-link__icon--right');\n }\n return classes.join(' ');\n }\n\n function setClasses(theme: LinkTheme, size: LinkSize): string {\n const classes = ['mc-link'];\n\n if (theme) {\n classes.push(`mc-link--${theme}`);\n }\n if (size) {\n classes.push(`mc-link--${size}`);\n }\n return classes.join(' ');\n }\n</script>\n\n<a\n use:forwardEvents\n on:click\n {href}\n {target}\n class=\"{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}\"\n {...attributes}\n>\n {#if iconname && iconposition === 'left'}\n <span class={generateIconClass(iconposition)}>\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n\n {label}\n\n {#if iconname && iconposition === 'right'}\n <span class={generateIconClass(iconposition)}>\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n</a>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":["raw_value","generateIconName","ctx","attr","span","span_class_value","generateIconClass","insert","target","anchor","dirty","innerHTML","create_if_block_1","create_if_block","setClasses","a","a_data","class","a_class_value","iconName","iconposition","classes","push","join","theme","size","label","$$props","href","disabled","iconname","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"4QA6DiBA,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAkBJ,EAAY,aAA3CK,EAEMC,EAAAJ,EAAAK,yBADO,GAAAC,GAAAV,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAO,UAAAX,GADzB,IAAAU,GAAAL,KAAAA,EAAAC,EAAkBJ,EAAY,2DAS9BF,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAkBJ,EAAY,aAA3CK,EAEMC,EAAAJ,EAAAK,yBADO,GAAAC,GAAAV,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAO,UAAAX,GADzB,IAAAU,GAAAL,KAAAA,EAAAC,EAAkBJ,EAAY,uEATxCA,EAAQ,IAAqB,SAAjBA,EAAY,IAAWU,EAAAV,KAQnCA,EAAQ,IAAqB,UAAjBA,EAAY,IAAYW,EAAAX,yCAXjCY,EAAWZ,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,IACvEA,EAAU,wFAQbA,EAAK,2CAdRK,EAqBGC,EAAAO,EAAAN,uHAbIP,EAAQ,IAAqB,SAAjBA,EAAY,kEAM5BA,EAAK,GAAAc,EAAA,iBAEDd,EAAQ,IAAqB,UAAjBA,EAAY,yHAXrBY,EAAWZ,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,KAAA,CAAAe,MAAAC,UACvEhB,EAAU,0DApCL,SAAAD,EAAiBkB,YACdA,gBAGH,SAAAb,EAAkBc,GACnB,MAAAC,GAAW,uBAEI,SAAjBD,GACFC,EAAQC,KAAK,uBAGM,UAAjBF,GACFC,EAAQC,KAAK,wBAERD,EAAQE,KAAK,cAGbT,EAAWU,EAAkBC,GAC9B,MAAAJ,GAAW,kBAEbG,GACFH,EAAQC,KAAI,YAAaE,KAEvBC,GACFJ,EAAQC,KAAI,YAAaG,KAEpBJ,EAAQE,KAAK,yIAzCXG,GAAaC,QACbC,GAAYD,UACZnB,GAAcmB,GACdH,MAAAA,GAA4BG,GAC5BE,SAAAA,GAAW,GAAKF,GAChBF,KAAAA,EAAiB,KAAGE,GACpBG,SAAAA,GAAwCH,GACxCP,aAAAA,GAAsDO,QAE3DI,EAAgBC,EAAqBC,yUAExCC,EAAA,EAAAC,EAAYR,EAAQV,WACpBmB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWnB"}

package/public/bricoman/components/link/Link.svelte CHANGED Viewed

@@ -51,7 +51,7 @@
 <a
   use:forwardEvents
-  on:click|stopPropagation
+  on:click
   {href}
   {target}
   class="{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}"

package/public/bricoman/components/modal/Modal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as o,f as a,s,c as n,e as l,t as r,d,n as m,g as c,h as b,j as h,l as p,k as g,m as f,o as x,p as w,a4 as y,q as u,v as _}from"../../index-c33b3772.js";import{E as v}from"../../EventHandler-02058705.js";function k(e){let t,i;return{c(){t=l("h3"),i=r(e[1]),c(t,"class","mc-modal__heading"),c(t,"id","layerTitle")},m(e,a){o(e,t,a),h(t,i)},p(e,t){2&t&&g(i,e[1])},d(e){e&&x(t)}}}function $(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',c(t,"class","mc-modal__footer")},m(e,i){o(e,t,i)},d(e){e&&x(t)}}}function M(e){let t,i,a,s,w,y,u,_,v,M,A,D,I,j,z,C,S,L,E,T,O,Y,H,Z,N=e[1]&&k(e),q=!e[6]&&$(),P=[{class:L="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":E=!e[0]},e[4]],Q={};for(let e=0;e<P.length;e+=1)Q=n(Q,P[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),y=r(e[2]),u=d(),_=l("button"),v=l("span"),M=r(e[3]),A=d(),D=l("main"),I=l("article"),N&&N.c(),j=d(),z=l("slot"),C=d(),q&&q.c(),T=d(),O=l("div"),this.c=m,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(_,"class","mc-modal__close"),c(_,"type","button"),c(s,"class","mc-modal__header"),c(z,"name","content"),c(I,"class","mc-modal__content"),c(D,"class","mc-modal__body"),c(a,"class",S="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,Q),c(O,"class",Y="mc-modal-overlay "+(e[0]?" is-visible":"")),c(O,"tabindex","-1"),c(O,"role","dialog")},m(n,l){o(n,t,l),h(t,i),h(i,a),h(a,s),h(s,w),h(w,y),h(s,u),h(s,_),h(_,v),h(v,M),h(a,A),h(a,D),h(D,I),N&&N.m(I,null),h(I,j),h(I,z),h(a,C),q&&q.m(a,null),h(t,T),h(t,O),e[11](t),H||(Z=p(_,"click",e[10]),H=!0)},p(e,[t]){4&t&&g(y,e[2]),8&t&&g(M,e[3]),e[1]?N?N.p(e,t):(N=k(e),N.c(),N.m(I,j)):N&&(N.d(1),N=null),e[6]?q&&(q.d(1),q=null):q||(q=$(),q.c(),q.m(a,null)),1&t&&S!==(S="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",S),b(i,Q=f(P,[{class:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&E!==(E=!e[0])&&{"aria-hidden":E},16&t&&e[4]])),1&t&&Y!==(Y="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(O,"class",Y)},i:m,o:m,d(i){i&&x(t),N&&N.d(),q&&q.d(),e[11](null),H=!1,Z()}}}function A(e,t,i){let o,a;const s=["title","modaltitle","isopen","closebuttontext","hidefooter"];let l,r=w(t,s),{title:d}=t,{modaltitle:m}=t,{isopen:c}=t,{closebuttontext:b="Close"}=t,{hidefooter:h}=t,p=new v;function g(){i(0,c=!1)}y((()=>{const e=l.querySelector(".mc-modal"),t=l.querySelector(".mc-modal__body"),i=l.querySelector(".mc-modal__content"),o=t?t.clientHeight:0;(i?i.scrollHeight:0)>o&&e&&e.classList.add("mc-modal--overflow")}));return e.$$set=e=>{t=n(n({},t),u(e)),i(13,r=w(t,s)),"title"in e&&i(1,d=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,c=e.isopen),"closebuttontext"in e&&i(3,b=e.closebuttontext),"hidefooter"in e&&i(9,h=e.hidefooter)},e.$$.update=()=>{512&e.$$.dirty&&i(6,o=null!=h&&h),1&e.$$.dirty&&(c?p.dispatch("modal-opened",{}):p.dispatch("modal-closed",{})),i(4,a=Object.assign({},r)),16&e.$$.dirty&&delete a.class},[c,d,m,b,a,l,o,undefined,g,h,()=>g(),function(e){_[e?"unshift":"push"]((()=>{l=e,i(5,l)}))}]}class D extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-modal{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}@media screen and (min-width: 680px){.mc-modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;position:relative;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media(min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-bottom:1rem;min-height:3.75rem;padding:0.75rem 0.75rem 0.75rem 1rem;position:relative}.mc-modal__header::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-modal__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") no-repeat;background-size:contain;cursor:pointer;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;width:2rem}.mc-modal__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-modal__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-modal__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-modal__body{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;color:#191919;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:0.75rem;padding-right:1rem}}.mc-modal__content{max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:0.75rem;padding-right:0.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:600;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal--overflow .mc-modal__dialog{height:100%}.mc-modal--overflow .mc-modal__footer{-webkit-box-shadow:0 0.25rem 1.25rem 0 rgba(25, 25, 25, 0.2);box-shadow:0 0.25rem 1.25rem 0 rgba(25, 25, 25, 0.2)}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},A,M,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3,hidefooter:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","modaltitle","isopen","closebuttontext","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get modaltitle(){return this.$$.ctx[2]}set modaltitle(e){this.$$set({modaltitle:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get hidefooter(){return this.$$.ctx[9]}set hidefooter(e){this.$$set({hidefooter:e}),a()}}export{D as default};
+import{S as e,i as t,a as i,b as o,f as a,s,c as n,e as l,t as r,d,n as m,g as c,h as b,j as h,l as p,k as x,m as f,o as g,p as w,a4 as y,q as u,v as _}from"../../index-c33b3772.js";import{E as v}from"../../EventHandler-02058705.js";function k(e){let t,i;return{c(){t=l("h3"),i=r(e[1]),c(t,"class","mc-modal__heading"),c(t,"id","layerTitle")},m(e,a){o(e,t,a),h(t,i)},p(e,t){2&t&&x(i,e[1])},d(e){e&&g(t)}}}function $(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',c(t,"class","mc-modal__footer")},m(e,i){o(e,t,i)},d(e){e&&g(t)}}}function M(e){let t,i,a,s,w,y,u,_,v,M,A,D,I,z,j,C,S,L,E,T,O,Y,H,Z,N=e[1]&&k(e),q=!e[6]&&$(),P=[{class:L="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":E=!e[0]},e[4]],Q={};for(let e=0;e<P.length;e+=1)Q=n(Q,P[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),y=r(e[2]),u=d(),_=l("button"),v=l("span"),M=r(e[3]),A=d(),D=l("main"),I=l("article"),N&&N.c(),z=d(),j=l("slot"),C=d(),q&&q.c(),T=d(),O=l("div"),this.c=m,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(_,"class","mc-modal__close"),c(_,"type","button"),c(s,"class","mc-modal__header"),c(j,"name","content"),c(I,"class","mc-modal__content"),c(D,"class","mc-modal__body"),c(a,"class",S="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,Q),c(O,"class",Y="mc-modal-overlay "+(e[0]?" is-visible":"")),c(O,"tabindex","-1"),c(O,"role","dialog")},m(n,l){o(n,t,l),h(t,i),h(i,a),h(a,s),h(s,w),h(w,y),h(s,u),h(s,_),h(_,v),h(v,M),h(a,A),h(a,D),h(D,I),N&&N.m(I,null),h(I,z),h(I,j),h(a,C),q&&q.m(a,null),h(t,T),h(t,O),e[11](t),H||(Z=p(_,"click",e[10]),H=!0)},p(e,[t]){4&t&&x(y,e[2]),8&t&&x(M,e[3]),e[1]?N?N.p(e,t):(N=k(e),N.c(),N.m(I,z)):N&&(N.d(1),N=null),e[6]?q&&(q.d(1),q=null):q||(q=$(),q.c(),q.m(a,null)),1&t&&S!==(S="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",S),b(i,Q=f(P,[{class:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&E!==(E=!e[0])&&{"aria-hidden":E},16&t&&e[4]])),1&t&&Y!==(Y="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(O,"class",Y)},i:m,o:m,d(i){i&&g(t),N&&N.d(),q&&q.d(),e[11](null),H=!1,Z()}}}function A(e,t,i){let o,a;const s=["title","modaltitle","isopen","closebuttontext","hidefooter"];let l,r=w(t,s),{title:d}=t,{modaltitle:m}=t,{isopen:c}=t,{closebuttontext:b="Close"}=t,{hidefooter:h}=t,p=new v;function x(){i(0,c=!1)}y((()=>{const e=l.querySelector(".mc-modal"),t=l.querySelector(".mc-modal__body"),i=l.querySelector(".mc-modal__content"),o=t?t.clientHeight:0;(i?i.scrollHeight:0)>o&&e&&e.classList.add("mc-modal--overflow")}));return e.$$set=e=>{t=n(n({},t),u(e)),i(13,r=w(t,s)),"title"in e&&i(1,d=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,c=e.isopen),"closebuttontext"in e&&i(3,b=e.closebuttontext),"hidefooter"in e&&i(9,h=e.hidefooter)},e.$$.update=()=>{512&e.$$.dirty&&i(6,o=null!=h&&h),1&e.$$.dirty&&(c?p.dispatch("modal-opened",{}):p.dispatch("modal-closed",{})),i(4,a=Object.assign({},r)),16&e.$$.dirty&&delete a.class},[c,d,m,b,a,l,o,undefined,x,h,()=>x(),function(e){_[e?"unshift":"push"]((()=>{l=e,i(5,l)}))}]}class D extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-modal{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}.mc-modal,.mc-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;max-height:100%;position:relative;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media(min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-bottom:1rem;min-height:3.75rem;padding:0.75rem 0.75rem 0.75rem 1rem;position:relative}.mc-modal__header::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-modal__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") no-repeat;background-size:contain;cursor:pointer;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;width:2rem}.mc-modal__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-modal__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-modal__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-modal__body{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:0.75rem;padding-right:1rem}}.mc-modal__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:0.75rem;padding-right:0.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:600;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},A,M,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3,hidefooter:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","modaltitle","isopen","closebuttontext","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get modaltitle(){return this.$$.ctx[2]}set modaltitle(e){this.$$set({modaltitle:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get hidefooter(){return this.$$.ctx[9]}set hidefooter(e){this.$$set({hidefooter:e}),a()}}export{D as default};
 //# sourceMappingURL=Modal.js.map

package/public/bricoman/components/progressbar/ProgressBar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as r,a as s,b as a,f as t,s as i,c as n,e as o,t as c,d as p,n as l,g as d,y as m,h as g,j as b,m as u,o as h,p as v,q as x,k as f}from"../../index-c33b3772.js";function $(e){let r,s,t;return{c(){r=o("div"),s=c(e[0]),t=c("%"),d(r,"class","mc-progressbar__percentage")},m(e,i){a(e,r,i),b(r,s),b(r,t)},p(e,r){1&r&&f(s,e[0])},d(e){e&&h(r)}}}function _(e){let r,s,t,i,v,x=e[3]&&$(e),f=[{class:v=e[4](e[3])+" "+e[5].class},e[6]],_={};for(let e=0;e<f.length;e+=1)_=n(_,f[e]);return{c(){r=o("div"),s=o("div"),t=c(" "),i=p(),x&&x.c(),this.c=l,d(s,"class","mc-progressbar__indicator"),d(s,"role","progressbar"),d(s,"aria-valuenow",e[0]),d(s,"aria-valuemin",e[1]),d(s,"aria-valuemax",e[2]),m(s,"width",e[0]+"%"),g(r,_)},m(e,n){a(e,r,n),b(r,s),b(s,t),b(r,i),x&&x.m(r,null)},p(e,[a]){1&a&&d(s,"aria-valuenow",e[0]),2&a&&d(s,"aria-valuemin",e[1]),4&a&&d(s,"aria-valuemax",e[2]),1&a&&m(s,"width",e[0]+"%"),e[3]?x?x.p(e,a):(x=$(e),x.c(),x.m(r,null)):x&&(x.d(1),x=null),g(r,_=u(f,[40&a&&v!==(v=e[4](e[3])+" "+e[5].class)&&{class:v},64&a&&e[6]]))},i:l,o:l,d(e){e&&h(r),x&&x.d()}}}function w(e,r,s){const a=["value","valuemin","valuemax","displaypercentage","size","branded"];let t=v(r,a),{value:i}=r,{valuemin:o=0}=r,{valuemax:c=100}=r,{displaypercentage:p}=r,{size:l="m"}=r,{branded:d}=r;return e.$$set=e=>{s(5,r=n(n({},r),x(e))),s(6,t=v(r,a)),"value"in e&&s(0,i=e.value),"valuemin"in e&&s(1,o=e.valuemin),"valuemax"in e&&s(2,c=e.valuemax),"displaypercentage"in e&&s(3,p=e.displaypercentage),"size"in e&&s(7,l=e.size),"branded"in e&&s(8,d=e.branded)},r=x(r),[i,o,c,p,function(e){const r=["mc-progressbar"];return e&&r.push("mc-progressbar--percent"),i>=51&&r.push("mc-progressbar--half"),"s"===l?r.push("mc-progressbar--s"):"xs"===l&&r.push("mc-progressbar--xs"),d&&r.push("mc-progressbar--branded"),r.join(" ")},r,t,l,d]}class y extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-progressbar{font-family:"LeroyMerlin", sans-serif;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#cccccc;display:-webkit-box;display:-ms-flexbox;display:flex;height:0.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.mc-progressbar,.mc-progressbar__indicator{border-radius:4px;overflow:hidden}.mc-progressbar__indicator{background-color:#007bb4;height:100%;left:0;position:absolute;-webkit-transition:width 0.4s ease;-o-transition:width 0.4s ease;transition:width 0.4s ease;top:0}.mc-progressbar--static .mc-progressbar__indicator{-webkit-transition:none;-o-transition:none;transition:none}.mc-progressbar__percentage{font-size:0.875rem;line-height:1.2857142857;font-weight:600;color:#191919;position:relative;z-index:1}.mc-progressbar--half .mc-progressbar__percentage{color:#ffffff}.mc-progressbar:not(.mc-progressbar--percent) .mc-progressbar__percentage{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-progressbar--xs{height:0.125rem}.mc-progressbar--xs,.mc-progressbar--xs .mc-progressbar__indicator{border-radius:1px}.mc-progressbar--s{height:0.25rem}.mc-progressbar--s,.mc-progressbar--s .mc-progressbar__indicator{border-radius:2px}.mc-progressbar--percent{height:1.5rem}.mc-progressbar--percent,.mc-progressbar--percent .mc-progressbar__indicator{border-radius:12px}.mc-progressbar--branded .mc-progressbar__indicator{background-color:#4d5bf5}',this.shadowRoot.appendChild(n),r(this,{target:this.shadowRoot,props:s(this.attributes),customElement:!0},w,_,i,{value:0,valuemin:1,valuemax:2,displaypercentage:3,size:7,branded:8},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),t()))}static get observedAttributes(){return["value","valuemin","valuemax","displaypercentage","size","branded"]}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),t()}get valuemin(){return this.$$.ctx[1]}set valuemin(e){this.$$set({valuemin:e}),t()}get valuemax(){return this.$$.ctx[2]}set valuemax(e){this.$$set({valuemax:e}),t()}get displaypercentage(){return this.$$.ctx[3]}set displaypercentage(e){this.$$set({displaypercentage:e}),t()}get size(){return this.$$.ctx[7]}set size(e){this.$$set({size:e}),t()}get branded(){return this.$$.ctx[8]}set branded(e){this.$$set({branded:e}),t()}}export{y as default};
+import{S as e,i as r,a as s,b as a,f as t,s as i,c as n,e as o,t as c,d as p,n as l,g as d,y as m,h as g,j as u,m as b,o as h,p as v,q as x,k as f}from"../../index-c33b3772.js";function $(e){let r,s,t;return{c(){r=o("div"),s=c(e[0]),t=c("%"),d(r,"class","mc-progressbar__percentage")},m(e,i){a(e,r,i),u(r,s),u(r,t)},p(e,r){1&r&&f(s,e[0])},d(e){e&&h(r)}}}function _(e){let r,s,t,i,v,x=e[3]&&$(e),f=[{class:v=e[4](e[3])+" "+e[5].class},e[6]],_={};for(let e=0;e<f.length;e+=1)_=n(_,f[e]);return{c(){r=o("div"),s=o("div"),t=c(" "),i=p(),x&&x.c(),this.c=l,d(s,"class","mc-progressbar__indicator"),d(s,"role","progressbar"),d(s,"aria-valuenow",e[0]),d(s,"aria-valuemin",e[1]),d(s,"aria-valuemax",e[2]),m(s,"width",e[0]+"%"),g(r,_)},m(e,n){a(e,r,n),u(r,s),u(s,t),u(r,i),x&&x.m(r,null)},p(e,[a]){1&a&&d(s,"aria-valuenow",e[0]),2&a&&d(s,"aria-valuemin",e[1]),4&a&&d(s,"aria-valuemax",e[2]),1&a&&m(s,"width",e[0]+"%"),e[3]?x?x.p(e,a):(x=$(e),x.c(),x.m(r,null)):x&&(x.d(1),x=null),g(r,_=b(f,[40&a&&v!==(v=e[4](e[3])+" "+e[5].class)&&{class:v},64&a&&e[6]]))},i:l,o:l,d(e){e&&h(r),x&&x.d()}}}function w(e,r,s){const a=["value","valuemin","valuemax","displaypercentage","size","branded"];let t=v(r,a),{value:i}=r,{valuemin:o=0}=r,{valuemax:c=100}=r,{displaypercentage:p}=r,{size:l="m"}=r,{branded:d}=r;return e.$$set=e=>{s(5,r=n(n({},r),x(e))),s(6,t=v(r,a)),"value"in e&&s(0,i=e.value),"valuemin"in e&&s(1,o=e.valuemin),"valuemax"in e&&s(2,c=e.valuemax),"displaypercentage"in e&&s(3,p=e.displaypercentage),"size"in e&&s(7,l=e.size),"branded"in e&&s(8,d=e.branded)},r=x(r),[i,o,c,p,function(e){const r=["mc-progressbar"];return e&&r.push("mc-progressbar--percent"),i>=51&&r.push("mc-progressbar--half"),"s"===l?r.push("mc-progressbar--s"):"xs"===l&&r.push("mc-progressbar--xs"),d&&r.push("mc-progressbar--branded"),r.join(" ")},r,t,l,d]}class y extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-progressbar{font-family:"LeroyMerlin", sans-serif;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#cccccc;display:-webkit-box;display:-ms-flexbox;display:flex;height:0.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.mc-progressbar,.mc-progressbar__indicator{border-radius:4px;overflow:hidden}.mc-progressbar__indicator{background-color:#ff5800;height:100%;left:0;position:absolute;-webkit-transition:width 0.4s ease;-o-transition:width 0.4s ease;transition:width 0.4s ease;top:0}.mc-progressbar--static .mc-progressbar__indicator{-webkit-transition:none;-o-transition:none;transition:none}.mc-progressbar__percentage{font-size:0.875rem;line-height:1.2857142857;font-weight:600;color:#191919;position:relative;z-index:1}.mc-progressbar--half .mc-progressbar__percentage{color:#ffffff}.mc-progressbar:not(.mc-progressbar--percent) .mc-progressbar__percentage{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-progressbar--xs{height:0.125rem}.mc-progressbar--xs,.mc-progressbar--xs .mc-progressbar__indicator{border-radius:1px}.mc-progressbar--s{height:0.25rem}.mc-progressbar--s,.mc-progressbar--s .mc-progressbar__indicator{border-radius:2px}.mc-progressbar--percent{height:1.5rem}.mc-progressbar--percent,.mc-progressbar--percent .mc-progressbar__indicator{border-radius:12px}',this.shadowRoot.appendChild(n),r(this,{target:this.shadowRoot,props:s(this.attributes),customElement:!0},w,_,i,{value:0,valuemin:1,valuemax:2,displaypercentage:3,size:7,branded:8},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),t()))}static get observedAttributes(){return["value","valuemin","valuemax","displaypercentage","size","branded"]}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),t()}get valuemin(){return this.$$.ctx[1]}set valuemin(e){this.$$set({valuemin:e}),t()}get valuemax(){return this.$$.ctx[2]}set valuemax(e){this.$$set({valuemax:e}),t()}get displaypercentage(){return this.$$.ctx[3]}set displaypercentage(e){this.$$set({displaypercentage:e}),t()}get size(){return this.$$.ctx[7]}set size(e){this.$$set({size:e}),t()}get branded(){return this.$$.ctx[8]}set branded(e){this.$$set({branded:e}),t()}}export{y as default};
 //# sourceMappingURL=ProgressBar.js.map

package/public/bricoman/components/resultfile/ResultFile.nested.svelte CHANGED Viewed

@@ -9,15 +9,17 @@
   export let disabled = false;
   export let files: FileList;
   export let removelabel = 'Remove';
+  export let errorLabels;
   let eventHandler = new EventHandler();
-  $: files = files ? (files as FileList) : [];
+  $: files = files ? handleChange(files) : [];
   $: maxSize = maxSize ? maxSize : undefined;
   function setClasses(file: File): string {
     let classes = ['mc-fileuploader__file'];
-    if (checkFileStatus(file)) classes.push('mc-fileuploader__file--is-valid');
+    if (checkFileStatus(file) && !file.errorType)
+      classes.push('mc-fileuploader__file--is-valid');
     else classes.push('mc-fileuploader__file--is-invalid');
     return classes.join(' ');
   }
@@ -43,6 +45,28 @@
     return true; // valid
   }
+  function handleChange(myFiles: FileList): void {
+    let files = [...myFiles];
+    files.forEach((file, index) => {
+      const validExtension = checkFileExtension(file.name);
+      const validSize = checkFileSize(file.size);
+      let errorType = '';
+      if (!validExtension) {
+        errorType = 'invalid-extension';
+      }
+      if (!validSize) {
+        errorType = 'invalid-size';
+      }
+      if (file.errorType) {
+        errorType = file.errorType;
+      }
+      if (!validExtension || !validSize || file.errorType) {
+        file.errorType = errorType;
+      }
+    });
+    return files;
+  }
   function checkFileStatus(file: File): boolean {
     const validExtension = allowedExtensions
       ? checkFileExtension(file.name)
@@ -73,6 +97,11 @@
         {disabled}
         on:click={() => deleteFile(file)}
       />
+      {#if file.errorType}
+        <div class="mc-fileuploader__file-message">
+          {errorLabels[file.errorType]}
+        </div>
+      {/if}
     </li>
   {/each}
 </ul>

package/public/bricoman/components/sidebar/sidebar-section.nested.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar-section.nested.js","sources":["../../../../src/components/sidebar/sidebar-section.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { A11yLabels, Feature, FeatureGroup } from './sidebar.types';\n import FeatureGroupComponent from './sidebar-feature-group.nested.svelte';\n import SubFeaturesComponent from './sidebar-sub-features.nested.svelte';\n import { isSidebarOpen, toggleSidebar } from './sidebar-service';\n\n export let data: FeatureGroup[] = [];\n export let a11yLabels: A11yLabels;\n\n let expandedGroup: string \| undefined;\n let expandedSubGroup: Feature \| undefined;\n\n function handleGroupClick(code: string) {\n // opens the menu if at the time of the click on a FeatureGroup this one was closed\n const open = $isSidebarOpen;\n if (!open) {\n toggleSidebar();\n }\n\n if (open && expandedGroup === code) {\n expandedGroup = undefined;\n } else {\n expandedGroup = code;\n }\n }\n\n function handleFeatureClick(event?: CustomEvent<Feature>) {\n if (event?.detail) {\n if (expandedSubGroup && expandedSubGroup.code === event.detail.code) {\n expandedSubGroup = undefined;\n } else {\n expandedSubGroup = event.detail;\n }\n } else {\n expandedSubGroup = undefined;\n }\n }\n</script>\n\n{#if data?.length}\n <div class=\"mc-sidebar-section\">\n <ul\n class={expandedSubGroup && $isSidebarOpen ? 'is-hidden' : 'is-visible'}\n aria-hidden={expandedSubGroup && $isSidebarOpen}\n >\n {#each data as featureGroup}\n <li on:click={() => handleGroupClick(featureGroup.code)}>\n <FeatureGroupComponent\n {featureGroup}\n expand={expandedGroup === featureGroup.code}\n {a11yLabels}\n on:feature-click={(event) => handleFeatureClick(event)}\n />\n </li>\n {/each}\n </ul>\n {#if expandedSubGroup && $isSidebarOpen}\n <SubFeaturesComponent\n data={expandedSubGroup}\n {a11yLabels}\n on:back-click={() => handleFeatureClick()}\n />\n {/if}\n </div>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-section {\n display: flex;\n flex-direction: row;\n flex: 1;\n align-items: flex-start;\n min-height: 38px;\n overflow-x: hidden;\n overflow-y: auto;\n overflow-y: overlay;\n padding: 1px 0px;\n scrollbar-color: $color-primary-02-400 $color-sidebar-divider-background;\n scrollbar-width: thin;\n\n ul,\n li {\n list-style-type: none;\n margin: 0;\n padding: 0;\n display: flex;\n width: 100%;\n }\n\n ul {\n align-items: start;\n flex-direction: column;\n justify-content: center;\n\n li {\n flex-direction: column;\n box-sizing: border-box;\n margin: 4px 0px;\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n &.is-hidden {\n @include transition(margin-left 300ms ease-in-out);\n margin-left: -320px;\n opacity: 0;\n }\n\n &.is-visible {\n @include transition(margin-left 300ms ease-in-out);\n margin-left: 0;\n }\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n height: 10px;\n background: $color-sidebar-~~divider~~-background;\n\n &-thumb {\n background: $color-~~primary~~-02-~~400~~;\n }\n }\n }\n</style>\n"],"names":["ctx","length","i","if_block","create_if_block_1","attr","ul","ul_class_value","null_to_empty","ul_aria_hidden_value","insert","target","div","anchor","append","each_blocks","current","dirty","code","li","create_if_block","expandedGroup","expandedSubGroup","data","$$props","a11yLabels","handleGroupClick","open","$isSidebarOpen","toggleSidebar","$$invalidate","undefined","handleFeatureClick","event","detail","featureGroup"],"mappings":"o+EA+CaA,EAAI,wBAATC,OAAIC,GAAA,4DAWH,IAAAC,EAAAH,MAAoBA,EAAc,IAAAI,EAAAJ,uFAd9BK,EAAAC,EAAA,QAAAC,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,mBACzDK,EAAAC,EAAA,cAAAG,EAAAT,MAAoBA,EAAc,6DAHnDU,EAuBKC,EAAAC,EAAAC,GAtBHC,EAcIF,EAAAN,6GAVKN,EAAI,WAATC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAa,EAAAd,OAAAC,GAAA,aAHCc,GAAA,GAAAC,GAAAV,KAAAA,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,sCACzDgB,GAAA,GAAAC,GAAAR,KAAAA,EAAAT,MAAoBA,EAAc,2BAa5CA,MAAoBA,EAAc,iIAXnCC,OAAIC,GAAA,4OAIQF,EAAa,KAAKA,EAAY,IAACkB,gIAH3CR,EAOIC,EAAAQ,EAAAN,wHAJQb,EAAa,KAAKA,EAAY,IAACkB,0LASrClB,EAAgB,2HAAhBA,EAAgB,6IAnBzBG,EAAAH,MAAMC,QAAMmB,EAAApB,yEAAZA,MAAMC,+NA9BLoB,EACAC,QAJOC,EAAI,IAAAC,cACJC,GAAsBD,EAKxB,SAAAE,EAAiBR,GAElB,MAAAS,EAAOC,EACRD,GACHE,IAIAC,EAAA,EAAAT,EADEM,GAAQN,IAAkBH,OACZa,EAEAb,GAIX,SAAAc,EAAmBC,IACtBA,eAAAA,EAAOC,QACLZ,GAAoBA,EAAiBJ,OAASe,EAAMC,OAAOhB,KAC7DY,EAAA,EAAAR,OAAmBS,OAEnBT,EAAmBW,EAAMC,QAG3BJ,EAAA,EAAAR,OAAmBS,sGAiBME,GAAUD,EAAmBC,MALhCP,EAAiBS,EAAajB,UAc7Bc"}
1	+ {"version":3,"file":"sidebar-section.nested.js","sources":["../../../../src/components/sidebar/sidebar-section.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { A11yLabels, Feature, FeatureGroup } from './sidebar.types';\n import FeatureGroupComponent from './sidebar-feature-group.nested.svelte';\n import SubFeaturesComponent from './sidebar-sub-features.nested.svelte';\n import { isSidebarOpen, toggleSidebar } from './sidebar-service';\n\n export let data: FeatureGroup[] = [];\n export let a11yLabels: A11yLabels;\n\n let expandedGroup: string \| undefined;\n let expandedSubGroup: Feature \| undefined;\n\n function handleGroupClick(code: string) {\n // opens the menu if at the time of the click on a FeatureGroup this one was closed\n const open = $isSidebarOpen;\n if (!open) {\n toggleSidebar();\n }\n\n if (open && expandedGroup === code) {\n expandedGroup = undefined;\n } else {\n expandedGroup = code;\n }\n }\n\n function handleFeatureClick(event?: CustomEvent<Feature>) {\n if (event?.detail) {\n if (expandedSubGroup && expandedSubGroup.code === event.detail.code) {\n expandedSubGroup = undefined;\n } else {\n expandedSubGroup = event.detail;\n }\n } else {\n expandedSubGroup = undefined;\n }\n }\n</script>\n\n{#if data?.length}\n <div class=\"mc-sidebar-section\">\n <ul\n class={expandedSubGroup && $isSidebarOpen ? 'is-hidden' : 'is-visible'}\n aria-hidden={expandedSubGroup && $isSidebarOpen}\n >\n {#each data as featureGroup}\n <li on:click={() => handleGroupClick(featureGroup.code)}>\n <FeatureGroupComponent\n {featureGroup}\n expand={expandedGroup === featureGroup.code}\n {a11yLabels}\n on:feature-click={(event) => handleFeatureClick(event)}\n />\n </li>\n {/each}\n </ul>\n {#if expandedSubGroup && $isSidebarOpen}\n <SubFeaturesComponent\n data={expandedSubGroup}\n {a11yLabels}\n on:back-click={() => handleFeatureClick()}\n />\n {/if}\n </div>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-section {\n display: flex;\n flex-direction: row;\n flex: 1;\n align-items: flex-start;\n min-height: 38px;\n overflow-x: hidden;\n overflow-y: auto;\n overflow-y: overlay;\n padding: 1px 0px;\n scrollbar-color: $color-primary-02-400 $color-sidebar-divider-background;\n scrollbar-width: thin;\n\n ul,\n li {\n list-style-type: none;\n margin: 0;\n padding: 0;\n display: flex;\n width: 100%;\n }\n\n ul {\n align-items: start;\n flex-direction: column;\n justify-content: center;\n\n li {\n flex-direction: column;\n box-sizing: border-box;\n margin: 4px 0px;\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n &.is-hidden {\n @include transition(margin-left 300ms ease-in-out);\n margin-left: -320px;\n opacity: 0;\n }\n\n &.is-visible {\n @include transition(margin-left 300ms ease-in-out);\n margin-left: 0;\n }\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n height: 10px;\n background: $color-sidebar-scroll-background;\n\n &-thumb {\n background: $color-sidebar-scroll-color;\n }\n }\n }\n</style>\n"],"names":["ctx","length","i","if_block","create_if_block_1","attr","ul","ul_class_value","null_to_empty","ul_aria_hidden_value","insert","target","div","anchor","append","each_blocks","current","dirty","code","li","create_if_block","expandedGroup","expandedSubGroup","data","$$props","a11yLabels","handleGroupClick","open","$isSidebarOpen","toggleSidebar","$$invalidate","undefined","handleFeatureClick","event","detail","featureGroup"],"mappings":"o+EA+CaA,EAAI,wBAATC,OAAIC,GAAA,4DAWH,IAAAC,EAAAH,MAAoBA,EAAc,IAAAI,EAAAJ,uFAd9BK,EAAAC,EAAA,QAAAC,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,mBACzDK,EAAAC,EAAA,cAAAG,EAAAT,MAAoBA,EAAc,6DAHnDU,EAuBKC,EAAAC,EAAAC,GAtBHC,EAcIF,EAAAN,6GAVKN,EAAI,WAATC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAa,EAAAd,OAAAC,GAAA,aAHCc,GAAA,GAAAC,GAAAV,KAAAA,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,sCACzDgB,GAAA,GAAAC,GAAAR,KAAAA,EAAAT,MAAoBA,EAAc,2BAa5CA,MAAoBA,EAAc,iIAXnCC,OAAIC,GAAA,4OAIQF,EAAa,KAAKA,EAAY,IAACkB,gIAH3CR,EAOIC,EAAAQ,EAAAN,wHAJQb,EAAa,KAAKA,EAAY,IAACkB,0LASrClB,EAAgB,2HAAhBA,EAAgB,6IAnBzBG,EAAAH,MAAMC,QAAMmB,EAAApB,yEAAZA,MAAMC,+NA9BLoB,EACAC,QAJOC,EAAI,IAAAC,cACJC,GAAsBD,EAKxB,SAAAE,EAAiBR,GAElB,MAAAS,EAAOC,EACRD,GACHE,IAIAC,EAAA,EAAAT,EADEM,GAAQN,IAAkBH,OACZa,EAEAb,GAIX,SAAAc,EAAmBC,IACtBA,eAAAA,EAAOC,QACLZ,GAAoBA,EAAiBJ,OAASe,EAAMC,OAAOhB,KAC7DY,EAAA,EAAAR,OAAmBS,OAEnBT,EAAmBW,EAAMC,QAG3BJ,EAAA,EAAAR,OAAmBS,sGAiBME,GAAUD,EAAmBC,MALhCP,EAAiBS,EAAajB,UAc7Bc"}

package/public/bricoman/components/sidebar/sidebar-segment.nested.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{P as e,i as s,s as t,Q as i,K as n,b as a,n as l,o,ab as r,e as c,d as b,t as d,g as m,j as p,l as v,k as g,Z as x}from"../../index-c33b3772.js";import{a as f,s as u,i as z}from"../../sidebar-service-275bf9ef.js";function h(e){i(e,"svelte-z1vb8p",".mc-sidebar-segment.svelte-z1vb8p.svelte-z1vb8p{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#191919;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment.svelte-z1vb8p span.svelte-z1vb8p{width:200px;min-width:200px}.mc-sidebar-segment__container.svelte-z1vb8p.svelte-z1vb8p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-z1vb8p.svelte-z1vb8p{margin-left:10px}.mc-sidebar-segment.is-selected.svelte-z1vb8p.svelte-z1vb8p{background:#ffab80}.mc-sidebar-segment.svelte-z1vb8p .svelte-z1vb8p:last-child{margin-left:10px}.mc-sidebar-segment.svelte-z1vb8p.svelte-z1vb8p:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-z1vb8p:focus-visible .mc-sidebar-segment__container.svelte-z1vb8p{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-z1vb8p.svelte-z1vb8p:hover{background:#ff7933}.mc-sidebar-segment.is-close.svelte-z1vb8p .mc-sidebar-segment__container.svelte-z1vb8p{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-z1vb8p .mc-sidebar-segment__text.svelte-z1vb8p{opacity:0}.mc-sidebar-segment.is-open.svelte-z1vb8p .mc-sidebar-segment__container.svelte-z1vb8p{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-z1vb8p .mc-sidebar-segment__text.svelte-z1vb8p{opacity:1}")}function _(e){let s,t,i,n,l,r,x,f,u,z,h,_,k=e[0].label+"",y=e[0].icon&&w(e);return{c(){s=c("a"),t=c("div"),y&&y.c(),i=b(),n=c("span"),l=d(k),m(n,"aria-hidden",r=!e[2]),m(n,"class","mc-sidebar-segment__text svelte-z1vb8p"),m(t,"class","mc-sidebar-segment__container svelte-z1vb8p"),m(s,"aria-label",x=e[0].label),m(s,"class",f="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-z1vb8p"),m(s,"href",u=e[0].href??"javascript:void(null)"),m(s,"id",z=e[0].code)},m(o,r){a(o,s,r),p(s,t),y&&y.m(t,null),p(t,i),p(t,n),p(n,l),h||(_=v(s,"click",e[3]),h=!0)},p(e,a){e[0].icon?y?y.p(e,a):(y=w(e),y.c(),y.m(t,i)):y&&(y.d(1),y=null),1&a&&k!==(k=e[0].label+"")&&g(l,k),4&a&&r!==(r=!e[2])&&m(n,"aria-hidden",r),1&a&&x!==(x=e[0].label)&&m(s,"aria-label",x),7&a&&f!==(f="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-z1vb8p")&&m(s,"class",f),1&a&&u!==(u=e[0].href??"javascript:void(null)")&&m(s,"href",u),1&a&&z!==(z=e[0].code)&&m(s,"id",z)},d(e){e&&o(s),y&&y.d(),h=!1,_()}}}function w(e){let s,t,i=`<${$(e[0].icon)} class="mc-sidebar-segment__icon" style="${y}" />`;return{c(){s=new x(!1),t=n(),s.a=t},m(e,n){s.m(i,e,n),a(e,t,n)},p(e,t){1&t&&i!==(i=`<${$(e[0].icon)} class="mc-sidebar-segment__icon" style="${y}" />`)&&s.p(i)},d(e){e&&o(t),e&&s.d()}}}function k(e){let s,t=e[0]&&_(e);return{c(){t&&t.c(),s=n()},m(e,i){t&&t.m(e,i),a(e,s,i)},p(e,[i]){e[0]?t?t.p(e,i):(t=_(e),t.c(),t.m(s.parentNode,s)):t&&(t.d(1),t=null)},i:l,o:l,d(e){t&&t.d(e),e&&o(s)}}}const y="width: 24px; height: 24px; fill: ${$color-sidebar-icon};";function $(e){return`${e} size="2rem"`}function j(e,s,t){let i,n;r(e,u,(e=>t(1,i=e))),r(e,z,(e=>t(2,n=e)));let{data:a}=s;return e.$$set=e=>{"data"in e&&t(0,a=e.data)},[a,i,n,function(){f(a.code)}]}class K extends e{constructor(e){super(),s(this,e,j,k,t,{data:0},h)}}export{K as default};
+import{P as e,i as s,s as t,Q as i,K as n,b as a,n as m,o as l,ab as o,e as c,d as r,t as d,g as b,j as g,l as v,k as p,Z as x}from"../../index-c33b3772.js";import{a as f,s as u,i as z}from"../../sidebar-service-275bf9ef.js";function _(e){i(e,"svelte-12zmtsi",".mc-sidebar-segment.svelte-12zmtsi.svelte-12zmtsi{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#191919;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-12zmtsi.svelte-12zmtsi{fill:#191919}.mc-sidebar-segment.svelte-12zmtsi span.svelte-12zmtsi{width:200px;min-width:200px}.mc-sidebar-segment__container.svelte-12zmtsi.svelte-12zmtsi{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-12zmtsi.svelte-12zmtsi{margin-left:10px}.mc-sidebar-segment.is-selected.svelte-12zmtsi.svelte-12zmtsi{background:#ffab80}.mc-sidebar-segment.svelte-12zmtsi .svelte-12zmtsi:last-child{margin-left:10px}.mc-sidebar-segment.svelte-12zmtsi.svelte-12zmtsi:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-12zmtsi:focus-visible .mc-sidebar-segment__container.svelte-12zmtsi{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-12zmtsi.svelte-12zmtsi:hover{background:#ff7933}.mc-sidebar-segment.is-close.svelte-12zmtsi .mc-sidebar-segment__container.svelte-12zmtsi{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-12zmtsi .mc-sidebar-segment__text.svelte-12zmtsi{opacity:0}.mc-sidebar-segment.is-open.svelte-12zmtsi .mc-sidebar-segment__container.svelte-12zmtsi{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-12zmtsi .mc-sidebar-segment__text.svelte-12zmtsi{opacity:1}")}function h(e){let s,t,i,n,m,o,x,f,u,z,_,h,k=e[0].label+"",y=e[0].icon&&w(e);return{c(){s=c("a"),t=c("div"),y&&y.c(),i=r(),n=c("span"),m=d(k),b(n,"aria-hidden",o=!e[2]),b(n,"class","mc-sidebar-segment__text svelte-12zmtsi"),b(t,"class","mc-sidebar-segment__container mc-sidebar-segment__icon svelte-12zmtsi"),b(s,"aria-label",x=e[0].label),b(s,"class",f="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-12zmtsi"),b(s,"href",u=e[0].href??"javascript:void(null)"),b(s,"id",z=e[0].code)},m(l,o){a(l,s,o),g(s,t),y&&y.m(t,null),g(t,i),g(t,n),g(n,m),_||(h=v(s,"click",e[3]),_=!0)},p(e,a){e[0].icon?y?y.p(e,a):(y=w(e),y.c(),y.m(t,i)):y&&(y.d(1),y=null),1&a&&k!==(k=e[0].label+"")&&p(m,k),4&a&&o!==(o=!e[2])&&b(n,"aria-hidden",o),1&a&&x!==(x=e[0].label)&&b(s,"aria-label",x),7&a&&f!==(f="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-12zmtsi")&&b(s,"class",f),1&a&&u!==(u=e[0].href??"javascript:void(null)")&&b(s,"href",u),1&a&&z!==(z=e[0].code)&&b(s,"id",z)},d(e){e&&l(s),y&&y.d(),_=!1,h()}}}function w(e){let s,t,i=`<${$(e[0].icon)} class="mc-sidebar-segment__icon" style="${y}" />`;return{c(){s=new x(!1),t=n(),s.a=t},m(e,n){s.m(i,e,n),a(e,t,n)},p(e,t){1&t&&i!==(i=`<${$(e[0].icon)} class="mc-sidebar-segment__icon" style="${y}" />`)&&s.p(i)},d(e){e&&l(t),e&&s.d()}}}function k(e){let s,t=e[0]&&h(e);return{c(){t&&t.c(),s=n()},m(e,i){t&&t.m(e,i),a(e,s,i)},p(e,[i]){e[0]?t?t.p(e,i):(t=h(e),t.c(),t.m(s.parentNode,s)):t&&(t.d(1),t=null)},i:m,o:m,d(e){t&&t.d(e),e&&l(s)}}}const y="width: 24px; height: 24px;";function $(e){return`${e} size="2rem"`}function j(e,s,t){let i,n;o(e,u,(e=>t(1,i=e))),o(e,z,(e=>t(2,n=e)));let{data:a}=s;return e.$$set=e=>{"data"in e&&t(0,a=e.data)},[a,i,n,function(){f(a.code)}]}class K extends e{constructor(e){super(),s(this,e,j,k,t,{data:0},_)}}export{K as default};
 //# sourceMappingURL=sidebar-segment.nested.js.map

package/public/bricoman/components/sidebar/sidebar-segment.nested.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from './sidebar-service';\n\n export let data: Segment;\n\n const mediumIconStyle ~~=\n~~ 'width: 24px; height: 24px; ~~fill: ${$color-sidebar-icon};~~';\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"2rem\"`;\n }\n\n function handleClick() {\n selectFeature(data.code);\n }\n</script>\n\n{#if data}\n <a\n aria-label={data.label}\n class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n ? 'is-selected'\n : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n href={data.href ?? 'javascript:void(null)'}\n id={data.code}\n on:click={handleClick}\n >\n <div class=\"mc-sidebar-segment__container\">\n {#if data.icon}\n {@html `<${generateIcon(\n data.icon,\n )} class=\"mc-sidebar-segment__icon\" style=\"${mediumIconStyle}\" />`}\n {/if}\n <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n {data.label}\n </span>\n </div>\n </a>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-segment {\n cursor: pointer;\n flex: 0;\n text-decoration: none;\n color: $color-sidebar-text-color;\n line-height: 22px;\n display: flex;\n overflow: hidden;\n min-height: 40px;\n\n span {\n width: 200px;\n min-width: 200px;\n }\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 8px 0px;\n }\n\n svg {\n fill: $color-sidebar-icon;\n }\n\n &__text {\n margin-left: 10px;\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n :last-child {\n margin-left: 10px;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-segment__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &.is-close {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 20px;\n width: 24px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 32px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 1;\n }\n }\n }\n</style>\n"],"names":["t1_value","ctx","label","if_block","icon","create_if_block_1","attr","a","a_aria_label_value","a_class_value","code","lv0","href","a_id_value","insert","target","anchor","append","div","span","dirty","set_data","t1","raw_value","generateIcon","mediumIconStyle","html_tag","p","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"~~4hEAyCSA~~,EAAAC,KAAKC,MAAK,GANRC,EAAAF,KAAKG,MAAIC,EAAAJ,yFAKMA,EAAc,~~qHAdxBK~~,EAAAC,EAAA,aAAAC,EAAAP,KAAKC,OACUI,EAAAC,EAAA,QAAAE,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU~~,+BAC1CA~~,EAAI,GAACW,MAAQ,yBACfN,EAAAC,EAAA,KAAAM,EAAAZ,KAAKS,cANXI,EAmBGC,EAAAR,EAAAS,GAVDC,EASKV,EAAAW,yBAHHD,EAEMC,EAAAC,4BAVElB,EAAW,kBAGdA,KAAKG,2DAMP,EAAAgB,GAAApB,KAAAA,EAAAC,KAAKC,MAAK,KAAAmB,EAAAC,EAAAtB,gBADOC,EAAc,0BAdxB,EAAAmB,GAAAZ,KAAAA,EAAAP,KAAKC,4BACU,EAAAkB,GAAAX,KAAAA,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,~~8CAC1CA,~~EAAI,GAACW,MAAQ,wCACf,EAAAQ,GAAAP,KAAAA,EAAAZ,KAAKS,2EAKMa,EAAA,IAAAC,EACTvB,EAAK,GAAAG,iDACsCqB,+EAFlC,EAAAL,GAAAG,KAAAA,EAAA,IAAAC,EACTvB,EAAK,GAAAG,iDACsCqB,UAAeC,EAAAC,EAAAJ,kDAd/DtB,EAAI,IAAA2B,EAAA3B,oEAAJA,EAAI,~~sGAZD~~,MAAAwB,~~EACJ~~,~~2DAEO~~,SAAAD,EAAaK,YACVA,~~6FANDC~~,GAAaC,~~kEAUtBC~~,EAAcF,EAAKpB"}
1	+ {"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from './sidebar-service';\n\n export let data: Segment;\n\n const mediumIconStyle = 'width: 24px; height: 24px;';\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"2rem\"`;\n }\n\n function handleClick() {\n selectFeature(data.code);\n }\n</script>\n\n{#if data}\n <a\n aria-label={data.label}\n class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n ? 'is-selected'\n : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n href={data.href ?? 'javascript:void(null)'}\n id={data.code}\n on:click={handleClick}\n >\n <div class=\"mc-sidebar-segment__container mc-sidebar-segment__icon\">\n {#if data.icon}\n {@html `<${generateIcon(\n data.icon,\n )} class=\"mc-sidebar-segment__icon\" style=\"${mediumIconStyle}\" />`}\n {/if}\n <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n {data.label}\n </span>\n </div>\n </a>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-segment {\n cursor: pointer;\n flex: 0;\n text-decoration: none;\n color: $color-sidebar-text-color;\n line-height: 22px;\n display: flex;\n overflow: hidden;\n min-height: 40px;\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n span {\n width: 200px;\n min-width: 200px;\n }\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 8px 0px;\n }\n\n svg {\n fill: $color-sidebar-icon;\n }\n\n &__text {\n margin-left: 10px;\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n :last-child {\n margin-left: 10px;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-segment__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &.is-close {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 20px;\n width: 24px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 32px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 1;\n }\n }\n }\n</style>\n"],"names":["t1_value","ctx","label","if_block","icon","create_if_block_1","attr","a","a_aria_label_value","a_class_value","code","lv0","href","a_id_value","insert","target","anchor","append","div","span","dirty","set_data","t1","raw_value","generateIcon","mediumIconStyle","html_tag","p","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"ioEAwCSA,EAAAC,KAAKC,MAAK,GANRC,EAAAF,KAAKG,MAAIC,EAAAJ,yFAKMA,EAAc,gJAdxBK,EAAAC,EAAA,aAAAC,EAAAP,KAAKC,OACUI,EAAAC,EAAA,QAAAE,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,gCAC1CA,EAAI,GAACW,MAAQ,yBACfN,EAAAC,EAAA,KAAAM,EAAAZ,KAAKS,cANXI,EAmBGC,EAAAR,EAAAS,GAVDC,EASKV,EAAAW,yBAHHD,EAEMC,EAAAC,4BAVElB,EAAW,kBAGdA,KAAKG,2DAMP,EAAAgB,GAAApB,KAAAA,EAAAC,KAAKC,MAAK,KAAAmB,EAAAC,EAAAtB,gBADOC,EAAc,0BAdxB,EAAAmB,GAAAZ,KAAAA,EAAAP,KAAKC,4BACU,EAAAkB,GAAAX,KAAAA,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,+CAC1CA,EAAI,GAACW,MAAQ,wCACf,EAAAQ,GAAAP,KAAAA,EAAAZ,KAAKS,2EAKMa,EAAA,IAAAC,EACTvB,EAAK,GAAAG,iDACsCqB,+EAFlC,EAAAL,GAAAG,KAAAA,EAAA,IAAAC,EACTvB,EAAK,GAAAG,iDACsCqB,UAAeC,EAAAC,EAAAJ,kDAd/DtB,EAAI,IAAA2B,EAAA3B,oEAAJA,EAAI,sGAXD,MAAAwB,EAAkB,6BAEf,SAAAD,EAAaK,YACVA,6FALDC,GAAaC,kEAStBC,EAAcF,EAAKpB"}

package/public/bricoman/components/sidebar-section/sidebar-section.nested.svelte CHANGED Viewed

@@ -125,10 +125,10 @@
     &::-webkit-scrollbar {
       width: 5px;
       height: 10px;
-      background: $color-sidebar-divider-background;
+      background: $color-sidebar-scroll-background;
       &-thumb {
-        background: $color-primary-02-400;
+        background: $color-sidebar-scroll-color;
       }
     }
   }