@mozaic-ds/web-components 0.7.0 → 0.9.0-beta

package/public/components/dropdown/Dropdown.js

@@ -1,2 +1,1427 @@
-import{S as e,i as t,a,b as l,f as i,s,v as r,w as n,c as o,e as c,d,t as m,x as g,n as p,g as h,z as x,y as u,h as b,j as w,A as f,l as $,B as M,C as I,D as v,E as y,k as A,F as D,m as j,o as k,G as E,H as C,p as z,r as S,q as N,I as T,J as _,K as L,L as G,M as Z,N as P}from"../../index-c33b3772.js";import{E as W}from"../../EventHandler-02058705.js";import{c as H}from"../../ClickOutside-63071e7a.js";import Q from"../tag/Tag.nested.js";import B from"../loader/Loader.nested.js";import O from"../listbox/Listbox.nested.js";function R(e,t,a){const l=e.slice();return l[61]=t[a],l}function J(e,t,a){const l=e.slice();return l[61]=t[a],l[65]=a,l}function V(e){let t,a,l={id:e[1]?e[1]:`autocompleteTag-${e[29]}`,class:"mc-dropdown__tag",label:e[28](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",selected:!1,value:""};return t=new Q({props:l}),e[45](t),t.$on("tag-removed",e[30]),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},p(e,a){const l={};2&a[0]&&(l.id=e[1]?e[1]:`autocompleteTag-${e[29]}`),268435456&a[0]&&(l.label=e[28]()),t.$set(l)},i(e){a||(I(t.$$.fragment,e),a=!0)},o(e){v(t.$$.fragment,e),a=!1},d(a){e[45](null),E(t,a)}}}function Y(e){let t,a,i;return{c(){t=c("button"),t.innerHTML="<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>",h(t,"class","mc-dropdown__clear"),h(t,"type","button")},m(s,r){l(s,t,r),a||(i=$(t,"click",T(e[46])),a=!0)},p:p,d(e){e&&k(t),a=!1,i()}}}function X(e){let t,a;return t=new B({props:{size:"s",theme:"primary",text:"",class:"mc-dropdown__loader"}}),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},i(e){a||(I(t.$$.fragment,e),a=!0)},o(e){v(t.$$.fragment,e),a=!1},d(e){E(t,e)}}}function F(e){let t,a,i=e[25],s=[];for(let t=0;t<i.length;t+=1)s[t]=K(J(e,i,t));let r=e[19].length>e[15]&&U(e);return{c(){t=c("div");for(let e=0;e<s.length;e+=1)s[e].c();a=d(),r&&r.c(),h(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);w(t,a),r&&r.m(t,null)},p(e,l){if(33587200&l[0]|1&l[1]){let r;for(i=e[25],r=0;r<i.length;r+=1){const n=J(e,i,r);s[r]?s[r].p(n,l):(s[r]=K(n),s[r].c(),s[r].m(t,a))}for(;r<s.length;r+=1)s[r].d(1);s.length=i.length}e[19].length>e[15]?r?r.p(e,l):(r=U(e),r.c(),r.m(t,null)):r&&(r.d(1),r=null)},d(e){e&&k(t),_(s,e),r&&r.d()}}}function q(e){let t,a,i,s,r,n;function o(){return e[49](e[61])}return{c(){t=c("div"),a=c("m-tag"),G(a,"id",i=e[61].id),G(a,"label",s=e[61].label),G(a,"size","s"),G(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),w(t,a),r||(n=$(a,"tag-removed",o),r=!0)},p(t,l){e=t,33554432&l[0]&&i!==(i=e[61].id)&&G(a,"id",i),33554432&l[0]&&s!==(s=e[61].label)&&G(a,"label",s)},d(e){e&&k(t),r=!1,n()}}}function K(e){let t,a=e[65]<e[15]&&q(e);return{c(){a&&a.c(),t=L()},m(e,i){a&&a.m(e,i),l(e,t,i)},p(e,l){e[65]<e[15]?a?a.p(e,l):(a=q(e),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null)},d(e){a&&a.d(e),e&&k(t)}}}function U(e){let t,a,i,s,r;return{c(){t=c("div"),a=c("m-tag"),G(a,"id","id-tag"),G(a,"label",i="("+e[19].length+") "+e[14]+" "),G(a,"size","s"),G(a,"type","link"),h(t,"class","tag-selected")},m(i,n){l(i,t,n),w(t,a),s||(r=$(a,"tag-selected",e[50]),s=!0)},p(e,t){540672&t[0]&&i!==(i="("+e[19].length+") "+e[14]+" ")&&G(a,"label",i)},d(e){e&&k(t),s=!1,r()}}}function ee(e){let t,a,i,s,r,n,o=e[25],d=[];for(let t=0;t<o.length;t+=1)d[t]=te(R(e,o,t));return{c(){t=c("div"),a=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<d.length;e+=1)d[e].c();h(s,"class","tags-selected"),h(i,"slot","content"),G(a,"title",e[13]),G(a,"layertitletag","h3"),G(a,"isopen",e[26])},m(o,c){l(o,t,c),w(t,a),w(a,i),w(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);r||(n=$(a,"layer-closed",e[52]),r=!0)},p(e,t){if(33554432&t[0]|1&t[1]){let a;for(o=e[25],a=0;a<o.length;a+=1){const l=R(e,o,a);d[a]?d[a].p(l,t):(d[a]=te(l),d[a].c(),d[a].m(s,null))}for(;a<d.length;a+=1)d[a].d(1);d.length=o.length}8192&t[0]&&G(a,"title",e[13]),67108864&t[0]&&G(a,"isopen",e[26])},d(e){e&&k(t),_(d,e),r=!1,n()}}}function te(e){let t,a,i,s,r,n,o;function m(){return e[51](e[61])}return{c(){t=c("div"),a=c("m-tag"),r=d(),G(a,"id",i=e[61].id),G(a,"label",s=e[61].label),G(a,"size","s"),G(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),w(t,a),w(t,r),n||(o=$(a,"tag-removed",m),n=!0)},p(t,l){e=t,33554432&l[0]&&i!==(i=e[61].id)&&G(a,"id",i),33554432&l[0]&&s!==(s=e[61].label)&&G(a,"label",s)},d(e){e&&k(t),n=!1,o()}}}function ae(e){let t,a,i,s,z,S,N,T,_,L,G,P,W,Q,B,R,J,q,K,U,te,ae,ie,se=(e[24]?e[24]:e[2])+"",re=e[8]&&e[19].length>0&&!e[16]&&V(e),ne=!e[8]&&e[24]&&e[12]&&Y(e),oe=e[7]&&X();function ce(t){e[48](t)}let de={items:JSON.stringify(e[27]),open:e[20],multiple:e[8],isfiltered:le,emptysearchlabel:e[9],maxwidth:e[0],datatextexpr:e[10],datavalueexpr:e[11],selectall:e[17],labelselectall:e[18]};void 0!==e[19]&&(de.value=e[19]),L=new O({props:de}),r.push((()=>n(L,"value",ce))),L.$on("change",e[35]),L.$on("scrollend",e[36]),L.$on("select-all",e[37]);let me=e[8]&&e[16]&&F(e),ge=e[8]&&e[16]&&ee(e),pe=[{class:"mc-dropdown"},{style:U="--dropdown-tag-width: "+e[23]+"; --dropdown-width: "+e[0]+";"},e[21]],he={};for(let e=0;e<pe.length;e+=1)he=o(he,pe[e]);return{c(){t=c("div"),a=c("div"),re&&re.c(),i=d(),s=c("button"),z=m(se),S=d(),ne&&ne.c(),N=d(),T=c("div"),oe&&oe.c(),_=d(),g(L.$$.fragment),P=d(),me&&me.c(),W=d(),Q=c("span"),B=d(),R=c("span"),J=d(),q=c("span"),K=d(),ge&&ge.c(),this.c=p,h(s,"type","button"),h(s,"class","mc-select mc-dropdown__trigger"),s.disabled=e[3],x(s,"is-open",e[20]),x(s,"is-valid",e[5]),x(s,"is-invalid",e[6]),x(s,"mc-select--s","s"===e[4]),h(T,"class","mc-dropdown__tools"),h(a,"class","mc-dropdown__main"),h(Q,"class","mc-dropdown__tag"),u(Q,"display","none"),h(R,"class","mc-dropdown__loader"),u(R,"display","none"),h(q,"class","mc-text-input mc-dropdown__trigger"),u(q,"display","none"),b(t,he),x(t,"mc-dropdown--multi",e[8])},m(r,n){l(r,t,n),w(t,a),re&&re.m(a,null),w(a,i),w(a,s),w(s,z),w(s,S),ne&&ne.m(s,null),w(a,N),w(a,T),oe&&oe.m(T,null),w(t,_),f(L,t,null),w(t,P),me&&me.m(t,null),w(t,W),w(t,Q),w(t,B),w(t,R),w(t,J),w(t,q),w(t,K),ge&&ge.m(t,null),te=!0,ae||(ie=[$(s,"click",e[47]),M(H.call(null,t)),$(t,"outclick",e[34])],ae=!0)},p(e,l){e[8]&&e[19].length>0&&!e[16]?re?(re.p(e,l),590080&l[0]&&I(re,1)):(re=V(e),re.c(),I(re,1),re.m(a,i)):re&&(Z(),v(re,1,1,(()=>{re=null})),y()),(!te||16777220&l[0])&&se!==(se=(e[24]?e[24]:e[2])+"")&&A(z,se),!e[8]&&e[24]&&e[12]?ne?ne.p(e,l):(ne=Y(e),ne.c(),ne.m(s,null)):ne&&(ne.d(1),ne=null),(!te||8&l[0])&&(s.disabled=e[3]),(!te||1048576&l[0])&&x(s,"is-open",e[20]),(!te||32&l[0])&&x(s,"is-valid",e[5]),(!te||64&l[0])&&x(s,"is-invalid",e[6]),(!te||16&l[0])&&x(s,"mc-select--s","s"===e[4]),e[7]?oe?128&l[0]&&I(oe,1):(oe=X(),oe.c(),I(oe,1),oe.m(T,null)):oe&&(Z(),v(oe,1,1,(()=>{oe=null})),y());const r={};134217728&l[0]&&(r.items=JSON.stringify(e[27])),1048576&l[0]&&(r.open=e[20]),256&l[0]&&(r.multiple=e[8]),512&l[0]&&(r.emptysearchlabel=e[9]),1&l[0]&&(r.maxwidth=e[0]),1024&l[0]&&(r.datatextexpr=e[10]),2048&l[0]&&(r.datavalueexpr=e[11]),131072&l[0]&&(r.selectall=e[17]),262144&l[0]&&(r.labelselectall=e[18]),!G&&524288&l[0]&&(G=!0,r.value=e[19],D((()=>G=!1))),L.$set(r),e[8]&&e[16]?me?me.p(e,l):(me=F(e),me.c(),me.m(t,W)):me&&(me.d(1),me=null),e[8]&&e[16]?ge?ge.p(e,l):(ge=ee(e),ge.c(),ge.m(t,null)):ge&&(ge.d(1),ge=null),b(t,he=j(pe,[{class:"mc-dropdown"},(!te||8388609&l[0]&&U!==(U="--dropdown-tag-width: "+e[23]+"; --dropdown-width: "+e[0]+";"))&&{style:U},2097152&l[0]&&e[21]])),x(t,"mc-dropdown--multi",e[8])},i(e){te||(I(re),I(oe),I(L.$$.fragment,e),te=!0)},o(e){v(re),v(oe),v(L.$$.fragment,e),te=!1},d(e){e&&k(t),re&&re.d(),ne&&ne.d(),oe&&oe.d(),E(L),me&&me.d(),ge&&ge.d(),ae=!1,C(ie)}}}let le=!1;function ie(e,t,a){let l,i,s,n,c,d;const m=["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let g=z(t,m),{maxwidth:p="100%"}=t,{tagid:h}=t,{taglabel:x=""}=t,{placeholder:u="-- Placeholder --"}=t,{disabled:b=!1}=t,{size:w="m"}=t,{isvalid:f}=t,{isinvalid:$}=t,{loading:M=!1}=t,{items:I}=t,{value:v}=t,{open:y=!1}=t,{multiple:A=!1}=t,{emptysearchlabel:D="No results found"}=t,{datatextexpr:j="label"}=t,{datavalueexpr:k="value"}=t,{nosort:E=!1}=t,{clearfield:C=!1}=t,{layertitle:T="Title layer"}=t,{showmoretagslabel:_="Show more"}=t,{maxnumbertoshowtags:L=12}=t,{alltags:G=!1}=t,{selectall:Z=!1}=t,{labelselectall:H="Select all"}=t;const Q=S(),B=Math.random();let O,R,J,V,Y=new W,X="0px",F=[],q=null;function K(){a(19,s=A?[]:""),ae(),Y.dispatch("clear",!0)}function U(e){a(19,s=s.filter((t=>t!==e))),Y.dispatch("onchange",s)}function ee(){a(26,q=!0)}function te(){a(26,q=null)}function ae(){a(20,c=!1),A&&!E?function(){V=l;const e=le();V.sort(((t,a)=>{const l=e.includes(t),i=e.includes(a);return l===i?t[k]-a[k]:l<i?1:-1})),a(27,i=V)}():a(27,i=l)}function le(e){const t=e||s;return l.filter((e=>A?t.includes(e[k]):t===e[k]))}return e.$$set=e=>{t=o(o({},t),N(e)),a(60,g=z(t,m)),"maxwidth"in e&&a(0,p=e.maxwidth),"tagid"in e&&a(1,h=e.tagid),"taglabel"in e&&a(38,x=e.taglabel),"placeholder"in e&&a(2,u=e.placeholder),"disabled"in e&&a(3,b=e.disabled),"size"in e&&a(4,w=e.size),"isvalid"in e&&a(5,f=e.isvalid),"isinvalid"in e&&a(6,$=e.isinvalid),"loading"in e&&a(7,M=e.loading),"items"in e&&a(39,I=e.items),"value"in e&&a(40,v=e.value),"open"in e&&a(41,y=e.open),"multiple"in e&&a(8,A=e.multiple),"emptysearchlabel"in e&&a(9,D=e.emptysearchlabel),"datatextexpr"in e&&a(10,j=e.datatextexpr),"datavalueexpr"in e&&a(11,k=e.datavalueexpr),"nosort"in e&&a(42,E=e.nosort),"clearfield"in e&&a(12,C=e.clearfield),"layertitle"in e&&a(13,T=e.layertitle),"showmoretagslabel"in e&&a(14,_=e.showmoretagslabel),"maxnumbertoshowtags"in e&&a(15,L=e.maxnumbertoshowtags),"alltags"in e&&a(16,G=e.alltags),"selectall"in e&&a(17,Z=e.selectall),"labelselectall"in e&&a(18,H=e.labelselectall)},e.$$.update=()=>{if(256&e.$$.dirty[1]&&a(44,l=I?JSON.parse(I):[]),8192&e.$$.dirty[1]&&a(27,i=l),256&e.$$.dirty[0]|512&e.$$.dirty[1]&&a(19,s=!v&&A?[]:v?JSON.parse(v):v),524288&e.$$.dirty[0]|128&e.$$.dirty[1]&&a(28,n=()=>s.length.toString()+" "+x),524288&e.$$.dirty[0]&&async function(e){await P(),a(25,F=le(e));const t=F.map((e=>e[j]));a(24,J=t.join(", ")),A&&a(43,R=e)}(s),4096&e.$$.dirty[1]&&async function(e){await P(),a(23,X=O&&e&&e.length?`${Q.shadowRoot.querySelector(".mc-tag-removable").clientWidth+8}px`:"0px")}(R),1024&e.$$.dirty[1]&&a(20,c=y),1048576&e.$$.dirty[0]){const e=c?"open":"close";Y.dispatch(e,c)}a(21,d=Object.assign({},g)),2097152&e.$$.dirty[0]&&delete d.class},[p,h,u,b,w,f,$,M,A,D,j,k,C,T,_,L,G,Z,H,s,c,d,O,X,J,F,q,i,n,B,K,U,ee,te,ae,function(){Y.dispatch("onchange",s),A||ae()},function(){Y.dispatch("scrollend",!0)},function(e){Y.dispatch("select-all",e.detail)},x,I,v,y,E,R,l,function(e){r[e?"unshift":"push"]((()=>{O=e,a(22,O)}))},()=>{K()},()=>a(20,c=!c),function(e){s=e,a(19,s),a(40,v),a(8,A)},e=>U(e.id),()=>ee(),e=>U(e.id),()=>te()]}class se 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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==");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;-o-transition:border-color 200ms ease, 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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==");border-color:#c61112}.mc-select.is-valid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), 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;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMwMDAwMDAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTIgMTAuNWExIDEgMCAwMS4yOS0uNzFsNS01YTEgMSAwIDAxMS40MiAwbDUgNWExIDEgMCAwMS0xLjQyIDEuNDJMOCA2LjkxbC00LjI5IDQuM2ExIDEgMCAwMS0xLjQyIDBBMSAxIDAgMDEyIDEwLjV6Ii8+PC9zdmc+")}.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;-o-transition: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__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},ie,ae,s,{maxwidth:0,tagid:1,taglabel:38,placeholder:2,disabled:3,size:4,isvalid:5,isinvalid:6,loading:7,items:39,value:40,open:41,multiple:8,emptysearchlabel:9,datatextexpr:10,datavalueexpr:11,nosort:42,clearfield:12,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},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","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[38]}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 items(){return this.$$.ctx[39]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[40]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[41]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[8]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[9]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[10]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[11]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[42]}set nosort(e){this.$$set({nosort:e}),i()}get clearfield(){return this.$$.ctx[12]}set clearfield(e){this.$$set({clearfield:e}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[16]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[17]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(e){this.$$set({labelselectall:e}),i()}}export{se as default};
+import { S as SvelteElement, i as init, a as attribute_to_object, b as insert, f as flush, s as safe_not_equal, v as binding_callbacks, w as bind, c as assign, e as element, d as space, t as text, x as create_component, n as noop, g as attr, z as toggle_class, y as set_style, h as set_attributes, j as append, A as mount_component, l as listen, B as action_destroyer, C as transition_in, D as transition_out, E as check_outros, k as set_data, F as add_flush_callback, m as get_spread_update, o as detach, G as destroy_component, H as run_all, p as compute_rest_props, r as get_current_component, q as exclude_internal_props, I as stop_propagation, J as destroy_each, K as empty, L as set_custom_element_data, M as group_outros, N as tick } from '../../index-c33b3772.js';
+import { E as EventHandler } from '../../EventHandler-02058705.js';
+import { c as clickOutside } from '../../ClickOutside-63071e7a.js';
+import Tag_nested from '../tag/Tag.nested.js';
+import Loader_nested from '../loader/Loader.nested.js';
+import Listbox_nested from '../listbox/Listbox.nested.js';
+
+/* src/components/dropdown/Dropdown.svelte generated by Svelte v3.58.0 */
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[61] = list[i];
+	return child_ctx;
+}
+
+function get_each_context_1(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[61] = list[i];
+	child_ctx[65] = i;
+	return child_ctx;
+}
+
+// (152:4) {#if multiple && listboxValue.length > 0 && !alltags}
+function create_if_block_6(ctx) {
+	let tag_1;
+	let current;
+
+	let tag_1_props = {
+		id: /*tagid*/ ctx[1]
+		? /*tagid*/ ctx[1]
+		: `autocompleteTag-${/*uuid*/ ctx[29]}`,
+		class: "mc-dropdown__tag",
+		label: /*setTagLabel*/ ctx[28](),
+		size: "s",
+		type: "removable",
+		dark: false,
+		disabled: false,
+		href: "",
+		name: "",
+		selected: false,
+		value: ""
+	};
+
+	tag_1 = new Tag_nested({ props: tag_1_props });
+	/*tag_1_binding*/ ctx[45](tag_1);
+	tag_1.$on("tag-removed", /*clearListbox*/ ctx[30]);
+
+	return {
+		c() {
+			create_component(tag_1.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(tag_1, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const tag_1_changes = {};
+
+			if (dirty[0] & /*tagid*/ 2) tag_1_changes.id = /*tagid*/ ctx[1]
+			? /*tagid*/ ctx[1]
+			: `autocompleteTag-${/*uuid*/ ctx[29]}`;
+
+			if (dirty[0] & /*setTagLabel*/ 268435456) tag_1_changes.label = /*setTagLabel*/ ctx[28]();
+			tag_1.$set(tag_1_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(tag_1.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(tag_1.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			/*tag_1_binding*/ ctx[45](null);
+			destroy_component(tag_1, detaching);
+		}
+	};
+}
+
+// (182:6) {#if !multiple && buttonvalue && clearfield}
+function create_if_block_5(ctx) {
+	let button;
+	let mounted;
+	let dispose;
+
+	return {
+		c() {
+			button = element("button");
+			button.innerHTML = `<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>`;
+			attr(button, "class", "mc-dropdown__clear");
+			attr(button, "type", "button");
+		},
+		m(target, anchor) {
+			insert(target, button, anchor);
+
+			if (!mounted) {
+				dispose = listen(button, "click", stop_propagation(/*click_handler*/ ctx[46]));
+				mounted = true;
+			}
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(button);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+// (197:6) {#if loading}
+function create_if_block_4(ctx) {
+	let loader;
+	let current;
+
+	loader = new Loader_nested({
+			props: {
+				size: "s",
+				theme: "primary",
+				text: "",
+				class: "mc-dropdown__loader"
+			}
+		});
+
+	return {
+		c() {
+			create_component(loader.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(loader, target, anchor);
+			current = true;
+		},
+		i(local) {
+			if (current) return;
+			transition_in(loader.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(loader.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(loader, detaching);
+		}
+	};
+}
+
+// (221:2) {#if multiple && alltags}
+function create_if_block_1(ctx) {
+	let div;
+	let t;
+	let each_value_1 = /*selectedItems*/ ctx[25];
+	let each_blocks = [];
+
+	for (let i = 0; i < each_value_1.length; i += 1) {
+		each_blocks[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
+	}
+
+	let if_block = /*listboxValue*/ ctx[19].length > /*maxnumbertoshowtags*/ ctx[15] && create_if_block_2(ctx);
+
+	return {
+		c() {
+			div = element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			t = space();
+			if (if_block) if_block.c();
+			attr(div, "class", "tags-selected");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				if (each_blocks[i]) {
+					each_blocks[i].m(div, null);
+				}
+			}
+
+			append(div, t);
+			if (if_block) if_block.m(div, null);
+		},
+		p(ctx, dirty) {
+			if (dirty[0] & /*selectedItems, maxnumbertoshowtags*/ 33587200 | dirty[1] & /*removeTagSelected*/ 1) {
+				each_value_1 = /*selectedItems*/ ctx[25];
+				let i;
+
+				for (i = 0; i < each_value_1.length; i += 1) {
+					const child_ctx = get_each_context_1(ctx, each_value_1, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+					} else {
+						each_blocks[i] = create_each_block_1(child_ctx);
+						each_blocks[i].c();
+						each_blocks[i].m(div, t);
+					}
+				}
+
+				for (; i < each_blocks.length; i += 1) {
+					each_blocks[i].d(1);
+				}
+
+				each_blocks.length = each_value_1.length;
+			}
+
+			if (/*listboxValue*/ ctx[19].length > /*maxnumbertoshowtags*/ ctx[15]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block_2(ctx);
+					if_block.c();
+					if_block.m(div, null);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_each(each_blocks, detaching);
+			if (if_block) if_block.d();
+		}
+	};
+}
+
+// (224:8) {#if index < maxnumbertoshowtags}
+function create_if_block_3(ctx) {
+	let div;
+	let m_tag;
+	let m_tag_id_value;
+	let m_tag_label_value;
+	let mounted;
+	let dispose;
+
+	function tag_removed_handler() {
+		return /*tag_removed_handler*/ ctx[49](/*selectedItem*/ ctx[61]);
+	}
+
+	return {
+		c() {
+			div = element("div");
+			m_tag = element("m-tag");
+			set_custom_element_data(m_tag, "id", m_tag_id_value = /*selectedItem*/ ctx[61].id);
+			set_custom_element_data(m_tag, "label", m_tag_label_value = /*selectedItem*/ ctx[61].label);
+			set_custom_element_data(m_tag, "size", "s");
+			set_custom_element_data(m_tag, "type", "removable");
+			attr(div, "class", "tag-selected");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, m_tag);
+
+			if (!mounted) {
+				dispose = listen(m_tag, "tag-removed", tag_removed_handler);
+				mounted = true;
+			}
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			if (dirty[0] & /*selectedItems*/ 33554432 && m_tag_id_value !== (m_tag_id_value = /*selectedItem*/ ctx[61].id)) {
+				set_custom_element_data(m_tag, "id", m_tag_id_value);
+			}
+
+			if (dirty[0] & /*selectedItems*/ 33554432 && m_tag_label_value !== (m_tag_label_value = /*selectedItem*/ ctx[61].label)) {
+				set_custom_element_data(m_tag, "label", m_tag_label_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+// (223:6) {#each selectedItems as selectedItem, index}
+function create_each_block_1(ctx) {
+	let if_block_anchor;
+	let if_block = /*index*/ ctx[65] < /*maxnumbertoshowtags*/ ctx[15] && create_if_block_3(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+		},
+		p(ctx, dirty) {
+			if (/*index*/ ctx[65] < /*maxnumbertoshowtags*/ ctx[15]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block_3(ctx);
+					if_block.c();
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+		},
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+// (236:6) {#if listboxValue.length > maxnumbertoshowtags}
+function create_if_block_2(ctx) {
+	let div;
+	let m_tag;
+	let m_tag_label_value;
+	let mounted;
+	let dispose;
+
+	return {
+		c() {
+			div = element("div");
+			m_tag = element("m-tag");
+			set_custom_element_data(m_tag, "id", "id-tag");
+			set_custom_element_data(m_tag, "label", m_tag_label_value = "(" + /*listboxValue*/ ctx[19].length + ") " + /*showmoretagslabel*/ ctx[14] + " ");
+			set_custom_element_data(m_tag, "size", "s");
+			set_custom_element_data(m_tag, "type", "link");
+			attr(div, "class", "tag-selected");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, m_tag);
+
+			if (!mounted) {
+				dispose = listen(m_tag, "tag-selected", /*tag_selected_handler*/ ctx[50]);
+				mounted = true;
+			}
+		},
+		p(ctx, dirty) {
+			if (dirty[0] & /*listboxValue, showmoretagslabel*/ 540672 && m_tag_label_value !== (m_tag_label_value = "(" + /*listboxValue*/ ctx[19].length + ") " + /*showmoretagslabel*/ ctx[14] + " ")) {
+				set_custom_element_data(m_tag, "label", m_tag_label_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+// (253:2) {#if multiple && alltags}
+function create_if_block(ctx) {
+	let div1;
+	let m_layer;
+	let small;
+	let div0;
+	let mounted;
+	let dispose;
+	let each_value = /*selectedItems*/ ctx[25];
+	let each_blocks = [];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+	}
+
+	return {
+		c() {
+			div1 = element("div");
+			m_layer = element("m-layer");
+			small = element("small");
+			div0 = element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(div0, "class", "tags-selected");
+			attr(small, "slot", "content");
+			set_custom_element_data(m_layer, "title", /*layertitle*/ ctx[13]);
+			set_custom_element_data(m_layer, "layertitletag", "h3");
+			set_custom_element_data(m_layer, "isopen", /*openLayer*/ ctx[26]);
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			append(div1, m_layer);
+			append(m_layer, small);
+			append(small, div0);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				if (each_blocks[i]) {
+					each_blocks[i].m(div0, null);
+				}
+			}
+
+			if (!mounted) {
+				dispose = listen(m_layer, "layer-closed", /*layer_closed_handler*/ ctx[52]);
+				mounted = true;
+			}
+		},
+		p(ctx, dirty) {
+			if (dirty[0] & /*selectedItems*/ 33554432 | dirty[1] & /*removeTagSelected*/ 1) {
+				each_value = /*selectedItems*/ ctx[25];
+				let i;
+
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+					} else {
+						each_blocks[i] = create_each_block(child_ctx);
+						each_blocks[i].c();
+						each_blocks[i].m(div0, null);
+					}
+				}
+
+				for (; i < each_blocks.length; i += 1) {
+					each_blocks[i].d(1);
+				}
+
+				each_blocks.length = each_value.length;
+			}
+
+			if (dirty[0] & /*layertitle*/ 8192) {
+				set_custom_element_data(m_layer, "title", /*layertitle*/ ctx[13]);
+			}
+
+			if (dirty[0] & /*openLayer*/ 67108864) {
+				set_custom_element_data(m_layer, "isopen", /*openLayer*/ ctx[26]);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div1);
+			destroy_each(each_blocks, detaching);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+// (263:12) {#each selectedItems as selectedItem}
+function create_each_block(ctx) {
+	let div;
+	let m_tag;
+	let m_tag_id_value;
+	let m_tag_label_value;
+	let t;
+	let mounted;
+	let dispose;
+
+	function tag_removed_handler_1() {
+		return /*tag_removed_handler_1*/ ctx[51](/*selectedItem*/ ctx[61]);
+	}
+
+	return {
+		c() {
+			div = element("div");
+			m_tag = element("m-tag");
+			t = space();
+			set_custom_element_data(m_tag, "id", m_tag_id_value = /*selectedItem*/ ctx[61].id);
+			set_custom_element_data(m_tag, "label", m_tag_label_value = /*selectedItem*/ ctx[61].label);
+			set_custom_element_data(m_tag, "size", "s");
+			set_custom_element_data(m_tag, "type", "removable");
+			attr(div, "class", "tag-selected");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, m_tag);
+			append(div, t);
+
+			if (!mounted) {
+				dispose = listen(m_tag, "tag-removed", tag_removed_handler_1);
+				mounted = true;
+			}
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			if (dirty[0] & /*selectedItems*/ 33554432 && m_tag_id_value !== (m_tag_id_value = /*selectedItem*/ ctx[61].id)) {
+				set_custom_element_data(m_tag, "id", m_tag_id_value);
+			}
+
+			if (dirty[0] & /*selectedItems*/ 33554432 && m_tag_label_value !== (m_tag_label_value = /*selectedItem*/ ctx[61].label)) {
+				set_custom_element_data(m_tag, "label", m_tag_label_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div2;
+	let div1;
+	let t0;
+	let button;
+
+	let t1_value = (/*buttonvalue*/ ctx[24]
+	? /*buttonvalue*/ ctx[24]
+	: /*placeholder*/ ctx[2]) + "";
+
+	let t1;
+	let t2;
+	let t3;
+	let div0;
+	let t4;
+	let listbox;
+	let updating_value;
+	let t5;
+	let t6;
+	let span0;
+	let t7;
+	let span1;
+	let t8;
+	let span2;
+	let t9;
+	let div2_style_value;
+	let current;
+	let mounted;
+	let dispose;
+	let if_block0 = /*multiple*/ ctx[8] && /*listboxValue*/ ctx[19].length > 0 && !/*alltags*/ ctx[16] && create_if_block_6(ctx);
+	let if_block1 = !/*multiple*/ ctx[8] && /*buttonvalue*/ ctx[24] && /*clearfield*/ ctx[12] && create_if_block_5(ctx);
+	let if_block2 = /*loading*/ ctx[7] && create_if_block_4();
+
+	function listbox_value_binding(value) {
+		/*listbox_value_binding*/ ctx[48](value);
+	}
+
+	let listbox_props = {
+		items: JSON.stringify(/*localItems*/ ctx[27]),
+		open: /*openState*/ ctx[20],
+		multiple: /*multiple*/ ctx[8],
+		isfiltered,
+		emptysearchlabel: /*emptysearchlabel*/ ctx[9],
+		maxwidth: /*maxwidth*/ ctx[0],
+		datatextexpr: /*datatextexpr*/ ctx[10],
+		datavalueexpr: /*datavalueexpr*/ ctx[11],
+		selectall: /*selectall*/ ctx[17],
+		labelselectall: /*labelselectall*/ ctx[18]
+	};
+
+	if (/*listboxValue*/ ctx[19] !== void 0) {
+		listbox_props.value = /*listboxValue*/ ctx[19];
+	}
+
+	listbox = new Listbox_nested({ props: listbox_props });
+	binding_callbacks.push(() => bind(listbox, 'value', listbox_value_binding));
+	listbox.$on("change", /*onChange*/ ctx[35]);
+	listbox.$on("scrollend", /*onScrollEnd*/ ctx[36]);
+	listbox.$on("select-all", /*onSelectAll*/ ctx[37]);
+	let if_block3 = /*multiple*/ ctx[8] && /*alltags*/ ctx[16] && create_if_block_1(ctx);
+	let if_block4 = /*multiple*/ ctx[8] && /*alltags*/ ctx[16] && create_if_block(ctx);
+
+	let div2_levels = [
+		{ class: "mc-dropdown" },
+		{
+			style: div2_style_value = "--dropdown-tag-width: " + /*tagWidth*/ ctx[23] + "; --dropdown-width: " + /*maxwidth*/ ctx[0] + ";"
+		},
+		/*attributes*/ ctx[21]
+	];
+
+	let div_data_2 = {};
+
+	for (let i = 0; i < div2_levels.length; i += 1) {
+		div_data_2 = assign(div_data_2, div2_levels[i]);
+	}
+
+	return {
+		c() {
+			div2 = element("div");
+			div1 = element("div");
+			if (if_block0) if_block0.c();
+			t0 = space();
+			button = element("button");
+			t1 = text(t1_value);
+			t2 = space();
+			if (if_block1) if_block1.c();
+			t3 = space();
+			div0 = element("div");
+			if (if_block2) if_block2.c();
+			t4 = space();
+			create_component(listbox.$$.fragment);
+			t5 = space();
+			if (if_block3) if_block3.c();
+			t6 = space();
+			span0 = element("span");
+			t7 = space();
+			span1 = element("span");
+			t8 = space();
+			span2 = element("span");
+			t9 = space();
+			if (if_block4) if_block4.c();
+			this.c = noop;
+			attr(button, "type", "button");
+			attr(button, "class", "mc-select mc-dropdown__trigger");
+			button.disabled = /*disabled*/ ctx[3];
+			toggle_class(button, "is-open", /*openState*/ ctx[20]);
+			toggle_class(button, "is-valid", /*isvalid*/ ctx[5]);
+			toggle_class(button, "is-invalid", /*isinvalid*/ ctx[6]);
+			toggle_class(button, "mc-select--s", /*size*/ ctx[4] === 's');
+			attr(div0, "class", "mc-dropdown__tools");
+			attr(div1, "class", "mc-dropdown__main");
+			attr(span0, "class", "mc-dropdown__tag");
+			set_style(span0, "display", "none");
+			attr(span1, "class", "mc-dropdown__loader");
+			set_style(span1, "display", "none");
+			attr(span2, "class", "mc-text-input mc-dropdown__trigger");
+			set_style(span2, "display", "none");
+			set_attributes(div2, div_data_2);
+			toggle_class(div2, "mc-dropdown--multi", /*multiple*/ ctx[8]);
+		},
+		m(target, anchor) {
+			insert(target, div2, anchor);
+			append(div2, div1);
+			if (if_block0) if_block0.m(div1, null);
+			append(div1, t0);
+			append(div1, button);
+			append(button, t1);
+			append(button, t2);
+			if (if_block1) if_block1.m(button, null);
+			append(div1, t3);
+			append(div1, div0);
+			if (if_block2) if_block2.m(div0, null);
+			append(div2, t4);
+			mount_component(listbox, div2, null);
+			append(div2, t5);
+			if (if_block3) if_block3.m(div2, null);
+			append(div2, t6);
+			append(div2, span0);
+			append(div2, t7);
+			append(div2, span1);
+			append(div2, t8);
+			append(div2, span2);
+			append(div2, t9);
+			if (if_block4) if_block4.m(div2, null);
+			current = true;
+
+			if (!mounted) {
+				dispose = [
+					listen(button, "click", /*click_handler_1*/ ctx[47]),
+					action_destroyer(clickOutside.call(null, div2)),
+					listen(div2, "outclick", /*closeListBox*/ ctx[34])
+				];
+
+				mounted = true;
+			}
+		},
+		p(ctx, dirty) {
+			if (/*multiple*/ ctx[8] && /*listboxValue*/ ctx[19].length > 0 && !/*alltags*/ ctx[16]) {
+				if (if_block0) {
+					if_block0.p(ctx, dirty);
+
+					if (dirty[0] & /*multiple, listboxValue, alltags*/ 590080) {
+						transition_in(if_block0, 1);
+					}
+				} else {
+					if_block0 = create_if_block_6(ctx);
+					if_block0.c();
+					transition_in(if_block0, 1);
+					if_block0.m(div1, t0);
+				}
+			} else if (if_block0) {
+				group_outros();
+
+				transition_out(if_block0, 1, 1, () => {
+					if_block0 = null;
+				});
+
+				check_outros();
+			}
+
+			if ((!current || dirty[0] & /*buttonvalue, placeholder*/ 16777220) && t1_value !== (t1_value = (/*buttonvalue*/ ctx[24]
+			? /*buttonvalue*/ ctx[24]
+			: /*placeholder*/ ctx[2]) + "")) set_data(t1, t1_value);
+
+			if (!/*multiple*/ ctx[8] && /*buttonvalue*/ ctx[24] && /*clearfield*/ ctx[12]) {
+				if (if_block1) {
+					if_block1.p(ctx, dirty);
+				} else {
+					if_block1 = create_if_block_5(ctx);
+					if_block1.c();
+					if_block1.m(button, null);
+				}
+			} else if (if_block1) {
+				if_block1.d(1);
+				if_block1 = null;
+			}
+
+			if (!current || dirty[0] & /*disabled*/ 8) {
+				button.disabled = /*disabled*/ ctx[3];
+			}
+
+			if (!current || dirty[0] & /*openState*/ 1048576) {
+				toggle_class(button, "is-open", /*openState*/ ctx[20]);
+			}
+
+			if (!current || dirty[0] & /*isvalid*/ 32) {
+				toggle_class(button, "is-valid", /*isvalid*/ ctx[5]);
+			}
+
+			if (!current || dirty[0] & /*isinvalid*/ 64) {
+				toggle_class(button, "is-invalid", /*isinvalid*/ ctx[6]);
+			}
+
+			if (!current || dirty[0] & /*size*/ 16) {
+				toggle_class(button, "mc-select--s", /*size*/ ctx[4] === 's');
+			}
+
+			if (/*loading*/ ctx[7]) {
+				if (if_block2) {
+					if (dirty[0] & /*loading*/ 128) {
+						transition_in(if_block2, 1);
+					}
+				} else {
+					if_block2 = create_if_block_4();
+					if_block2.c();
+					transition_in(if_block2, 1);
+					if_block2.m(div0, null);
+				}
+			} else if (if_block2) {
+				group_outros();
+
+				transition_out(if_block2, 1, 1, () => {
+					if_block2 = null;
+				});
+
+				check_outros();
+			}
+
+			const listbox_changes = {};
+			if (dirty[0] & /*localItems*/ 134217728) listbox_changes.items = JSON.stringify(/*localItems*/ ctx[27]);
+			if (dirty[0] & /*openState*/ 1048576) listbox_changes.open = /*openState*/ ctx[20];
+			if (dirty[0] & /*multiple*/ 256) listbox_changes.multiple = /*multiple*/ ctx[8];
+			if (dirty[0] & /*emptysearchlabel*/ 512) listbox_changes.emptysearchlabel = /*emptysearchlabel*/ ctx[9];
+			if (dirty[0] & /*maxwidth*/ 1) listbox_changes.maxwidth = /*maxwidth*/ ctx[0];
+			if (dirty[0] & /*datatextexpr*/ 1024) listbox_changes.datatextexpr = /*datatextexpr*/ ctx[10];
+			if (dirty[0] & /*datavalueexpr*/ 2048) listbox_changes.datavalueexpr = /*datavalueexpr*/ ctx[11];
+			if (dirty[0] & /*selectall*/ 131072) listbox_changes.selectall = /*selectall*/ ctx[17];
+			if (dirty[0] & /*labelselectall*/ 262144) listbox_changes.labelselectall = /*labelselectall*/ ctx[18];
+
+			if (!updating_value && dirty[0] & /*listboxValue*/ 524288) {
+				updating_value = true;
+				listbox_changes.value = /*listboxValue*/ ctx[19];
+				add_flush_callback(() => updating_value = false);
+			}
+
+			listbox.$set(listbox_changes);
+
+			if (/*multiple*/ ctx[8] && /*alltags*/ ctx[16]) {
+				if (if_block3) {
+					if_block3.p(ctx, dirty);
+				} else {
+					if_block3 = create_if_block_1(ctx);
+					if_block3.c();
+					if_block3.m(div2, t6);
+				}
+			} else if (if_block3) {
+				if_block3.d(1);
+				if_block3 = null;
+			}
+
+			if (/*multiple*/ ctx[8] && /*alltags*/ ctx[16]) {
+				if (if_block4) {
+					if_block4.p(ctx, dirty);
+				} else {
+					if_block4 = create_if_block(ctx);
+					if_block4.c();
+					if_block4.m(div2, null);
+				}
+			} else if (if_block4) {
+				if_block4.d(1);
+				if_block4 = null;
+			}
+
+			set_attributes(div2, div_data_2 = get_spread_update(div2_levels, [
+				{ class: "mc-dropdown" },
+				(!current || dirty[0] & /*tagWidth, maxwidth*/ 8388609 && div2_style_value !== (div2_style_value = "--dropdown-tag-width: " + /*tagWidth*/ ctx[23] + "; --dropdown-width: " + /*maxwidth*/ ctx[0] + ";")) && { style: div2_style_value },
+				dirty[0] & /*attributes*/ 2097152 && /*attributes*/ ctx[21]
+			]));
+
+			toggle_class(div2, "mc-dropdown--multi", /*multiple*/ ctx[8]);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block0);
+			transition_in(if_block2);
+			transition_in(listbox.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block0);
+			transition_out(if_block2);
+			transition_out(listbox.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div2);
+			if (if_block0) if_block0.d();
+			if (if_block1) if_block1.d();
+			if (if_block2) if_block2.d();
+			destroy_component(listbox);
+			if (if_block3) if_block3.d();
+			if (if_block4) if_block4.d();
+			mounted = false;
+			run_all(dispose);
+		}
+	};
+}
+
+let isfiltered = false;
+
+function instance($$self, $$props, $$invalidate) {
+	let parsedItems;
+	let localItems;
+	let listboxValue;
+	let setTagLabel;
+	let openState;
+	let attributes;
+
+	const omit_props_names = [
+		"maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"
+	];
+
+	let $$restProps = compute_rest_props($$props, omit_props_names);
+	let { maxwidth = '100%' } = $$props;
+	let { tagid } = $$props;
+	let { taglabel = '' } = $$props;
+	let { placeholder = '-- Placeholder --' } = $$props;
+	let { disabled = false } = $$props;
+	let { size = 'm' } = $$props;
+	let { isvalid } = $$props;
+	let { isinvalid } = $$props;
+	let { loading = false } = $$props;
+	let { items } = $$props;
+	let { value } = $$props;
+	let { open = false } = $$props;
+	let { multiple = false } = $$props;
+	let { emptysearchlabel = 'No results found' } = $$props;
+	let { datatextexpr = 'label' } = $$props;
+	let { datavalueexpr = 'value' } = $$props;
+	let { nosort = false } = $$props;
+	let { clearfield = false } = $$props;
+	let { layertitle = 'Title layer' } = $$props;
+	let { showmoretagslabel = 'Show more' } = $$props;
+	let { maxnumbertoshowtags = 12 } = $$props;
+	let { alltags = false } = $$props;
+	let { selectall = false } = $$props;
+	let { labelselectall = 'Select all' } = $$props;
+	const component = get_current_component();
+	const uuid = Math.random();
+	let eventHandler = new EventHandler();
+	let tag;
+	let tagWidth = '0px';
+	let tagValue;
+	let buttonvalue;
+	let sortedListItems;
+	let selectedItems = [];
+	let openLayer = null;
+
+	function clearListbox() {
+		$$invalidate(19, listboxValue = multiple ? [] : '');
+		closeListBox();
+		eventHandler.dispatch('clear', true);
+	}
+
+	function removeTagSelected(itemSelectedId) {
+		$$invalidate(19, listboxValue = listboxValue.filter(value => value !== itemSelectedId));
+		eventHandler.dispatch('onchange', listboxValue);
+	}
+
+	function openLayerFn() {
+		$$invalidate(26, openLayer = true);
+	}
+
+	function closeLayerFn() {
+		$$invalidate(26, openLayer = null);
+	}
+
+	function closeListBox() {
+		$$invalidate(20, openState = false);
+
+		if (multiple && !nosort) {
+			sortItems();
+		} else {
+			$$invalidate(27, localItems = parsedItems);
+		}
+	}
+
+	function onChange() {
+		eventHandler.dispatch('onchange', listboxValue);
+
+		if (!multiple) {
+			closeListBox();
+		}
+	}
+
+	function getSelectedItems(val) {
+		const value = val ? val : listboxValue;
+
+		const selectedItems = parsedItems.filter(item => {
+			return multiple
+			? value.includes(item[datavalueexpr])
+			: value === item[datavalueexpr];
+		});
+
+		return selectedItems;
+	}
+
+	function sortItems() {
+		sortedListItems = parsedItems;
+		const selectedItems = getSelectedItems();
+
+		sortedListItems.sort((a, b) => {
+			const hasItemA = selectedItems.includes(a);
+			const hasItemB = selectedItems.includes(b);
+
+			if (hasItemA === hasItemB) {
+				return a[datavalueexpr] - b[datavalueexpr];
+			} else if (hasItemA < hasItemB) {
+				return 1;
+			} else {
+				return -1;
+			}
+		});
+
+		$$invalidate(27, localItems = sortedListItems);
+	}
+
+	function onScrollEnd() {
+		eventHandler.dispatch('scrollend', true);
+	}
+
+	function onSelectAll(e) {
+		eventHandler.dispatch('select-all', e.detail);
+	}
+
+	async function watchListboxValue(value) {
+		await tick();
+		$$invalidate(25, selectedItems = getSelectedItems(value));
+		const seletedLabels = selectedItems.map(item => item[datatextexpr]);
+		$$invalidate(24, buttonvalue = seletedLabels.join(', '));
+
+		if (multiple) {
+			$$invalidate(43, tagValue = value);
+		}
+	}
+
+	async function setTagWidth(tagValue) {
+		await tick();
+
+		$$invalidate(23, tagWidth = tag && tagValue && tagValue.length
+		? `${component.shadowRoot.querySelector('.mc-tag-removable').clientWidth + 8}px`
+		: '0px');
+	}
+
+	function tag_1_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			tag = $$value;
+			$$invalidate(22, tag);
+		});
+	}
+
+	const click_handler = () => {
+		clearListbox();
+	};
+
+	const click_handler_1 = () => $$invalidate(20, openState = !openState);
+
+	function listbox_value_binding(value$1) {
+		listboxValue = value$1;
+		(($$invalidate(19, listboxValue), $$invalidate(40, value)), $$invalidate(8, multiple));
+	}
+
+	const tag_removed_handler = selectedItem => removeTagSelected(selectedItem.id);
+	const tag_selected_handler = () => openLayerFn();
+	const tag_removed_handler_1 = selectedItem => removeTagSelected(selectedItem.id);
+	const layer_closed_handler = () => closeLayerFn();
+
+	$$self.$$set = $$new_props => {
+		$$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
+		$$invalidate(60, $$restProps = compute_rest_props($$props, omit_props_names));
+		if ('maxwidth' in $$new_props) $$invalidate(0, maxwidth = $$new_props.maxwidth);
+		if ('tagid' in $$new_props) $$invalidate(1, tagid = $$new_props.tagid);
+		if ('taglabel' in $$new_props) $$invalidate(38, taglabel = $$new_props.taglabel);
+		if ('placeholder' in $$new_props) $$invalidate(2, placeholder = $$new_props.placeholder);
+		if ('disabled' in $$new_props) $$invalidate(3, disabled = $$new_props.disabled);
+		if ('size' in $$new_props) $$invalidate(4, size = $$new_props.size);
+		if ('isvalid' in $$new_props) $$invalidate(5, isvalid = $$new_props.isvalid);
+		if ('isinvalid' in $$new_props) $$invalidate(6, isinvalid = $$new_props.isinvalid);
+		if ('loading' in $$new_props) $$invalidate(7, loading = $$new_props.loading);
+		if ('items' in $$new_props) $$invalidate(39, items = $$new_props.items);
+		if ('value' in $$new_props) $$invalidate(40, value = $$new_props.value);
+		if ('open' in $$new_props) $$invalidate(41, open = $$new_props.open);
+		if ('multiple' in $$new_props) $$invalidate(8, multiple = $$new_props.multiple);
+		if ('emptysearchlabel' in $$new_props) $$invalidate(9, emptysearchlabel = $$new_props.emptysearchlabel);
+		if ('datatextexpr' in $$new_props) $$invalidate(10, datatextexpr = $$new_props.datatextexpr);
+		if ('datavalueexpr' in $$new_props) $$invalidate(11, datavalueexpr = $$new_props.datavalueexpr);
+		if ('nosort' in $$new_props) $$invalidate(42, nosort = $$new_props.nosort);
+		if ('clearfield' in $$new_props) $$invalidate(12, clearfield = $$new_props.clearfield);
+		if ('layertitle' in $$new_props) $$invalidate(13, layertitle = $$new_props.layertitle);
+		if ('showmoretagslabel' in $$new_props) $$invalidate(14, showmoretagslabel = $$new_props.showmoretagslabel);
+		if ('maxnumbertoshowtags' in $$new_props) $$invalidate(15, maxnumbertoshowtags = $$new_props.maxnumbertoshowtags);
+		if ('alltags' in $$new_props) $$invalidate(16, alltags = $$new_props.alltags);
+		if ('selectall' in $$new_props) $$invalidate(17, selectall = $$new_props.selectall);
+		if ('labelselectall' in $$new_props) $$invalidate(18, labelselectall = $$new_props.labelselectall);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty[1] & /*items*/ 256) {
+			$$invalidate(44, parsedItems = items ? JSON.parse(items) : []);
+		}
+
+		if ($$self.$$.dirty[1] & /*parsedItems*/ 8192) {
+			$$invalidate(27, localItems = parsedItems);
+		}
+
+		if ($$self.$$.dirty[0] & /*multiple*/ 256 | $$self.$$.dirty[1] & /*value*/ 512) {
+			$$invalidate(19, listboxValue = !value && multiple
+			? []
+			: value ? JSON.parse(value) : value);
+		}
+
+		if ($$self.$$.dirty[0] & /*listboxValue*/ 524288 | $$self.$$.dirty[1] & /*taglabel*/ 128) {
+			$$invalidate(28, setTagLabel = () => {
+				return listboxValue.length.toString() + ' ' + taglabel;
+			});
+		}
+
+		if ($$self.$$.dirty[0] & /*listboxValue*/ 524288) {
+			watchListboxValue(listboxValue);
+		}
+
+		if ($$self.$$.dirty[1] & /*tagValue*/ 4096) {
+			setTagWidth(tagValue);
+		}
+
+		if ($$self.$$.dirty[1] & /*open*/ 1024) {
+			$$invalidate(20, openState = open);
+		}
+
+		if ($$self.$$.dirty[0] & /*openState*/ 1048576) {
+			{
+				const eventName = openState ? 'open' : 'close';
+				eventHandler.dispatch(eventName, openState);
+			}
+		}
+
+		$$invalidate(21, attributes = Object.assign({}, $$restProps));
+
+		if ($$self.$$.dirty[0] & /*attributes*/ 2097152) {
+			delete attributes.class;
+		}
+	};
+
+	return [
+		maxwidth,
+		tagid,
+		placeholder,
+		disabled,
+		size,
+		isvalid,
+		isinvalid,
+		loading,
+		multiple,
+		emptysearchlabel,
+		datatextexpr,
+		datavalueexpr,
+		clearfield,
+		layertitle,
+		showmoretagslabel,
+		maxnumbertoshowtags,
+		alltags,
+		selectall,
+		labelselectall,
+		listboxValue,
+		openState,
+		attributes,
+		tag,
+		tagWidth,
+		buttonvalue,
+		selectedItems,
+		openLayer,
+		localItems,
+		setTagLabel,
+		uuid,
+		clearListbox,
+		removeTagSelected,
+		openLayerFn,
+		closeLayerFn,
+		closeListBox,
+		onChange,
+		onScrollEnd,
+		onSelectAll,
+		taglabel,
+		items,
+		value,
+		open,
+		nosort,
+		tagValue,
+		parsedItems,
+		tag_1_binding,
+		click_handler,
+		click_handler_1,
+		listbox_value_binding,
+		tag_removed_handler,
+		tag_selected_handler,
+		tag_removed_handler_1,
+		layer_closed_handler
+	];
+}
+
+class Dropdown extends SvelteElement {
+	constructor(options) {
+		super();
+		const style = document.createElement('style');
+		style.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==");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;-o-transition:border-color 200ms ease, 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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==");border-color:#c61112}.mc-select.is-valid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), 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;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMwMDAwMDAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTIgMTAuNWExIDEgMCAwMS4yOS0uNzFsNS01YTEgMSAwIDAxMS40MiAwbDUgNWExIDEgMCAwMS0xLjQyIDEuNDJMOCA2LjkxbC00LjI5IDQuM2ExIDEgMCAwMS0xLjQyIDBBMSAxIDAgMDEyIDEwLjV6Ii8+PC9zdmc+")}.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;-o-transition: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__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(style);
+
+		init(
+			this,
+			{
+				target: this.shadowRoot,
+				props: attribute_to_object(this.attributes),
+				customElement: true
+			},
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				maxwidth: 0,
+				tagid: 1,
+				taglabel: 38,
+				placeholder: 2,
+				disabled: 3,
+				size: 4,
+				isvalid: 5,
+				isinvalid: 6,
+				loading: 7,
+				items: 39,
+				value: 40,
+				open: 41,
+				multiple: 8,
+				emptysearchlabel: 9,
+				datatextexpr: 10,
+				datavalueexpr: 11,
+				nosort: 42,
+				clearfield: 12,
+				layertitle: 13,
+				showmoretagslabel: 14,
+				maxnumbertoshowtags: 15,
+				alltags: 16,
+				selectall: 17,
+				labelselectall: 18
+			},
+			null,
+			[-1, -1, -1]
+		);
+
+		if (options) {
+			if (options.target) {
+				insert(options.target, this, options.anchor);
+			}
+
+			if (options.props) {
+				this.$set(options.props);
+				flush();
+			}
+		}
+	}
+
+	static get observedAttributes() {
+		return [
+			"maxwidth",
+			"tagid",
+			"taglabel",
+			"placeholder",
+			"disabled",
+			"size",
+			"isvalid",
+			"isinvalid",
+			"loading",
+			"items",
+			"value",
+			"open",
+			"multiple",
+			"emptysearchlabel",
+			"datatextexpr",
+			"datavalueexpr",
+			"nosort",
+			"clearfield",
+			"layertitle",
+			"showmoretagslabel",
+			"maxnumbertoshowtags",
+			"alltags",
+			"selectall",
+			"labelselectall"
+		];
+	}
+
+	get maxwidth() {
+		return this.$$.ctx[0];
+	}
+
+	set maxwidth(maxwidth) {
+		this.$$set({ maxwidth });
+		flush();
+	}
+
+	get tagid() {
+		return this.$$.ctx[1];
+	}
+
+	set tagid(tagid) {
+		this.$$set({ tagid });
+		flush();
+	}
+
+	get taglabel() {
+		return this.$$.ctx[38];
+	}
+
+	set taglabel(taglabel) {
+		this.$$set({ taglabel });
+		flush();
+	}
+
+	get placeholder() {
+		return this.$$.ctx[2];
+	}
+
+	set placeholder(placeholder) {
+		this.$$set({ placeholder });
+		flush();
+	}
+
+	get disabled() {
+		return this.$$.ctx[3];
+	}
+
+	set disabled(disabled) {
+		this.$$set({ disabled });
+		flush();
+	}
+
+	get size() {
+		return this.$$.ctx[4];
+	}
+
+	set size(size) {
+		this.$$set({ size });
+		flush();
+	}
+
+	get isvalid() {
+		return this.$$.ctx[5];
+	}
+
+	set isvalid(isvalid) {
+		this.$$set({ isvalid });
+		flush();
+	}
+
+	get isinvalid() {
+		return this.$$.ctx[6];
+	}
+
+	set isinvalid(isinvalid) {
+		this.$$set({ isinvalid });
+		flush();
+	}
+
+	get loading() {
+		return this.$$.ctx[7];
+	}
+
+	set loading(loading) {
+		this.$$set({ loading });
+		flush();
+	}
+
+	get items() {
+		return this.$$.ctx[39];
+	}
+
+	set items(items) {
+		this.$$set({ items });
+		flush();
+	}
+
+	get value() {
+		return this.$$.ctx[40];
+	}
+
+	set value(value) {
+		this.$$set({ value });
+		flush();
+	}
+
+	get open() {
+		return this.$$.ctx[41];
+	}
+
+	set open(open) {
+		this.$$set({ open });
+		flush();
+	}
+
+	get multiple() {
+		return this.$$.ctx[8];
+	}
+
+	set multiple(multiple) {
+		this.$$set({ multiple });
+		flush();
+	}
+
+	get emptysearchlabel() {
+		return this.$$.ctx[9];
+	}
+
+	set emptysearchlabel(emptysearchlabel) {
+		this.$$set({ emptysearchlabel });
+		flush();
+	}
+
+	get datatextexpr() {
+		return this.$$.ctx[10];
+	}
+
+	set datatextexpr(datatextexpr) {
+		this.$$set({ datatextexpr });
+		flush();
+	}
+
+	get datavalueexpr() {
+		return this.$$.ctx[11];
+	}
+
+	set datavalueexpr(datavalueexpr) {
+		this.$$set({ datavalueexpr });
+		flush();
+	}
+
+	get nosort() {
+		return this.$$.ctx[42];
+	}
+
+	set nosort(nosort) {
+		this.$$set({ nosort });
+		flush();
+	}
+
+	get clearfield() {
+		return this.$$.ctx[12];
+	}
+
+	set clearfield(clearfield) {
+		this.$$set({ clearfield });
+		flush();
+	}
+
+	get layertitle() {
+		return this.$$.ctx[13];
+	}
+
+	set layertitle(layertitle) {
+		this.$$set({ layertitle });
+		flush();
+	}
+
+	get showmoretagslabel() {
+		return this.$$.ctx[14];
+	}
+
+	set showmoretagslabel(showmoretagslabel) {
+		this.$$set({ showmoretagslabel });
+		flush();
+	}
+
+	get maxnumbertoshowtags() {
+		return this.$$.ctx[15];
+	}
+
+	set maxnumbertoshowtags(maxnumbertoshowtags) {
+		this.$$set({ maxnumbertoshowtags });
+		flush();
+	}
+
+	get alltags() {
+		return this.$$.ctx[16];
+	}
+
+	set alltags(alltags) {
+		this.$$set({ alltags });
+		flush();
+	}
+
+	get selectall() {
+		return this.$$.ctx[17];
+	}
+
+	set selectall(selectall) {
+		this.$$set({ selectall });
+		flush();
+	}
+
+	get labelselectall() {
+		return this.$$.ctx[18];
+	}
+
+	set labelselectall(labelselectall) {
+		this.$$set({ labelselectall });
+		flush();
+	}
+}
+
+export { Dropdown as default };
 //# sourceMappingURL=Dropdown.js.map