npm - @mozaic-ds/web-components - Versions diffs - 0.29.0 → 0.29.1 - Mend

@mozaic-ds/web-components 0.29.0 → 0.29.1

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 (19) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/web-components",
-  "version": "0.29.0",
+  "version": "0.29.1",
   "description": "Web component Mozaic DS implementation",
   "license": "MIT",
   "engines": {

package/public/adeo/components/autocomplete/Autocomplete.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as l,b as a,f as i,s,K as n,L as o,c as r,e as c,d,E as u,n as m,h as p,M as h,j as g,t as $,k as f,F as x,N as b,x as v,B as w,z as y,A as _,O as k,l as z,m as q,G as j,P as S,o as C,q as N,r as O,u as T,Q as E,C as J,R as L,T as M,D as R,U,V as Y}from"../../index-c222d0b7.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as B}from"../../ClickOutside-63071e7a.js";import H from"../tag/Tag.nested.js";import D from"../loader/Loader.nested.js";import F from"../textinput/Textinput.nested.js";import G from"../listbox/Listbox.nested.js";function K(e,t,l){const a=e.slice();return a[74]=t[l],a}function P(e,t,l){const a=e.slice();return a[74]=t[l],a[78]=l,a}function Q(e){let t,l,i,s={id:e[1]?e[1]:`autocompleteTag-${e[33]}`,label:e[32](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return l=new H({props:s}),e[52](l),l.$on("tag-removed",e[34]),{c(){t=c("div"),u(l.$$.fragment),p(t,"class","mc-autocomplete__tag")},m(e,s){a(e,t,s),x(l,t,null),i=!0},p(e,t){const a={};2&t[0]&&(a.id=e[1]?e[1]:`autocompleteTag-${e[33]}`),2&t[1]&&(a.label=e[32]()),l.$set(a)},i(e){i||(w(l.$$.fragment,e),i=!0)},o(e){y(l.$$.fragment,e),i=!1},d(a){a&&q(t),e[52](null),j(l)}}}function V(e){let t,l;return t=new D({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(t.$$.fragment)},m(e,a){x(t,e,a),l=!0},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(e){j(t,e)}}}function W(e){let t,l,i;return{c(){t=c("button"),t.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n          <span class="mc-autocomplete__clear-text">Clear</span>',p(t,"class","mc-autocomplete__clear"),p(t,"type","button")},m(s,n){a(s,t,n),l||(i=v(t,"click",E(e[57])),l=!0)},p:m,d(e){e&&q(t),l=!1,i()}}}function I(e){let t,l,a;function i(t){e[58](t)}let s={items:JSON.stringify(e[31]),name:e[7],multiple:e[10],isfiltered:e[27],emptysearchlabel:e[11],maxwidth:e[0],datatextexpr:e[12],datavalueexpr:e[13],selectall:e[18],labelselectall:e[19],overlay:!0,width:e[0]};return void 0!==e[20]&&(s.value=e[20]),t=new G({props:s}),n.push((()=>o(t,"value",i))),t.$on("change",e[36]),t.$on("scrollend",e[40]),t.$on("select-all",e[41]),{c(){u(t.$$.fragment)},m(e,l){x(t,e,l),a=!0},p(e,a){const i={};1&a[1]&&(i.items=JSON.stringify(e[31])),128&a[0]&&(i.name=e[7]),1024&a[0]&&(i.multiple=e[10]),134217728&a[0]&&(i.isfiltered=e[27]),2048&a[0]&&(i.emptysearchlabel=e[11]),1&a[0]&&(i.maxwidth=e[0]),4096&a[0]&&(i.datatextexpr=e[12]),8192&a[0]&&(i.datavalueexpr=e[13]),262144&a[0]&&(i.selectall=e[18]),524288&a[0]&&(i.labelselectall=e[19]),1&a[0]&&(i.width=e[0]),!l&&1048576&a[0]&&(l=!0,i.value=e[20],k((()=>l=!1))),t.$set(i)},i(e){a||(w(t.$$.fragment,e),a=!0)},o(e){y(t.$$.fragment,e),a=!1},d(e){j(t,e)}}}function X(e){let t,l,i,s=e[28],n=[];for(let t=0;t<s.length;t+=1)n[t]=le(P(e,s,t));const o=e=>y(n[e],1,1,(()=>{n[e]=null}));let r=e[20].length>e[16]&&ae(e);return{c(){t=c("div");for(let e=0;e<n.length;e+=1)n[e].c();l=d(),r&&r.c(),p(t,"class","tags-selected")},m(e,s){a(e,t,s);for(let e=0;e<n.length;e+=1)n[e]&&n[e].m(t,null);f(t,l),r&&r.m(t,null),i=!0},p(e,a){if(302055432&a[0]|2048&a[1]){let i;for(s=e[28],i=0;i<s.length;i+=1){const o=P(e,s,i);n[i]?(n[i].p(o,a),w(n[i],1)):(n[i]=le(o),n[i].c(),w(n[i],1),n[i].m(t,l))}for(J(),i=s.length;i<n.length;i+=1)o(i);_()}e[20].length>e[16]?r?(r.p(e,a),1114112&a[0]&&w(r,1)):(r=ae(e),r.c(),w(r,1),r.m(t,null)):r&&(J(),y(r,1,1,(()=>{r=null})),_())},i(e){if(!i){for(let e=0;e<s.length;e+=1)w(n[e]);w(r),i=!0}},o(e){n=n.filter(Boolean);for(let e=0;e<n.length;e+=1)y(n[e]);y(r),i=!1},d(e){e&&q(t),L(n,e),r&&r.d()}}}function Z(e){let t,l,i,s;const n=[te,ee],o=[];function r(e,t){return e[3]?0:1}return l=r(e),i=o[l]=n[l](e),{c(){t=c("div"),i.c(),p(t,"class","tag-selected")},m(e,i){a(e,t,i),o[l].m(t,null),s=!0},p(e,a){let s=l;l=r(e),l===s?o[l].p(e,a):(J(),y(o[s],1,1,(()=>{o[s]=null})),_(),i=o[l],i?i.p(e,a):(i=o[l]=n[l](e),i.c()),w(i,1),i.m(t,null))},i(e){s||(w(i),s=!0)},o(e){y(i),s=!1},d(e){e&&q(t),o[l].d()}}}function ee(e){let t,l;let a={id:e[74].id||"",label:e[74].label,size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return t=new H({props:a}),e[59](t),t.$on("tag-removed",(function(){return e[60](e[74])})),{c(){u(t.$$.fragment)},m(e,a){x(t,e,a),l=!0},p(l,a){e=l;const i={};268435456&a[0]&&(i.id=e[74].id||""),268435456&a[0]&&(i.label=e[74].label),t.$set(i)},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(l){e[59](null),j(t,l)}}}function te(e){let t,l;return t=new H({props:{id:e[74].id||"",label:e[74].label,size:"s",type:"link",dark:!0,disabled:!1,href:"",name:"",value:"",selected:!1}}),{c(){u(t.$$.fragment)},m(e,a){x(t,e,a),l=!0},p(e,l){const a={};268435456&l[0]&&(a.id=e[74].id||""),268435456&l[0]&&(a.label=e[74].label),t.$set(a)},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(e){j(t,e)}}}function le(e){let t,l,i=e[78]<e[16]&&Z(e);return{c(){i&&i.c(),t=M()},m(e,s){i&&i.m(e,s),a(e,t,s),l=!0},p(e,l){e[78]<e[16]?i?(i.p(e,l),65536&l[0]&&w(i,1)):(i=Z(e),i.c(),w(i,1),i.m(t.parentNode,t)):i&&(J(),y(i,1,1,(()=>{i=null})),_())},i(e){l||(w(i),l=!0)},o(e){y(i),l=!1},d(e){i&&i.d(e),e&&q(t)}}}function ae(e){let t,l,i,s,n;return l=new H({props:{id:"id-tag",label:"("+e[20].length+") "+e[15]+" ",size:"s",type:"link",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1}}),{c(){t=c("div"),u(l.$$.fragment),p(t,"class","tag-selected")},m(o,r){a(o,t,r),x(l,t,null),i=!0,s||(n=v(t,"click",e[61]),s=!0)},p(e,t){const a={};1081344&t[0]&&(a.label="("+e[20].length+") "+e[15]+" "),l.$set(a)},i(e){i||(w(l.$$.fragment,e),i=!0)},o(e){y(l.$$.fragment,e),i=!1},d(e){e&&q(t),j(l),s=!1,n()}}}function ie(e){let t,l,i,s,n,o,r=e[28],d=[];for(let t=0;t<r.length;t+=1)d[t]=oe(K(e,r,t));return{c(){t=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<d.length;e+=1)d[e].c();p(s,"class","tags-selected"),p(i,"slot","content"),R(l,"title",e[14]),R(l,"layertitletag","h3"),R(l,"isopen",e[29])},m(r,c){a(r,t,c),f(t,l),f(l,i),f(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);n||(o=v(l,"layer-closed",e[63]),n=!0)},p(e,t){if(268435464&t[0]|2048&t[1]){let l;for(r=e[28],l=0;l<r.length;l+=1){const a=K(e,r,l);d[l]?d[l].p(a,t):(d[l]=oe(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}16384&t[0]&&R(l,"title",e[14]),536870912&t[0]&&R(l,"isopen",e[29])},d(e){e&&q(t),L(d,e),n=!1,o()}}}function se(e){let t,l,i,s,n;function o(){return e[62](e[74])}return{c(){t=c("m-tag"),R(t,"id",l=e[74].id),R(t,"label",i=e[74].label),R(t,"size","s"),R(t,"type","removable")},m(e,l){a(e,t,l),s||(n=v(t,"tag-removed",o),s=!0)},p(a,s){e=a,268435456&s[0]&&l!==(l=e[74].id)&&R(t,"id",l),268435456&s[0]&&i!==(i=e[74].label)&&R(t,"label",i)},d(e){e&&q(t),s=!1,n()}}}function ne(e){let t,l,i;return{c(){t=c("m-tag"),R(t,"type","text"),R(t,"id",l=e[74].id),R(t,"label",i=e[74].label),R(t,"size","s")},m(e,l){a(e,t,l)},p(e,a){268435456&a[0]&&l!==(l=e[74].id)&&R(t,"id",l),268435456&a[0]&&i!==(i=e[74].label)&&R(t,"label",i)},d(e){e&&q(t)}}}function oe(e){let t,l;function i(e,t){return e[3]?ne:se}let s=i(e),n=s(e);return{c(){t=c("div"),n.c(),l=d(),p(t,"class","tag-selected")},m(e,i){a(e,t,i),n.m(t,null),f(t,l)},p(e,a){s===(s=i(e))&&n?n.p(e,a):(n.d(1),n=s(e),n&&(n.c(),n.m(t,l)))},d(e){e&&q(t),n.d()}}}function re(e){let t,l,i,s,C,N,O,T,E,L,M,R,U,Y,A,H,D,G,K,P=e[10]&&e[20].length>0&&!e[17]&&Q(e);function Z(t){e[53](t)}let ee={classinput:"mc-autocomplete__trigger",name:e[6],placeholder:e[2],inputtype:"text",isinvalid:e[5],disabled:e[3],size:e[4],required:e[9],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==e[30]&&(ee.value=e[30]),s=new F({props:ee}),n.push((()=>o(s,"value",Z))),s.$on("input",e[39]),s.$on("click",e[54]),s.$on("change",e[55]),s.$on("blur",e[56]);let te=e[8]&&V(),le=null!=e[30]&&""!=e[30]&&!e[3]&&W(e),ae=e[22]&&I(e),se=e[10]&&e[17]&&X(e),ne=e[10]&&e[17]&&ie(e),oe=[{class:"mc-autocomplete"},{style:H="--autocomplete-tag-width: "+e[26]+"; --autocomplete-width: "+e[0]+";"},e[23]],re={};for(let e=0;e<oe.length;e+=1)re=r(re,oe[e]);return{c(){t=c("div"),l=c("div"),P&&P.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),te&&te.c(),T=d(),le&&le.c(),E=d(),ae&&ae.c(),L=d(),se&&se.c(),M=d(),R=c("span"),U=d(),Y=c("span"),A=d(),ne&&ne.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(R,"class","mc-autocomplete__loader"),h(R,"display","none"),p(Y,"class","mc-text-input mc-autocomplete__trigger"),h(Y,"display","none"),g(t,re),$(t,"mc-autocomplete--multi",e[10])},m(n,o){a(n,t,o),f(t,l),P&&P.m(l,null),f(l,i),x(s,l,null),f(l,N),f(l,O),te&&te.m(O,null),f(O,T),le&&le.m(O,null),f(t,E),ae&&ae.m(t,null),f(t,L),se&&se.m(t,null),f(t,M),f(t,R),f(t,U),f(t,Y),f(t,A),ne&&ne.m(t,null),e[64](t),D=!0,G||(K=[b(B.call(null,t)),v(t,"outclick",e[35])],G=!0)},p(e,a){e[10]&&e[20].length>0&&!e[17]?P?(P.p(e,a),1180672&a[0]&&w(P,1)):(P=Q(e),P.c(),w(P,1),P.m(l,i)):P&&(J(),y(P,1,1,(()=>{P=null})),_());const n={};64&a[0]&&(n.name=e[6]),4&a[0]&&(n.placeholder=e[2]),32&a[0]&&(n.isinvalid=e[5]),8&a[0]&&(n.disabled=e[3]),16&a[0]&&(n.size=e[4]),512&a[0]&&(n.required=e[9]),!C&&1073741824&a[0]&&(C=!0,n.value=e[30],k((()=>C=!1))),s.$set(n),e[8]?te?256&a[0]&&w(te,1):(te=V(),te.c(),w(te,1),te.m(O,T)):te&&(J(),y(te,1,1,(()=>{te=null})),_()),null==e[30]||""==e[30]||e[3]?le&&(le.d(1),le=null):le?le.p(e,a):(le=W(e),le.c(),le.m(O,null)),e[22]?ae?(ae.p(e,a),4194304&a[0]&&w(ae,1)):(ae=I(e),ae.c(),w(ae,1),ae.m(t,L)):ae&&(J(),y(ae,1,1,(()=>{ae=null})),_()),e[10]&&e[17]?se?(se.p(e,a),132096&a[0]&&w(se,1)):(se=X(e),se.c(),w(se,1),se.m(t,M)):se&&(J(),y(se,1,1,(()=>{se=null})),_()),e[10]&&e[17]?ne?ne.p(e,a):(ne=ie(e),ne.c(),ne.m(t,null)):ne&&(ne.d(1),ne=null),g(t,re=z(oe,[{class:"mc-autocomplete"},(!D||67108865&a[0]&&H!==(H="--autocomplete-tag-width: "+e[26]+"; --autocomplete-width: "+e[0]+";"))&&{style:H},8388608&a[0]&&e[23]])),$(t,"mc-autocomplete--multi",e[10])},i(e){D||(w(P),w(s.$$.fragment,e),w(te),w(ae),w(se),D=!0)},o(e){y(P),y(s.$$.fragment,e),y(te),y(ae),y(se),D=!1},d(l){l&&q(t),P&&P.d(),j(s),te&&te.d(),le&&le.d(),ae&&ae.d(),se&&se.d(),ne&&ne.d(),e[64](null),G=!1,S(K)}}}function ce(e,t,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p,h=C(t,m),{maxwidth:g="100%"}=t,{tagid:$}=t,{taglabel:f=""}=t,{placeholder:x}=t,{filter:b=!0}=t,{nofilter:v=!1}=t,{disabled:w=!1}=t,{size:y="m"}=t,{isinvalid:_}=t,{inputvalue:k}=t,{id:z}=t,{name:q}=t,{loading:j=!1}=t,{required:S=!1}=t,{items:E}=t,{value:J}=t,{open:L=!1}=t,{multiple:M=!1}=t,{emptysearchlabel:R="No results found"}=t,{datatextexpr:B="label"}=t,{datavalueexpr:H="value"}=t,{nosort:D=!1}=t,{layertitle:F="Title layer"}=t,{showmoretagslabel:G="Show more"}=t,{maxnumbertoshowtags:K=12}=t,{alltags:P=!1}=t,{selectall:Q=!1}=t,{labelselectall:V="Select all"}=t;const W=Math.random();let I,X,Z,ee=new A(N(),O()),te="0px",le=!1,ae=[],ie=null;function se(){w||(l(20,o=M?[]:""),ne(),ee.dispatch("clear",!0))}function ne(){l(22,d=!1),M&&!D?function(){Z=i;const e=oe();Z.sort(((t,l)=>{const a=e.includes(t),i=e.includes(l);return a===i?t[H]-l[H]:a<i?1:-1})),l(31,s=Z)}():l(31,s=i)}function oe(e){const t=e||o;return i.filter((e=>M?t.includes(e[H]):t===e[H]))}function re(){l(29,ie=!0)}function ce(){l(29,ie=null)}function de(e){l(20,o=o.filter((t=>t!==e))),ee.dispatch("onchange",o)}return e.$$set=e=>{t=r(r({},t),T(e)),l(73,h=C(t,m)),"maxwidth"in e&&l(0,g=e.maxwidth),"tagid"in e&&l(1,$=e.tagid),"taglabel"in e&&l(43,f=e.taglabel),"placeholder"in e&&l(2,x=e.placeholder),"filter"in e&&l(44,b=e.filter),"nofilter"in e&&l(45,v=e.nofilter),"disabled"in e&&l(3,w=e.disabled),"size"in e&&l(4,y=e.size),"isinvalid"in e&&l(5,_=e.isinvalid),"inputvalue"in e&&l(46,k=e.inputvalue),"id"in e&&l(6,z=e.id),"name"in e&&l(7,q=e.name),"loading"in e&&l(8,j=e.loading),"required"in e&&l(9,S=e.required),"items"in e&&l(47,E=e.items),"value"in e&&l(48,J=e.value),"open"in e&&l(49,L=e.open),"multiple"in e&&l(10,M=e.multiple),"emptysearchlabel"in e&&l(11,R=e.emptysearchlabel),"datatextexpr"in e&&l(12,B=e.datatextexpr),"datavalueexpr"in e&&l(13,H=e.datavalueexpr),"nosort"in e&&l(50,D=e.nosort),"layertitle"in e&&l(14,F=e.layertitle),"showmoretagslabel"in e&&l(15,G=e.showmoretagslabel),"maxnumbertoshowtags"in e&&l(16,K=e.maxnumbertoshowtags),"alltags"in e&&l(17,P=e.alltags),"selectall"in e&&l(18,Q=e.selectall),"labelselectall"in e&&l(19,V=e.labelselectall)},e.$$.update=()=>{if(32768&e.$$.dirty[1]&&l(30,a=k),65536&e.$$.dirty[1]&&l(21,i=E?JSON.parse(E):[]),2097152&e.$$.dirty[0]&&l(31,s=i),1024&e.$$.dirty[0]|131072&e.$$.dirty[1]&&l(20,o=!J&&M?[]:J?JSON.parse(J):J),1048576&e.$$.dirty[0]|4096&e.$$.dirty[1]&&l(32,c=()=>o.length.toString()+" "+f),1048576&e.$$.dirty[0]&&async function(e){try{if(await U(),l(28,ae=oe(e)),M)l(51,X=e);else{const e=ae.map((e=>e[B]));l(30,a=e.join(", "))}}catch(e){console.error(e)}}(o),1048576&e.$$.dirty[1]&&async function(e){var t;try{await U(),l(26,te=I&&e&&e.length?`${null===(t=null==p?void 0:p.querySelector(".mc-tag-removable"))||void 0===t?void 0:t.clientWidth}px`:"0px")}catch(e){console.error(e)}}(X),262144&e.$$.dirty[1]&&l(22,d=L),4194304&e.$$.dirty[0]){const e=d?"open":"close";ee.dispatch(e,d)}l(23,u=Object.assign({},h)),8388608&e.$$.dirty[0]&&delete u.class},[g,$,x,w,y,_,z,q,j,S,M,R,B,H,F,G,K,P,Q,V,o,i,d,u,p,I,te,le,ae,ie,a,s,c,W,se,ne,function(){ee.dispatch("onchange",o),M||ne()},re,ce,function(e){const t=e.target.value;!function(e){ee.dispatch("oninput",e)}(t),function(e){!v&&b&&(e.length?l(31,s=i.filter((t=>t[B].toUpperCase().includes(e.toUpperCase())))):l(31,s=i),l(27,le=!s.length),ee.dispatch("onfilter",s))}(t)},function(){ee.dispatch("scrollend",!0)},function(e){ee.dispatch("select-all",e.detail)},de,f,b,v,k,E,J,L,D,X,function(e){n[e?"unshift":"push"]((()=>{I=e,l(25,I)}))},function(e){a=e,l(30,a),l(46,k)},()=>l(22,d=!0),function(t){Y.call(this,e,t)},function(t){Y.call(this,e,t)},()=>{l(30,a=""),l(31,s=i),l(27,le=!1),M||se()},function(e){o=e,l(20,o),l(48,J),l(10,M)},function(e){n[e?"unshift":"push"]((()=>{I=e,l(25,I)}))},e=>de(e.id),()=>re(),e=>de(e.id),()=>ce(),function(e){n[e?"unshift":"push"]((()=>{p=e,l(24,p)}))}]}class de extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:var(--autocomplete-min-width, 6rem);max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:var(--autocomplete-tag-z-index, 2)}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__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:0.75rem}.mc-autocomplete__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-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #758992;box-shadow:0 0 0 2px #758992}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__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-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete{min-width:auto}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}.mc-listbox--overlay{top:calc(100% + 4px)}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ce,re,s,{maxwidth:0,tagid:1,taglabel:43,placeholder:2,filter:44,nofilter:45,disabled:3,size:4,isinvalid:5,inputvalue:46,id:6,name:7,loading:8,required:9,items:47,value:48,open:49,multiple:10,emptysearchlabel:11,datatextexpr:12,datavalueexpr:13,nosort:50,layertitle:14,showmoretagslabel:15,maxnumbertoshowtags:16,alltags:17,selectall:18,labelselectall:19},null,[-1,-1,-1]),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","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[43]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get filter(){return this.$$.ctx[44]}set filter(e){this.$$set({filter:e}),i()}get nofilter(){return this.$$.ctx[45]}set nofilter(e){this.$$set({nofilter: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 isinvalid(){return this.$$.ctx[5]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get inputvalue(){return this.$$.ctx[46]}set inputvalue(e){this.$$set({inputvalue:e}),i()}get id(){return this.$$.ctx[6]}set id(e){this.$$set({id:e}),i()}get name(){return this.$$.ctx[7]}set name(e){this.$$set({name:e}),i()}get loading(){return this.$$.ctx[8]}set loading(e){this.$$set({loading:e}),i()}get required(){return this.$$.ctx[9]}set required(e){this.$$set({required:e}),i()}get items(){return this.$$.ctx[47]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[48]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[49]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[10]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[11]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[12]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[13]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[50]}set nosort(e){this.$$set({nosort: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{de as default};
+import{S as e,i as t,a as l,b as a,f as i,s,K as n,L as o,c as r,e as c,d,E as u,n as m,h as p,M as h,j as g,t as $,k as f,F as x,N as b,x as v,B as w,z as y,A as _,O as k,l as z,m as q,G as j,P as S,o as C,q as N,r as O,u as T,Q as E,C as J,R as L,T as M,D as R,U,V as Y}from"../../index-c222d0b7.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as B}from"../../ClickOutside-63071e7a.js";import H from"../tag/Tag.nested.js";import D from"../loader/Loader.nested.js";import F from"../textinput/Textinput.nested.js";import G from"../listbox/Listbox.nested.js";function K(e,t,l){const a=e.slice();return a[74]=t[l],a}function P(e,t,l){const a=e.slice();return a[74]=t[l],a[78]=l,a}function Q(e){let t,l,i,s={id:e[1]?e[1]:`autocompleteTag-${e[33]}`,label:e[32](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return l=new H({props:s}),e[52](l),l.$on("tag-removed",e[34]),{c(){t=c("div"),u(l.$$.fragment),p(t,"class","mc-autocomplete__tag")},m(e,s){a(e,t,s),x(l,t,null),i=!0},p(e,t){const a={};2&t[0]&&(a.id=e[1]?e[1]:`autocompleteTag-${e[33]}`),2&t[1]&&(a.label=e[32]()),l.$set(a)},i(e){i||(w(l.$$.fragment,e),i=!0)},o(e){y(l.$$.fragment,e),i=!1},d(a){a&&q(t),e[52](null),j(l)}}}function V(e){let t,l;return t=new D({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(t.$$.fragment)},m(e,a){x(t,e,a),l=!0},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(e){j(t,e)}}}function W(e){let t,l,i;return{c(){t=c("button"),t.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n          <span class="mc-autocomplete__clear-text">Clear</span>',p(t,"class","mc-autocomplete__clear"),p(t,"type","button")},m(s,n){a(s,t,n),l||(i=v(t,"click",E(e[57])),l=!0)},p:m,d(e){e&&q(t),l=!1,i()}}}function I(e){let t,l,a;function i(t){e[58](t)}let s={items:JSON.stringify(e[31]),name:e[7],multiple:e[10],isfiltered:e[27],emptysearchlabel:e[11],maxwidth:e[0],datatextexpr:e[12],datavalueexpr:e[13],selectall:e[18],labelselectall:e[19],overlay:!0,width:e[0]};return void 0!==e[20]&&(s.value=e[20]),t=new G({props:s}),n.push((()=>o(t,"value",i))),t.$on("change",e[36]),t.$on("scrollend",e[40]),t.$on("select-all",e[41]),{c(){u(t.$$.fragment)},m(e,l){x(t,e,l),a=!0},p(e,a){const i={};1&a[1]&&(i.items=JSON.stringify(e[31])),128&a[0]&&(i.name=e[7]),1024&a[0]&&(i.multiple=e[10]),134217728&a[0]&&(i.isfiltered=e[27]),2048&a[0]&&(i.emptysearchlabel=e[11]),1&a[0]&&(i.maxwidth=e[0]),4096&a[0]&&(i.datatextexpr=e[12]),8192&a[0]&&(i.datavalueexpr=e[13]),262144&a[0]&&(i.selectall=e[18]),524288&a[0]&&(i.labelselectall=e[19]),1&a[0]&&(i.width=e[0]),!l&&1048576&a[0]&&(l=!0,i.value=e[20],k((()=>l=!1))),t.$set(i)},i(e){a||(w(t.$$.fragment,e),a=!0)},o(e){y(t.$$.fragment,e),a=!1},d(e){j(t,e)}}}function X(e){let t,l,i,s=e[28],n=[];for(let t=0;t<s.length;t+=1)n[t]=le(P(e,s,t));const o=e=>y(n[e],1,1,(()=>{n[e]=null}));let r=e[20].length>e[16]&&ae(e);return{c(){t=c("div");for(let e=0;e<n.length;e+=1)n[e].c();l=d(),r&&r.c(),p(t,"class","tags-selected")},m(e,s){a(e,t,s);for(let e=0;e<n.length;e+=1)n[e]&&n[e].m(t,null);f(t,l),r&&r.m(t,null),i=!0},p(e,a){if(302055432&a[0]|2048&a[1]){let i;for(s=e[28],i=0;i<s.length;i+=1){const o=P(e,s,i);n[i]?(n[i].p(o,a),w(n[i],1)):(n[i]=le(o),n[i].c(),w(n[i],1),n[i].m(t,l))}for(J(),i=s.length;i<n.length;i+=1)o(i);_()}e[20].length>e[16]?r?(r.p(e,a),1114112&a[0]&&w(r,1)):(r=ae(e),r.c(),w(r,1),r.m(t,null)):r&&(J(),y(r,1,1,(()=>{r=null})),_())},i(e){if(!i){for(let e=0;e<s.length;e+=1)w(n[e]);w(r),i=!0}},o(e){n=n.filter(Boolean);for(let e=0;e<n.length;e+=1)y(n[e]);y(r),i=!1},d(e){e&&q(t),L(n,e),r&&r.d()}}}function Z(e){let t,l,i,s;const n=[te,ee],o=[];function r(e,t){return e[3]?0:1}return l=r(e),i=o[l]=n[l](e),{c(){t=c("div"),i.c(),p(t,"class","tag-selected")},m(e,i){a(e,t,i),o[l].m(t,null),s=!0},p(e,a){let s=l;l=r(e),l===s?o[l].p(e,a):(J(),y(o[s],1,1,(()=>{o[s]=null})),_(),i=o[l],i?i.p(e,a):(i=o[l]=n[l](e),i.c()),w(i,1),i.m(t,null))},i(e){s||(w(i),s=!0)},o(e){y(i),s=!1},d(e){e&&q(t),o[l].d()}}}function ee(e){let t,l;let a={id:e[74].id||"",label:e[74].label,size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return t=new H({props:a}),e[59](t),t.$on("tag-removed",(function(){return e[60](e[74])})),{c(){u(t.$$.fragment)},m(e,a){x(t,e,a),l=!0},p(l,a){e=l;const i={};268435456&a[0]&&(i.id=e[74].id||""),268435456&a[0]&&(i.label=e[74].label),t.$set(i)},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(l){e[59](null),j(t,l)}}}function te(e){let t,l;return t=new H({props:{id:e[74].id||"",label:e[74].label,size:"s",type:"link",dark:!0,disabled:!1,href:"",name:"",value:"",selected:!1}}),{c(){u(t.$$.fragment)},m(e,a){x(t,e,a),l=!0},p(e,l){const a={};268435456&l[0]&&(a.id=e[74].id||""),268435456&l[0]&&(a.label=e[74].label),t.$set(a)},i(e){l||(w(t.$$.fragment,e),l=!0)},o(e){y(t.$$.fragment,e),l=!1},d(e){j(t,e)}}}function le(e){let t,l,i=e[78]<e[16]&&Z(e);return{c(){i&&i.c(),t=M()},m(e,s){i&&i.m(e,s),a(e,t,s),l=!0},p(e,l){e[78]<e[16]?i?(i.p(e,l),65536&l[0]&&w(i,1)):(i=Z(e),i.c(),w(i,1),i.m(t.parentNode,t)):i&&(J(),y(i,1,1,(()=>{i=null})),_())},i(e){l||(w(i),l=!0)},o(e){y(i),l=!1},d(e){i&&i.d(e),e&&q(t)}}}function ae(e){let t,l,i,s,n;return l=new H({props:{id:"id-tag",label:"("+e[20].length+") "+e[15]+" ",size:"s",type:"link",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1}}),{c(){t=c("div"),u(l.$$.fragment),p(t,"class","tag-selected")},m(o,r){a(o,t,r),x(l,t,null),i=!0,s||(n=v(t,"click",e[61]),s=!0)},p(e,t){const a={};1081344&t[0]&&(a.label="("+e[20].length+") "+e[15]+" "),l.$set(a)},i(e){i||(w(l.$$.fragment,e),i=!0)},o(e){y(l.$$.fragment,e),i=!1},d(e){e&&q(t),j(l),s=!1,n()}}}function ie(e){let t,l,i,s,n,o,r=e[28],d=[];for(let t=0;t<r.length;t+=1)d[t]=oe(K(e,r,t));return{c(){t=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<d.length;e+=1)d[e].c();p(s,"class","tags-selected"),p(i,"slot","content"),R(l,"title",e[14]),R(l,"layertitletag","h3"),R(l,"isopen",e[29])},m(r,c){a(r,t,c),f(t,l),f(l,i),f(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);n||(o=v(l,"layer-closed",e[63]),n=!0)},p(e,t){if(268435464&t[0]|2048&t[1]){let l;for(r=e[28],l=0;l<r.length;l+=1){const a=K(e,r,l);d[l]?d[l].p(a,t):(d[l]=oe(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}16384&t[0]&&R(l,"title",e[14]),536870912&t[0]&&R(l,"isopen",e[29])},d(e){e&&q(t),L(d,e),n=!1,o()}}}function se(e){let t,l,i,s,n;function o(){return e[62](e[74])}return{c(){t=c("m-tag"),R(t,"id",l=e[74].id),R(t,"label",i=e[74].label),R(t,"size","s"),R(t,"type","removable")},m(e,l){a(e,t,l),s||(n=v(t,"tag-removed",o),s=!0)},p(a,s){e=a,268435456&s[0]&&l!==(l=e[74].id)&&R(t,"id",l),268435456&s[0]&&i!==(i=e[74].label)&&R(t,"label",i)},d(e){e&&q(t),s=!1,n()}}}function ne(e){let t,l,i;return{c(){t=c("m-tag"),R(t,"type","text"),R(t,"id",l=e[74].id),R(t,"label",i=e[74].label),R(t,"size","s")},m(e,l){a(e,t,l)},p(e,a){268435456&a[0]&&l!==(l=e[74].id)&&R(t,"id",l),268435456&a[0]&&i!==(i=e[74].label)&&R(t,"label",i)},d(e){e&&q(t)}}}function oe(e){let t,l;function i(e,t){return e[3]?ne:se}let s=i(e),n=s(e);return{c(){t=c("div"),n.c(),l=d(),p(t,"class","tag-selected")},m(e,i){a(e,t,i),n.m(t,null),f(t,l)},p(e,a){s===(s=i(e))&&n?n.p(e,a):(n.d(1),n=s(e),n&&(n.c(),n.m(t,l)))},d(e){e&&q(t),n.d()}}}function re(e){let t,l,i,s,C,N,O,T,E,L,M,R,U,Y,A,H,D,G,K,P=e[10]&&e[20].length>0&&!e[17]&&Q(e);function Z(t){e[53](t)}let ee={classinput:"mc-autocomplete__trigger",style:"padding-left: calc(2.9375rem + var(--autocomplete-tag-width))",name:e[6],placeholder:e[2],inputtype:"text",isinvalid:e[5],disabled:e[3],size:e[4],required:e[9],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==e[30]&&(ee.value=e[30]),s=new F({props:ee}),n.push((()=>o(s,"value",Z))),s.$on("input",e[39]),s.$on("click",e[54]),s.$on("change",e[55]),s.$on("blur",e[56]);let te=e[8]&&V(),le=null!=e[30]&&""!=e[30]&&!e[3]&&W(e),ae=e[22]&&I(e),se=e[10]&&e[17]&&X(e),ne=e[10]&&e[17]&&ie(e),oe=[{class:"mc-autocomplete"},{style:H="--autocomplete-tag-width: "+e[26]+"; --autocomplete-width: "+e[0]+";"},e[23]],re={};for(let e=0;e<oe.length;e+=1)re=r(re,oe[e]);return{c(){t=c("div"),l=c("div"),P&&P.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),te&&te.c(),T=d(),le&&le.c(),E=d(),ae&&ae.c(),L=d(),se&&se.c(),M=d(),R=c("span"),U=d(),Y=c("span"),A=d(),ne&&ne.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(R,"class","mc-autocomplete__loader"),h(R,"display","none"),p(Y,"class","mc-text-input mc-autocomplete__trigger"),h(Y,"display","none"),g(t,re),$(t,"mc-autocomplete--multi",e[10])},m(n,o){a(n,t,o),f(t,l),P&&P.m(l,null),f(l,i),x(s,l,null),f(l,N),f(l,O),te&&te.m(O,null),f(O,T),le&&le.m(O,null),f(t,E),ae&&ae.m(t,null),f(t,L),se&&se.m(t,null),f(t,M),f(t,R),f(t,U),f(t,Y),f(t,A),ne&&ne.m(t,null),e[64](t),D=!0,G||(K=[b(B.call(null,t)),v(t,"outclick",e[35])],G=!0)},p(e,a){e[10]&&e[20].length>0&&!e[17]?P?(P.p(e,a),1180672&a[0]&&w(P,1)):(P=Q(e),P.c(),w(P,1),P.m(l,i)):P&&(J(),y(P,1,1,(()=>{P=null})),_());const n={};64&a[0]&&(n.name=e[6]),4&a[0]&&(n.placeholder=e[2]),32&a[0]&&(n.isinvalid=e[5]),8&a[0]&&(n.disabled=e[3]),16&a[0]&&(n.size=e[4]),512&a[0]&&(n.required=e[9]),!C&&1073741824&a[0]&&(C=!0,n.value=e[30],k((()=>C=!1))),s.$set(n),e[8]?te?256&a[0]&&w(te,1):(te=V(),te.c(),w(te,1),te.m(O,T)):te&&(J(),y(te,1,1,(()=>{te=null})),_()),null==e[30]||""==e[30]||e[3]?le&&(le.d(1),le=null):le?le.p(e,a):(le=W(e),le.c(),le.m(O,null)),e[22]?ae?(ae.p(e,a),4194304&a[0]&&w(ae,1)):(ae=I(e),ae.c(),w(ae,1),ae.m(t,L)):ae&&(J(),y(ae,1,1,(()=>{ae=null})),_()),e[10]&&e[17]?se?(se.p(e,a),132096&a[0]&&w(se,1)):(se=X(e),se.c(),w(se,1),se.m(t,M)):se&&(J(),y(se,1,1,(()=>{se=null})),_()),e[10]&&e[17]?ne?ne.p(e,a):(ne=ie(e),ne.c(),ne.m(t,null)):ne&&(ne.d(1),ne=null),g(t,re=z(oe,[{class:"mc-autocomplete"},(!D||67108865&a[0]&&H!==(H="--autocomplete-tag-width: "+e[26]+"; --autocomplete-width: "+e[0]+";"))&&{style:H},8388608&a[0]&&e[23]])),$(t,"mc-autocomplete--multi",e[10])},i(e){D||(w(P),w(s.$$.fragment,e),w(te),w(ae),w(se),D=!0)},o(e){y(P),y(s.$$.fragment,e),y(te),y(ae),y(se),D=!1},d(l){l&&q(t),P&&P.d(),j(s),te&&te.d(),le&&le.d(),ae&&ae.d(),se&&se.d(),ne&&ne.d(),e[64](null),G=!1,S(K)}}}function ce(e,t,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p,h=C(t,m),{maxwidth:g="100%"}=t,{tagid:$}=t,{taglabel:f=""}=t,{placeholder:x}=t,{filter:b=!0}=t,{nofilter:v=!1}=t,{disabled:w=!1}=t,{size:y="m"}=t,{isinvalid:_}=t,{inputvalue:k}=t,{id:z}=t,{name:q}=t,{loading:j=!1}=t,{required:S=!1}=t,{items:E}=t,{value:J}=t,{open:L=!1}=t,{multiple:M=!1}=t,{emptysearchlabel:R="No results found"}=t,{datatextexpr:B="label"}=t,{datavalueexpr:H="value"}=t,{nosort:D=!1}=t,{layertitle:F="Title layer"}=t,{showmoretagslabel:G="Show more"}=t,{maxnumbertoshowtags:K=12}=t,{alltags:P=!1}=t,{selectall:Q=!1}=t,{labelselectall:V="Select all"}=t;const W=Math.random();let I,X,Z,ee=new A(N(),O()),te="0px",le=!1,ae=[],ie=null;function se(){w||(l(20,o=M?[]:""),ne(),ee.dispatch("clear",!0))}function ne(){l(22,d=!1),M&&!D?function(){Z=i;const e=oe();Z.sort(((t,l)=>{const a=e.includes(t),i=e.includes(l);return a===i?t[H]-l[H]:a<i?1:-1})),l(31,s=Z)}():l(31,s=i)}function oe(e){const t=e||o;return i.filter((e=>M?t.includes(e[H]):t===e[H]))}function re(){l(29,ie=!0)}function ce(){l(29,ie=null)}function de(e){l(20,o=o.filter((t=>t!==e))),ee.dispatch("onchange",o)}return e.$$set=e=>{t=r(r({},t),T(e)),l(73,h=C(t,m)),"maxwidth"in e&&l(0,g=e.maxwidth),"tagid"in e&&l(1,$=e.tagid),"taglabel"in e&&l(43,f=e.taglabel),"placeholder"in e&&l(2,x=e.placeholder),"filter"in e&&l(44,b=e.filter),"nofilter"in e&&l(45,v=e.nofilter),"disabled"in e&&l(3,w=e.disabled),"size"in e&&l(4,y=e.size),"isinvalid"in e&&l(5,_=e.isinvalid),"inputvalue"in e&&l(46,k=e.inputvalue),"id"in e&&l(6,z=e.id),"name"in e&&l(7,q=e.name),"loading"in e&&l(8,j=e.loading),"required"in e&&l(9,S=e.required),"items"in e&&l(47,E=e.items),"value"in e&&l(48,J=e.value),"open"in e&&l(49,L=e.open),"multiple"in e&&l(10,M=e.multiple),"emptysearchlabel"in e&&l(11,R=e.emptysearchlabel),"datatextexpr"in e&&l(12,B=e.datatextexpr),"datavalueexpr"in e&&l(13,H=e.datavalueexpr),"nosort"in e&&l(50,D=e.nosort),"layertitle"in e&&l(14,F=e.layertitle),"showmoretagslabel"in e&&l(15,G=e.showmoretagslabel),"maxnumbertoshowtags"in e&&l(16,K=e.maxnumbertoshowtags),"alltags"in e&&l(17,P=e.alltags),"selectall"in e&&l(18,Q=e.selectall),"labelselectall"in e&&l(19,V=e.labelselectall)},e.$$.update=()=>{if(32768&e.$$.dirty[1]&&l(30,a=k),65536&e.$$.dirty[1]&&l(21,i=E?JSON.parse(E):[]),2097152&e.$$.dirty[0]&&l(31,s=i),1024&e.$$.dirty[0]|131072&e.$$.dirty[1]&&l(20,o=!J&&M?[]:J?JSON.parse(J):J),1048576&e.$$.dirty[0]|4096&e.$$.dirty[1]&&l(32,c=()=>o.length.toString()+" "+f),1048576&e.$$.dirty[0]&&async function(e){try{if(await U(),l(28,ae=oe(e)),M)l(51,X=e);else{const e=ae.map((e=>e[B]));l(30,a=e.join(", "))}}catch(e){console.error(e)}}(o),1048576&e.$$.dirty[1]&&async function(e){var t;try{await U(),l(26,te=I&&e&&e.length?`${null===(t=null==p?void 0:p.querySelector(".mc-tag-removable"))||void 0===t?void 0:t.clientWidth}px`:"0px")}catch(e){console.error(e)}}(X),262144&e.$$.dirty[1]&&l(22,d=L),4194304&e.$$.dirty[0]){const e=d?"open":"close";ee.dispatch(e,d)}l(23,u=Object.assign({},h)),8388608&e.$$.dirty[0]&&delete u.class},[g,$,x,w,y,_,z,q,j,S,M,R,B,H,F,G,K,P,Q,V,o,i,d,u,p,I,te,le,ae,ie,a,s,c,W,se,ne,function(){ee.dispatch("onchange",o),M||ne()},re,ce,function(e){const t=e.target.value;!function(e){ee.dispatch("oninput",e)}(t),function(e){!v&&b&&(e.length?l(31,s=i.filter((t=>t[B].toUpperCase().includes(e.toUpperCase())))):l(31,s=i),l(27,le=!s.length),ee.dispatch("onfilter",s))}(t)},function(){ee.dispatch("scrollend",!0)},function(e){ee.dispatch("select-all",e.detail)},de,f,b,v,k,E,J,L,D,X,function(e){n[e?"unshift":"push"]((()=>{I=e,l(25,I)}))},function(e){a=e,l(30,a),l(46,k)},()=>l(22,d=!0),function(t){Y.call(this,e,t)},function(t){Y.call(this,e,t)},()=>{l(30,a=""),l(31,s=i),l(27,le=!1),M||se()},function(e){o=e,l(20,o),l(48,J),l(10,M)},function(e){n[e?"unshift":"push"]((()=>{I=e,l(25,I)}))},e=>de(e.id),()=>re(),e=>de(e.id),()=>ce(),function(e){n[e?"unshift":"push"]((()=>{p=e,l(24,p)}))}]}class de extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:var(--autocomplete-min-width, 6rem);max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:var(--autocomplete-tag-z-index, 2)}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__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:0.75rem}.mc-autocomplete__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-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #758992;box-shadow:0 0 0 2px #758992}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__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-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete{min-width:auto}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}.mc-listbox--overlay{top:calc(100% + 4px)}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ce,re,s,{maxwidth:0,tagid:1,taglabel:43,placeholder:2,filter:44,nofilter:45,disabled:3,size:4,isinvalid:5,inputvalue:46,id:6,name:7,loading:8,required:9,items:47,value:48,open:49,multiple:10,emptysearchlabel:11,datatextexpr:12,datavalueexpr:13,nosort:50,layertitle:14,showmoretagslabel:15,maxnumbertoshowtags:16,alltags:17,selectall:18,labelselectall:19},null,[-1,-1,-1]),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","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[43]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get filter(){return this.$$.ctx[44]}set filter(e){this.$$set({filter:e}),i()}get nofilter(){return this.$$.ctx[45]}set nofilter(e){this.$$set({nofilter: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 isinvalid(){return this.$$.ctx[5]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get inputvalue(){return this.$$.ctx[46]}set inputvalue(e){this.$$set({inputvalue:e}),i()}get id(){return this.$$.ctx[6]}set id(e){this.$$set({id:e}),i()}get name(){return this.$$.ctx[7]}set name(e){this.$$set({name:e}),i()}get loading(){return this.$$.ctx[8]}set loading(e){this.$$set({loading:e}),i()}get required(){return this.$$.ctx[9]}set required(e){this.$$set({required:e}),i()}get items(){return this.$$.ctx[47]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[48]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[49]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[10]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[11]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[12]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[13]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[50]}set nosort(e){this.$$set({nosort: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{de as default};
 //# sourceMappingURL=Autocomplete.js.map

