npm - @mozaic-ds/web-components - Versions diffs - 0.26.0 → 0.27.0 - Mend

@mozaic-ds/web-components 0.26.0 → 0.27.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 (196) hide show

package/public/components/dropdown/Dropdown.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a,b as l,f as i,s,c as r,e as n,d as o,t as c,n as d,h as m,k as g,L as p,j as h,l as u,m as x,M as w,A as b,y as f,z as $,o as v,p as y,q as M,O as k,r as I,v as _,w as A,x as z,D,E,F as C,P as j,J as S,K as N,N as T,Q as L,R as P,C as B,B as G,T as O}from"../../index-48da6c1f.js";import{E as Q}from"../../EventHandler-f7ee47ca.js";import{c as W}from"../../ClickOutside-63071e7a.js";import R from"../tag/Tag.nested.js";import Y from"../loader/Loader.nested.js";import H from"../listbox/Listbox.nested.js";function Z(e,t,a){const l=e.slice();return l[63]=t[a],l}function J(e,t,a){const l=e.slice();return l[63]=t[a],l[67]=a,l}function V(e){let t,a,l={id:e[1]?e[1]:`autocompleteTag-${e[31]}`,class:"mc-dropdown__tag",label:e[30](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",selected:!1,value:""};return t=new R({props:l}),e[47](t),t.$on("tag-removed",e[32]),{c(){D(t.$$.fragment)},m(e,l){E(t,e,l),a=!0},p(e,a){const l={};2&a[0]&&(l.id=e[1]?e[1]:`autocompleteTag-${e[31]}`),1073741824&a[0]&&(l.label=e[30]()),t.$set(l)},i(e){a||(b(t.$$.fragment,e),a=!0)},o(e){f(t.$$.fragment,e),a=!1},d(a){e[47](null),C(t,a)}}}function F(e){let t,a;return t=new Y({props:{size:"s",theme:"primary",text:"",class:"mc-dropdown__loader"}}),{c(){D(t.$$.fragment)},m(e,l){E(t,e,l),a=!0},i(e){a||(b(t.$$.fragment,e),a=!0)},o(e){f(t.$$.fragment,e),a=!1},d(e){C(t,e)}}}function X(e){let t,a,i;return{c(){t=n("button"),t.innerHTML="<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>",m(t,"class","mc-dropdown__clear"),m(t,"type","button")},m(s,r){l(s,t,r),a||(i=x(t,"click",j(e[49])),a=!0)},p:d,d(e){e&&M(t),a=!1,i()}}}function q(e){let t,a,l;function i(t){e[50](t)}let s={items:JSON.stringify(e[29]),name:e[8],multiple:e[9],isfiltered:se,emptysearchlabel:e[10],maxwidth:e[0],datatextexpr:e[11],datavalueexpr:e[12],selectall:e[18],labelselectall:e[19],overlay:!0,width:"100%"};return void 0!==e[20]&&(s.value=e[20]),t=new H({props:s}),S.push((()=>N(t,"value",i))),t.$on("change",e[37]),t.$on("scrollend",e[38]),t.$on("select-all",e[39]),{c(){D(t.$$.fragment)},m(e,a){E(t,e,a),l=!0},p(e,l){const i={};536870912&l[0]&&(i.items=JSON.stringify(e[29])),256&l[0]&&(i.name=e[8]),512&l[0]&&(i.multiple=e[9]),1024&l[0]&&(i.emptysearchlabel=e[10]),1&l[0]&&(i.maxwidth=e[0]),2048&l[0]&&(i.datatextexpr=e[11]),4096&l[0]&&(i.datavalueexpr=e[12]),262144&l[0]&&(i.selectall=e[18]),524288&l[0]&&(i.labelselectall=e[19]),!a&&1048576&l[0]&&(a=!0,i.value=e[20],T((()=>a=!1))),t.$set(i)},i(e){l||(b(t.$$.fragment,e),l=!0)},o(e){f(t.$$.fragment,e),l=!1},d(e){C(t,e)}}}function K(e){let t,a,i=e[27],s=[];for(let t=0;t<i.length;t+=1)s[t]=ee(J(e,i,t));let r=e[20].length>e[16]&&te(e);return{c(){t=n("div");for(let e=0;e<s.length;e+=1)s[e].c();a=o(),r&&r.c(),m(t,"class","tags-selected")},m(e,i){l(e,t,i);for(let e=0;e<s.length;e+=1)s[e]&&s[e].m(t,null);u(t,a),r&&r.m(t,null)},p(e,l){if(134283264&l[0]|4&l[1]){let r;for(i=e[27],r=0;r<i.length;r+=1){const n=J(e,i,r);s[r]?s[r].p(n,l):(s[r]=ee(n),s[r].c(),s[r].m(t,a))}for(;r<s.length;r+=1)s[r].d(1);s.length=i.length}e[20].length>e[16]?r?r.p(e,l):(r=te(e),r.c(),r.m(t,null)):r&&(r.d(1),r=null)},d(e){e&&M(t),L(s,e),r&&r.d()}}}function U(e){let t,a,i,s,r,o;function c(){return e[51](e[63])}return{c(){t=n("div"),a=n("m-tag"),B(a,"id",i=e[63].id),B(a,"label",s=e[63].label),B(a,"size","s"),B(a,"type","removable"),m(t,"class","tag-selected")},m(e,i){l(e,t,i),u(t,a),r||(o=x(a,"tag-removed",c),r=!0)},p(t,l){e=t,134217728&l[0]&&i!==(i=e[63].id)&&B(a,"id",i),134217728&l[0]&&s!==(s=e[63].label)&&B(a,"label",s)},d(e){e&&M(t),r=!1,o()}}}function ee(e){let t,a=e[67]<e[16]&&U(e);return{c(){a&&a.c(),t=P()},m(e,i){a&&a.m(e,i),l(e,t,i)},p(e,l){e[67]<e[16]?a?a.p(e,l):(a=U(e),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null)},d(e){a&&a.d(e),e&&M(t)}}}function te(e){let t,a,i,s,r;return{c(){t=n("div"),a=n("m-tag"),B(a,"id","id-tag"),B(a,"label",i="("+e[20].length+") "+e[15]+" "),B(a,"size","s"),B(a,"type","link"),m(t,"class","tag-selected")},m(i,n){l(i,t,n),u(t,a),s||(r=x(a,"tag-selected",e[52]),s=!0)},p(e,t){1081344&t[0]&&i!==(i="("+e[20].length+") "+e[15]+" ")&&B(a,"label",i)},d(e){e&&M(t),s=!1,r()}}}function ae(e){let t,a,i,s,r,o,c=e[27],d=[];for(let t=0;t<c.length;t+=1)d[t]=le(Z(e,c,t));return{c(){t=n("div"),a=n("m-layer"),i=n("small"),s=n("div");for(let e=0;e<d.length;e+=1)d[e].c();m(s,"class","tags-selected"),m(i,"slot","content"),B(a,"title",e[14]),B(a,"layertitletag","h3"),B(a,"isopen",e[28])},m(n,c){l(n,t,c),u(t,a),u(a,i),u(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);r||(o=x(a,"layer-closed",e[54]),r=!0)},p(e,t){if(134217728&t[0]|4&t[1]){let a;for(c=e[27],a=0;a<c.length;a+=1){const l=Z(e,c,a);d[a]?d[a].p(l,t):(d[a]=le(l),d[a].c(),d[a].m(s,null))}for(;a<d.length;a+=1)d[a].d(1);d.length=c.length}16384&t[0]&&B(a,"title",e[14]),268435456&t[0]&&B(a,"isopen",e[28])},d(e){e&&M(t),L(d,e),r=!1,o()}}}function le(e){let t,a,i,s,r,c,d;function g(){return e[53](e[63])}return{c(){t=n("div"),a=n("m-tag"),r=o(),B(a,"id",i=e[63].id),B(a,"label",s=e[63].label),B(a,"size","s"),B(a,"type","removable"),m(t,"class","tag-selected")},m(e,i){l(e,t,i),u(t,a),u(t,r),c||(d=x(a,"tag-removed",g),c=!0)},p(t,l){e=t,134217728&l[0]&&i!==(i=e[63].id)&&B(a,"id",i),134217728&l[0]&&s!==(s=e[63].label)&&B(a,"label",s)},d(e){e&&M(t),c=!1,d()}}}function ie(e){let t,a,i,s,I,_,A,z,D,E,C,j,S,N,T,L,P,B,O,Q,R,Y=(e[26]?e[26]:e[2])+"",H=e[9]&&e[20].length>0&&!e[17]&&V(e),Z=e[7]&&F(),J=!e[9]&&e[26]&&e[13]&&X(e),U=e[21]&&q(e),ee=e[9]&&e[17]&&K(e),te=e[9]&&e[17]&&ae(e),le=[{class:"mc-dropdown"},{style:B="--dropdown-tag-width: "+e[25]+"; --dropdown-width: "+e[0]+";"},e[22]],ie={};for(let e=0;e<le.length;e+=1)ie=r(ie,le[e]);return{c(){t=n("div"),a=n("div"),H&&H.c(),i=o(),s=n("button"),I=c(Y),_=o(),A=n("div"),Z&&Z.c(),z=o(),J&&J.c(),D=o(),U&&U.c(),E=o(),ee&&ee.c(),C=o(),j=n("span"),S=o(),N=n("span"),T=o(),L=n("span"),P=o(),te&&te.c(),this.c=d,m(s,"type","button"),m(s,"class","mc-select mc-dropdown__trigger"),s.disabled=e[3],g(s,"is-open",e[21]),g(s,"is-valid",e[5]),g(s,"is-invalid",e[6]),g(s,"mc-select--s","s"===e[4]),m(A,"class","mc-dropdown__tools"),m(a,"class","mc-dropdown__main"),m(j,"class","mc-dropdown__tag"),p(j,"display","none"),m(N,"class","mc-dropdown__loader"),p(N,"display","none"),m(L,"class","mc-text-input mc-dropdown__trigger"),p(L,"display","none"),h(t,ie),g(t,"mc-dropdown--multi",e[9])},m(r,n){l(r,t,n),u(t,a),H&&H.m(a,null),u(a,i),u(a,s),u(s,I),u(a,_),u(a,A),Z&&Z.m(A,null),u(A,z),J&&J.m(A,null),u(t,D),U&&U.m(t,null),u(t,E),ee&&ee.m(t,null),u(t,C),u(t,j),u(t,S),u(t,N),u(t,T),u(t,L),u(t,P),te&&te.m(t,null),e[55](t),O=!0,Q||(R=[x(s,"click",e[48]),w(W.call(null,t)),x(t,"outclick",e[36])],Q=!0)},p(e,l){e[9]&&e[20].length>0&&!e[17]?H?(H.p(e,l),1180160&l[0]&&b(H,1)):(H=V(e),H.c(),b(H,1),H.m(a,i)):H&&(G(),f(H,1,1,(()=>{H=null})),$()),(!O||67108868&l[0])&&Y!==(Y=(e[26]?e[26]:e[2])+"")&&v(I,Y),(!O||8&l[0])&&(s.disabled=e[3]),(!O||2097152&l[0])&&g(s,"is-open",e[21]),(!O||32&l[0])&&g(s,"is-valid",e[5]),(!O||64&l[0])&&g(s,"is-invalid",e[6]),(!O||16&l[0])&&g(s,"mc-select--s","s"===e[4]),e[7]?Z?128&l[0]&&b(Z,1):(Z=F(),Z.c(),b(Z,1),Z.m(A,z)):Z&&(G(),f(Z,1,1,(()=>{Z=null})),$()),!e[9]&&e[26]&&e[13]?J?J.p(e,l):(J=X(e),J.c(),J.m(A,null)):J&&(J.d(1),J=null),e[21]?U?(U.p(e,l),2097152&l[0]&&b(U,1)):(U=q(e),U.c(),b(U,1),U.m(t,E)):U&&(G(),f(U,1,1,(()=>{U=null})),$()),e[9]&&e[17]?ee?ee.p(e,l):(ee=K(e),ee.c(),ee.m(t,C)):ee&&(ee.d(1),ee=null),e[9]&&e[17]?te?te.p(e,l):(te=ae(e),te.c(),te.m(t,null)):te&&(te.d(1),te=null),h(t,ie=y(le,[{class:"mc-dropdown"},(!O||33554433&l[0]&&B!==(B="--dropdown-tag-width: "+e[25]+"; --dropdown-width: "+e[0]+";"))&&{style:B},4194304&l[0]&&e[22]])),g(t,"mc-dropdown--multi",e[9])},i(e){O||(b(H),b(Z),b(U),O=!0)},o(e){f(H),f(Z),f(U),O=!1},d(a){a&&M(t),H&&H.d(),Z&&Z.d(),J&&J.d(),U&&U.d(),ee&&ee.d(),te&&te.d(),e[55](null),Q=!1,k(R)}}}let se=!1;function re(e,t,a){let l,i,s,n,o,c;const d=["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","name","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let m,g=I(t,d),{maxwidth:p="100%"}=t,{tagid:h}=t,{taglabel:u=""}=t,{placeholder:x="-- Placeholder --"}=t,{disabled:w=!1}=t,{size:b="m"}=t,{isvalid:f}=t,{isinvalid:$}=t,{loading:v=!1}=t,{name:y}=t,{items:M}=t,{value:k}=t,{open:D=!1}=t,{multiple:E=!1}=t,{emptysearchlabel:C="No results found"}=t,{datatextexpr:j="label"}=t,{datavalueexpr:N="value"}=t,{nosort:T=!1}=t,{clearfield:L=!1}=t,{layertitle:P="Title layer"}=t,{showmoretagslabel:B="Show more"}=t,{maxnumbertoshowtags:G=12}=t,{alltags:W=!1}=t,{selectall:R=!1}=t,{labelselectall:Y="Select all"}=t;const H=Math.random();let Z,J,V,F,X=new Q(_(),A()),q="0px",K=[],U=null;function ee(){a(20,s=E?[]:""),ie(),X.dispatch("clear",!0)}function te(e){a(20,s=s.filter((t=>t!==e))),X.dispatch("onchange",s)}function ae(){a(28,U=!0)}function le(){a(28,U=null)}function ie(){a(21,o=!1),E&&!T?function(){F=l;const e=se();F.sort(((t,a)=>{const l=e.includes(t),i=e.includes(a);return l===i?t[N]-a[N]:l<i?1:-1})),a(29,i=F)}():a(29,i=l)}function se(e){const t=e||s;return l.filter((e=>E?t.includes(e[N]):t===e[N]))}return e.$$set=e=>{t=r(r({},t),z(e)),a(62,g=I(t,d)),"maxwidth"in e&&a(0,p=e.maxwidth),"tagid"in e&&a(1,h=e.tagid),"taglabel"in e&&a(40,u=e.taglabel),"placeholder"in e&&a(2,x=e.placeholder),"disabled"in e&&a(3,w=e.disabled),"size"in e&&a(4,b=e.size),"isvalid"in e&&a(5,f=e.isvalid),"isinvalid"in e&&a(6,$=e.isinvalid),"loading"in e&&a(7,v=e.loading),"name"in e&&a(8,y=e.name),"items"in e&&a(41,M=e.items),"value"in e&&a(42,k=e.value),"open"in e&&a(43,D=e.open),"multiple"in e&&a(9,E=e.multiple),"emptysearchlabel"in e&&a(10,C=e.emptysearchlabel),"datatextexpr"in e&&a(11,j=e.datatextexpr),"datavalueexpr"in e&&a(12,N=e.datavalueexpr),"nosort"in e&&a(44,T=e.nosort),"clearfield"in e&&a(13,L=e.clearfield),"layertitle"in e&&a(14,P=e.layertitle),"showmoretagslabel"in e&&a(15,B=e.showmoretagslabel),"maxnumbertoshowtags"in e&&a(16,G=e.maxnumbertoshowtags),"alltags"in e&&a(17,W=e.alltags),"selectall"in e&&a(18,R=e.selectall),"labelselectall"in e&&a(19,Y=e.labelselectall)},e.$$.update=()=>{if(1024&e.$$.dirty[1]&&a(46,l=M?JSON.parse(M):[]),32768&e.$$.dirty[1]&&a(29,i=l),512&e.$$.dirty[0]|2048&e.$$.dirty[1]&&a(20,s=!k&&E?[]:k?JSON.parse(k):k),1048576&e.$$.dirty[0]|512&e.$$.dirty[1]&&a(30,n=()=>s.length.toString()+" "+u),1048576&e.$$.dirty[0]&&async function(e){await O(),a(27,K=se(e));const t=K.map((e=>e[j]));a(26,V=t.join(", ")),E&&a(45,J=e)}(s),16384&e.$$.dirty[1]&&async function(e){var t,l;await O(),a(25,q=Z&&e&&e.length?`${null!==(l=null===(t=null==m?void 0:m.querySelector(".mc-tag-removable"))||void 0===t?void 0:t.clientWidth)&&void 0!==l?l:8}px`:"0px")}(J),4096&e.$$.dirty[1]&&a(21,o=D),2097152&e.$$.dirty[0]){const e=o?"open":"close";X.dispatch(e,o)}a(22,c=Object.assign({},g)),4194304&e.$$.dirty[0]&&delete c.class},[p,h,x,w,b,f,$,v,y,E,C,j,N,L,P,B,G,W,R,Y,s,o,c,m,Z,q,V,K,U,i,n,H,ee,te,ae,le,ie,function(){X.dispatch("onchange",s),E||ie()},function(){X.dispatch("scrollend",!0)},function(e){X.dispatch("select-all",e.detail)},u,M,k,D,T,J,l,function(e){S[e?"unshift":"push"]((()=>{Z=e,a(24,Z)}))},()=>a(21,o=!o),()=>{ee()},function(e){s=e,a(20,s),a(42,k),a(9,E)},e=>te(e.id),()=>ae(),e=>te(e.id),()=>le(),function(e){S[e?"unshift":"push"]((()=>{m=e,a(23,m)}))}]}class ne extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-select{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==\");border-color:#c61112}.mc-select.is-valid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+\");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-dropdown{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--dropdown-width, auto);width:100%}.mc-dropdown__tag,.mc-dropdown__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-dropdown__tag{left:0.75rem}.mc-dropdown__trigger{display:block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M2 10.5a1 1 0 01.29-.71l5-5a1 1 0 011.42 0l5 5a1 1 0 01-1.42 1.42L8 6.91l-4.29 4.3a1 1 0 01-1.42 0A1 1 0 012 10.5z'/%3E%3C/svg%3E\")}.mc-dropdown__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:2.5rem}.is-valid+.mc-dropdown__tools,.is-invalid+.mc-dropdown__tools{right:4.5rem}.mc-dropdown__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-dropdown__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-dropdown__clear,.mc-dropdown__clear-icon{height:1.5rem;width:1.5rem}.mc-dropdown__clear-icon{fill:#666666}.mc-dropdown__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width, 0px))}.mc-dropdown{min-width:auto}.mc-dropdown__tag{position:absolute !important}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},re,ie,s,{maxwidth:0,tagid:1,taglabel:40,placeholder:2,disabled:3,size:4,isvalid:5,isinvalid:6,loading:7,name:8,items:41,value:42,open:43,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:44,clearfield:13,layertitle:14,showmoretagslabel:15,maxnumbertoshowtags:16,alltags:17,selectall:18,labelselectall:19},null,[-1,-1,-1]),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","name","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),i()}get tagid(){return this.$$.ctx[1]}set tagid(e){this.$$set({tagid:e}),i()}get taglabel(){return this.$$.ctx[40]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),i()}get size(){return this.$$.ctx[4]}set size(e){this.$$set({size:e}),i()}get isvalid(){return this.$$.ctx[5]}set isvalid(e){this.$$set({isvalid:e}),i()}get isinvalid(){return this.$$.ctx[6]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get loading(){return this.$$.ctx[7]}set loading(e){this.$$set({loading:e}),i()}get name(){return this.$$.ctx[8]}set name(e){this.$$set({name:e}),i()}get items(){return this.$$.ctx[41]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[42]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[43]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[9]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[44]}set nosort(e){this.$$set({nosort:e}),i()}get clearfield(){return this.$$.ctx[13]}set clearfield(e){this.$$set({clearfield:e}),i()}get layertitle(){return this.$$.ctx[14]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[15]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[16]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[17]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[18]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[19]}set labelselectall(e){this.$$set({labelselectall:e}),i()}}export{ne as default};
+import{S as e,i as t,a,b as l,f as i,s as r,c as s,e as n,d as o,t as c,n as d,h as m,k as g,L as p,j as h,l as u,m as x,M as w,A as b,y as f,z as $,o as v,p as y,q as M,O as k,r as I,v as _,w as z,x as A,D,E,F as C,P as j,J as S,K as N,N as T,Q as L,R as P,C as B,B as G,T as O}from"../../index-48da6c1f.js";import{E as Q}from"../../EventHandler-f7ee47ca.js";import{c as W}from"../../ClickOutside-63071e7a.js";import R from"../tag/Tag.nested.js";import Y from"../loader/Loader.nested.js";import H from"../listbox/Listbox.nested.js";function Z(e,t,a){const l=e.slice();return l[63]=t[a],l}function J(e,t,a){const l=e.slice();return l[63]=t[a],l[67]=a,l}function V(e){let t,a,l={id:e[1]?e[1]:`autocompleteTag-${e[31]}`,class:"mc-dropdown__tag",label:e[30](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",selected:!1,value:""};return t=new R({props:l}),e[47](t),t.$on("tag-removed",e[32]),{c(){D(t.$$.fragment)},m(e,l){E(t,e,l),a=!0},p(e,a){const l={};2&a[0]&&(l.id=e[1]?e[1]:`autocompleteTag-${e[31]}`),1073741824&a[0]&&(l.label=e[30]()),t.$set(l)},i(e){a||(b(t.$$.fragment,e),a=!0)},o(e){f(t.$$.fragment,e),a=!1},d(a){e[47](null),C(t,a)}}}function F(e){let t,a;return t=new Y({props:{size:"s",theme:"primary",text:"",class:"mc-dropdown__loader"}}),{c(){D(t.$$.fragment)},m(e,l){E(t,e,l),a=!0},i(e){a||(b(t.$$.fragment,e),a=!0)},o(e){f(t.$$.fragment,e),a=!1},d(e){C(t,e)}}}function X(e){let t,a,i;return{c(){t=n("button"),t.innerHTML="<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>",m(t,"class","mc-dropdown__clear"),m(t,"type","button")},m(r,s){l(r,t,s),a||(i=x(t,"click",j(e[49])),a=!0)},p:d,d(e){e&&M(t),a=!1,i()}}}function q(e){let t,a,l;function i(t){e[50](t)}let r={items:JSON.stringify(e[29]),name:e[8],multiple:e[9],isfiltered:re,emptysearchlabel:e[10],maxwidth:e[0],datatextexpr:e[11],datavalueexpr:e[12],selectall:e[18],labelselectall:e[19],overlay:!0,width:"100%"};return void 0!==e[20]&&(r.value=e[20]),t=new H({props:r}),S.push((()=>N(t,"value",i))),t.$on("change",e[37]),t.$on("scrollend",e[38]),t.$on("select-all",e[39]),{c(){D(t.$$.fragment)},m(e,a){E(t,e,a),l=!0},p(e,l){const i={};536870912&l[0]&&(i.items=JSON.stringify(e[29])),256&l[0]&&(i.name=e[8]),512&l[0]&&(i.multiple=e[9]),1024&l[0]&&(i.emptysearchlabel=e[10]),1&l[0]&&(i.maxwidth=e[0]),2048&l[0]&&(i.datatextexpr=e[11]),4096&l[0]&&(i.datavalueexpr=e[12]),262144&l[0]&&(i.selectall=e[18]),524288&l[0]&&(i.labelselectall=e[19]),!a&&1048576&l[0]&&(a=!0,i.value=e[20],T((()=>a=!1))),t.$set(i)},i(e){l||(b(t.$$.fragment,e),l=!0)},o(e){f(t.$$.fragment,e),l=!1},d(e){C(t,e)}}}function K(e){let t,a,i=e[27],r=[];for(let t=0;t<i.length;t+=1)r[t]=ee(J(e,i,t));let s=e[20].length>e[16]&&te(e);return{c(){t=n("div");for(let e=0;e<r.length;e+=1)r[e].c();a=o(),s&&s.c(),m(t,"class","tags-selected")},m(e,i){l(e,t,i);for(let e=0;e<r.length;e+=1)r[e]&&r[e].m(t,null);u(t,a),s&&s.m(t,null)},p(e,l){if(134283264&l[0]|4&l[1]){let s;for(i=e[27],s=0;s<i.length;s+=1){const n=J(e,i,s);r[s]?r[s].p(n,l):(r[s]=ee(n),r[s].c(),r[s].m(t,a))}for(;s<r.length;s+=1)r[s].d(1);r.length=i.length}e[20].length>e[16]?s?s.p(e,l):(s=te(e),s.c(),s.m(t,null)):s&&(s.d(1),s=null)},d(e){e&&M(t),L(r,e),s&&s.d()}}}function U(e){let t,a,i,r,s,o;function c(){return e[51](e[63])}return{c(){t=n("div"),a=n("m-tag"),B(a,"id",i=e[63].id),B(a,"label",r=e[63].label),B(a,"size","s"),B(a,"type","removable"),m(t,"class","tag-selected")},m(e,i){l(e,t,i),u(t,a),s||(o=x(a,"tag-removed",c),s=!0)},p(t,l){e=t,134217728&l[0]&&i!==(i=e[63].id)&&B(a,"id",i),134217728&l[0]&&r!==(r=e[63].label)&&B(a,"label",r)},d(e){e&&M(t),s=!1,o()}}}function ee(e){let t,a=e[67]<e[16]&&U(e);return{c(){a&&a.c(),t=P()},m(e,i){a&&a.m(e,i),l(e,t,i)},p(e,l){e[67]<e[16]?a?a.p(e,l):(a=U(e),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null)},d(e){a&&a.d(e),e&&M(t)}}}function te(e){let t,a,i,r,s;return{c(){t=n("div"),a=n("m-tag"),B(a,"id","id-tag"),B(a,"label",i="("+e[20].length+") "+e[15]+" "),B(a,"size","s"),B(a,"type","link"),m(t,"class","tag-selected")},m(i,n){l(i,t,n),u(t,a),r||(s=x(a,"tag-selected",e[52]),r=!0)},p(e,t){1081344&t[0]&&i!==(i="("+e[20].length+") "+e[15]+" ")&&B(a,"label",i)},d(e){e&&M(t),r=!1,s()}}}function ae(e){let t,a,i,r,s,o,c=e[27],d=[];for(let t=0;t<c.length;t+=1)d[t]=le(Z(e,c,t));return{c(){t=n("div"),a=n("m-layer"),i=n("small"),r=n("div");for(let e=0;e<d.length;e+=1)d[e].c();m(r,"class","tags-selected"),m(i,"slot","content"),B(a,"title",e[14]),B(a,"layertitletag","h3"),B(a,"isopen",e[28])},m(n,c){l(n,t,c),u(t,a),u(a,i),u(i,r);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(r,null);s||(o=x(a,"layer-closed",e[54]),s=!0)},p(e,t){if(134217728&t[0]|4&t[1]){let a;for(c=e[27],a=0;a<c.length;a+=1){const l=Z(e,c,a);d[a]?d[a].p(l,t):(d[a]=le(l),d[a].c(),d[a].m(r,null))}for(;a<d.length;a+=1)d[a].d(1);d.length=c.length}16384&t[0]&&B(a,"title",e[14]),268435456&t[0]&&B(a,"isopen",e[28])},d(e){e&&M(t),L(d,e),s=!1,o()}}}function le(e){let t,a,i,r,s,c,d;function g(){return e[53](e[63])}return{c(){t=n("div"),a=n("m-tag"),s=o(),B(a,"id",i=e[63].id),B(a,"label",r=e[63].label),B(a,"size","s"),B(a,"type","removable"),m(t,"class","tag-selected")},m(e,i){l(e,t,i),u(t,a),u(t,s),c||(d=x(a,"tag-removed",g),c=!0)},p(t,l){e=t,134217728&l[0]&&i!==(i=e[63].id)&&B(a,"id",i),134217728&l[0]&&r!==(r=e[63].label)&&B(a,"label",r)},d(e){e&&M(t),c=!1,d()}}}function ie(e){let t,a,i,r,I,_,z,A,D,E,C,j,S,N,T,L,P,B,O,Q,R,Y=(e[26]?e[26]:e[2])+"",H=e[9]&&e[20].length>0&&!e[17]&&V(e),Z=e[7]&&F(),J=!e[9]&&e[26]&&e[13]&&X(e),U=e[21]&&q(e),ee=e[9]&&e[17]&&K(e),te=e[9]&&e[17]&&ae(e),le=[{class:"mc-dropdown"},{style:B="--dropdown-tag-width: "+e[25]+"; --dropdown-width: "+e[0]+";"},e[22]],ie={};for(let e=0;e<le.length;e+=1)ie=s(ie,le[e]);return{c(){t=n("div"),a=n("div"),H&&H.c(),i=o(),r=n("button"),I=c(Y),_=o(),z=n("div"),Z&&Z.c(),A=o(),J&&J.c(),D=o(),U&&U.c(),E=o(),ee&&ee.c(),C=o(),j=n("span"),S=o(),N=n("span"),T=o(),L=n("span"),P=o(),te&&te.c(),this.c=d,m(r,"type","button"),m(r,"class","mc-select mc-dropdown__trigger"),r.disabled=e[3],g(r,"is-open",e[21]),g(r,"is-valid",e[5]),g(r,"is-invalid",e[6]),g(r,"mc-select--s","s"===e[4]),m(z,"class","mc-dropdown__tools"),m(a,"class","mc-dropdown__main"),m(j,"class","mc-dropdown__tag"),p(j,"display","none"),m(N,"class","mc-dropdown__loader"),p(N,"display","none"),m(L,"class","mc-text-input mc-dropdown__trigger"),p(L,"display","none"),h(t,ie),g(t,"mc-dropdown--multi",e[9])},m(s,n){l(s,t,n),u(t,a),H&&H.m(a,null),u(a,i),u(a,r),u(r,I),u(a,_),u(a,z),Z&&Z.m(z,null),u(z,A),J&&J.m(z,null),u(t,D),U&&U.m(t,null),u(t,E),ee&&ee.m(t,null),u(t,C),u(t,j),u(t,S),u(t,N),u(t,T),u(t,L),u(t,P),te&&te.m(t,null),e[55](t),O=!0,Q||(R=[x(r,"click",e[48]),w(W.call(null,t)),x(t,"outclick",e[36])],Q=!0)},p(e,l){e[9]&&e[20].length>0&&!e[17]?H?(H.p(e,l),1180160&l[0]&&b(H,1)):(H=V(e),H.c(),b(H,1),H.m(a,i)):H&&(G(),f(H,1,1,(()=>{H=null})),$()),(!O||67108868&l[0])&&Y!==(Y=(e[26]?e[26]:e[2])+"")&&v(I,Y),(!O||8&l[0])&&(r.disabled=e[3]),(!O||2097152&l[0])&&g(r,"is-open",e[21]),(!O||32&l[0])&&g(r,"is-valid",e[5]),(!O||64&l[0])&&g(r,"is-invalid",e[6]),(!O||16&l[0])&&g(r,"mc-select--s","s"===e[4]),e[7]?Z?128&l[0]&&b(Z,1):(Z=F(),Z.c(),b(Z,1),Z.m(z,A)):Z&&(G(),f(Z,1,1,(()=>{Z=null})),$()),!e[9]&&e[26]&&e[13]?J?J.p(e,l):(J=X(e),J.c(),J.m(z,null)):J&&(J.d(1),J=null),e[21]?U?(U.p(e,l),2097152&l[0]&&b(U,1)):(U=q(e),U.c(),b(U,1),U.m(t,E)):U&&(G(),f(U,1,1,(()=>{U=null})),$()),e[9]&&e[17]?ee?ee.p(e,l):(ee=K(e),ee.c(),ee.m(t,C)):ee&&(ee.d(1),ee=null),e[9]&&e[17]?te?te.p(e,l):(te=ae(e),te.c(),te.m(t,null)):te&&(te.d(1),te=null),h(t,ie=y(le,[{class:"mc-dropdown"},(!O||33554433&l[0]&&B!==(B="--dropdown-tag-width: "+e[25]+"; --dropdown-width: "+e[0]+";"))&&{style:B},4194304&l[0]&&e[22]])),g(t,"mc-dropdown--multi",e[9])},i(e){O||(b(H),b(Z),b(U),O=!0)},o(e){f(H),f(Z),f(U),O=!1},d(a){a&&M(t),H&&H.d(),Z&&Z.d(),J&&J.d(),U&&U.d(),ee&&ee.d(),te&&te.d(),e[55](null),Q=!1,k(R)}}}let re=!1;function se(e,t,a){let l,i,r,n,o,c;const d=["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","name","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let m,g=I(t,d),{maxwidth:p="100%"}=t,{tagid:h}=t,{taglabel:u=""}=t,{placeholder:x="-- Placeholder --"}=t,{disabled:w=!1}=t,{size:b="m"}=t,{isvalid:f}=t,{isinvalid:$}=t,{loading:v=!1}=t,{name:y}=t,{items:M}=t,{value:k}=t,{open:D=!1}=t,{multiple:E=!1}=t,{emptysearchlabel:C="No results found"}=t,{datatextexpr:j="label"}=t,{datavalueexpr:N="value"}=t,{nosort:T=!1}=t,{clearfield:L=!1}=t,{layertitle:P="Title layer"}=t,{showmoretagslabel:B="Show more"}=t,{maxnumbertoshowtags:G=12}=t,{alltags:W=!1}=t,{selectall:R=!1}=t,{labelselectall:Y="Select all"}=t;const H=Math.random();let Z,J,V,F,X=new Q(_(),z()),q="0px",K=[],U=null;function ee(){a(20,r=E?[]:""),ie(),X.dispatch("clear",!0)}function te(e){a(20,r=r.filter((t=>t!==e))),X.dispatch("onchange",r)}function ae(){a(28,U=!0)}function le(){a(28,U=null)}function ie(){a(21,o=!1),E&&!T?function(){F=l;const e=re();F.sort(((t,a)=>{const l=e.includes(t),i=e.includes(a);return l===i?t[N]-a[N]:l<i?1:-1})),a(29,i=F)}():a(29,i=l)}function re(e){const t=e||r;return l.filter((e=>E?t.includes(e[N]):t===e[N]))}return e.$$set=e=>{t=s(s({},t),A(e)),a(62,g=I(t,d)),"maxwidth"in e&&a(0,p=e.maxwidth),"tagid"in e&&a(1,h=e.tagid),"taglabel"in e&&a(40,u=e.taglabel),"placeholder"in e&&a(2,x=e.placeholder),"disabled"in e&&a(3,w=e.disabled),"size"in e&&a(4,b=e.size),"isvalid"in e&&a(5,f=e.isvalid),"isinvalid"in e&&a(6,$=e.isinvalid),"loading"in e&&a(7,v=e.loading),"name"in e&&a(8,y=e.name),"items"in e&&a(41,M=e.items),"value"in e&&a(42,k=e.value),"open"in e&&a(43,D=e.open),"multiple"in e&&a(9,E=e.multiple),"emptysearchlabel"in e&&a(10,C=e.emptysearchlabel),"datatextexpr"in e&&a(11,j=e.datatextexpr),"datavalueexpr"in e&&a(12,N=e.datavalueexpr),"nosort"in e&&a(44,T=e.nosort),"clearfield"in e&&a(13,L=e.clearfield),"layertitle"in e&&a(14,P=e.layertitle),"showmoretagslabel"in e&&a(15,B=e.showmoretagslabel),"maxnumbertoshowtags"in e&&a(16,G=e.maxnumbertoshowtags),"alltags"in e&&a(17,W=e.alltags),"selectall"in e&&a(18,R=e.selectall),"labelselectall"in e&&a(19,Y=e.labelselectall)},e.$$.update=()=>{if(1024&e.$$.dirty[1]&&a(46,l=M?JSON.parse(M):[]),32768&e.$$.dirty[1]&&a(29,i=l),512&e.$$.dirty[0]|2048&e.$$.dirty[1]&&a(20,r=!k&&E?[]:k?JSON.parse(k):k),1048576&e.$$.dirty[0]|512&e.$$.dirty[1]&&a(30,n=()=>r.length.toString()+" "+u),1048576&e.$$.dirty[0]&&async function(e){await O(),a(27,K=re(e));const t=K.map((e=>e[j]));a(26,V=t.join(", ")),E&&a(45,J=e)}(r),16384&e.$$.dirty[1]&&async function(e){var t,l;await O(),a(25,q=Z&&e&&e.length?`${null!==(l=null===(t=null==m?void 0:m.querySelector(".mc-tag-removable"))||void 0===t?void 0:t.clientWidth)&&void 0!==l?l:8}px`:"0px")}(J),4096&e.$$.dirty[1]&&a(21,o=D),2097152&e.$$.dirty[0]){const e=o?"open":"close";X.dispatch(e,o)}a(22,c=Object.assign({},g)),4194304&e.$$.dirty[0]&&delete c.class},[p,h,x,w,b,f,$,v,y,E,C,j,N,L,P,B,G,W,R,Y,r,o,c,m,Z,q,V,K,U,i,n,H,ee,te,ae,le,ie,function(){X.dispatch("onchange",r),E||ie()},function(){X.dispatch("scrollend",!0)},function(e){X.dispatch("select-all",e.detail)},u,M,k,D,T,J,l,function(e){S[e?"unshift":"push"]((()=>{Z=e,a(24,Z)}))},()=>a(21,o=!o),()=>{ee()},function(e){r=e,a(20,r),a(42,k),a(9,E)},e=>te(e.id),()=>ae(),e=>te(e.id),()=>le(),function(e){S[e?"unshift":"push"]((()=>{m=e,a(23,m)}))}]}class ne extends e{constructor(e){super();const s=document.createElement("style");s.textContent=".mc-select{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==\");border-color:#c61112}.mc-select.is-valid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+\");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-dropdown{-ms-flex-item-align:start;align-self:start;position:relative;min-width:var(--dropdown-min-width, 6rem);max-width:var(--dropdown-width, auto);width:100%}.mc-dropdown__tag,.mc-dropdown__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:var(--dropdown-tag-z-index, 2)}.mc-dropdown__tag{left:0.75rem}.mc-dropdown__trigger{display:block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M2 10.5a1 1 0 01.29-.71l5-5a1 1 0 011.42 0l5 5a1 1 0 01-1.42 1.42L8 6.91l-4.29 4.3a1 1 0 01-1.42 0A1 1 0 012 10.5z'/%3E%3C/svg%3E\")}.mc-dropdown__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:2.5rem}.is-valid+.mc-dropdown__tools,.is-invalid+.mc-dropdown__tools{right:4.5rem}.mc-dropdown__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-dropdown__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-dropdown__clear,.mc-dropdown__clear-icon{height:1.5rem;width:1.5rem}.mc-dropdown__clear-icon{fill:#666666}.mc-dropdown__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width, 0px))}.mc-dropdown{min-width:auto}.mc-dropdown__tag{position:absolute !important}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(s),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},se,ie,r,{maxwidth:0,tagid:1,taglabel:40,placeholder:2,disabled:3,size:4,isvalid:5,isinvalid:6,loading:7,name:8,items:41,value:42,open:43,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:44,clearfield:13,layertitle:14,showmoretagslabel:15,maxnumbertoshowtags:16,alltags:17,selectall:18,labelselectall:19},null,[-1,-1,-1]),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","name","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),i()}get tagid(){return this.$$.ctx[1]}set tagid(e){this.$$set({tagid:e}),i()}get taglabel(){return this.$$.ctx[40]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),i()}get size(){return this.$$.ctx[4]}set size(e){this.$$set({size:e}),i()}get isvalid(){return this.$$.ctx[5]}set isvalid(e){this.$$set({isvalid:e}),i()}get isinvalid(){return this.$$.ctx[6]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get loading(){return this.$$.ctx[7]}set loading(e){this.$$set({loading:e}),i()}get name(){return this.$$.ctx[8]}set name(e){this.$$set({name:e}),i()}get items(){return this.$$.ctx[41]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[42]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[43]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[9]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[44]}set nosort(e){this.$$set({nosort:e}),i()}get clearfield(){return this.$$.ctx[13]}set clearfield(e){this.$$set({clearfield:e}),i()}get layertitle(){return this.$$.ctx[14]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[15]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[16]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[17]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[18]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[19]}set labelselectall(e){this.$$set({labelselectall:e}),i()}}export{ne as default};
 //# sourceMappingURL=Dropdown.js.map

package/public/components/dropdown/Dropdown.js.map CHANGED Viewed

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"fileuploader-result.nested.js","sources":["../../../src/components/fileuploader/fileuploader-result.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n\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 get_current_component(),\n createEventDispatcher(),\n );\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","get_current_component","createEventDispatcher","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":"~~m1QA4GWA~~,EAAW,GAACA,EAAI,IAACC,WAAS,~~mGAD7BC~~,EAEKC,EAAAC,EAAAC,8BADFL,EAAW,GAACA,EAAI,IAACC,WAAS,KAAAK,EAAAC,EAAAC,6DAXWC,EAAAT,MAAKU,KAAI,mCAS9C,IAAAC,EAAAX,MAAKC,WAASW,EAAAZ,~~mUAJLA~~,EAAW,qCANXA,EAAK,OAAYa,EAAAC,EAAA,QAAAC,EAAAf,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQgB,MAAK,~~0BAAjEd~~,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,~~0FAD5DhB~~,EAAK,wBAAVuB,OAAIC,GAAA,~~mKADRtB~~,EAmBIC,EAAAsB,EAAApB,oFAlBKL,EAAK,WAAVuB,OAAIC,GAAA,EAAA,iHAAJD,+EArFSG,GAAqBC,WACrBC,GAAeD,GACfE,SAAAA,GAAW,GAAKF,SAChBG,GAAeH,GACfI,YAAAA,EAAc,UAAQJ,eACtBK,GAAWL,EAElBM,EAAmB,IAAAC,EACrBC,IACAC,KAcO,SAAAC,EAAmBC,GACtB,GAAAZ,GAAqBA,EAAkBH,OAAS,EAAC,CAC7C,MAAAgB,EAAoBD,EAASE,MACS,GAAxCF,EAASG,YAAY,KAAO,IAAO,IAEnC,GAAAf,IAAsBA,EAAkBgB,SAASC,OAAOJ,WACnD,SAIJ,EAGA,SAAAK,EAAcC,WAEjBjB,GADeiB,EAAW,KAAO,KACTjB,GAyCrB,SAAAkB,EAAWC,GAClBd,EAAae,SAAS,eAAgBD,mTArErCjB,EAAQA,EAiCF,SAAamB,GAChB,IAAAnB,MAAYmB,UAChBnB,EAAMoB,SAAS,CAAAH,EAAMI,KACb,MAAAC,EAAiBf,EAAmBU,EAAKrC,MACzC2C,EAAYT,EAAcG,EAAKO,MACjC,IAAArD,EAAY,GACXmD,IACHnD,EAAY,qBAEToD,IACHpD,EAAY,gBAEV8C,EAAK9C,YACPA,EAAY8C,EAAK9C,WAEdmD,GAAmBC,IAAaN,EAAK9C,YACxC8C,EAAK9C,UAAYA,MAGd6B,EApDUyB,CAAazB,GAAK,wBAClCF,EAAUA,QAAoB4B,oBAExB,SAAWT,GACd,IAAAU,GAAW,gCAmDR,SAAgBV,SACjBK,GAAiB1B,GACnBW,EAAmBU,EAAKrC,MAEtB2C,EAAYT,EAAcG,EAAKO,MAEhC,IAAAF,IAAmBC,SACf,SAGF,EA3DHK,CAAgBX,IAAUA,EAAK9C,UAE9BwD,EAAQE,KAAK,qCADhBF,EAAQE,KAAK,mCAERF,EAAQG,KAAK,cA0EAb,GAAAD,EAAWC"}
1	+ {"version":3,"file":"fileuploader-result.nested.js","sources":["../../../src/components/fileuploader/fileuploader-result.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n\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 get_current_component(),\n createEventDispatcher(),\n );\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","get_current_component","createEventDispatcher","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":"25QA4GWA,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,+EArFSG,GAAqBC,WACrBC,GAAeD,GACfE,SAAAA,GAAW,GAAKF,SAChBG,GAAeH,GACfI,YAAAA,EAAc,UAAQJ,eACtBK,GAAWL,EAElBM,EAAmB,IAAAC,EACrBC,IACAC,KAcO,SAAAC,EAAmBC,GACtB,GAAAZ,GAAqBA,EAAkBH,OAAS,EAAC,CAC7C,MAAAgB,EAAoBD,EAASE,MACS,GAAxCF,EAASG,YAAY,KAAO,IAAO,IAEnC,GAAAf,IAAsBA,EAAkBgB,SAASC,OAAOJ,WACnD,SAIJ,EAGA,SAAAK,EAAcC,WAEjBjB,GADeiB,EAAW,KAAO,KACTjB,GAyCrB,SAAAkB,EAAWC,GAClBd,EAAae,SAAS,eAAgBD,mTArErCjB,EAAQA,EAiCF,SAAamB,GAChB,IAAAnB,MAAYmB,UAChBnB,EAAMoB,SAAS,CAAAH,EAAMI,KACb,MAAAC,EAAiBf,EAAmBU,EAAKrC,MACzC2C,EAAYT,EAAcG,EAAKO,MACjC,IAAArD,EAAY,GACXmD,IACHnD,EAAY,qBAEToD,IACHpD,EAAY,gBAEV8C,EAAK9C,YACPA,EAAY8C,EAAK9C,WAEdmD,GAAmBC,IAAaN,EAAK9C,YACxC8C,EAAK9C,UAAYA,MAGd6B,EApDUyB,CAAazB,GAAK,wBAClCF,EAAUA,QAAoB4B,oBAExB,SAAWT,GACd,IAAAU,GAAW,gCAmDR,SAAgBV,SACjBK,GAAiB1B,GACnBW,EAAmBU,EAAKrC,MAEtB2C,EAAYT,EAAcG,EAAKO,MAEhC,IAAAF,IAAmBC,SACf,SAGF,EA3DHK,CAAgBX,IAAUA,EAAK9C,UAE9BwD,EAAQE,KAAK,qCADhBF,EAAQE,KAAK,mCAERF,EAAQG,KAAK,cA0EAb,GAAAD,EAAWC"}

package/public/components/layer/Layer.js CHANGED Viewed

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

package/public/components/listbox/Listbox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as o,f as l,s,e as a,n as c,h as r,L as n,k as m,q as b,r as d,v as h,w as x,c as p,x as u,U as _,$ as g,t as f,l as w,o as v,j as k,M as y,p as $,Q as E,d as C,a0 as z,m as M,O as B}from"../../index-48da6c1f.js";import{E as j}from"../../EventHandler-f7ee47ca.js";function L(e,t,i){const o=e.slice();return o[23]=t[i],o[25]=i,o}function H(e){let t,i,l;return{c(){t=a("div"),i=a("span"),l=f(e[3]),r(i,"class","mc-listbox__label"),r(t,"class","mc-listbox__tile mc-listbox__tile--empty")},m(e,s){o(e,t,s),w(t,i),w(i,l)},p(e,t){8&t&&v(l,e[3])},d(e){e&&b(t)}}}function O(e){let t,i,l,s=e[11],c=[];for(let t=0;t<s.length;t+=1)c[t]=N(L(e,s,t));let r=[{role:"listbox"},{class:"mc-listbox__list"},{"aria-labelledby":"listbox"},e[10]],n={};for(let e=0;e<r.length;e+=1)n=p(n,r[e]);return{c(){t=a("ul");for(let e=0;e<c.length;e+=1)c[e].c();k(t,n)},m(s,a){o(s,t,a);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(t,null);i||(l=y(e[14].call(null,t)),i=!0)},p(e,i){if(14387&i){let o;for(s=e[11],o=0;o<s.length;o+=1){const l=L(e,s,o);c[o]?c[o].p(l,i):(c[o]=N(l),c[o].c(),c[o].m(t,null))}for(;o<c.length;o+=1)c[o].d(1);c.length=s.length}k(t,n=$(r,[{role:"listbox"},{class:"mc-listbox__list"},{"aria-labelledby":"listbox"},1024&i&&e[10]]))},d(e){e&&b(t),E(c,e),i=!1,l()}}}function A(e){let t,i,l,s,c,n,m=!1;return s=z(e[19][0]),{c(){t=a("input"),r(t,"id",e[13](e[25])),r(t,"class","mc-listbox__input mc-checkbox__input"),r(t,"type","checkbox"),t.__value=i=e[23][e[5]],t.value=t.__value,t.checked=l=e[0].includes(e[23][e[5]]),s.p(t)},m(i,l){o(i,t,l),t.checked=~(e[0]||[]).indexOf(t.__value),c||(n=[M(t,"change",e[20]),M(t,"change",e[17])],c=!0)},p(e,o){2080&o&&i!==(i=e[23][e[5]])&&(t.__value=i,t.value=t.__value,m=!0),2081&o&&l!==(l=e[0].includes(e[23][e[5]]))&&(t.checked=l),(m||2049&o)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&b(t),s.r(),c=!1,B(n)}}}function Y(e){let t,i,l,s,c,n=!1;return l=z(e[19][0]),{c(){t=a("input"),r(t,"id",e[13](e[25])),r(t,"class","mc-listbox__input"),r(t,"type","radio"),t.__value=i=e[23][e[5]],t.value=t.__value,r(t,"name",`listboxradio-${e[12]}`),l.p(t)},m(i,l){o(i,t,l),t.checked=t.__value===e[0],s||(c=[M(t,"change",e[18]),M(t,"change",e[16])],s=!0)},p(e,o){2080&o&&i!==(i=e[23][e[5]])&&(t.__value=i,t.value=t.__value,n=!0),(n||2049&o)&&(t.checked=t.__value===e[0])},d(e){e&&b(t),l.r(),s=!1,B(c)}}}function N(e){let t,i,l,s,c,n=e[23][e[4]]+"";function m(e,t){return e[1]?A:Y}let d=m(e),h=d(e);return{c(){t=a("li"),h.c(),i=C(),l=a("label"),s=f(n),c=C(),r(l,"for",e[13](e[25])),r(l,"class","mc-listbox__label"),r(t,"class","mc-listbox__tile")},m(e,a){o(e,t,a),h.m(t,null),w(t,i),w(t,l),w(l,s),w(t,c)},p(e,o){d===(d=m(e))&&h?h.p(e,o):(h.d(1),h=d(e),h&&(h.c(),h.m(t,i))),2064&o&&n!==(n=e[23][e[4]]+"")&&v(s,n)},d(e){e&&b(t),h.d()}}}function R(e){let t;function i(e,t){return e[2]?H:O}let l=i(e),s=l(e);return{c(){t=a("div"),s.c(),this.c=c,r(t,"class","mc-listbox"),n(t,"--listbox-maxwidth",e[6]),n(t,"--listbox-width",e[8]),m(t,"mc-listbox--options","options"===e[9]),m(t,"mc-listbox--multi",e[1]),m(t,"mc-listbox--overlay",e[7])},m(e,i){o(e,t,i),s.m(t,null)},p(e,[o]){l===(l=i(e))&&s?s.p(e,o):(s.d(1),s=l(e),s&&(s.c(),s.m(t,null))),64&o&&n(t,"--listbox-maxwidth",e[6]),256&o&&n(t,"--listbox-width",e[8]),512&o&&m(t,"mc-listbox--options","options"===e[9]),2&o&&m(t,"mc-listbox--multi",e[1]),128&o&&m(t,"mc-listbox--overlay",e[7])},i:c,o:c,d(e){e&&b(t),s.d()}}}function S(e,t,i){let o,l;const s=["items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type"];let a=d(t,s),{items:c}=t,{value:r}=t,{multiple:n}=t,{isfiltered:m}=t,{emptysearchlabel:b="No results found"}=t,{datatextexpr:f="label"}=t,{datavalueexpr:w="value"}=t,{maxwidth:v}=t,{overlay:k}=t,{width:y}=t,{type:$="options"}=t;const E=Math.random();let C=new j(h(),x());const z=[[]];return e.$$set=e=>{t=p(p({},t),u(e)),i(22,a=d(t,s)),"items"in e&&i(15,c=e.items),"value"in e&&i(0,r=e.value),"multiple"in e&&i(1,n=e.multiple),"isfiltered"in e&&i(2,m=e.isfiltered),"emptysearchlabel"in e&&i(3,b=e.emptysearchlabel),"datatextexpr"in e&&i(4,f=e.datatextexpr),"datavalueexpr"in e&&i(5,w=e.datavalueexpr),"maxwidth"in e&&i(6,v=e.maxwidth),"overlay"in e&&i(7,k=e.overlay),"width"in e&&i(8,y=e.width),"type"in e&&i(9,$=e.type)},e.$$.update=()=>{32768&e.$$.dirty&&i(11,o=c?JSON.parse(c):[]),i(10,l=Object.assign({},a)),1024&e.$$.dirty&&delete l.class},[r,n,m,b,f,w,v,k,y,$,l,o,E,function(e){return`listboxItem-${e+E}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&C.dispatch("scrollend",{})}))},c,function(t){_.call(this,e,t)},function(t){_.call(this,e,t)},function(){r=this.__value,i(0,r)},z,function(){r=g(z[0],this.__value,this.checked),i(0,r)}]}class q extends e{constructor(e){super();const a=document.createElement("style");a.textContent=".mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-listbox{background-color:#ffffff;border:1px solid #666666;border-radius:3px;overflow-y:auto;max-width:var(--listbox-maxwidth, none);width:var(--listbox-width, auto)}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.mc-listbox__tile{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.75rem;padding-right:0.75rem;position:relative}.mc-listbox__tile:not(.mc-listbox__tile--empty):not(.is-disabled):hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__tile--danger,.mc-listbox__tile.is-danger{color:#c61112}.mc-listbox__tile--empty{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty .mc-listbox__label{cursor:default}.mc-listbox__tile.is-disabled{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__icon{fill:#666666}.mc-listbox__label{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap}.mc-listbox__label::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox--left{right:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox--options{max-height:13.8125rem;min-width:18rem}.mc-listbox--options .mc-listbox__flag,.mc-listbox--options .mc-listbox__icon,.mc-listbox--options .mc-listbox__logo{height:2rem;width:2rem}.mc-listbox--options .mc-listbox__tile{height:3rem}.mc-listbox--options .mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options .mc-listbox__tile.is-selected .mc-listbox__label::before{visibility:visible}.mc-listbox--options .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options .mc-listbox__input:checked+.mc-listbox__label::before{visibility:visible}.mc-listbox--options .mc-listbox__input:checked:disabled+.mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options .mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23191919' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-position:center;background-repeat:no-repeat;background-size:1.5rem;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem;visibility:hidden}.mc-listbox--actions{min-width:17.375rem}.mc-listbox--actions.align-top{-webkit-transform:translate(0, calc(-100% - 1.5rem));-ms-transform:translate(0, calc(-100% - 1.5rem));transform:translate(0, calc(-100% - 1.5rem))}.mc-listbox--actions.align-right{-webkit-transform:translate(calc(-100% + 1.5rem), 0);-ms-transform:translate(calc(-100% + 1.5rem), 0);transform:translate(calc(-100% + 1.5rem), 0)}.mc-listbox--actions.align-right.align-top{-webkit-transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));-ms-transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem))}.mc-listbox--actions .mc-listbox__tile{height:2.5rem}.mc-listbox--overlay{position:absolute;z-index:10}",this.shadowRoot.appendChild(a),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},S,R,s,{items:15,value:0,multiple:1,isfiltered:2,emptysearchlabel:3,datatextexpr:4,datavalueexpr:5,maxwidth:6,overlay:7,width:8,type:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),l()))}static get observedAttributes(){return["items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type"]}get items(){return this.$$.ctx[15]}set items(e){this.$$set({items:e}),l()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),l()}get multiple(){return this.$$.ctx[1]}set multiple(e){this.$$set({multiple:e}),l()}get isfiltered(){return this.$$.ctx[2]}set isfiltered(e){this.$$set({isfiltered:e}),l()}get emptysearchlabel(){return this.$$.ctx[3]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),l()}get datatextexpr(){return this.$$.ctx[4]}set datatextexpr(e){this.$$set({datatextexpr:e}),l()}get datavalueexpr(){return this.$$.ctx[5]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),l()}get maxwidth(){return this.$$.ctx[6]}set maxwidth(e){this.$$set({maxwidth:e}),l()}get overlay(){return this.$$.ctx[7]}set overlay(e){this.$$set({overlay:e}),l()}get width(){return this.$$.ctx[8]}set width(e){this.$$set({width:e}),l()}get type(){return this.$$.ctx[9]}set type(e){this.$$set({type:e}),l()}}export{q as default};
+import{S as e,i as t,a as i,b as o,f as l,s,e as a,n as c,h as r,L as n,k as m,q as b,r as d,v as h,w as x,c as p,x as u,U as _,$ as f,t as g,l as v,o as w,j as k,M as y,p as $,Q as E,d as C,a0 as z,m as M,O as B}from"../../index-48da6c1f.js";import{E as j}from"../../EventHandler-f7ee47ca.js";function L(e,t,i){const o=e.slice();return o[23]=t[i],o[25]=i,o}function H(e){let t,i,l;return{c(){t=a("div"),i=a("span"),l=g(e[3]),r(i,"class","mc-listbox__label"),r(t,"class","mc-listbox__tile mc-listbox__tile--empty")},m(e,s){o(e,t,s),v(t,i),v(i,l)},p(e,t){8&t&&w(l,e[3])},d(e){e&&b(t)}}}function O(e){let t,i,l,s=e[11],c=[];for(let t=0;t<s.length;t+=1)c[t]=N(L(e,s,t));let r=[{role:"listbox"},{class:"mc-listbox__list"},{"aria-labelledby":"listbox"},e[10]],n={};for(let e=0;e<r.length;e+=1)n=p(n,r[e]);return{c(){t=a("ul");for(let e=0;e<c.length;e+=1)c[e].c();k(t,n)},m(s,a){o(s,t,a);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(t,null);i||(l=y(e[14].call(null,t)),i=!0)},p(e,i){if(14387&i){let o;for(s=e[11],o=0;o<s.length;o+=1){const l=L(e,s,o);c[o]?c[o].p(l,i):(c[o]=N(l),c[o].c(),c[o].m(t,null))}for(;o<c.length;o+=1)c[o].d(1);c.length=s.length}k(t,n=$(r,[{role:"listbox"},{class:"mc-listbox__list"},{"aria-labelledby":"listbox"},1024&i&&e[10]]))},d(e){e&&b(t),E(c,e),i=!1,l()}}}function A(e){let t,i,l,s,c,n,m=!1;return s=z(e[19][0]),{c(){t=a("input"),r(t,"id",e[13](e[25])),r(t,"class","mc-listbox__input mc-checkbox__input"),r(t,"type","checkbox"),t.__value=i=e[23][e[5]],t.value=t.__value,t.checked=l=e[0].includes(e[23][e[5]]),s.p(t)},m(i,l){o(i,t,l),t.checked=~(e[0]||[]).indexOf(t.__value),c||(n=[M(t,"change",e[20]),M(t,"change",e[17])],c=!0)},p(e,o){2080&o&&i!==(i=e[23][e[5]])&&(t.__value=i,t.value=t.__value,m=!0),2081&o&&l!==(l=e[0].includes(e[23][e[5]]))&&(t.checked=l),(m||2049&o)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&b(t),s.r(),c=!1,B(n)}}}function Y(e){let t,i,l,s,c,n=!1;return l=z(e[19][0]),{c(){t=a("input"),r(t,"id",e[13](e[25])),r(t,"class","mc-listbox__input"),r(t,"type","radio"),t.__value=i=e[23][e[5]],t.value=t.__value,r(t,"name",`listboxradio-${e[12]}`),l.p(t)},m(i,l){o(i,t,l),t.checked=t.__value===e[0],s||(c=[M(t,"change",e[18]),M(t,"change",e[16])],s=!0)},p(e,o){2080&o&&i!==(i=e[23][e[5]])&&(t.__value=i,t.value=t.__value,n=!0),(n||2049&o)&&(t.checked=t.__value===e[0])},d(e){e&&b(t),l.r(),s=!1,B(c)}}}function N(e){let t,i,l,s,c,n=e[23][e[4]]+"";function m(e,t){return e[1]?A:Y}let d=m(e),h=d(e);return{c(){t=a("li"),h.c(),i=C(),l=a("label"),s=g(n),c=C(),r(l,"for",e[13](e[25])),r(l,"class","mc-listbox__label"),r(t,"class","mc-listbox__tile")},m(e,a){o(e,t,a),h.m(t,null),v(t,i),v(t,l),v(l,s),v(t,c)},p(e,o){d===(d=m(e))&&h?h.p(e,o):(h.d(1),h=d(e),h&&(h.c(),h.m(t,i))),2064&o&&n!==(n=e[23][e[4]]+"")&&w(s,n)},d(e){e&&b(t),h.d()}}}function R(e){let t;function i(e,t){return e[2]?H:O}let l=i(e),s=l(e);return{c(){t=a("div"),s.c(),this.c=c,r(t,"class","mc-listbox"),n(t,"--listbox-maxwidth",e[6]),n(t,"--listbox-width",e[8]),m(t,"mc-listbox--options","options"===e[9]),m(t,"mc-listbox--multi",e[1]),m(t,"mc-listbox--overlay",e[7])},m(e,i){o(e,t,i),s.m(t,null)},p(e,[o]){l===(l=i(e))&&s?s.p(e,o):(s.d(1),s=l(e),s&&(s.c(),s.m(t,null))),64&o&&n(t,"--listbox-maxwidth",e[6]),256&o&&n(t,"--listbox-width",e[8]),512&o&&m(t,"mc-listbox--options","options"===e[9]),2&o&&m(t,"mc-listbox--multi",e[1]),128&o&&m(t,"mc-listbox--overlay",e[7])},i:c,o:c,d(e){e&&b(t),s.d()}}}function S(e,t,i){let o,l;const s=["items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type"];let a=d(t,s),{items:c}=t,{value:r}=t,{multiple:n}=t,{isfiltered:m}=t,{emptysearchlabel:b="No results found"}=t,{datatextexpr:g="label"}=t,{datavalueexpr:v="value"}=t,{maxwidth:w}=t,{overlay:k}=t,{width:y}=t,{type:$="options"}=t;const E=Math.random();let C=new j(h(),x());const z=[[]];return e.$$set=e=>{t=p(p({},t),u(e)),i(22,a=d(t,s)),"items"in e&&i(15,c=e.items),"value"in e&&i(0,r=e.value),"multiple"in e&&i(1,n=e.multiple),"isfiltered"in e&&i(2,m=e.isfiltered),"emptysearchlabel"in e&&i(3,b=e.emptysearchlabel),"datatextexpr"in e&&i(4,g=e.datatextexpr),"datavalueexpr"in e&&i(5,v=e.datavalueexpr),"maxwidth"in e&&i(6,w=e.maxwidth),"overlay"in e&&i(7,k=e.overlay),"width"in e&&i(8,y=e.width),"type"in e&&i(9,$=e.type)},e.$$.update=()=>{32768&e.$$.dirty&&i(11,o=c?JSON.parse(c):[]),i(10,l=Object.assign({},a)),1024&e.$$.dirty&&delete l.class},[r,n,m,b,g,v,w,k,y,$,l,o,E,function(e){return`listboxItem-${e+E}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&C.dispatch("scrollend",{})}))},c,function(t){_.call(this,e,t)},function(t){_.call(this,e,t)},function(){r=this.__value,i(0,r)},z,function(){r=f(z[0],this.__value,this.checked),i(0,r)}]}class q extends e{constructor(e){super();const a=document.createElement("style");a.textContent=".mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-listbox{background-color:#ffffff;border:1px solid #666666;border-radius:3px;overflow-y:auto;max-width:var(--listbox-maxwidth, none);width:var(--listbox-width, auto)}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.mc-listbox__tile{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.75rem;padding-right:0.75rem;position:relative}.mc-listbox__tile:not(.mc-listbox__tile--empty):not(.is-disabled):hover,.mc-listbox__tile:has(.mc-listbox__input:focus),.mc-listbox__tile:has(.mc-listbox__label:focus){background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__tile--danger,.mc-listbox__tile.is-danger{color:#c61112}.mc-listbox__tile--empty{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty .mc-listbox__label{cursor:default}.mc-listbox__tile.is-disabled{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__icon{fill:#666666}.mc-listbox__label{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap;outline:transparent}.mc-listbox__label::after{content:\"\";position:absolute;inset:0;z-index:var(--listbox-label-z-index, 2)}.mc-listbox__input{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox--left{right:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox--options{max-height:13.8125rem;min-width:var(--listbox-minwidth, 6rem)}.mc-listbox--options .mc-listbox__flag,.mc-listbox--options .mc-listbox__icon,.mc-listbox--options .mc-listbox__logo{height:2rem;width:2rem}.mc-listbox--options .mc-listbox__tile{height:3rem}.mc-listbox--options .mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options .mc-listbox__tile.is-selected .mc-listbox__label::before{visibility:visible}.mc-listbox--options .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options .mc-listbox__input:checked+.mc-listbox__label::before{visibility:visible}.mc-listbox--options .mc-listbox__input:checked:disabled+.mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options .mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23191919' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-position:center;background-repeat:no-repeat;background-size:1.5rem;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem;visibility:hidden}.mc-listbox--actions{min-width:17.375rem}.mc-listbox--actions.align-top{-webkit-transform:translate(0, calc(-100% - 1.5rem));-ms-transform:translate(0, calc(-100% - 1.5rem));transform:translate(0, calc(-100% - 1.5rem))}.mc-listbox--actions.align-right{-webkit-transform:translate(calc(-100% + 1.5rem), 0);-ms-transform:translate(calc(-100% + 1.5rem), 0);transform:translate(calc(-100% + 1.5rem), 0)}.mc-listbox--actions.align-right.align-top{-webkit-transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));-ms-transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem))}.mc-listbox--actions .mc-listbox__tile{height:2.5rem}.mc-listbox--overlay{position:absolute;z-index:var(--listbox-overlay-z-index, 10)}",this.shadowRoot.appendChild(a),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},S,R,s,{items:15,value:0,multiple:1,isfiltered:2,emptysearchlabel:3,datatextexpr:4,datavalueexpr:5,maxwidth:6,overlay:7,width:8,type:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),l()))}static get observedAttributes(){return["items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type"]}get items(){return this.$$.ctx[15]}set items(e){this.$$set({items:e}),l()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),l()}get multiple(){return this.$$.ctx[1]}set multiple(e){this.$$set({multiple:e}),l()}get isfiltered(){return this.$$.ctx[2]}set isfiltered(e){this.$$set({isfiltered:e}),l()}get emptysearchlabel(){return this.$$.ctx[3]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),l()}get datatextexpr(){return this.$$.ctx[4]}set datatextexpr(e){this.$$set({datatextexpr:e}),l()}get datavalueexpr(){return this.$$.ctx[5]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),l()}get maxwidth(){return this.$$.ctx[6]}set maxwidth(e){this.$$set({maxwidth:e}),l()}get overlay(){return this.$$.ctx[7]}set overlay(e){this.$$set({overlay:e}),l()}get width(){return this.$$.ctx[8]}set width(e){this.$$set({width:e}),l()}get type(){return this.$$.ctx[9]}set type(e){this.$$set({type:e}),l()}}export{q as default};
 //# sourceMappingURL=Listbox.js.map