package/public/adeo/components/autocomplete/Autocomplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Autocomplete.js","sources":["../../../../src/components/autocomplete/Autocomplete.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 { TextInputSize } from '../textinput/textinput.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.nested.svelte';\n import TextInput from '../textinput/Textinput.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: string;\n export let filter = true;\n export let nofilter = false;\n export let disabled = false;\n export let size: TextInputSize = 'm';\n export let isinvalid: boolean;\n export let inputvalue: string;\n export let id: string;\n export let name: string;\n export let loading = false;\n export let required = false;\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 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 sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\n $: localInputValue = inputvalue;\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\n function clearListbox() {\n if (!disabled) {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\n }\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?: string) {\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 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 openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\n }\n\n function handleInputValue(value: any) {\n eventHandler.dispatch('oninput', value);\n }\n\n function filterListbox(value: any) {\n if (nofilter \|\| !filter) {\n return;\n }\n\n if (value.length) {\n localItems = parsedItems.filter((item: any) =>\n item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n );\n } else {\n localItems = parsedItems;\n }\n\n isfiltered = !localItems.length;\n\n eventHandler.dispatch('onfilter', localItems);\n }\n\n function onInput(e: Event) {\n const value = (e.target as HTMLInputElement).value;\n handleInputValue(value);\n filterListbox(value);\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 function removeTagSelected(itemSelectedId: any) {\n listboxValue = listboxValue.filter(\n (value: any) => value !== itemSelectedId,\n );\n eventHandler.dispatch('onchange', listboxValue);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n try {\n await tick();\n selectedItems = getSelectedItems(value);\n if (!multiple) {\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n localInputValue = seletedLabels.join(', ');\n } else {\n tagValue = value;\n }\n } catch (e) {\n console.error(e);\n }\n }\n\n async function setTagWidth(tagValue: any) {\n try {\n await tick();\n\n tagWidth =\n tag && tagValue && tagValue.length\n ? `${component?.querySelector('.mc-tag-removable')?.clientWidth}px`\n : '0px';\n } catch (e) {\n console.error(e);\n }\n }\n</script>\n\n<div\n class=\"mc-autocomplete\"\n class:mc-autocomplete--multi={multiple}\n style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n bind:this={component}\n>\n <div class=\"mc-autocomplete__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <div class=\"mc-autocomplete__tag\">\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n </div>\n {/if}\n\n <!-- TEXT INPUT -->\n <TextInput\n classinput=\"mc-autocomplete__trigger\"\n name={id}\n bind:value={localInputValue}\n {placeholder}\n inputtype=\"text\"\n {isinvalid}\n {disabled}\n {size}\n {required}\n iconname=\"navigation-display-search-24px\"\n rightalign={false}\n isvalid={false}\n min=\"\"\n max=\"\"\n on:input={onInput}\n on:click={() => (openState = true)}\n on:change\n on:blur\n />\n\n <div class=\"mc-autocomplete__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader\n size=\"s\"\n theme=\"primary\"\n text=\"\"\n class=\"mc-autocomplete__loader\"\n />\n {/if}\n\n <!-- CLEAR BUTTON -->\n {#if localInputValue != null && localInputValue != '' && !disabled}\n <button\n class=\"mc-autocomplete__clear\"\n type=\"button\"\n on:click\|stopPropagation={() => {\n localInputValue = '';\n localItems = parsedItems;\n isfiltered = false;\n if (!multiple) {\n clearListbox();\n }\n }}\n >\n <navigation-control-tag--cross-24px />\n <span class=\"mc-autocomplete__clear-text\">Clear</span>\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={maxwidth}\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 {#if disabled}\n <Tag\n id={selectedItem.id \|\| ''}\n label={selectedItem.label}\n size=\"s\"\n type=\"link\"\n dark={true}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n />\n {:else}\n <Tag\n id={selectedItem.id \|\| ''}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n bind:this={tag}\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/if}\n {/each}\n {#if listboxValue.length > maxnumbertoshowtags}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n <Tag\n id=\"id-tag\"\n label=\"({listboxValue.length}) {showmoretagslabel} \"\n size=\"s\"\n type=\"link\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n />\n </div>\n {/if}\n </div>\n {/if}\n\n <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\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 {#if disabled}\n <m-tag\n type=\"text\"\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n />\n {:else}\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 {/if}\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.autocomplete';\n\n // Autocomplete\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-autocomplete {\n min-width: auto;\n\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-autocomplete__trigger {\n padding-left: calc(\n 2.9375rem + var(--autocomplete-tag-width)\n ) !important;\n }\n }\n }\n\n // Selected Tags\n .tags-selected {\n display: flex;\n position: absolute;\n flex-wrap: wrap;\n }\n\n .tag-selected {\n margin-top: 1em;\n margin-left: 5px;\n margin-right: 5px;\n }\n\n // Listbox\n .mc-listbox {\n &--overlay {\n top: calc(100% + 4px);\n }\n }\n</style>\n"],"names":["ctx","insert","target","div","anchor","button","JSON","stringify","length","i","create_if_block_3","each_blocks","id","label","dirty","tag_1_changes","if_block","create_if_block_4","div1","append","m_layer","small","div0","set_custom_element_data","m_tag","m_tag_id_value","m_tag_label_value","create_if_block_1","if_block0","create_if_block_9","create_if_block_8","if_block2","create_if_block_7","create_if_block_6","if_block4","create_if_block_2","if_block5","create_if_block","style","div2_style_value","div2","span0","span1","current","component","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","e","console","error","watchListboxValue","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}
1	+ {"version":3,"file":"Autocomplete.js","sources":["../../../../src/components/autocomplete/Autocomplete.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 { TextInputSize } from '../textinput/textinput.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.nested.svelte';\n import TextInput from '../textinput/Textinput.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: string;\n export let filter = true;\n export let nofilter = false;\n export let disabled = false;\n export let size: TextInputSize = 'm';\n export let isinvalid: boolean;\n export let inputvalue: string;\n export let id: string;\n export let name: string;\n export let loading = false;\n export let required = false;\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 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 sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\n $: localInputValue = inputvalue;\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\n function clearListbox() {\n if (!disabled) {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\n }\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?: string) {\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 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 openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\n }\n\n function handleInputValue(value: any) {\n eventHandler.dispatch('oninput', value);\n }\n\n function filterListbox(value: any) {\n if (nofilter \|\| !filter) {\n return;\n }\n\n if (value.length) {\n localItems = parsedItems.filter((item: any) =>\n item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n );\n } else {\n localItems = parsedItems;\n }\n\n isfiltered = !localItems.length;\n\n eventHandler.dispatch('onfilter', localItems);\n }\n\n function onInput(e: Event) {\n const value = (e.target as HTMLInputElement).value;\n handleInputValue(value);\n filterListbox(value);\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 function removeTagSelected(itemSelectedId: any) {\n listboxValue = listboxValue.filter(\n (value: any) => value !== itemSelectedId,\n );\n eventHandler.dispatch('onchange', listboxValue);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n try {\n await tick();\n selectedItems = getSelectedItems(value);\n if (!multiple) {\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n localInputValue = seletedLabels.join(', ');\n } else {\n tagValue = value;\n }\n } catch (e) {\n console.error(e);\n }\n }\n\n async function setTagWidth(tagValue: any) {\n try {\n await tick();\n\n tagWidth =\n tag && tagValue && tagValue.length\n ? `${component?.querySelector('.mc-tag-removable')?.clientWidth}px`\n : '0px';\n } catch (e) {\n console.error(e);\n }\n }\n</script>\n\n<div\n class=\"mc-autocomplete\"\n class:mc-autocomplete--multi={multiple}\n style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n bind:this={component}\n>\n <div class=\"mc-autocomplete__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <div class=\"mc-autocomplete__tag\">\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n </div>\n {/if}\n\n <!-- TEXT INPUT -->\n <TextInput\n classinput=\"mc-autocomplete__trigger\"\n style=\"padding-left: calc(2.9375rem + var(--autocomplete-tag-width))\"\n name={id}\n bind:value={localInputValue}\n {placeholder}\n inputtype=\"text\"\n {isinvalid}\n {disabled}\n {size}\n {required}\n iconname=\"navigation-display-search-24px\"\n rightalign={false}\n isvalid={false}\n min=\"\"\n max=\"\"\n on:input={onInput}\n on:click={() => (openState = true)}\n on:change\n on:blur\n />\n\n <div class=\"mc-autocomplete__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader\n size=\"s\"\n theme=\"primary\"\n text=\"\"\n class=\"mc-autocomplete__loader\"\n />\n {/if}\n\n <!-- CLEAR BUTTON -->\n {#if localInputValue != null && localInputValue != '' && !disabled}\n <button\n class=\"mc-autocomplete__clear\"\n type=\"button\"\n on:click\|stopPropagation={() => {\n localInputValue = '';\n localItems = parsedItems;\n isfiltered = false;\n if (!multiple) {\n clearListbox();\n }\n }}\n >\n <navigation-control-tag--cross-24px />\n <span class=\"mc-autocomplete__clear-text\">Clear</span>\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={maxwidth}\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 {#if disabled}\n <Tag\n id={selectedItem.id \|\| ''}\n label={selectedItem.label}\n size=\"s\"\n type=\"link\"\n dark={true}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n />\n {:else}\n <Tag\n id={selectedItem.id \|\| ''}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n bind:this={tag}\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/if}\n {/each}\n {#if listboxValue.length > maxnumbertoshowtags}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n <Tag\n id=\"id-tag\"\n label=\"({listboxValue.length}) {showmoretagslabel} \"\n size=\"s\"\n type=\"link\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n />\n </div>\n {/if}\n </div>\n {/if}\n\n <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\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 {#if disabled}\n <m-tag\n type=\"text\"\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n />\n {:else}\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 {/if}\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.autocomplete';\n\n // Autocomplete\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-autocomplete {\n min-width: auto;\n\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-autocomplete__trigger {\n padding-left: calc(\n 2.9375rem + var(--autocomplete-tag-width)\n ) !important;\n }\n }\n }\n\n // Selected Tags\n .tags-selected {\n display: flex;\n position: absolute;\n flex-wrap: wrap;\n }\n\n .tag-selected {\n margin-top: 1em;\n margin-left: 5px;\n margin-right: 5px;\n }\n\n // Listbox\n .mc-listbox {\n &--overlay {\n top: calc(100% + 4px);\n }\n }\n</style>\n"],"names":["ctx","insert","target","div","anchor","button","JSON","stringify","length","i","create_if_block_3","each_blocks","id","label","dirty","tag_1_changes","if_block","create_if_block_4","div1","append","m_layer","small","div0","set_custom_element_data","m_tag","m_tag_id_value","m_tag_label_value","create_if_block_1","if_block0","create_if_block_9","create_if_block_8","if_block2","create_if_block_7","create_if_block_6","if_block4","create_if_block_2","if_block5","create_if_block","style","div2_style_value","div2","span0","span1","current","component","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","e","console","error","watchListboxValue","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}

package/public/adeo/components/autocomplete/Autocomplete.svelte CHANGED Viewed

@@ -247,6 +247,7 @@
     <!-- TEXT INPUT -->
     <TextInput
       classinput="mc-autocomplete__trigger"
+      style="padding-left: calc(2.9375rem + var(--autocomplete-tag-width))"
       name={id}
       bind:value={localInputValue}
       {placeholder}

package/public/adeo/components/tag/Tag.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as o,b as a,f as i,s,d as r,T as n,n as m,m as l,o as b,q as d,r as p,c as w,u as h,e as c,v as x,h as f,j as g,k,y as u,l as v,N as y,x as _,a3 as z,P as $}from"../../index-c222d0b7.js";import{E as R}from"../../EventHandler-f7ee47ca.js";import{c as E}from"../../EventForward-c4c8cd29.js";function C(e){let t,o,i,s,r,n=[{class:r=j(e[3],e[2],e[1])+" "+e[10]},e[8]],m={};for(let e=0;e<n.length;e+=1)m=w(m,n[e]);return{c(){t=c("span"),o=c("span"),i=x(e[0]),f(o,"class",s=N(e[3],"label")),g(t,m)},m(e,s){a(e,t,s),k(t,o),k(o,i)},p(e,a){1&a&&u(i,e[0]),8&a&&s!==(s=N(e[3],"label"))&&f(o,"class",s),g(t,m=v(n,[1038&a&&r!==(r=j(e[3],e[2],e[1])+" "+e[10])&&{class:r},256&a&&e[8]]))},d(e){e&&l(t)}}}function L(e){let t,o,i,s,r,n=[{href:e[6]},{class:r=j(e[3],e[2],e[1])+" "+e[10]},e[8]],m={};for(let e=0;e<n.length;e+=1)m=w(m,n[e]);return{c(){t=c("a"),o=c("span"),i=x(e[0]),f(o,"class",s=N(e[3],"label")),g(t,m)},m(e,s){a(e,t,s),k(t,o),k(o,i)},p(e,a){1&a&&u(i,e[0]),8&a&&s!==(s=N(e[3],"label"))&&f(o,"class",s),g(t,m=v(n,[64&a&&{href:e[6]},1038&a&&r!==(r=j(e[3],e[2],e[1])+" "+e[10])&&{class:r},256&a&&e[8]]))},d(e){e&&l(t)}}}function A(e){let t,o,i,s,n,m,b,d,p,h,R,E,C=[{class:h=j(e[3],e[2],e[1])+" "+e[10]},e[8]],L={};for(let e=0;e<C.length;e+=1)L=w(L,C[e]);return{c(){t=c("span"),o=c("input"),s=r(),n=c("label"),m=c("span"),b=x(e[0]),f(o,"class",i=N(e[3],"input")),f(o,"type","checkbox"),f(o,"name",e[7]),f(o,"id",e[5]),o.disabled=e[4],f(m,"class",d=N(e[3],"label")),f(n,"class",p=N(e[3],"pill")),f(n,"for",e[5]),g(t,L)},m(i,r){a(i,t,r),k(t,o),o.checked=e[9],k(t,s),k(t,n),k(n,m),k(m,b),R||(E=[y(e[11].call(null,o)),_(o,"change",e[16]),_(t,"click",z(e[12]))],R=!0)},p(e,a){8&a&&i!==(i=N(e[3],"input"))&&f(o,"class",i),128&a&&f(o,"name",e[7]),32&a&&f(o,"id",e[5]),16&a&&(o.disabled=e[4]),512&a&&(o.checked=e[9]),1&a&&u(b,e[0]),8&a&&d!==(d=N(e[3],"label"))&&f(m,"class",d),8&a&&p!==(p=N(e[3],"pill"))&&f(n,"class",p),32&a&&f(n,"for",e[5]),g(t,L=v(C,[1038&a&&h!==(h=j(e[3],e[2],e[1])+" "+e[10])&&{class:h},256&a&&e[8]]))},d(e){e&&l(t),R=!1,$(E)}}}function B(e){let t,o,i,s,n,m,b,d,p,h,y,$,R,E=[{class:y=j(e[3],e[2],e[1])+" "+e[10]},e[8]],C={};for(let e=0;e<E.length;e+=1)C=w(C,E[e]);return{c(){t=c("span"),o=c("span"),i=x(e[0]),n=r(),m=c("button"),b=c("span"),d=x(e[0]),f(o,"class",s=N(e[3],"label")),f(b,"class",p=N(e[3],"remove-text")),f(m,"class",h=N(e[3],"remove")),g(t,C)},m(s,r){a(s,t,r),k(t,o),k(o,i),k(t,n),k(t,m),k(m,b),k(b,d),$||(R=_(m,"click",z(e[13])),$=!0)},p(e,a){1&a&&u(i,e[0]),8&a&&s!==(s=N(e[3],"label"))&&f(o,"class",s),1&a&&u(d,e[0]),8&a&&p!==(p=N(e[3],"remove-text"))&&f(b,"class",p),8&a&&h!==(h=N(e[3],"remove"))&&f(m,"class",h),g(t,C=v(E,[1038&a&&y!==(y=j(e[3],e[2],e[1])+" "+e[10])&&{class:y},256&a&&e[8]]))},d(e){e&&l(t),$=!1,R()}}}function M(e){let t,o,i,s,b="text"===e[3]&&C(e),d="link"===e[3]&&L(e),p="selectable"===e[3]&&A(e),w="removable"===e[3]&&B(e);return{c(){b&&b.c(),t=r(),d&&d.c(),o=r(),p&&p.c(),i=r(),w&&w.c(),s=n(),this.c=m},m(e,r){b&&b.m(e,r),a(e,t,r),d&&d.m(e,r),a(e,o,r),p&&p.m(e,r),a(e,i,r),w&&w.m(e,r),a(e,s,r)},p(e,[a]){"text"===e[3]?b?b.p(e,a):(b=C(e),b.c(),b.m(t.parentNode,t)):b&&(b.d(1),b=null),"link"===e[3]?d?d.p(e,a):(d=L(e),d.c(),d.m(o.parentNode,o)):d&&(d.d(1),d=null),"selectable"===e[3]?p?p.p(e,a):(p=A(e),p.c(),p.m(i.parentNode,i)):p&&(p.d(1),p=null),"removable"===e[3]?w?w.p(e,a):(w=B(e),w.c(),w.m(s.parentNode,s)):w&&(w.d(1),w=null)},i:m,o:m,d(e){b&&b.d(e),e&&l(t),d&&d.d(e),e&&l(o),p&&p.d(e),e&&l(i),w&&w.d(e),e&&l(s)}}}function j(e,t,o){const a=[`mc-tag-${e}`];return o&&a.push(`mc-tag-${e}--${o}`),t&&a.push(`mc-tag-${e}--dark`),a.join(" ")}function N(e,t){return`mc-tag-${e}__${t}`}function q(e,t,o){let a,i,s;const r=["label","size","dark","type","disabled","id","href","name","value","selected"];let n=b(t,r),{label:m}=t,{size:l="m"}=t,{dark:c}=t,{type:x="text"}=t,{disabled:f}=t,{id:g}=t,{href:k}=t,{name:u}=t,{value:v}=t,{selected:y=!1}=t;const _=E(d());let z=new R(d(),p());return e.$$set=e=>{o(19,t=w(w({},t),h(e))),o(18,n=b(t,r)),"label"in e&&o(0,m=e.label),"size"in e&&o(1,l=e.size),"dark"in e&&o(2,c=e.dark),"type"in e&&o(3,x=e.type),"disabled"in e&&o(4,f=e.disabled),"id"in e&&o(5,g=e.id),"href"in e&&o(6,k=e.href),"name"in e&&o(7,u=e.name),"value"in e&&o(14,v=e.value),"selected"in e&&o(15,y=e.selected)},e.$$.update=()=>{32768&e.$$.dirty&&o(9,a=!!y),o(10,i=t.class),o(8,s=Object.assign({},n)),256&e.$$.dirty&&delete s.class},t=h(t),[m,l,c,x,f,g,k,u,s,a,i,_,function(){o(9,a=!a),z.dispatch("tag-selected",a)},function(){z.dispatch("tag-removed",{id:g,label:m,value:v})},v,y,function(){a=this.checked,o(9,a),o(15,y)}]}class F extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-tag-text{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:#ffffff;color:#191919;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080}.mc-tag-text::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-text--s{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-text--dark{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080;color:#191919}.mc-tag-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link:hover{background:#e6e6e6}.mc-tag-link:active{background:#cccccc}.mc-tag-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;-webkit-box-shadow:0 0 0 0.125rem #758992;box-shadow:0 0 0 0.125rem #758992}.mc-tag-link--s{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--dark{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link--dark:hover{background:#333333}.mc-tag-link--dark:active{background:#4d4d4d}.mc-tag-selectable{display:inline-block;white-space:nowrap}.mc-tag-selectable__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-tag-selectable__input:checked+.mc-tag-selectable__pill{background:#007f8c;-webkit-box-shadow:inset 0 0 0 1px #007f8c;box-shadow:inset 0 0 0 1px #007f8c;color:#ffffff}.mc-tag-selectable__input:checked+.mc-tag-selectable__pill:hover{background:#006974;-webkit-box-shadow:inset 0 0 0 1px #006974;box-shadow:inset 0 0 0 1px #006974}.mc-tag-selectable__input:focus+.mc-tag-selectable__pill::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;-webkit-box-shadow:0 0 0 0.125rem #758992;box-shadow:0 0 0 0.125rem #758992}.mc-tag-selectable__input:disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#e6e6e6;color:#808080}.mc-tag-selectable__label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-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;background:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080;color:#191919;cursor:pointer}.mc-tag-selectable__pill::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable__pill:hover{background:#48bac4}.mc-tag-selectable__pill:active{background:#004e57;-webkit-box-shadow:inset 0 0 0 1px #004e57;box-shadow:inset 0 0 0 1px #004e57;color:#ffffff}.mc-tag-selectable--dark .mc-tag-selectable__pill{background:#191919;color:#ffffff;cursor:pointer}.mc-tag-selectable--dark .mc-tag-selectable__pill:hover{background:#006974}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#91d5db;-webkit-box-shadow:inset 0 0 0 1px #91d5db;box-shadow:inset 0 0 0 1px #91d5db;color:#191919}.mc-tag-selectable--dark .mc-tag-selectable__input:checked+.mc-tag-selectable__pill{background:#009eac;-webkit-box-shadow:inset 0 0 0 1px #009eac;box-shadow:inset 0 0 0 1px #009eac;color:#191919}.mc-tag-selectable--dark .mc-tag-selectable__input:checked+.mc-tag-selectable__pill:hover{background:#48bac4}.mc-tag-selectable--dark .mc-tag-selectable__input:disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#4d4d4d;color:#808080}.mc-tag-selectable--s .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s .mc-tag-selectable__pill::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m .mc-tag-selectable__pill::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0;background-color:#333333;color:#ffffff}.mc-tag-removable::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}.mc-tag-removable--dark{background-color:#cccccc;color:#191919}.mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable__remove{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E");position:relative;background-color:#333333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove::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;border-radius:50%;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable__remove-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-tag-removable__remove:hover{background-color:#4d4d4d}.mc-tag-removable__remove:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;-webkit-box-shadow:0 0 0 0.125rem #758992;box-shadow:0 0 0 0.125rem #758992}.mc-tag-removable__remove:active{background-color:#666666}.mc-tag-removable--dark .mc-tag-removable__remove{background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23191919\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E");background-color:#cccccc}.mc-tag-removable--dark .mc-tag-removable__remove:hover{background-color:#b3b3b3}.mc-tag-removable--dark .mc-tag-removable__remove:active{background-color:#999999}.mc-tag-list{list-style:none;margin-left:0;padding-left:0;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-tag-list__item{margin:0 1rem 1rem 0}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-m::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-m{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-m::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-m{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-m{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-l::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-l{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-l::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-l{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-l{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xl::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-xl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xl::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xxl::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-xxl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xxl::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xxl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xxl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}',this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:o(this.attributes),customElement:!0},q,M,s,{label:0,size:1,dark:2,type:3,disabled:4,id:5,href:6,name:7,value:14,selected:15},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["label","size","dark","type","disabled","id","href","name","value","selected"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),i()}get size(){return this.$$.ctx[1]}set size(e){this.$$set({size:e}),i()}get dark(){return this.$$.ctx[2]}set dark(e){this.$$set({dark:e}),i()}get type(){return this.$$.ctx[3]}set type(e){this.$$set({type:e}),i()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),i()}get id(){return this.$$.ctx[5]}set id(e){this.$$set({id:e}),i()}get href(){return this.$$.ctx[6]}set href(e){this.$$set({href:e}),i()}get name(){return this.$$.ctx[7]}set name(e){this.$$set({name:e}),i()}get value(){return this.$$.ctx[14]}set value(e){this.$$set({value:e}),i()}get selected(){return this.$$.ctx[15]}set selected(e){this.$$set({selected:e}),i()}}export{F as default};
+import{S as e,i as t,a as o,b as a,f as i,s,d as r,T as n,n as m,m as l,o as b,q as d,r as p,c as w,u as h,e as c,v as x,h as f,j as g,k,y as u,l as v,x as y,Q as _}from"../../index-c222d0b7.js";import{E as z}from"../../EventHandler-f7ee47ca.js";function $(e){let t,o,i,s,r,n=[{class:r=A(e[3],e[2],e[1])+" "+e[10]},e[8]],m={};for(let e=0;e<n.length;e+=1)m=w(m,n[e]);return{c(){t=c("span"),o=c("span"),i=x(e[0]),f(o,"class",s=B(e[3],"label")),g(t,m)},m(e,s){a(e,t,s),k(t,o),k(o,i)},p(e,a){1&a&&u(i,e[0]),8&a&&s!==(s=B(e[3],"label"))&&f(o,"class",s),g(t,m=v(n,[1038&a&&r!==(r=A(e[3],e[2],e[1])+" "+e[10])&&{class:r},256&a&&e[8]]))},d(e){e&&l(t)}}}function R(e){let t,o,i,s,r,n,m,b=[{href:e[6]},{class:r=A(e[3],e[2],e[1])+" "+e[10]},e[8]],d={};for(let e=0;e<b.length;e+=1)d=w(d,b[e]);return{c(){t=c("a"),o=c("span"),i=x(e[0]),f(o,"class",s=B(e[3],"label")),g(t,d)},m(s,r){a(s,t,r),k(t,o),k(o,i),n||(m=y(t,"click",_(e[11])),n=!0)},p(e,a){1&a&&u(i,e[0]),8&a&&s!==(s=B(e[3],"label"))&&f(o,"class",s),g(t,d=v(b,[64&a&&{href:e[6]},1038&a&&r!==(r=A(e[3],e[2],e[1])+" "+e[10])&&{class:r},256&a&&e[8]]))},d(e){e&&l(t),n=!1,m()}}}function E(e){let t,o,i,s,n,m,b,d,p,h,z,$,R=[{class:h=A(e[3],e[2],e[1])+" "+e[10]},e[8]],E={};for(let e=0;e<R.length;e+=1)E=w(E,R[e]);return{c(){t=c("span"),o=c("input"),s=r(),n=c("label"),m=c("span"),b=x(e[0]),f(o,"class",i=B(e[3],"input")),f(o,"type","checkbox"),f(o,"name",e[7]),o.checked=e[9],f(o,"id",e[5]),o.disabled=e[4],f(m,"class",d=B(e[3],"label")),f(n,"class",p=B(e[3],"pill")),f(n,"for",e[5]),g(t,E)},m(i,r){a(i,t,r),k(t,o),k(t,s),k(t,n),k(n,m),k(m,b),z||($=y(t,"click",_(e[11])),z=!0)},p(e,a){8&a&&i!==(i=B(e[3],"input"))&&f(o,"class",i),128&a&&f(o,"name",e[7]),512&a&&(o.checked=e[9]),32&a&&f(o,"id",e[5]),16&a&&(o.disabled=e[4]),1&a&&u(b,e[0]),8&a&&d!==(d=B(e[3],"label"))&&f(m,"class",d),8&a&&p!==(p=B(e[3],"pill"))&&f(n,"class",p),32&a&&f(n,"for",e[5]),g(t,E=v(R,[1038&a&&h!==(h=A(e[3],e[2],e[1])+" "+e[10])&&{class:h},256&a&&e[8]]))},d(e){e&&l(t),z=!1,$()}}}function C(e){let t,o,i,s,n,m,b,d,p,h,z,$,R,E=[{class:z=A(e[3],e[2],e[1])+" "+e[10]},e[8]],C={};for(let e=0;e<E.length;e+=1)C=w(C,E[e]);return{c(){t=c("span"),o=c("span"),i=x(e[0]),n=r(),m=c("button"),b=c("span"),d=x(e[0]),f(o,"class",s=B(e[3],"label")),f(b,"class",p=B(e[3],"remove-text")),f(m,"class",h=B(e[3],"remove")),g(t,C)},m(s,r){a(s,t,r),k(t,o),k(o,i),k(t,n),k(t,m),k(m,b),k(b,d),$||(R=y(m,"click",_(e[12])),$=!0)},p(e,a){1&a&&u(i,e[0]),8&a&&s!==(s=B(e[3],"label"))&&f(o,"class",s),1&a&&u(d,e[0]),8&a&&p!==(p=B(e[3],"remove-text"))&&f(b,"class",p),8&a&&h!==(h=B(e[3],"remove"))&&f(m,"class",h),g(t,C=v(E,[1038&a&&z!==(z=A(e[3],e[2],e[1])+" "+e[10])&&{class:z},256&a&&e[8]]))},d(e){e&&l(t),$=!1,R()}}}function L(e){let t,o,i,s,b="text"===e[3]&&$(e),d="link"===e[3]&&R(e),p="selectable"===e[3]&&E(e),w="removable"===e[3]&&C(e);return{c(){b&&b.c(),t=r(),d&&d.c(),o=r(),p&&p.c(),i=r(),w&&w.c(),s=n(),this.c=m},m(e,r){b&&b.m(e,r),a(e,t,r),d&&d.m(e,r),a(e,o,r),p&&p.m(e,r),a(e,i,r),w&&w.m(e,r),a(e,s,r)},p(e,[a]){"text"===e[3]?b?b.p(e,a):(b=$(e),b.c(),b.m(t.parentNode,t)):b&&(b.d(1),b=null),"link"===e[3]?d?d.p(e,a):(d=R(e),d.c(),d.m(o.parentNode,o)):d&&(d.d(1),d=null),"selectable"===e[3]?p?p.p(e,a):(p=E(e),p.c(),p.m(i.parentNode,i)):p&&(p.d(1),p=null),"removable"===e[3]?w?w.p(e,a):(w=C(e),w.c(),w.m(s.parentNode,s)):w&&(w.d(1),w=null)},i:m,o:m,d(e){b&&b.d(e),e&&l(t),d&&d.d(e),e&&l(o),p&&p.d(e),e&&l(i),w&&w.d(e),e&&l(s)}}}function A(e,t,o){const a=[`mc-tag-${e}`];return o&&a.push(`mc-tag-${e}--${o}`),t&&a.push(`mc-tag-${e}--dark`),a.join(" ")}function B(e,t){return`mc-tag-${e}__${t}`}function M(e,t,o){let a,i,s;const r=["label","size","dark","type","disabled","id","value","href","name","selected"];let n=b(t,r),{label:m}=t,{size:l="m"}=t,{dark:c}=t,{type:x="text"}=t,{disabled:f}=t,{id:g}=t,{value:k}=t,{href:u}=t,{name:v}=t,{selected:y=!1}=t,_=new z(d(),p());return e.$$set=e=>{o(17,t=w(w({},t),h(e))),o(16,n=b(t,r)),"label"in e&&o(0,m=e.label),"size"in e&&o(1,l=e.size),"dark"in e&&o(2,c=e.dark),"type"in e&&o(3,x=e.type),"disabled"in e&&o(4,f=e.disabled),"id"in e&&o(5,g=e.id),"value"in e&&o(13,k=e.value),"href"in e&&o(6,u=e.href),"name"in e&&o(7,v=e.name),"selected"in e&&o(14,y=e.selected)},e.$$.update=()=>{16384&e.$$.dirty&&o(9,a=!!y),o(10,i=t.class),o(8,s=Object.assign({},n)),256&e.$$.dirty&&delete s.class},t=h(t),[m,l,c,x,f,g,u,v,s,a,i,function(){o(9,a=!a),_.dispatch("tag-selected",a)},function(){_.dispatch("tag-removed",{id:g,label:m,value:k})},k,y]}class j extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-tag-text{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:#ffffff;color:#191919;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080}.mc-tag-text::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-text--s{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-text--dark{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080;color:#191919}.mc-tag-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link:hover{background:#e6e6e6}.mc-tag-link:active{background:#cccccc}.mc-tag-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;-webkit-box-shadow:0 0 0 0.125rem #758992;box-shadow:0 0 0 0.125rem #758992}.mc-tag-link--s{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--dark{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link--dark:hover{background:#333333}.mc-tag-link--dark:active{background:#4d4d4d}.mc-tag-selectable{display:inline-block;white-space:nowrap}.mc-tag-selectable__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-tag-selectable__input:checked+.mc-tag-selectable__pill{background:#007f8c;-webkit-box-shadow:inset 0 0 0 1px #007f8c;box-shadow:inset 0 0 0 1px #007f8c;color:#ffffff}.mc-tag-selectable__input:checked+.mc-tag-selectable__pill:hover{background:#006974;-webkit-box-shadow:inset 0 0 0 1px #006974;box-shadow:inset 0 0 0 1px #006974}.mc-tag-selectable__input:focus+.mc-tag-selectable__pill::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;-webkit-box-shadow:0 0 0 0.125rem #758992;box-shadow:0 0 0 0.125rem #758992}.mc-tag-selectable__input:disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#e6e6e6;color:#808080}.mc-tag-selectable__label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-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;background:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080;color:#191919;cursor:pointer}.mc-tag-selectable__pill::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable__pill:hover{background:#48bac4}.mc-tag-selectable__pill:active{background:#004e57;-webkit-box-shadow:inset 0 0 0 1px #004e57;box-shadow:inset 0 0 0 1px #004e57;color:#ffffff}.mc-tag-selectable--dark .mc-tag-selectable__pill{background:#191919;color:#ffffff;cursor:pointer}.mc-tag-selectable--dark .mc-tag-selectable__pill:hover{background:#006974}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#91d5db;-webkit-box-shadow:inset 0 0 0 1px #91d5db;box-shadow:inset 0 0 0 1px #91d5db;color:#191919}.mc-tag-selectable--dark .mc-tag-selectable__input:checked+.mc-tag-selectable__pill{background:#009eac;-webkit-box-shadow:inset 0 0 0 1px #009eac;box-shadow:inset 0 0 0 1px #009eac;color:#191919}.mc-tag-selectable--dark .mc-tag-selectable__input:checked+.mc-tag-selectable__pill:hover{background:#48bac4}.mc-tag-selectable--dark .mc-tag-selectable__input:disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#4d4d4d;color:#808080}.mc-tag-selectable--s .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s .mc-tag-selectable__pill::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m .mc-tag-selectable__pill::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0;background-color:#333333;color:#ffffff}.mc-tag-removable::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}.mc-tag-removable--dark{background-color:#cccccc;color:#191919}.mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable__remove{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E");position:relative;background-color:#333333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove::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;border-radius:50%;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable__remove-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-tag-removable__remove:hover{background-color:#4d4d4d}.mc-tag-removable__remove:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;-webkit-box-shadow:0 0 0 0.125rem #758992;box-shadow:0 0 0 0.125rem #758992}.mc-tag-removable__remove:active{background-color:#666666}.mc-tag-removable--dark .mc-tag-removable__remove{background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23191919\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E");background-color:#cccccc}.mc-tag-removable--dark .mc-tag-removable__remove:hover{background-color:#b3b3b3}.mc-tag-removable--dark .mc-tag-removable__remove:active{background-color:#999999}.mc-tag-list{list-style:none;margin-left:0;padding-left:0;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-tag-list__item{margin:0 1rem 1rem 0}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-m::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-m{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-m::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-m{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-m{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-l::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-l{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-l::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-l{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-l{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xl::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-xl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xl::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xxl::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-xxl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xxl::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xxl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl::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;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xxl{font-family:"Roboto", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl::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;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}',this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:o(this.attributes),customElement:!0},M,L,s,{label:0,size:1,dark:2,type:3,disabled:4,id:5,value:13,href:6,name:7,selected:14},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["label","size","dark","type","disabled","id","value","href","name","selected"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),i()}get size(){return this.$$.ctx[1]}set size(e){this.$$set({size:e}),i()}get dark(){return this.$$.ctx[2]}set dark(e){this.$$set({dark:e}),i()}get type(){return this.$$.ctx[3]}set type(e){this.$$set({type:e}),i()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),i()}get id(){return this.$$.ctx[5]}set id(e){this.$$set({id:e}),i()}get value(){return this.$$.ctx[13]}set value(e){this.$$set({value:e}),i()}get href(){return this.$$.ctx[6]}set href(e){this.$$set({href:e}),i()}get name(){return this.$$.ctx[7]}set name(e){this.$$set({name:e}),i()}get selected(){return this.$$.ctx[14]}set selected(e){this.$$set({selected:e}),i()}}export{j as default};
 //# sourceMappingURL=Tag.js.map

package/public/adeo/components/tag/Tag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import type { TagSize, TagType } from './tag.types';\n import { EventHandler } from '../../utilities/EventHandler';\n ~~import { createEventForwarder } from '../../utilities/EventForward';\n~~\n export let label: string;\n export let size: TagSize = 'm';\n export let dark: boolean;\n export let type: TagType = 'text';\n export let disabled: boolean;\n export let id: string;\n export let ~~href~~: string;\n export let ~~name~~: string;\n export let ~~value~~: string \| undefined;\n export let selected = false;\n ~~const forwardEvents = createEventForwarder(get_current_component());\n~~\n $: isSelected = selected ? true : false;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n function getClasses(type: TagType, dark: boolean, size: TagSize) {\n const classes = [`mc-tag-${type}`];\n\n if (size) {\n classes.push(`mc-tag-${type}--${size}`);\n }\n\n if (dark) {\n classes.push(`mc-tag-${type}--dark`);\n }\n\n return classes.join(' ');\n }\n\n function getSubClasses(type: TagType, element: string) {\n return `mc-tag-${type}__${element}`;\n }\n\n function onSelect(): void {\n isSelected = !isSelected;\n eventHandler.dispatch('tag-selected', isSelected);\n }\n\n function onRemoved(): void {\n eventHandler.dispatch('tag-removed', {\n id,\n label,\n value,\n });\n }\n</script>\n\n{#if type === 'text'}\n <span class=\"{getClasses(type, dark, size)} {userClass}\" {...attributes}>\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n </span>\n{/if}\n{#if type === 'link'}\n <a {href} class=\"{getClasses(type, dark, size)} {userClass}\" {...attributes}>\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n </a>\n{/if}\n{#if type === 'selectable'}\n <span\n class=\"{getClasses(type, dark, size)} {userClass}\"\n on:click\|~~preventDefault~~={onSelect}\n {...attributes}\n >\n <input\n ~~use:forwardEvents\n~~ class={getSubClasses(type, 'input')}\n type=\"checkbox\"\n {name}\n ~~bind:~~checked={isSelected}\n {id}\n {disabled}\n />\n <label class={getSubClasses(type, 'pill')} for={id}>\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n </label>\n </span>\n{/if}\n{#if type === 'removable'}\n <span class=\"{getClasses(type, dark, size)} {userClass}\" {...attributes}>\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n <button\n class={getSubClasses(type, 'remove')}\n on:click\|~~preventDefault~~={onRemoved}\n >\n <span class={getSubClasses(type, 'remove-text')}> {label} </span>\n </button>\n </span>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.tag';\n</style>\n"],"names":["class","span1_class_value","getClasses","ctx","getSubClasses","insert","target","span1","anchor","append","span0","dirty","a_class_value","a","span","input","label_1","span2_class_value","span2","button","if_block0","create_if_block_3","if_block1","create_if_block_2","if_block2","create_if_block_1","if_block3","create_if_block","type","dark","size","classes","push","join","element","label","$$props","disabled","id","~~href~~","~~name~~","~~value~~","selected","~~forwardEvents~~","~~createEventForwarder~~","get_current_component","~~eventHandler","EventHandler","~~createEventDispatcher","isSelected","$$invalidate","userClass","attributes","Object","assign","$$restProps","dispatch"~~,"this","checked"~~],"mappings":"~~wVAkEgBA~~,MAAAC,EAAAC,EAAWC,EAAI,GAAEA,EAAM,GAAAA,UAASA,EAAS,KAAOA,EAAU,wFAEnEA,EAAK,kBADKC,EAAcD,EAAI,GAAE,yBADnCE,EAIMC,EAAAC,EAAAC,GAHJC,EAEMF,EAAAG,2BADHP,EAAK,gBADKC,EAAcD,EAAI,GAAE,qCADrB,KAAAQ,GAAAV,KAAAA,EAAAC,EAAWC,EAAI,GAAEA,EAAM,GAAAA,UAASA,EAAS,MAAA,CAAAH,MAAAC,UAAOE,EAAU,~~kEAOtDH~~,MAAAY,EAAAV,EAAWC,EAAI,GAAEA,EAAM,GAAAA,~~UAASA~~,EAAS,~~KAAOA~~,EAAU,~~qFAEvEA~~,EAAK,kBADKC,EAAcD,EAAI,GAAE,~~yBADnCE~~,~~EAIGC~~,EAAAO,EAAAL,GAHDC,EAEMI,EAAAC,~~2BADHX~~,EAAK,gBADKC,EAAcD,EAAI,GAAE,~~uDADjB~~,KAAAQ,GAAAC,KAAAA,EAAAV,EAAWC,EAAI,GAAEA,EAAM,GAAAA,~~UAASA~~,EAAS,MAAA,CAAAH,MAAAY,~~UAAOT~~,EAAU,~~oEAQlEH~~,MAAAC,EAAAC,EAAWC,EAAI,GAAEA,EAAM,GAAAA,UAASA,EAAS,KAE7CA,EAAU,~~wHAaTA~~,EAAK,kBATDC,EAAcD,EAAI,GAAE~~,+FAQdC~~,EAAcD,EAAI,GAAE,wBADrBC,EAAcD,EAAI,GAAE,mBAAcA,EAAE,~~mBAdpDE~~,~~EAmBMC~~,EAAAC,EAAAC,~~GAdJC~~,~~EAQCF~~,EAAAQ,~~aAHeZ~~,~~EAAU,UAI1BM,~~EAIOF,EAAAS,GAHLP,EAEMO,EAAAN,~~yEAfiBP~~,EAAQ,~~iCAKxBC~~,EAAcD,EAAI,GAAE,~~iHAGbA~~,EAAU,~~aAMrBA~~,EAAK,gBADKC,EAAcD,EAAI,GAAE,sCADrBC,EAAcD,EAAI,GAAE,yCAAcA,EAAE,~~eAb1C~~,KAAAQ,GAAAV,KAAAA,EAAAC,EAAWC,EAAI,GAAEA,EAAM,GAAAA,UAASA,EAAS,MAAA,CAAAH,MAAAC,UAE7CE,EAAU,~~gFAmBFH,~~MAAAiB,EAAAf,EAAWC,EAAI,GAAEA,EAAM,GAAAA,UAASA,EAAS,KAAOA,EAAU,wFAEnEA,EAAK,wCAM6CA,EAAK,kBAP7CC,EAAcD,EAAI,GAAE,wBAOlBC,EAAcD,EAAI,GAAE,8BAH1BC,EAAcD,EAAI,GAAE,0BAL/BE,EAUMC,EAAAY,EAAAV,GATJC,EAEMS,EAAAR,iBACND,EAKQS,EAAAC,GADNV,EAAgEU,EAAAZ,~~8BAFvCJ~~,EAAS,~~6BAJjCA~~,EAAK,gBADKC,EAAcD,EAAI,GAAE,mCAOoBA,EAAK,gBAA3CC,EAAcD,EAAI,GAAE,4CAH1BC,EAAcD,EAAI,GAAE,sCALjB,KAAAQ,GAAAM,KAAAA,EAAAf,EAAWC,EAAI,GAAEA,EAAM,GAAAA,UAASA,EAAS,MAAA,CAAAH,MAAAiB,UAAOd,EAAU,~~yDArCrEiB~~,EAAS,SAATjB,MAAekB,EAAAlB,GAOfmB,EAAS,SAATnB,MAAeoB,EAAApB,~~GAOfqB~~,EAAS,eAATrB,MAAqBsB,EAAAtB,~~GAsBrBuB~~,EAAS,cAATvB,MAAoBwB,EAAAxB,~~yLApCX~~,SAATA,sEAOS,SAATA,~~sEAOS~~,eAATA,~~sEAsBS~~,cAATA,~~8JApEM~~,SAAAD,EAAW0B,EAAeC,EAAeC,GAC1C,MAAAC,aAAqBH,YAEvBE,GACFC,EAAQC,KAAe,UAAAJ,MAASE,KAG9BD,GACFE,EAAQC,KAAI,UAAWJ,WAGlBG,EAAQE,KAAK,cAGb7B,EAAcwB,EAAeM,GACnB,MAAA,UAAAN,MAASM,~~4IArCjBC~~,GAAaC,GACbN,KAAAA,EAAgB,KAAGM,QACnBP,GAAaO,GACbR,KAAAA,EAAgB,QAAMQ,YACtBC,GAAiBD,MACjBE,GAAUF,~~QACVG~~,~~GAAYH~~,~~QACZI~~,~~GAAYJ~~,~~SACZK~~,~~GAAyBL~~,~~GACzBM~~,SAAAA,GAAW,GAAKN,~~QACrBO~~,~~EAAgBC,EAAqBC,KAOvC,IAAAC,~~EAAmB,IAAAC,~~EACrBF~~,~~IACAG~~,6XAPCC,~~IAAaP~~,~~GACbQ~~,EAAA,GAAAC,~~EAAYf~~,EAAQpC,~~WACpBoD~~,EAALC,OAAAC,UAAuBC,2BACXH,~~EAAWpD~~,~~kDA0BnBkD~~,EAAA,EAAAD,GAAcA,~~GACdH~~,~~EAAaU~~,SAAS,eAAgBP,~~eAItCH~~,~~EAAaU~~,SAAS,~~eACpBlB~~,KACAH,~~QACAM,0BA8BcQ,EAAUQ,KAAAC~~"}
1	+ {"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import type { TagSize, TagType } from './tag.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let label: string;\n export let size: TagSize = 'm';\n export let dark: boolean;\n export let type: TagType = 'text';\n export let disabled: boolean;\n export let id: string;\n export let value: string \| undefined = undefined;\n export let href: string \| undefined = undefined;\n export let name: string \| undefined = undefined;\n export let selected = false;\n\n $: isSelected = selected ? true : false;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n function getClasses(type: TagType, dark: boolean, size: TagSize) {\n const classes = [`mc-tag-${type}`];\n\n if (size) {\n classes.push(`mc-tag-${type}--${size}`);\n }\n\n if (dark) {\n classes.push(`mc-tag-${type}--dark`);\n }\n\n return classes.join(' ');\n }\n\n function getSubClasses(type: TagType, element: string) {\n return `mc-tag-${type}__${element}`;\n }\n\n function onSelect(): void {\n isSelected = !isSelected;\n eventHandler.dispatch('tag-selected', isSelected);\n }\n\n function onRemoved(): void {\n eventHandler.dispatch('tag-removed', {\n id,\n label,\n value,\n });\n }\n</script>\n\n{#if type === 'text'}\n <span class=\"{getClasses(type, dark, size)} {userClass}\" {...attributes}>\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n </span>\n{/if}\n{#if type === 'link'}\n <a\n {href}\n class=\"{getClasses(type, dark, size)} {userClass}\"\n {...attributes}\n on:click\|stopPropagation={onSelect}\n >\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n </a>\n{/if}\n{#if type === 'selectable'}\n <span\n class=\"{getClasses(type, dark, size)} {userClass}\"\n on:click\|stopPropagation={onSelect}\n {...attributes}\n >\n <input\n class={getSubClasses(type, 'input')}\n type=\"checkbox\"\n {name}\n checked={isSelected}\n {id}\n {disabled}\n />\n <label class={getSubClasses(type, 'pill')} for={id}>\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n </label>\n </span>\n{/if}\n{#if type === 'removable'}\n <span class=\"{getClasses(type, dark, size)} {userClass}\" {...attributes}>\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n <button\n class={getSubClasses(type, 'remove')}\n on:click\|stopPropagation={onRemoved}\n >\n <span class={getSubClasses(type, 'remove-text')}> {label} </span>\n </button>\n </span>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.tag';\n</style>\n"],"names":["class","span1_class_value","getClasses","ctx","getSubClasses","insert","target","span1","anchor","append","span0","dirty","a_class_value","a","span","input","label_1","span2_class_value","span2","button","if_block0","create_if_block_3","if_block1","create_if_block_2","if_block2","create_if_block_1","if_block3","create_if_block","type","dark","size","classes","push","join","element","label","$$props","disabled","id","value","href","name","selected","eventHandler","EventHandler","get_current_component","createEventDispatcher","isSelected","$$invalidate","userClass","attributes","Object","assign","$$restProps","dispatch"],"mappings":"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"}

package/public/adeo/components/tag/Tag.svelte CHANGED Viewed

@@ -7,7 +7,6 @@
   } from 'svelte/internal';
   import type { TagSize, TagType } from './tag.types';
   import { EventHandler } from '../../utilities/EventHandler';
-  import { createEventForwarder } from '../../utilities/EventForward';
   export let label: string;
   export let size: TagSize = 'm';
@@ -15,11 +14,10 @@
   export let type: TagType = 'text';
   export let disabled: boolean;
   export let id: string;
-  export let href: string;
-  export let name: string;
-  export let value: string | undefined;
+  export let value: string | undefined = undefined;
+  export let href: string | undefined = undefined;
+  export let name: string | undefined = undefined;
   export let selected = false;
-  const forwardEvents = createEventForwarder(get_current_component());
   $: isSelected = selected ? true : false;
   $: userClass = $$props.class;
@@ -71,7 +69,12 @@
   </span>
 {/if}
 {#if type === 'link'}
-  <a {href} class="{getClasses(type, dark, size)}  {userClass}" {...attributes}>
+  <a
+    {href}
+    class="{getClasses(type, dark, size)} {userClass}"
+    {...attributes}
+    on:click|stopPropagation={onSelect}
+  >
     <span class={getSubClasses(type, 'label')}>
       {label}
     </span>
@@ -80,15 +83,14 @@
 {#if type === 'selectable'}
   <span
     class="{getClasses(type, dark, size)}  {userClass}"
-    on:click|preventDefault={onSelect}
+    on:click|stopPropagation={onSelect}
     {...attributes}
   >
     <input
-      use:forwardEvents
       class={getSubClasses(type, 'input')}
       type="checkbox"
       {name}
-      bind:checked={isSelected}
+      checked={isSelected}
       {id}
       {disabled}
     />
@@ -106,7 +108,7 @@
     </span>
     <button
       class={getSubClasses(type, 'remove')}
-      on:click|preventDefault={onRemoved}
+      on:click|stopPropagation={onRemoved}
     >
       <span class={getSubClasses(type, 'remove-text')}> {label} </span>
     </button>