package/public/components/listbox/Listbox.nested.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{G as e,i as l,s as t,H as s,e as i,h as r,L as o,k as a,b as c,n as v,q as n,v as x,w as h,U as p,$ as d,t as b,l as m,o as u,d as f,M as _,Q as g,m as w,O as k,a0 as y}from"../../index-48da6c1f.js";import{E}from"../../EventHandler-f7ee47ca.js";function C(e){s(e,"svelte-1lpvrxh",".mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:hover{border-color:#191919}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:checked,.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-listbox.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh{background-color:#ffffff;border:1px solid #666666;border-radius:3px;overflow-y:auto;max-width:var(--listbox-maxwidth, none);width:var(--listbox-width, auto)}.mc-listbox.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.mc-listbox__tile.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.75rem;padding-right:0.75rem;position:relative}.mc-listbox__tile.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh:not(.mc-listbox__tile--empty):not(.is-disabled):hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__tile--empty.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty.svelte-1lpvrxh .mc-listbox__label.svelte-1lpvrxh.svelte-1lpvrxh{cursor:default}.mc-listbox__tile.is-disabled.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__label.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap}.mc-listbox__label.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-1lpvrxh:not(.mc-listbox--multi) .mc-listbox__input.svelte-1lpvrxh.svelte-1lpvrxh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox--options.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh{max-height:13.8125rem;min-width:18rem}.mc-listbox--options.svelte-1lpvrxh .mc-listbox__tile.svelte-1lpvrxh.svelte-1lpvrxh{height:3rem}.mc-listbox--options.svelte-1lpvrxh .mc-listbox__tile.svelte-1lpvrxh.svelte-1lpvrxh:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options.svelte-1lpvrxh .mc-listbox__tile.is-selected .mc-listbox__label.svelte-1lpvrxh.svelte-1lpvrxh::before{visibility:visible}.mc-listbox--options.svelte-1lpvrxh .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label.svelte-1lpvrxh.svelte-1lpvrxh::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options.svelte-1lpvrxh .mc-listbox__input.svelte-1lpvrxh:checked+.mc-listbox__label.svelte-1lpvrxh::before{visibility:visible}.mc-listbox--options.svelte-1lpvrxh .mc-listbox__input.svelte-1lpvrxh:checked:disabled+.mc-listbox__label.svelte-1lpvrxh::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options.svelte-1lpvrxh .mc-listbox__label.svelte-1lpvrxh.svelte-1lpvrxh::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23191919' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-position:center;background-repeat:no-repeat;background-size:1.5rem;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem;visibility:hidden}.mc-listbox--overlay.svelte-1lpvrxh.svelte-1lpvrxh.svelte-1lpvrxh{position:absolute;z-index:10}")}function z(e,l,t){const s=e.slice();return s[30]=l[t],s[32]=t,s}function $(e){let l,t,s;return{c(){l=i("div"),t=i("span"),s=b(e[4]),r(t,"class","mc-listbox__label svelte-1lpvrxh"),r(l,"class","mc-listbox__tile mc-listbox__tile--empty svelte-1lpvrxh")},m(e,i){c(e,l,i),m(l,t),m(t,s)},p(e,l){16&l[0]&&u(s,e[4])},d(e){e&&n(l)}}}function B(e){let l,t,s,o,a=e[2]&&e[9]&&M(e),v=e[14],x=[];for(let l=0;l<v.length;l+=1)x[l]=O(z(e,v,l));return{c(){l=i("ul"),a&&a.c(),t=f();for(let e=0;e<x.length;e+=1)x[e].c();r(l,"role","listbox"),r(l,"class","mc-listbox__list svelte-1lpvrxh"),r(l,"aria-labelledby","listbox")},m(i,r){c(i,l,r),a&&a.m(l,null),m(l,t);for(let e=0;e<x.length;e+=1)x[e]&&x[e].m(l,null);s||(o=_(e[18].call(null,l)),s=!0)},p(e,s){if(e[2]&&e[9]?a?a.p(e,s):(a=M(e),a.c(),a.m(l,t)):a&&(a.d(1),a=null),147687&s[0]){let t;for(v=e[14],t=0;t<v.length;t+=1){const i=z(e,v,t);x[t]?x[t].p(i,s):(x[t]=O(i),x[t].c(),x[t].m(l,null))}for(;t<x.length;t+=1)x[t].d(1);x.length=v.length}},d(e){e&&n(l),a&&a.d(),g(x,e),s=!1,o()}}}function M(e){let l,t,s,o,a,v,x;return{c(){l=i("li"),t=i("input"),s=f(),o=i("label"),a=b(e[10]),r(t,"id","select-all"),r(t,"class","mc-listbox__input mc-checkbox__input svelte-1lpvrxh"),r(t,"type","checkbox"),t.indeterminate=e[16],r(o,"for","select-all"),r(o,"class","mc-listbox__label svelte-1lpvrxh"),r(l,"class","mc-listbox__tile svelte-1lpvrxh")},m(i,r){c(i,l,r),m(l,t),t.checked=e[15],m(l,s),m(l,o),m(o,a),v||(x=[w(t,"change",e[23]),w(t,"change",e[19])],v=!0)},p(e,l){65536&l[0]&&(t.indeterminate=e[16]),32768&l[0]&&(t.checked=e[15]),1024&l[0]&&u(a,e[10])},d(e){e&&n(l),v=!1,k(x)}}}function H(e){let l,t,s,o,a,v,x,h=!1;return a=y(e[25][0]),{c(){l=i("input"),r(l,"id",e[17](e[32])),r(l,"class","mc-listbox__input mc-checkbox__input svelte-1lpvrxh"),r(l,"type","checkbox"),l.__value=t=e[30][e[6]],l.value=l.__value,l.checked=s=e[0].includes(e[30][e[6]]),l.disabled=o=Boolean(e[30][e[7]]),a.p(l)},m(t,s){c(t,l,s),l.checked=~(e[0]||[]).indexOf(l.__value),v||(x=[w(l,"change",e[26]),w(l,"change",e[22])],v=!0)},p(e,i){16448&i[0]&&t!==(t=e[30][e[6]])&&(l.__value=t,l.value=l.__value,h=!0),16449&i[0]&&s!==(s=e[0].includes(e[30][e[6]]))&&(l.checked=s),16512&i[0]&&o!==(o=Boolean(e[30][e[7]]))&&(l.disabled=o),(h||16385&i[0])&&(l.checked=~(e[0]||[]).indexOf(l.__value))},d(e){e&&n(l),a.r(),v=!1,k(x)}}}function L(e){let l,t,s,o,v,x,h=!1;return o=y(e[25][0]),{c(){l=i("input"),r(l,"id",e[17](e[32])),r(l,"class","mc-listbox__input svelte-1lpvrxh"),r(l,"type","radio"),l.__value=t=e[30][e[6]],l.value=l.__value,r(l,"name",e[1]),l.disabled=s=Boolean(e[30][e[7]]),a(l,"is-disabled",e[30][e[7]]),o.p(l)},m(t,s){c(t,l,s),l.checked=l.__value===e[0],v||(x=[w(l,"change",e[24]),w(l,"change",e[21])],v=!0)},p(e,i){16448&i[0]&&t!==(t=e[30][e[6]])&&(l.__value=t,l.value=l.__value,h=!0),2&i[0]&&r(l,"name",e[1]),16512&i[0]&&s!==(s=Boolean(e[30][e[7]]))&&(l.disabled=s),(h||16385&i[0])&&(l.checked=l.__value===e[0]),16512&i[0]&&a(l,"is-disabled",e[30][e[7]])},d(e){e&&n(l),o.r(),v=!1,k(x)}}}function O(e){let l,t,s,o,v,x=e[30][e[5]]+"";function h(e,l){return e[2]?H:L}let p=h(e),d=p(e);return{c(){l=i("li"),d.c(),t=f(),s=i("label"),o=b(x),v=f(),r(s,"for",e[17](e[32])),r(s,"class","mc-listbox__label svelte-1lpvrxh"),r(l,"class","mc-listbox__tile svelte-1lpvrxh"),a(l,"is-disabled",e[30][e[7]])},m(e,i){c(e,l,i),d.m(l,null),m(l,t),m(l,s),m(s,o),m(l,v)},p(e,s){p===(p=h(e))&&d?d.p(e,s):(d.d(1),d=p(e),d&&(d.c(),d.m(l,t))),16416&s[0]&&x!==(x=e[30][e[5]]+"")&&u(o,x),16512&s[0]&&a(l,"is-disabled",e[30][e[7]])},d(e){e&&n(l),d.d()}}}function j(e){let l;function t(e,l){return e[3]?$:B}let s=t(e),x=s(e);return{c(){l=i("div"),x.c(),r(l,"class","mc-listbox svelte-1lpvrxh"),o(l,"--listbox-maxwidth",e[8]),o(l,"--listbox-width",e[12]),a(l,"mc-listbox--options","options"===e[13]),a(l,"mc-listbox--multi",e[2]),a(l,"mc-listbox--overlay",e[11])},m(e,t){c(e,l,t),x.m(l,null)},p(e,i){s===(s=t(e))&&x?x.p(e,i):(x.d(1),x=s(e),x&&(x.c(),x.m(l,null))),256&i[0]&&o(l,"--listbox-maxwidth",e[8]),4096&i[0]&&o(l,"--listbox-width",e[12]),8192&i[0]&&a(l,"mc-listbox--options","options"===e[13]),4&i[0]&&a(l,"mc-listbox--multi",e[2]),2048&i[0]&&a(l,"mc-listbox--overlay",e[11])},i:v,o:v,d(e){e&&n(l),x.d()}}}function A(e,l,t){let s,i,r;const o=Math.random();let{name:a=`listboxradio-${o}`}=l,{items:c}=l,{value:v}=l,{multiple:n}=l,{isfiltered:b}=l,{emptysearchlabel:m="No results found"}=l,{datatextexpr:u="label"}=l,{datavalueexpr:f="value"}=l,{datadisabledexpr:_="disabled"}=l,{maxwidth:g}=l,{selectall:w=!1}=l,{labelselectall:k="Select all"}=l,{overlay:y}=l,{width:C}=l,{type:z="options"}=l,$=new E(x(),h());const B=[[]];return e.$$set=e=>{"name"in e&&t(1,a=e.name),"items"in e&&t(20,c=e.items),"value"in e&&t(0,v=e.value),"multiple"in e&&t(2,n=e.multiple),"isfiltered"in e&&t(3,b=e.isfiltered),"emptysearchlabel"in e&&t(4,m=e.emptysearchlabel),"datatextexpr"in e&&t(5,u=e.datatextexpr),"datavalueexpr"in e&&t(6,f=e.datavalueexpr),"datadisabledexpr"in e&&t(7,_=e.datadisabledexpr),"maxwidth"in e&&t(8,g=e.maxwidth),"selectall"in e&&t(9,w=e.selectall),"labelselectall"in e&&t(10,k=e.labelselectall),"overlay"in e&&t(11,y=e.overlay),"width"in e&&t(12,C=e.width),"type"in e&&t(13,z=e.type)},e.$$.update=()=>{512&e.$$.dirty[0]&&t(15,s=null!=w&&w),1048576&e.$$.dirty[0]&&t(14,i=c?JSON.parse(c):[]),1&e.$$.dirty[0]&&t(0,v=v?(t(15,s=!1),t(16,r=!1),v&&0===v.length?(t(15,s=!1),t(16,r=!1)):v&&v.length<i.length?t(16,r=!0):v&&v.length===i.length&&t(15,s=!0),v):[])},t(16,r=!0),[v,a,n,b,m,u,f,_,g,w,k,y,C,z,i,s,r,function(e){return`listboxItem-${e+o}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&$.dispatch("scrollend",{})}))},function(e){const l=e.target.checked;t(15,s=!!l),s?i.map((e=>{e[_]||-1!==v.indexOf(e[f])||v.push(e[f])})):t(0,v=[]),$.dispatch("select-all",v),t(0,v)},c,function(l){p.call(this,e,l)},function(l){p.call(this,e,l)},function(){s=this.checked,t(15,s),t(9,w)},function(){v=this.__value,t(0,v)},B,function(){v=d(B[0],this.__value,this.checked),t(0,v)}]}class Y extends e{constructor(e){super(),l(this,e,A,j,t,{name:1,items:20,value:0,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10,overlay:11,width:12,type:13},C,[-1,-1])}}export{Y as default};
+import{G as t,i as e,s as l,H as s,e as c,h as i,L as o,k as a,b as n,n as x,q as h,v as r,w as d,U as b,$ as m,t as w,l as v,o as u,d as p,M as _,Q as f,m as g,O as k,a0 as y}from"../../index-48da6c1f.js";import{E}from"../../EventHandler-f7ee47ca.js";function C(t){s(t,"svelte-tcxwth",".mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:hover{border-color:#191919}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked,.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-listbox.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{background-color:#ffffff;border:1px solid #666666;border-radius:3px;overflow-y:auto;max-width:var(--listbox-maxwidth, none);width:var(--listbox-width, auto)}.mc-listbox.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.mc-listbox__tile.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.75rem;padding-right:0.75rem;position:relative}.mc-listbox__tile.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:not(.mc-listbox__tile--empty):not(.is-disabled):hover,.mc-listbox__tile.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:has(.mc-listbox__input:focus),.mc-listbox__tile.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:has(.mc-listbox__label:focus){background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__tile--empty.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty.svelte-tcxwth .mc-listbox__label.svelte-tcxwth.svelte-tcxwth{cursor:default}.mc-listbox__tile.is-disabled.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__label.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap;outline:transparent}.mc-listbox__label.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth::after{content:\"\";position:absolute;inset:0;z-index:var(--listbox-label-z-index, 2)}.mc-listbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-tcxwth:not(.mc-listbox--multi) .mc-listbox__input.svelte-tcxwth.svelte-tcxwth{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox--options.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{max-height:13.8125rem;min-width:var(--listbox-minwidth, 6rem)}.mc-listbox--options.svelte-tcxwth .mc-listbox__tile.svelte-tcxwth.svelte-tcxwth{height:3rem}.mc-listbox--options.svelte-tcxwth .mc-listbox__tile.svelte-tcxwth.svelte-tcxwth:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options.svelte-tcxwth .mc-listbox__tile.is-selected .mc-listbox__label.svelte-tcxwth.svelte-tcxwth::before{visibility:visible}.mc-listbox--options.svelte-tcxwth .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label.svelte-tcxwth.svelte-tcxwth::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options.svelte-tcxwth .mc-listbox__input.svelte-tcxwth:checked+.mc-listbox__label.svelte-tcxwth::before{visibility:visible}.mc-listbox--options.svelte-tcxwth .mc-listbox__input.svelte-tcxwth:checked:disabled+.mc-listbox__label.svelte-tcxwth::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options.svelte-tcxwth .mc-listbox__label.svelte-tcxwth.svelte-tcxwth::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23191919' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-position:center;background-repeat:no-repeat;background-size:1.5rem;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem;visibility:hidden}.mc-listbox--overlay.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{position:absolute;z-index:var(--listbox-overlay-z-index, 10)}")}function z(t,e,l){const s=t.slice();return s[30]=e[l],s[32]=l,s}function $(t){let e,l,s;return{c(){e=c("div"),l=c("span"),s=w(t[4]),i(l,"class","mc-listbox__label svelte-tcxwth"),i(e,"class","mc-listbox__tile mc-listbox__tile--empty svelte-tcxwth")},m(t,c){n(t,e,c),v(e,l),v(l,s)},p(t,e){16&e[0]&&u(s,t[4])},d(t){t&&h(e)}}}function B(t){let e,l,s,o,a=t[2]&&t[9]&&M(t),x=t[14],r=[];for(let e=0;e<x.length;e+=1)r[e]=O(z(t,x,e));return{c(){e=c("ul"),a&&a.c(),l=p();for(let t=0;t<r.length;t+=1)r[t].c();i(e,"role","listbox"),i(e,"class","mc-listbox__list svelte-tcxwth"),i(e,"aria-labelledby","listbox")},m(c,i){n(c,e,i),a&&a.m(e,null),v(e,l);for(let t=0;t<r.length;t+=1)r[t]&&r[t].m(e,null);s||(o=_(t[18].call(null,e)),s=!0)},p(t,s){if(t[2]&&t[9]?a?a.p(t,s):(a=M(t),a.c(),a.m(e,l)):a&&(a.d(1),a=null),147687&s[0]){let l;for(x=t[14],l=0;l<x.length;l+=1){const c=z(t,x,l);r[l]?r[l].p(c,s):(r[l]=O(c),r[l].c(),r[l].m(e,null))}for(;l<r.length;l+=1)r[l].d(1);r.length=x.length}},d(t){t&&h(e),a&&a.d(),f(r,t),s=!1,o()}}}function M(t){let e,l,s,o,a,x,r;return{c(){e=c("li"),l=c("input"),s=p(),o=c("label"),a=w(t[10]),i(l,"id","select-all"),i(l,"class","mc-listbox__input mc-checkbox__input svelte-tcxwth"),i(l,"type","checkbox"),l.indeterminate=t[16],i(o,"for","select-all"),i(o,"class","mc-listbox__label svelte-tcxwth"),i(e,"class","mc-listbox__tile svelte-tcxwth")},m(c,i){n(c,e,i),v(e,l),l.checked=t[15],v(e,s),v(e,o),v(o,a),x||(r=[g(l,"change",t[23]),g(l,"change",t[19])],x=!0)},p(t,e){65536&e[0]&&(l.indeterminate=t[16]),32768&e[0]&&(l.checked=t[15]),1024&e[0]&&u(a,t[10])},d(t){t&&h(e),x=!1,k(r)}}}function H(t){let e,l,s,o,a,x,r,d=!1;return a=y(t[25][0]),{c(){e=c("input"),i(e,"id",t[17](t[32])),i(e,"class","mc-listbox__input mc-checkbox__input svelte-tcxwth"),i(e,"type","checkbox"),e.__value=l=t[30][t[6]],e.value=e.__value,e.checked=s=t[0].includes(t[30][t[6]]),e.disabled=o=Boolean(t[30][t[7]]),a.p(e)},m(l,s){n(l,e,s),e.checked=~(t[0]||[]).indexOf(e.__value),x||(r=[g(e,"change",t[26]),g(e,"change",t[22])],x=!0)},p(t,c){16448&c[0]&&l!==(l=t[30][t[6]])&&(e.__value=l,e.value=e.__value,d=!0),16449&c[0]&&s!==(s=t[0].includes(t[30][t[6]]))&&(e.checked=s),16512&c[0]&&o!==(o=Boolean(t[30][t[7]]))&&(e.disabled=o),(d||16385&c[0])&&(e.checked=~(t[0]||[]).indexOf(e.__value))},d(t){t&&h(e),a.r(),x=!1,k(r)}}}function L(t){let e,l,s,o,x,r,d=!1;return o=y(t[25][0]),{c(){e=c("input"),i(e,"id",t[17](t[32])),i(e,"class","mc-listbox__input svelte-tcxwth"),i(e,"type","radio"),e.__value=l=t[30][t[6]],e.value=e.__value,i(e,"name",t[1]),e.disabled=s=Boolean(t[30][t[7]]),a(e,"is-disabled",t[30][t[7]]),o.p(e)},m(l,s){n(l,e,s),e.checked=e.__value===t[0],x||(r=[g(e,"change",t[24]),g(e,"change",t[21])],x=!0)},p(t,c){16448&c[0]&&l!==(l=t[30][t[6]])&&(e.__value=l,e.value=e.__value,d=!0),2&c[0]&&i(e,"name",t[1]),16512&c[0]&&s!==(s=Boolean(t[30][t[7]]))&&(e.disabled=s),(d||16385&c[0])&&(e.checked=e.__value===t[0]),16512&c[0]&&a(e,"is-disabled",t[30][t[7]])},d(t){t&&h(e),o.r(),x=!1,k(r)}}}function O(t){let e,l,s,o,x,r=t[30][t[5]]+"";function d(t,e){return t[2]?H:L}let b=d(t),m=b(t);return{c(){e=c("li"),m.c(),l=p(),s=c("label"),o=w(r),x=p(),i(s,"for",t[17](t[32])),i(s,"class","mc-listbox__label svelte-tcxwth"),i(e,"class","mc-listbox__tile svelte-tcxwth"),a(e,"is-disabled",t[30][t[7]])},m(t,c){n(t,e,c),m.m(e,null),v(e,l),v(e,s),v(s,o),v(e,x)},p(t,s){b===(b=d(t))&&m?m.p(t,s):(m.d(1),m=b(t),m&&(m.c(),m.m(e,l))),16416&s[0]&&r!==(r=t[30][t[5]]+"")&&u(o,r),16512&s[0]&&a(e,"is-disabled",t[30][t[7]])},d(t){t&&h(e),m.d()}}}function j(t){let e;function l(t,e){return t[3]?$:B}let s=l(t),r=s(t);return{c(){e=c("div"),r.c(),i(e,"class","mc-listbox svelte-tcxwth"),o(e,"--listbox-maxwidth",t[8]),o(e,"--listbox-width",t[12]),o(e,"--listbox-minwidth",t[12]),a(e,"mc-listbox--options","options"===t[13]),a(e,"mc-listbox--multi",t[2]),a(e,"mc-listbox--overlay",t[11])},m(t,l){n(t,e,l),r.m(e,null)},p(t,c){s===(s=l(t))&&r?r.p(t,c):(r.d(1),r=s(t),r&&(r.c(),r.m(e,null))),256&c[0]&&o(e,"--listbox-maxwidth",t[8]),4096&c[0]&&o(e,"--listbox-width",t[12]),4096&c[0]&&o(e,"--listbox-minwidth",t[12]),8192&c[0]&&a(e,"mc-listbox--options","options"===t[13]),4&c[0]&&a(e,"mc-listbox--multi",t[2]),2048&c[0]&&a(e,"mc-listbox--overlay",t[11])},i:x,o:x,d(t){t&&h(e),r.d()}}}function A(t,e,l){let s,c,i;const o=Math.random();let{name:a=`listboxradio-${o}`}=e,{items:n}=e,{value:x}=e,{multiple:h}=e,{isfiltered:w}=e,{emptysearchlabel:v="No results found"}=e,{datatextexpr:u="label"}=e,{datavalueexpr:p="value"}=e,{datadisabledexpr:_="disabled"}=e,{maxwidth:f}=e,{selectall:g=!1}=e,{labelselectall:k="Select all"}=e,{overlay:y}=e,{width:C}=e,{type:z="options"}=e,$=new E(r(),d());const B=[[]];return t.$$set=t=>{"name"in t&&l(1,a=t.name),"items"in t&&l(20,n=t.items),"value"in t&&l(0,x=t.value),"multiple"in t&&l(2,h=t.multiple),"isfiltered"in t&&l(3,w=t.isfiltered),"emptysearchlabel"in t&&l(4,v=t.emptysearchlabel),"datatextexpr"in t&&l(5,u=t.datatextexpr),"datavalueexpr"in t&&l(6,p=t.datavalueexpr),"datadisabledexpr"in t&&l(7,_=t.datadisabledexpr),"maxwidth"in t&&l(8,f=t.maxwidth),"selectall"in t&&l(9,g=t.selectall),"labelselectall"in t&&l(10,k=t.labelselectall),"overlay"in t&&l(11,y=t.overlay),"width"in t&&l(12,C=t.width),"type"in t&&l(13,z=t.type)},t.$$.update=()=>{512&t.$$.dirty[0]&&l(15,s=null!=g&&g),1048576&t.$$.dirty[0]&&l(14,c=n?JSON.parse(n):[]),1&t.$$.dirty[0]&&l(0,x=x?(l(15,s=!1),l(16,i=!1),x&&0===x.length?(l(15,s=!1),l(16,i=!1)):x&&x.length<c.length?l(16,i=!0):x&&x.length===c.length&&l(15,s=!0),x):[])},l(16,i=!0),[x,a,h,w,v,u,p,_,f,g,k,y,C,z,c,s,i,function(t){return`listboxItem-${t+o}`},function(t){t.addEventListener("scroll",(()=>{t.offsetHeight+t.scrollTop>=t.scrollHeight&&$.dispatch("scrollend",{})}))},function(t){const e=t.target.checked;l(15,s=!!e),s?c.map((t=>{t[_]||-1!==x.indexOf(t[p])||x.push(t[p])})):l(0,x=[]),$.dispatch("select-all",x),l(0,x)},n,function(e){b.call(this,t,e)},function(e){b.call(this,t,e)},function(){s=this.checked,l(15,s),l(9,g)},function(){x=this.__value,l(0,x)},B,function(){x=m(B[0],this.__value,this.checked),l(0,x)}]}class Y extends t{constructor(t){super(),e(this,t,A,j,l,{name:1,items:20,value:0,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10,overlay:11,width:12,type:13},C,[-1,-1])}}export{Y as default};
 //# sourceMappingURL=Listbox.nested.js.map